@refinitiv-ui/elements 5.9.1-alpha.0 → 5.10.2-build.1823865528.3.47
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 +46 -9
- package/README.md +4 -4
- package/lib/accordion/index.d.ts +1 -1
- package/lib/accordion/index.js +1 -0
- package/lib/appstate-bar/index.d.ts +1 -1
- package/lib/appstate-bar/index.js +1 -0
- package/lib/autosuggest/helpers/types.d.ts +1 -0
- package/lib/autosuggest/helpers/types.js +1 -0
- package/lib/autosuggest/helpers/utils.d.ts +1 -0
- package/lib/autosuggest/helpers/utils.js +1 -0
- package/lib/autosuggest/index.d.ts +1 -1
- package/lib/autosuggest/index.js +1 -0
- package/lib/button/index.d.ts +11 -5
- package/lib/button/index.js +24 -5
- package/lib/button-bar/index.d.ts +50 -1
- package/lib/button-bar/index.js +150 -9
- package/lib/calendar/constants.d.ts +1 -0
- package/lib/calendar/constants.js +1 -0
- package/lib/calendar/index.d.ts +1 -1
- package/lib/calendar/index.js +1 -0
- package/lib/calendar/locales.d.ts +1 -0
- package/lib/calendar/locales.js +1 -0
- package/lib/calendar/types.d.ts +1 -0
- package/lib/calendar/types.js +1 -0
- package/lib/calendar/utils.d.ts +1 -0
- package/lib/calendar/utils.js +1 -0
- package/lib/canvas/index.d.ts +1 -1
- package/lib/canvas/index.js +1 -0
- package/lib/card/helpers/types.d.ts +1 -0
- package/lib/card/helpers/types.js +1 -0
- package/lib/card/index.d.ts +1 -1
- package/lib/card/index.js +1 -0
- package/lib/chart/helpers/index.d.ts +1 -0
- package/lib/chart/helpers/index.js +1 -0
- package/lib/chart/helpers/legend.d.ts +1 -0
- package/lib/chart/helpers/legend.js +1 -0
- package/lib/chart/helpers/merge.d.ts +1 -0
- package/lib/chart/helpers/merge.js +1 -0
- package/lib/chart/helpers/types.d.ts +1 -0
- package/lib/chart/helpers/types.js +1 -0
- package/lib/chart/index.d.ts +1 -1
- package/lib/chart/index.js +1 -0
- package/lib/chart/plugins/doughnut-center-label.d.ts +1 -0
- package/lib/chart/plugins/doughnut-center-label.js +1 -0
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/checkbox/index.js +1 -1
- package/lib/checkbox/themes/halo/dark/index.js +1 -1
- package/lib/checkbox/themes/halo/light/index.js +1 -1
- package/lib/clock/index.d.ts +1 -1
- package/lib/clock/index.js +1 -0
- package/lib/clock/utils/TickManager.d.ts +1 -0
- package/lib/clock/utils/TickManager.js +1 -0
- package/lib/clock/utils/timestamps.d.ts +1 -0
- package/lib/clock/utils/timestamps.js +1 -0
- package/lib/collapse/index.d.ts +1 -1
- package/lib/collapse/index.js +1 -0
- package/lib/color-dialog/elements/color-palettes.d.ts +1 -1
- package/lib/color-dialog/elements/color-palettes.js +1 -0
- package/lib/color-dialog/elements/grayscale-palettes.d.ts +1 -1
- package/lib/color-dialog/elements/grayscale-palettes.js +1 -0
- package/lib/color-dialog/elements/palettes.d.ts +1 -0
- package/lib/color-dialog/elements/palettes.js +1 -0
- package/lib/color-dialog/helpers/color-helpers.d.ts +1 -0
- package/lib/color-dialog/helpers/color-helpers.js +1 -0
- package/lib/color-dialog/helpers/value-model.d.ts +1 -0
- package/lib/color-dialog/helpers/value-model.js +1 -0
- package/lib/color-dialog/index.d.ts +1 -1
- package/lib/color-dialog/index.js +1 -0
- package/lib/combo-box/helpers/filter.d.ts +1 -0
- package/lib/combo-box/helpers/filter.js +1 -0
- package/lib/combo-box/helpers/keyboard-event.d.ts +1 -0
- package/lib/combo-box/helpers/keyboard-event.js +1 -0
- package/lib/combo-box/helpers/renderer.d.ts +1 -0
- package/lib/combo-box/helpers/renderer.js +1 -0
- package/lib/combo-box/helpers/types.d.ts +1 -0
- package/lib/combo-box/helpers/types.js +1 -0
- package/lib/combo-box/index.d.ts +1 -1
- package/lib/combo-box/index.js +1 -0
- package/lib/counter/index.d.ts +1 -1
- package/lib/counter/index.js +1 -0
- package/lib/counter/utils.d.ts +1 -0
- package/lib/counter/utils.js +1 -0
- package/lib/datetime-picker/index.d.ts +1 -1
- package/lib/datetime-picker/index.js +1 -0
- package/lib/datetime-picker/locales.d.ts +1 -0
- package/lib/datetime-picker/locales.js +1 -0
- package/lib/datetime-picker/types.d.ts +1 -0
- package/lib/datetime-picker/types.js +1 -0
- package/lib/datetime-picker/utils.d.ts +1 -0
- package/lib/datetime-picker/utils.js +1 -0
- package/lib/dialog/draggable-element.d.ts +1 -0
- package/lib/dialog/draggable-element.js +1 -0
- package/lib/dialog/index.d.ts +1 -1
- package/lib/dialog/index.js +1 -0
- package/lib/email-field/index.d.ts +1 -1
- package/lib/email-field/index.js +1 -0
- package/lib/events.d.ts +1 -0
- package/lib/events.js +1 -0
- package/lib/flag/index.d.ts +1 -1
- package/lib/flag/index.js +1 -0
- package/lib/flag/utils/FlagLoader.d.ts +1 -0
- package/lib/flag/utils/FlagLoader.js +1 -0
- package/lib/header/index.d.ts +1 -1
- package/lib/header/index.js +1 -0
- package/lib/heatmap/helpers/color.d.ts +1 -0
- package/lib/heatmap/helpers/color.js +1 -0
- package/lib/heatmap/helpers/text.d.ts +1 -0
- package/lib/heatmap/helpers/text.js +1 -0
- package/lib/heatmap/helpers/track.d.ts +1 -0
- package/lib/heatmap/helpers/track.js +1 -0
- package/lib/heatmap/helpers/types.d.ts +1 -0
- package/lib/heatmap/helpers/types.js +1 -0
- package/lib/heatmap/index.d.ts +1 -1
- package/lib/heatmap/index.js +1 -0
- package/lib/icon/index.d.ts +1 -1
- package/lib/icon/index.js +1 -0
- package/lib/icon/utils/IconLoader.d.ts +1 -0
- package/lib/icon/utils/IconLoader.js +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/lib/interactive-chart/helpers/merge.d.ts +1 -0
- package/lib/interactive-chart/helpers/merge.js +1 -0
- package/lib/interactive-chart/helpers/types.d.ts +1 -0
- package/lib/interactive-chart/helpers/types.js +1 -0
- package/lib/interactive-chart/index.d.ts +1 -1
- package/lib/interactive-chart/index.js +1 -0
- package/lib/item/helpers/types.d.ts +1 -0
- package/lib/item/helpers/types.js +1 -0
- package/lib/item/index.d.ts +1 -1
- package/lib/item/index.js +1 -0
- package/lib/label/index.d.ts +1 -1
- package/lib/label/index.js +1 -0
- package/lib/layout/index.d.ts +1 -1
- package/lib/layout/index.js +1 -0
- package/lib/led-gauge/index.d.ts +1 -1
- package/lib/led-gauge/index.js +1 -0
- package/lib/list/custom-elements.json +13 -0
- package/lib/list/custom-elements.md +10 -9
- package/lib/list/extensible-function.d.ts +1 -0
- package/lib/list/extensible-function.js +1 -0
- package/lib/list/helpers/list-renderer.d.ts +1 -0
- package/lib/list/helpers/list-renderer.js +1 -0
- package/lib/list/helpers/types.d.ts +1 -0
- package/lib/list/helpers/types.js +1 -0
- package/lib/list/index.d.ts +5 -1
- package/lib/list/index.js +8 -0
- package/lib/list/renderer.d.ts +1 -0
- package/lib/list/renderer.js +1 -0
- package/lib/loader/index.d.ts +1 -1
- package/lib/loader/index.js +1 -0
- package/lib/multi-input/helpers/types.d.ts +1 -0
- package/lib/multi-input/helpers/types.js +1 -0
- package/lib/multi-input/index.d.ts +1 -1
- package/lib/multi-input/index.js +2 -1
- package/lib/notification/elements/notification-tray.d.ts +1 -1
- package/lib/notification/elements/notification-tray.js +1 -0
- package/lib/notification/elements/notification.d.ts +1 -1
- package/lib/notification/elements/notification.js +1 -0
- package/lib/notification/helpers/status.d.ts +1 -0
- package/lib/notification/helpers/status.js +1 -0
- package/lib/notification/helpers/types.d.ts +1 -0
- package/lib/notification/helpers/types.js +1 -0
- package/lib/notification/index.d.ts +1 -0
- package/lib/notification/index.js +1 -0
- package/lib/number-field/index.d.ts +1 -1
- package/lib/number-field/index.js +2 -0
- package/lib/overlay/elements/overlay-backdrop.d.ts +1 -1
- package/lib/overlay/elements/overlay-backdrop.js +1 -0
- package/lib/overlay/elements/overlay-viewport.d.ts +1 -1
- package/lib/overlay/elements/overlay-viewport.js +1 -0
- package/lib/overlay/elements/overlay.d.ts +1 -1
- package/lib/overlay/elements/overlay.js +1 -0
- package/lib/overlay/helpers/functions.d.ts +1 -0
- package/lib/overlay/helpers/functions.js +1 -0
- package/lib/overlay/helpers/types.d.ts +1 -0
- package/lib/overlay/helpers/types.js +1 -0
- package/lib/overlay/index.d.ts +1 -0
- package/lib/overlay/index.js +1 -0
- package/lib/overlay/managers/backdrop-manager.d.ts +1 -0
- package/lib/overlay/managers/backdrop-manager.js +1 -0
- package/lib/overlay/managers/close-manager.d.ts +1 -0
- package/lib/overlay/managers/close-manager.js +1 -0
- package/lib/overlay/managers/focus-manager.d.ts +1 -0
- package/lib/overlay/managers/focus-manager.js +1 -0
- package/lib/overlay/managers/interaction-lock-manager.d.ts +1 -0
- package/lib/overlay/managers/interaction-lock-manager.js +1 -0
- package/lib/overlay/managers/viewport-manager.d.ts +1 -0
- package/lib/overlay/managers/viewport-manager.js +1 -0
- package/lib/overlay/managers/zindex-manager.d.ts +1 -0
- package/lib/overlay/managers/zindex-manager.js +1 -0
- package/lib/overlay-menu/helpers/types.d.ts +1 -0
- package/lib/overlay-menu/helpers/types.js +1 -0
- package/lib/overlay-menu/index.d.ts +1 -1
- package/lib/overlay-menu/index.js +1 -0
- package/lib/overlay-menu/managers/menu-manager.d.ts +1 -0
- package/lib/overlay-menu/managers/menu-manager.js +1 -0
- package/lib/pagination/custom-elements.json +16 -33
- package/lib/pagination/custom-elements.md +8 -9
- package/lib/pagination/index.d.ts +143 -75
- package/lib/pagination/index.js +357 -202
- package/lib/pagination/themes/halo/dark/index.js +1 -1
- package/lib/pagination/themes/halo/light/index.js +1 -1
- package/lib/pagination/themes/solar/charcoal/index.js +1 -1
- package/lib/pagination/themes/solar/pearl/index.js +1 -1
- package/lib/panel/index.d.ts +1 -1
- package/lib/panel/index.js +1 -0
- package/lib/password-field/index.d.ts +1 -1
- package/lib/password-field/index.js +1 -0
- package/lib/pill/index.d.ts +1 -1
- package/lib/pill/index.js +1 -0
- package/lib/progress-bar/index.d.ts +1 -1
- package/lib/progress-bar/index.js +1 -0
- package/lib/radio-button/index.d.ts +1 -1
- package/lib/radio-button/index.js +5 -1
- package/lib/radio-button/radio-button-registry.d.ts +1 -0
- package/lib/radio-button/radio-button-registry.js +1 -0
- package/lib/radio-button/themes/halo/dark/index.js +1 -1
- package/lib/radio-button/themes/halo/light/index.js +1 -1
- package/lib/rating/index.d.ts +1 -1
- package/lib/rating/index.js +1 -0
- package/lib/search-field/index.d.ts +1 -1
- package/lib/search-field/index.js +1 -0
- package/lib/select/helpers/types.d.ts +1 -0
- package/lib/select/helpers/types.js +1 -0
- package/lib/select/index.d.ts +1 -1
- package/lib/select/index.js +1 -0
- package/lib/sidebar-layout/index.d.ts +1 -1
- package/lib/sidebar-layout/index.js +1 -0
- package/lib/slider/index.d.ts +1 -1
- package/lib/slider/index.js +1 -0
- package/lib/sparkline/index.d.ts +1 -1
- package/lib/sparkline/index.js +1 -0
- package/lib/swing-gauge/const.d.ts +1 -0
- package/lib/swing-gauge/const.js +1 -0
- package/lib/swing-gauge/helpers.d.ts +1 -0
- package/lib/swing-gauge/helpers.js +1 -0
- package/lib/swing-gauge/index.d.ts +1 -1
- package/lib/swing-gauge/index.js +1 -0
- package/lib/swing-gauge/types.d.ts +1 -0
- package/lib/swing-gauge/types.js +1 -0
- package/lib/tab/index.d.ts +1 -1
- package/lib/tab/index.js +1 -0
- package/lib/tab-bar/helpers/animate.d.ts +1 -0
- package/lib/tab-bar/helpers/animate.js +1 -0
- package/lib/tab-bar/index.d.ts +1 -1
- package/lib/tab-bar/index.js +1 -0
- package/lib/text-field/index.d.ts +1 -1
- package/lib/text-field/index.js +1 -0
- package/lib/time-picker/index.d.ts +1 -1
- package/lib/time-picker/index.js +1 -0
- package/lib/toggle/index.d.ts +1 -1
- package/lib/toggle/index.js +1 -0
- package/lib/toggle/themes/halo/dark/index.js +1 -1
- package/lib/toggle/themes/halo/light/index.js +1 -1
- package/lib/toggle/themes/solar/charcoal/index.js +1 -1
- package/lib/toggle/themes/solar/pearl/index.js +1 -1
- package/lib/tooltip/elements/title-tooltip.d.ts +1 -0
- package/lib/tooltip/elements/title-tooltip.js +1 -0
- package/lib/tooltip/elements/tooltip-element.d.ts +1 -0
- package/lib/tooltip/elements/tooltip-element.js +1 -0
- package/lib/tooltip/helpers/overflow-tooltip.d.ts +1 -0
- package/lib/tooltip/helpers/overflow-tooltip.js +1 -0
- package/lib/tooltip/helpers/renderer.d.ts +1 -0
- package/lib/tooltip/helpers/renderer.js +1 -0
- package/lib/tooltip/helpers/types.d.ts +1 -0
- package/lib/tooltip/helpers/types.js +1 -0
- package/lib/tooltip/index.d.ts +1 -1
- package/lib/tooltip/index.js +1 -0
- package/lib/tooltip/managers/tooltip-manager.d.ts +1 -0
- package/lib/tooltip/managers/tooltip-manager.js +1 -0
- package/lib/tornado-chart/elements/tornado-chart.d.ts +1 -1
- package/lib/tornado-chart/elements/tornado-chart.js +1 -0
- package/lib/tornado-chart/elements/tornado-item.d.ts +1 -1
- package/lib/tornado-chart/elements/tornado-item.js +1 -0
- package/lib/tornado-chart/index.d.ts +1 -0
- package/lib/tornado-chart/index.js +1 -0
- package/lib/tree/elements/tree-item.d.ts +34 -1
- package/lib/tree/elements/tree-item.js +82 -22
- package/lib/tree/elements/tree.d.ts +2 -1
- package/lib/tree/elements/tree.js +2 -0
- package/lib/tree/helpers/filter.d.ts +1 -0
- package/lib/tree/helpers/filter.js +1 -0
- package/lib/tree/helpers/renderer.d.ts +1 -0
- package/lib/tree/helpers/renderer.js +1 -0
- package/lib/tree/helpers/types.d.ts +1 -0
- package/lib/tree/helpers/types.js +1 -0
- package/lib/tree/index.d.ts +1 -0
- package/lib/tree/index.js +1 -0
- package/lib/tree/managers/tree-manager.d.ts +1 -0
- package/lib/tree/managers/tree-manager.js +1 -0
- package/lib/tree-select/helpers/types.d.ts +1 -0
- package/lib/tree-select/helpers/types.js +1 -0
- package/lib/tree-select/index.d.ts +1 -1
- package/lib/tree-select/index.js +1 -0
- package/lib/tree-select/themes/halo/dark/index.js +1 -1
- package/lib/tree-select/themes/halo/light/index.js +1 -1
- package/lib/version.d.ts +1 -0
- package/lib/version.js +2 -1
- package/package.json +24 -295
- package/lib/pagination/helpers/types.d.ts +0 -9
- package/lib/pagination/helpers/types.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,37 +3,74 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
# [5.11.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.10.1...@refinitiv-ui/elements@5.11.0) (2022-01-14)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **tree:** improve screen reader support ([#102](https://github.com/Refinitiv/refinitiv-ui/issues/102)) ([0d6db3b](https://github.com/Refinitiv/refinitiv-ui/commit/0d6db3bbf11eb6793ade6f60cab2f24b98bd9f40))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [5.10.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.10.0...@refinitiv-ui/elements@5.10.1) (2022-01-12)
|
|
7
18
|
|
|
8
19
|
|
|
9
20
|
### Bug Fixes
|
|
10
21
|
|
|
11
|
-
* **
|
|
22
|
+
* **checkbox:** `Enter` key should not check or uncheck checkbox ([ee61255](https://github.com/Refinitiv/refinitiv-ui/commit/ee6125513ab670495ef7b87580fa97ea386c840a))
|
|
23
|
+
* **pagination:** handle case when user input number with string ([#142](https://github.com/Refinitiv/refinitiv-ui/issues/142)) ([975f999](https://github.com/Refinitiv/refinitiv-ui/commit/975f9998bc1cf4b5326b567023984d8a893e6983))
|
|
24
|
+
* **radio-button:** `Enter` key should not check or uncheck radio-button ([145f7bf](https://github.com/Refinitiv/refinitiv-ui/commit/145f7bfc15fe72e95d0719eaa6d691f09fd8a03c))
|
|
25
|
+
* **radio-button:** add IE11 arrow keys navigation support ([#158](https://github.com/Refinitiv/refinitiv-ui/issues/158)) ([6389d00](https://github.com/Refinitiv/refinitiv-ui/commit/6389d006a07cdc5ed04ae77748f12726b7da48e1))
|
|
12
26
|
|
|
13
27
|
|
|
14
28
|
|
|
15
29
|
|
|
16
30
|
|
|
17
|
-
# [5.
|
|
31
|
+
# [5.10.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.9.1...@refinitiv-ui/elements@5.10.0) (2021-12-21)
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
### Bug Fixes
|
|
35
|
+
|
|
36
|
+
* **label:** break all words when line-clamp is 1 ([#115](https://github.com/Refinitiv/refinitiv-ui/issues/115)) ([3b9f456](https://github.com/Refinitiv/refinitiv-ui/commit/3b9f4566dcf39eba8464df6443be89a156c9692e))
|
|
37
|
+
* **pagiantion:** convert prop toString in setter ([3c32ee9](https://github.com/Refinitiv/refinitiv-ui/commit/3c32ee95a237180da6e2449eb654b749de2340c9))
|
|
38
|
+
* **pagination:** add missing feature blur to set page from the input ([f6ff2e1](https://github.com/Refinitiv/refinitiv-ui/commit/f6ff2e14509627119d8d3e22c8c2005fae81ef0c))
|
|
39
|
+
* **pagination:** getter in internal will retrigger incorrect warning message ([e506885](https://github.com/Refinitiv/refinitiv-ui/commit/e50688509bc668be4592d0be73df891ffd139208))
|
|
40
|
+
* **pagination:** max limit does not work ([715956e](https://github.com/Refinitiv/refinitiv-ui/commit/715956e4936f4a7b219c8d06ce755e7cbf43b755))
|
|
41
|
+
* **pagination:** remove warning when set correct type value ([235b46b](https://github.com/Refinitiv/refinitiv-ui/commit/235b46b3306a1833515858ae421bd53942fe8242))
|
|
42
|
+
* **pagination:** tab on the input to set a value ([675f4d6](https://github.com/Refinitiv/refinitiv-ui/commit/675f4d6039d0a391d34e946e42abf596b5f17e1b))
|
|
43
|
+
* **pagination:** the input does not get disable state from the root ([6603949](https://github.com/Refinitiv/refinitiv-ui/commit/6603949d2cce1eb0c5b59f727b3c8a5273fb67a8))
|
|
44
|
+
|
|
18
45
|
|
|
19
46
|
### Features
|
|
20
47
|
|
|
21
|
-
*
|
|
22
|
-
* **calendar:** improve screen reader support ([#73](https://github.com/Refinitiv/refinitiv-ui/issues/73)) ([a2576cc](https://github.com/Refinitiv/refinitiv-ui/commit/a2576cc8a1f0229bb5988af0c9d0bbf8ce7f765c))
|
|
23
|
-
* **combo-box:** improve screen reader support ([#116](https://github.com/Refinitiv/refinitiv-ui/issues/116)) ([f603de1](https://github.com/Refinitiv/refinitiv-ui/commit/f603de1d3b1900875d6903477938ecd21d055531))
|
|
24
|
-
* **time-picker:** improve screen reader support ([#121](https://github.com/Refinitiv/refinitiv-ui/issues/121)) ([1eb8bee](https://github.com/Refinitiv/refinitiv-ui/commit/1eb8beeb7d3b0d7be7224943e7d0a7c62c0cb788))
|
|
25
|
-
* **calendar:** add accessibility ([#73](https://github.com/Refinitiv/refinitiv-ui/issues/73)) ([a2576cc](https://github.com/Refinitiv/refinitiv-ui/commit/a2576cc8a1f0229bb5988af0c9d0bbf8ce7f765c))
|
|
48
|
+
* **pagination:** support max unknown ([d3997ce](https://github.com/Refinitiv/refinitiv-ui/commit/d3997ce16abb9c01ecc43bcf6a80386b02cd3c12))
|
|
26
49
|
|
|
27
50
|
|
|
28
51
|
|
|
29
52
|
|
|
30
53
|
|
|
31
|
-
## [5.
|
|
54
|
+
## [5.9.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.9.0...@refinitiv-ui/elements@5.9.1) (2021-12-15)
|
|
32
55
|
|
|
33
56
|
**Note:** Version bump only for package @refinitiv-ui/elements
|
|
34
57
|
|
|
35
58
|
|
|
36
59
|
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
# [5.9.0](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.8.1...@refinitiv-ui/elements@5.9.0) (2021-12-15)
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
### Features
|
|
66
|
+
|
|
67
|
+
* add named exports to elements, themes and locales to support full backward compatibility ([#114](https://github.com/Refinitiv/refinitiv-ui/issues/114)) ([7d25d50](https://github.com/Refinitiv/refinitiv-ui/commit/7d25d50c649308fc5a17d086e9e01467a0dabfb9))
|
|
68
|
+
* **calendar:** improve screen reader support ([#73](https://github.com/Refinitiv/refinitiv-ui/issues/73)) ([a2576cc](https://github.com/Refinitiv/refinitiv-ui/commit/a2576cc8a1f0229bb5988af0c9d0bbf8ce7f765c))
|
|
69
|
+
* **combo-box:** improve screen reader support ([#116](https://github.com/Refinitiv/refinitiv-ui/issues/116)) ([f603de1](https://github.com/Refinitiv/refinitiv-ui/commit/f603de1d3b1900875d6903477938ecd21d055531))
|
|
70
|
+
* **time-picker:** improve screen reader support ([#121](https://github.com/Refinitiv/refinitiv-ui/issues/121)) ([1eb8bee](https://github.com/Refinitiv/refinitiv-ui/commit/1eb8beeb7d3b0d7be7224943e7d0a7c62c0cb788))
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
|
|
37
74
|
## [5.8.1](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@5.8.0...@refinitiv-ui/elements@5.8.1) (2021-12-07)
|
|
38
75
|
|
|
39
76
|
**Note:** Version bump only for package @refinitiv-ui/elements
|
package/README.md
CHANGED
|
@@ -29,10 +29,10 @@ Finally, import both elements that you want to use and its themes into your appl
|
|
|
29
29
|
import '@refinitiv-ui/halo-theme/dark/imports/native-elements';
|
|
30
30
|
|
|
31
31
|
// import element and its Halo dark theme
|
|
32
|
-
import '@refinitiv-ui/elements/
|
|
33
|
-
import '@refinitiv-ui/elements/
|
|
34
|
-
import '@refinitiv-ui/elements/
|
|
35
|
-
import '@refinitiv-ui/elements/
|
|
32
|
+
import '@refinitiv-ui/elements/button';
|
|
33
|
+
import '@refinitiv-ui/elements/panel';
|
|
34
|
+
import '@refinitiv-ui/elements/button/themes/halo/dark';
|
|
35
|
+
import '@refinitiv-ui/elements/panel/themes/halo/dark';
|
|
36
36
|
```
|
|
37
37
|
|
|
38
38
|
Now, you can use the elements in your app.
|
package/lib/accordion/index.d.ts
CHANGED
package/lib/accordion/index.js
CHANGED
|
@@ -52,3 +52,4 @@ export declare type AutosuggestTargetElement = HTMLElement & {
|
|
|
52
52
|
export declare type AutosuggestMethodType = 'click' | 'enter' | 'clear' | 'reset' | 'navigation';
|
|
53
53
|
export declare type AutosuggestRenderer = (suggestion: AutosuggestItem, query: AutosuggestQuery | null) => HTMLElement;
|
|
54
54
|
export declare type AutosuggestHighlightable = (suggestion: AutosuggestItem, target: HTMLElement) => boolean;
|
|
55
|
+
//# sourceMappingURL=types.d.ts.map
|
package/lib/autosuggest/index.js
CHANGED
package/lib/button/index.d.ts
CHANGED
|
@@ -58,10 +58,16 @@ export declare class Button extends ControlElement {
|
|
|
58
58
|
*/
|
|
59
59
|
ariaPressed: string;
|
|
60
60
|
/**
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
* Aria indicating state of toggle button.
|
|
62
|
+
* Used when role is radio.
|
|
63
|
+
* @ignore
|
|
64
|
+
*/
|
|
65
|
+
ariaChecked: string;
|
|
66
|
+
/**
|
|
67
|
+
* Updates the element
|
|
68
|
+
* @param changedProperties Properties that has changed
|
|
69
|
+
* @returns {void}
|
|
70
|
+
*/
|
|
65
71
|
protected update(changedProperties: PropertyValues): void;
|
|
66
72
|
/**
|
|
67
73
|
* the lifecycle method called when properties changed first time
|
|
@@ -116,7 +122,7 @@ export declare class Button extends ControlElement {
|
|
|
116
122
|
*/
|
|
117
123
|
protected render(): TemplateResult;
|
|
118
124
|
}
|
|
119
|
-
|
|
125
|
+
//# sourceMappingURL=index.d.ts.map
|
|
120
126
|
declare global {
|
|
121
127
|
interface HTMLElementTagNameMap {
|
|
122
128
|
'ef-button': Button;
|
package/lib/button/index.js
CHANGED
|
@@ -65,6 +65,12 @@ let Button = class Button extends ControlElement {
|
|
|
65
65
|
* @ignore
|
|
66
66
|
*/
|
|
67
67
|
this.ariaPressed = '';
|
|
68
|
+
/**
|
|
69
|
+
* Aria indicating state of toggle button.
|
|
70
|
+
* Used when role is radio.
|
|
71
|
+
* @ignore
|
|
72
|
+
*/
|
|
73
|
+
this.ariaChecked = '';
|
|
68
74
|
}
|
|
69
75
|
/**
|
|
70
76
|
* Element version number
|
|
@@ -74,13 +80,18 @@ let Button = class Button extends ControlElement {
|
|
|
74
80
|
return VERSION;
|
|
75
81
|
}
|
|
76
82
|
/**
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
83
|
+
* Updates the element
|
|
84
|
+
* @param changedProperties Properties that has changed
|
|
85
|
+
* @returns {void}
|
|
86
|
+
*/
|
|
81
87
|
update(changedProperties) {
|
|
82
88
|
if (changedProperties.has('active') && this.toggles || changedProperties.has('toggles') && this.toggles) {
|
|
83
|
-
|
|
89
|
+
if (this.getAttribute('role') === 'radio') {
|
|
90
|
+
this.ariaChecked = String(this.active);
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
this.ariaPressed = String(this.active);
|
|
94
|
+
}
|
|
84
95
|
}
|
|
85
96
|
super.update(changedProperties);
|
|
86
97
|
}
|
|
@@ -215,9 +226,17 @@ __decorate([
|
|
|
215
226
|
converter: { toAttribute: emptyStringToNull } // TODO: Remove after typescript update to allow nullable for ARIAMixin
|
|
216
227
|
})
|
|
217
228
|
], Button.prototype, "ariaPressed", void 0);
|
|
229
|
+
__decorate([
|
|
230
|
+
property({ type: String,
|
|
231
|
+
reflect: true,
|
|
232
|
+
attribute: 'aria-checked',
|
|
233
|
+
converter: { toAttribute: emptyStringToNull } // TODO: Remove after typescript update to allow nullable for ARIAMixin
|
|
234
|
+
})
|
|
235
|
+
], Button.prototype, "ariaChecked", void 0);
|
|
218
236
|
Button = __decorate([
|
|
219
237
|
customElement('ef-button', {
|
|
220
238
|
alias: 'coral-button'
|
|
221
239
|
})
|
|
222
240
|
], Button);
|
|
223
241
|
export { Button };
|
|
242
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -9,6 +9,11 @@ export declare class ButtonBar extends BasicElement {
|
|
|
9
9
|
* @returns version number
|
|
10
10
|
*/
|
|
11
11
|
static get version(): string;
|
|
12
|
+
/**
|
|
13
|
+
* Element's role attribute for accessibility
|
|
14
|
+
* `role` should be `radiogroup` when it is managed.
|
|
15
|
+
*/
|
|
16
|
+
protected defaultRole: 'toolbar' | 'radiogroup';
|
|
12
17
|
/**
|
|
13
18
|
* A `CSSResultGroup` that will be used
|
|
14
19
|
* to style the host, slotted children
|
|
@@ -30,6 +35,45 @@ export declare class ButtonBar extends BasicElement {
|
|
|
30
35
|
* @returns {void}
|
|
31
36
|
*/
|
|
32
37
|
protected firstUpdated(changedProperties: PropertyValues): void;
|
|
38
|
+
/**
|
|
39
|
+
* Handles key down event
|
|
40
|
+
* @param event Key down event object
|
|
41
|
+
* @returns {void}
|
|
42
|
+
*/
|
|
43
|
+
private onKeyDown;
|
|
44
|
+
/**
|
|
45
|
+
* Navigate to next or previous focusable button
|
|
46
|
+
* @param direction next | down
|
|
47
|
+
* @returns {void}
|
|
48
|
+
*/
|
|
49
|
+
private navigateToSibling;
|
|
50
|
+
/**
|
|
51
|
+
* Navigate to the first focusable button
|
|
52
|
+
* @returns {void}
|
|
53
|
+
*/
|
|
54
|
+
private first;
|
|
55
|
+
/**
|
|
56
|
+
* Navigate to the last focusable button
|
|
57
|
+
* @returns {void}
|
|
58
|
+
*/
|
|
59
|
+
private last;
|
|
60
|
+
/**
|
|
61
|
+
* Sets the tabindex to -1 for all buttons except the currently focused one.
|
|
62
|
+
* @param target the button to be focused
|
|
63
|
+
* @param buttons Array of Buttons that contains target
|
|
64
|
+
* @returns {void}
|
|
65
|
+
*/
|
|
66
|
+
private rovingTabIndex;
|
|
67
|
+
/**
|
|
68
|
+
* Set tabIndex to all buttons
|
|
69
|
+
* @returns {void}
|
|
70
|
+
*/
|
|
71
|
+
private manageTabIndex;
|
|
72
|
+
/**
|
|
73
|
+
* Check if button bar is nested, a.k.a. has parent button bar
|
|
74
|
+
* @returns `True` if button bar is nested
|
|
75
|
+
*/
|
|
76
|
+
private isNested;
|
|
33
77
|
/**
|
|
34
78
|
* Handles tap event
|
|
35
79
|
* @param event the param is the event of click and tap handlers
|
|
@@ -47,6 +91,11 @@ export declare class ButtonBar extends BasicElement {
|
|
|
47
91
|
* @returns the array of Element of the default slot
|
|
48
92
|
*/
|
|
49
93
|
private getElementsOfSlot;
|
|
94
|
+
/**
|
|
95
|
+
* Return the array of Buttons which focusable
|
|
96
|
+
* @returns the array of focusable Buttons
|
|
97
|
+
*/
|
|
98
|
+
private getFocusableButtons;
|
|
50
99
|
/**
|
|
51
100
|
* Filter Button classes by the toggles property
|
|
52
101
|
* @param buttons the array of Button items is the converted nodes of the default slot
|
|
@@ -60,7 +109,7 @@ export declare class ButtonBar extends BasicElement {
|
|
|
60
109
|
*/
|
|
61
110
|
protected render(): TemplateResult;
|
|
62
111
|
}
|
|
63
|
-
|
|
112
|
+
//# sourceMappingURL=index.d.ts.map
|
|
64
113
|
declare global {
|
|
65
114
|
interface HTMLElementTagNameMap {
|
|
66
115
|
'ef-button-bar': ButtonBar;
|
package/lib/button-bar/index.js
CHANGED
|
@@ -1,20 +1,30 @@
|
|
|
1
|
+
var ButtonBar_1;
|
|
1
2
|
import { __decorate } from "tslib";
|
|
2
3
|
import { BasicElement, html, css } from '@refinitiv-ui/core';
|
|
3
4
|
import { customElement } from '@refinitiv-ui/core/lib/decorators/custom-element.js';
|
|
4
|
-
import { query } from '@refinitiv-ui/core/lib/decorators/query.js';
|
|
5
5
|
import { property } from '@refinitiv-ui/core/lib/decorators/property.js';
|
|
6
6
|
import { VERSION } from '../version.js';
|
|
7
7
|
import { Button } from '../button/index.js';
|
|
8
|
+
import { ref, createRef } from '@refinitiv-ui/core/lib/directives/ref.js';
|
|
8
9
|
/**
|
|
9
10
|
* Used to display multiple buttons to create a list of commands bar.
|
|
10
11
|
*/
|
|
11
|
-
let ButtonBar = class ButtonBar extends BasicElement {
|
|
12
|
+
let ButtonBar = ButtonBar_1 = class ButtonBar extends BasicElement {
|
|
12
13
|
constructor() {
|
|
13
14
|
super(...arguments);
|
|
15
|
+
/**
|
|
16
|
+
* Element's role attribute for accessibility
|
|
17
|
+
* `role` should be `radiogroup` when it is managed.
|
|
18
|
+
*/
|
|
19
|
+
this.defaultRole = 'toolbar';
|
|
14
20
|
/**
|
|
15
21
|
* Manages user interaction, only allowing one toggle button to be active at any one time.
|
|
16
22
|
*/
|
|
17
23
|
this.managed = false;
|
|
24
|
+
/**
|
|
25
|
+
* Default slot
|
|
26
|
+
*/
|
|
27
|
+
this.defaultSlot = createRef();
|
|
18
28
|
}
|
|
19
29
|
/**
|
|
20
30
|
* Element version number
|
|
@@ -84,6 +94,130 @@ let ButtonBar = class ButtonBar extends BasicElement {
|
|
|
84
94
|
firstUpdated(changedProperties) {
|
|
85
95
|
super.firstUpdated(changedProperties);
|
|
86
96
|
this.addEventListener('tap', this.onTapHandler);
|
|
97
|
+
this.addEventListener('keydown', this.onKeyDown);
|
|
98
|
+
this.manageTabIndex();
|
|
99
|
+
}
|
|
100
|
+
/**
|
|
101
|
+
* Handles key down event
|
|
102
|
+
* @param event Key down event object
|
|
103
|
+
* @returns {void}
|
|
104
|
+
*/
|
|
105
|
+
onKeyDown(event) {
|
|
106
|
+
switch (event.key) {
|
|
107
|
+
case 'Tab':
|
|
108
|
+
// To prevent inserting button case, make sure there is only one tabIndex=0 in the buttons
|
|
109
|
+
this.manageTabIndex();
|
|
110
|
+
break;
|
|
111
|
+
case ' ':
|
|
112
|
+
case 'Spacebar':
|
|
113
|
+
case 'Enter':
|
|
114
|
+
this.onTapHandler(event);
|
|
115
|
+
break;
|
|
116
|
+
case 'Right':
|
|
117
|
+
case 'ArrowRight':
|
|
118
|
+
// Prevent calling twice if this component is nested
|
|
119
|
+
!this.isNested() && this.navigateToSibling('next');
|
|
120
|
+
break;
|
|
121
|
+
case 'Down':
|
|
122
|
+
case 'ArrowDown':
|
|
123
|
+
// Managed works as role radiogroup so `Up` and `Down` key can navigate among radios in the group
|
|
124
|
+
this.managed && this.navigateToSibling('next');
|
|
125
|
+
break;
|
|
126
|
+
case 'Left':
|
|
127
|
+
case 'ArrowLeft':
|
|
128
|
+
!this.isNested() && this.navigateToSibling('previous');
|
|
129
|
+
break;
|
|
130
|
+
case 'Up':
|
|
131
|
+
case 'ArrowUp':
|
|
132
|
+
this.managed && this.navigateToSibling('previous');
|
|
133
|
+
break;
|
|
134
|
+
case 'Home':
|
|
135
|
+
!this.isNested() && this.first();
|
|
136
|
+
break;
|
|
137
|
+
case 'End':
|
|
138
|
+
!this.isNested() && this.last();
|
|
139
|
+
break;
|
|
140
|
+
default:
|
|
141
|
+
return;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
/**
|
|
145
|
+
* Navigate to next or previous focusable button
|
|
146
|
+
* @param direction next | down
|
|
147
|
+
* @returns {void}
|
|
148
|
+
*/
|
|
149
|
+
navigateToSibling(direction) {
|
|
150
|
+
const buttons = this.getFocusableButtons();
|
|
151
|
+
if (buttons.length <= 0) {
|
|
152
|
+
return;
|
|
153
|
+
}
|
|
154
|
+
const focusedButtonIndex = buttons.findIndex(button => button === document.activeElement);
|
|
155
|
+
const nextButton = direction === 'next'
|
|
156
|
+
? buttons[focusedButtonIndex + 1] || buttons[0]
|
|
157
|
+
: buttons[focusedButtonIndex - 1] || buttons[buttons.length - 1];
|
|
158
|
+
nextButton.focus();
|
|
159
|
+
this.rovingTabIndex(nextButton, buttons);
|
|
160
|
+
}
|
|
161
|
+
/**
|
|
162
|
+
* Navigate to the first focusable button
|
|
163
|
+
* @returns {void}
|
|
164
|
+
*/
|
|
165
|
+
first() {
|
|
166
|
+
const buttons = this.getFocusableButtons();
|
|
167
|
+
if (buttons.length <= 0) {
|
|
168
|
+
return;
|
|
169
|
+
}
|
|
170
|
+
buttons[0].focus();
|
|
171
|
+
this.rovingTabIndex(buttons[0], buttons);
|
|
172
|
+
}
|
|
173
|
+
/**
|
|
174
|
+
* Navigate to the last focusable button
|
|
175
|
+
* @returns {void}
|
|
176
|
+
*/
|
|
177
|
+
last() {
|
|
178
|
+
const buttons = this.getFocusableButtons();
|
|
179
|
+
if (buttons.length <= 0) {
|
|
180
|
+
return;
|
|
181
|
+
}
|
|
182
|
+
buttons[buttons.length - 1].focus();
|
|
183
|
+
this.rovingTabIndex(buttons[buttons.length - 1], buttons);
|
|
184
|
+
}
|
|
185
|
+
/**
|
|
186
|
+
* Sets the tabindex to -1 for all buttons except the currently focused one.
|
|
187
|
+
* @param target the button to be focused
|
|
188
|
+
* @param buttons Array of Buttons that contains target
|
|
189
|
+
* @returns {void}
|
|
190
|
+
*/
|
|
191
|
+
rovingTabIndex(target, buttons) {
|
|
192
|
+
buttons.forEach((button) => {
|
|
193
|
+
button.tabIndex = -1;
|
|
194
|
+
});
|
|
195
|
+
target.tabIndex = 0;
|
|
196
|
+
}
|
|
197
|
+
/**
|
|
198
|
+
* Set tabIndex to all buttons
|
|
199
|
+
* @returns {void}
|
|
200
|
+
*/
|
|
201
|
+
manageTabIndex() {
|
|
202
|
+
if (this.isNested()) {
|
|
203
|
+
return;
|
|
204
|
+
}
|
|
205
|
+
const buttons = this.getFocusableButtons();
|
|
206
|
+
if (buttons && buttons.length > 0) {
|
|
207
|
+
// Set tabindex=0 to previous focused button when new button added If not found set it to first button instead
|
|
208
|
+
let focusedButtonIndex = buttons.findIndex(button => document.activeElement === button);
|
|
209
|
+
if (focusedButtonIndex === -1) {
|
|
210
|
+
focusedButtonIndex = 0;
|
|
211
|
+
}
|
|
212
|
+
this.rovingTabIndex(buttons[focusedButtonIndex], buttons);
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
/**
|
|
216
|
+
* Check if button bar is nested, a.k.a. has parent button bar
|
|
217
|
+
* @returns `True` if button bar is nested
|
|
218
|
+
*/
|
|
219
|
+
isNested() {
|
|
220
|
+
return this.parentElement instanceof ButtonBar_1;
|
|
87
221
|
}
|
|
88
222
|
/**
|
|
89
223
|
* Handles tap event
|
|
@@ -99,6 +233,8 @@ let ButtonBar = class ButtonBar extends BasicElement {
|
|
|
99
233
|
event.stopPropagation();
|
|
100
234
|
this.manageButtons(target);
|
|
101
235
|
}
|
|
236
|
+
target.focus();
|
|
237
|
+
this.rovingTabIndex(target, this.getFocusableButtons());
|
|
102
238
|
}
|
|
103
239
|
/**
|
|
104
240
|
* Get the target Button item and handle it with other managed Button items
|
|
@@ -120,8 +256,15 @@ let ButtonBar = class ButtonBar extends BasicElement {
|
|
|
120
256
|
* @returns the array of Element of the default slot
|
|
121
257
|
*/
|
|
122
258
|
getElementsOfSlot() {
|
|
123
|
-
|
|
124
|
-
|
|
259
|
+
var _a;
|
|
260
|
+
return (_a = this.defaultSlot.value) === null || _a === void 0 ? void 0 : _a.assignedNodes().filter(node => node instanceof Element);
|
|
261
|
+
}
|
|
262
|
+
/**
|
|
263
|
+
* Return the array of Buttons which focusable
|
|
264
|
+
* @returns the array of focusable Buttons
|
|
265
|
+
*/
|
|
266
|
+
getFocusableButtons() {
|
|
267
|
+
return [...this.querySelectorAll('ef-button,coral-button')].filter(button => !button.disabled);
|
|
125
268
|
}
|
|
126
269
|
/**
|
|
127
270
|
* Filter Button classes by the toggles property
|
|
@@ -138,18 +281,16 @@ let ButtonBar = class ButtonBar extends BasicElement {
|
|
|
138
281
|
* @return {TemplateResult} Render template
|
|
139
282
|
*/
|
|
140
283
|
render() {
|
|
141
|
-
return html `<slot></slot>`;
|
|
284
|
+
return html `<slot ${ref(this.defaultSlot)} ></slot>`;
|
|
142
285
|
}
|
|
143
286
|
};
|
|
144
287
|
__decorate([
|
|
145
288
|
property({ type: Boolean, reflect: true })
|
|
146
289
|
], ButtonBar.prototype, "managed", void 0);
|
|
147
|
-
__decorate([
|
|
148
|
-
query('slot:not([name])')
|
|
149
|
-
], ButtonBar.prototype, "defaultSlot", void 0);
|
|
150
|
-
ButtonBar = __decorate([
|
|
290
|
+
ButtonBar = ButtonBar_1 = __decorate([
|
|
151
291
|
customElement('ef-button-bar', {
|
|
152
292
|
alias: 'coral-split-button'
|
|
153
293
|
})
|
|
154
294
|
], ButtonBar);
|
|
155
295
|
export { ButtonBar };
|
|
296
|
+
//# sourceMappingURL=index.js.map
|
package/lib/calendar/index.d.ts
CHANGED
|
@@ -396,7 +396,7 @@ export declare class Calendar extends ControlElement implements MultiValue {
|
|
|
396
396
|
*/
|
|
397
397
|
protected render(): TemplateResult;
|
|
398
398
|
}
|
|
399
|
-
|
|
399
|
+
//# sourceMappingURL=index.d.ts.map
|
|
400
400
|
declare global {
|
|
401
401
|
interface HTMLElementTagNameMap {
|
|
402
402
|
'ef-calendar': Calendar;
|
package/lib/calendar/index.js
CHANGED
package/lib/calendar/locales.js
CHANGED
package/lib/calendar/types.d.ts
CHANGED
package/lib/calendar/types.js
CHANGED
package/lib/calendar/utils.d.ts
CHANGED
|
@@ -40,3 +40,4 @@ declare const formatLocaleDate: (date: Date, locale: string, includeMonth?: bool
|
|
|
40
40
|
*/
|
|
41
41
|
declare const ViewFormatTranslateParams: TranslateParams;
|
|
42
42
|
export { monthInfo, weekdaysNames, monthsNames, formatLocaleDate, ViewFormatTranslateParams };
|
|
43
|
+
//# sourceMappingURL=utils.d.ts.map
|
package/lib/calendar/utils.js
CHANGED
package/lib/canvas/index.d.ts
CHANGED
package/lib/canvas/index.js
CHANGED
package/lib/card/index.d.ts
CHANGED
package/lib/card/index.js
CHANGED