Ghost/ghost/admin/app/components/gh-token-input/trigger.js
James Morris 4e3380190b Improving the member filters
- Closes dropdown when removing labels
- Larger width to handle multiple labels better
- Subtle focuses when using tabs only
- Bigger close button hitpoints on labels
- Added text ellipis for larger labels in dropdown
- Added some event propagation stops

no issue
2022-10-06 12:21:55 +01:00

71 lines
2.8 KiB
JavaScript

import EmberPowerSelectMultipleTrigger from 'ember-power-select/components/power-select-multiple/trigger';
import {action, get} from '@ember/object';
import {assert} from '@ember/debug';
import {isBlank} from '@ember/utils';
export default class Trigger extends EmberPowerSelectMultipleTrigger {
@action
handleOptionMouseDown(event) {
event.stopPropagation();
this.args.select.actions.close();
if (!event.target.closest('[data-selected-index]')) {
let optionMouseDown = this.args.extra.optionMouseDown;
if (optionMouseDown) {
return optionMouseDown(event);
}
}
return this.chooseOption(event);
}
@action
handleOptionTouchStart(event) {
let optionTouchStart = this.args.extra.optionTouchStart;
if (optionTouchStart) {
return optionTouchStart(event);
}
}
@action
reorderItems() {
// ember-drag-drop's sortable-objects has two-way bindings and will
// update EPS' selected value directly. We have to create a copy
// after sorting in order to force the onchange action to be triggered
let selectedCopy = this.args.select.selected.slice();
this.args.select.actions.select(selectedCopy);
}
// copied directly from EPS, the default behaviour of stopping propagation
// of keydown events prevents our shortcuts from being triggered
@action
handleKeydown(e) {
if (this.args.onKeydown && this.args.onKeydown(e) === false) {
e.stopPropagation();
return false;
}
if (e.keyCode === 8) {
e.stopPropagation();
if (isBlank(e.target.value)) {
let lastSelection = this.args.select.selected[this.args.select.selected.length - 1];
if (lastSelection) {
this.args.select.actions.select(this.args.buildSelection(lastSelection, this.args.select), e);
if (typeof lastSelection === 'string') {
this.args.select.actions.search(lastSelection);
} else {
let searchField = this.searchField;
assert('`{{power-select-multiple}}` requires a `searchField` when the options are not strings to remove options using backspace', searchField);
this.args.select.actions.search(get(lastSelection, searchField));
}
this.args.select.actions.open(e);
}
}
}
// Disable the propagation cancellation so that our shortcuts still work
// } else if (e.keyCode >= 48 && e.keyCode <= 90 || e.keyCode === 32) { // Keys 0-9, a-z or SPACE
// e.stopPropagation();
// }
}
}