mirror of
https://github.com/optim-enterprises-bv/vault.git
synced 2025-11-01 11:08:10 +00:00
e61bd967e3
* move script to scripts folder * add docfy to router and scripts * add docfy to router and scripts * fix jsdoc syntax * add component markdown files to gitignore * improve error handling for scripts * tidy up remaining jsdoc syntax * add sample jsdoc components * add known issue info * make not using multi-line components clearer * make generating docs clearer * update copy * final how to docfy cleanup * fix ts file @module syntax * fix read more syntax * make docfy typescript compatible
44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
import { action } from '@ember/object';
|
|
import { tracked } from '@glimmer/tracking';
|
|
|
|
/**
|
|
* @module InputSearch
|
|
* This component renders an input that fires a callback on "keyup" containing the input's value
|
|
*
|
|
* @example
|
|
* <InputSearch @initialValue="secret/path/" @onChange={{this.handleSearch}} @placeholder="search..." />
|
|
*
|
|
* @param {string} [id] - unique id for the input
|
|
* @param {string} [initialValue] - initial search value, i.e. a secret path prefix, that pre-fills the input field
|
|
* @param {string} [placeholder] - placeholder text for the input
|
|
* @param {string} [label] - label for the input
|
|
* @param {string} [subtext] - displays below the label
|
|
*/
|
|
|
|
export default class InputSearch extends Component {
|
|
/*
|
|
* @public
|
|
* @param Function
|
|
*
|
|
* Function called when any of the inputs change
|
|
*
|
|
*/
|
|
@tracked searchInput = '';
|
|
|
|
constructor() {
|
|
super(...arguments);
|
|
this.searchInput = this.args?.initialValue;
|
|
}
|
|
|
|
@action
|
|
inputChanged() {
|
|
this.args.onChange(this.searchInput);
|
|
}
|
|
}
|