td-stylekit 24.8.0 → 25.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc.js +8 -23
- package/CHANGELOG.md +35 -0
- package/dist/es/ActionBar/ActionBar.js +42 -18
- package/dist/es/ActionBar/components/ActionMenu.js +41 -17
- package/dist/es/ActionBar/components/Container.d.ts +4 -126
- package/dist/es/ActionBar/components/Container.js +20 -5
- package/dist/es/ActionBar/components/IconButton.d.ts +7 -133
- package/dist/es/ActionBar/components/IconButton.js +22 -6
- package/dist/es/ActionBar/components/Prefix.js +24 -8
- package/dist/es/ActionBar/components/index.js +58 -5
- package/dist/es/ActionBar/index.js +17 -2
- package/dist/es/ActionBar/types.js +5 -0
- package/dist/es/Badge/Badge.d.ts +4 -126
- package/dist/es/Badge/Badge.js +42 -26
- package/dist/es/Badge/constants.js +9 -2
- package/dist/es/Badge/index.js +25 -3
- package/dist/es/BarChart/BarChart.d.ts +6 -7
- package/dist/es/BarChart/BarChart.js +67 -39
- package/dist/es/BarChart/index.js +17 -2
- package/dist/es/Box/Box.d.ts +4 -126
- package/dist/es/Box/Box.js +37 -12
- package/dist/es/Box/index.js +17 -2
- package/dist/es/Button/Button.js +130 -79
- package/dist/es/Button/elements.d.ts +4 -126
- package/dist/es/Button/elements.js +17 -3
- package/dist/es/Button/index.js +35 -3
- package/dist/es/Canvas/Canvas.js +31 -12
- package/dist/es/Canvas/elements.d.ts +55 -2537
- package/dist/es/Canvas/elements.js +84 -33
- package/dist/es/Canvas/index.js +17 -2
- package/dist/es/Card/Card.d.ts +4 -126
- package/dist/es/Card/Card.js +20 -7
- package/dist/es/Card/index.js +17 -2
- package/dist/es/ChartPrimitives/ChartLegend.d.ts +22 -635
- package/dist/es/ChartPrimitives/ChartLegend.js +62 -25
- package/dist/es/ChartPrimitives/Container.d.ts +4 -126
- package/dist/es/ChartPrimitives/Container.js +17 -5
- package/dist/es/ChartPrimitives/Defs.js +73 -41
- package/dist/es/ChartPrimitives/Noop.js +8 -1
- package/dist/es/ChartPrimitives/Tooltip.d.ts +2 -3
- package/dist/es/ChartPrimitives/Tooltip.js +96 -32
- package/dist/es/ChartPrimitives/index.d.ts +6 -126
- package/dist/es/ChartPrimitives/index.js +67 -14
- package/dist/es/ChartPrimitives/utils.d.ts +26 -277
- package/dist/es/ChartPrimitives/utils.js +112 -69
- package/dist/es/Checkbox/Checkbox.js +104 -48
- package/dist/es/Checkbox/index.js +17 -2
- package/dist/es/CheckboxField/CheckboxField.js +57 -26
- package/dist/es/CheckboxField/index.js +17 -2
- package/dist/es/CollapsibleToggle/CollapsibleToggle.js +53 -28
- package/dist/es/CollapsibleToggle/constants.js +8 -1
- package/dist/es/CollapsibleToggle/index.js +17 -2
- package/dist/es/Column/Column.js +30 -10
- package/dist/es/Column/index.js +17 -2
- package/dist/es/ComparisonChart/ComparisonChart.d.ts +41 -1
- package/dist/es/ComparisonChart/ComparisonChart.js +74 -44
- package/dist/es/ComparisonChart/constants.js +9 -2
- package/dist/es/ComparisonChart/index.js +17 -2
- package/dist/es/ComponentGroup/ComponentGroup.js +28 -7
- package/dist/es/ComponentGroup/index.js +17 -2
- package/dist/es/DataGrid/DataGrid.js +127 -67
- package/dist/es/DataGrid/components/BasicColumn.js +43 -21
- package/dist/es/DataGrid/components/CategoryFilter.js +42 -16
- package/dist/es/DataGrid/components/CollapsibleCell.d.ts +5 -128
- package/dist/es/DataGrid/components/CollapsibleCell.js +81 -33
- package/dist/es/DataGrid/components/ColumnHeader.js +73 -39
- package/dist/es/DataGrid/components/ColumnHeaderActions.js +71 -37
- package/dist/es/DataGrid/components/FocusableRow.js +53 -20
- package/dist/es/DataGrid/components/InputCell.js +63 -31
- package/dist/es/DataGrid/components/ScrollableTable.d.ts +7 -7
- package/dist/es/DataGrid/components/ScrollableTable.js +95 -56
- package/dist/es/DataGrid/components/index.js +73 -9
- package/dist/es/DataGrid/constants.js +15 -4
- package/dist/es/DataGrid/elements.d.ts +352 -2543
- package/dist/es/DataGrid/elements.js +214 -92
- package/dist/es/DataGrid/index.js +17 -2
- package/dist/es/DataGrid/renderers.js +138 -96
- package/dist/es/DataGrid/sampleData.js +24 -9
- package/dist/es/DataGrid/utils.js +43 -24
- package/dist/es/DateControl/DateControl.js +113 -60
- package/dist/es/DateControl/elements.d.ts +180 -887
- package/dist/es/DateControl/elements.js +58 -22
- package/dist/es/DateControl/index.js +17 -2
- package/dist/es/DateField/DateField.js +105 -53
- package/dist/es/DateField/elements.d.ts +9 -251
- package/dist/es/DateField/elements.js +34 -12
- package/dist/es/DateField/index.js +17 -2
- package/dist/es/DatePicker/DatePicker.js +97 -56
- package/dist/es/DatePicker/index.js +28 -4
- package/dist/es/DatePicker/utils.js +47 -19
- package/dist/es/DetailPanel/DetailPanel.js +31 -17
- package/dist/es/DetailPanel/elements.d.ts +20 -505
- package/dist/es/DetailPanel/elements.js +92 -50
- package/dist/es/DetailPanel/index.js +17 -2
- package/dist/es/DistributionChart/DistributionChart.js +36 -14
- package/dist/es/DistributionChart/index.js +21 -3
- package/dist/es/DistributionChart/utils.js +10 -2
- package/dist/es/Drawer/Drawer.js +37 -17
- package/dist/es/Drawer/elements.d.ts +30 -1015
- package/dist/es/Drawer/elements.js +120 -67
- package/dist/es/Drawer/index.js +17 -2
- package/dist/es/DropdownButton/DropdownButton.d.ts +1 -125
- package/dist/es/DropdownButton/DropdownButton.js +90 -44
- package/dist/es/DropdownButton/DropdownButtonElements.d.ts +22 -776
- package/dist/es/DropdownButton/DropdownButtonElements.js +129 -59
- package/dist/es/DropdownButton/DropdownButtonUtils.js +19 -4
- package/dist/es/DropdownButton/index.js +17 -2
- package/dist/es/FileInput/FileInput.js +66 -26
- package/dist/es/FileInput/index.js +17 -2
- package/dist/es/FormControl/FormControl.d.ts +4 -17
- package/dist/es/FormControl/FormControl.js +105 -63
- package/dist/es/FormControl/components/CheckboxGroup.js +43 -17
- package/dist/es/FormControl/components/RadioGroup.js +31 -16
- package/dist/es/FormControl/components/Textarea.js +24 -7
- package/dist/es/FormControl/components/index.js +31 -4
- package/dist/es/FormControl/elements.d.ts +57 -1770
- package/dist/es/FormControl/elements.js +107 -46
- package/dist/es/FormControl/index.js +17 -2
- package/dist/es/FormField/FormField.d.ts +1 -11
- package/dist/es/FormField/FormField.js +112 -67
- package/dist/es/FormField/elements.d.ts +13 -377
- package/dist/es/FormField/elements.js +54 -20
- package/dist/es/FormField/index.js +31 -3
- package/dist/es/FormField/utils.js +29 -5
- package/dist/es/FormFieldAddon/FormFieldAddon.js +65 -28
- package/dist/es/FormFieldAddon/FormFieldAddonElements.d.ts +15 -1266
- package/dist/es/FormFieldAddon/FormFieldAddonElements.js +47 -16
- package/dist/es/FormFieldAddon/index.js +17 -2
- package/dist/es/FormLabel/FormLabel.js +18 -5
- package/dist/es/FormLabel/elements.d.ts +5 -127
- package/dist/es/FormLabel/elements.js +19 -4
- package/dist/es/FormLabel/index.js +17 -2
- package/dist/es/FormModal/FormModal.js +47 -22
- package/dist/es/FormModal/index.js +17 -2
- package/dist/es/Grid/Grid.d.ts +4 -126
- package/dist/es/Grid/Grid.js +17 -4
- package/dist/es/Grid/GridItem.d.ts +4 -126
- package/dist/es/Grid/GridItem.js +17 -5
- package/dist/es/Grid/index.js +25 -4
- package/dist/es/GrowthRateChart/GrowthRateChart.d.ts +2 -2
- package/dist/es/GrowthRateChart/GrowthRateChart.js +40 -18
- package/dist/es/GrowthRateChart/index.js +17 -2
- package/dist/es/Heading/Heading.js +37 -11
- package/dist/es/Heading/index.js +17 -2
- package/dist/es/Highlighter/Highlighter.js +25 -11
- package/dist/es/Highlighter/index.js +17 -2
- package/dist/es/Histogram/Data.js +9 -2
- package/dist/es/Histogram/Histogram.js +85 -46
- package/dist/es/Histogram/index.js +17 -2
- package/dist/es/Icon/Icon.js +68 -30
- package/dist/es/Icon/index.js +33 -2
- package/dist/es/Icon/staticTypes.d.ts +4 -2
- package/dist/es/Icon/staticTypes.js +5 -0
- package/dist/es/Icon/types.js +7 -0
- package/dist/es/IconBar/IconBar.d.ts +33 -1272
- package/dist/es/IconBar/IconBar.js +74 -45
- package/dist/es/IconBar/IconItem.d.ts +16 -507
- package/dist/es/IconBar/IconItem.js +64 -31
- package/dist/es/IconBar/LogoItem.js +27 -14
- package/dist/es/IconBar/index.js +17 -2
- package/dist/es/IconBar/variants.js +24 -7
- package/dist/es/InfiniteList/InfiniteList.js +65 -24
- package/dist/es/InfiniteList/index.js +17 -2
- package/dist/es/Input/Input.d.ts +15 -391
- package/dist/es/Input/Input.js +139 -72
- package/dist/es/Input/index.js +17 -2
- package/dist/es/LeftTruncatedText/LeftTruncatedText.js +43 -22
- package/dist/es/LeftTruncatedText/index.js +17 -2
- package/dist/es/Link/Link.d.ts +8 -126
- package/dist/es/Link/Link.js +31 -7
- package/dist/es/Link/index.js +17 -2
- package/dist/es/Loader/Loader.js +21 -7
- package/dist/es/Loader/LoaderDiamond.js +96 -73
- package/dist/es/Loader/LoaderDots.js +41 -21
- package/dist/es/Loader/index.js +17 -2
- package/dist/es/Logo/Logo.d.ts +9 -2
- package/dist/es/Logo/Logo.js +79 -248
- package/dist/es/Logo/LogoDark.d.ts +11 -0
- package/dist/es/Logo/LogoDark.js +126 -0
- package/dist/es/Logo/LogoLight.d.ts +11 -0
- package/dist/es/Logo/LogoLight.js +123 -0
- package/dist/es/Logo/LogoV4.d.ts +11 -0
- package/dist/es/Logo/LogoV4.js +168 -0
- package/dist/es/Logo/index.js +17 -2
- package/dist/es/Menu/Menu.js +104 -74
- package/dist/es/Menu/MenuElements.d.ts +1 -126
- package/dist/es/Menu/MenuElements.js +87 -32
- package/dist/es/Menu/index.js +17 -2
- package/dist/es/MiddleTruncatedText/MiddleTruncatedText.js +34 -25
- package/dist/es/MiddleTruncatedText/index.js +17 -2
- package/dist/es/Modal/Modal.d.ts +9 -254
- package/dist/es/Modal/Modal.js +78 -35
- package/dist/es/Modal/components/Body.js +27 -8
- package/dist/es/Modal/components/Footer.d.ts +3 -125
- package/dist/es/Modal/components/Footer.js +34 -16
- package/dist/es/Modal/components/FooterConfirmation.js +30 -10
- package/dist/es/Modal/components/Header.js +37 -19
- package/dist/es/Modal/components/MenuBody.d.ts +16 -638
- package/dist/es/Modal/components/MenuBody.js +146 -75
- package/dist/es/Modal/components/ModalMessage.d.ts +37 -1026
- package/dist/es/Modal/components/ModalMessage.js +125 -45
- package/dist/es/Modal/components/ModalOverlay.js +26 -11
- package/dist/es/Modal/components/elements.d.ts +50 -1765
- package/dist/es/Modal/components/elements.js +142 -60
- package/dist/es/Modal/components/index.js +79 -9
- package/dist/es/Modal/constants.js +17 -5
- package/dist/es/Modal/context.js +12 -3
- package/dist/es/Modal/index.js +13 -2
- package/dist/es/MultiSelect/MultiSelect.d.ts +5 -2
- package/dist/es/MultiSelect/MultiSelect.js +86 -38
- package/dist/es/MultiSelect/elements.d.ts +25 -1762
- package/dist/es/MultiSelect/elements.js +136 -58
- package/dist/es/MultiSelect/index.js +35 -3
- package/dist/es/NavigationBar/LogoItem.js +21 -10
- package/dist/es/NavigationBar/NavigationBar.d.ts +16 -379
- package/dist/es/NavigationBar/NavigationBar.js +49 -24
- package/dist/es/NavigationBar/NavigationItem.d.ts +8 -254
- package/dist/es/NavigationBar/NavigationItem.js +81 -32
- package/dist/es/NavigationBar/index.js +17 -2
- package/dist/es/NavigationPopover/NavigationPopover.d.ts +16 -632
- package/dist/es/NavigationPopover/NavigationPopover.js +50 -28
- package/dist/es/NavigationPopover/index.js +17 -2
- package/dist/es/Overlay/Overlay.js +30 -13
- package/dist/es/Overlay/OverlayBody.d.ts +8 -382
- package/dist/es/Overlay/OverlayBody.js +28 -9
- package/dist/es/Overlay/OverlayHeader.d.ts +37 -508
- package/dist/es/Overlay/OverlayHeader.js +94 -52
- package/dist/es/Overlay/index.js +33 -4
- package/dist/es/Paragraph/Paragraph.d.ts +4 -126
- package/dist/es/Paragraph/Paragraph.js +22 -8
- package/dist/es/Paragraph/index.js +17 -2
- package/dist/es/PieChart/PieChart.js +77 -43
- package/dist/es/PieChart/index.js +15 -2
- package/dist/es/Popover/Popover.d.ts +9 -252
- package/dist/es/Popover/Popover.js +57 -22
- package/dist/es/Popover/index.js +17 -2
- package/dist/es/PositiveNegativeBarChart/PositiveNegativeBarChart.js +65 -41
- package/dist/es/PositiveNegativeBarChart/index.js +23 -3
- package/dist/es/PositiveNegativeBarChart/utils.js +10 -2
- package/dist/es/Radio/Radio.js +85 -40
- package/dist/es/Radio/index.js +17 -2
- package/dist/es/RatioPieChart/RatioPieChart.js +20 -6
- package/dist/es/RatioPieChart/index.js +15 -2
- package/dist/es/RightTruncatedText/RightTruncatedText.js +30 -12
- package/dist/es/RightTruncatedText/index.js +17 -2
- package/dist/es/Row/Row.js +23 -8
- package/dist/es/Row/index.js +17 -2
- package/dist/es/SecondaryNavigation/SecondaryNavigation.js +48 -22
- package/dist/es/SecondaryNavigation/elements/Item.d.ts +4 -126
- package/dist/es/SecondaryNavigation/elements/Item.js +17 -5
- package/dist/es/SecondaryNavigation/elements/Section.js +53 -22
- package/dist/es/SecondaryNavigation/elements/Title.d.ts +4 -126
- package/dist/es/SecondaryNavigation/elements/Title.js +17 -5
- package/dist/es/SecondaryNavigation/elements/Wrapper.d.ts +5 -127
- package/dist/es/SecondaryNavigation/elements/Wrapper.js +17 -5
- package/dist/es/SecondaryNavigation/index.d.ts +9 -251
- package/dist/es/SecondaryNavigation/index.js +24 -10
- package/dist/es/Section/Section.js +67 -27
- package/dist/es/Section/elements.d.ts +193 -1046
- package/dist/es/Section/elements.js +73 -30
- package/dist/es/Section/index.js +17 -2
- package/dist/es/Select/Select.d.ts +1 -1
- package/dist/es/Select/Select.js +110 -57
- package/dist/es/Select/components/CreatableSelect.js +41 -11
- package/dist/es/Select/components/MenuList.js +65 -26
- package/dist/es/Select/components/MenuPortal.js +27 -18
- package/dist/es/Select/components/Option.d.ts +2 -2
- package/dist/es/Select/components/Option.js +59 -18
- package/dist/es/Select/components/OptionTypes.js +5 -0
- package/dist/es/Select/components/index.js +41 -5
- package/dist/es/Select/elements.d.ts +10 -503
- package/dist/es/Select/elements.js +45 -16
- package/dist/es/Select/index.js +42 -4
- package/dist/es/Select/types.js +5 -0
- package/dist/es/Select/utils.js +82 -52
- package/dist/es/Select/variantProps.js +78 -37
- package/dist/es/Shuttle/Shuttle.js +70 -33
- package/dist/es/Shuttle/elements.d.ts +21 -751
- package/dist/es/Shuttle/elements.js +78 -36
- package/dist/es/Shuttle/index.js +17 -2
- package/dist/es/SimpleModal/SimpleModal.js +30 -11
- package/dist/es/SimpleModal/index.js +17 -2
- package/dist/es/Slider/Slider.js +60 -29
- package/dist/es/Slider/elements.d.ts +39 -388
- package/dist/es/Slider/elements.js +34 -10
- package/dist/es/Slider/index.js +17 -2
- package/dist/es/StatCard/StatCard.js +46 -26
- package/dist/es/StatCard/elements.d.ts +47 -1513
- package/dist/es/StatCard/elements.js +74 -24
- package/dist/es/StatCard/index.js +17 -2
- package/dist/es/Tabs/Tabs.js +36 -15
- package/dist/es/Tabs/elements.d.ts +34 -508
- package/dist/es/Tabs/elements.js +52 -17
- package/dist/es/Tabs/index.js +17 -2
- package/dist/es/Tagger/Tagger.d.ts +8 -126
- package/dist/es/Tagger/Tagger.js +77 -34
- package/dist/es/Tagger/TaggerElements.d.ts +22 -757
- package/dist/es/Tagger/TaggerElements.js +74 -33
- package/dist/es/Tagger/components/PopupSelector.js +124 -75
- package/dist/es/Tagger/components/PopupSelectorElements.d.ts +66 -2081
- package/dist/es/Tagger/components/PopupSelectorElements.js +108 -43
- package/dist/es/Tagger/components/constants.js +10 -2
- package/dist/es/Tagger/index.js +17 -2
- package/dist/es/Tagger/variantProps.js +116 -82
- package/dist/es/Text/Text.d.ts +4 -126
- package/dist/es/Text/Text.js +38 -10
- package/dist/es/Text/index.js +17 -2
- package/dist/es/ThemeProvider/ThemeProvider.d.ts +3403 -220
- package/dist/es/ThemeProvider/ThemeProvider.js +47 -24
- package/dist/es/ThemeProvider/accessibility.js +21 -11
- package/dist/es/ThemeProvider/icons.js +13 -4
- package/dist/es/ThemeProvider/index.js +80 -7
- package/dist/es/ThemeProvider/overridable.js +8 -1
- package/dist/es/ThemeProvider/theme.js +18 -6
- package/dist/es/ThemeProvider/types.d.ts +8 -29
- package/dist/es/ThemeProvider/types.js +5 -0
- package/dist/es/ThemeProvider/utils/themeUtils.js +8 -1
- package/dist/es/ThemeProvider/v4/Badge.js +18 -5
- package/dist/es/ThemeProvider/v4/Button.js +24 -9
- package/dist/es/ThemeProvider/v4/Card.js +19 -5
- package/dist/es/ThemeProvider/v4/Checkbox.js +18 -5
- package/dist/es/ThemeProvider/v4/CollapsibleToggle.js +18 -5
- package/dist/es/ThemeProvider/v4/Color.d.ts +1 -1
- package/dist/es/ThemeProvider/v4/Color.js +16 -4
- package/dist/es/ThemeProvider/v4/DataGrid.d.ts +2 -8
- package/dist/es/ThemeProvider/v4/DataGrid.js +18 -5
- package/dist/es/ThemeProvider/v4/DatePicker.js +29 -16
- package/dist/es/ThemeProvider/v4/DropdownButton.js +21 -7
- package/dist/es/ThemeProvider/v4/FormFieldAddon.js +18 -5
- package/dist/es/ThemeProvider/v4/FormLabel.d.ts +1 -5
- package/dist/es/ThemeProvider/v4/FormLabel.js +19 -5
- package/dist/es/ThemeProvider/v4/Icon.js +19 -5
- package/dist/es/ThemeProvider/v4/Input.d.ts +1 -1
- package/dist/es/ThemeProvider/v4/Input.js +17 -6
- package/dist/es/ThemeProvider/v4/Link.js +19 -5
- package/dist/es/ThemeProvider/v4/Menu.d.ts +1 -5
- package/dist/es/ThemeProvider/v4/Menu.js +21 -7
- package/dist/es/ThemeProvider/v4/Modal.d.ts +14 -42
- package/dist/es/ThemeProvider/v4/Modal.js +21 -7
- package/dist/es/ThemeProvider/v4/MultiSelect.d.ts +2 -24
- package/dist/es/ThemeProvider/v4/MultiSelect.js +18 -5
- package/dist/es/ThemeProvider/v4/Popover.js +15 -4
- package/dist/es/ThemeProvider/v4/Radio.d.ts +2 -30
- package/dist/es/ThemeProvider/v4/Radio.js +18 -5
- package/dist/es/ThemeProvider/v4/Section.d.ts +3 -39
- package/dist/es/ThemeProvider/v4/Section.js +18 -5
- package/dist/es/ThemeProvider/v4/Select.d.ts +1 -4
- package/dist/es/ThemeProvider/v4/Select.js +18 -5
- package/dist/es/ThemeProvider/v4/Shuttle.js +18 -5
- package/dist/es/ThemeProvider/v4/Tagger.d.ts +1 -12
- package/dist/es/ThemeProvider/v4/Tagger.js +18 -5
- package/dist/es/ThemeProvider/v4/Toast.js +18 -5
- package/dist/es/ThemeProvider/v4/Toggle.d.ts +4 -38
- package/dist/es/ThemeProvider/v4/Toggle.js +18 -5
- package/dist/es/ThemeProvider/v4/UserAvatar.js +18 -5
- package/dist/es/ThemeProvider/v4/View.js +19 -5
- package/dist/es/ThemeProvider/v4/index.d.ts +3403 -220
- package/dist/es/ThemeProvider/v4/index.js +69 -33
- package/dist/es/TimeControl/TimeControl.js +63 -26
- package/dist/es/TimeControl/elements.d.ts +186 -378
- package/dist/es/TimeControl/elements.js +41 -14
- package/dist/es/TimeControl/index.js +17 -2
- package/dist/es/TimeControl/utils.js +41 -18
- package/dist/es/TimeField/TimeField.d.ts +5 -1
- package/dist/es/TimeField/TimeField.js +40 -14
- package/dist/es/TimeField/index.js +17 -2
- package/dist/es/TimePicker/TimePicker.js +60 -30
- package/dist/es/TimePicker/components/Container.d.ts +5 -127
- package/dist/es/TimePicker/components/Container.js +20 -5
- package/dist/es/TimePicker/components/PeriodSelector.js +68 -38
- package/dist/es/TimePicker/components/Separator.d.ts +4 -126
- package/dist/es/TimePicker/components/Separator.js +17 -3
- package/dist/es/TimePicker/components/Spinner.d.ts +4 -126
- package/dist/es/TimePicker/components/Spinner.js +60 -26
- package/dist/es/TimePicker/components/index.js +58 -5
- package/dist/es/TimePicker/index.js +17 -2
- package/dist/es/TimePicker/utils.js +38 -14
- package/dist/es/Toast/Toast.js +71 -36
- package/dist/es/Toast/constants.js +9 -2
- package/dist/es/Toast/elements.d.ts +39 -1512
- package/dist/es/Toast/elements.js +118 -53
- package/dist/es/Toast/index.js +21 -3
- package/dist/es/Toggle/Toggle.d.ts +10 -252
- package/dist/es/Toggle/Toggle.js +87 -32
- package/dist/es/Toggle/index.js +17 -2
- package/dist/es/TooltipPopover/TooltipPopover.js +59 -22
- package/dist/es/TooltipPopover/index.js +17 -2
- package/dist/es/TooltipPopover/useWaitForDOMRef.js +25 -9
- package/dist/es/Tree/NodeContent.js +43 -23
- package/dist/es/Tree/NodeContextMenu.js +29 -11
- package/dist/es/Tree/Tree.js +66 -26
- package/dist/es/Tree/TreeNode.js +40 -16
- package/dist/es/Tree/elements.d.ts +40 -1268
- package/dist/es/Tree/elements.js +80 -31
- package/dist/es/Tree/index.js +38 -20
- package/dist/es/Tree/mockData.js +9 -2
- package/dist/es/UserAvatar/UserAvatar.d.ts +8 -254
- package/dist/es/UserAvatar/UserAvatar.js +62 -30
- package/dist/es/UserAvatar/index.js +17 -2
- package/dist/es/View/View.d.ts +4 -126
- package/dist/es/View/View.js +38 -10
- package/dist/es/View/index.js +17 -2
- package/dist/es/VisuallyHidden/VisuallyHidden.js +60 -19
- package/dist/es/VisuallyHidden/index.js +17 -2
- package/dist/es/VolumeChart/VolumeChart.d.ts +7 -6
- package/dist/es/VolumeChart/VolumeChart.js +55 -34
- package/dist/es/VolumeChart/index.js +17 -2
- package/dist/es/index.d.ts +3 -3
- package/dist/es/index.js +727 -86
- package/dist/es/mixins/border.js +15 -5
- package/dist/es/mixins/color.js +8 -1
- package/dist/es/mixins/index.js +33 -4
- package/dist/es/mixins/spacing.js +8 -1
- package/dist/es/utils/CloseWrapper.js +21 -7
- package/dist/es/utils/cloneElementWithCss.js +14 -6
- package/dist/es/utils/comparison.js +8 -1
- package/dist/es/utils/createChainedFunction.js +7 -1
- package/dist/es/utils/css.d.ts +2 -2
- package/dist/es/utils/css.js +33 -8
- package/dist/es/utils/enzyme.d.ts +0 -1
- package/dist/es/utils/enzyme.js +54 -31
- package/dist/es/utils/form.js +21 -2
- package/dist/es/utils/globalcss.d.ts +1 -1
- package/dist/es/utils/globalcss.js +12 -3
- package/dist/es/utils/hooks.js +33 -11
- package/dist/es/utils/isPropValid.js +14 -4
- package/dist/es/utils/resetcss.d.ts +1 -1
- package/dist/es/utils/resetcss.js +18 -7
- package/package.json +13 -12
- package/types/@emotion/styled.d.ts +0 -8
package/dist/es/Modal/Modal.js
CHANGED
|
@@ -1,25 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = exports.Modal = void 0;
|
|
7
|
+
|
|
8
|
+
var _components = require("./components");
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _constants = require("./constants");
|
|
13
|
+
|
|
14
|
+
var _context = require("./context");
|
|
15
|
+
|
|
16
|
+
var _react2 = require("@emotion/react");
|
|
17
|
+
|
|
18
|
+
var _excluded = ["aria-label", "dismissOnOverlayClick", "flex", "onHide", "show", "size", "children", "dialogIdentifier", "data-instrumentation"];
|
|
19
|
+
|
|
20
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
21
|
+
|
|
22
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
24
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
25
|
+
|
|
26
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
|
+
|
|
28
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
29
|
+
|
|
30
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
31
|
+
|
|
32
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
33
|
+
|
|
34
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
35
|
+
|
|
36
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
37
|
+
|
|
38
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
39
|
+
|
|
40
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
41
|
+
|
|
42
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
43
|
+
|
|
44
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
45
|
+
|
|
46
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
47
|
+
|
|
48
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
49
|
+
|
|
50
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
51
|
+
|
|
52
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
53
|
+
|
|
11
54
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
12
55
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
import { MODAL_SIZES } from './constants';
|
|
16
|
-
import { ModalContext } from './context';
|
|
17
|
-
export var Modal = /*#__PURE__*/function (_Component) {
|
|
56
|
+
|
|
57
|
+
var Modal = /*#__PURE__*/function (_Component) {
|
|
18
58
|
_inherits(Modal, _Component);
|
|
19
59
|
|
|
20
|
-
|
|
21
|
-
var _getPrototypeOf2;
|
|
60
|
+
var _super = _createSuper(Modal);
|
|
22
61
|
|
|
62
|
+
function Modal() {
|
|
23
63
|
var _this;
|
|
24
64
|
|
|
25
65
|
_classCallCheck(this, Modal);
|
|
@@ -28,7 +68,7 @@ export var Modal = /*#__PURE__*/function (_Component) {
|
|
|
28
68
|
args[_key] = arguments[_key];
|
|
29
69
|
}
|
|
30
70
|
|
|
31
|
-
_this =
|
|
71
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
32
72
|
|
|
33
73
|
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
34
74
|
pageInstrumentation: ''
|
|
@@ -57,22 +97,22 @@ export var Modal = /*#__PURE__*/function (_Component) {
|
|
|
57
97
|
children = _this$props.children,
|
|
58
98
|
dialogIdentifier = _this$props.dialogIdentifier,
|
|
59
99
|
dataInstrumentation = _this$props['data-instrumentation'],
|
|
60
|
-
props = _objectWithoutProperties(_this$props,
|
|
100
|
+
props = _objectWithoutProperties(_this$props, _excluded);
|
|
61
101
|
|
|
62
102
|
var instrumentation = [dataInstrumentation, this.state.pageInstrumentation].filter(Boolean).join(' ');
|
|
63
|
-
return
|
|
103
|
+
return (0, _react2.jsx)(_context.ModalContext.Provider, {
|
|
64
104
|
"data-gs": gs("src", "modal", "modal.tsx", "modalcontext-provider"),
|
|
65
105
|
value: {
|
|
66
106
|
inModal: true,
|
|
67
107
|
setPageInstrumentation: this.setPageInstrumentation
|
|
68
108
|
}
|
|
69
|
-
},
|
|
109
|
+
}, (0, _react2.jsx)(_components.ModalOverlay, _extends({
|
|
70
110
|
"data-gs": gs("src", "modal", "modal.tsx", "modalcontext-provider", "modal-overlay"),
|
|
71
111
|
dismissOnOverlayClick: dismissOnOverlayClick,
|
|
72
112
|
flex: flex,
|
|
73
113
|
onHide: onHide,
|
|
74
114
|
show: show
|
|
75
|
-
}, props),
|
|
115
|
+
}, props), (0, _react2.jsx)(_components.ModalDialog, {
|
|
76
116
|
"data-gs-c": gsC(children),
|
|
77
117
|
"data-gs": gs("src", "modal", "modal.tsx", "modalcontext-provider", "modal-overlay", "modal-dialog"),
|
|
78
118
|
"aria-label": ariaLabel,
|
|
@@ -85,34 +125,37 @@ export var Modal = /*#__PURE__*/function (_Component) {
|
|
|
85
125
|
}]);
|
|
86
126
|
|
|
87
127
|
return Modal;
|
|
88
|
-
}(Component);
|
|
128
|
+
}(_react.Component);
|
|
129
|
+
|
|
130
|
+
exports.Modal = Modal;
|
|
89
131
|
|
|
90
132
|
_defineProperty(Modal, "defaultProps", {
|
|
91
133
|
'aria-label': 'modal',
|
|
92
134
|
backdrop: true,
|
|
93
|
-
size: MODAL_SIZES.MEDIUM,
|
|
135
|
+
size: _constants.MODAL_SIZES.MEDIUM,
|
|
94
136
|
'data-instrumentation': 'modal',
|
|
95
137
|
flex: false
|
|
96
138
|
});
|
|
97
139
|
|
|
98
|
-
_defineProperty(Modal, "context", ModalContext);
|
|
140
|
+
_defineProperty(Modal, "context", _context.ModalContext);
|
|
99
141
|
|
|
100
|
-
_defineProperty(Modal, "sizes", MODAL_SIZES);
|
|
142
|
+
_defineProperty(Modal, "sizes", _constants.MODAL_SIZES);
|
|
101
143
|
|
|
102
|
-
_defineProperty(Modal, "messageType", ModalMessage.types);
|
|
144
|
+
_defineProperty(Modal, "messageType", _components.ModalMessage.types);
|
|
103
145
|
|
|
104
|
-
_defineProperty(Modal, "Footer", Footer);
|
|
146
|
+
_defineProperty(Modal, "Footer", _components.Footer);
|
|
105
147
|
|
|
106
|
-
_defineProperty(Modal, "FooterConfirmation", FooterConfirmation);
|
|
148
|
+
_defineProperty(Modal, "FooterConfirmation", _components.FooterConfirmation);
|
|
107
149
|
|
|
108
|
-
_defineProperty(Modal, "FooterContainer", FooterContainer);
|
|
150
|
+
_defineProperty(Modal, "FooterContainer", _components.FooterContainer);
|
|
109
151
|
|
|
110
|
-
_defineProperty(Modal, "Body", Body);
|
|
152
|
+
_defineProperty(Modal, "Body", _components.Body);
|
|
111
153
|
|
|
112
|
-
_defineProperty(Modal, "MenuBody", MenuBody);
|
|
154
|
+
_defineProperty(Modal, "MenuBody", _components.MenuBody);
|
|
113
155
|
|
|
114
|
-
_defineProperty(Modal, "Header", Header);
|
|
156
|
+
_defineProperty(Modal, "Header", _components.Header);
|
|
115
157
|
|
|
116
|
-
_defineProperty(Modal, "Message", ModalMessage);
|
|
158
|
+
_defineProperty(Modal, "Message", _components.ModalMessage);
|
|
117
159
|
|
|
118
|
-
|
|
160
|
+
var _default = Modal;
|
|
161
|
+
exports["default"] = _default;
|
|
@@ -1,18 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = Body;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _elements = require("./elements");
|
|
11
|
+
|
|
12
|
+
var _react2 = require("@emotion/react");
|
|
13
|
+
|
|
14
|
+
var _excluded = ["children", "height", "noPadding", "getBodyRef"];
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
|
|
18
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
|
+
|
|
20
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
21
|
+
|
|
22
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
23
|
+
|
|
4
24
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
5
25
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export default function Body(_ref) {
|
|
26
|
+
|
|
27
|
+
function Body(_ref) {
|
|
9
28
|
var children = _ref.children,
|
|
10
29
|
height = _ref.height,
|
|
11
30
|
noPadding = _ref.noPadding,
|
|
12
31
|
getBodyRef = _ref.getBodyRef,
|
|
13
|
-
props = _objectWithoutProperties(_ref,
|
|
32
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
14
33
|
|
|
15
|
-
return
|
|
34
|
+
return (0, _react2.jsx)(_elements.ModalBody, _extends({
|
|
16
35
|
"data-gs-c": gsC(children),
|
|
17
36
|
"data-gs": gs("src", "modal", "components", "body", "modal-body")
|
|
18
37
|
}, props, {
|
|
@@ -28,131 +28,9 @@ declare namespace Footer {
|
|
|
28
28
|
confirmProps: {};
|
|
29
29
|
'data-instrumentation': string;
|
|
30
30
|
primaryButton: React.ForwardRefExoticComponent<Partial<UnstyledButtonProps> & React.RefAttributes<UnstyledButton>>;
|
|
31
|
-
secondaryActionButton: import("@emotion/styled
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
success: string[];
|
|
35
|
-
warning: string[];
|
|
36
|
-
error: string[];
|
|
37
|
-
primary: string[];
|
|
38
|
-
secondary: string[];
|
|
39
|
-
neutral: string[];
|
|
40
|
-
};
|
|
41
|
-
readonly fontFamily: {
|
|
42
|
-
body: string;
|
|
43
|
-
monospace: string;
|
|
44
|
-
};
|
|
45
|
-
readonly fontSize: string[];
|
|
46
|
-
readonly lineHeight: number[];
|
|
47
|
-
readonly radius: string[];
|
|
48
|
-
readonly borderWidth: string[];
|
|
49
|
-
readonly grid: number[];
|
|
50
|
-
readonly shadows: {
|
|
51
|
-
small: string;
|
|
52
|
-
big: string;
|
|
53
|
-
pill: string;
|
|
54
|
-
bigCentered: string;
|
|
55
|
-
popover: string;
|
|
56
|
-
secondaryNavActiveItem: string;
|
|
57
|
-
};
|
|
58
|
-
readonly sizes: {
|
|
59
|
-
PageHeaderIcon: number;
|
|
60
|
-
};
|
|
61
|
-
readonly zIndex: {
|
|
62
|
-
Base: number;
|
|
63
|
-
Overlay: number;
|
|
64
|
-
FormControl: number;
|
|
65
|
-
SecondaryNav: number;
|
|
66
|
-
SecondaryNavActiveItem: number;
|
|
67
|
-
PrimaryNav: number;
|
|
68
|
-
PopOver: number;
|
|
69
|
-
PageHeaderSearch: number;
|
|
70
|
-
Modal: number;
|
|
71
|
-
Tether: number;
|
|
72
|
-
GlobalNav: number;
|
|
73
|
-
Toast: number;
|
|
74
|
-
};
|
|
75
|
-
readonly color: {
|
|
76
|
-
Dune: string;
|
|
77
|
-
CuriousBlue: string;
|
|
78
|
-
FlushMahogany: string;
|
|
79
|
-
Maroon: string;
|
|
80
|
-
PinkSwan: string;
|
|
81
|
-
Matisse: string;
|
|
82
|
-
HummingBird: string;
|
|
83
|
-
Primary: string;
|
|
84
|
-
PrimaryContrast: string;
|
|
85
|
-
PrimaryFade: string;
|
|
86
|
-
PrimaryLight: string;
|
|
87
|
-
PrimaryLightFade: string;
|
|
88
|
-
PrimaryLightHighlight: string;
|
|
89
|
-
PrimaryAccent: string;
|
|
90
|
-
DarkBackground: string;
|
|
91
|
-
DarkBar: string;
|
|
92
|
-
DarkHover: string;
|
|
93
|
-
DarkPrimary: string;
|
|
94
|
-
DarkSecondary: string;
|
|
95
|
-
LightBackground: string;
|
|
96
|
-
LightBar: string;
|
|
97
|
-
LightDisabled: string;
|
|
98
|
-
LightDivider: string;
|
|
99
|
-
LightDividerNew: string;
|
|
100
|
-
LightHint: string;
|
|
101
|
-
LightHover: string;
|
|
102
|
-
LightPrimary: string;
|
|
103
|
-
LightSecondary: string;
|
|
104
|
-
BorderGrey: string;
|
|
105
|
-
Blue: string;
|
|
106
|
-
BlueFade: string;
|
|
107
|
-
Green: string;
|
|
108
|
-
GreenFade: string;
|
|
109
|
-
GreenBackground: string;
|
|
110
|
-
Red: string;
|
|
111
|
-
RedFade: string;
|
|
112
|
-
Yellow: string;
|
|
113
|
-
YellowFade: string;
|
|
114
|
-
YellowHighlight: string;
|
|
115
|
-
Orange: string;
|
|
116
|
-
OrangeFill: string;
|
|
117
|
-
OrangeBackground: string;
|
|
118
|
-
Error: string;
|
|
119
|
-
ErrorFade: string;
|
|
120
|
-
ErrorBackground: string;
|
|
121
|
-
DraggableDraggingBackground: string;
|
|
122
|
-
Aquamarine: string;
|
|
123
|
-
Azure: string;
|
|
124
|
-
AzureNew: string;
|
|
125
|
-
AzureFade: string;
|
|
126
|
-
AzureHighlight: string;
|
|
127
|
-
Silver: string;
|
|
128
|
-
BlueNavy: string;
|
|
129
|
-
Black: string;
|
|
130
|
-
TurquoiseBlue: string;
|
|
131
|
-
SummerSky: string;
|
|
132
|
-
Mondo: string;
|
|
133
|
-
HeavyMetal: string;
|
|
134
|
-
BokaraGrey: string;
|
|
135
|
-
Cyan: string;
|
|
136
|
-
Eucalyptus: string;
|
|
137
|
-
Flamingo: string;
|
|
138
|
-
Zorba: string;
|
|
139
|
-
Flint: string;
|
|
140
|
-
Maya: string;
|
|
141
|
-
Bondi: string;
|
|
142
|
-
Emerald: string;
|
|
143
|
-
Carissma: string;
|
|
144
|
-
Solitude: string;
|
|
145
|
-
WhiteSmoke: string;
|
|
146
|
-
Violet: string;
|
|
147
|
-
FireBrick: string;
|
|
148
|
-
Purple: string;
|
|
149
|
-
Buckthorn: string;
|
|
150
|
-
};
|
|
151
|
-
readonly gradient: {
|
|
152
|
-
main: string;
|
|
153
|
-
neutral: string;
|
|
154
|
-
};
|
|
155
|
-
}>;
|
|
31
|
+
secondaryActionButton: import("@emotion/styled").StyledComponent<Partial<UnstyledButtonProps> & React.RefAttributes<UnstyledButton> & {
|
|
32
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
33
|
+
}, {}, {}>;
|
|
156
34
|
confirmDelete: boolean;
|
|
157
35
|
};
|
|
158
36
|
}
|
|
@@ -1,16 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = Footer;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _elements = require("./elements");
|
|
11
|
+
|
|
12
|
+
var _Box = _interopRequireDefault(require("../../Box"));
|
|
13
|
+
|
|
14
|
+
var _ComponentGroup = _interopRequireDefault(require("../../ComponentGroup"));
|
|
15
|
+
|
|
16
|
+
var _Button = _interopRequireDefault(require("../../Button"));
|
|
17
|
+
|
|
18
|
+
var _react2 = require("@emotion/react");
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
|
|
22
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
+
|
|
3
24
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
4
25
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { FooterContainer, SecondaryActionButton } from './elements';
|
|
7
|
-
import Box from '../../Box';
|
|
8
|
-
import ComponentGroup from '../../ComponentGroup';
|
|
9
|
-
import Button from '../../Button';
|
|
10
26
|
var MODAL_CANCEL_ID = 'MODAL_CANCEL';
|
|
11
27
|
var MODAL_CONFIRM_ID = 'MODAL_CONFIRM';
|
|
12
28
|
var MODAL_SECONDARY_ID = 'MODAL_SECONDARY';
|
|
13
|
-
|
|
29
|
+
|
|
30
|
+
function Footer(_ref) {
|
|
14
31
|
var cancelLabel = _ref.cancelLabel,
|
|
15
32
|
cancelProps = _ref.cancelProps,
|
|
16
33
|
confirmDelete = _ref.confirmDelete,
|
|
@@ -29,18 +46,18 @@ export default function Footer(_ref) {
|
|
|
29
46
|
secondaryActionLabel = _ref.secondaryActionLabel;
|
|
30
47
|
var PrimaryButton = PrimaryButtonComponent;
|
|
31
48
|
var SecondaryButton = SecondaryActionButtonComponent;
|
|
32
|
-
return
|
|
49
|
+
return (0, _react2.jsx)(_elements.FooterContainer, {
|
|
33
50
|
"data-gs": gs("src", "modal", "components", "footer", "footer-container"),
|
|
34
51
|
direction: "row",
|
|
35
52
|
confirmDelete: confirmDelete
|
|
36
|
-
}, leftAction,
|
|
53
|
+
}, leftAction, (0, _react2.jsx)(_Box["default"], {
|
|
37
54
|
"data-gs": gs("src", "modal", "components", "footer", "footer-container", "box"),
|
|
38
55
|
flex: true,
|
|
39
56
|
direction: "row"
|
|
40
|
-
}),
|
|
57
|
+
}), (0, _react2.jsx)(_ComponentGroup["default"], {
|
|
41
58
|
"data-gs": gs("src", "modal", "components", "footer", "footer-container", "component-group"),
|
|
42
59
|
spaceBetween: 1
|
|
43
|
-
}, !hideCancel &&
|
|
60
|
+
}, !hideCancel && (0, _react2.jsx)(_Button["default"], _extends({
|
|
44
61
|
"data-gs-c": gsC(cancelLabel),
|
|
45
62
|
"data-gs": gs("src", "modal", "components", "footer", "footer-container", "component-group", "button"),
|
|
46
63
|
borderless: !confirmDelete,
|
|
@@ -49,11 +66,11 @@ export default function Footer(_ref) {
|
|
|
49
66
|
"data-instrumentation": "".concat(dataInstrumentation, "-cancelbutton"),
|
|
50
67
|
id: MODAL_CANCEL_ID,
|
|
51
68
|
type: "button"
|
|
52
|
-
}, cancelProps), cancelLabel), secondaryActionLabel &&
|
|
69
|
+
}, cancelProps), cancelLabel), secondaryActionLabel && (0, _react2.jsx)(SecondaryButton, _extends({
|
|
53
70
|
"data-gs-c": gsC(secondaryActionLabel),
|
|
54
71
|
"data-gs": gs("src", "modal", "components", "footer", "footer-container", "component-group", "secondary-button"),
|
|
55
72
|
id: MODAL_SECONDARY_ID
|
|
56
|
-
}, secondaryActionProps), secondaryActionLabel),
|
|
73
|
+
}, secondaryActionProps), secondaryActionLabel), (0, _react2.jsx)(PrimaryButton, _extends({
|
|
57
74
|
"data-gs-c": gsC(confirmLabel),
|
|
58
75
|
"data-gs": gs("src", "modal", "components", "footer", "footer-container", "component-group", "primary-button"),
|
|
59
76
|
primary: !confirmDelete,
|
|
@@ -64,12 +81,13 @@ export default function Footer(_ref) {
|
|
|
64
81
|
"data-instrumentation": "".concat(dataInstrumentation, "-confirmbutton")
|
|
65
82
|
}, confirmProps), confirmLabel)));
|
|
66
83
|
}
|
|
84
|
+
|
|
67
85
|
Footer.defaultProps = {
|
|
68
86
|
cancelLabel: 'Cancel',
|
|
69
87
|
confirmLabel: 'Confirm',
|
|
70
88
|
confirmProps: {},
|
|
71
89
|
'data-instrumentation': 'modalfooter',
|
|
72
|
-
primaryButton:
|
|
73
|
-
secondaryActionButton: SecondaryActionButton,
|
|
90
|
+
primaryButton: _Button["default"],
|
|
91
|
+
secondaryActionButton: _elements.SecondaryActionButton,
|
|
74
92
|
confirmDelete: false
|
|
75
93
|
};
|
|
@@ -1,19 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = FooterConfirmation;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _Footer = _interopRequireDefault(require("./Footer"));
|
|
11
|
+
|
|
12
|
+
var _elements = require("./elements");
|
|
13
|
+
|
|
14
|
+
var _react2 = require("@emotion/react");
|
|
15
|
+
|
|
16
|
+
var _excluded = ["label"];
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
20
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
|
+
|
|
22
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
23
|
+
|
|
24
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
|
+
|
|
4
26
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
5
27
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import { ConfirmationLabel } from './elements';
|
|
9
|
-
export default function FooterConfirmation(_ref) {
|
|
28
|
+
|
|
29
|
+
function FooterConfirmation(_ref) {
|
|
10
30
|
var label = _ref.label,
|
|
11
|
-
props = _objectWithoutProperties(_ref,
|
|
31
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
12
32
|
|
|
13
|
-
return
|
|
33
|
+
return (0, _react2.jsx)(_Footer["default"], _extends({
|
|
14
34
|
"data-gs": gs("src", "modal", "components", "footer-confirmation", "footer"),
|
|
15
35
|
confirmDelete: true,
|
|
16
|
-
leftAction:
|
|
36
|
+
leftAction: (0, _react2.jsx)(_elements.ConfirmationLabel, {
|
|
17
37
|
"data-gs-c": gsC(label),
|
|
18
38
|
"data-gs": gs("src", "modal", "components", "footer-confirmation", "footer", "confirmation-label")
|
|
19
39
|
}, label)
|
|
@@ -1,16 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _elements = require("./elements");
|
|
11
|
+
|
|
12
|
+
var _Icon = _interopRequireDefault(require("../../Icon"));
|
|
13
|
+
|
|
14
|
+
var _VisuallyHidden = _interopRequireDefault(require("../../VisuallyHidden"));
|
|
15
|
+
|
|
16
|
+
var _react2 = require("@emotion/react");
|
|
17
|
+
|
|
18
|
+
var _excluded = ["closeTitle", "id", "title", "subtitle", "dynamite", "destructive", "onHide", "disableCancel", "children"];
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
|
|
22
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
+
|
|
24
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
25
|
+
|
|
26
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
27
|
+
|
|
4
28
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
5
29
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
6
30
|
|
|
7
|
-
/* eslint-disable td/instrumentation */
|
|
8
|
-
// this level of fine grained instrumentation is not needed
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import { CloseIcon, HeaderContainer, ModalSubtitle, ModalTitle, TitleContainer } from './elements';
|
|
11
|
-
import Icon from '../../Icon';
|
|
12
|
-
import VisuallyHidden from '../../VisuallyHidden';
|
|
13
|
-
|
|
14
31
|
var Header = function Header(_ref) {
|
|
15
32
|
var _ref$closeTitle = _ref.closeTitle,
|
|
16
33
|
closeTitle = _ref$closeTitle === void 0 ? 'Close Modal' : _ref$closeTitle,
|
|
@@ -23,11 +40,11 @@ var Header = function Header(_ref) {
|
|
|
23
40
|
_ref$disableCancel = _ref.disableCancel,
|
|
24
41
|
disableCancel = _ref$disableCancel === void 0 ? false : _ref$disableCancel,
|
|
25
42
|
children = _ref.children,
|
|
26
|
-
props = _objectWithoutProperties(_ref,
|
|
43
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
27
44
|
|
|
28
45
|
var titleId = id ? "".concat(id, "_title") : '';
|
|
29
46
|
var subtitleId = id ? "".concat(id, "_subtitle") : '';
|
|
30
|
-
return
|
|
47
|
+
return (0, _react2.jsx)(_elements.HeaderContainer, _extends({
|
|
31
48
|
"data-gs-c": gsC("closeicon", title, subtitle),
|
|
32
49
|
"data-gs": gs("src", "modal", "components", "header-container"),
|
|
33
50
|
title: title,
|
|
@@ -37,29 +54,30 @@ var Header = function Header(_ref) {
|
|
|
37
54
|
destructive: destructive,
|
|
38
55
|
onHide: onHide,
|
|
39
56
|
disableCancel: disableCancel
|
|
40
|
-
}, props),
|
|
57
|
+
}, props), (0, _react2.jsx)(_elements.TitleContainer, {
|
|
41
58
|
"data-gs": gs("src", "modal", "components", "header-container", "title-container")
|
|
42
|
-
},
|
|
59
|
+
}, (0, _react2.jsx)(_elements.ModalTitle, {
|
|
43
60
|
"data-gs": gs("src", "modal", "components", "header-container", "title-container", "modal-title"),
|
|
44
61
|
text: title,
|
|
45
62
|
smallFont: !!subtitle,
|
|
46
63
|
id: titleId
|
|
47
|
-
}), subtitle &&
|
|
64
|
+
}), subtitle && (0, _react2.jsx)(_elements.ModalSubtitle, {
|
|
48
65
|
"data-gs": gs("src", "modal", "components", "header-container", "title-container", "modal-subtitle"),
|
|
49
66
|
text: subtitle,
|
|
50
67
|
id: subtitleId
|
|
51
|
-
})), children,
|
|
68
|
+
})), children, (0, _react2.jsx)(_elements.CloseIcon, {
|
|
52
69
|
"data-gs-c": gsC("icon-medium-close"),
|
|
53
70
|
"data-gs": gs("src", "modal", "components", "header-container", "close-icon"),
|
|
54
71
|
onClick: onHide,
|
|
55
72
|
dynamite: dynamite,
|
|
56
73
|
disabled: disableCancel
|
|
57
|
-
},
|
|
74
|
+
}, (0, _react2.jsx)(_VisuallyHidden["default"], {
|
|
58
75
|
"data-gs-c": gsC(closeTitle),
|
|
59
76
|
"data-gs": gs("src", "modal", "components", "header-container", "close-icon", "visually-hidden")
|
|
60
|
-
}, closeTitle),
|
|
77
|
+
}, closeTitle), (0, _react2.jsx)(_Icon["default"].Medium.Close, {
|
|
61
78
|
"data-gs": gs("src", "modal", "components", "header-container", "close-icon", "icon-medium-close")
|
|
62
79
|
})));
|
|
63
80
|
};
|
|
64
81
|
|
|
65
|
-
|
|
82
|
+
var _default = Header;
|
|
83
|
+
exports["default"] = _default;
|