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,11 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Separator = void 0;
|
|
7
|
+
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
2
12
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
3
13
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
4
|
-
|
|
14
|
+
var Separator = ( /*#__PURE__*/0, _base["default"])('span', process.env.NODE_ENV === "production" ? {
|
|
5
15
|
target: "eykrra00"
|
|
16
|
+
} : {
|
|
17
|
+
target: "eykrra00",
|
|
18
|
+
label: "Separator"
|
|
6
19
|
})(function (_ref) {
|
|
7
20
|
var theme = _ref.theme;
|
|
8
21
|
return {
|
|
9
22
|
margin: "0 ".concat(theme.space[2])
|
|
10
23
|
};
|
|
11
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9UaW1lUGlja2VyL2NvbXBvbmVudHMvU2VwYXJhdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL1RpbWVQaWNrZXIvY29tcG9uZW50cy9TZXBhcmF0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoJ3NwYW4nKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2VbMl19YFxufSkpXG4iXX0= */");
|
|
24
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9UaW1lUGlja2VyL2NvbXBvbmVudHMvU2VwYXJhdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL1RpbWVQaWNrZXIvY29tcG9uZW50cy9TZXBhcmF0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoJ3NwYW4nKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IGAwICR7dGhlbWUuc3BhY2VbMl19YFxufSkpXG4iXX0= */");
|
|
25
|
+
exports.Separator = Separator;
|
|
@@ -1,130 +1,8 @@
|
|
|
1
|
-
/// <reference types="types/@emotion/styled" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
export declare const NumericInput: import("@emotion/styled
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
warning: string[];
|
|
8
|
-
error: string[];
|
|
9
|
-
primary: string[];
|
|
10
|
-
secondary: string[];
|
|
11
|
-
neutral: string[];
|
|
12
|
-
};
|
|
13
|
-
readonly fontFamily: {
|
|
14
|
-
body: string;
|
|
15
|
-
monospace: string;
|
|
16
|
-
};
|
|
17
|
-
readonly fontSize: string[];
|
|
18
|
-
readonly lineHeight: number[];
|
|
19
|
-
readonly radius: string[];
|
|
20
|
-
readonly borderWidth: string[];
|
|
21
|
-
readonly grid: number[];
|
|
22
|
-
readonly shadows: {
|
|
23
|
-
small: string;
|
|
24
|
-
big: string;
|
|
25
|
-
pill: string;
|
|
26
|
-
bigCentered: string;
|
|
27
|
-
popover: string;
|
|
28
|
-
secondaryNavActiveItem: string;
|
|
29
|
-
};
|
|
30
|
-
readonly sizes: {
|
|
31
|
-
PageHeaderIcon: number;
|
|
32
|
-
};
|
|
33
|
-
readonly zIndex: {
|
|
34
|
-
Base: number;
|
|
35
|
-
Overlay: number;
|
|
36
|
-
FormControl: number;
|
|
37
|
-
SecondaryNav: number;
|
|
38
|
-
SecondaryNavActiveItem: number;
|
|
39
|
-
PrimaryNav: number;
|
|
40
|
-
PopOver: number;
|
|
41
|
-
PageHeaderSearch: number;
|
|
42
|
-
Modal: number;
|
|
43
|
-
Tether: number;
|
|
44
|
-
GlobalNav: number;
|
|
45
|
-
Toast: number;
|
|
46
|
-
};
|
|
47
|
-
readonly color: {
|
|
48
|
-
Dune: string;
|
|
49
|
-
CuriousBlue: string;
|
|
50
|
-
FlushMahogany: string;
|
|
51
|
-
Maroon: string;
|
|
52
|
-
PinkSwan: string;
|
|
53
|
-
Matisse: string;
|
|
54
|
-
HummingBird: string;
|
|
55
|
-
Primary: string;
|
|
56
|
-
PrimaryContrast: string;
|
|
57
|
-
PrimaryFade: string;
|
|
58
|
-
PrimaryLight: string;
|
|
59
|
-
PrimaryLightFade: string;
|
|
60
|
-
PrimaryLightHighlight: string;
|
|
61
|
-
PrimaryAccent: string;
|
|
62
|
-
DarkBackground: string;
|
|
63
|
-
DarkBar: string;
|
|
64
|
-
DarkHover: string;
|
|
65
|
-
DarkPrimary: string;
|
|
66
|
-
DarkSecondary: string;
|
|
67
|
-
LightBackground: string;
|
|
68
|
-
LightBar: string;
|
|
69
|
-
LightDisabled: string;
|
|
70
|
-
LightDivider: string;
|
|
71
|
-
LightDividerNew: string;
|
|
72
|
-
LightHint: string;
|
|
73
|
-
LightHover: string;
|
|
74
|
-
LightPrimary: string;
|
|
75
|
-
LightSecondary: string;
|
|
76
|
-
BorderGrey: string;
|
|
77
|
-
Blue: string;
|
|
78
|
-
BlueFade: string;
|
|
79
|
-
Green: string;
|
|
80
|
-
GreenFade: string;
|
|
81
|
-
GreenBackground: string;
|
|
82
|
-
Red: string;
|
|
83
|
-
RedFade: string;
|
|
84
|
-
Yellow: string;
|
|
85
|
-
YellowFade: string;
|
|
86
|
-
YellowHighlight: string;
|
|
87
|
-
Orange: string;
|
|
88
|
-
OrangeFill: string;
|
|
89
|
-
OrangeBackground: string;
|
|
90
|
-
Error: string;
|
|
91
|
-
ErrorFade: string;
|
|
92
|
-
ErrorBackground: string;
|
|
93
|
-
DraggableDraggingBackground: string;
|
|
94
|
-
Aquamarine: string;
|
|
95
|
-
Azure: string;
|
|
96
|
-
AzureNew: string;
|
|
97
|
-
AzureFade: string;
|
|
98
|
-
AzureHighlight: string;
|
|
99
|
-
Silver: string;
|
|
100
|
-
BlueNavy: string;
|
|
101
|
-
Black: string;
|
|
102
|
-
TurquoiseBlue: string;
|
|
103
|
-
SummerSky: string;
|
|
104
|
-
Mondo: string;
|
|
105
|
-
HeavyMetal: string;
|
|
106
|
-
BokaraGrey: string;
|
|
107
|
-
Cyan: string;
|
|
108
|
-
Eucalyptus: string;
|
|
109
|
-
Flamingo: string;
|
|
110
|
-
Zorba: string;
|
|
111
|
-
Flint: string;
|
|
112
|
-
Maya: string;
|
|
113
|
-
Bondi: string;
|
|
114
|
-
Emerald: string;
|
|
115
|
-
Carissma: string;
|
|
116
|
-
Solitude: string;
|
|
117
|
-
WhiteSmoke: string;
|
|
118
|
-
Violet: string;
|
|
119
|
-
FireBrick: string;
|
|
120
|
-
Purple: string;
|
|
121
|
-
Buckthorn: string;
|
|
122
|
-
};
|
|
123
|
-
readonly gradient: {
|
|
124
|
-
main: string;
|
|
125
|
-
neutral: string;
|
|
126
|
-
};
|
|
127
|
-
}>;
|
|
2
|
+
export declare const NumericInput: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: React.ElementType<any> | undefined;
|
|
5
|
+
}, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
128
6
|
declare type SpinnerProps = {
|
|
129
7
|
minimum?: number;
|
|
130
8
|
maximum?: number;
|
|
@@ -1,21 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
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); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.Spinner = exports.NumericInput = void 0;
|
|
9
|
+
|
|
10
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
14
|
+
var _react2 = require("@emotion/react");
|
|
15
|
+
|
|
16
|
+
var _Column = _interopRequireDefault(require("../../Column"));
|
|
17
|
+
|
|
18
|
+
var _Icon = _interopRequireDefault(require("../../Icon"));
|
|
19
|
+
|
|
20
|
+
var _IconButton = require("../../ActionBar/components/IconButton");
|
|
21
|
+
|
|
22
|
+
var _utils = require("../utils");
|
|
23
|
+
|
|
24
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
25
|
+
|
|
26
|
+
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; }
|
|
27
|
+
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
+
|
|
30
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
|
+
|
|
32
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
33
|
+
|
|
34
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
35
|
+
|
|
36
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
37
|
+
|
|
38
|
+
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
39
|
+
|
|
40
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
|
+
|
|
4
42
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
5
43
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
6
|
-
|
|
7
|
-
/* eslint-disable react/prop-types */
|
|
8
|
-
|
|
9
|
-
/* eslint-disable td/instrumentation */
|
|
10
|
-
// this level of fine grained instrumentation is not needed
|
|
11
|
-
import React, { useState } from 'react';
|
|
12
|
-
import { useTheme } from 'emotion-theming';
|
|
13
|
-
import Column from '../../Column';
|
|
14
|
-
import Icon from '../../Icon';
|
|
15
|
-
import { IconButton } from '../../ActionBar/components/IconButton';
|
|
16
|
-
import { formatTimePart } from '../utils';
|
|
17
|
-
export var NumericInput = /*#__PURE__*/_styled('input', {
|
|
44
|
+
var NumericInput = ( /*#__PURE__*/0, _base["default"])('input', process.env.NODE_ENV === "production" ? {
|
|
18
45
|
target: "e1ats8040"
|
|
46
|
+
} : {
|
|
47
|
+
target: "e1ats8040",
|
|
48
|
+
label: "NumericInput"
|
|
19
49
|
})(function (_ref) {
|
|
20
50
|
var theme = _ref.theme,
|
|
21
51
|
disabled = _ref.disabled;
|
|
@@ -33,11 +63,13 @@ export var NumericInput = /*#__PURE__*/_styled('input', {
|
|
|
33
63
|
appearance: 'none'
|
|
34
64
|
}
|
|
35
65
|
};
|
|
36
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
-
|
|
38
|
-
var theme = useTheme();
|
|
66
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9UaW1lUGlja2VyL2NvbXBvbmVudHMvU3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTRCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9UaW1lUGlja2VyL2NvbXBvbmVudHMvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9wcm9wLXR5cGVzICovXG4vKiBlc2xpbnQtZGlzYWJsZSB0ZC9pbnN0cnVtZW50YXRpb24gKi9cbi8vIHRoaXMgbGV2ZWwgb2YgZmluZSBncmFpbmVkIGluc3RydW1lbnRhdGlvbiBpcyBub3QgbmVlZGVkXG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBDb2x1bW4gZnJvbSAnLi4vLi4vQ29sdW1uJ1xuaW1wb3J0IEljb24gZnJvbSAnLi4vLi4vSWNvbidcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9BY3Rpb25CYXIvY29tcG9uZW50cy9JY29uQnV0dG9uJ1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJy4uLy4uL1RoZW1lUHJvdmlkZXIvdHlwZXMnXG5pbXBvcnQgeyBmb3JtYXRUaW1lUGFydCB9IGZyb20gJy4uL3V0aWxzJ1xuXG5leHBvcnQgY29uc3QgTnVtZXJpY0lucHV0ID0gc3R5bGVkKCdpbnB1dCcpKCh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiAoe1xuICBhcHBlYXJhbmNlOiAnbm9uZScsXG4gIHdpZHRoOiA0MSxcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2VbMV19ICR7dGhlbWUuc3BhY2VbM119YCxcbiAgYm9yZGVyOiAwLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFsyXSxcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFtkaXNhYmxlZCA/IDggOiAxMV0sXG4gIGJvcmRlclJhZGl1czogMTgsXG4gIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZVsxXSxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgJyY6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24nOiB7XG4gICAgYXBwZWFyYW5jZTogJ25vbmUnXG4gIH1cbn0pKVxuXG50eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgbWluaW11bT86IG51bWJlclxuICBtYXhpbXVtPzogbnVtYmVyXG4gIHZhbHVlOiBudW1iZXJcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIHJlYWRvbmx5PzogYm9vbGVhblxuICBwYXJ0TmFtZTogJ2hvdXJzJyB8ICdtaW51dGVzJyB8ICdzZWNvbmRzJ1xuICB2YXJpYW50PzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcbiAgb25DaGFuZ2U6ICh2YWx1ZTogbnVtYmVyKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBjb25zdCBTcGlubmVyOiBSZWFjdC5GQzxTcGlubmVyUHJvcHM+ID0gcHJvcHMgPT4ge1xuICBjb25zdCB0aGVtZTogVGhlbWUgPSB1c2VUaGVtZSgpXG4gIGNvbnN0IFtlZGl0aW5nLCBzZXRFZGl0aW5nXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IGFjY2VudCA9XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3ByaW1hcnknXG4gICAgICA/IHRoZW1lLnBhbGV0dGUucHJpbWFyeVsyXVxuICAgICAgOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeVsyXVxuXG4gIGNvbnN0IGhhbmRsZUluY3JlbWVudCA9ICgpID0+IHtcbiAgICBpZiAocHJvcHMubWF4aW11bSAhPT0gdW5kZWZpbmVkICYmIHByb3BzLnZhbHVlIDwgcHJvcHMubWF4aW11bSkge1xuICAgICAgcHJvcHMub25DaGFuZ2UocHJvcHMudmFsdWUgKyAxKVxuICAgIH0gZWxzZSBpZiAocHJvcHMubWluaW11bSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBwcm9wcy5vbkNoYW5nZShwcm9wcy5taW5pbXVtKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGhhbmRsZURlY3JlbWVudCA9ICgpID0+IHtcbiAgICBpZiAocHJvcHMudmFsdWUgPiAwKSB7XG4gICAgICBwcm9wcy5vbkNoYW5nZShwcm9wcy52YWx1ZSAtIDEpXG4gICAgfSBlbHNlIGlmIChwcm9wcy5tYXhpbXVtICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHByb3BzLm9uQ2hhbmdlKHByb3BzLm1heGltdW0pXG4gICAgfVxuICB9XG5cbiAgY29uc3QgZGlzYWJsZWQgPSBwcm9wcy5kaXNhYmxlZCB8fCBOdW1iZXIuaXNOYU4ocHJvcHMudmFsdWUpXG5cbiAgLy8gV2UgY2FuJ3QgY29udHJvbCBob3cgYHR5cGU9XCJudW1iZXJpY1wiYCBkaXNwbGF5cyB0aGUgdmFsdWUgdGhlblxuICAvLyB3ZSBzZXQgaXQgb25seSB3aGVuIGVkaXRpbmcgYW5kIHVzZSBgdHlwZT1cInN0cmluZ1wiYCB0byBkaXNwbGF5IGEgcHJvcGVybHlcbiAgLy8gZm9ybWF0dGVkIHN0cmluZyB2YWx1ZS5cbiAgY29uc3QgZGlzcGxheVZhbHVlID0gZm9ybWF0VGltZVBhcnQocHJvcHMudmFsdWUsICFlZGl0aW5nKVxuXG4gIC8vIFRoZXNlIGNsYXNzZXMgYXJlIHVzZWQgb25seSBmb3IgdGVzdGluZywgdGhleSBkbyBub3QgYWN0dWFsbHkgY2hhbmdlIHZpc3VhbCBhcHBlYXJhbmNlXG4gIGNvbnN0IGJ1dHRvbkNzc0NsYXNzZXMgPSBkaXNhYmxlZCB8fCBwcm9wcy5yZWFkb25seSA/ICdkaXNhYmxlZCcgOiAnJ1xuICBjb25zdCBpbnB1dENzc0NsYXNzZXMgPSBbXG4gICAgZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogbnVsbCxcbiAgICBwcm9wcy5yZWFkb25seSA/ICdyZWFkb25seScgOiBudWxsXG4gIF1cbiAgICAuZmlsdGVyKHggPT4gISF4KVxuICAgIC5qb2luKCcgJylcblxuICByZXR1cm4gKFxuICAgIDxDb2x1bW4gYWxpZ249XCJjZW50ZXJcIj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGNsYXNzTmFtZT17YHRpbWVwaWNrZXItc3Bpbm5lci0ke3Byb3BzLnBhcnROYW1lfS1pbmNyZW1lbnQgJHtidXR0b25Dc3NDbGFzc2VzfWB9XG4gICAgICAgIGljb25cbiAgICAgICAgYWNjZW50PXthY2NlbnR9XG4gICAgICAgIGhvdmVybGVzc1xuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgfHwgcHJvcHMucmVhZG9ubHl9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUluY3JlbWVudH1cbiAgICAgID5cbiAgICAgICAgPEljb24uTWVkaXVtLkZpbGxlZFVwQXJyb3cgLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDxOdW1lcmljSW5wdXRcbiAgICAgICAgY2xhc3NOYW1lPXtgdGltZXBpY2tlci1zcGlubmVyLSR7cHJvcHMucGFydE5hbWV9LWlucHV0ICR7aW5wdXRDc3NDbGFzc2VzfWB9XG4gICAgICAgIHR5cGU9e2VkaXRpbmcgPyAnbnVtYmVyJyA6ICdzdHJpbmcnfVxuICAgICAgICBtaW49ezB9XG4gICAgICAgIG1heD17cHJvcHMubWF4aW11bX1cbiAgICAgICAgdmFsdWU9e2Rpc3BsYXlWYWx1ZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICByZWFkT25seT17cHJvcHMucmVhZG9ubHl9XG4gICAgICAgIG9uQ2hhbmdlPXtlID0+IHByb3BzLm9uQ2hhbmdlKCtlLnRhcmdldC52YWx1ZSl9XG4gICAgICAgIG9uRm9jdXM9eygpID0+IHNldEVkaXRpbmcodHJ1ZSl9XG4gICAgICAgIG9uQmx1cj17KCkgPT4gc2V0RWRpdGluZyhmYWxzZSl9XG4gICAgICAvPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgY2xhc3NOYW1lPXtgdGltZXBpY2tlci1zcGlubmVyLSR7cHJvcHMucGFydE5hbWV9LWRlY3JlbWVudCAke2J1dHRvbkNzc0NsYXNzZXN9YH1cbiAgICAgICAgaWNvblxuICAgICAgICBhY2NlbnQ9e2FjY2VudH1cbiAgICAgICAgaG92ZXJsZXNzXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBwcm9wcy5yZWFkb25seX1cbiAgICAgICAgb25DbGljaz17aGFuZGxlRGVjcmVtZW50fVxuICAgICAgPlxuICAgICAgICA8SWNvbi5NZWRpdW0uRmlsbGVkRG93bkFycm93IC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgPC9Db2x1bW4+XG4gIClcbn1cblxuU3Bpbm5lci5kZWZhdWx0UHJvcHMgPSB7XG4gIG1pbmltdW06IDAsXG4gIG1heGltdW06IDU5XG59XG5TcGlubmVyLmRpc3BsYXlOYW1lID0gJ1NwaW5uZXInXG4iXX0= */");
|
|
67
|
+
exports.NumericInput = NumericInput;
|
|
39
68
|
|
|
40
|
-
|
|
69
|
+
var Spinner = function Spinner(props) {
|
|
70
|
+
var theme = (0, _react2.useTheme)();
|
|
71
|
+
|
|
72
|
+
var _useState = (0, _react.useState)(false),
|
|
41
73
|
_useState2 = _slicedToArray(_useState, 2),
|
|
42
74
|
editing = _useState2[0],
|
|
43
75
|
setEditing = _useState2[1];
|
|
@@ -64,17 +96,17 @@ export var Spinner = function Spinner(props) {
|
|
|
64
96
|
// we set it only when editing and use `type="string"` to display a properly
|
|
65
97
|
// formatted string value.
|
|
66
98
|
|
|
67
|
-
var displayValue = formatTimePart(props.value, !editing); // These classes are used only for testing, they do not actually change visual appearance
|
|
99
|
+
var displayValue = (0, _utils.formatTimePart)(props.value, !editing); // These classes are used only for testing, they do not actually change visual appearance
|
|
68
100
|
|
|
69
101
|
var buttonCssClasses = disabled || props.readonly ? 'disabled' : '';
|
|
70
102
|
var inputCssClasses = [disabled ? 'disabled' : null, props.readonly ? 'readonly' : null].filter(function (x) {
|
|
71
103
|
return !!x;
|
|
72
104
|
}).join(' ');
|
|
73
|
-
return
|
|
105
|
+
return (0, _react2.jsx)(_Column["default"], {
|
|
74
106
|
"data-gs-c": gsC("iconbutton", "iconbutton"),
|
|
75
107
|
"data-gs": gs("src", "timepicker", "components", "column"),
|
|
76
108
|
align: "center"
|
|
77
|
-
},
|
|
109
|
+
}, (0, _react2.jsx)(_IconButton.IconButton, {
|
|
78
110
|
"data-gs-c": gsC("icon-medium-filleduparrow"),
|
|
79
111
|
"data-gs": gs("src", "timepicker", "components", "column", "icon-button"),
|
|
80
112
|
className: "timepicker-spinner-".concat(props.partName, "-increment ").concat(buttonCssClasses),
|
|
@@ -83,9 +115,9 @@ export var Spinner = function Spinner(props) {
|
|
|
83
115
|
hoverless: true,
|
|
84
116
|
disabled: disabled || props.readonly,
|
|
85
117
|
onClick: handleIncrement
|
|
86
|
-
},
|
|
118
|
+
}, (0, _react2.jsx)(_Icon["default"].Medium.FilledUpArrow, {
|
|
87
119
|
"data-gs": gs("src", "timepicker", "components", "column", "icon-button", "icon-medium-filled-up-arrow")
|
|
88
|
-
})),
|
|
120
|
+
})), (0, _react2.jsx)(NumericInput, {
|
|
89
121
|
"data-gs-c": gsC(displayValue),
|
|
90
122
|
"data-gs": gs("src", "timepicker", "components", "column", "numeric-input"),
|
|
91
123
|
className: "timepicker-spinner-".concat(props.partName, "-input ").concat(inputCssClasses),
|
|
@@ -104,7 +136,7 @@ export var Spinner = function Spinner(props) {
|
|
|
104
136
|
onBlur: function onBlur() {
|
|
105
137
|
return setEditing(false);
|
|
106
138
|
}
|
|
107
|
-
}),
|
|
139
|
+
}), (0, _react2.jsx)(_IconButton.IconButton, {
|
|
108
140
|
"data-gs-c": gsC("icon-medium-filleddownarrow"),
|
|
109
141
|
"data-gs": gs("src", "timepicker", "components", "column", "icon-button"),
|
|
110
142
|
className: "timepicker-spinner-".concat(props.partName, "-decrement ").concat(buttonCssClasses),
|
|
@@ -113,10 +145,12 @@ export var Spinner = function Spinner(props) {
|
|
|
113
145
|
hoverless: true,
|
|
114
146
|
disabled: disabled || props.readonly,
|
|
115
147
|
onClick: handleDecrement
|
|
116
|
-
},
|
|
148
|
+
}, (0, _react2.jsx)(_Icon["default"].Medium.FilledDownArrow, {
|
|
117
149
|
"data-gs": gs("src", "timepicker", "components", "column", "icon-button", "icon-medium-filled-down-arrow")
|
|
118
150
|
})));
|
|
119
151
|
};
|
|
152
|
+
|
|
153
|
+
exports.Spinner = Spinner;
|
|
120
154
|
Spinner.defaultProps = {
|
|
121
155
|
minimum: 0,
|
|
122
156
|
maximum: 59
|
|
@@ -1,6 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
|
|
7
|
+
var _Container = require("./Container");
|
|
8
|
+
|
|
9
|
+
Object.keys(_Container).forEach(function (key) {
|
|
10
|
+
if (key === "default" || key === "__esModule") return;
|
|
11
|
+
if (key in exports && exports[key] === _Container[key]) return;
|
|
12
|
+
Object.defineProperty(exports, key, {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _Container[key];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
var _PeriodSelector = require("./PeriodSelector");
|
|
21
|
+
|
|
22
|
+
Object.keys(_PeriodSelector).forEach(function (key) {
|
|
23
|
+
if (key === "default" || key === "__esModule") return;
|
|
24
|
+
if (key in exports && exports[key] === _PeriodSelector[key]) return;
|
|
25
|
+
Object.defineProperty(exports, key, {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function get() {
|
|
28
|
+
return _PeriodSelector[key];
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
var _Spinner = require("./Spinner");
|
|
34
|
+
|
|
35
|
+
Object.keys(_Spinner).forEach(function (key) {
|
|
36
|
+
if (key === "default" || key === "__esModule") return;
|
|
37
|
+
if (key in exports && exports[key] === _Spinner[key]) return;
|
|
38
|
+
Object.defineProperty(exports, key, {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function get() {
|
|
41
|
+
return _Spinner[key];
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
var _Separator = require("./Separator");
|
|
47
|
+
|
|
48
|
+
Object.keys(_Separator).forEach(function (key) {
|
|
49
|
+
if (key === "default" || key === "__esModule") return;
|
|
50
|
+
if (key in exports && exports[key] === _Separator[key]) return;
|
|
51
|
+
Object.defineProperty(exports, key, {
|
|
52
|
+
enumerable: true,
|
|
53
|
+
get: function get() {
|
|
54
|
+
return _Separator[key];
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
});
|
|
1
58
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
2
|
-
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
3
|
-
export * from './Container';
|
|
4
|
-
export * from './PeriodSelector';
|
|
5
|
-
export * from './Spinner';
|
|
6
|
-
export * from './Separator';
|
|
59
|
+
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "default", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _TimePicker["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _TimePicker = _interopRequireDefault(require("./TimePicker"));
|
|
14
|
+
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
|
+
|
|
1
17
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
2
|
-
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
3
|
-
export { default } from './TimePicker';
|
|
18
|
+
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
@@ -1,12 +1,28 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.changeTimePeriod = changeTimePeriod;
|
|
7
|
+
exports.formatTime = formatTime;
|
|
8
|
+
exports.formatTimePart = formatTimePart;
|
|
9
|
+
exports.getCurrentTime = getCurrentTime;
|
|
10
|
+
exports.getTimePartsSeparators = getTimePartsSeparators;
|
|
11
|
+
exports.isValidTime = isValidTime;
|
|
12
|
+
exports.maybeConvert12HoursTo24 = maybeConvert12HoursTo24;
|
|
13
|
+
exports.maybeConvert24HoursTo12 = maybeConvert24HoursTo12;
|
|
14
|
+
exports.parseTime = parseTime;
|
|
2
15
|
|
|
3
16
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
4
17
|
|
|
5
18
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
6
19
|
|
|
20
|
+
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; }
|
|
21
|
+
|
|
7
22
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
8
23
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
9
|
-
|
|
24
|
+
|
|
25
|
+
function getTimePartsSeparators() {
|
|
10
26
|
var formatter = new Intl.DateTimeFormat(undefined, {
|
|
11
27
|
timeStyle: 'medium',
|
|
12
28
|
dateStyle: undefined
|
|
@@ -22,7 +38,8 @@ export function getTimePartsSeparators() {
|
|
|
22
38
|
});
|
|
23
39
|
return [hm !== -1 ? parts[hm].value : ':', (ms === null || ms === void 0 ? void 0 : ms.value) || ':'];
|
|
24
40
|
}
|
|
25
|
-
|
|
41
|
+
|
|
42
|
+
function getCurrentTime() {
|
|
26
43
|
var now = new Date();
|
|
27
44
|
return {
|
|
28
45
|
hours: now.getHours(),
|
|
@@ -30,7 +47,8 @@ export function getCurrentTime() {
|
|
|
30
47
|
seconds: now.getSeconds()
|
|
31
48
|
};
|
|
32
49
|
}
|
|
33
|
-
|
|
50
|
+
|
|
51
|
+
function parseTime(value) {
|
|
34
52
|
if (!value) {
|
|
35
53
|
return getCurrentTime();
|
|
36
54
|
}
|
|
@@ -51,14 +69,16 @@ export function parseTime(value) {
|
|
|
51
69
|
seconds: Number(parts[2])
|
|
52
70
|
};
|
|
53
71
|
}
|
|
54
|
-
|
|
72
|
+
|
|
73
|
+
function isValidTime(value) {
|
|
55
74
|
var inRange = function inRange(value, min, max) {
|
|
56
75
|
return value >= min && value < max;
|
|
57
76
|
};
|
|
58
77
|
|
|
59
78
|
return inRange(value.hours, 0, 24) && inRange(value.minutes, 0, 60) && inRange(value.seconds, 0, 60);
|
|
60
79
|
}
|
|
61
|
-
|
|
80
|
+
|
|
81
|
+
function formatTimePart(value) {
|
|
62
82
|
var padded = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
63
83
|
|
|
64
84
|
if (Number.isNaN(value)) {
|
|
@@ -67,11 +87,13 @@ export function formatTimePart(value) {
|
|
|
67
87
|
|
|
68
88
|
return padded && value < 10 ? "0".concat(value) : value;
|
|
69
89
|
}
|
|
70
|
-
|
|
90
|
+
|
|
91
|
+
function formatTime(value) {
|
|
71
92
|
// eslint-disable-next-line prettier/prettier
|
|
72
93
|
return "".concat(formatTimePart(value.hours), ":").concat(formatTimePart(value.minutes), ":").concat(formatTimePart(value.seconds));
|
|
73
94
|
}
|
|
74
|
-
|
|
95
|
+
|
|
96
|
+
function maybeConvert24HoursTo12(value, period) {
|
|
75
97
|
if (period === '24') {
|
|
76
98
|
return value;
|
|
77
99
|
}
|
|
@@ -79,7 +101,8 @@ export function maybeConvert24HoursTo12(value, period) {
|
|
|
79
101
|
var inH12 = value % 12;
|
|
80
102
|
return inH12 === 0 ? 12 : inH12;
|
|
81
103
|
}
|
|
82
|
-
|
|
104
|
+
|
|
105
|
+
function maybeConvert12HoursTo24(value, period) {
|
|
83
106
|
if (period === '24') {
|
|
84
107
|
return value;
|
|
85
108
|
}
|
|
@@ -90,27 +113,28 @@ export function maybeConvert12HoursTo24(value, period) {
|
|
|
90
113
|
|
|
91
114
|
return value === 12 ? value : value + 12;
|
|
92
115
|
}
|
|
93
|
-
|
|
116
|
+
|
|
117
|
+
function changeTimePeriod(value, period, newPeriod) {
|
|
94
118
|
if (newPeriod === 'am' && period === 'pm' && value.hours > 11) {
|
|
95
|
-
return _objectSpread({}, value, {
|
|
119
|
+
return _objectSpread(_objectSpread({}, value), {}, {
|
|
96
120
|
hours: value.hours - 12
|
|
97
121
|
});
|
|
98
122
|
}
|
|
99
123
|
|
|
100
124
|
if (newPeriod === 'am' && period === '24' && value.hours > 11) {
|
|
101
|
-
return _objectSpread({}, value, {
|
|
125
|
+
return _objectSpread(_objectSpread({}, value), {}, {
|
|
102
126
|
hours: value.hours - 12
|
|
103
127
|
});
|
|
104
128
|
}
|
|
105
129
|
|
|
106
130
|
if (newPeriod === 'pm' && period === 'am') {
|
|
107
|
-
return _objectSpread({}, value, {
|
|
131
|
+
return _objectSpread(_objectSpread({}, value), {}, {
|
|
108
132
|
hours: value.hours + 12
|
|
109
133
|
});
|
|
110
134
|
}
|
|
111
135
|
|
|
112
136
|
if (newPeriod === 'pm' && period === '24' && value.hours < 11) {
|
|
113
|
-
return _objectSpread({}, value, {
|
|
137
|
+
return _objectSpread(_objectSpread({}, value), {}, {
|
|
114
138
|
hours: value.hours + 12
|
|
115
139
|
});
|
|
116
140
|
}
|