mirror of
https://github.com/status-im/consul.git
synced 2025-01-10 05:45:46 +00:00
a6c990c6fe
* Upgrade @hashicorp/design-system-tokens to 1.9.0 * Upgrade @hashicorp/design-system-components to 1.8.1 * Upgrade @hashicorp/design-system-components and ember-in-viewport * Explicitly install ember-modifier@4.1.0 * rename copy-button * Fix how cleanup is done in with-copyable * Update aria-menu modifier for new structure * Update css-prop modifier to new structure * Convert did-upsert to regular class modifier * Update notification modifier for new structure * Update on-oustside modifier for new structure * Move destroy handler registration in with-copyable * Update style modifier for new structure * Update validate modifier for new structure * Guard against setting on destroyed object * Upgrade @hashicorp/design-system-components to 2.14.1 * Remove debugger * Guard against null in aria-menu * Fix undefined hash in validate addon * Upgrade ember-on-resize-modifier * Fix copy button import, missing import and array destructuring --------- Co-authored-by: wenincode <tyler.wendlandt@hashicorp.com>
36 lines
924 B
Handlebars
36 lines
924 B
Handlebars
{{!
|
|
Copyright (c) HashiCorp, Inc.
|
|
SPDX-License-Identifier: BUSL-1.1
|
|
}}
|
|
|
|
<StateChart
|
|
@src={{this.chart}}
|
|
as |State Guard Action dispatch state|
|
|
>
|
|
<div
|
|
class="copy-button"
|
|
...attributes
|
|
>
|
|
{{#let (fn dispatch 'SUCCESS') (fn dispatch 'ERROR') (fn dispatch 'RESET') as |success error reset|}}
|
|
<button
|
|
{{with-copyable @value success=success error=error}}
|
|
aria-label={{t 'components.consul-copy-button.title' name=@name}}
|
|
type="button"
|
|
class="copy-btn"
|
|
...attributes
|
|
{{tooltip
|
|
(if (state-matches state 'success') (t 'components.consul-copy-button.success' name=@name) (t 'components.consul-copy-button.error'))
|
|
options=(hash
|
|
trigger='manual'
|
|
showOnCreate=(not (state-matches state 'idle'))
|
|
delay=(array 0 3000)
|
|
onHidden=reset
|
|
)
|
|
}}
|
|
>
|
|
{{~yield~}}
|
|
</button>
|
|
{{/let}}
|
|
</div>
|
|
</StateChart>
|