@cloudscape-design/components 3.0.841 → 3.0.843
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/alert/styles.css.js +28 -28
- package/alert/styles.scoped.css +49 -45
- package/alert/styles.selectors.js +28 -28
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +24 -20
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +36 -32
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +10 -6
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/drawer/styles.css.js +14 -14
- package/app-layout/drawer/styles.scoped.css +28 -24
- package/app-layout/drawer/styles.selectors.js +14 -14
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +12 -8
- package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/app-layout/resize/styles.css.js +5 -5
- package/app-layout/resize/styles.scoped.css +16 -12
- package/app-layout/resize/styles.selectors.js +5 -5
- package/app-layout/split-panel/styles.css.js +2 -2
- package/app-layout/split-panel/styles.scoped.css +6 -2
- package/app-layout/split-panel/styles.selectors.js +2 -2
- package/app-layout/styles.css.js +12 -12
- package/app-layout/styles.scoped.css +16 -12
- package/app-layout/styles.selectors.js +12 -12
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +12 -8
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/visual-refresh/styles.css.js +86 -86
- package/app-layout/visual-refresh/styles.scoped.css +167 -163
- package/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +10 -10
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +17 -13
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +10 -10
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +9 -5
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +19 -19
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +39 -35
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +19 -19
- package/app-layout/visual-refresh-toolbar/split-panel/styles.css.js +1 -1
- package/app-layout/visual-refresh-toolbar/split-panel/styles.scoped.css +5 -1
- package/app-layout/visual-refresh-toolbar/split-panel/styles.selectors.js +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +19 -15
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +7 -7
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +23 -19
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +7 -7
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +15 -11
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +28 -24
- package/attribute-editor/styles.selectors.js +14 -14
- package/autosuggest/load-more-controller.d.ts.map +1 -1
- package/autosuggest/load-more-controller.js +1 -1
- package/autosuggest/load-more-controller.js.map +1 -1
- package/badge/styles.css.js +10 -10
- package/badge/styles.scoped.css +14 -10
- package/badge/styles.selectors.js +10 -10
- package/box/styles.css.js +191 -191
- package/box/styles.scoped.css +240 -236
- package/box/styles.selectors.js +191 -191
- package/breadcrumb-group/all-items-dropdown.d.ts +15 -0
- package/breadcrumb-group/all-items-dropdown.d.ts.map +1 -0
- package/breadcrumb-group/all-items-dropdown.js +47 -0
- package/breadcrumb-group/all-items-dropdown.js.map +1 -0
- package/breadcrumb-group/implementation.d.ts.map +1 -1
- package/breadcrumb-group/implementation.js +9 -6
- package/breadcrumb-group/implementation.js.map +1 -1
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +29 -25
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/breadcrumb-group/styles.css.js +14 -10
- package/breadcrumb-group/styles.scoped.css +124 -11
- package/breadcrumb-group/styles.selectors.js +14 -10
- package/breadcrumb-group/utils.d.ts +0 -2
- package/breadcrumb-group/utils.d.ts.map +1 -1
- package/breadcrumb-group/utils.js +17 -46
- package/breadcrumb-group/utils.js.map +1 -1
- package/button/index.d.ts.map +1 -1
- package/button/index.js +3 -3
- package/button/index.js.map +1 -1
- package/button/interfaces.d.ts +18 -0
- package/button/interfaces.d.ts.map +1 -1
- package/button/interfaces.js.map +1 -1
- package/button/internal.d.ts.map +1 -1
- package/button/internal.js +15 -2
- package/button/internal.js.map +1 -1
- package/button/styles.css.js +21 -21
- package/button/styles.scoped.css +158 -154
- package/button/styles.selectors.js +21 -21
- package/button/test-classes/styles.css.js +2 -1
- package/button/test-classes/styles.scoped.css +5 -1
- package/button/test-classes/styles.selectors.js +2 -1
- package/button-dropdown/category-elements/styles.css.js +14 -14
- package/button-dropdown/category-elements/styles.scoped.css +27 -23
- package/button-dropdown/category-elements/styles.selectors.js +14 -14
- package/button-dropdown/index.d.ts.map +1 -1
- package/button-dropdown/index.js +2 -2
- package/button-dropdown/index.js.map +1 -1
- package/button-dropdown/interfaces.d.ts +18 -2
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/internal.d.ts.map +1 -1
- package/button-dropdown/internal.js +13 -6
- package/button-dropdown/internal.js.map +1 -1
- package/button-dropdown/item-element/index.d.ts.map +1 -1
- package/button-dropdown/item-element/index.js +3 -2
- package/button-dropdown/item-element/index.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +14 -13
- package/button-dropdown/item-element/styles.scoped.css +33 -21
- package/button-dropdown/item-element/styles.selectors.js +14 -13
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +9 -5
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +21 -17
- package/button-dropdown/styles.scoped.css +51 -38
- package/button-dropdown/styles.selectors.js +21 -17
- package/button-group/file-input-item.d.ts +11 -0
- package/button-group/file-input-item.d.ts.map +1 -0
- package/button-group/file-input-item.js +23 -0
- package/button-group/file-input-item.js.map +1 -0
- package/button-group/interfaces.d.ts +23 -1
- package/button-group/interfaces.d.ts.map +1 -1
- package/button-group/interfaces.js.map +1 -1
- package/button-group/internal.d.ts.map +1 -1
- package/button-group/internal.js +2 -2
- package/button-group/internal.js.map +1 -1
- package/button-group/item-element.d.ts +1 -0
- package/button-group/item-element.d.ts.map +1 -1
- package/button-group/item-element.js +12 -6
- package/button-group/item-element.js.map +1 -1
- package/button-group/styles.css.js +4 -4
- package/button-group/styles.scoped.css +10 -6
- package/button-group/styles.selectors.js +4 -4
- package/calendar/grid/index.d.ts +1 -2
- package/calendar/grid/index.d.ts.map +1 -1
- package/calendar/grid/index.js.map +1 -1
- package/calendar/grid/use-calendar-grid-keyboard-navigation.d.ts.map +1 -1
- package/calendar/grid/use-calendar-grid-keyboard-navigation.js +2 -1
- package/calendar/grid/use-calendar-grid-keyboard-navigation.js.map +1 -1
- package/calendar/internal.d.ts.map +1 -1
- package/calendar/internal.js +2 -1
- package/calendar/internal.js.map +1 -1
- package/calendar/styles.css.js +21 -21
- package/calendar/styles.scoped.css +47 -43
- package/calendar/styles.selectors.js +21 -21
- package/calendar/utils/navigation-day.d.ts +8 -0
- package/calendar/utils/navigation-day.d.ts.map +1 -0
- package/calendar/utils/navigation-day.js +39 -0
- package/calendar/utils/navigation-day.js.map +1 -0
- package/calendar/utils/{navigation.d.ts → navigation-month.d.ts} +2 -6
- package/calendar/utils/navigation-month.d.ts.map +1 -0
- package/calendar/utils/navigation-month.js +39 -0
- package/calendar/utils/navigation-month.js.map +1 -0
- package/cards/styles.css.js +39 -39
- package/cards/styles.scoped.css +54 -50
- package/cards/styles.selectors.js +39 -39
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +9 -5
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/resizable-box/styles.css.js +3 -3
- package/code-editor/resizable-box/styles.scoped.css +10 -6
- package/code-editor/resizable-box/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +139 -135
- package/code-editor/styles.selectors.js +33 -33
- package/collection-preferences/content-display/styles.css.js +12 -12
- package/collection-preferences/content-display/styles.scoped.css +23 -15
- package/collection-preferences/content-display/styles.selectors.js +12 -12
- package/collection-preferences/styles.css.js +38 -38
- package/collection-preferences/styles.scoped.css +58 -42
- package/collection-preferences/styles.selectors.js +38 -38
- package/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/column-layout/flexible-column-layout/styles.scoped.css +14 -10
- package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +49 -45
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +31 -31
- package/container/styles.scoped.css +60 -56
- package/container/styles.selectors.js +31 -31
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +20 -16
- package/content-layout/styles.selectors.js +14 -14
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +13 -9
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/index.d.ts.map +1 -1
- package/date-range-picker/calendar/grids/index.js +1 -1
- package/date-range-picker/calendar/grids/index.js.map +1 -1
- package/date-range-picker/calendar/grids/styles.css.js +28 -28
- package/date-range-picker/calendar/grids/styles.scoped.css +47 -43
- package/date-range-picker/calendar/grids/styles.selectors.js +28 -28
- package/date-range-picker/calendar/index.js +1 -1
- package/date-range-picker/calendar/index.js.map +1 -1
- package/date-range-picker/index.d.ts.map +1 -1
- package/date-range-picker/index.js +3 -10
- package/date-range-picker/index.js.map +1 -1
- package/date-range-picker/relative-range/styles.css.js +9 -9
- package/date-range-picker/relative-range/styles.scoped.css +17 -13
- package/date-range-picker/relative-range/styles.selectors.js +9 -9
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +51 -47
- package/date-range-picker/styles.selectors.js +38 -38
- package/date-range-picker/time-offset.d.ts +2 -1
- package/date-range-picker/time-offset.d.ts.map +1 -1
- package/date-range-picker/time-offset.js +1 -1
- package/date-range-picker/time-offset.js.map +1 -1
- package/date-range-picker/utils.d.ts +9 -0
- package/date-range-picker/utils.d.ts.map +1 -1
- package/date-range-picker/utils.js +19 -2
- package/date-range-picker/utils.js.map +1 -1
- package/drawer/styles.css.js +5 -5
- package/drawer/styles.scoped.css +16 -12
- package/drawer/styles.selectors.js +5 -5
- package/expandable-section/styles.css.js +34 -34
- package/expandable-section/styles.scoped.css +69 -65
- package/expandable-section/styles.selectors.js +34 -34
- package/file-dropzone/styles.css.js +3 -3
- package/file-dropzone/styles.scoped.css +9 -5
- package/file-dropzone/styles.selectors.js +3 -3
- package/file-input/internal.d.ts +5 -1
- package/file-input/internal.d.ts.map +1 -1
- package/file-input/internal.js +18 -10
- package/file-input/internal.js.map +1 -1
- package/file-input/styles.css.js +6 -5
- package/file-input/styles.scoped.css +33 -8
- package/file-input/styles.selectors.js +6 -5
- package/file-token-group/styles.css.js +22 -22
- package/file-token-group/styles.scoped.css +35 -31
- package/file-token-group/styles.selectors.js +22 -22
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +152 -148
- package/flashbar/styles.selectors.js +50 -50
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +12 -8
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +42 -38
- package/form-field/styles.selectors.js +24 -24
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +58 -54
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +56 -52
- package/header/styles.selectors.js +34 -34
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +73 -69
- package/help-panel/styles.selectors.js +6 -6
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +13 -9
- package/hotspot/styles.selectors.js +7 -7
- package/i18n/messages/all.all.js +1 -1
- package/i18n/messages/all.all.json +1 -1
- package/i18n/messages/all.ar.js +1 -1
- package/i18n/messages/all.ar.json +1 -1
- package/i18n/messages/all.de.js +1 -1
- package/i18n/messages/all.de.json +1 -1
- package/i18n/messages/all.en-GB.js +1 -1
- package/i18n/messages/all.en-GB.json +1 -1
- package/i18n/messages/all.en.js +1 -1
- package/i18n/messages/all.en.json +1 -1
- package/i18n/messages/all.es.js +1 -1
- package/i18n/messages/all.es.json +1 -1
- package/i18n/messages/all.fr.js +1 -1
- package/i18n/messages/all.fr.json +1 -1
- package/i18n/messages/all.id.js +1 -1
- package/i18n/messages/all.id.json +1 -1
- package/i18n/messages/all.it.js +1 -1
- package/i18n/messages/all.it.json +1 -1
- package/i18n/messages/all.ja.js +1 -1
- package/i18n/messages/all.ja.json +1 -1
- package/i18n/messages/all.ko.js +1 -1
- package/i18n/messages/all.ko.json +1 -1
- package/i18n/messages/all.pt-BR.js +1 -1
- package/i18n/messages/all.pt-BR.json +1 -1
- package/i18n/messages/all.tr.js +1 -1
- package/i18n/messages/all.tr.json +1 -1
- package/i18n/messages/all.zh-CN.js +1 -1
- package/i18n/messages/all.zh-CN.json +1 -1
- package/i18n/messages/all.zh-TW.js +1 -1
- package/i18n/messages/all.zh-TW.json +1 -1
- package/i18n/messages-types.d.ts +3 -0
- package/i18n/messages-types.d.ts.map +1 -1
- package/i18n/messages-types.js.map +1 -1
- package/icon/styles.css.js +38 -38
- package/icon/styles.scoped.css +89 -85
- package/icon/styles.selectors.js +38 -38
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +36 -32
- package/input/styles.selectors.js +13 -13
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +24 -20
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +13 -13
- package/internal/components/button-trigger/styles.scoped.css +31 -27
- package/internal/components/button-trigger/styles.selectors.js +13 -13
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +7 -3
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +19 -15
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-plot/styles.css.js +5 -5
- package/internal/components/chart-plot/styles.scoped.css +9 -5
- package/internal/components/chart-plot/styles.selectors.js +5 -5
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +7 -3
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +20 -20
- package/internal/components/chart-series-details/styles.scoped.css +37 -33
- package/internal/components/chart-series-details/styles.selectors.js +20 -20
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +11 -7
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +15 -11
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/checkbox-icon/styles.css.js +9 -9
- package/internal/components/checkbox-icon/styles.scoped.css +13 -9
- package/internal/components/checkbox-icon/styles.selectors.js +9 -9
- package/internal/components/dnd-container/styles.css.js +1 -1
- package/internal/components/dnd-container/styles.scoped.css +8 -4
- package/internal/components/dnd-container/styles.selectors.js +1 -1
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +41 -37
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +7 -3
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +6 -2
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/handle/styles.css.js +2 -2
- package/internal/components/handle/styles.scoped.css +10 -6
- package/internal/components/handle/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/index.d.ts.map +1 -1
- package/internal/components/menu-dropdown/index.js +2 -1
- package/internal/components/menu-dropdown/index.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +17 -13
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +33 -29
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +3 -3
- package/internal/components/options-list/styles.scoped.css +7 -3
- package/internal/components/options-list/styles.selectors.js +3 -3
- package/internal/components/options-list/utils/use-keyboard.d.ts.map +1 -1
- package/internal/components/options-list/utils/use-keyboard.js +13 -16
- package/internal/components/options-list/utils/use-keyboard.js.map +1 -1
- package/internal/components/panel-resize-handle/styles.css.js +5 -5
- package/internal/components/panel-resize-handle/styles.scoped.css +14 -10
- package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
- package/internal/components/screenreader-only/styles.css.js +1 -1
- package/internal/components/screenreader-only/styles.scoped.css +5 -1
- package/internal/components/screenreader-only/styles.selectors.js +1 -1
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +33 -29
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +28 -24
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/hooks/use-performance-marks/index.d.ts.map +1 -1
- package/internal/hooks/use-performance-marks/index.js +23 -2
- package/internal/hooks/use-performance-marks/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/styles/motion/utils.d.ts +2 -0
- package/internal/styles/motion/utils.d.ts.map +1 -0
- package/internal/styles/motion/utils.js +5 -0
- package/internal/styles/motion/utils.js.map +1 -0
- package/internal/utils/date-time/format-date-iso.d.ts +2 -1
- package/internal/utils/date-time/format-date-iso.d.ts.map +1 -1
- package/internal/utils/date-time/format-date-iso.js +6 -2
- package/internal/utils/date-time/format-date-iso.js.map +1 -1
- package/internal/utils/date-time/format-date-localized.d.ts +2 -1
- package/internal/utils/date-time/format-date-localized.d.ts.map +1 -1
- package/internal/utils/date-time/format-date-localized.js +9 -2
- package/internal/utils/date-time/format-date-localized.js.map +1 -1
- package/internal/utils/date-time/format-date-time-with-offset.d.ts.map +1 -1
- package/internal/utils/date-time/format-date-time-with-offset.js +4 -3
- package/internal/utils/date-time/format-date-time-with-offset.js.map +1 -1
- package/internal/utils/date-time/index.d.ts +1 -1
- package/internal/utils/date-time/index.d.ts.map +1 -1
- package/internal/utils/date-time/index.js +1 -1
- package/internal/utils/date-time/index.js.map +1 -1
- package/internal/utils/date-time/is-iso-only.d.ts +9 -0
- package/internal/utils/date-time/is-iso-only.d.ts.map +1 -0
- package/internal/utils/date-time/is-iso-only.js +18 -0
- package/internal/utils/date-time/is-iso-only.js.map +1 -0
- package/internal/utils/handle-key.d.ts +1 -2
- package/internal/utils/handle-key.d.ts.map +1 -1
- package/internal/utils/handle-key.js.map +1 -1
- package/internal/utils/throttle.d.ts +1 -2
- package/internal/utils/throttle.d.ts.map +1 -1
- package/internal/utils/throttle.js.map +1 -1
- package/key-value-pairs/index.d.ts +1 -1
- package/key-value-pairs/index.d.ts.map +1 -1
- package/key-value-pairs/index.js +2 -2
- package/key-value-pairs/index.js.map +1 -1
- package/key-value-pairs/interfaces.d.ts +8 -0
- package/key-value-pairs/interfaces.d.ts.map +1 -1
- package/key-value-pairs/interfaces.js.map +1 -1
- package/key-value-pairs/internal.d.ts.map +1 -1
- package/key-value-pairs/internal.js +2 -2
- package/key-value-pairs/internal.js.map +1 -1
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +13 -9
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +75 -71
- package/link/styles.selectors.js +20 -20
- package/live-region/styles.css.js +2 -2
- package/live-region/styles.scoped.css +7 -3
- package/live-region/styles.selectors.js +2 -2
- package/mixed-line-bar-chart/styles.css.js +11 -11
- package/mixed-line-bar-chart/styles.scoped.css +23 -19
- package/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/modal/index.js +1 -1
- package/modal/index.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +42 -38
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +3 -3
- package/multiselect/styles.scoped.css +7 -3
- package/multiselect/styles.selectors.js +3 -3
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +27 -23
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +52 -48
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +53 -53
- package/popover/styles.scoped.css +89 -69
- package/popover/styles.selectors.js +53 -53
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +42 -34
- package/progress-bar/styles.selectors.js +19 -19
- package/prompt-input/styles.css.js +14 -14
- package/prompt-input/styles.scoped.css +43 -39
- package/prompt-input/styles.selectors.js +14 -14
- package/property-filter/filtering-token/styles.css.js +18 -18
- package/property-filter/filtering-token/styles.scoped.css +45 -41
- package/property-filter/filtering-token/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +39 -39
- package/property-filter/styles.scoped.css +45 -41
- package/property-filter/styles.selectors.js +39 -39
- package/radio-group/styles.css.js +10 -10
- package/radio-group/styles.scoped.css +20 -16
- package/radio-group/styles.selectors.js +10 -10
- package/s3-resource-selector/s3-modal/basic-table.js +1 -0
- package/s3-resource-selector/s3-modal/basic-table.js.map +1 -1
- package/s3-resource-selector/s3-modal/styles.css.js +3 -3
- package/s3-resource-selector/s3-modal/styles.scoped.css +9 -5
- package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
- package/segmented-control/styles.css.js +15 -15
- package/segmented-control/styles.scoped.css +38 -34
- package/segmented-control/styles.selectors.js +15 -15
- package/select/parts/filter.d.ts +1 -1
- package/select/parts/styles.css.js +21 -21
- package/select/parts/styles.scoped.css +26 -22
- package/select/parts/styles.selectors.js +21 -21
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +5 -1
- package/select/styles.selectors.js +1 -1
- package/select/utils/use-select.js +1 -1
- package/select/utils/use-select.js.map +1 -1
- package/side-navigation/styles.css.js +30 -30
- package/side-navigation/styles.scoped.css +50 -46
- package/side-navigation/styles.selectors.js +30 -30
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +80 -76
- package/slider/styles.selectors.js +26 -26
- package/space-between/styles.css.js +23 -23
- package/space-between/styles.scoped.css +28 -24
- package/space-between/styles.selectors.js +23 -23
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +23 -19
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/icons/styles.css.js +22 -22
- package/split-panel/icons/styles.scoped.css +28 -24
- package/split-panel/icons/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +26 -26
- package/split-panel/styles.scoped.css +47 -43
- package/split-panel/styles.selectors.js +26 -26
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +33 -29
- package/status-indicator/styles.selectors.js +23 -23
- package/steps/styles.css.js +6 -6
- package/steps/styles.scoped.css +13 -9
- package/steps/styles.selectors.js +6 -6
- package/table/body-cell/styles.css.js +46 -46
- package/table/body-cell/styles.scoped.css +296 -292
- package/table/body-cell/styles.selectors.js +46 -46
- package/table/expandable-rows/styles.css.js +3 -3
- package/table/expandable-rows/styles.scoped.css +17 -13
- package/table/expandable-rows/styles.selectors.js +3 -3
- package/table/header-cell/styles.css.js +26 -26
- package/table/header-cell/styles.scoped.css +69 -65
- package/table/header-cell/styles.selectors.js +26 -26
- package/table/header-cell/th-element.d.ts +2 -1
- package/table/header-cell/th-element.d.ts.map +1 -1
- package/table/header-cell/th-element.js +2 -2
- package/table/header-cell/th-element.js.map +1 -1
- package/table/interfaces.d.ts +14 -3
- package/table/interfaces.d.ts.map +1 -1
- package/table/interfaces.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +13 -4
- package/table/internal.js.map +1 -1
- package/table/progressive-loading/items-loader.d.ts +8 -2
- package/table/progressive-loading/items-loader.d.ts.map +1 -1
- package/table/progressive-loading/items-loader.js +11 -5
- package/table/progressive-loading/items-loader.js.map +1 -1
- package/table/progressive-loading/loader-cell.d.ts +2 -3
- package/table/progressive-loading/loader-cell.d.ts.map +1 -1
- package/table/progressive-loading/loader-cell.js +2 -2
- package/table/progressive-loading/loader-cell.js.map +1 -1
- package/table/progressive-loading/progressive-loading-utils.d.ts.map +1 -1
- package/table/progressive-loading/progressive-loading-utils.js +2 -2
- package/table/progressive-loading/progressive-loading-utils.js.map +1 -1
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +19 -15
- package/table/resizer/styles.selectors.js +8 -8
- package/table/selection/interfaces.d.ts +1 -0
- package/table/selection/interfaces.d.ts.map +1 -1
- package/table/selection/interfaces.js.map +1 -1
- package/table/selection/selection-cell.d.ts.map +1 -1
- package/table/selection/selection-cell.js +4 -3
- package/table/selection/selection-cell.js.map +1 -1
- package/table/selection/styles.css.js +3 -3
- package/table/selection/styles.scoped.css +7 -3
- package/table/selection/styles.selectors.js +3 -3
- package/table/selection/use-selection.js +1 -0
- package/table/selection/use-selection.js.map +1 -1
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +14 -10
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +45 -41
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +28 -28
- package/tabs/styles.scoped.css +57 -49
- package/tabs/styles.selectors.js +28 -28
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +14 -10
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/dom/button-group/index.d.ts +5 -0
- package/test-utils/dom/button-group/index.js +16 -7
- package/test-utils/dom/button-group/index.js.map +1 -1
- package/test-utils/selectors/button-group/index.d.ts +5 -0
- package/test-utils/selectors/button-group/index.js +16 -7
- package/test-utils/selectors/button-group/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +64 -60
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +7 -3
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +5 -5
- package/textarea/styles.scoped.css +18 -14
- package/textarea/styles.selectors.js +5 -5
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +77 -73
- package/tiles/styles.selectors.js +30 -30
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +21 -17
- package/toggle/styles.selectors.js +10 -10
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +20 -16
- package/token-group/styles.selectors.js +8 -8
- package/top-navigation/1.0-beta/styles.css.js +23 -25
- package/top-navigation/1.0-beta/styles.scoped.css +40 -66
- package/top-navigation/1.0-beta/styles.selectors.js +23 -25
- package/top-navigation/parts/overflow-menu/menu-item.d.ts.map +1 -1
- package/top-navigation/parts/overflow-menu/menu-item.js +3 -2
- package/top-navigation/parts/overflow-menu/menu-item.js.map +1 -1
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +78 -85
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +27 -23
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +33 -29
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +7 -3
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +62 -58
- package/wizard/styles.selectors.js +30 -30
- package/calendar/utils/navigation.d.ts.map +0 -1
- package/calendar/utils/navigation.js +0 -73
- package/calendar/utils/navigation.js.map +0 -1
- package/internal/utils/date-time/is-iso-date-only.d.ts +0 -5
- package/internal/utils/date-time/is-iso-date-only.d.ts.map +0 -1
- package/internal/utils/date-time/is-iso-date-only.js +0 -10
- package/internal/utils/date-time/is-iso-date-only.js.map +0 -1
|
@@ -16,11 +16,11 @@ export function useProgressiveLoadingProps({ items, getLoadingStatus, getExpanda
|
|
|
16
16
|
// Insert empty expandable item loader
|
|
17
17
|
if (isItemExpanded(items[i]) && getItemChildren(items[i]).length === 0) {
|
|
18
18
|
const status = getLoadingStatus === null || getLoadingStatus === void 0 ? void 0 : getLoadingStatus(items[i]);
|
|
19
|
-
if (status
|
|
19
|
+
if (status === 'loading' || status === 'finished' || status === 'error') {
|
|
20
20
|
allRows.push({ type: 'loader', item: items[i], level: getItemLevel(items[i]), status, from: 0 });
|
|
21
21
|
}
|
|
22
22
|
else {
|
|
23
|
-
warnOnce('Table', 'Expanded items without children must have "loading" or "error" loading status.');
|
|
23
|
+
warnOnce('Table', 'Expanded items without children must have "loading", "finished", or "error" loading status.');
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
// Insert expandable items loaders
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progressive-loading-utils.js","sourceRoot":"","sources":["../../../../src/table/progressive-loading/progressive-loading-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAIzE,MAAM,UAAU,0BAA0B,CAAI,EAC5C,KAAK,EACL,gBAAgB,EAChB,sBAAsB,GAKvB;IACC,sCAAsC;IACtC,6GAA6G;IAC7G,iHAAiH;IACjH,0IAA0I;IAC1I,MAAM,OAAO,GAAG,IAAI,KAAK,EAAe,CAAC;IAEzC,MAAM,aAAa,GAAG,CAAC,IAAO,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;IACvE,MAAM,eAAe,GAAG,CAAC,IAAO,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;IAC3E,MAAM,YAAY,GAAG,CAAC,IAAQ,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACnF,MAAM,cAAc,GAAG,CAAC,IAAO,EAAE,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC;IAE5E,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAE/C,sCAAsC;QACtC,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;YACtE,MAAM,MAAM,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5C,IAAI,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"progressive-loading-utils.js","sourceRoot":"","sources":["../../../../src/table/progressive-loading/progressive-loading-utils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { TableProps, TableRow } from '../interfaces';\n\nexport function useProgressiveLoadingProps<T>({\n items,\n getLoadingStatus,\n getExpandableItemProps,\n}: {\n items: readonly T[];\n getLoadingStatus?: (item: null | T) => TableProps.LoadingStatus;\n getExpandableItemProps: (item: T) => { level: number; parent: null | T; isExpanded: boolean; children: readonly T[] };\n}) {\n // The rows are either data or loader.\n // A loader row can be added to the root level (level=0) in which case it has no associated item (item=null).\n // Loader rows can be added to expandable rows (level>0) in which case they have an associated item (item!=null).\n // The \"from\" property of the loader row is the index of the first item to be loaded starting 0. It is used to generate unique React keys.\n const allRows = new Array<TableRow<T>>();\n\n const getItemParent = (item: T) => getExpandableItemProps(item).parent;\n const getItemChildren = (item: T) => getExpandableItemProps(item).children;\n const getItemLevel = (item?: T) => (item ? getExpandableItemProps(item).level : 0);\n const isItemExpanded = (item: T) => getExpandableItemProps(item).isExpanded;\n\n for (let i = 0; i < items.length; i++) {\n allRows.push({ type: 'data', item: items[i] });\n\n // Insert empty expandable item loader\n if (isItemExpanded(items[i]) && getItemChildren(items[i]).length === 0) {\n const status = getLoadingStatus?.(items[i]);\n if (status === 'loading' || status === 'finished' || status === 'error') {\n allRows.push({ type: 'loader', item: items[i], level: getItemLevel(items[i]), status, from: 0 });\n } else {\n warnOnce(\n 'Table',\n 'Expanded items without children must have \"loading\", \"finished\", or \"error\" loading status.'\n );\n }\n }\n\n // Insert expandable items loaders\n let currentParent = getItemParent(items[i]);\n let levelsDiff = getItemLevel(items[i]) - getItemLevel(items[i + 1]);\n while (currentParent && levelsDiff > 0) {\n const status = getLoadingStatus?.(currentParent);\n if (status && status !== 'finished') {\n const level = currentParent ? getItemLevel(currentParent) : 0;\n const children = currentParent ? getItemChildren(currentParent) : [];\n allRows.push({ type: 'loader', item: currentParent, level, status, from: children.length });\n }\n currentParent = currentParent && getItemParent(currentParent);\n levelsDiff--;\n }\n\n // Insert root loader\n const rootLoadingStatus = getLoadingStatus?.(null);\n if (i === items.length - 1 && rootLoadingStatus && rootLoadingStatus !== 'finished') {\n allRows.push({ type: 'loader', item: null, level: 0, status: rootLoadingStatus, from: items.length });\n }\n }\n\n return { allRows };\n}\n"]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"resize-active": "awsui_resize-
|
|
5
|
-
"resize-active-with-focus": "awsui_resize-active-with-
|
|
6
|
-
"divider": "
|
|
7
|
-
"divider-disabled": "awsui_divider-
|
|
8
|
-
"divider-active": "awsui_divider-
|
|
9
|
-
"resizer": "
|
|
10
|
-
"has-focus": "awsui_has-
|
|
11
|
-
"tracker": "
|
|
4
|
+
"resize-active": "awsui_resize-active_x7peu_1gvv3_145",
|
|
5
|
+
"resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1gvv3_145",
|
|
6
|
+
"divider": "awsui_divider_x7peu_1gvv3_150",
|
|
7
|
+
"divider-disabled": "awsui_divider-disabled_x7peu_1gvv3_164",
|
|
8
|
+
"divider-active": "awsui_divider-active_x7peu_1gvv3_167",
|
|
9
|
+
"resizer": "awsui_resizer_x7peu_1gvv3_171",
|
|
10
|
+
"has-focus": "awsui_has-focus_x7peu_1gvv3_225",
|
|
11
|
+
"tracker": "awsui_tracker_x7peu_1gvv3_250"
|
|
12
12
|
};
|
|
13
13
|
|
|
@@ -136,15 +136,19 @@
|
|
|
136
136
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
137
137
|
SPDX-License-Identifier: Apache-2.0
|
|
138
138
|
*/
|
|
139
|
+
/*
|
|
140
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
141
|
+
SPDX-License-Identifier: Apache-2.0
|
|
142
|
+
*/
|
|
139
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
140
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
141
|
-
.awsui_resize-
|
|
145
|
+
.awsui_resize-active_x7peu_1gvv3_145:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1gvv3_145) * {
|
|
142
146
|
cursor: col-resize;
|
|
143
147
|
-webkit-user-select: none;
|
|
144
148
|
user-select: none;
|
|
145
149
|
}
|
|
146
150
|
|
|
147
|
-
th:not(#\9):not(:last-child) > .
|
|
151
|
+
th:not(#\9):not(:last-child) > .awsui_divider_x7peu_1gvv3_150 {
|
|
148
152
|
position: absolute;
|
|
149
153
|
outline: none;
|
|
150
154
|
pointer-events: none;
|
|
@@ -158,14 +162,14 @@ th:not(#\9):not(:last-child) > .awsui_divider_x7peu_i88k3_146 {
|
|
|
158
162
|
border-inline-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-divider-interactive-default-0c10au, #8c8c94);
|
|
159
163
|
box-sizing: border-box;
|
|
160
164
|
}
|
|
161
|
-
th:not(#\9):not(:last-child) > .awsui_divider-
|
|
165
|
+
th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_1gvv3_164 {
|
|
162
166
|
border-inline-start-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
163
167
|
}
|
|
164
|
-
th:not(#\9):not(:last-child) > .awsui_divider-
|
|
168
|
+
th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_1gvv3_167 {
|
|
165
169
|
border-inline-start: 2px solid var(--color-border-divider-active-tn8t2p, #0f141a);
|
|
166
170
|
}
|
|
167
171
|
|
|
168
|
-
.
|
|
172
|
+
.awsui_resizer_x7peu_1gvv3_171:not(#\9) {
|
|
169
173
|
border-collapse: separate;
|
|
170
174
|
border-spacing: 0;
|
|
171
175
|
box-sizing: border-box;
|
|
@@ -206,28 +210,28 @@ th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_i88k3_163 {
|
|
|
206
210
|
inline-size: var(--space-l-t419sm, 20px);
|
|
207
211
|
z-index: 10;
|
|
208
212
|
}
|
|
209
|
-
.
|
|
213
|
+
.awsui_resizer_x7peu_1gvv3_171:not(#\9):focus {
|
|
210
214
|
outline: none;
|
|
211
215
|
text-decoration: none;
|
|
212
216
|
}
|
|
213
|
-
.awsui_resize-
|
|
217
|
+
.awsui_resize-active_x7peu_1gvv3_145 .awsui_resizer_x7peu_1gvv3_171:not(#\9) {
|
|
214
218
|
pointer-events: none;
|
|
215
219
|
}
|
|
216
|
-
th:not(#\9):last-child > .
|
|
220
|
+
th:not(#\9):last-child > .awsui_resizer_x7peu_1gvv3_171 {
|
|
217
221
|
inline-size: calc(var(--space-l-t419sm, 20px) / 2);
|
|
218
222
|
inset-inline-end: 0;
|
|
219
223
|
}
|
|
220
|
-
.
|
|
224
|
+
.awsui_resizer_x7peu_1gvv3_171:not(#\9):hover + .awsui_divider_x7peu_1gvv3_150 {
|
|
221
225
|
border-inline-start: 2px solid var(--color-border-divider-active-tn8t2p, #0f141a);
|
|
222
226
|
}
|
|
223
|
-
body[data-awsui-focus-visible=true] .
|
|
227
|
+
body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1gvv3_171.awsui_has-focus_x7peu_1gvv3_225:not(#\9) {
|
|
224
228
|
position: relative;
|
|
225
229
|
}
|
|
226
|
-
body[data-awsui-focus-visible=true] .
|
|
230
|
+
body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1gvv3_171.awsui_has-focus_x7peu_1gvv3_225:not(#\9) {
|
|
227
231
|
outline: 2px dotted transparent;
|
|
228
232
|
outline-offset: calc(calc(var(--space-table-header-focus-outline-gutter-7js4en, 0px) - 2px) - 1px);
|
|
229
233
|
}
|
|
230
|
-
body[data-awsui-focus-visible=true] .
|
|
234
|
+
body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1gvv3_171.awsui_has-focus_x7peu_1gvv3_225:not(#\9)::before {
|
|
231
235
|
content: " ";
|
|
232
236
|
display: block;
|
|
233
237
|
position: absolute;
|
|
@@ -241,17 +245,17 @@ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_i88k3_167.awsui_has-foc
|
|
|
241
245
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
242
246
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
243
247
|
}
|
|
244
|
-
body[data-awsui-focus-visible=true] .
|
|
248
|
+
body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1gvv3_171.awsui_has-focus_x7peu_1gvv3_225:not(#\9) {
|
|
245
249
|
position: absolute;
|
|
246
250
|
}
|
|
247
251
|
|
|
248
|
-
.
|
|
252
|
+
.awsui_tracker_x7peu_1gvv3_250:not(#\9) {
|
|
249
253
|
display: none;
|
|
250
254
|
position: absolute;
|
|
251
255
|
border-inline-start: var(--border-divider-list-width-27y3k5, 1px) dashed var(--color-border-divider-active-tn8t2p, #0f141a);
|
|
252
256
|
inline-size: 0;
|
|
253
257
|
inset-block: 0;
|
|
254
258
|
}
|
|
255
|
-
.awsui_resize-
|
|
259
|
+
.awsui_resize-active_x7peu_1gvv3_145 .awsui_tracker_x7peu_1gvv3_250:not(#\9) {
|
|
256
260
|
display: block;
|
|
257
261
|
}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"resize-active": "awsui_resize-
|
|
6
|
-
"resize-active-with-focus": "awsui_resize-active-with-
|
|
7
|
-
"divider": "
|
|
8
|
-
"divider-disabled": "awsui_divider-
|
|
9
|
-
"divider-active": "awsui_divider-
|
|
10
|
-
"resizer": "
|
|
11
|
-
"has-focus": "awsui_has-
|
|
12
|
-
"tracker": "
|
|
5
|
+
"resize-active": "awsui_resize-active_x7peu_1gvv3_145",
|
|
6
|
+
"resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1gvv3_145",
|
|
7
|
+
"divider": "awsui_divider_x7peu_1gvv3_150",
|
|
8
|
+
"divider-disabled": "awsui_divider-disabled_x7peu_1gvv3_164",
|
|
9
|
+
"divider-active": "awsui_divider-active_x7peu_1gvv3_167",
|
|
10
|
+
"resizer": "awsui_resizer_x7peu_1gvv3_171",
|
|
11
|
+
"has-focus": "awsui_has-focus_x7peu_1gvv3_225",
|
|
12
|
+
"tracker": "awsui_tracker_x7peu_1gvv3_250"
|
|
13
13
|
};
|
|
14
14
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/table/selection/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface SelectionProps {\n name: string;\n disabled: boolean;\n selectionType: 'single' | 'multi';\n indeterminate?: boolean;\n checked: boolean;\n onChange: () => void;\n onShiftToggle?: (value: boolean) => void;\n ariaLabel?: string;\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/table/selection/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface SelectionProps {\n name: string;\n disabled: boolean;\n selectionType: 'single' | 'multi';\n indeterminate?: boolean;\n checked: boolean;\n onChange: () => void;\n onShiftToggle?: (value: boolean) => void;\n ariaLabel?: string;\n selectionGroupLabel?: string;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI9E,UAAU,6BAA8B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,CAAC;IAChG,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,cAAc,CAAC;IACzC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvG;AAED,UAAU,2BACR,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;IACrG,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,wBAAgB,wBAAwB,CAAC,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,6BAA6B,
|
|
1
|
+
{"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAkB,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAI9E,UAAU,6BAA8B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,CAAC;IAChG,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,cAAc,CAAC;IACzC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvG;AAED,UAAU,2BACR,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;IACrG,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,wBAAgB,wBAAwB,CAAC,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,6BAA6B,eAyB/B;AAED,wBAAgB,sBAAsB,CAAC,EAAE,qBAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,eAMtG"}
|
|
@@ -10,10 +10,11 @@ import { SelectionControl } from './selection-control';
|
|
|
10
10
|
import styles from '../styles.css.js';
|
|
11
11
|
export function TableHeaderSelectionCell(_a) {
|
|
12
12
|
var { focusedComponent, singleSelectionHeaderAriaLabel, getSelectAllProps, onFocusMove } = _a, props = __rest(_a, ["focusedComponent", "singleSelectionHeaderAriaLabel", "getSelectAllProps", "onFocusMove"]);
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
const selectAllProps = getSelectAllProps ? getSelectAllProps() : undefined;
|
|
14
|
+
return (React.createElement(TableThElement, Object.assign({}, props, { isSelection: true, colIndex: 0, focusedComponent: focusedComponent, ariaLabel: selectAllProps === null || selectAllProps === void 0 ? void 0 : selectAllProps.selectionGroupLabel }),
|
|
15
|
+
selectAllProps ? (React.createElement(SelectionControl, Object.assign({ onFocusDown: event => {
|
|
15
16
|
onFocusMove(event.target, -1, +1);
|
|
16
|
-
}, focusedComponent: focusedComponent },
|
|
17
|
+
}, focusedComponent: focusedComponent }, selectAllProps, (props.sticky ? { tabIndex: -1 } : {})))) : (React.createElement(ScreenreaderOnly, null, singleSelectionHeaderAriaLabel)),
|
|
17
18
|
React.createElement(Divider, { className: styles['resize-divider'] })));
|
|
18
19
|
}
|
|
19
20
|
export function TableBodySelectionCell(_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-cell.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAuB,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAuB,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,qBAAqB,CAAC;AAE9E,OAAO,MAAM,MAAM,kBAAkB,CAAC;AActC,MAAM,UAAU,wBAAwB,CAAC,EAMT;QANS,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,OAEmB,EAD3B,KAAK,cAL+B,0FAMxC,CADS;IAER,OAAO,CACL,oBAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"selection-cell.js","sourceRoot":"","sources":["../../../../src/table/selection/selection-cell.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAuB,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAuB,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,qBAAqB,CAAC;AAE9E,OAAO,MAAM,MAAM,kBAAkB,CAAC;AActC,MAAM,UAAU,wBAAwB,CAAC,EAMT;QANS,EACvC,gBAAgB,EAChB,8BAA8B,EAC9B,iBAAiB,EACjB,WAAW,OAEmB,EAD3B,KAAK,cAL+B,0FAMxC,CADS;IAER,MAAM,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3E,OAAO,CACL,oBAAC,cAAc,oBACT,KAAK,IACT,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,CAAC,EACX,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,mBAAmB;QAE7C,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,gBAAgB,kBACf,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,WAAY,CAAC,KAAK,CAAC,MAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACpD,CAAC,EACD,gBAAgB,EAAE,gBAAgB,IAC9B,cAAc,EACd,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1C,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,QAAE,8BAA8B,CAAoB,CACtE;QACD,oBAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,GAAI,CACjC,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EAAgE;QAAhE,EAAE,qBAAqB,OAAyC,EAApC,KAAK,cAAjC,yBAAmC,CAAF;IACtE,OAAO,CACL,oBAAC,cAAc,oBAAK,KAAK,IAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,KAC7G,qBAAqB,CAAC,CAAC,CAAC,oBAAC,gBAAgB,oBAAK,qBAAqB,EAAI,CAAC,CAAC,CAAC,IAAI,CAChE,CAClB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport ScreenreaderOnly from '../../internal/components/screenreader-only';\nimport { TableTdElement, TableTdElementProps } from '../body-cell/td-element';\nimport { TableThElement, TableThElementProps } from '../header-cell/th-element';\nimport { Divider } from '../resizer';\nimport { SelectionProps } from './interfaces';\nimport { SelectionControl, SelectionControlProps } from './selection-control';\n\nimport styles from '../styles.css.js';\n\ninterface TableHeaderSelectionCellProps extends Omit<TableThElementProps, 'children' | 'colIndex'> {\n focusedComponent?: null | string;\n singleSelectionHeaderAriaLabel?: string;\n getSelectAllProps?: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n}\n\ninterface TableBodySelectionCellProps\n extends Omit<TableTdElementProps, 'children' | 'colIndex' | 'wrapLines' | 'isEditable' | 'isEditing'> {\n selectionControlProps?: SelectionControlProps;\n}\n\nexport function TableHeaderSelectionCell({\n focusedComponent,\n singleSelectionHeaderAriaLabel,\n getSelectAllProps,\n onFocusMove,\n ...props\n}: TableHeaderSelectionCellProps) {\n const selectAllProps = getSelectAllProps ? getSelectAllProps() : undefined;\n return (\n <TableThElement\n {...props}\n isSelection={true}\n colIndex={0}\n focusedComponent={focusedComponent}\n ariaLabel={selectAllProps?.selectionGroupLabel}\n >\n {selectAllProps ? (\n <SelectionControl\n onFocusDown={event => {\n onFocusMove!(event.target as HTMLElement, -1, +1);\n }}\n focusedComponent={focusedComponent}\n {...selectAllProps}\n {...(props.sticky ? { tabIndex: -1 } : {})}\n />\n ) : (\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n )}\n <Divider className={styles['resize-divider']} />\n </TableThElement>\n );\n}\n\nexport function TableBodySelectionCell({ selectionControlProps, ...props }: TableBodySelectionCellProps) {\n return (\n <TableTdElement {...props} isSelection={true} wrapLines={false} isEditable={false} isEditing={false} colIndex={0}>\n {selectionControlProps ? <SelectionControl {...selectionControlProps} /> : null}\n </TableTdElement>\n );\n}\n"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"label": "
|
|
6
|
-
"stud": "
|
|
4
|
+
"root": "awsui_root_1s55x_1sxg8_145",
|
|
5
|
+
"label": "awsui_label_1s55x_1sxg8_149",
|
|
6
|
+
"stud": "awsui_stud_1s55x_1sxg8_163"
|
|
7
7
|
};
|
|
8
8
|
|
|
@@ -136,13 +136,17 @@
|
|
|
136
136
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
137
137
|
SPDX-License-Identifier: Apache-2.0
|
|
138
138
|
*/
|
|
139
|
+
/*
|
|
140
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
141
|
+
SPDX-License-Identifier: Apache-2.0
|
|
142
|
+
*/
|
|
139
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
140
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
141
|
-
.
|
|
145
|
+
.awsui_root_1s55x_1sxg8_145:not(#\9) {
|
|
142
146
|
/* used in test-utils and in the use-selection hook */
|
|
143
147
|
}
|
|
144
148
|
|
|
145
|
-
.
|
|
149
|
+
.awsui_label_1s55x_1sxg8_149:not(#\9) {
|
|
146
150
|
display: flex;
|
|
147
151
|
align-items: center;
|
|
148
152
|
justify-content: center;
|
|
@@ -156,6 +160,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
156
160
|
border-inline-end: 1px solid transparent;
|
|
157
161
|
}
|
|
158
162
|
|
|
159
|
-
.
|
|
163
|
+
.awsui_stud_1s55x_1sxg8_163:not(#\9) {
|
|
160
164
|
visibility: hidden;
|
|
161
165
|
}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"label": "
|
|
7
|
-
"stud": "
|
|
5
|
+
"root": "awsui_root_1s55x_1sxg8_145",
|
|
6
|
+
"label": "awsui_label_1s55x_1sxg8_149",
|
|
7
|
+
"stud": "awsui_stud_1s55x_1sxg8_163"
|
|
8
8
|
};
|
|
9
9
|
|
|
@@ -123,6 +123,7 @@ function useMultiSelection({ ariaLabels, isItemDisabled = () => false, items, lo
|
|
|
123
123
|
indeterminate: allItemsCheckboxIndeterminate,
|
|
124
124
|
onChange: handleToggleAll,
|
|
125
125
|
ariaLabel: joinStrings(ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.selectionGroupLabel, (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.allItemsSelectionLabel) === null || _a === void 0 ? void 0 : _a.call(ariaLabels, { selectedItems })),
|
|
126
|
+
selectionGroupLabel: ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.selectionGroupLabel,
|
|
126
127
|
});
|
|
127
128
|
},
|
|
128
129
|
getItemSelectionProps: (item) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-selection.js","sourceRoot":"","sources":["../../../../src/table/selection/use-selection.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\n\nimport { fireNonCancelableEvent } from '../../internal/events';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { TableProps } from '../interfaces';\nimport { getTrackableValue } from '../utils';\nimport { SelectionProps } from './interfaces';\nimport { ItemSet } from './utils';\n\ntype SelectionOptions<T> = Pick<\n TableProps<T>,\n | 'ariaLabels'\n | 'isItemDisabled'\n | 'items'\n | 'loading'\n | 'onSelectionChange'\n | 'selectedItems'\n | 'selectionType'\n | 'trackBy'\n>;\n\nexport function useSelection<T>(options: SelectionOptions<T>): {\n isItemSelected: (item: T) => boolean;\n getSelectAllProps?: () => SelectionProps;\n getItemSelectionProps?: (item: T) => SelectionProps;\n} {\n const singleSelectionProps = useSingleSelection(options);\n const multiSelectionProps = useMultiSelection(options);\n return options.selectionType === 'single' ? singleSelectionProps : multiSelectionProps;\n}\n\nfunction useSingleSelection<T>({\n ariaLabels,\n isItemDisabled = () => false,\n onSelectionChange,\n selectedItems = [],\n selectionType,\n trackBy,\n}: SelectionOptions<T>) {\n // The name assigned to all controls to combine them in a single group.\n const selectionControlName = useUniqueId();\n\n if (selectionType !== 'single') {\n return { isItemSelected: () => false };\n }\n\n // Selection state for individual items.\n const selectedSet = new ItemSet(trackBy, selectedItems.slice(0, 1));\n const isItemSelected = selectedSet.has.bind(selectedSet);\n\n const handleToggleItem = (item: T) => {\n if (!isItemDisabled(item) && !isItemSelected(item)) {\n fireNonCancelableEvent(onSelectionChange, { selectedItems: [item] });\n }\n };\n\n return {\n isItemSelected,\n getItemSelectionProps: (item: T): SelectionProps => ({\n name: selectionControlName,\n selectionType: 'single',\n disabled: isItemDisabled(item),\n checked: isItemSelected(item),\n onChange: () => handleToggleItem(item),\n ariaLabel: joinStrings(\n ariaLabels?.selectionGroupLabel,\n ariaLabels?.itemSelectionLabel?.({ selectedItems }, item)\n ),\n }),\n };\n}\n\nfunction useMultiSelection<T>({\n ariaLabels,\n isItemDisabled = () => false,\n items,\n loading,\n onSelectionChange,\n selectedItems = [],\n selectionType,\n trackBy,\n}: SelectionOptions<T>) {\n // The name assigned to all controls to combine them in a single group.\n const selectionControlName = useUniqueId();\n const [shiftPressed, setShiftPressed] = useState(false);\n const [lastClickedItem, setLastClickedItem] = useState<null | T>(null);\n\n if (selectionType !== 'multi') {\n return { isItemSelected: () => false };\n }\n\n // Selection state for individual items.\n const selectedSet = new ItemSet(trackBy, selectedItems);\n const isItemSelected = selectedSet.has.bind(selectedSet);\n\n // Derived selection state for all-items checkbox.\n let allItemsDisabled = true;\n let allEnabledItemsSelected = true;\n for (const item of items) {\n allItemsDisabled = allItemsDisabled && isItemDisabled(item);\n allEnabledItemsSelected = allEnabledItemsSelected && (isItemSelected(item) || isItemDisabled(item));\n }\n const allItemsCheckboxSelected = selectedItems.length > 0 && allEnabledItemsSelected;\n const allItemsCheckboxIndeterminate = selectedItems.length > 0 && !allEnabledItemsSelected;\n\n // Shift-selection helpers.\n const itemIndexesMap = new Map<T, number>();\n items.forEach((item, i) => itemIndexesMap.set(getTrackableValue(trackBy, item), i));\n const getShiftSelectedItems = (item: T): T[] => {\n const lastClickedItemIndex = lastClickedItem\n ? itemIndexesMap.get(getTrackableValue(trackBy, lastClickedItem))\n : undefined;\n // We use lastClickedItemIndex to determine if filtering/sorting/pagination\n // made previously selected item invisible, therefore we reset state for shift-select.\n if (lastClickedItemIndex !== undefined) {\n const currentItemIndex = itemIndexesMap.get(getTrackableValue(trackBy, item))!;\n const start = Math.min(currentItemIndex, lastClickedItemIndex);\n const end = Math.max(currentItemIndex, lastClickedItemIndex);\n return items.slice(start, end + 1);\n }\n return [item];\n };\n\n // Select items that are not already selected or disabled.\n const selectItems = (requestedItems: readonly T[]) => {\n const newSelectedItems = [...selectedItems];\n requestedItems.forEach(newItem => {\n if (!isItemSelected(newItem) && !isItemDisabled(newItem)) {\n newSelectedItems.push(newItem);\n }\n });\n return newSelectedItems;\n };\n\n // Unselect items unless they are disabled.\n const deselectItems = (requestedItems: readonly T[]) => {\n const requestedItemsSet = new ItemSet(trackBy, requestedItems);\n const newSelectedItems: Array<T> = [];\n selectedItems.forEach(selectedItem => {\n const shouldUnselect = requestedItemsSet.has(selectedItem);\n if (!shouldUnselect || isItemDisabled(selectedItem)) {\n newSelectedItems.push(selectedItem);\n }\n });\n return newSelectedItems;\n };\n\n const handleToggleAll = () => {\n const newSelectedItems = allEnabledItemsSelected ? deselectItems(items) : selectItems(items);\n fireNonCancelableEvent(onSelectionChange, { selectedItems: newSelectedItems });\n };\n\n const handleToggleItem = (item: T) => {\n if (!isItemDisabled(item)) {\n const requestedItems = shiftPressed ? getShiftSelectedItems(item) : [item];\n const selectedItems = isItemSelected(item) ? deselectItems(requestedItems) : selectItems(requestedItems);\n fireNonCancelableEvent(onSelectionChange, { selectedItems });\n setLastClickedItem(item);\n }\n };\n\n return {\n isItemSelected,\n getSelectAllProps: (): SelectionProps => ({\n name: selectionControlName,\n selectionType: 'multi',\n disabled: allItemsDisabled || !!loading,\n checked: allItemsCheckboxSelected,\n indeterminate: allItemsCheckboxIndeterminate,\n onChange: handleToggleAll,\n ariaLabel: joinStrings(ariaLabels?.selectionGroupLabel, ariaLabels?.allItemsSelectionLabel?.({ selectedItems })),\n }),\n getItemSelectionProps: (item: T): SelectionProps => ({\n name: selectionControlName,\n selectionType: 'multi',\n disabled: isItemDisabled(item),\n checked: isItemSelected(item),\n onChange: () => handleToggleItem(item),\n onShiftToggle: (value: boolean) => setShiftPressed(value),\n ariaLabel: joinStrings(\n ariaLabels?.selectionGroupLabel,\n ariaLabels?.itemSelectionLabel?.({ selectedItems }, item)\n ),\n }),\n };\n}\n"]}
|
|
1
|
+
{"version":3,"file":"use-selection.js","sourceRoot":"","sources":["../../../../src/table/selection/use-selection.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\n\nimport { fireNonCancelableEvent } from '../../internal/events';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { TableProps } from '../interfaces';\nimport { getTrackableValue } from '../utils';\nimport { SelectionProps } from './interfaces';\nimport { ItemSet } from './utils';\n\ntype SelectionOptions<T> = Pick<\n TableProps<T>,\n | 'ariaLabels'\n | 'isItemDisabled'\n | 'items'\n | 'loading'\n | 'onSelectionChange'\n | 'selectedItems'\n | 'selectionType'\n | 'trackBy'\n>;\n\nexport function useSelection<T>(options: SelectionOptions<T>): {\n isItemSelected: (item: T) => boolean;\n getSelectAllProps?: () => SelectionProps;\n getItemSelectionProps?: (item: T) => SelectionProps;\n} {\n const singleSelectionProps = useSingleSelection(options);\n const multiSelectionProps = useMultiSelection(options);\n return options.selectionType === 'single' ? singleSelectionProps : multiSelectionProps;\n}\n\nfunction useSingleSelection<T>({\n ariaLabels,\n isItemDisabled = () => false,\n onSelectionChange,\n selectedItems = [],\n selectionType,\n trackBy,\n}: SelectionOptions<T>) {\n // The name assigned to all controls to combine them in a single group.\n const selectionControlName = useUniqueId();\n\n if (selectionType !== 'single') {\n return { isItemSelected: () => false };\n }\n\n // Selection state for individual items.\n const selectedSet = new ItemSet(trackBy, selectedItems.slice(0, 1));\n const isItemSelected = selectedSet.has.bind(selectedSet);\n\n const handleToggleItem = (item: T) => {\n if (!isItemDisabled(item) && !isItemSelected(item)) {\n fireNonCancelableEvent(onSelectionChange, { selectedItems: [item] });\n }\n };\n\n return {\n isItemSelected,\n getItemSelectionProps: (item: T): SelectionProps => ({\n name: selectionControlName,\n selectionType: 'single',\n disabled: isItemDisabled(item),\n checked: isItemSelected(item),\n onChange: () => handleToggleItem(item),\n ariaLabel: joinStrings(\n ariaLabels?.selectionGroupLabel,\n ariaLabels?.itemSelectionLabel?.({ selectedItems }, item)\n ),\n }),\n };\n}\n\nfunction useMultiSelection<T>({\n ariaLabels,\n isItemDisabled = () => false,\n items,\n loading,\n onSelectionChange,\n selectedItems = [],\n selectionType,\n trackBy,\n}: SelectionOptions<T>) {\n // The name assigned to all controls to combine them in a single group.\n const selectionControlName = useUniqueId();\n const [shiftPressed, setShiftPressed] = useState(false);\n const [lastClickedItem, setLastClickedItem] = useState<null | T>(null);\n\n if (selectionType !== 'multi') {\n return { isItemSelected: () => false };\n }\n\n // Selection state for individual items.\n const selectedSet = new ItemSet(trackBy, selectedItems);\n const isItemSelected = selectedSet.has.bind(selectedSet);\n\n // Derived selection state for all-items checkbox.\n let allItemsDisabled = true;\n let allEnabledItemsSelected = true;\n for (const item of items) {\n allItemsDisabled = allItemsDisabled && isItemDisabled(item);\n allEnabledItemsSelected = allEnabledItemsSelected && (isItemSelected(item) || isItemDisabled(item));\n }\n const allItemsCheckboxSelected = selectedItems.length > 0 && allEnabledItemsSelected;\n const allItemsCheckboxIndeterminate = selectedItems.length > 0 && !allEnabledItemsSelected;\n\n // Shift-selection helpers.\n const itemIndexesMap = new Map<T, number>();\n items.forEach((item, i) => itemIndexesMap.set(getTrackableValue(trackBy, item), i));\n const getShiftSelectedItems = (item: T): T[] => {\n const lastClickedItemIndex = lastClickedItem\n ? itemIndexesMap.get(getTrackableValue(trackBy, lastClickedItem))\n : undefined;\n // We use lastClickedItemIndex to determine if filtering/sorting/pagination\n // made previously selected item invisible, therefore we reset state for shift-select.\n if (lastClickedItemIndex !== undefined) {\n const currentItemIndex = itemIndexesMap.get(getTrackableValue(trackBy, item))!;\n const start = Math.min(currentItemIndex, lastClickedItemIndex);\n const end = Math.max(currentItemIndex, lastClickedItemIndex);\n return items.slice(start, end + 1);\n }\n return [item];\n };\n\n // Select items that are not already selected or disabled.\n const selectItems = (requestedItems: readonly T[]) => {\n const newSelectedItems = [...selectedItems];\n requestedItems.forEach(newItem => {\n if (!isItemSelected(newItem) && !isItemDisabled(newItem)) {\n newSelectedItems.push(newItem);\n }\n });\n return newSelectedItems;\n };\n\n // Unselect items unless they are disabled.\n const deselectItems = (requestedItems: readonly T[]) => {\n const requestedItemsSet = new ItemSet(trackBy, requestedItems);\n const newSelectedItems: Array<T> = [];\n selectedItems.forEach(selectedItem => {\n const shouldUnselect = requestedItemsSet.has(selectedItem);\n if (!shouldUnselect || isItemDisabled(selectedItem)) {\n newSelectedItems.push(selectedItem);\n }\n });\n return newSelectedItems;\n };\n\n const handleToggleAll = () => {\n const newSelectedItems = allEnabledItemsSelected ? deselectItems(items) : selectItems(items);\n fireNonCancelableEvent(onSelectionChange, { selectedItems: newSelectedItems });\n };\n\n const handleToggleItem = (item: T) => {\n if (!isItemDisabled(item)) {\n const requestedItems = shiftPressed ? getShiftSelectedItems(item) : [item];\n const selectedItems = isItemSelected(item) ? deselectItems(requestedItems) : selectItems(requestedItems);\n fireNonCancelableEvent(onSelectionChange, { selectedItems });\n setLastClickedItem(item);\n }\n };\n\n return {\n isItemSelected,\n getSelectAllProps: (): SelectionProps => ({\n name: selectionControlName,\n selectionType: 'multi',\n disabled: allItemsDisabled || !!loading,\n checked: allItemsCheckboxSelected,\n indeterminate: allItemsCheckboxIndeterminate,\n onChange: handleToggleAll,\n ariaLabel: joinStrings(ariaLabels?.selectionGroupLabel, ariaLabels?.allItemsSelectionLabel?.({ selectedItems })),\n selectionGroupLabel: ariaLabels?.selectionGroupLabel,\n }),\n getItemSelectionProps: (item: T): SelectionProps => ({\n name: selectionControlName,\n selectionType: 'multi',\n disabled: isItemDisabled(item),\n checked: isItemSelected(item),\n onChange: () => handleToggleItem(item),\n onShiftToggle: (value: boolean) => setShiftPressed(value),\n ariaLabel: joinStrings(\n ariaLabels?.selectionGroupLabel,\n ariaLabels?.itemSelectionLabel?.({ selectedItems }, item)\n ),\n }),\n };\n}\n"]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"sticky-scrollbar": "awsui_sticky-
|
|
5
|
-
"sticky-scrollbar-content": "awsui_sticky-scrollbar-
|
|
6
|
-
"sticky-scrollbar-visible": "awsui_sticky-scrollbar-
|
|
7
|
-
"sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-
|
|
8
|
-
"sticky-scrollbar-offset": "awsui_sticky-scrollbar-
|
|
9
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
4
|
+
"sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_qbegi_181",
|
|
5
|
+
"sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_qbegi_193",
|
|
6
|
+
"sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_qbegi_196",
|
|
7
|
+
"sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_qbegi_199",
|
|
8
|
+
"sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_qbegi_202",
|
|
9
|
+
"is-visual-refresh": "awsui_is-visual-refresh_faqt8_qbegi_205"
|
|
10
10
|
};
|
|
11
11
|
|
|
@@ -134,12 +134,16 @@
|
|
|
134
134
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
135
135
|
SPDX-License-Identifier: Apache-2.0
|
|
136
136
|
*/
|
|
137
|
+
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
138
|
+
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
139
|
+
/*
|
|
140
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
141
|
+
SPDX-License-Identifier: Apache-2.0
|
|
142
|
+
*/
|
|
137
143
|
/*
|
|
138
144
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
139
145
|
SPDX-License-Identifier: Apache-2.0
|
|
140
146
|
*/
|
|
141
|
-
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
142
|
-
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
143
147
|
/*
|
|
144
148
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
145
149
|
SPDX-License-Identifier: Apache-2.0
|
|
@@ -174,7 +178,7 @@
|
|
|
174
178
|
*/
|
|
175
179
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
176
180
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
177
|
-
.awsui_sticky-
|
|
181
|
+
.awsui_sticky-scrollbar_faqt8_qbegi_181:not(#\9) {
|
|
178
182
|
block-size: 15px;
|
|
179
183
|
position: sticky;
|
|
180
184
|
display: none;
|
|
@@ -183,27 +187,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
183
187
|
inset-block-end: 0;
|
|
184
188
|
inline-size: 100%;
|
|
185
189
|
}
|
|
186
|
-
.awsui_sticky-
|
|
190
|
+
.awsui_sticky-scrollbar_faqt8_qbegi_181[data-stuck=false]:not(#\9) {
|
|
187
191
|
clip-path: inset(-9999px 0 0 0 round var(--border-radius-container-wqv1zi, 16px));
|
|
188
192
|
}
|
|
189
|
-
.awsui_sticky-scrollbar-
|
|
193
|
+
.awsui_sticky-scrollbar-content_faqt8_qbegi_193:not(#\9) {
|
|
190
194
|
block-size: 15px;
|
|
191
195
|
}
|
|
192
|
-
.awsui_sticky-scrollbar-
|
|
196
|
+
.awsui_sticky-scrollbar-visible_faqt8_qbegi_196:not(#\9) {
|
|
193
197
|
display: block;
|
|
194
198
|
}
|
|
195
|
-
.awsui_sticky-scrollbar-native-
|
|
199
|
+
.awsui_sticky-scrollbar-native-invisible_faqt8_qbegi_199:not(#\9) {
|
|
196
200
|
margin-block-start: -15px;
|
|
197
201
|
}
|
|
198
|
-
.awsui_sticky-scrollbar-
|
|
202
|
+
.awsui_sticky-scrollbar-offset_faqt8_qbegi_202:not(#\9) {
|
|
199
203
|
z-index: 799;
|
|
200
204
|
}
|
|
201
|
-
.awsui_sticky-scrollbar-
|
|
205
|
+
.awsui_sticky-scrollbar-offset_faqt8_qbegi_202:not(#\9):not(.awsui_is-visual-refresh_faqt8_qbegi_205) {
|
|
202
206
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
203
207
|
block-size: 15px;
|
|
204
208
|
margin-block-start: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
|
|
205
209
|
border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
206
210
|
}
|
|
207
|
-
.awsui_sticky-scrollbar-
|
|
211
|
+
.awsui_sticky-scrollbar-offset_faqt8_qbegi_202.awsui_is-visual-refresh_faqt8_qbegi_205:not(#\9) {
|
|
208
212
|
margin-block-start: -5px;
|
|
209
213
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"sticky-scrollbar": "awsui_sticky-
|
|
6
|
-
"sticky-scrollbar-content": "awsui_sticky-scrollbar-
|
|
7
|
-
"sticky-scrollbar-visible": "awsui_sticky-scrollbar-
|
|
8
|
-
"sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-
|
|
9
|
-
"sticky-scrollbar-offset": "awsui_sticky-scrollbar-
|
|
10
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
5
|
+
"sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_qbegi_181",
|
|
6
|
+
"sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_qbegi_193",
|
|
7
|
+
"sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_qbegi_196",
|
|
8
|
+
"sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_qbegi_199",
|
|
9
|
+
"sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_qbegi_202",
|
|
10
|
+
"is-visual-refresh": "awsui_is-visual-refresh_faqt8_qbegi_205"
|
|
11
11
|
};
|
|
12
12
|
|
package/table/styles.css.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"tools": "
|
|
6
|
-
"tools-filtering": "awsui_tools-
|
|
7
|
-
"tools-align-right": "awsui_tools-align-
|
|
8
|
-
"tools-pagination": "awsui_tools-
|
|
9
|
-
"tools-preferences": "awsui_tools-
|
|
10
|
-
"tools-small": "awsui_tools-
|
|
11
|
-
"table": "
|
|
12
|
-
"table-layout-fixed": "awsui_table-layout-
|
|
13
|
-
"wrapper": "
|
|
14
|
-
"variant-stacked": "awsui_variant-
|
|
15
|
-
"wrapper-content-measure": "awsui_wrapper-content-
|
|
16
|
-
"variant-container": "awsui_variant-
|
|
17
|
-
"has-footer": "awsui_has-
|
|
18
|
-
"has-header": "awsui_has-
|
|
19
|
-
"cell-merged": "awsui_cell-
|
|
20
|
-
"cell-merged-content": "awsui_cell-merged-
|
|
21
|
-
"empty": "
|
|
22
|
-
"loading": "
|
|
23
|
-
"selection-control": "awsui_selection-
|
|
24
|
-
"selection-control-header": "awsui_selection-control-
|
|
25
|
-
"header-secondary": "awsui_header-
|
|
26
|
-
"variant-full-page": "awsui_variant-full-
|
|
27
|
-
"table-has-header": "awsui_table-has-
|
|
28
|
-
"header-controls": "awsui_header-
|
|
29
|
-
"variant-embedded": "awsui_variant-
|
|
30
|
-
"variant-borderless": "awsui_variant-
|
|
31
|
-
"footer-wrapper": "awsui_footer-
|
|
32
|
-
"footer": "
|
|
33
|
-
"footer-with-pagination": "awsui_footer-with-
|
|
34
|
-
"footer-pagination": "awsui_footer-
|
|
35
|
-
"thead-active": "awsui_thead-
|
|
36
|
-
"row": "
|
|
37
|
-
"row-selected": "awsui_row-
|
|
4
|
+
"root": "awsui_root_wih1l_1cend_153",
|
|
5
|
+
"tools": "awsui_tools_wih1l_1cend_164",
|
|
6
|
+
"tools-filtering": "awsui_tools-filtering_wih1l_1cend_172",
|
|
7
|
+
"tools-align-right": "awsui_tools-align-right_wih1l_1cend_186",
|
|
8
|
+
"tools-pagination": "awsui_tools-pagination_wih1l_1cend_190",
|
|
9
|
+
"tools-preferences": "awsui_tools-preferences_wih1l_1cend_190",
|
|
10
|
+
"tools-small": "awsui_tools-small_wih1l_1cend_196",
|
|
11
|
+
"table": "awsui_table_wih1l_1cend_202",
|
|
12
|
+
"table-layout-fixed": "awsui_table-layout-fixed_wih1l_1cend_208",
|
|
13
|
+
"wrapper": "awsui_wrapper_wih1l_1cend_212",
|
|
14
|
+
"variant-stacked": "awsui_variant-stacked_wih1l_1cend_219",
|
|
15
|
+
"wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1cend_219",
|
|
16
|
+
"variant-container": "awsui_variant-container_wih1l_1cend_219",
|
|
17
|
+
"has-footer": "awsui_has-footer_wih1l_1cend_222",
|
|
18
|
+
"has-header": "awsui_has-header_wih1l_1cend_225",
|
|
19
|
+
"cell-merged": "awsui_cell-merged_wih1l_1cend_242",
|
|
20
|
+
"cell-merged-content": "awsui_cell-merged-content_wih1l_1cend_254",
|
|
21
|
+
"empty": "awsui_empty_wih1l_1cend_270",
|
|
22
|
+
"loading": "awsui_loading_wih1l_1cend_274",
|
|
23
|
+
"selection-control": "awsui_selection-control_wih1l_1cend_283",
|
|
24
|
+
"selection-control-header": "awsui_selection-control-header_wih1l_1cend_290",
|
|
25
|
+
"header-secondary": "awsui_header-secondary_wih1l_1cend_296",
|
|
26
|
+
"variant-full-page": "awsui_variant-full-page_wih1l_1cend_308",
|
|
27
|
+
"table-has-header": "awsui_table-has-header_wih1l_1cend_314",
|
|
28
|
+
"header-controls": "awsui_header-controls_wih1l_1cend_325",
|
|
29
|
+
"variant-embedded": "awsui_variant-embedded_wih1l_1cend_334",
|
|
30
|
+
"variant-borderless": "awsui_variant-borderless_wih1l_1cend_334",
|
|
31
|
+
"footer-wrapper": "awsui_footer-wrapper_wih1l_1cend_339",
|
|
32
|
+
"footer": "awsui_footer_wih1l_1cend_339",
|
|
33
|
+
"footer-with-pagination": "awsui_footer-with-pagination_wih1l_1cend_347",
|
|
34
|
+
"footer-pagination": "awsui_footer-pagination_wih1l_1cend_355",
|
|
35
|
+
"thead-active": "awsui_thead-active_wih1l_1cend_359",
|
|
36
|
+
"row": "awsui_row_wih1l_1cend_360",
|
|
37
|
+
"row-selected": "awsui_row-selected_wih1l_1cend_361"
|
|
38
38
|
};
|
|
39
39
|
|