@hashicorp/design-system-components 1.6.1 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +29 -1
- package/addon/components/hds/alert/description.hbs +4 -0
- package/addon/components/hds/alert/index.hbs +4 -0
- package/addon/components/hds/alert/index.js +5 -0
- package/addon/components/hds/alert/title.hbs +4 -0
- package/addon/components/hds/avatar/index.hbs +4 -0
- package/addon/components/hds/badge/index.hbs +4 -0
- package/addon/components/hds/badge/index.js +5 -0
- package/addon/components/hds/badge-count/index.hbs +4 -0
- package/addon/components/hds/badge-count/index.js +5 -0
- package/addon/components/hds/breadcrumb/index.hbs +4 -0
- package/addon/components/hds/breadcrumb/index.js +5 -0
- package/addon/components/hds/breadcrumb/item.hbs +4 -0
- package/addon/components/hds/breadcrumb/item.js +5 -0
- package/addon/components/hds/breadcrumb/truncation.hbs +4 -0
- package/addon/components/hds/button/index.hbs +4 -0
- package/addon/components/hds/button/index.js +5 -0
- package/addon/components/hds/button-set/index.hbs +4 -0
- package/addon/components/hds/card/container.hbs +4 -0
- package/addon/components/hds/card/container.js +5 -0
- package/addon/components/hds/disclosure/index.hbs +4 -0
- package/addon/components/hds/disclosure/index.js +5 -0
- package/addon/components/hds/dismiss-button/index.hbs +4 -0
- package/addon/components/hds/dropdown/index.hbs +4 -0
- package/addon/components/hds/dropdown/index.js +5 -0
- package/addon/components/hds/dropdown/list-item/copy-item.hbs +4 -0
- package/addon/components/hds/dropdown/list-item/copy-item.js +5 -0
- package/addon/components/hds/dropdown/list-item/description.hbs +4 -0
- package/addon/components/hds/dropdown/list-item/description.js +5 -0
- package/addon/components/hds/dropdown/list-item/generic.hbs +4 -0
- package/addon/components/hds/dropdown/list-item/interactive.hbs +4 -0
- package/addon/components/hds/dropdown/list-item/interactive.js +5 -0
- package/addon/components/hds/dropdown/list-item/separator.hbs +4 -0
- package/addon/components/hds/dropdown/list-item/title.hbs +4 -0
- package/addon/components/hds/dropdown/list-item/title.js +5 -0
- package/addon/components/hds/dropdown/toggle/button.hbs +4 -0
- package/addon/components/hds/dropdown/toggle/button.js +5 -0
- package/addon/components/hds/dropdown/toggle/icon.hbs +4 -0
- package/addon/components/hds/dropdown/toggle/icon.js +5 -0
- package/addon/components/hds/empty-state/body.hbs +4 -0
- package/addon/components/hds/empty-state/footer.hbs +4 -0
- package/addon/components/hds/empty-state/header.hbs +4 -0
- package/addon/components/hds/empty-state/index.hbs +4 -0
- package/addon/components/hds/flyout/body.hbs +4 -0
- package/addon/components/hds/flyout/description.hbs +4 -0
- package/addon/components/hds/flyout/header.hbs +4 -0
- package/addon/components/hds/flyout/index.hbs +4 -0
- package/addon/components/hds/flyout/index.js +5 -0
- package/addon/components/hds/form/checkbox/base.hbs +4 -0
- package/addon/components/hds/form/checkbox/field.hbs +4 -0
- package/addon/components/hds/form/checkbox/group.hbs +4 -0
- package/addon/components/hds/form/error/index.hbs +4 -0
- package/addon/components/hds/form/error/index.js +5 -0
- package/addon/components/hds/form/error/message.hbs +4 -0
- package/addon/components/hds/form/field/index.hbs +4 -0
- package/addon/components/hds/form/field/index.js +5 -0
- package/addon/components/hds/form/fieldset/index.hbs +4 -0
- package/addon/components/hds/form/fieldset/index.js +5 -0
- package/addon/components/hds/form/helper-text/index.hbs +4 -0
- package/addon/components/hds/form/helper-text/index.js +5 -0
- package/addon/components/hds/form/indicator/index.hbs +4 -0
- package/addon/components/hds/form/indicator/index.js +5 -0
- package/addon/components/hds/form/label/index.hbs +4 -0
- package/addon/components/hds/form/label/index.js +5 -0
- package/addon/components/hds/form/legend/index.hbs +4 -0
- package/addon/components/hds/form/legend/index.js +5 -0
- package/addon/components/hds/form/radio/base.hbs +4 -0
- package/addon/components/hds/form/radio/field.hbs +4 -0
- package/addon/components/hds/form/radio/group.hbs +4 -0
- package/addon/components/hds/form/radio-card/description.hbs +4 -0
- package/addon/components/hds/form/radio-card/group.hbs +4 -0
- package/addon/components/hds/form/radio-card/index.hbs +4 -0
- package/addon/components/hds/form/radio-card/index.js +5 -0
- package/addon/components/hds/form/radio-card/label.hbs +4 -0
- package/addon/components/hds/form/select/base.hbs +4 -0
- package/addon/components/hds/form/select/base.js +5 -0
- package/addon/components/hds/form/select/field.hbs +4 -0
- package/addon/components/hds/form/text-input/base.hbs +4 -0
- package/addon/components/hds/form/text-input/base.js +5 -0
- package/addon/components/hds/form/text-input/field.hbs +4 -0
- package/addon/components/hds/form/textarea/base.hbs +4 -0
- package/addon/components/hds/form/textarea/base.js +5 -0
- package/addon/components/hds/form/textarea/field.hbs +4 -0
- package/addon/components/hds/form/toggle/base.hbs +4 -0
- package/addon/components/hds/form/toggle/base.js +5 -0
- package/addon/components/hds/form/toggle/field.hbs +4 -0
- package/addon/components/hds/form/toggle/group.hbs +4 -0
- package/addon/components/hds/form/utils/getElementId.js +5 -0
- package/addon/components/hds/form/utils/setAriaDescribedBy.js +5 -0
- package/addon/components/hds/icon-tile/index.hbs +4 -0
- package/addon/components/hds/icon-tile/index.js +5 -0
- package/addon/components/hds/interactive/index.js +5 -0
- package/addon/components/hds/link/inline.js +5 -0
- package/addon/components/hds/link/standalone.js +5 -0
- package/addon/components/hds/modal/body.hbs +4 -0
- package/addon/components/hds/modal/footer.hbs +4 -0
- package/addon/components/hds/modal/header.hbs +4 -0
- package/addon/components/hds/modal/index.hbs +4 -0
- package/addon/components/hds/modal/index.js +5 -0
- package/addon/components/hds/pagination/compact/index.hbs +4 -0
- package/addon/components/hds/pagination/compact/index.js +5 -0
- package/addon/components/hds/pagination/info/index.hbs +4 -0
- package/addon/components/hds/pagination/info/index.js +5 -0
- package/addon/components/hds/pagination/nav/arrow.hbs +4 -0
- package/addon/components/hds/pagination/nav/arrow.js +5 -0
- package/addon/components/hds/pagination/nav/ellipsis.hbs +4 -0
- package/addon/components/hds/pagination/nav/number.hbs +4 -0
- package/addon/components/hds/pagination/nav/number.js +5 -0
- package/addon/components/hds/pagination/numbered/index.hbs +5 -0
- package/addon/components/hds/pagination/numbered/index.js +5 -0
- package/addon/components/hds/pagination/size-selector/index.hbs +7 -1
- package/addon/components/hds/pagination/size-selector/index.js +17 -0
- package/addon/components/hds/stepper/step/indicator.hbs +4 -0
- package/addon/components/hds/stepper/step/indicator.js +5 -0
- package/addon/components/hds/stepper/task/indicator.hbs +4 -0
- package/addon/components/hds/stepper/task/indicator.js +5 -0
- package/addon/components/hds/table/index.hbs +12 -4
- package/addon/components/hds/table/index.js +60 -5
- package/addon/components/hds/table/td.hbs +4 -0
- package/addon/components/hds/table/td.js +5 -0
- package/addon/components/hds/table/th-sort.hbs +4 -0
- package/addon/components/hds/table/th-sort.js +22 -9
- package/addon/components/hds/table/th.hbs +4 -0
- package/addon/components/hds/table/th.js +5 -0
- package/addon/components/hds/table/tr.hbs +4 -0
- package/addon/components/hds/tabs/index.hbs +4 -0
- package/addon/components/hds/tabs/index.js +5 -0
- package/addon/components/hds/tabs/panel.hbs +4 -0
- package/addon/components/hds/tabs/panel.js +5 -0
- package/addon/components/hds/tabs/tab.hbs +4 -0
- package/addon/components/hds/tabs/tab.js +5 -0
- package/addon/components/hds/tag/index.hbs +4 -0
- package/addon/components/hds/tag/index.js +5 -0
- package/addon/components/hds/toast/index.hbs +4 -0
- package/addon/components/hds/yield/index.hbs +4 -0
- package/addon/helpers/hds-link-to-models.js +5 -0
- package/addon/helpers/hds-link-to-query.js +5 -0
- package/app/components/hds/alert/description.js +5 -0
- package/app/components/hds/alert/index.js +5 -0
- package/app/components/hds/alert/title.js +5 -0
- package/app/components/hds/avatar/index.js +5 -0
- package/app/components/hds/badge/index.js +5 -0
- package/app/components/hds/badge-count/index.js +5 -0
- package/app/components/hds/breadcrumb/index.js +5 -0
- package/app/components/hds/breadcrumb/item.js +5 -0
- package/app/components/hds/breadcrumb/truncation.js +5 -0
- package/app/components/hds/button/index.js +5 -0
- package/app/components/hds/button-set/index.js +5 -0
- package/app/components/hds/card/container.js +5 -0
- package/app/components/hds/disclosure/index.js +5 -0
- package/app/components/hds/dismiss-button/index.js +5 -0
- package/app/components/hds/dropdown/index.js +5 -0
- package/app/components/hds/dropdown/list-item/copy-item.js +5 -0
- package/app/components/hds/dropdown/list-item/description.js +5 -0
- package/app/components/hds/dropdown/list-item/generic.js +5 -0
- package/app/components/hds/dropdown/list-item/interactive.js +5 -0
- package/app/components/hds/dropdown/list-item/separator.js +5 -0
- package/app/components/hds/dropdown/list-item/title.js +5 -0
- package/app/components/hds/dropdown/toggle/button.js +5 -0
- package/app/components/hds/dropdown/toggle/icon.js +5 -0
- package/app/components/hds/empty-state/body.js +5 -0
- package/app/components/hds/empty-state/footer.js +5 -0
- package/app/components/hds/empty-state/header.js +5 -0
- package/app/components/hds/empty-state/index.js +5 -0
- package/app/components/hds/flyout/body.js +5 -0
- package/app/components/hds/flyout/description.js +5 -0
- package/app/components/hds/flyout/header.js +5 -0
- package/app/components/hds/flyout/index.js +5 -0
- package/app/components/hds/form/checkbox/base.js +5 -0
- package/app/components/hds/form/checkbox/field.js +5 -0
- package/app/components/hds/form/checkbox/group.js +5 -0
- package/app/components/hds/form/error/index.js +5 -0
- package/app/components/hds/form/error/message.js +5 -0
- package/app/components/hds/form/field/index.js +5 -0
- package/app/components/hds/form/fieldset/index.js +5 -0
- package/app/components/hds/form/helper-text/index.js +5 -0
- package/app/components/hds/form/indicator/index.js +5 -0
- package/app/components/hds/form/label/index.js +5 -0
- package/app/components/hds/form/legend/index.js +5 -0
- package/app/components/hds/form/radio/base.js +5 -0
- package/app/components/hds/form/radio/field.js +5 -0
- package/app/components/hds/form/radio/group.js +5 -0
- package/app/components/hds/form/radio-card/description.js +5 -0
- package/app/components/hds/form/radio-card/group.js +5 -0
- package/app/components/hds/form/radio-card/index.js +5 -0
- package/app/components/hds/form/radio-card/label.js +5 -0
- package/app/components/hds/form/select/base.js +5 -0
- package/app/components/hds/form/select/field.js +5 -0
- package/app/components/hds/form/text-input/base.js +5 -0
- package/app/components/hds/form/text-input/field.js +5 -0
- package/app/components/hds/form/textarea/base.js +5 -0
- package/app/components/hds/form/textarea/field.js +5 -0
- package/app/components/hds/form/toggle/base.js +5 -0
- package/app/components/hds/form/toggle/field.js +5 -0
- package/app/components/hds/form/toggle/group.js +5 -0
- package/app/components/hds/icon-tile/index.js +5 -0
- package/app/components/hds/interactive/index.js +5 -0
- package/app/components/hds/link/inline.js +5 -0
- package/app/components/hds/link/standalone.js +5 -0
- package/app/components/hds/modal/body.js +5 -0
- package/app/components/hds/modal/footer.js +5 -0
- package/app/components/hds/modal/header.js +5 -0
- package/app/components/hds/modal/index.js +5 -0
- package/app/components/hds/pagination/compact/index.js +5 -0
- package/app/components/hds/pagination/info.js +5 -0
- package/app/components/hds/pagination/nav/arrow.js +5 -0
- package/app/components/hds/pagination/nav/ellipsis.js +5 -0
- package/app/components/hds/pagination/nav/number.js +5 -0
- package/app/components/hds/pagination/numbered/index.js +5 -0
- package/app/components/hds/pagination/size-selector.js +5 -0
- package/app/components/hds/stepper/step/indicator.js +5 -0
- package/app/components/hds/stepper/task/indicator.js +5 -0
- package/app/components/hds/table/index.js +5 -0
- package/app/components/hds/table/td.js +5 -0
- package/app/components/hds/table/th-sort.js +5 -0
- package/app/components/hds/table/th.js +5 -0
- package/app/components/hds/table/tr.js +5 -0
- package/app/components/hds/tabs/index.js +5 -0
- package/app/components/hds/tabs/panel.js +5 -0
- package/app/components/hds/tabs/tab.js +5 -0
- package/app/components/hds/tag/index.js +5 -0
- package/app/components/hds/toast/index.js +5 -0
- package/app/components/hds/yield/index.js +5 -0
- package/app/helpers/hds-link-to-models.js +5 -0
- package/app/helpers/hds-link-to-query.js +5 -0
- package/app/styles/@hashicorp/design-system-components.scss +5 -0
- package/app/styles/@hashicorp/design-system-power-select-overrides.scss +5 -0
- package/app/styles/components/alert.scss +5 -0
- package/app/styles/components/avatar.scss +5 -0
- package/app/styles/components/badge-count.scss +5 -0
- package/app/styles/components/badge.scss +5 -0
- package/app/styles/components/breadcrumb.scss +5 -0
- package/app/styles/components/button-set.scss +5 -0
- package/app/styles/components/button.scss +5 -0
- package/app/styles/components/card/container.scss +5 -0
- package/app/styles/components/card/index.scss +5 -0
- package/app/styles/components/disclosure.scss +5 -0
- package/app/styles/components/dismiss-button.scss +5 -0
- package/app/styles/components/dropdown.scss +5 -0
- package/app/styles/components/empty-state.scss +5 -0
- package/app/styles/components/flyout.scss +5 -0
- package/app/styles/components/form/checkbox.scss +5 -0
- package/app/styles/components/form/error.scss +5 -0
- package/app/styles/components/form/field.scss +5 -0
- package/app/styles/components/form/group.scss +5 -0
- package/app/styles/components/form/helper-text.scss +5 -0
- package/app/styles/components/form/index.scss +5 -0
- package/app/styles/components/form/indicator.scss +5 -0
- package/app/styles/components/form/label.scss +5 -0
- package/app/styles/components/form/legend.scss +5 -0
- package/app/styles/components/form/radio-card.scss +5 -0
- package/app/styles/components/form/radio.scss +5 -0
- package/app/styles/components/form/select.scss +5 -0
- package/app/styles/components/form/text-input.scss +5 -0
- package/app/styles/components/form/textarea.scss +5 -0
- package/app/styles/components/form/toggle.scss +5 -0
- package/app/styles/components/icon-tile.scss +5 -0
- package/app/styles/components/link/index.scss +5 -0
- package/app/styles/components/link/inline.scss +5 -0
- package/app/styles/components/link/standalone.scss +5 -0
- package/app/styles/components/modal.scss +5 -0
- package/app/styles/components/pagination.scss +39 -26
- package/app/styles/components/stepper/index.scss +5 -0
- package/app/styles/components/stepper/step-indicator.scss +5 -0
- package/app/styles/components/stepper/task-indicator.scss +5 -0
- package/app/styles/components/table.scss +36 -15
- package/app/styles/components/tabs.scss +10 -0
- package/app/styles/components/tag.scss +5 -0
- package/app/styles/components/toast.scss +5 -0
- package/app/styles/mixins/_focus-ring.scss +5 -0
- package/blueprints/hds-component/files/addon/components/hds/__name__/index.hbs +4 -0
- package/blueprints/hds-component/files/addon/components/hds/__name__/index.js +5 -0
- package/blueprints/hds-component/files/app/components/hds/__name__/index.js +5 -0
- package/blueprints/hds-component/files/app/styles/components/__name__.scss +5 -0
- package/blueprints/hds-component/index.js +5 -0
- package/blueprints/hds-component-test/files/tests/dummy/app/routes/components/__name__.js +5 -0
- package/blueprints/hds-component-test/files/tests/dummy/app/styles/pages/__dummyCSSFileName__.scss +5 -0
- package/blueprints/hds-component-test/files/tests/dummy/app/templates/components/__name__.hbs +6 -2
- package/blueprints/hds-component-test/files/tests/integration/components/hds/__name__/index-test.js +5 -0
- package/blueprints/hds-component-test/index.js +6 -1
- package/config/environment.js +5 -0
- package/index.js +5 -0
- package/package.json +28 -28
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) HashiCorp, Inc.
|
|
3
|
+
* SPDX-License-Identifier: MPL-2.0
|
|
4
|
+
*/
|
|
5
|
+
|
|
1
6
|
import Component from '@glimmer/component';
|
|
2
7
|
import { assert } from '@ember/debug';
|
|
3
8
|
|
|
@@ -10,13 +15,18 @@ export default class HdsTableThSortComponent extends Component {
|
|
|
10
15
|
* @param ariaSort
|
|
11
16
|
* @type {string}
|
|
12
17
|
* @private
|
|
13
|
-
* @
|
|
18
|
+
* @default none
|
|
19
|
+
* @description Sets the aria-sort attribute based on the sort order defined; acceptable values are ascending, descending, none(default) and other. Authors SHOULD only apply this property to table headers or grid headers. If the property is not provided, there is no defined sort order. For each table or grid, authors SHOULD apply aria-sort to only one header at a time.
|
|
14
20
|
*/
|
|
15
21
|
get ariaSort() {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
22
|
+
switch (this.args.sortOrder) {
|
|
23
|
+
case 'asc':
|
|
24
|
+
return 'ascending';
|
|
25
|
+
case 'desc':
|
|
26
|
+
return 'descending';
|
|
27
|
+
default:
|
|
28
|
+
// none is the default per the spec.
|
|
29
|
+
return 'none';
|
|
20
30
|
}
|
|
21
31
|
}
|
|
22
32
|
|
|
@@ -28,10 +38,13 @@ export default class HdsTableThSortComponent extends Component {
|
|
|
28
38
|
* @description Determines which icon to use based on the sort order defined
|
|
29
39
|
*/
|
|
30
40
|
get icon() {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
41
|
+
switch (this.args.sortOrder) {
|
|
42
|
+
case 'asc':
|
|
43
|
+
return 'arrow-up';
|
|
44
|
+
case 'desc':
|
|
45
|
+
return 'arrow-down';
|
|
46
|
+
default:
|
|
47
|
+
return 'swap-vertical';
|
|
35
48
|
}
|
|
36
49
|
}
|
|
37
50
|
|