be632db682
* runs ember-cli-update to 4.4.0 * updates yarn.lock * updates dependencies causing runtime errors (#17135) * Inject Store Service When Accessed Implicitly (#17345) * adds codemod for injecting store service * adds custom babylon parser with decorators-legacy plugin for jscodeshift transforms * updates inject-store-service codemod to only look for .extend object expressions and adds recast options * runs inject-store-service codemod on js files * replace query-params helper with hash (#17404) * Updates/removes dependencies throwing errors in Ember 4.4 (#17396) * updates ember-responsive to latest * updates ember-composable-helpers to latest and uses includes helper since contains was removed * updates ember-concurrency to latest * updates ember-cli-clipboard to latest * temporary workaround for toolbar-link component throwing errors for using params arg with LinkTo * adds missing store injection to auth configure route * fixes issue with string-list component throwing error for accessing prop in same computation * fixes non-iterable query params issue in mfa methods controller * refactors field-to-attrs to handle belongsTo rather than fragments * converts mount-config fragment to belongsTo on auth-method model * removes ember-api-actions and adds tune method to auth-method adapter * converts cluster replication attributes from fragment to relationship * updates ember-data, removes ember-data-fragments and updates yarn to latest * removes fragments from secret-engine model * removes fragment from test-form-model * removes commented out code * minor change to inject-store-service codemod and runs again on js files * Remove LinkTo positional params (#17421) * updates ember-cli-page-object to latest version * update toolbar-link to support link-to args and not positional params * adds replace arg to toolbar-link component * Clean up js lint errors (#17426) * replaces assert.equal to assert.strictEqual * update eslint no-console to error and disables invididual intended uses of console * cleans up hbs lint warnings (#17432) * Upgrade bug and test fixes (#17500) * updates inject-service codemod to take arg for service name and runs for flashMessages service * fixes hbs lint error after merging main * fixes flash messages * updates more deps * bug fixes * test fixes * updates ember-cli-content-security-policy and prevents default form submission throwing errors * more bug and test fixes * removes commented out code * fixes issue with code-mirror modifier sending change event on setup causing same computation error * Upgrade Clean Up (#17543) * updates deprecation workflow and filter * cleans up build errors, removes unused ivy-codemirror and sass and updates ember-cli-sass and node-sass to latest * fixes control groups test that was skipped after upgrade * updates control group service tests * addresses review feedback * updates control group service handleError method to use router.currentURL rather that transition.intent.url * adds changelog entry
53 lines
1.9 KiB
JavaScript
53 lines
1.9 KiB
JavaScript
import Component from '@glimmer/component';
|
|
import { action } from '@ember/object';
|
|
|
|
/**
|
|
* @module AutocompleteInput
|
|
* AutocompleteInput components are used as standard string inputs or optionally select options to append to input value
|
|
*
|
|
* @example
|
|
* ```js
|
|
* <AutocompleteInput @requiredParam={requiredParam} @optionalParam={optionalParam} @param1={{param1}}/>
|
|
* ```
|
|
* @callback inputChangeCallback
|
|
* @param {string} value - input value
|
|
* @param {inputChangeCallback} onChange - fires when input value changes to mutate value param by caller
|
|
* @param {string} [optionsTrigger] - display options dropdown when trigger character is input
|
|
* @param {Object[]} [options] - array of { label, value } objects where label is displayed in options dropdown and value is appended to input value
|
|
* @param {string} [label] - label to display above input
|
|
* @param {string} [subText] - text to display below label
|
|
* @param {string} [placeholder] - input placeholder
|
|
*/
|
|
|
|
export default class AutocompleteInput extends Component {
|
|
dropdownAPI;
|
|
inputElement;
|
|
|
|
@action
|
|
setElement(element) {
|
|
this.inputElement = element.querySelector('.input');
|
|
}
|
|
@action
|
|
setDropdownAPI(dropdownAPI) {
|
|
this.dropdownAPI = dropdownAPI;
|
|
}
|
|
@action
|
|
onInput(event) {
|
|
const { options = [], optionsTrigger } = this.args;
|
|
if (optionsTrigger && options.length) {
|
|
const method = event.data === optionsTrigger ? 'open' : 'close';
|
|
this.dropdownAPI.actions[method]();
|
|
}
|
|
this.args.onChange(event.target.value);
|
|
}
|
|
@action
|
|
selectOption(value) {
|
|
// if trigger character is at start of value it needs to be trimmed
|
|
const appendValue = value.startsWith(this.args.optionsTrigger) ? value.slice(1) : value;
|
|
const newValue = this.args.value + appendValue;
|
|
this.args.onChange(newValue);
|
|
this.dropdownAPI.actions.close();
|
|
this.inputElement.focus();
|
|
}
|
|
}
|