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
|
@@ -1,33 +1,68 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _reactVirtualized = require("react-virtualized");
|
|
11
|
+
|
|
12
|
+
var _Icon = _interopRequireDefault(require("../../Icon"));
|
|
13
|
+
|
|
14
|
+
var _TooltipPopover = _interopRequireDefault(require("../../TooltipPopover"));
|
|
15
|
+
|
|
16
|
+
var _elements = require("../elements");
|
|
17
|
+
|
|
18
|
+
var _ColumnHeaderActions = _interopRequireDefault(require("./ColumnHeaderActions"));
|
|
19
|
+
|
|
20
|
+
var _utils = require("../utils");
|
|
21
|
+
|
|
22
|
+
var _react2 = require("@emotion/react");
|
|
23
|
+
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
+
|
|
26
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
27
|
+
|
|
28
|
+
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; }
|
|
29
|
+
|
|
30
|
+
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); }
|
|
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
|
+
|
|
9
54
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
10
55
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
11
56
|
|
|
12
|
-
/* eslint-disable td/instrumentation */
|
|
13
|
-
// this level of fine grained instrumentation is not needed
|
|
14
|
-
import React, { Component } from 'react';
|
|
15
|
-
import { SortDirection } from 'react-virtualized';
|
|
16
|
-
import Icon from '../../Icon';
|
|
17
|
-
import TooltipPopover from '../../TooltipPopover';
|
|
18
|
-
import { ColumnHeaderContainer, ColumnHeaderLabel, ColumnHeaderIcon, ColumnHeaderPopover, ColumnHeaderActionsContainer } from '../elements';
|
|
19
|
-
import ColumnHeaderActions from './ColumnHeaderActions';
|
|
20
|
-
import { isReallyEmpty } from '../utils';
|
|
21
|
-
|
|
22
57
|
/**
|
|
23
58
|
* Component that renders a column header. Responsible for sorting and filtering.
|
|
24
59
|
*/
|
|
25
60
|
var ColumnHeader = /*#__PURE__*/function (_Component) {
|
|
26
61
|
_inherits(ColumnHeader, _Component);
|
|
27
62
|
|
|
28
|
-
|
|
29
|
-
var _getPrototypeOf2;
|
|
63
|
+
var _super = _createSuper(ColumnHeader);
|
|
30
64
|
|
|
65
|
+
function ColumnHeader() {
|
|
31
66
|
var _this;
|
|
32
67
|
|
|
33
68
|
_classCallCheck(this, ColumnHeader);
|
|
@@ -36,7 +71,7 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
|
|
|
36
71
|
args[_key] = arguments[_key];
|
|
37
72
|
}
|
|
38
73
|
|
|
39
|
-
_this =
|
|
74
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
40
75
|
|
|
41
76
|
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
42
77
|
hovered: false,
|
|
@@ -44,7 +79,7 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
|
|
|
44
79
|
isFiltering: false
|
|
45
80
|
});
|
|
46
81
|
|
|
47
|
-
_defineProperty(_assertThisInitialized(_this), "columnHeaderRef",
|
|
82
|
+
_defineProperty(_assertThisInitialized(_this), "columnHeaderRef", /*#__PURE__*/_react["default"].createRef());
|
|
48
83
|
|
|
49
84
|
_defineProperty(_assertThisInitialized(_this), "handleOverlayToggle", function (opened) {
|
|
50
85
|
_this.setState({
|
|
@@ -89,14 +124,13 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
|
|
|
89
124
|
locale = _this$props$locale === void 0 ? 'en' : _this$props$locale,
|
|
90
125
|
_this$props$localeStr = _this$props.localeStrings,
|
|
91
126
|
localeStrings = _this$props$localeStr === void 0 ? {} : _this$props$localeStr;
|
|
92
|
-
var sortIcon = sortDirection === SortDirection.ASC ? sortAscIcon : sortDescIcon;
|
|
127
|
+
var sortIcon = sortDirection === _reactVirtualized.SortDirection.ASC ? sortAscIcon : sortDescIcon;
|
|
93
128
|
var isSorted = showSortIndicator;
|
|
94
|
-
var isFiltered = filterValue &&
|
|
129
|
+
var isFiltered = filterValue && _typeof(filterValue) === 'object' ? !(0, _utils.isReallyEmpty)(filterValue.value) : !(0, _utils.isReallyEmpty)(filterValue);
|
|
95
130
|
var hasActions = !!(filterRenderer || sortRenderer);
|
|
96
131
|
var isActive = isSorted || isFiltered;
|
|
97
132
|
var showPlaceholderFilterIcon = hasActions && !isActive && (this.state.hovered || this.state.opened);
|
|
98
|
-
|
|
99
|
-
var header = ___EmotionJSX(ColumnHeaderContainer, {
|
|
133
|
+
var header = (0, _react2.jsx)(_elements.ColumnHeaderContainer, {
|
|
100
134
|
"data-gs-c": gsC(label),
|
|
101
135
|
"data-gs": gs("src", "datagrid", "components", "column-header-container"),
|
|
102
136
|
active: isActive,
|
|
@@ -117,25 +151,24 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
|
|
|
117
151
|
return _this2.handleOverlayToggle(!_this2.state.opened);
|
|
118
152
|
},
|
|
119
153
|
ref: this.columnHeaderRef
|
|
120
|
-
},
|
|
154
|
+
}, (0, _react2.jsx)(_elements.ColumnHeaderLabel, {
|
|
121
155
|
"data-gs-c": gsC(label, label),
|
|
122
156
|
"data-gs": gs("src", "datagrid", "components", "column-header-container", "column-header-label"),
|
|
123
157
|
title: label
|
|
124
|
-
}, label), isSorted &&
|
|
158
|
+
}, label), isSorted && (0, _react2.jsx)(_elements.ColumnHeaderIcon, {
|
|
125
159
|
"data-gs-c": gsC(sortIcon),
|
|
126
160
|
"data-gs": gs("src", "datagrid", "components", "column-header-container", "column-header-icon")
|
|
127
|
-
}, sortIcon), (isFiltered || showPlaceholderFilterIcon) &&
|
|
161
|
+
}, sortIcon), (isFiltered || showPlaceholderFilterIcon) && (0, _react2.jsx)(_elements.ColumnHeaderIcon, {
|
|
128
162
|
"data-gs-c": gsC("icon-medium-toolfilledfilter"),
|
|
129
163
|
"data-gs": gs("src", "datagrid", "components", "column-header-container", "column-header-icon")
|
|
130
|
-
},
|
|
164
|
+
}, (0, _react2.jsx)(_Icon["default"].Medium.ToolFilledFilter, {
|
|
131
165
|
"data-gs": gs("src", "datagrid", "components", "column-header-container", "column-header-icon", "icon-medium-tool-filled-filter")
|
|
132
166
|
})));
|
|
133
|
-
|
|
134
|
-
var headerOverlay = ___EmotionJSX(ColumnHeaderPopover, {
|
|
167
|
+
var headerOverlay = (0, _react2.jsx)(_elements.ColumnHeaderPopover, {
|
|
135
168
|
"data-gs": gs("src", "datagrid", "components", "column-header-popover")
|
|
136
|
-
},
|
|
169
|
+
}, (0, _react2.jsx)(_elements.ColumnHeaderActionsContainer, {
|
|
137
170
|
"data-gs": gs("src", "datagrid", "components", "column-header-popover", "column-header-actions-container")
|
|
138
|
-
},
|
|
171
|
+
}, (0, _react2.jsx)(_ColumnHeaderActions["default"], {
|
|
139
172
|
"data-gs-c": gsC(dataKey),
|
|
140
173
|
"data-gs": gs("src", "datagrid", "components", "column-header-popover", "column-header-actions-container", "column-header-actions"),
|
|
141
174
|
dataKey: dataKey,
|
|
@@ -161,7 +194,7 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
|
|
|
161
194
|
return header;
|
|
162
195
|
}
|
|
163
196
|
|
|
164
|
-
return
|
|
197
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TooltipPopover["default"], {
|
|
165
198
|
"data-gs-c": gsC(headerOverlay),
|
|
166
199
|
"data-gs": gs("src", "datagrid", "components", "tooltip-popover"),
|
|
167
200
|
escClose: true,
|
|
@@ -176,15 +209,16 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
|
|
|
176
209
|
}]);
|
|
177
210
|
|
|
178
211
|
return ColumnHeader;
|
|
179
|
-
}(Component);
|
|
212
|
+
}(_react.Component);
|
|
180
213
|
|
|
181
214
|
_defineProperty(ColumnHeader, "defaultProps", {
|
|
182
|
-
sortAscIcon:
|
|
215
|
+
sortAscIcon: (0, _react2.jsx)(_Icon["default"].Medium.ToolSortAsc, {
|
|
183
216
|
"data-gs": gs("src", "datagrid", "components", "icon-medium-tool-sort-asc")
|
|
184
217
|
}),
|
|
185
|
-
sortDescIcon:
|
|
218
|
+
sortDescIcon: (0, _react2.jsx)(_Icon["default"].Medium.ToolSortDesc, {
|
|
186
219
|
"data-gs": gs("src", "datagrid", "components", "icon-medium-tool-sort-desc")
|
|
187
220
|
})
|
|
188
221
|
});
|
|
189
222
|
|
|
190
|
-
|
|
223
|
+
var _default = ColumnHeader;
|
|
224
|
+
exports["default"] = _default;
|
|
@@ -1,22 +1,55 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _elements = require("../elements");
|
|
11
|
+
|
|
12
|
+
var _Button = _interopRequireDefault(require("../../Button"));
|
|
13
|
+
|
|
14
|
+
var _reactVirtualized = require("react-virtualized");
|
|
15
|
+
|
|
16
|
+
var _constants = require("../constants");
|
|
17
|
+
|
|
18
|
+
var _react2 = require("@emotion/react");
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
|
|
22
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
23
|
+
|
|
24
|
+
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; }
|
|
25
|
+
|
|
26
|
+
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); }
|
|
27
|
+
|
|
28
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
29
|
+
|
|
30
|
+
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); } }
|
|
31
|
+
|
|
32
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
33
|
+
|
|
34
|
+
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); }
|
|
35
|
+
|
|
36
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
37
|
+
|
|
38
|
+
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); }; }
|
|
39
|
+
|
|
40
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
41
|
+
|
|
42
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
43
|
+
|
|
44
|
+
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; } }
|
|
45
|
+
|
|
46
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
47
|
+
|
|
48
|
+
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; }
|
|
49
|
+
|
|
9
50
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
10
51
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
11
52
|
|
|
12
|
-
/* eslint-disable td/instrumentation */
|
|
13
|
-
// this level of fine grained instrumentation is not needed
|
|
14
|
-
import React, { Component } from 'react';
|
|
15
|
-
import { FilterButtons, FilterSeparator, FilterHeader, RightFilterButton } from '../elements';
|
|
16
|
-
import Button from '../../Button';
|
|
17
|
-
import { SortDirection } from 'react-virtualized';
|
|
18
|
-
import { DefaultStrings } from '../constants';
|
|
19
|
-
|
|
20
53
|
/**
|
|
21
54
|
* Component that renders Clear/Apply buttons and calls single child with render
|
|
22
55
|
* props to handle form field changes.
|
|
@@ -24,9 +57,9 @@ import { DefaultStrings } from '../constants';
|
|
|
24
57
|
var ColumnHeaderActions = /*#__PURE__*/function (_Component) {
|
|
25
58
|
_inherits(ColumnHeaderActions, _Component);
|
|
26
59
|
|
|
27
|
-
|
|
28
|
-
var _getPrototypeOf2;
|
|
60
|
+
var _super = _createSuper(ColumnHeaderActions);
|
|
29
61
|
|
|
62
|
+
function ColumnHeaderActions() {
|
|
30
63
|
var _this;
|
|
31
64
|
|
|
32
65
|
_classCallCheck(this, ColumnHeaderActions);
|
|
@@ -35,7 +68,7 @@ var ColumnHeaderActions = /*#__PURE__*/function (_Component) {
|
|
|
35
68
|
args[_key] = arguments[_key];
|
|
36
69
|
}
|
|
37
70
|
|
|
38
|
-
_this =
|
|
71
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
39
72
|
|
|
40
73
|
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
41
74
|
value: '',
|
|
@@ -49,7 +82,7 @@ var ColumnHeaderActions = /*#__PURE__*/function (_Component) {
|
|
|
49
82
|
key: "componentDidMount",
|
|
50
83
|
value: function componentDidMount() {
|
|
51
84
|
if (this.props.filterValue) {
|
|
52
|
-
if (
|
|
85
|
+
if (_typeof(this.props.filterValue) === 'object') {
|
|
53
86
|
this.setState(this.props.filterValue);
|
|
54
87
|
} else {
|
|
55
88
|
this.setState({
|
|
@@ -83,17 +116,17 @@ var ColumnHeaderActions = /*#__PURE__*/function (_Component) {
|
|
|
83
116
|
var _this$state = this.state,
|
|
84
117
|
value = _this$state.value,
|
|
85
118
|
operator = _this$state.operator;
|
|
86
|
-
return
|
|
119
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, sortRenderer && (0, _react2.jsx)("div", {
|
|
87
120
|
"data-gs-c": gsC(sortRenderer({
|
|
88
121
|
onSortAsc: function onSortAsc() {
|
|
89
122
|
onSort({
|
|
90
|
-
sortDirection: SortDirection.ASC
|
|
123
|
+
sortDirection: _reactVirtualized.SortDirection.ASC
|
|
91
124
|
});
|
|
92
125
|
close();
|
|
93
126
|
},
|
|
94
127
|
onSortDesc: function onSortDesc() {
|
|
95
128
|
onSort({
|
|
96
|
-
sortDirection: SortDirection.DESC
|
|
129
|
+
sortDirection: _reactVirtualized.SortDirection.DESC
|
|
97
130
|
});
|
|
98
131
|
close();
|
|
99
132
|
},
|
|
@@ -108,13 +141,13 @@ var ColumnHeaderActions = /*#__PURE__*/function (_Component) {
|
|
|
108
141
|
}, sortRenderer({
|
|
109
142
|
onSortAsc: function onSortAsc() {
|
|
110
143
|
onSort({
|
|
111
|
-
sortDirection: SortDirection.ASC
|
|
144
|
+
sortDirection: _reactVirtualized.SortDirection.ASC
|
|
112
145
|
});
|
|
113
146
|
close();
|
|
114
147
|
},
|
|
115
148
|
onSortDesc: function onSortDesc() {
|
|
116
149
|
onSort({
|
|
117
|
-
sortDirection: SortDirection.DESC
|
|
150
|
+
sortDirection: _reactVirtualized.SortDirection.DESC
|
|
118
151
|
});
|
|
119
152
|
close();
|
|
120
153
|
},
|
|
@@ -124,12 +157,12 @@ var ColumnHeaderActions = /*#__PURE__*/function (_Component) {
|
|
|
124
157
|
sortDescIcon: sortDescIcon,
|
|
125
158
|
sortDirection: sortDirection,
|
|
126
159
|
localeStrings: localeStrings
|
|
127
|
-
})), sortRenderer && filterRenderer &&
|
|
160
|
+
})), sortRenderer && filterRenderer && (0, _react2.jsx)(_elements.FilterSeparator, {
|
|
128
161
|
"data-gs": gs("src", "datagrid", "components", "filter-separator")
|
|
129
|
-
}), filterRenderer &&
|
|
130
|
-
"data-gs-c": gsC(localeStrings.filterResults || DefaultStrings.filterResults),
|
|
162
|
+
}), filterRenderer && (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_elements.FilterHeader, {
|
|
163
|
+
"data-gs-c": gsC(localeStrings.filterResults || _constants.DefaultStrings.filterResults),
|
|
131
164
|
"data-gs": gs("src", "datagrid", "components", "filter-header")
|
|
132
|
-
}, localeStrings.filterResults || DefaultStrings.filterResults),
|
|
165
|
+
}, localeStrings.filterResults || _constants.DefaultStrings.filterResults), (0, _react2.jsx)("div", {
|
|
133
166
|
"data-gs-c": gsC(filterRenderer({
|
|
134
167
|
onChange: function onChange(_ref) {
|
|
135
168
|
var value = _ref.value,
|
|
@@ -170,10 +203,10 @@ var ColumnHeaderActions = /*#__PURE__*/function (_Component) {
|
|
|
170
203
|
setIsFiltering: setIsFiltering,
|
|
171
204
|
locale: locale,
|
|
172
205
|
localeStrings: localeStrings
|
|
173
|
-
})),
|
|
206
|
+
})), (0, _react2.jsx)(_elements.FilterButtons, {
|
|
174
207
|
"data-gs": gs("src", "datagrid", "components", "filter-buttons")
|
|
175
|
-
},
|
|
176
|
-
"data-gs-c": gsC(localeStrings.clear || DefaultStrings.clear),
|
|
208
|
+
}, (0, _react2.jsx)(_Button["default"], {
|
|
209
|
+
"data-gs-c": gsC(localeStrings.clear || _constants.DefaultStrings.clear),
|
|
177
210
|
"data-gs": gs("src", "datagrid", "components", "filter-buttons", "button"),
|
|
178
211
|
onClick: function onClick() {
|
|
179
212
|
return _this2.setState({
|
|
@@ -185,8 +218,8 @@ var ColumnHeaderActions = /*#__PURE__*/function (_Component) {
|
|
|
185
218
|
close();
|
|
186
219
|
});
|
|
187
220
|
}
|
|
188
|
-
}, localeStrings.clear || DefaultStrings.clear),
|
|
189
|
-
"data-gs-c": gsC(localeStrings.apply || DefaultStrings.apply),
|
|
221
|
+
}, localeStrings.clear || _constants.DefaultStrings.clear), (0, _react2.jsx)(_elements.RightFilterButton, {
|
|
222
|
+
"data-gs-c": gsC(localeStrings.apply || _constants.DefaultStrings.apply),
|
|
190
223
|
"data-gs": gs("src", "datagrid", "components", "filter-buttons", "right-filter-button"),
|
|
191
224
|
primary: true,
|
|
192
225
|
onClick: function onClick() {
|
|
@@ -196,11 +229,12 @@ var ColumnHeaderActions = /*#__PURE__*/function (_Component) {
|
|
|
196
229
|
});
|
|
197
230
|
close();
|
|
198
231
|
}
|
|
199
|
-
}, localeStrings.apply || DefaultStrings.apply))));
|
|
232
|
+
}, localeStrings.apply || _constants.DefaultStrings.apply))));
|
|
200
233
|
}
|
|
201
234
|
}]);
|
|
202
235
|
|
|
203
236
|
return ColumnHeaderActions;
|
|
204
|
-
}(Component);
|
|
237
|
+
}(_react.Component);
|
|
205
238
|
|
|
206
|
-
|
|
239
|
+
var _default = ColumnHeaderActions;
|
|
240
|
+
exports["default"] = _default;
|
|
@@ -1,16 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
|
+
var _elements = require("../elements");
|
|
11
|
+
|
|
12
|
+
var _react2 = require("@emotion/react");
|
|
13
|
+
|
|
14
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
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); }
|
|
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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
23
|
+
|
|
24
|
+
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); } }
|
|
25
|
+
|
|
26
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
27
|
+
|
|
28
|
+
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); }
|
|
29
|
+
|
|
30
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
31
|
+
|
|
32
|
+
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); }; }
|
|
33
|
+
|
|
34
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
35
|
+
|
|
36
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
37
|
+
|
|
38
|
+
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; } }
|
|
39
|
+
|
|
40
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
41
|
+
|
|
42
|
+
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; }
|
|
43
|
+
|
|
10
44
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
11
45
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
12
|
-
import React, { Component } from 'react';
|
|
13
|
-
import { Row } from '../elements';
|
|
14
46
|
|
|
15
47
|
/**
|
|
16
48
|
* Component that manages focus for a row, for use with keyboard shortcuts.
|
|
@@ -18,9 +50,9 @@ import { Row } from '../elements';
|
|
|
18
50
|
var FocusableRow = /*#__PURE__*/function (_Component) {
|
|
19
51
|
_inherits(FocusableRow, _Component);
|
|
20
52
|
|
|
21
|
-
|
|
22
|
-
var _getPrototypeOf2;
|
|
53
|
+
var _super = _createSuper(FocusableRow);
|
|
23
54
|
|
|
55
|
+
function FocusableRow() {
|
|
24
56
|
var _this;
|
|
25
57
|
|
|
26
58
|
_classCallCheck(this, FocusableRow);
|
|
@@ -29,22 +61,22 @@ var FocusableRow = /*#__PURE__*/function (_Component) {
|
|
|
29
61
|
args[_key] = arguments[_key];
|
|
30
62
|
}
|
|
31
63
|
|
|
32
|
-
_this =
|
|
64
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
33
65
|
|
|
34
|
-
_defineProperty(_assertThisInitialized(_this), "element",
|
|
66
|
+
_defineProperty(_assertThisInitialized(_this), "element", /*#__PURE__*/_react["default"].createRef());
|
|
35
67
|
|
|
36
68
|
return _this;
|
|
37
69
|
}
|
|
38
70
|
|
|
39
71
|
_createClass(FocusableRow, [{
|
|
40
72
|
key: "componentDidUpdate",
|
|
41
|
-
|
|
73
|
+
value:
|
|
42
74
|
/**
|
|
43
75
|
* componentDidMount: Intentionally not focusing here as it causes an
|
|
44
76
|
* immediate jump while scrolling. The trade-off is focus is lost while
|
|
45
77
|
* scrolling.
|
|
46
78
|
*/
|
|
47
|
-
|
|
79
|
+
function componentDidUpdate(prevProps) {
|
|
48
80
|
if (this.props.focused && prevProps.focused !== this.props.focused) {
|
|
49
81
|
this.focus();
|
|
50
82
|
}
|
|
@@ -59,7 +91,7 @@ var FocusableRow = /*#__PURE__*/function (_Component) {
|
|
|
59
91
|
}, {
|
|
60
92
|
key: "render",
|
|
61
93
|
value: function render() {
|
|
62
|
-
return
|
|
94
|
+
return (0, _react2.jsx)(_elements.Row, _extends({
|
|
63
95
|
"data-gs": gs("src", "datagrid", "components", "row"),
|
|
64
96
|
tabIndex: this.props.onClick && (this.props.focused ? 0 : -1)
|
|
65
97
|
}, this.props, {
|
|
@@ -69,6 +101,7 @@ var FocusableRow = /*#__PURE__*/function (_Component) {
|
|
|
69
101
|
}]);
|
|
70
102
|
|
|
71
103
|
return FocusableRow;
|
|
72
|
-
}(Component);
|
|
104
|
+
}(_react.Component);
|
|
73
105
|
|
|
74
|
-
|
|
106
|
+
var _default = FocusableRow;
|
|
107
|
+
exports["default"] = _default;
|