td-stylekit 24.8.0 → 25.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc.js +8 -23
- package/CHANGELOG.md +35 -0
- package/dist/es/ActionBar/ActionBar.js +42 -18
- package/dist/es/ActionBar/components/ActionMenu.js +41 -17
- package/dist/es/ActionBar/components/Container.d.ts +4 -126
- package/dist/es/ActionBar/components/Container.js +20 -5
- package/dist/es/ActionBar/components/IconButton.d.ts +7 -133
- package/dist/es/ActionBar/components/IconButton.js +22 -6
- package/dist/es/ActionBar/components/Prefix.js +24 -8
- package/dist/es/ActionBar/components/index.js +58 -5
- package/dist/es/ActionBar/index.js +17 -2
- package/dist/es/ActionBar/types.js +5 -0
- package/dist/es/Badge/Badge.d.ts +4 -126
- package/dist/es/Badge/Badge.js +42 -26
- package/dist/es/Badge/constants.js +9 -2
- package/dist/es/Badge/index.js +25 -3
- package/dist/es/BarChart/BarChart.d.ts +6 -7
- package/dist/es/BarChart/BarChart.js +67 -39
- package/dist/es/BarChart/index.js +17 -2
- package/dist/es/Box/Box.d.ts +4 -126
- package/dist/es/Box/Box.js +37 -12
- package/dist/es/Box/index.js +17 -2
- package/dist/es/Button/Button.js +130 -79
- package/dist/es/Button/elements.d.ts +4 -126
- package/dist/es/Button/elements.js +17 -3
- package/dist/es/Button/index.js +35 -3
- package/dist/es/Canvas/Canvas.js +31 -12
- package/dist/es/Canvas/elements.d.ts +55 -2537
- package/dist/es/Canvas/elements.js +84 -33
- package/dist/es/Canvas/index.js +17 -2
- package/dist/es/Card/Card.d.ts +4 -126
- package/dist/es/Card/Card.js +20 -7
- package/dist/es/Card/index.js +17 -2
- package/dist/es/ChartPrimitives/ChartLegend.d.ts +22 -635
- package/dist/es/ChartPrimitives/ChartLegend.js +62 -25
- package/dist/es/ChartPrimitives/Container.d.ts +4 -126
- package/dist/es/ChartPrimitives/Container.js +17 -5
- package/dist/es/ChartPrimitives/Defs.js +73 -41
- package/dist/es/ChartPrimitives/Noop.js +8 -1
- package/dist/es/ChartPrimitives/Tooltip.d.ts +2 -3
- package/dist/es/ChartPrimitives/Tooltip.js +96 -32
- package/dist/es/ChartPrimitives/index.d.ts +6 -126
- package/dist/es/ChartPrimitives/index.js +67 -14
- package/dist/es/ChartPrimitives/utils.d.ts +26 -277
- package/dist/es/ChartPrimitives/utils.js +112 -69
- package/dist/es/Checkbox/Checkbox.js +104 -48
- package/dist/es/Checkbox/index.js +17 -2
- package/dist/es/CheckboxField/CheckboxField.js +57 -26
- package/dist/es/CheckboxField/index.js +17 -2
- package/dist/es/CollapsibleToggle/CollapsibleToggle.js +53 -28
- package/dist/es/CollapsibleToggle/constants.js +8 -1
- package/dist/es/CollapsibleToggle/index.js +17 -2
- package/dist/es/Column/Column.js +30 -10
- package/dist/es/Column/index.js +17 -2
- package/dist/es/ComparisonChart/ComparisonChart.d.ts +41 -1
- package/dist/es/ComparisonChart/ComparisonChart.js +74 -44
- package/dist/es/ComparisonChart/constants.js +9 -2
- package/dist/es/ComparisonChart/index.js +17 -2
- package/dist/es/ComponentGroup/ComponentGroup.js +28 -7
- package/dist/es/ComponentGroup/index.js +17 -2
- package/dist/es/DataGrid/DataGrid.js +127 -67
- package/dist/es/DataGrid/components/BasicColumn.js +43 -21
- package/dist/es/DataGrid/components/CategoryFilter.js +42 -16
- package/dist/es/DataGrid/components/CollapsibleCell.d.ts +5 -128
- package/dist/es/DataGrid/components/CollapsibleCell.js +81 -33
- package/dist/es/DataGrid/components/ColumnHeader.js +73 -39
- package/dist/es/DataGrid/components/ColumnHeaderActions.js +71 -37
- package/dist/es/DataGrid/components/FocusableRow.js +53 -20
- package/dist/es/DataGrid/components/InputCell.js +63 -31
- package/dist/es/DataGrid/components/ScrollableTable.d.ts +7 -7
- package/dist/es/DataGrid/components/ScrollableTable.js +95 -56
- package/dist/es/DataGrid/components/index.js +73 -9
- package/dist/es/DataGrid/constants.js +15 -4
- package/dist/es/DataGrid/elements.d.ts +352 -2543
- package/dist/es/DataGrid/elements.js +214 -92
- package/dist/es/DataGrid/index.js +17 -2
- package/dist/es/DataGrid/renderers.js +138 -96
- package/dist/es/DataGrid/sampleData.js +24 -9
- package/dist/es/DataGrid/utils.js +43 -24
- package/dist/es/DateControl/DateControl.js +113 -60
- package/dist/es/DateControl/elements.d.ts +180 -887
- package/dist/es/DateControl/elements.js +58 -22
- package/dist/es/DateControl/index.js +17 -2
- package/dist/es/DateField/DateField.js +105 -53
- package/dist/es/DateField/elements.d.ts +9 -251
- package/dist/es/DateField/elements.js +34 -12
- package/dist/es/DateField/index.js +17 -2
- package/dist/es/DatePicker/DatePicker.js +97 -56
- package/dist/es/DatePicker/index.js +28 -4
- package/dist/es/DatePicker/utils.js +47 -19
- package/dist/es/DetailPanel/DetailPanel.js +31 -17
- package/dist/es/DetailPanel/elements.d.ts +20 -505
- package/dist/es/DetailPanel/elements.js +92 -50
- package/dist/es/DetailPanel/index.js +17 -2
- package/dist/es/DistributionChart/DistributionChart.js +36 -14
- package/dist/es/DistributionChart/index.js +21 -3
- package/dist/es/DistributionChart/utils.js +10 -2
- package/dist/es/Drawer/Drawer.js +37 -17
- package/dist/es/Drawer/elements.d.ts +30 -1015
- package/dist/es/Drawer/elements.js +120 -67
- package/dist/es/Drawer/index.js +17 -2
- package/dist/es/DropdownButton/DropdownButton.d.ts +1 -125
- package/dist/es/DropdownButton/DropdownButton.js +90 -44
- package/dist/es/DropdownButton/DropdownButtonElements.d.ts +22 -776
- package/dist/es/DropdownButton/DropdownButtonElements.js +129 -59
- package/dist/es/DropdownButton/DropdownButtonUtils.js +19 -4
- package/dist/es/DropdownButton/index.js +17 -2
- package/dist/es/FileInput/FileInput.js +66 -26
- package/dist/es/FileInput/index.js +17 -2
- package/dist/es/FormControl/FormControl.d.ts +4 -17
- package/dist/es/FormControl/FormControl.js +105 -63
- package/dist/es/FormControl/components/CheckboxGroup.js +43 -17
- package/dist/es/FormControl/components/RadioGroup.js +31 -16
- package/dist/es/FormControl/components/Textarea.js +24 -7
- package/dist/es/FormControl/components/index.js +31 -4
- package/dist/es/FormControl/elements.d.ts +57 -1770
- package/dist/es/FormControl/elements.js +107 -46
- package/dist/es/FormControl/index.js +17 -2
- package/dist/es/FormField/FormField.d.ts +1 -11
- package/dist/es/FormField/FormField.js +112 -67
- package/dist/es/FormField/elements.d.ts +13 -377
- package/dist/es/FormField/elements.js +54 -20
- package/dist/es/FormField/index.js +31 -3
- package/dist/es/FormField/utils.js +29 -5
- package/dist/es/FormFieldAddon/FormFieldAddon.js +65 -28
- package/dist/es/FormFieldAddon/FormFieldAddonElements.d.ts +15 -1266
- package/dist/es/FormFieldAddon/FormFieldAddonElements.js +47 -16
- package/dist/es/FormFieldAddon/index.js +17 -2
- package/dist/es/FormLabel/FormLabel.js +18 -5
- package/dist/es/FormLabel/elements.d.ts +5 -127
- package/dist/es/FormLabel/elements.js +19 -4
- package/dist/es/FormLabel/index.js +17 -2
- package/dist/es/FormModal/FormModal.js +47 -22
- package/dist/es/FormModal/index.js +17 -2
- package/dist/es/Grid/Grid.d.ts +4 -126
- package/dist/es/Grid/Grid.js +17 -4
- package/dist/es/Grid/GridItem.d.ts +4 -126
- package/dist/es/Grid/GridItem.js +17 -5
- package/dist/es/Grid/index.js +25 -4
- package/dist/es/GrowthRateChart/GrowthRateChart.d.ts +2 -2
- package/dist/es/GrowthRateChart/GrowthRateChart.js +40 -18
- package/dist/es/GrowthRateChart/index.js +17 -2
- package/dist/es/Heading/Heading.js +37 -11
- package/dist/es/Heading/index.js +17 -2
- package/dist/es/Highlighter/Highlighter.js +25 -11
- package/dist/es/Highlighter/index.js +17 -2
- package/dist/es/Histogram/Data.js +9 -2
- package/dist/es/Histogram/Histogram.js +85 -46
- package/dist/es/Histogram/index.js +17 -2
- package/dist/es/Icon/Icon.js +68 -30
- package/dist/es/Icon/index.js +33 -2
- package/dist/es/Icon/staticTypes.d.ts +4 -2
- package/dist/es/Icon/staticTypes.js +5 -0
- package/dist/es/Icon/types.js +7 -0
- package/dist/es/IconBar/IconBar.d.ts +33 -1272
- package/dist/es/IconBar/IconBar.js +74 -45
- package/dist/es/IconBar/IconItem.d.ts +16 -507
- package/dist/es/IconBar/IconItem.js +64 -31
- package/dist/es/IconBar/LogoItem.js +27 -14
- package/dist/es/IconBar/index.js +17 -2
- package/dist/es/IconBar/variants.js +24 -7
- package/dist/es/InfiniteList/InfiniteList.js +65 -24
- package/dist/es/InfiniteList/index.js +17 -2
- package/dist/es/Input/Input.d.ts +15 -391
- package/dist/es/Input/Input.js +139 -72
- package/dist/es/Input/index.js +17 -2
- package/dist/es/LeftTruncatedText/LeftTruncatedText.js +43 -22
- package/dist/es/LeftTruncatedText/index.js +17 -2
- package/dist/es/Link/Link.d.ts +8 -126
- package/dist/es/Link/Link.js +31 -7
- package/dist/es/Link/index.js +17 -2
- package/dist/es/Loader/Loader.js +21 -7
- package/dist/es/Loader/LoaderDiamond.js +96 -73
- package/dist/es/Loader/LoaderDots.js +41 -21
- package/dist/es/Loader/index.js +17 -2
- package/dist/es/Logo/Logo.d.ts +9 -2
- package/dist/es/Logo/Logo.js +79 -248
- package/dist/es/Logo/LogoDark.d.ts +11 -0
- package/dist/es/Logo/LogoDark.js +126 -0
- package/dist/es/Logo/LogoLight.d.ts +11 -0
- package/dist/es/Logo/LogoLight.js +123 -0
- package/dist/es/Logo/LogoV4.d.ts +11 -0
- package/dist/es/Logo/LogoV4.js +168 -0
- package/dist/es/Logo/index.js +17 -2
- package/dist/es/Menu/Menu.js +104 -74
- package/dist/es/Menu/MenuElements.d.ts +1 -126
- package/dist/es/Menu/MenuElements.js +87 -32
- package/dist/es/Menu/index.js +17 -2
- package/dist/es/MiddleTruncatedText/MiddleTruncatedText.js +34 -25
- package/dist/es/MiddleTruncatedText/index.js +17 -2
- package/dist/es/Modal/Modal.d.ts +9 -254
- package/dist/es/Modal/Modal.js +78 -35
- package/dist/es/Modal/components/Body.js +27 -8
- package/dist/es/Modal/components/Footer.d.ts +3 -125
- package/dist/es/Modal/components/Footer.js +34 -16
- package/dist/es/Modal/components/FooterConfirmation.js +30 -10
- package/dist/es/Modal/components/Header.js +37 -19
- package/dist/es/Modal/components/MenuBody.d.ts +16 -638
- package/dist/es/Modal/components/MenuBody.js +146 -75
- package/dist/es/Modal/components/ModalMessage.d.ts +37 -1026
- package/dist/es/Modal/components/ModalMessage.js +125 -45
- package/dist/es/Modal/components/ModalOverlay.js +26 -11
- package/dist/es/Modal/components/elements.d.ts +50 -1765
- package/dist/es/Modal/components/elements.js +142 -60
- package/dist/es/Modal/components/index.js +79 -9
- package/dist/es/Modal/constants.js +17 -5
- package/dist/es/Modal/context.js +12 -3
- package/dist/es/Modal/index.js +13 -2
- package/dist/es/MultiSelect/MultiSelect.d.ts +5 -2
- package/dist/es/MultiSelect/MultiSelect.js +86 -38
- package/dist/es/MultiSelect/elements.d.ts +25 -1762
- package/dist/es/MultiSelect/elements.js +136 -58
- package/dist/es/MultiSelect/index.js +35 -3
- package/dist/es/NavigationBar/LogoItem.js +21 -10
- package/dist/es/NavigationBar/NavigationBar.d.ts +16 -379
- package/dist/es/NavigationBar/NavigationBar.js +49 -24
- package/dist/es/NavigationBar/NavigationItem.d.ts +8 -254
- package/dist/es/NavigationBar/NavigationItem.js +81 -32
- package/dist/es/NavigationBar/index.js +17 -2
- package/dist/es/NavigationPopover/NavigationPopover.d.ts +16 -632
- package/dist/es/NavigationPopover/NavigationPopover.js +50 -28
- package/dist/es/NavigationPopover/index.js +17 -2
- package/dist/es/Overlay/Overlay.js +30 -13
- package/dist/es/Overlay/OverlayBody.d.ts +8 -382
- package/dist/es/Overlay/OverlayBody.js +28 -9
- package/dist/es/Overlay/OverlayHeader.d.ts +37 -508
- package/dist/es/Overlay/OverlayHeader.js +94 -52
- package/dist/es/Overlay/index.js +33 -4
- package/dist/es/Paragraph/Paragraph.d.ts +4 -126
- package/dist/es/Paragraph/Paragraph.js +22 -8
- package/dist/es/Paragraph/index.js +17 -2
- package/dist/es/PieChart/PieChart.js +77 -43
- package/dist/es/PieChart/index.js +15 -2
- package/dist/es/Popover/Popover.d.ts +9 -252
- package/dist/es/Popover/Popover.js +57 -22
- package/dist/es/Popover/index.js +17 -2
- package/dist/es/PositiveNegativeBarChart/PositiveNegativeBarChart.js +65 -41
- package/dist/es/PositiveNegativeBarChart/index.js +23 -3
- package/dist/es/PositiveNegativeBarChart/utils.js +10 -2
- package/dist/es/Radio/Radio.js +85 -40
- package/dist/es/Radio/index.js +17 -2
- package/dist/es/RatioPieChart/RatioPieChart.js +20 -6
- package/dist/es/RatioPieChart/index.js +15 -2
- package/dist/es/RightTruncatedText/RightTruncatedText.js +30 -12
- package/dist/es/RightTruncatedText/index.js +17 -2
- package/dist/es/Row/Row.js +23 -8
- package/dist/es/Row/index.js +17 -2
- package/dist/es/SecondaryNavigation/SecondaryNavigation.js +48 -22
- package/dist/es/SecondaryNavigation/elements/Item.d.ts +4 -126
- package/dist/es/SecondaryNavigation/elements/Item.js +17 -5
- package/dist/es/SecondaryNavigation/elements/Section.js +53 -22
- package/dist/es/SecondaryNavigation/elements/Title.d.ts +4 -126
- package/dist/es/SecondaryNavigation/elements/Title.js +17 -5
- package/dist/es/SecondaryNavigation/elements/Wrapper.d.ts +5 -127
- package/dist/es/SecondaryNavigation/elements/Wrapper.js +17 -5
- package/dist/es/SecondaryNavigation/index.d.ts +9 -251
- package/dist/es/SecondaryNavigation/index.js +24 -10
- package/dist/es/Section/Section.js +67 -27
- package/dist/es/Section/elements.d.ts +193 -1046
- package/dist/es/Section/elements.js +73 -30
- package/dist/es/Section/index.js +17 -2
- package/dist/es/Select/Select.d.ts +1 -1
- package/dist/es/Select/Select.js +110 -57
- package/dist/es/Select/components/CreatableSelect.js +41 -11
- package/dist/es/Select/components/MenuList.js +65 -26
- package/dist/es/Select/components/MenuPortal.js +27 -18
- package/dist/es/Select/components/Option.d.ts +2 -2
- package/dist/es/Select/components/Option.js +59 -18
- package/dist/es/Select/components/OptionTypes.js +5 -0
- package/dist/es/Select/components/index.js +41 -5
- package/dist/es/Select/elements.d.ts +10 -503
- package/dist/es/Select/elements.js +45 -16
- package/dist/es/Select/index.js +42 -4
- package/dist/es/Select/types.js +5 -0
- package/dist/es/Select/utils.js +82 -52
- package/dist/es/Select/variantProps.js +78 -37
- package/dist/es/Shuttle/Shuttle.js +70 -33
- package/dist/es/Shuttle/elements.d.ts +21 -751
- package/dist/es/Shuttle/elements.js +78 -36
- package/dist/es/Shuttle/index.js +17 -2
- package/dist/es/SimpleModal/SimpleModal.js +30 -11
- package/dist/es/SimpleModal/index.js +17 -2
- package/dist/es/Slider/Slider.js +60 -29
- package/dist/es/Slider/elements.d.ts +39 -388
- package/dist/es/Slider/elements.js +34 -10
- package/dist/es/Slider/index.js +17 -2
- package/dist/es/StatCard/StatCard.js +46 -26
- package/dist/es/StatCard/elements.d.ts +47 -1513
- package/dist/es/StatCard/elements.js +74 -24
- package/dist/es/StatCard/index.js +17 -2
- package/dist/es/Tabs/Tabs.js +36 -15
- package/dist/es/Tabs/elements.d.ts +34 -508
- package/dist/es/Tabs/elements.js +52 -17
- package/dist/es/Tabs/index.js +17 -2
- package/dist/es/Tagger/Tagger.d.ts +8 -126
- package/dist/es/Tagger/Tagger.js +77 -34
- package/dist/es/Tagger/TaggerElements.d.ts +22 -757
- package/dist/es/Tagger/TaggerElements.js +74 -33
- package/dist/es/Tagger/components/PopupSelector.js +124 -75
- package/dist/es/Tagger/components/PopupSelectorElements.d.ts +66 -2081
- package/dist/es/Tagger/components/PopupSelectorElements.js +108 -43
- package/dist/es/Tagger/components/constants.js +10 -2
- package/dist/es/Tagger/index.js +17 -2
- package/dist/es/Tagger/variantProps.js +116 -82
- package/dist/es/Text/Text.d.ts +4 -126
- package/dist/es/Text/Text.js +38 -10
- package/dist/es/Text/index.js +17 -2
- package/dist/es/ThemeProvider/ThemeProvider.d.ts +3403 -220
- package/dist/es/ThemeProvider/ThemeProvider.js +47 -24
- package/dist/es/ThemeProvider/accessibility.js +21 -11
- package/dist/es/ThemeProvider/icons.js +13 -4
- package/dist/es/ThemeProvider/index.js +80 -7
- package/dist/es/ThemeProvider/overridable.js +8 -1
- package/dist/es/ThemeProvider/theme.js +18 -6
- package/dist/es/ThemeProvider/types.d.ts +8 -29
- package/dist/es/ThemeProvider/types.js +5 -0
- package/dist/es/ThemeProvider/utils/themeUtils.js +8 -1
- package/dist/es/ThemeProvider/v4/Badge.js +18 -5
- package/dist/es/ThemeProvider/v4/Button.js +24 -9
- package/dist/es/ThemeProvider/v4/Card.js +19 -5
- package/dist/es/ThemeProvider/v4/Checkbox.js +18 -5
- package/dist/es/ThemeProvider/v4/CollapsibleToggle.js +18 -5
- package/dist/es/ThemeProvider/v4/Color.d.ts +1 -1
- package/dist/es/ThemeProvider/v4/Color.js +16 -4
- package/dist/es/ThemeProvider/v4/DataGrid.d.ts +2 -8
- package/dist/es/ThemeProvider/v4/DataGrid.js +18 -5
- package/dist/es/ThemeProvider/v4/DatePicker.js +29 -16
- package/dist/es/ThemeProvider/v4/DropdownButton.js +21 -7
- package/dist/es/ThemeProvider/v4/FormFieldAddon.js +18 -5
- package/dist/es/ThemeProvider/v4/FormLabel.d.ts +1 -5
- package/dist/es/ThemeProvider/v4/FormLabel.js +19 -5
- package/dist/es/ThemeProvider/v4/Icon.js +19 -5
- package/dist/es/ThemeProvider/v4/Input.d.ts +1 -1
- package/dist/es/ThemeProvider/v4/Input.js +17 -6
- package/dist/es/ThemeProvider/v4/Link.js +19 -5
- package/dist/es/ThemeProvider/v4/Menu.d.ts +1 -5
- package/dist/es/ThemeProvider/v4/Menu.js +21 -7
- package/dist/es/ThemeProvider/v4/Modal.d.ts +14 -42
- package/dist/es/ThemeProvider/v4/Modal.js +21 -7
- package/dist/es/ThemeProvider/v4/MultiSelect.d.ts +2 -24
- package/dist/es/ThemeProvider/v4/MultiSelect.js +18 -5
- package/dist/es/ThemeProvider/v4/Popover.js +15 -4
- package/dist/es/ThemeProvider/v4/Radio.d.ts +2 -30
- package/dist/es/ThemeProvider/v4/Radio.js +18 -5
- package/dist/es/ThemeProvider/v4/Section.d.ts +3 -39
- package/dist/es/ThemeProvider/v4/Section.js +18 -5
- package/dist/es/ThemeProvider/v4/Select.d.ts +1 -4
- package/dist/es/ThemeProvider/v4/Select.js +18 -5
- package/dist/es/ThemeProvider/v4/Shuttle.js +18 -5
- package/dist/es/ThemeProvider/v4/Tagger.d.ts +1 -12
- package/dist/es/ThemeProvider/v4/Tagger.js +18 -5
- package/dist/es/ThemeProvider/v4/Toast.js +18 -5
- package/dist/es/ThemeProvider/v4/Toggle.d.ts +4 -38
- package/dist/es/ThemeProvider/v4/Toggle.js +18 -5
- package/dist/es/ThemeProvider/v4/UserAvatar.js +18 -5
- package/dist/es/ThemeProvider/v4/View.js +19 -5
- package/dist/es/ThemeProvider/v4/index.d.ts +3403 -220
- package/dist/es/ThemeProvider/v4/index.js +69 -33
- package/dist/es/TimeControl/TimeControl.js +63 -26
- package/dist/es/TimeControl/elements.d.ts +186 -378
- package/dist/es/TimeControl/elements.js +41 -14
- package/dist/es/TimeControl/index.js +17 -2
- package/dist/es/TimeControl/utils.js +41 -18
- package/dist/es/TimeField/TimeField.d.ts +5 -1
- package/dist/es/TimeField/TimeField.js +40 -14
- package/dist/es/TimeField/index.js +17 -2
- package/dist/es/TimePicker/TimePicker.js +60 -30
- package/dist/es/TimePicker/components/Container.d.ts +5 -127
- package/dist/es/TimePicker/components/Container.js +20 -5
- package/dist/es/TimePicker/components/PeriodSelector.js +68 -38
- package/dist/es/TimePicker/components/Separator.d.ts +4 -126
- package/dist/es/TimePicker/components/Separator.js +17 -3
- package/dist/es/TimePicker/components/Spinner.d.ts +4 -126
- package/dist/es/TimePicker/components/Spinner.js +60 -26
- package/dist/es/TimePicker/components/index.js +58 -5
- package/dist/es/TimePicker/index.js +17 -2
- package/dist/es/TimePicker/utils.js +38 -14
- package/dist/es/Toast/Toast.js +71 -36
- package/dist/es/Toast/constants.js +9 -2
- package/dist/es/Toast/elements.d.ts +39 -1512
- package/dist/es/Toast/elements.js +118 -53
- package/dist/es/Toast/index.js +21 -3
- package/dist/es/Toggle/Toggle.d.ts +10 -252
- package/dist/es/Toggle/Toggle.js +87 -32
- package/dist/es/Toggle/index.js +17 -2
- package/dist/es/TooltipPopover/TooltipPopover.js +59 -22
- package/dist/es/TooltipPopover/index.js +17 -2
- package/dist/es/TooltipPopover/useWaitForDOMRef.js +25 -9
- package/dist/es/Tree/NodeContent.js +43 -23
- package/dist/es/Tree/NodeContextMenu.js +29 -11
- package/dist/es/Tree/Tree.js +66 -26
- package/dist/es/Tree/TreeNode.js +40 -16
- package/dist/es/Tree/elements.d.ts +40 -1268
- package/dist/es/Tree/elements.js +80 -31
- package/dist/es/Tree/index.js +38 -20
- package/dist/es/Tree/mockData.js +9 -2
- package/dist/es/UserAvatar/UserAvatar.d.ts +8 -254
- package/dist/es/UserAvatar/UserAvatar.js +62 -30
- package/dist/es/UserAvatar/index.js +17 -2
- package/dist/es/View/View.d.ts +4 -126
- package/dist/es/View/View.js +38 -10
- package/dist/es/View/index.js +17 -2
- package/dist/es/VisuallyHidden/VisuallyHidden.js +60 -19
- package/dist/es/VisuallyHidden/index.js +17 -2
- package/dist/es/VolumeChart/VolumeChart.d.ts +7 -6
- package/dist/es/VolumeChart/VolumeChart.js +55 -34
- package/dist/es/VolumeChart/index.js +17 -2
- package/dist/es/index.d.ts +3 -3
- package/dist/es/index.js +727 -86
- package/dist/es/mixins/border.js +15 -5
- package/dist/es/mixins/color.js +8 -1
- package/dist/es/mixins/index.js +33 -4
- package/dist/es/mixins/spacing.js +8 -1
- package/dist/es/utils/CloseWrapper.js +21 -7
- package/dist/es/utils/cloneElementWithCss.js +14 -6
- package/dist/es/utils/comparison.js +8 -1
- package/dist/es/utils/createChainedFunction.js +7 -1
- package/dist/es/utils/css.d.ts +2 -2
- package/dist/es/utils/css.js +33 -8
- package/dist/es/utils/enzyme.d.ts +0 -1
- package/dist/es/utils/enzyme.js +54 -31
- package/dist/es/utils/form.js +21 -2
- package/dist/es/utils/globalcss.d.ts +1 -1
- package/dist/es/utils/globalcss.js +12 -3
- package/dist/es/utils/hooks.js +33 -11
- package/dist/es/utils/isPropValid.js +14 -4
- package/dist/es/utils/resetcss.d.ts +1 -1
- package/dist/es/utils/resetcss.js +18 -7
- package/package.json +13 -12
- package/types/@emotion/styled.d.ts +0 -8
package/dist/es/View/View.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
/// <reference types="types/@emotion/styled" />
|
|
3
2
|
import type { Border } from '../mixins/border';
|
|
4
3
|
import type { Spacing } from '../mixins/spacing';
|
|
5
4
|
declare type ViewProps = {
|
|
@@ -9,130 +8,9 @@ declare type ViewProps = {
|
|
|
9
8
|
color?: string;
|
|
10
9
|
};
|
|
11
10
|
};
|
|
12
|
-
declare const View: import("@emotion/styled
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
warning: string[];
|
|
17
|
-
error: string[];
|
|
18
|
-
primary: string[];
|
|
19
|
-
secondary: string[];
|
|
20
|
-
neutral: string[];
|
|
21
|
-
};
|
|
22
|
-
readonly fontFamily: {
|
|
23
|
-
body: string;
|
|
24
|
-
monospace: string;
|
|
25
|
-
};
|
|
26
|
-
readonly fontSize: string[];
|
|
27
|
-
readonly lineHeight: number[];
|
|
28
|
-
readonly radius: string[];
|
|
29
|
-
readonly borderWidth: string[];
|
|
30
|
-
readonly grid: number[];
|
|
31
|
-
readonly shadows: {
|
|
32
|
-
small: string;
|
|
33
|
-
big: string;
|
|
34
|
-
pill: string;
|
|
35
|
-
bigCentered: string;
|
|
36
|
-
popover: string;
|
|
37
|
-
secondaryNavActiveItem: string;
|
|
38
|
-
};
|
|
39
|
-
readonly sizes: {
|
|
40
|
-
PageHeaderIcon: number;
|
|
41
|
-
};
|
|
42
|
-
readonly zIndex: {
|
|
43
|
-
Base: number;
|
|
44
|
-
Overlay: number;
|
|
45
|
-
FormControl: number;
|
|
46
|
-
SecondaryNav: number;
|
|
47
|
-
SecondaryNavActiveItem: number;
|
|
48
|
-
PrimaryNav: number;
|
|
49
|
-
PopOver: number;
|
|
50
|
-
PageHeaderSearch: number;
|
|
51
|
-
Modal: number;
|
|
52
|
-
Tether: number;
|
|
53
|
-
GlobalNav: number;
|
|
54
|
-
Toast: number;
|
|
55
|
-
};
|
|
56
|
-
readonly color: {
|
|
57
|
-
Dune: string;
|
|
58
|
-
CuriousBlue: string;
|
|
59
|
-
FlushMahogany: string;
|
|
60
|
-
Maroon: string;
|
|
61
|
-
PinkSwan: string;
|
|
62
|
-
Matisse: string;
|
|
63
|
-
HummingBird: string;
|
|
64
|
-
Primary: string;
|
|
65
|
-
PrimaryContrast: string;
|
|
66
|
-
PrimaryFade: string;
|
|
67
|
-
PrimaryLight: string;
|
|
68
|
-
PrimaryLightFade: string;
|
|
69
|
-
PrimaryLightHighlight: string;
|
|
70
|
-
PrimaryAccent: string;
|
|
71
|
-
DarkBackground: string;
|
|
72
|
-
DarkBar: string;
|
|
73
|
-
DarkHover: string;
|
|
74
|
-
DarkPrimary: string;
|
|
75
|
-
DarkSecondary: string;
|
|
76
|
-
LightBackground: string;
|
|
77
|
-
LightBar: string;
|
|
78
|
-
LightDisabled: string;
|
|
79
|
-
LightDivider: string;
|
|
80
|
-
LightDividerNew: string;
|
|
81
|
-
LightHint: string;
|
|
82
|
-
LightHover: string;
|
|
83
|
-
LightPrimary: string;
|
|
84
|
-
LightSecondary: string;
|
|
85
|
-
BorderGrey: string;
|
|
86
|
-
Blue: string;
|
|
87
|
-
BlueFade: string;
|
|
88
|
-
Green: string;
|
|
89
|
-
GreenFade: string;
|
|
90
|
-
GreenBackground: string;
|
|
91
|
-
Red: string;
|
|
92
|
-
RedFade: string;
|
|
93
|
-
Yellow: string;
|
|
94
|
-
YellowFade: string;
|
|
95
|
-
YellowHighlight: string;
|
|
96
|
-
Orange: string;
|
|
97
|
-
OrangeFill: string;
|
|
98
|
-
OrangeBackground: string;
|
|
99
|
-
Error: string;
|
|
100
|
-
ErrorFade: string;
|
|
101
|
-
ErrorBackground: string;
|
|
102
|
-
DraggableDraggingBackground: string;
|
|
103
|
-
Aquamarine: string;
|
|
104
|
-
Azure: string;
|
|
105
|
-
AzureNew: string;
|
|
106
|
-
AzureFade: string;
|
|
107
|
-
AzureHighlight: string;
|
|
108
|
-
Silver: string;
|
|
109
|
-
BlueNavy: string;
|
|
110
|
-
Black: string;
|
|
111
|
-
TurquoiseBlue: string;
|
|
112
|
-
SummerSky: string;
|
|
113
|
-
Mondo: string;
|
|
114
|
-
HeavyMetal: string;
|
|
115
|
-
BokaraGrey: string;
|
|
116
|
-
Cyan: string;
|
|
117
|
-
Eucalyptus: string;
|
|
118
|
-
Flamingo: string;
|
|
119
|
-
Zorba: string;
|
|
120
|
-
Flint: string;
|
|
121
|
-
Maya: string;
|
|
122
|
-
Bondi: string;
|
|
123
|
-
Emerald: string;
|
|
124
|
-
Carissma: string;
|
|
125
|
-
Solitude: string;
|
|
126
|
-
WhiteSmoke: string;
|
|
127
|
-
Violet: string;
|
|
128
|
-
FireBrick: string;
|
|
129
|
-
Purple: string;
|
|
130
|
-
Buckthorn: string;
|
|
131
|
-
};
|
|
132
|
-
readonly gradient: {
|
|
133
|
-
main: string;
|
|
134
|
-
neutral: string;
|
|
135
|
-
};
|
|
136
|
-
}>;
|
|
11
|
+
declare const View: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
} & ViewProps & Partial<Border & Spacing>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
137
15
|
export default View;
|
|
138
16
|
//# sourceMappingURL=View.d.ts.map
|
package/dist/es/View/View.js
CHANGED
|
@@ -1,22 +1,50 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
+
|
|
10
|
+
var _mixins = require("../mixins");
|
|
11
|
+
|
|
12
|
+
var _ThemeProvider = require("../ThemeProvider");
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
16
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
17
|
+
|
|
18
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
+
|
|
20
|
+
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); }
|
|
21
|
+
|
|
22
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
23
|
+
|
|
24
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
25
|
+
|
|
26
|
+
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; }
|
|
27
|
+
|
|
3
28
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
4
29
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
5
|
-
|
|
6
|
-
import { getOverrides, Overridable } from '../ThemeProvider';
|
|
7
|
-
|
|
8
|
-
var View = /*#__PURE__*/_styled('div', {
|
|
30
|
+
var View = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
|
|
9
31
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
10
|
-
return ![].concat(_toConsumableArray(border.props), _toConsumableArray(spacing.props)).includes(prop);
|
|
32
|
+
return ![].concat(_toConsumableArray(_mixins.border.props), _toConsumableArray(_mixins.spacing.props)).includes(prop);
|
|
11
33
|
},
|
|
12
34
|
target: "e1jvz3b70"
|
|
35
|
+
} : {
|
|
36
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
37
|
+
return ![].concat(_toConsumableArray(_mixins.border.props), _toConsumableArray(_mixins.spacing.props)).includes(prop);
|
|
38
|
+
},
|
|
39
|
+
target: "e1jvz3b70",
|
|
40
|
+
label: "View"
|
|
13
41
|
})(function (_ref) {
|
|
14
42
|
var theme = _ref.theme;
|
|
15
43
|
return {
|
|
16
44
|
color: theme.palette.neutral[11],
|
|
17
45
|
fontSize: theme.fontSize[1]
|
|
18
46
|
};
|
|
19
|
-
}, border, spacing, getOverrides(Overridable.View.Root), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WaWV3L1ZpZXcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ZpZXcvVmlldy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgYm9yZGVyLCBzcGFjaW5nIH0gZnJvbSAnLi4vbWl4aW5zJ1xuaW1wb3J0IHR5cGUgeyBCb3JkZXIgfSBmcm9tICcuLi9taXhpbnMvYm9yZGVyJ1xuaW1wb3J0IHR5cGUgeyBTcGFjaW5nIH0gZnJvbSAnLi4vbWl4aW5zL3NwYWNpbmcnXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB7IGdldE92ZXJyaWRlcywgT3ZlcnJpZGFibGUgfSBmcm9tICcuLi9UaGVtZVByb3ZpZGVyJ1xuXG50eXBlIFZpZXdQcm9wcyA9IHtcbiAgYm9yZGVyPzogeyB3aWR0aD86IHN0cmluZyB8IG51bWJlcjsgc3R5bGU/
|
|
20
|
-
|
|
47
|
+
}, _mixins.border, _mixins.spacing, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.View.Root), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WaWV3L1ZpZXcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1ZpZXcvVmlldy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgYm9yZGVyLCBzcGFjaW5nIH0gZnJvbSAnLi4vbWl4aW5zJ1xuaW1wb3J0IHR5cGUgeyBCb3JkZXIgfSBmcm9tICcuLi9taXhpbnMvYm9yZGVyJ1xuaW1wb3J0IHR5cGUgeyBTcGFjaW5nIH0gZnJvbSAnLi4vbWl4aW5zL3NwYWNpbmcnXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB7IGdldE92ZXJyaWRlcywgT3ZlcnJpZGFibGUgfSBmcm9tICcuLi9UaGVtZVByb3ZpZGVyJ1xuXG50eXBlIFZpZXdQcm9wcyA9IHtcbiAgYm9yZGVyPzogeyB3aWR0aD86IHN0cmluZyB8IG51bWJlcjsgc3R5bGU/OiBzdHJpbmc7IGNvbG9yPzogc3RyaW5nIH1cbn1cblxuY29uc3QgVmlldyA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3A6IHN0cmluZykgPT5cbiAgICAhWy4uLmJvcmRlci5wcm9wcywgLi4uc3BhY2luZy5wcm9wc10uaW5jbHVkZXMocHJvcClcbn0pPFZpZXdQcm9wcyAmIFBhcnRpYWw8Qm9yZGVyICYgU3BhY2luZz4+KFxuICAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiAoe1xuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbMTFdLFxuICAgIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZVsxXVxuICB9KSxcbiAgYm9yZGVyLFxuICBzcGFjaW5nLFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuVmlldy5Sb290KVxuKVxuVmlldy5kaXNwbGF5TmFtZSA9ICdWaWV3J1xuXG5leHBvcnQgZGVmYXVsdCBWaWV3XG4iXX0= */");
|
|
21
48
|
View.displayName = 'View';
|
|
22
|
-
|
|
49
|
+
var _default = View;
|
|
50
|
+
exports["default"] = _default;
|
package/dist/es/View/index.js
CHANGED
|
@@ -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 _View["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _View = _interopRequireDefault(require("./View"));
|
|
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 './View';
|
|
18
|
+
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
@@ -1,21 +1,61 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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["default"] = 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 _excluded = ["children"];
|
|
17
|
+
|
|
18
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
+
|
|
24
|
+
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); }
|
|
25
|
+
|
|
26
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
|
+
|
|
28
|
+
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."); }
|
|
29
|
+
|
|
30
|
+
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); }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
|
+
|
|
38
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
39
|
+
|
|
40
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
41
|
+
|
|
42
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
43
|
+
|
|
6
44
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
7
45
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var Wrapper = _styled("div", {
|
|
46
|
+
var Wrapper = (0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
|
|
11
47
|
target: "e1byfu2i0"
|
|
48
|
+
} : {
|
|
49
|
+
target: "e1byfu2i0",
|
|
50
|
+
label: "Wrapper"
|
|
12
51
|
})(process.env.NODE_ENV === "production" ? {
|
|
13
|
-
name: "
|
|
14
|
-
styles: "position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0
|
|
52
|
+
name: "ea91rp",
|
|
53
|
+
styles: "position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0"
|
|
15
54
|
} : {
|
|
16
|
-
name: "
|
|
17
|
-
styles: "position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0
|
|
18
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WaXN1YWxseUhpZGRlbi9WaXN1YWxseUhpZGRlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9WaXN1YWxseUhpZGRlbi9WaXN1YWxseUhpZGRlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgY2xpcDogJ3JlY3QoMCAwIDAgMCknLFxuICBoZWlnaHQ6ICcxcHgnLFxuICB3aWR0aDogJzFweCcsXG4gIG1hcmdpbjogJy0xcHgnLFxuICBwYWRkaW5nOiAwLFxuICBib3JkZXI6IDBcbn0pXG5cbnR5cGUgVmlzdWFsbHlIaWRkZW5Qcm9wcyA9IHtcbiAgLyoqIFNvbWV0aGluZyB0aGF0IGdpdmVzIGV4dHJhIGluZm9ybWF0aW9uIHRvIHNjcmVlbiByZWFkZXIgdXNlcnMgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3Qgbm9vcCA9ICgpID0+IHt9XG5cbi8qKiAnXCJWaXN1YWxseUhpZGRlblwiIGlzIGEgc3R5bGVkIGNvbXBvbmVudCB0aGF0IGFpZHMgaW4gZ2l2aW5nIGV4dHJhIGNvbnRleHQgdG8gc2NyZWVuIHJlYWRlciB1c2Vycy4gUHJlc3MgdGhlIFwiQWx0XCIgKE9wdGlvbiBvbiBNYWMpIGtleSBpbiBkZXYgdG8gc2VlIHRoZSBjb250ZW50LicgKi9cbi8qKiBNb3JlIEluZm9ybWF0aW9uIGhlcmU6IGh0dHBzOi8vd3d3Lmpvc2h3Y29tZWF1LmNvbS9zbmlwcGV0cy9yZWFjdC1jb21wb25lbnRzL3Zpc3VhbGx5LWhpZGRlbi8gKi9cbmNvbnN0IFZpc3VhbGx5SGlkZGVuID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH06IFZpc3VhbGx5SGlkZGVuUHJvcHMpID0+IHtcbiAgY29uc3QgW2ZvcmNlU2hvdywgc2V0Rm9yY2VTaG93XSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSAncHJvZHVjdGlvbicpIHtcbiAgICAgIGNvbnN0IGhhbmRsZUtleURvd24gPSBldmVudCA9PiB7XG4gICAgICAgIGlmIChldmVudC5rZXkgPT09ICdBbHQnKSB7XG4gICAgICAgICAgc2V0Rm9yY2VTaG93KHRydWUpXG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgY29uc3QgaGFuZGxlS2V5VXAgPSAoKSA9PiB7XG4gICAgICAgIHNldEZvcmNlU2hvdyhmYWxzZSlcbiAgICAgIH1cblxuICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlS2V5VXApXG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlS2V5RG93bilcbiAgICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlVcClcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIG5vb3BcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGlmIChmb3JjZVNob3cpIHtcbiAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHsuLi5wcm9wc30gZGF0YS10ZXN0aWQ9XCJ2aXN1YWxseS1oaWRkZW5cIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVmlzdWFsbHlIaWRkZW5cbiJdfQ== */"
|
|
55
|
+
name: "ea91rp",
|
|
56
|
+
styles: "position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0",
|
|
57
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9WaXN1YWxseUhpZGRlbi9WaXN1YWxseUhpZGRlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9WaXN1YWxseUhpZGRlbi9WaXN1YWxseUhpZGRlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgY2xpcDogJ3JlY3QoMCAwIDAgMCknLFxuICBoZWlnaHQ6ICcxcHgnLFxuICB3aWR0aDogJzFweCcsXG4gIG1hcmdpbjogJy0xcHgnLFxuICBwYWRkaW5nOiAwLFxuICBib3JkZXI6IDBcbn0pXG5cbnR5cGUgVmlzdWFsbHlIaWRkZW5Qcm9wcyA9IHtcbiAgLyoqIFNvbWV0aGluZyB0aGF0IGdpdmVzIGV4dHJhIGluZm9ybWF0aW9uIHRvIHNjcmVlbiByZWFkZXIgdXNlcnMgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3Qgbm9vcCA9ICgpID0+IHt9XG5cbi8qKiAnXCJWaXN1YWxseUhpZGRlblwiIGlzIGEgc3R5bGVkIGNvbXBvbmVudCB0aGF0IGFpZHMgaW4gZ2l2aW5nIGV4dHJhIGNvbnRleHQgdG8gc2NyZWVuIHJlYWRlciB1c2Vycy4gUHJlc3MgdGhlIFwiQWx0XCIgKE9wdGlvbiBvbiBNYWMpIGtleSBpbiBkZXYgdG8gc2VlIHRoZSBjb250ZW50LicgKi9cbi8qKiBNb3JlIEluZm9ybWF0aW9uIGhlcmU6IGh0dHBzOi8vd3d3Lmpvc2h3Y29tZWF1LmNvbS9zbmlwcGV0cy9yZWFjdC1jb21wb25lbnRzL3Zpc3VhbGx5LWhpZGRlbi8gKi9cbmNvbnN0IFZpc3VhbGx5SGlkZGVuID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH06IFZpc3VhbGx5SGlkZGVuUHJvcHMpID0+IHtcbiAgY29uc3QgW2ZvcmNlU2hvdywgc2V0Rm9yY2VTaG93XSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSAncHJvZHVjdGlvbicpIHtcbiAgICAgIGNvbnN0IGhhbmRsZUtleURvd24gPSBldmVudCA9PiB7XG4gICAgICAgIGlmIChldmVudC5rZXkgPT09ICdBbHQnKSB7XG4gICAgICAgICAgc2V0Rm9yY2VTaG93KHRydWUpXG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgY29uc3QgaGFuZGxlS2V5VXAgPSAoKSA9PiB7XG4gICAgICAgIHNldEZvcmNlU2hvdyhmYWxzZSlcbiAgICAgIH1cblxuICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlEb3duKVxuICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlS2V5VXApXG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlS2V5RG93bilcbiAgICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCBoYW5kbGVLZXlVcClcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIG5vb3BcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGlmIChmb3JjZVNob3cpIHtcbiAgICByZXR1cm4gPD57Y2hpbGRyZW59PC8+XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHsuLi5wcm9wc30gZGF0YS10ZXN0aWQ9XCJ2aXN1YWxseS1oaWRkZW5cIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVmlzdWFsbHlIaWRkZW5cbiJdfQ== */",
|
|
58
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
19
59
|
});
|
|
20
60
|
|
|
21
61
|
var noop = function noop() {};
|
|
@@ -26,14 +66,14 @@ var noop = function noop() {};
|
|
|
26
66
|
|
|
27
67
|
var VisuallyHidden = function VisuallyHidden(_ref) {
|
|
28
68
|
var children = _ref.children,
|
|
29
|
-
props = _objectWithoutProperties(_ref,
|
|
69
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
30
70
|
|
|
31
|
-
var _useState = useState(false),
|
|
71
|
+
var _useState = (0, _react.useState)(false),
|
|
32
72
|
_useState2 = _slicedToArray(_useState, 2),
|
|
33
73
|
forceShow = _useState2[0],
|
|
34
74
|
setForceShow = _useState2[1];
|
|
35
75
|
|
|
36
|
-
useEffect(function () {
|
|
76
|
+
(0, _react.useEffect)(function () {
|
|
37
77
|
if (process.env.NODE_ENV !== 'production') {
|
|
38
78
|
var handleKeyDown = function handleKeyDown(event) {
|
|
39
79
|
if (event.key === 'Alt') {
|
|
@@ -57,10 +97,10 @@ var VisuallyHidden = function VisuallyHidden(_ref) {
|
|
|
57
97
|
}, []);
|
|
58
98
|
|
|
59
99
|
if (forceShow) {
|
|
60
|
-
return
|
|
100
|
+
return (0, _react2.jsx)(_react["default"].Fragment, null, children);
|
|
61
101
|
}
|
|
62
102
|
|
|
63
|
-
return
|
|
103
|
+
return (0, _react2.jsx)(Wrapper, _extends({
|
|
64
104
|
"data-gs-c": gsC(children),
|
|
65
105
|
"data-gs": gs("src", "visuallyhidden", "visuallyhidden.tsx", "wrapper")
|
|
66
106
|
}, props, {
|
|
@@ -68,4 +108,5 @@ var VisuallyHidden = function VisuallyHidden(_ref) {
|
|
|
68
108
|
}), children);
|
|
69
109
|
};
|
|
70
110
|
|
|
71
|
-
|
|
111
|
+
var _default = VisuallyHidden;
|
|
112
|
+
exports["default"] = _default;
|
|
@@ -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 _VisuallyHidden["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _VisuallyHidden = _interopRequireDefault(require("./VisuallyHidden"));
|
|
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 './VisuallyHidden';
|
|
18
|
+
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import type { CSSObject } from '@emotion/
|
|
1
|
+
import type { CSSObject } from '@emotion/react';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { chartUtils } from '../ChartPrimitives';
|
|
4
|
+
import type { Theme } from '../ThemeProvider';
|
|
4
5
|
declare type VolumeChartProps = {
|
|
5
6
|
animate?: boolean;
|
|
6
7
|
chartColors?: string;
|
|
@@ -20,9 +21,7 @@ declare type VolumeChartProps = {
|
|
|
20
21
|
lineStyle?: CSSObject;
|
|
21
22
|
detailed?: boolean;
|
|
22
23
|
grayscale?: boolean;
|
|
23
|
-
theme:
|
|
24
|
-
[key: string]: any;
|
|
25
|
-
};
|
|
24
|
+
theme: Theme;
|
|
26
25
|
xTickCount?: number;
|
|
27
26
|
yTickCount?: number;
|
|
28
27
|
};
|
|
@@ -33,9 +32,11 @@ export declare namespace VolumeChart {
|
|
|
33
32
|
tooltipLabel: (d: any) => string[];
|
|
34
33
|
};
|
|
35
34
|
}
|
|
36
|
-
declare const ThemedChart: React.
|
|
35
|
+
declare const ThemedChart: React.FC<Pick<Pick<VolumeChartProps, "data" | "animate" | "height" | "width" | "theme" | "grayscale" | "domainPadding" | "detailed" | "yAxisLabel" | "yTickLabel" | "chartColors" | "xTickCount" | "xTickValues" | "yTickCount" | "xAxisLabel" | "lineStyle" | "hideGridLines"> & Partial<Pick<VolumeChartProps, "tooltipLabel" | "xTickLabel">> & Partial<Pick<{
|
|
37
36
|
xTickLabel: (ts: number) => string;
|
|
38
37
|
tooltipLabel: (d: any) => string[];
|
|
39
|
-
}, never>>, "
|
|
38
|
+
}, never>>, "data" | "animate" | "height" | "width" | "grayscale" | "domainPadding" | "detailed" | "yAxisLabel" | "yTickLabel" | "chartColors" | "tooltipLabel" | "xTickCount" | "xTickLabel" | "xTickValues" | "yTickCount" | "xAxisLabel" | "lineStyle" | "hideGridLines"> & {
|
|
39
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
40
|
+
}>;
|
|
40
41
|
export default ThemedChart;
|
|
41
42
|
//# sourceMappingURL=VolumeChart.d.ts.map
|
|
@@ -1,12 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.VolumeChart = VolumeChart;
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
|
|
9
|
+
var _react = require("@emotion/react");
|
|
10
|
+
|
|
11
|
+
var _react2 = _interopRequireDefault(require("react"));
|
|
12
|
+
|
|
13
|
+
var _victory = require("victory");
|
|
14
|
+
|
|
15
|
+
var _ChartPrimitives = require("../ChartPrimitives");
|
|
16
|
+
|
|
17
|
+
var _excluded = ["animate", "chartColors", "width", "height", "data", "domainPadding", "xTickLabel", "xAxisLabel", "yTickLabel", "yAxisLabel", "tooltipLabel", "hideGridLines", "lineStyle", "detailed", "grayscale", "xTickValues", "theme", "xTickCount", "yTickCount"];
|
|
18
|
+
|
|
19
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
20
|
+
|
|
21
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
22
|
+
|
|
23
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
24
|
+
|
|
25
|
+
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); }
|
|
26
|
+
|
|
4
27
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
5
28
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
6
|
-
import { useTheme, withTheme } from 'emotion-theming';
|
|
7
|
-
import React from 'react';
|
|
8
|
-
import { VictoryArea, VictoryAxis, VictoryChart, VictoryGroup, VictoryScatter, VictoryVoronoiContainer } from 'victory';
|
|
9
|
-
import { chartUtils, Container, Defs, Noop, Tooltip } from '../ChartPrimitives';
|
|
10
29
|
|
|
11
30
|
function AreaChart(_ref) {
|
|
12
31
|
var _ref$animate = _ref.animate,
|
|
@@ -18,7 +37,7 @@ function AreaChart(_ref) {
|
|
|
18
37
|
height = _ref.height,
|
|
19
38
|
width = _ref.width,
|
|
20
39
|
theme = _ref.theme;
|
|
21
|
-
return
|
|
40
|
+
return (0, _react.jsx)(_victory.VictoryArea, _extends({
|
|
22
41
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "area-chart", "victory-area"),
|
|
23
42
|
data: data,
|
|
24
43
|
animate: animate,
|
|
@@ -27,13 +46,13 @@ function AreaChart(_ref) {
|
|
|
27
46
|
return tooltipLabel(datum);
|
|
28
47
|
} : undefined,
|
|
29
48
|
interpolation: "monotoneX",
|
|
30
|
-
labelComponent: detailed && tooltipLabel ?
|
|
49
|
+
labelComponent: detailed && tooltipLabel ? (0, _react.jsx)(_ChartPrimitives.Tooltip, {
|
|
31
50
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "area-chart", "victory-area", "tooltip"),
|
|
32
51
|
chartTheme: theme,
|
|
33
52
|
label: tooltipLabel,
|
|
34
53
|
chartHeight: height,
|
|
35
54
|
chartWidth: width
|
|
36
|
-
}) :
|
|
55
|
+
}) : (0, _react.jsx)(_ChartPrimitives.Noop, {
|
|
37
56
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "area-chart", "victory-area", "noop")
|
|
38
57
|
})
|
|
39
58
|
}, lineStyle ? {
|
|
@@ -43,11 +62,11 @@ function AreaChart(_ref) {
|
|
|
43
62
|
} : {}));
|
|
44
63
|
}
|
|
45
64
|
|
|
46
|
-
|
|
65
|
+
function VolumeChart(_ref3) {
|
|
47
66
|
var _ref3$animate = _ref3.animate,
|
|
48
|
-
animate = _ref3$animate === void 0 ? chartUtils.ANIMATE : _ref3$animate,
|
|
67
|
+
animate = _ref3$animate === void 0 ? _ChartPrimitives.chartUtils.ANIMATE : _ref3$animate,
|
|
49
68
|
_ref3$chartColors = _ref3.chartColors,
|
|
50
|
-
chartColors = _ref3$chartColors === void 0 ? chartUtils.DEFAULT_COLORS[0] : _ref3$chartColors,
|
|
69
|
+
chartColors = _ref3$chartColors === void 0 ? _ChartPrimitives.chartUtils.DEFAULT_COLORS[0] : _ref3$chartColors,
|
|
51
70
|
width = _ref3.width,
|
|
52
71
|
height = _ref3.height,
|
|
53
72
|
data = _ref3.data,
|
|
@@ -65,7 +84,7 @@ export function VolumeChart(_ref3) {
|
|
|
65
84
|
cssTheme = _ref3.theme,
|
|
66
85
|
xTickCount = _ref3.xTickCount,
|
|
67
86
|
yTickCount = _ref3.yTickCount,
|
|
68
|
-
props = _objectWithoutProperties(_ref3,
|
|
87
|
+
props = _objectWithoutProperties(_ref3, _excluded);
|
|
69
88
|
|
|
70
89
|
// Ensure dimensions are always positive, non-zero, numbers
|
|
71
90
|
// so that Victory doesn't create invalid props when using these
|
|
@@ -91,10 +110,10 @@ export function VolumeChart(_ref3) {
|
|
|
91
110
|
// <Noop />
|
|
92
111
|
// </VictoryGroup>
|
|
93
112
|
|
|
94
|
-
var Chart = detailed ? VictoryChart : VictoryGroup;
|
|
95
|
-
var providerTheme = useTheme();
|
|
113
|
+
var Chart = detailed ? _victory.VictoryChart : _victory.VictoryGroup;
|
|
114
|
+
var providerTheme = (0, _react.useTheme)();
|
|
96
115
|
var isV5 = providerTheme.name === 'v5';
|
|
97
|
-
var theme = isV5 ? chartUtils.getV5Theme({
|
|
116
|
+
var theme = isV5 ? _ChartPrimitives.chartUtils.getV5Theme({
|
|
98
117
|
chartColors: chartColors,
|
|
99
118
|
width: width,
|
|
100
119
|
height: height,
|
|
@@ -104,7 +123,7 @@ export function VolumeChart(_ref3) {
|
|
|
104
123
|
yAxisLabel: yAxisLabel,
|
|
105
124
|
yTickLabel: yTickLabel,
|
|
106
125
|
theme: cssTheme
|
|
107
|
-
}) : chartUtils.getTheme({
|
|
126
|
+
}) : _ChartPrimitives.chartUtils.getTheme({
|
|
108
127
|
width: width,
|
|
109
128
|
height: height,
|
|
110
129
|
detailed: detailed,
|
|
@@ -115,16 +134,16 @@ export function VolumeChart(_ref3) {
|
|
|
115
134
|
theme: cssTheme
|
|
116
135
|
});
|
|
117
136
|
var shouldRenderBackground = isV5 && width > 1 && height > 1;
|
|
118
|
-
return
|
|
137
|
+
return (0, _react.jsx)(_ChartPrimitives.Container, {
|
|
119
138
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container"),
|
|
120
139
|
height: height,
|
|
121
140
|
width: width,
|
|
122
141
|
style: {
|
|
123
|
-
filter: grayscale ? Defs.GRAYSCALE : undefined
|
|
142
|
+
filter: grayscale ? _ChartPrimitives.Defs.GRAYSCALE : undefined
|
|
124
143
|
}
|
|
125
|
-
},
|
|
144
|
+
}, (0, _react.jsx)(_ChartPrimitives.Defs, {
|
|
126
145
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container", "defs")
|
|
127
|
-
}),
|
|
146
|
+
}), (0, _react.jsx)(Chart, _extends({
|
|
128
147
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container", "chart"),
|
|
129
148
|
chartColors: chartColors,
|
|
130
149
|
domainPadding: domainPadding,
|
|
@@ -133,15 +152,15 @@ export function VolumeChart(_ref3) {
|
|
|
133
152
|
height: height,
|
|
134
153
|
width: width,
|
|
135
154
|
data: data,
|
|
136
|
-
containerComponent: detailed ?
|
|
155
|
+
containerComponent: detailed ? (0, _react.jsx)(_victory.VictoryVoronoiContainer, {
|
|
137
156
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container", "chart", "victory-voronoi-container"),
|
|
138
157
|
voronoiDimension: "x"
|
|
139
158
|
}) : undefined
|
|
140
|
-
}, props), detailed ? [
|
|
159
|
+
}, props), detailed ? [(0, _react.jsx)(_victory.VictoryAxis, {
|
|
141
160
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container", "chart", "victory-axis"),
|
|
142
161
|
animate: animate,
|
|
143
162
|
key: "xaxis",
|
|
144
|
-
axisComponent:
|
|
163
|
+
axisComponent: (0, _react.jsx)(_ChartPrimitives.Noop, {
|
|
145
164
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container", "chart", "victory-axis", "noop")
|
|
146
165
|
}),
|
|
147
166
|
fixLabelOverlap: true,
|
|
@@ -149,11 +168,11 @@ export function VolumeChart(_ref3) {
|
|
|
149
168
|
tickFormat: xTickLabel,
|
|
150
169
|
label: xAxisLabel,
|
|
151
170
|
tickCount: xTickCount
|
|
152
|
-
}),
|
|
171
|
+
}), (0, _react.jsx)(_victory.VictoryAxis, {
|
|
153
172
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container", "chart", "victory-axis"),
|
|
154
173
|
animate: animate,
|
|
155
174
|
key: "yaxis",
|
|
156
|
-
axisComponent:
|
|
175
|
+
axisComponent: (0, _react.jsx)(_ChartPrimitives.Noop, {
|
|
157
176
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container", "chart", "victory-axis", "noop")
|
|
158
177
|
}),
|
|
159
178
|
dependentAxis: true,
|
|
@@ -165,7 +184,7 @@ export function VolumeChart(_ref3) {
|
|
|
165
184
|
stroke: 'none'
|
|
166
185
|
} : {}
|
|
167
186
|
}
|
|
168
|
-
})] :
|
|
187
|
+
})] : (0, _react.jsx)(_ChartPrimitives.Noop, {
|
|
169
188
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container", "chart", "noop")
|
|
170
189
|
}), AreaChart({
|
|
171
190
|
lineStyle: lineStyle,
|
|
@@ -176,7 +195,7 @@ export function VolumeChart(_ref3) {
|
|
|
176
195
|
width: width,
|
|
177
196
|
theme: theme,
|
|
178
197
|
animate: animate
|
|
179
|
-
}), detailed && tooltipLabel ?
|
|
198
|
+
}), detailed && tooltipLabel ? (0, _react.jsx)(_victory.VictoryScatter, {
|
|
180
199
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container", "chart", "victory-scatter"),
|
|
181
200
|
data: data,
|
|
182
201
|
animate: animate,
|
|
@@ -184,16 +203,18 @@ export function VolumeChart(_ref3) {
|
|
|
184
203
|
var active = _ref4.active;
|
|
185
204
|
return active ? 5 : 0;
|
|
186
205
|
}
|
|
187
|
-
}) :
|
|
206
|
+
}) : (0, _react.jsx)(_ChartPrimitives.Noop, {
|
|
188
207
|
"data-gs": gs("src", "volumechart", "volumechart.tsx", "volume-chart", "container", "chart", "noop")
|
|
189
208
|
})));
|
|
190
209
|
}
|
|
210
|
+
|
|
191
211
|
VolumeChart.defaultProps = {
|
|
192
|
-
xTickLabel: chartUtils.dateTickLabel(),
|
|
212
|
+
xTickLabel: _ChartPrimitives.chartUtils.dateTickLabel(),
|
|
193
213
|
tooltipLabel: function tooltipLabel(d) {
|
|
194
|
-
return ["".concat(chartUtils.dateTickLabel()(d.x)), "".concat(d.y, " Profiles")];
|
|
214
|
+
return ["".concat(_ChartPrimitives.chartUtils.dateTickLabel()(d.x)), "".concat(d.y, " Profiles")];
|
|
195
215
|
}
|
|
196
216
|
};
|
|
197
|
-
var ThemedChart = withTheme(VolumeChart);
|
|
217
|
+
var ThemedChart = (0, _react.withTheme)(VolumeChart);
|
|
198
218
|
ThemedChart.displayName = 'VolumeChart';
|
|
199
|
-
|
|
219
|
+
var _default = ThemedChart;
|
|
220
|
+
exports["default"] = _default;
|
|
@@ -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 _VolumeChart["default"];
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _VolumeChart = _interopRequireDefault(require("./VolumeChart"));
|
|
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 './VolumeChart';
|
|
18
|
+
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
package/dist/es/index.d.ts
CHANGED
|
@@ -78,10 +78,10 @@ import UserAvatar from './UserAvatar';
|
|
|
78
78
|
import View from './View';
|
|
79
79
|
import VisuallyHidden from './VisuallyHidden';
|
|
80
80
|
import VolumeChart from './VolumeChart';
|
|
81
|
-
export { CacheProvider, css, Global, keyframes } from '@emotion/
|
|
82
|
-
export type { SerializedStyles } from '@emotion/
|
|
81
|
+
export { CacheProvider, css, Global, keyframes } from '@emotion/react';
|
|
82
|
+
export type { SerializedStyles } from '@emotion/react';
|
|
83
83
|
export { default as styled } from '@emotion/styled';
|
|
84
|
-
export { useTheme } from 'emotion
|
|
84
|
+
export { useTheme } from '@emotion/react';
|
|
85
85
|
export type { IconTypes } from './Icon';
|
|
86
86
|
export { PieChart } from './PieChart';
|
|
87
87
|
export { calculateChartHeight as calculateDistributionChartHeight } from './DistributionChart';
|