mirror of
https://github.com/optim-enterprises-bv/vault.git
synced 2025-10-30 18:17:55 +00:00
0b12cdcfd1
* Adding explicit MPL license for sub-package. This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Adding explicit MPL license for sub-package. This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Updating the license from MPL to Business Source License. Going forward, this project will be licensed under the Business Source License v1.1. Please see our blog post for more details at https://hashi.co/bsl-blog, FAQ at www.hashicorp.com/licensing-faq, and details of the license at www.hashicorp.com/bsl. * add missing license headers * Update copyright file headers to BUS-1.1 * Fix test that expected exact offset on hcl file --------- Co-authored-by: hashicorp-copywrite[bot] <110428419+hashicorp-copywrite[bot]@users.noreply.github.com> Co-authored-by: Sarah Thompson <sthompson@hashicorp.com> Co-authored-by: Brian Kassouf <bkassouf@hashicorp.com>
67 lines
1.9 KiB
JavaScript
67 lines
1.9 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import { debug } from '@ember/debug';
|
|
import { action } from '@ember/object';
|
|
import { guidFor } from '@ember/object/internals';
|
|
import Component from '@glimmer/component';
|
|
import { tracked } from '@glimmer/tracking';
|
|
import autosize from 'autosize';
|
|
|
|
/**
|
|
* @module MaskedInput
|
|
* `MaskedInput` components are textarea inputs where the input is hidden. They are used to enter sensitive information like passwords.
|
|
*
|
|
* @example
|
|
* <MaskedInput
|
|
* @value={{get @model attr.name}}
|
|
* @allowCopy={{true}}
|
|
* @allowDownload={{true}}
|
|
* @onChange={{this.handleChange}}
|
|
* @onKeyUp={{this.handleKeyUp}}
|
|
* />
|
|
*
|
|
* @param value {String} - The value to display in the input.
|
|
* @param name {String} - The key correlated to the value. Used for the download file name.
|
|
* @param [onChange=Callback] {Function|action} - Callback triggered on change, sends new value. Must set the value of @value
|
|
* @param [allowCopy=false] {bool} - Whether or not the input should render with a copy button.
|
|
* @param [displayOnly=false] {bool} - Whether or not to display the value as a display only `pre` element or as an input.
|
|
*
|
|
*/
|
|
export default class MaskedInputComponent extends Component {
|
|
textareaId = 'textarea-' + guidFor(this);
|
|
@tracked showValue = false;
|
|
|
|
constructor() {
|
|
super(...arguments);
|
|
if (!this.args.onChange && !this.args.displayOnly) {
|
|
debug('onChange is required for editable Masked Input!');
|
|
}
|
|
this.updateSize();
|
|
}
|
|
|
|
updateSize() {
|
|
autosize(document.getElementById(this.textareaId));
|
|
}
|
|
|
|
@action onChange(evt) {
|
|
const value = evt.target.value;
|
|
if (this.args.onChange) {
|
|
this.args.onChange(value);
|
|
}
|
|
}
|
|
|
|
@action handleKeyUp(name, evt) {
|
|
this.updateSize();
|
|
const { value } = evt.target;
|
|
if (this.args.onKeyUp) {
|
|
this.args.onKeyUp(name, value);
|
|
}
|
|
}
|
|
@action toggleMask() {
|
|
this.showValue = !this.showValue;
|
|
}
|
|
}
|