@dbcdk/react-components 0.0.167 → 0.0.169
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/package.json +1 -1
- package/dist/assets/logo.cjs +0 -87
- package/dist/assets/logo.d.ts +0 -2
- package/dist/assets/logo.js +0 -85
- package/dist/client.cjs +0 -629
- package/dist/client.d.ts +0 -89
- package/dist/client.js +0 -90
- package/dist/components/accordion/Accordion.cjs +0 -127
- package/dist/components/accordion/Accordion.d.ts +0 -36
- package/dist/components/accordion/Accordion.js +0 -121
- package/dist/components/accordion/Accordion.module.css +0 -41
- package/dist/components/accordion/components/AccordionRow.cjs +0 -129
- package/dist/components/accordion/components/AccordionRow.d.ts +0 -14
- package/dist/components/accordion/components/AccordionRow.js +0 -123
- package/dist/components/accordion/components/AccordionRow.module.css +0 -129
- package/dist/components/alert/Alert.cjs +0 -52
- package/dist/components/alert/Alert.d.ts +0 -14
- package/dist/components/alert/Alert.js +0 -46
- package/dist/components/alert/Alert.module.css +0 -102
- package/dist/components/app-header/AppHeader.cjs +0 -14
- package/dist/components/app-header/AppHeader.d.ts +0 -8
- package/dist/components/app-header/AppHeader.js +0 -8
- package/dist/components/app-header/AppHeader.module.css +0 -74
- package/dist/components/attribute-chip/AttributeChip.cjs +0 -36
- package/dist/components/attribute-chip/AttributeChip.d.ts +0 -11
- package/dist/components/attribute-chip/AttributeChip.js +0 -30
- package/dist/components/attribute-chip/AttributeChip.module.css +0 -64
- package/dist/components/avatar/Avatar.cjs +0 -111
- package/dist/components/avatar/Avatar.d.ts +0 -17
- package/dist/components/avatar/Avatar.js +0 -86
- package/dist/components/avatar/Avatar.module.css +0 -91
- package/dist/components/breadcrumbs/Breadcrumbs.cjs +0 -24
- package/dist/components/breadcrumbs/Breadcrumbs.d.ts +0 -12
- package/dist/components/breadcrumbs/Breadcrumbs.js +0 -18
- package/dist/components/breadcrumbs/Breadcrumbs.module.css +0 -77
- package/dist/components/button/Button.cjs +0 -150
- package/dist/components/button/Button.d.ts +0 -18
- package/dist/components/button/Button.js +0 -125
- package/dist/components/button/Button.module.css +0 -266
- package/dist/components/button-select/ButtonSelect.cjs +0 -35
- package/dist/components/button-select/ButtonSelect.d.ts +0 -16
- package/dist/components/button-select/ButtonSelect.js +0 -29
- package/dist/components/button-select/ButtonSelect.module.css +0 -40
- package/dist/components/card/Card.cjs +0 -109
- package/dist/components/card/Card.d.ts +0 -37
- package/dist/components/card/Card.js +0 -103
- package/dist/components/card/Card.module.css +0 -191
- package/dist/components/card/components/CardMeta.cjs +0 -62
- package/dist/components/card/components/CardMeta.d.ts +0 -16
- package/dist/components/card/components/CardMeta.js +0 -55
- package/dist/components/card/components/CardMeta.module.css +0 -55
- package/dist/components/card-container/CardContainer.cjs +0 -34
- package/dist/components/card-container/CardContainer.d.ts +0 -12
- package/dist/components/card-container/CardContainer.js +0 -28
- package/dist/components/card-container/CardContainer.module.css +0 -63
- package/dist/components/chip/Chip.cjs +0 -65
- package/dist/components/chip/Chip.d.ts +0 -16
- package/dist/components/chip/Chip.js +0 -59
- package/dist/components/chip/Chip.module.css +0 -247
- package/dist/components/circle/Circle.cjs +0 -39
- package/dist/components/circle/Circle.d.ts +0 -14
- package/dist/components/circle/Circle.js +0 -33
- package/dist/components/circle/Circle.module.css +0 -138
- package/dist/components/clear-button/ClearButton.cjs +0 -33
- package/dist/components/clear-button/ClearButton.d.ts +0 -8
- package/dist/components/clear-button/ClearButton.js +0 -27
- package/dist/components/clear-button/ClearButton.module.css +0 -26
- package/dist/components/code-block/CodeBlock.cjs +0 -107
- package/dist/components/code-block/CodeBlock.d.ts +0 -11
- package/dist/components/code-block/CodeBlock.js +0 -101
- package/dist/components/code-block/CodeBlock.module.css +0 -135
- package/dist/components/copy-button/CopyButton.cjs +0 -139
- package/dist/components/copy-button/CopyButton.d.ts +0 -13
- package/dist/components/copy-button/CopyButton.js +0 -133
- package/dist/components/copy-button/CopyButton.module.css +0 -22
- package/dist/components/datetime-picker/DateTimePicker.cjs +0 -563
- package/dist/components/datetime-picker/DateTimePicker.d.ts +0 -66
- package/dist/components/datetime-picker/DateTimePicker.js +0 -557
- package/dist/components/datetime-picker/DateTimePicker.module.css +0 -155
- package/dist/components/datetime-picker/dateTimeHelpers.cjs +0 -185
- package/dist/components/datetime-picker/dateTimeHelpers.d.ts +0 -37
- package/dist/components/datetime-picker/dateTimeHelpers.js +0 -166
- package/dist/components/divider/Divider.cjs +0 -22
- package/dist/components/divider/Divider.d.ts +0 -5
- package/dist/components/divider/Divider.js +0 -20
- package/dist/components/environment-banner/EnvironmentBanner.cjs +0 -20
- package/dist/components/environment-banner/EnvironmentBanner.d.ts +0 -13
- package/dist/components/environment-banner/EnvironmentBanner.js +0 -14
- package/dist/components/environment-banner/EnvironmentBanner.module.css +0 -54
- package/dist/components/filter-field/FilterField.cjs +0 -291
- package/dist/components/filter-field/FilterField.d.ts +0 -37
- package/dist/components/filter-field/FilterField.js +0 -284
- package/dist/components/filter-field/FilterField.module.css +0 -379
- package/dist/components/filtering/chip-multi-toggle/ChipMultiToggle.cjs +0 -115
- package/dist/components/filtering/chip-multi-toggle/ChipMultiToggle.d.ts +0 -35
- package/dist/components/filtering/chip-multi-toggle/ChipMultiToggle.js +0 -108
- package/dist/components/filtering/chip-multi-toggle/ChipMultiToggle.module.css +0 -59
- package/dist/components/forms/checkbox/Checkbox.cjs +0 -99
- package/dist/components/forms/checkbox/Checkbox.d.ts +0 -39
- package/dist/components/forms/checkbox/Checkbox.js +0 -93
- package/dist/components/forms/checkbox/Checkbox.module.css +0 -110
- package/dist/components/forms/checkbox-group/CheckboxGroup.cjs +0 -121
- package/dist/components/forms/checkbox-group/CheckboxGroup.d.ts +0 -47
- package/dist/components/forms/checkbox-group/CheckboxGroup.js +0 -115
- package/dist/components/forms/checkbox-group/CheckboxGroup.module.css +0 -115
- package/dist/components/forms/file-upload/FileUpload.cjs +0 -127
- package/dist/components/forms/file-upload/FileUpload.d.ts +0 -18
- package/dist/components/forms/file-upload/FileUpload.js +0 -121
- package/dist/components/forms/file-upload/FileUpload.module.css +0 -75
- package/dist/components/forms/form-select/FormSelect.cjs +0 -191
- package/dist/components/forms/form-select/FormSelect.d.ts +0 -35
- package/dist/components/forms/form-select/FormSelect.js +0 -166
- package/dist/components/forms/form-select/FormSelect.module.css +0 -236
- package/dist/components/forms/input/Input.cjs +0 -190
- package/dist/components/forms/input/Input.d.ts +0 -37
- package/dist/components/forms/input/Input.js +0 -184
- package/dist/components/forms/input/Input.module.css +0 -478
- package/dist/components/forms/input-container/InputContainer.cjs +0 -72
- package/dist/components/forms/input-container/InputContainer.d.ts +0 -18
- package/dist/components/forms/input-container/InputContainer.js +0 -66
- package/dist/components/forms/input-container/InputContainer.module.css +0 -59
- package/dist/components/forms/multi-select/MultiSelect.cjs +0 -229
- package/dist/components/forms/multi-select/MultiSelect.d.ts +0 -26
- package/dist/components/forms/multi-select/MultiSelect.js +0 -227
- package/dist/components/forms/radio-buttons/RadioButton.cjs +0 -94
- package/dist/components/forms/radio-buttons/RadioButton.d.ts +0 -46
- package/dist/components/forms/radio-buttons/RadioButton.js +0 -88
- package/dist/components/forms/radio-buttons/RadioButtonGroup.cjs +0 -74
- package/dist/components/forms/radio-buttons/RadioButtonGroup.d.ts +0 -25
- package/dist/components/forms/radio-buttons/RadioButtonGroup.js +0 -72
- package/dist/components/forms/radio-buttons/RadioButtons.module.css +0 -131
- package/dist/components/forms/select/Select.cjs +0 -287
- package/dist/components/forms/select/Select.d.ts +0 -24
- package/dist/components/forms/select/Select.js +0 -281
- package/dist/components/forms/select/Select.module.css +0 -41
- package/dist/components/forms/switch/Switch.cjs +0 -93
- package/dist/components/forms/switch/Switch.d.ts +0 -37
- package/dist/components/forms/switch/Switch.js +0 -87
- package/dist/components/forms/switch/Switch.module.css +0 -89
- package/dist/components/forms/text-area/Textarea.cjs +0 -118
- package/dist/components/forms/text-area/Textarea.d.ts +0 -17
- package/dist/components/forms/text-area/Textarea.js +0 -112
- package/dist/components/forms/text-area/Textarea.module.css +0 -70
- package/dist/components/forms/typeahead/Typeahead.cjs +0 -792
- package/dist/components/forms/typeahead/Typeahead.d.ts +0 -40
- package/dist/components/forms/typeahead/Typeahead.js +0 -768
- package/dist/components/forms/typeahead/Typeahead.module.css +0 -38
- package/dist/components/grid/Grid.cjs +0 -58
- package/dist/components/grid/Grid.d.ts +0 -29
- package/dist/components/grid/Grid.js +0 -51
- package/dist/components/grid/Grid.module.css +0 -44
- package/dist/components/headline/CollapsibleHeadline.cjs +0 -84
- package/dist/components/headline/CollapsibleHeadline.d.ts +0 -25
- package/dist/components/headline/CollapsibleHeadline.js +0 -78
- package/dist/components/headline/Headline.cjs +0 -59
- package/dist/components/headline/Headline.d.ts +0 -20
- package/dist/components/headline/Headline.js +0 -53
- package/dist/components/headline/Headline.module.css +0 -167
- package/dist/components/highlighted-text/HighlightedText.cjs +0 -21
- package/dist/components/highlighted-text/HighlightedText.d.ts +0 -7
- package/dist/components/highlighted-text/HighlightedText.js +0 -19
- package/dist/components/hyperlink/Hyperlink.cjs +0 -113
- package/dist/components/hyperlink/Hyperlink.d.ts +0 -24
- package/dist/components/hyperlink/Hyperlink.js +0 -88
- package/dist/components/hyperlink/Hyperlink.module.css +0 -121
- package/dist/components/icon/Icon.cjs +0 -39
- package/dist/components/icon/Icon.d.ts +0 -14
- package/dist/components/icon/Icon.js +0 -32
- package/dist/components/icon/Icon.module.css +0 -50
- package/dist/components/inline-status/InlineStatus.cjs +0 -39
- package/dist/components/inline-status/InlineStatus.d.ts +0 -11
- package/dist/components/inline-status/InlineStatus.js +0 -33
- package/dist/components/inline-status/InlineStatus.module.css +0 -98
- package/dist/components/interval-select/IntervalSelect.cjs +0 -203
- package/dist/components/interval-select/IntervalSelect.d.ts +0 -37
- package/dist/components/interval-select/IntervalSelect.js +0 -201
- package/dist/components/json-viewer/JsonNode.cjs +0 -124
- package/dist/components/json-viewer/JsonNode.d.ts +0 -3
- package/dist/components/json-viewer/JsonNode.js +0 -118
- package/dist/components/json-viewer/JsonViewer.cjs +0 -164
- package/dist/components/json-viewer/JsonViewer.d.ts +0 -4
- package/dist/components/json-viewer/JsonViewer.js +0 -158
- package/dist/components/json-viewer/JsonViewer.module.css +0 -346
- package/dist/components/json-viewer/types.cjs +0 -2
- package/dist/components/json-viewer/types.d.ts +0 -33
- package/dist/components/json-viewer/types.js +0 -1
- package/dist/components/json-viewer/useClipboardStatus.cjs +0 -15
- package/dist/components/json-viewer/useClipboardStatus.d.ts +0 -4
- package/dist/components/json-viewer/useClipboardStatus.js +0 -13
- package/dist/components/json-viewer/utils.cjs +0 -126
- package/dist/components/json-viewer/utils.d.ts +0 -17
- package/dist/components/json-viewer/utils.js +0 -111
- package/dist/components/lightbox/Lightbox.cjs +0 -291
- package/dist/components/lightbox/Lightbox.d.ts +0 -36
- package/dist/components/lightbox/Lightbox.js +0 -285
- package/dist/components/lightbox/Lightbox.module.css +0 -214
- package/dist/components/media-card/MediaCard.cjs +0 -87
- package/dist/components/media-card/MediaCard.d.ts +0 -21
- package/dist/components/media-card/MediaCard.js +0 -80
- package/dist/components/media-card/MediaCard.module.css +0 -91
- package/dist/components/menu/Menu.cjs +0 -455
- package/dist/components/menu/Menu.d.ts +0 -102
- package/dist/components/menu/Menu.js +0 -430
- package/dist/components/menu/Menu.module.css +0 -286
- package/dist/components/meta-bar/MetaBar.cjs +0 -28
- package/dist/components/meta-bar/MetaBar.d.ts +0 -12
- package/dist/components/meta-bar/MetaBar.js +0 -22
- package/dist/components/meta-bar/MetaBar.module.css +0 -27
- package/dist/components/metric-tile/MetricTile.cjs +0 -33
- package/dist/components/metric-tile/MetricTile.d.ts +0 -15
- package/dist/components/metric-tile/MetricTile.js +0 -27
- package/dist/components/metric-tile/MetricTile.module.css +0 -103
- package/dist/components/nav-bar/NavBar.cjs +0 -107
- package/dist/components/nav-bar/NavBar.d.ts +0 -44
- package/dist/components/nav-bar/NavBar.js +0 -101
- package/dist/components/nav-bar/NavBar.module.css +0 -243
- package/dist/components/overlay/fade-overlay/FadeOverlay.cjs +0 -30
- package/dist/components/overlay/fade-overlay/FadeOverlay.d.ts +0 -13
- package/dist/components/overlay/fade-overlay/FadeOverlay.js +0 -24
- package/dist/components/overlay/fade-overlay/FadeOverlay.module.css +0 -54
- package/dist/components/overlay/modal/Modal.cjs +0 -191
- package/dist/components/overlay/modal/Modal.d.ts +0 -29
- package/dist/components/overlay/modal/Modal.js +0 -185
- package/dist/components/overlay/modal/Modal.module.css +0 -112
- package/dist/components/overlay/modal/provider/ModalProvider.cjs +0 -98
- package/dist/components/overlay/modal/provider/ModalProvider.d.ts +0 -23
- package/dist/components/overlay/modal/provider/ModalProvider.js +0 -95
- package/dist/components/overlay/side-panel/SidePanel.cjs +0 -173
- package/dist/components/overlay/side-panel/SidePanel.d.ts +0 -25
- package/dist/components/overlay/side-panel/SidePanel.js +0 -167
- package/dist/components/overlay/side-panel/SidePanel.module.css +0 -177
- package/dist/components/overlay/side-panel/useSidePanel.cjs +0 -16
- package/dist/components/overlay/side-panel/useSidePanel.d.ts +0 -5
- package/dist/components/overlay/side-panel/useSidePanel.js +0 -14
- package/dist/components/overlay/tooltip/Tooltip.cjs +0 -56
- package/dist/components/overlay/tooltip/Tooltip.d.ts +0 -12
- package/dist/components/overlay/tooltip/Tooltip.js +0 -54
- package/dist/components/overlay/tooltip/Tooltip.module.css +0 -104
- package/dist/components/overlay/tooltip/TooltipProvider.cjs +0 -238
- package/dist/components/overlay/tooltip/TooltipProvider.d.ts +0 -20
- package/dist/components/overlay/tooltip/TooltipProvider.js +0 -231
- package/dist/components/overlay/tooltip/useTooltipTrigger.cjs +0 -117
- package/dist/components/overlay/tooltip/useTooltipTrigger.d.ts +0 -28
- package/dist/components/overlay/tooltip/useTooltipTrigger.js +0 -115
- package/dist/components/page/Page.cjs +0 -64
- package/dist/components/page/Page.d.ts +0 -21
- package/dist/components/page/Page.js +0 -58
- package/dist/components/page/Page.module.css +0 -95
- package/dist/components/page-layout/PageLayout.cjs +0 -126
- package/dist/components/page-layout/PageLayout.d.ts +0 -47
- package/dist/components/page-layout/PageLayout.js +0 -120
- package/dist/components/page-layout/PageLayout.module.css +0 -333
- package/dist/components/page-layout/components/footer/Footer.cjs +0 -53
- package/dist/components/page-layout/components/footer/Footer.d.ts +0 -14
- package/dist/components/page-layout/components/footer/Footer.js +0 -47
- package/dist/components/page-layout/components/footer/Footer.module.css +0 -86
- package/dist/components/pagination/Pagination.cjs +0 -161
- package/dist/components/pagination/Pagination.d.ts +0 -21
- package/dist/components/pagination/Pagination.js +0 -155
- package/dist/components/pagination/Pagination.module.css +0 -25
- package/dist/components/panel/Panel.cjs +0 -38
- package/dist/components/panel/Panel.d.ts +0 -13
- package/dist/components/panel/Panel.js +0 -32
- package/dist/components/panel/Panel.module.css +0 -30
- package/dist/components/popover/Popover.cjs +0 -331
- package/dist/components/popover/Popover.d.ts +0 -27
- package/dist/components/popover/Popover.js +0 -307
- package/dist/components/popover/Popover.module.css +0 -52
- package/dist/components/search-box/SearchBox.cjs +0 -297
- package/dist/components/search-box/SearchBox.d.ts +0 -30
- package/dist/components/search-box/SearchBox.js +0 -291
- package/dist/components/search-box/SearchBox.module.css +0 -27
- package/dist/components/section-label/SectionLabel.cjs +0 -18
- package/dist/components/section-label/SectionLabel.d.ts +0 -5
- package/dist/components/section-label/SectionLabel.js +0 -12
- package/dist/components/section-label/SectionLabel.module.css +0 -12
- package/dist/components/segmented-progress-bar/SegmentedProgressBar.cjs +0 -130
- package/dist/components/segmented-progress-bar/SegmentedProgressBar.d.ts +0 -27
- package/dist/components/segmented-progress-bar/SegmentedProgressBar.js +0 -124
- package/dist/components/segmented-progress-bar/SegmentedProgressBar.module.css +0 -187
- package/dist/components/sidebar/Sidebar.cjs +0 -41
- package/dist/components/sidebar/Sidebar.d.ts +0 -23
- package/dist/components/sidebar/Sidebar.js +0 -39
- package/dist/components/sidebar/components/SidebarItem.cjs +0 -29
- package/dist/components/sidebar/components/SidebarItem.d.ts +0 -11
- package/dist/components/sidebar/components/SidebarItem.js +0 -27
- package/dist/components/sidebar/components/SidebarItem.module.css +0 -0
- package/dist/components/sidebar/components/expandable-sidebar-item/ExpandableSidebarItem.cjs +0 -153
- package/dist/components/sidebar/components/expandable-sidebar-item/ExpandableSidebarItem.d.ts +0 -13
- package/dist/components/sidebar/components/expandable-sidebar-item/ExpandableSidebarItem.js +0 -147
- package/dist/components/sidebar/components/expandable-sidebar-item/ExpandableSidebarItem.module.css +0 -47
- package/dist/components/sidebar/components/sidebar-container/SidebarContainer.cjs +0 -220
- package/dist/components/sidebar/components/sidebar-container/SidebarContainer.d.ts +0 -18
- package/dist/components/sidebar/components/sidebar-container/SidebarContainer.js +0 -213
- package/dist/components/sidebar/components/sidebar-container/SidebarContainer.module.css +0 -293
- package/dist/components/sidebar/components/sidebar-item-content/SidebarItemContent.cjs +0 -54
- package/dist/components/sidebar/components/sidebar-item-content/SidebarItemContent.d.ts +0 -13
- package/dist/components/sidebar/components/sidebar-item-content/SidebarItemContent.js +0 -47
- package/dist/components/sidebar/components/sidebar-item-content/SidebarItemContent.module.css +0 -117
- package/dist/components/sidebar/components/sidebar-items/SidebarItems.cjs +0 -61
- package/dist/components/sidebar/components/sidebar-items/SidebarItems.d.ts +0 -4
- package/dist/components/sidebar/components/sidebar-items/SidebarItems.js +0 -55
- package/dist/components/sidebar/components/sidebar-items/SidebarItems.module.css +0 -20
- package/dist/components/sidebar/components/sidenav-filteirng/SidenavFiltering.cjs +0 -96
- package/dist/components/sidebar/components/sidenav-filteirng/SidenavFiltering.d.ts +0 -7
- package/dist/components/sidebar/components/sidenav-filteirng/SidenavFiltering.js +0 -90
- package/dist/components/sidebar/providers/SidebarProvider.cjs +0 -223
- package/dist/components/sidebar/providers/SidebarProvider.d.ts +0 -34
- package/dist/components/sidebar/providers/SidebarProvider.js +0 -220
- package/dist/components/skeleton-loader/SkeletonLoader.cjs +0 -442
- package/dist/components/skeleton-loader/SkeletonLoader.d.ts +0 -9
- package/dist/components/skeleton-loader/SkeletonLoader.js +0 -440
- package/dist/components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem.cjs +0 -42
- package/dist/components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem.d.ts +0 -11
- package/dist/components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem.js +0 -36
- package/dist/components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem.module.css +0 -55
- package/dist/components/split-button/SplitButton.cjs +0 -46
- package/dist/components/split-button/SplitButton.d.ts +0 -16
- package/dist/components/split-button/SplitButton.js +0 -40
- package/dist/components/split-button/SplitButton.module.css +0 -32
- package/dist/components/split-pane/SplitPane.cjs +0 -191
- package/dist/components/split-pane/SplitPane.d.ts +0 -21
- package/dist/components/split-pane/SplitPane.js +0 -182
- package/dist/components/split-pane/SplitPane.module.css +0 -118
- package/dist/components/split-pane/provider/SplitPaneContext.cjs +0 -129
- package/dist/components/split-pane/provider/SplitPaneContext.d.ts +0 -24
- package/dist/components/split-pane/provider/SplitPaneContext.js +0 -121
- package/dist/components/stack/Stack.cjs +0 -56
- package/dist/components/stack/Stack.d.ts +0 -26
- package/dist/components/stack/Stack.js +0 -50
- package/dist/components/stack/Stack.module.css +0 -77
- package/dist/components/state-page/StatePage.cjs +0 -48
- package/dist/components/state-page/StatePage.d.ts +0 -10
- package/dist/components/state-page/StatePage.js +0 -42
- package/dist/components/state-page/StatePage.module.css +0 -9
- package/dist/components/state-page/empty.cjs +0 -664
- package/dist/components/state-page/empty.d.ts +0 -2
- package/dist/components/state-page/empty.js +0 -662
- package/dist/components/state-page/error.cjs +0 -310
- package/dist/components/state-page/error.d.ts +0 -2
- package/dist/components/state-page/error.js +0 -308
- package/dist/components/state-page/notFound.cjs +0 -243
- package/dist/components/state-page/notFound.d.ts +0 -2
- package/dist/components/state-page/notFound.js +0 -241
- package/dist/components/sticky-footer-layout/StickyFooterLayout.cjs +0 -98
- package/dist/components/sticky-footer-layout/StickyFooterLayout.d.ts +0 -14
- package/dist/components/sticky-footer-layout/StickyFooterLayout.js +0 -96
- package/dist/components/table/Table.cjs +0 -240
- package/dist/components/table/Table.d.ts +0 -4
- package/dist/components/table/Table.js +0 -234
- package/dist/components/table/Table.module.css +0 -704
- package/dist/components/table/Table.types.cjs +0 -2
- package/dist/components/table/Table.types.d.ts +0 -91
- package/dist/components/table/Table.types.js +0 -1
- package/dist/components/table/TanstackTable.cjs +0 -191
- package/dist/components/table/TanstackTable.d.ts +0 -15
- package/dist/components/table/TanstackTable.js +0 -166
- package/dist/components/table/components/TableBody.cjs +0 -58
- package/dist/components/table/components/TableBody.d.ts +0 -28
- package/dist/components/table/components/TableBody.js +0 -52
- package/dist/components/table/components/TableHeader.cjs +0 -56
- package/dist/components/table/components/TableHeader.d.ts +0 -16
- package/dist/components/table/components/TableHeader.js +0 -50
- package/dist/components/table/components/TableHeaderCell.cjs +0 -68
- package/dist/components/table/components/TableHeaderCell.d.ts +0 -12
- package/dist/components/table/components/TableHeaderCell.js +0 -62
- package/dist/components/table/components/TablePagination.cjs +0 -2
- package/dist/components/table/components/TablePagination.d.ts +0 -0
- package/dist/components/table/components/TablePagination.js +0 -1
- package/dist/components/table/components/TableRow.cjs +0 -287
- package/dist/components/table/components/TableRow.d.ts +0 -28
- package/dist/components/table/components/TableRow.js +0 -281
- package/dist/components/table/components/TableSelectionCell.cjs +0 -41
- package/dist/components/table/components/TableSelectionCell.d.ts +0 -9
- package/dist/components/table/components/TableSelectionCell.js +0 -35
- package/dist/components/table/components/column-resizer/ColumnResizer.cjs +0 -25
- package/dist/components/table/components/column-resizer/ColumnResizer.d.ts +0 -7
- package/dist/components/table/components/column-resizer/ColumnResizer.js +0 -19
- package/dist/components/table/components/column-resizer/ColumnResizer.module.css +0 -24
- package/dist/components/table/components/empty-state/EmptyState.cjs +0 -33
- package/dist/components/table/components/empty-state/EmptyState.d.ts +0 -21
- package/dist/components/table/components/empty-state/EmptyState.js +0 -31
- package/dist/components/table/components/empty-state/EmptyState.module.css +0 -4
- package/dist/components/table/components/table-settings/TableSettings.cjs +0 -139
- package/dist/components/table/components/table-settings/TableSettings.d.ts +0 -18
- package/dist/components/table/components/table-settings/TableSettings.js +0 -137
- package/dist/components/table/hooks/useTableRowInteractions.cjs +0 -47
- package/dist/components/table/hooks/useTableRowInteractions.d.ts +0 -15
- package/dist/components/table/hooks/useTableRowInteractions.js +0 -45
- package/dist/components/table/table.classes.cjs +0 -49
- package/dist/components/table/table.classes.d.ts +0 -10
- package/dist/components/table/table.classes.js +0 -40
- package/dist/components/table/table.utils.cjs +0 -59
- package/dist/components/table/table.utils.d.ts +0 -18
- package/dist/components/table/table.utils.js +0 -46
- package/dist/components/table/tanstackTable.utils.cjs +0 -181
- package/dist/components/table/tanstackTable.utils.d.ts +0 -29
- package/dist/components/table/tanstackTable.utils.js +0 -174
- package/dist/components/tabs/Tabs.cjs +0 -187
- package/dist/components/tabs/Tabs.d.ts +0 -52
- package/dist/components/tabs/Tabs.js +0 -181
- package/dist/components/tabs/Tabs.module.css +0 -263
- package/dist/components/theme-button/ThemeButton.cjs +0 -75
- package/dist/components/theme-button/ThemeButton.d.ts +0 -8
- package/dist/components/theme-button/ThemeButton.js +0 -72
- package/dist/components/toast/Toast.cjs +0 -68
- package/dist/components/toast/Toast.d.ts +0 -15
- package/dist/components/toast/Toast.js +0 -62
- package/dist/components/toast/Toast.module.css +0 -165
- package/dist/components/toast/provider/ToastProvider.cjs +0 -105
- package/dist/components/toast/provider/ToastProvider.d.ts +0 -24
- package/dist/components/toast/provider/ToastProvider.js +0 -97
- package/dist/components/user-display/UserDisplay.cjs +0 -22
- package/dist/components/user-display/UserDisplay.d.ts +0 -10
- package/dist/components/user-display/UserDisplay.js +0 -16
- package/dist/components/user-display/UserDisplay.module.css +0 -25
- package/dist/constants/chart-colors.cjs +0 -10
- package/dist/constants/chart-colors.d.ts +0 -2
- package/dist/constants/chart-colors.js +0 -8
- package/dist/constants/chart-colors.types.cjs +0 -2
- package/dist/constants/chart-colors.types.d.ts +0 -3
- package/dist/constants/chart-colors.types.js +0 -1
- package/dist/constants/severity.cjs +0 -33
- package/dist/constants/severity.d.ts +0 -4
- package/dist/constants/severity.js +0 -29
- package/dist/constants/severity.types.cjs +0 -2
- package/dist/constants/severity.types.d.ts +0 -1
- package/dist/constants/severity.types.js +0 -1
- package/dist/constants/sizes.cjs +0 -11
- package/dist/constants/sizes.d.ts +0 -2
- package/dist/constants/sizes.js +0 -9
- package/dist/hooks/useDeviceSize.cjs +0 -33
- package/dist/hooks/useDeviceSize.d.ts +0 -2
- package/dist/hooks/useDeviceSize.js +0 -31
- package/dist/hooks/useListNavigation.cjs +0 -237
- package/dist/hooks/useListNavigation.d.ts +0 -24
- package/dist/hooks/useListNavigation.js +0 -235
- package/dist/hooks/usePagination.cjs +0 -144
- package/dist/hooks/usePagination.d.ts +0 -38
- package/dist/hooks/usePagination.js +0 -142
- package/dist/hooks/usePersistentState.cjs +0 -60
- package/dist/hooks/usePersistentState.d.ts +0 -33
- package/dist/hooks/usePersistentState.js +0 -58
- package/dist/hooks/useSorting.cjs +0 -120
- package/dist/hooks/useSorting.d.ts +0 -50
- package/dist/hooks/useSorting.js +0 -117
- package/dist/hooks/useTableData.cjs +0 -75
- package/dist/hooks/useTableData.d.ts +0 -42
- package/dist/hooks/useTableData.js +0 -73
- package/dist/hooks/useTableSelection.cjs +0 -172
- package/dist/hooks/useTableSelection.d.ts +0 -27
- package/dist/hooks/useTableSelection.js +0 -170
- package/dist/hooks/useTableSettings.cjs +0 -90
- package/dist/hooks/useTableSettings.d.ts +0 -26
- package/dist/hooks/useTableSettings.js +0 -87
- package/dist/hooks/useTheme.cjs +0 -64
- package/dist/hooks/useTheme.d.ts +0 -7
- package/dist/hooks/useTheme.js +0 -62
- package/dist/hooks/useTimeDuration.cjs +0 -75
- package/dist/hooks/useTimeDuration.d.ts +0 -26
- package/dist/hooks/useTimeDuration.js +0 -73
- package/dist/hooks/useViewportFill.cjs +0 -82
- package/dist/hooks/useViewportFill.d.ts +0 -13
- package/dist/hooks/useViewportFill.js +0 -80
- package/dist/index.cjs +0 -292
- package/dist/index.css +0 -75
- package/dist/index.d.ts +0 -42
- package/dist/index.js +0 -41
- package/dist/styles/animation.cjs +0 -9
- package/dist/styles/animation.d.ts +0 -5
- package/dist/styles/animation.js +0 -7
- package/dist/styles/css-helper-classes/flex.css +0 -113
- package/dist/styles/css-helper-classes/spacing.css +0 -312
- package/dist/styles/css-helper-classes/typography.css +0 -11
- package/dist/styles/fonts/Roboto/OFL.txt +0 -93
- package/dist/styles/fonts/Roboto/README.txt +0 -118
- package/dist/styles/fonts/Roboto/Roboto-Black.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-BlackItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-Bold.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-BoldItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-ExtraBold.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-ExtraBoldItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-ExtraLight.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-ExtraLightItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-Italic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-Light.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-LightItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-Medium.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-MediumItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-Regular.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-SemiBold.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-SemiBoldItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-Thin.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto-ThinItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-Black.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-BlackItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-Bold.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-BoldItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-ExtraBold.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-ExtraBoldItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-ExtraLight.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-ExtraLightItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-Italic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-Light.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-LightItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-Medium.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-MediumItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-Regular.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-SemiBold.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-SemiBoldItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-Thin.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_Condensed-ThinItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-Black.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-BlackItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-Bold.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-BoldItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-ExtraBold.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-ExtraBoldItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-ExtraLight.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-ExtraLightItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-Italic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-Light.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-LightItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-Medium.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-MediumItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-Regular.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-SemiBold.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-SemiBoldItalic.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-Thin.ttf +0 -0
- package/dist/styles/fonts/Roboto/Roboto_SemiCondensed-ThinItalic.ttf +0 -0
- package/dist/styles/fonts/Tajawal/OFL.txt +0 -93
- package/dist/styles/fonts/Tajawal/Tajawal-Black.ttf +0 -0
- package/dist/styles/fonts/Tajawal/Tajawal-Bold.ttf +0 -0
- package/dist/styles/fonts/Tajawal/Tajawal-ExtraBold.ttf +0 -0
- package/dist/styles/fonts/Tajawal/Tajawal-ExtraLight.ttf +0 -0
- package/dist/styles/fonts/Tajawal/Tajawal-Light.ttf +0 -0
- package/dist/styles/fonts/Tajawal/Tajawal-Medium.ttf +0 -0
- package/dist/styles/fonts/Tajawal/Tajawal-Regular.ttf +0 -0
- package/dist/styles/styles.css +0 -377
- package/dist/styles/themes/dbc/base.css +0 -141
- package/dist/styles/themes/dbc/colors.css +0 -320
- package/dist/styles/themes/filmstriben-budget/theme.css +0 -22
- package/dist/styles/themes/types.cjs +0 -2
- package/dist/styles/themes/types.d.ts +0 -16
- package/dist/styles/themes/types.js +0 -1
- package/dist/styles.css +0 -377
- package/dist/tanstack.cjs +0 -26
- package/dist/tanstack.d.ts +0 -3
- package/dist/tanstack.js +0 -3
- package/dist/themes/dbc.css +0 -3
- package/dist/themes/filmstriben-budget.css +0 -3
- package/dist/types/a11y-props.types.cjs +0 -2
- package/dist/types/a11y-props.types.d.ts +0 -8
- package/dist/types/a11y-props.types.js +0 -1
- package/dist/types/assets.d.cjs +0 -2
- package/dist/types/assets.d.js +0 -1
- package/dist/types/css.d.cjs +0 -2
- package/dist/types/css.d.js +0 -1
- package/dist/types/sizes.types.cjs +0 -2
- package/dist/types/sizes.types.d.ts +0 -2
- package/dist/types/sizes.types.js +0 -1
- package/dist/utils/arrays/nested-filtering.cjs +0 -40
- package/dist/utils/arrays/nested-filtering.d.ts +0 -9
- package/dist/utils/arrays/nested-filtering.js +0 -38
- package/dist/utils/cookie.utils.cjs +0 -44
- package/dist/utils/cookie.utils.d.ts +0 -19
- package/dist/utils/cookie.utils.js +0 -40
- package/dist/utils/date/formatDate.cjs +0 -49
- package/dist/utils/date/formatDate.d.ts +0 -28
- package/dist/utils/date/formatDate.js +0 -47
- package/dist/utils/localStorage.utils.cjs +0 -53
- package/dist/utils/localStorage.utils.d.ts +0 -19
- package/dist/utils/localStorage.utils.js +0 -49
- package/dist/utils/text/get-highlighted-segments.cjs +0 -49
- package/dist/utils/text/get-highlighted-segments.d.ts +0 -5
- package/dist/utils/text/get-highlighted-segments.js +0 -47
package/dist/client.d.ts
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
export * from './components/stack/Stack';
|
|
2
|
-
export * from './components/button/Button';
|
|
3
|
-
export * from './components/button-select/ButtonSelect';
|
|
4
|
-
export * from './components/nav-bar/NavBar';
|
|
5
|
-
export * from './components/avatar/Avatar';
|
|
6
|
-
export * from './components/popover/Popover';
|
|
7
|
-
export * from './components/menu/Menu';
|
|
8
|
-
export * from './components/icon/Icon';
|
|
9
|
-
export * from './components/user-display/UserDisplay';
|
|
10
|
-
export * from './components/tabs/Tabs';
|
|
11
|
-
export * from './components/headline/Headline';
|
|
12
|
-
export * from './components/headline/CollapsibleHeadline';
|
|
13
|
-
export * from './components/page-layout/PageLayout';
|
|
14
|
-
export * from './components/environment-banner/EnvironmentBanner';
|
|
15
|
-
export * from './components/page-layout/components/footer/Footer';
|
|
16
|
-
export * from './components/forms/input/Input';
|
|
17
|
-
export * from './components/search-box/SearchBox';
|
|
18
|
-
export * from './hooks/useTheme';
|
|
19
|
-
export * from './hooks/usePersistentState';
|
|
20
|
-
export * from './components/chip/Chip';
|
|
21
|
-
export * from './components/panel/Panel';
|
|
22
|
-
export * from './components/card/Card';
|
|
23
|
-
export * from './components/card-container/CardContainer';
|
|
24
|
-
export * from './components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
|
|
25
|
-
export * from './components/skeleton-loader/SkeletonLoader';
|
|
26
|
-
export * from './components/page/Page';
|
|
27
|
-
export * from './components/breadcrumbs/Breadcrumbs';
|
|
28
|
-
export * from './components/circle/Circle';
|
|
29
|
-
export * from './components/forms/checkbox/Checkbox';
|
|
30
|
-
export * from './components/forms/switch/Switch';
|
|
31
|
-
export * from './components/table/Table';
|
|
32
|
-
export * from './constants/chart-colors';
|
|
33
|
-
export * from './constants/chart-colors.types';
|
|
34
|
-
export * from './constants/severity.types';
|
|
35
|
-
export * from './components/forms/text-area/Textarea';
|
|
36
|
-
export * from './components/app-header/AppHeader';
|
|
37
|
-
export * from './components/sidebar/Sidebar';
|
|
38
|
-
export * from './utils/arrays/nested-filtering';
|
|
39
|
-
export * from './components/forms/multi-select/MultiSelect';
|
|
40
|
-
export * from './hooks/useViewportFill';
|
|
41
|
-
export * from './utils/date/formatDate';
|
|
42
|
-
export * from './components/filter-field/FilterField';
|
|
43
|
-
export * from './components/forms/select/Select';
|
|
44
|
-
export * from './components/split-button/SplitButton';
|
|
45
|
-
export * from './components/segmented-progress-bar/SegmentedProgressBar';
|
|
46
|
-
export * from './components/datetime-picker/DateTimePicker';
|
|
47
|
-
export * from './components/overlay/modal/provider/ModalProvider';
|
|
48
|
-
export * from './components/overlay/modal/Modal';
|
|
49
|
-
export * from './components/toast/provider/ToastProvider';
|
|
50
|
-
export * from './components/toast/Toast';
|
|
51
|
-
export * from './components/attribute-chip/AttributeChip';
|
|
52
|
-
export * from './components/split-pane/SplitPane';
|
|
53
|
-
export * from './components/pagination/Pagination';
|
|
54
|
-
export * from './components/meta-bar/MetaBar';
|
|
55
|
-
export * from './components/code-block/CodeBlock';
|
|
56
|
-
export * from './components/json-viewer/JsonViewer';
|
|
57
|
-
export * from './hooks/useTimeDuration';
|
|
58
|
-
export * from './hooks/useSorting';
|
|
59
|
-
export * from './hooks/usePagination';
|
|
60
|
-
export * from './hooks/useTableData';
|
|
61
|
-
export * from './hooks/useTableSelection';
|
|
62
|
-
export * from './components/filtering/chip-multi-toggle/ChipMultiToggle';
|
|
63
|
-
export * from './components/forms/checkbox-group/CheckboxGroup';
|
|
64
|
-
export * from './components/overlay/side-panel/SidePanel';
|
|
65
|
-
export * from './components/overlay/side-panel/useSidePanel';
|
|
66
|
-
export * from './components/overlay/fade-overlay/FadeOverlay';
|
|
67
|
-
export * from './components/forms/input-container/InputContainer';
|
|
68
|
-
export * from './components/hyperlink/Hyperlink';
|
|
69
|
-
export * from './components/overlay/tooltip/Tooltip';
|
|
70
|
-
export * from './components/overlay/tooltip/TooltipProvider';
|
|
71
|
-
export * from './components/overlay/tooltip/useTooltipTrigger';
|
|
72
|
-
export * from './components/forms/radio-buttons/RadioButton';
|
|
73
|
-
export * from './components/forms/radio-buttons/RadioButtonGroup';
|
|
74
|
-
export * from './components/interval-select/IntervalSelect';
|
|
75
|
-
export * from './components/accordion/Accordion';
|
|
76
|
-
export * from './components/state-page/StatePage';
|
|
77
|
-
export * from './components/sticky-footer-layout/StickyFooterLayout';
|
|
78
|
-
export * from './components/forms/typeahead/Typeahead';
|
|
79
|
-
export * from './hooks/useDeviceSize';
|
|
80
|
-
export * from './components/theme-button/ThemeButton';
|
|
81
|
-
export * from './components/copy-button/CopyButton';
|
|
82
|
-
export * from './components/divider/Divider';
|
|
83
|
-
export * from './components/grid/Grid';
|
|
84
|
-
export * from './components/alert/Alert';
|
|
85
|
-
export * from './components/inline-status/InlineStatus';
|
|
86
|
-
export * from './components/media-card/MediaCard';
|
|
87
|
-
export * from './components/lightbox/Lightbox';
|
|
88
|
-
export * from './components/forms/file-upload/FileUpload';
|
|
89
|
-
export * from './components/highlighted-text/HighlightedText';
|
package/dist/client.js
DELETED
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
export * from './components/stack/Stack';
|
|
3
|
-
export * from './components/button/Button';
|
|
4
|
-
export * from './components/button-select/ButtonSelect';
|
|
5
|
-
export * from './components/nav-bar/NavBar';
|
|
6
|
-
export * from './components/avatar/Avatar';
|
|
7
|
-
export * from './components/popover/Popover';
|
|
8
|
-
export * from './components/menu/Menu';
|
|
9
|
-
export * from './components/icon/Icon';
|
|
10
|
-
export * from './components/user-display/UserDisplay';
|
|
11
|
-
export * from './components/tabs/Tabs';
|
|
12
|
-
export * from './components/headline/Headline';
|
|
13
|
-
export * from './components/headline/CollapsibleHeadline';
|
|
14
|
-
export * from './components/page-layout/PageLayout';
|
|
15
|
-
export * from './components/environment-banner/EnvironmentBanner';
|
|
16
|
-
export * from './components/page-layout/components/footer/Footer';
|
|
17
|
-
export * from './components/forms/input/Input';
|
|
18
|
-
export * from './components/search-box/SearchBox';
|
|
19
|
-
export * from './hooks/useTheme';
|
|
20
|
-
export * from './hooks/usePersistentState';
|
|
21
|
-
export * from './components/chip/Chip';
|
|
22
|
-
export * from './components/panel/Panel';
|
|
23
|
-
export * from './components/card/Card';
|
|
24
|
-
export * from './components/card-container/CardContainer';
|
|
25
|
-
export * from './components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
|
|
26
|
-
export * from './components/skeleton-loader/SkeletonLoader';
|
|
27
|
-
export * from './components/page/Page';
|
|
28
|
-
export * from './components/breadcrumbs/Breadcrumbs';
|
|
29
|
-
export * from './components/circle/Circle';
|
|
30
|
-
export * from './components/forms/checkbox/Checkbox';
|
|
31
|
-
export * from './components/forms/switch/Switch';
|
|
32
|
-
export * from './components/table/Table';
|
|
33
|
-
export * from './constants/chart-colors';
|
|
34
|
-
export * from './constants/chart-colors.types';
|
|
35
|
-
export * from './constants/severity.types';
|
|
36
|
-
export * from './components/forms/text-area/Textarea';
|
|
37
|
-
export * from './components/app-header/AppHeader';
|
|
38
|
-
export * from './components/sidebar/Sidebar';
|
|
39
|
-
export * from './utils/arrays/nested-filtering';
|
|
40
|
-
export * from './components/forms/multi-select/MultiSelect';
|
|
41
|
-
export * from './hooks/useViewportFill';
|
|
42
|
-
export * from './utils/date/formatDate';
|
|
43
|
-
export * from './components/filter-field/FilterField';
|
|
44
|
-
export * from './components/forms/select/Select';
|
|
45
|
-
export * from './components/split-button/SplitButton';
|
|
46
|
-
export * from './components/segmented-progress-bar/SegmentedProgressBar';
|
|
47
|
-
export * from './components/datetime-picker/DateTimePicker';
|
|
48
|
-
export * from './components/overlay/modal/provider/ModalProvider';
|
|
49
|
-
export * from './components/overlay/modal/Modal';
|
|
50
|
-
export * from './components/toast/provider/ToastProvider';
|
|
51
|
-
export * from './components/toast/Toast';
|
|
52
|
-
export * from './components/attribute-chip/AttributeChip';
|
|
53
|
-
export * from './components/split-pane/SplitPane';
|
|
54
|
-
export * from './components/pagination/Pagination';
|
|
55
|
-
export * from './components/meta-bar/MetaBar';
|
|
56
|
-
export * from './components/code-block/CodeBlock';
|
|
57
|
-
export * from './components/json-viewer/JsonViewer';
|
|
58
|
-
export * from './hooks/useTimeDuration';
|
|
59
|
-
export * from './hooks/useSorting';
|
|
60
|
-
export * from './hooks/usePagination';
|
|
61
|
-
export * from './hooks/useTableData';
|
|
62
|
-
export * from './hooks/useTableSelection';
|
|
63
|
-
export * from './components/filtering/chip-multi-toggle/ChipMultiToggle';
|
|
64
|
-
export * from './components/forms/checkbox-group/CheckboxGroup';
|
|
65
|
-
export * from './components/overlay/side-panel/SidePanel';
|
|
66
|
-
export * from './components/overlay/side-panel/useSidePanel';
|
|
67
|
-
export * from './components/overlay/fade-overlay/FadeOverlay';
|
|
68
|
-
export * from './components/forms/input-container/InputContainer';
|
|
69
|
-
export * from './components/hyperlink/Hyperlink';
|
|
70
|
-
export * from './components/overlay/tooltip/Tooltip';
|
|
71
|
-
export * from './components/overlay/tooltip/TooltipProvider';
|
|
72
|
-
export * from './components/overlay/tooltip/useTooltipTrigger';
|
|
73
|
-
export * from './components/forms/radio-buttons/RadioButton';
|
|
74
|
-
export * from './components/forms/radio-buttons/RadioButtonGroup';
|
|
75
|
-
export * from './components/interval-select/IntervalSelect';
|
|
76
|
-
export * from './components/accordion/Accordion';
|
|
77
|
-
export * from './components/state-page/StatePage';
|
|
78
|
-
export * from './components/sticky-footer-layout/StickyFooterLayout';
|
|
79
|
-
export * from './components/forms/typeahead/Typeahead';
|
|
80
|
-
export * from './hooks/useDeviceSize';
|
|
81
|
-
export * from './components/theme-button/ThemeButton';
|
|
82
|
-
export * from './components/copy-button/CopyButton';
|
|
83
|
-
export * from './components/divider/Divider';
|
|
84
|
-
export * from './components/grid/Grid';
|
|
85
|
-
export * from './components/alert/Alert';
|
|
86
|
-
export * from './components/inline-status/InlineStatus';
|
|
87
|
-
export * from './components/media-card/MediaCard';
|
|
88
|
-
export * from './components/lightbox/Lightbox';
|
|
89
|
-
export * from './components/forms/file-upload/FileUpload';
|
|
90
|
-
export * from './components/highlighted-text/HighlightedText';
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var styles = require('./Accordion.module.css');
|
|
7
|
-
var AccordionRow = require('./components/AccordionRow');
|
|
8
|
-
|
|
9
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
|
|
11
|
-
var styles__default = /*#__PURE__*/_interopDefault(styles);
|
|
12
|
-
|
|
13
|
-
function uniqSorted(nums) {
|
|
14
|
-
return Array.from(new Set(nums)).sort((a, b) => a - b);
|
|
15
|
-
}
|
|
16
|
-
function normalizeMultiple(indexes, itemCount) {
|
|
17
|
-
if (indexes === "all") {
|
|
18
|
-
return Array.from({ length: itemCount }, (_, i) => i);
|
|
19
|
-
}
|
|
20
|
-
return uniqSorted((indexes != null ? indexes : []).filter((n) => Number.isInteger(n) && n >= 0 && n < itemCount));
|
|
21
|
-
}
|
|
22
|
-
function Accordion({
|
|
23
|
-
items,
|
|
24
|
-
mode = "single",
|
|
25
|
-
size = "md",
|
|
26
|
-
variant = "default",
|
|
27
|
-
renderMode = "lazy",
|
|
28
|
-
defaultOpenIndex = null,
|
|
29
|
-
defaultOpenIndexes = [],
|
|
30
|
-
openIndex,
|
|
31
|
-
openIndexes,
|
|
32
|
-
onOpenIndexChange,
|
|
33
|
-
onOpenIndexesChange,
|
|
34
|
-
className,
|
|
35
|
-
...rest
|
|
36
|
-
}) {
|
|
37
|
-
const uid = react.useId();
|
|
38
|
-
const isControlled = mode === "single" ? openIndex !== void 0 : openIndexes !== void 0;
|
|
39
|
-
const [hasMounted, setHasMounted] = react.useState(false);
|
|
40
|
-
react.useEffect(() => {
|
|
41
|
-
setHasMounted(true);
|
|
42
|
-
}, []);
|
|
43
|
-
const [internalSingle, setInternalSingle] = react.useState(() => {
|
|
44
|
-
if (mode !== "single") return null;
|
|
45
|
-
if (defaultOpenIndex !== null && Number.isInteger(defaultOpenIndex) && defaultOpenIndex >= 0 && defaultOpenIndex < items.length) {
|
|
46
|
-
return defaultOpenIndex;
|
|
47
|
-
}
|
|
48
|
-
return null;
|
|
49
|
-
});
|
|
50
|
-
const [internalMultiple, setInternalMultiple] = react.useState(() => {
|
|
51
|
-
if (mode !== "multiple") return [];
|
|
52
|
-
return normalizeMultiple(defaultOpenIndexes, items.length);
|
|
53
|
-
});
|
|
54
|
-
const currentOpenIndexes = react.useMemo(() => {
|
|
55
|
-
if (mode === "single") {
|
|
56
|
-
const current = isControlled ? openIndex != null ? openIndex : null : internalSingle;
|
|
57
|
-
return current !== null && Number.isInteger(current) && current >= 0 && current < items.length ? [current] : [];
|
|
58
|
-
}
|
|
59
|
-
return isControlled ? normalizeMultiple(openIndexes, items.length) : normalizeMultiple(internalMultiple, items.length);
|
|
60
|
-
}, [mode, isControlled, openIndex, openIndexes, internalSingle, internalMultiple, items.length]);
|
|
61
|
-
const openSet = react.useMemo(() => new Set(currentOpenIndexes), [currentOpenIndexes]);
|
|
62
|
-
function commit(nextIndexes) {
|
|
63
|
-
if (mode === "single") {
|
|
64
|
-
const next = nextIndexes.length ? nextIndexes[0] : null;
|
|
65
|
-
if (isControlled) {
|
|
66
|
-
onOpenIndexChange == null ? void 0 : onOpenIndexChange(next);
|
|
67
|
-
} else {
|
|
68
|
-
setInternalSingle(next);
|
|
69
|
-
onOpenIndexChange == null ? void 0 : onOpenIndexChange(next);
|
|
70
|
-
}
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
const normalized = normalizeMultiple(nextIndexes, items.length);
|
|
74
|
-
if (isControlled) {
|
|
75
|
-
onOpenIndexesChange == null ? void 0 : onOpenIndexesChange(normalized);
|
|
76
|
-
} else {
|
|
77
|
-
setInternalMultiple(normalized);
|
|
78
|
-
onOpenIndexesChange == null ? void 0 : onOpenIndexesChange(normalized);
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
function toggle(index) {
|
|
82
|
-
const item = items[index];
|
|
83
|
-
if (!item || item.disabled) return;
|
|
84
|
-
const isOpen = openSet.has(index);
|
|
85
|
-
if (mode === "single") {
|
|
86
|
-
commit(isOpen ? [] : [index]);
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
if (isOpen) {
|
|
90
|
-
commit(currentOpenIndexes.filter((i) => i !== index));
|
|
91
|
-
} else {
|
|
92
|
-
commit([...currentOpenIndexes, index]);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
96
|
-
"div",
|
|
97
|
-
{
|
|
98
|
-
...rest,
|
|
99
|
-
className: [
|
|
100
|
-
styles__default.default.container,
|
|
101
|
-
styles__default.default[size],
|
|
102
|
-
variant !== "default" ? styles__default.default[variant] : "",
|
|
103
|
-
className
|
|
104
|
-
].filter(Boolean).join(" "),
|
|
105
|
-
children: items.map((item, i) => {
|
|
106
|
-
var _a;
|
|
107
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
108
|
-
AccordionRow.AccordionRow,
|
|
109
|
-
{
|
|
110
|
-
uid,
|
|
111
|
-
index: i,
|
|
112
|
-
item,
|
|
113
|
-
isOpen: openSet.has(i),
|
|
114
|
-
onToggle: toggle,
|
|
115
|
-
shouldAnimate: hasMounted,
|
|
116
|
-
headlineSize: size === "sm" ? 4 : 3,
|
|
117
|
-
variant,
|
|
118
|
-
renderMode
|
|
119
|
-
},
|
|
120
|
-
(_a = item.id) != null ? _a : i
|
|
121
|
-
);
|
|
122
|
-
})
|
|
123
|
-
}
|
|
124
|
-
);
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
exports.Accordion = Accordion;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { HTMLAttributes, JSX, ReactNode } from 'react';
|
|
2
|
-
import type { Severity } from '../../constants/severity.types';
|
|
3
|
-
export interface AccordionItem {
|
|
4
|
-
id?: string;
|
|
5
|
-
header: ReactNode;
|
|
6
|
-
subheader?: ReactNode;
|
|
7
|
-
headerAddition?: ReactNode;
|
|
8
|
-
headerActions?: ReactNode;
|
|
9
|
-
headerIcon?: ReactNode;
|
|
10
|
-
severity?: Severity;
|
|
11
|
-
children: ReactNode;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
}
|
|
14
|
-
type Size = 'sm' | 'md' | 'lg';
|
|
15
|
-
type Mode = 'single' | 'multiple';
|
|
16
|
-
type Variant = 'default' | 'outlined';
|
|
17
|
-
type OpenIndexes = number[] | 'all';
|
|
18
|
-
type RenderMode = 'lazy' | 'eager';
|
|
19
|
-
export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
20
|
-
items: AccordionItem[];
|
|
21
|
-
mode?: Mode;
|
|
22
|
-
size?: Size;
|
|
23
|
-
variant?: Variant;
|
|
24
|
-
renderMode?: RenderMode;
|
|
25
|
-
/** Uncontrolled defaults */
|
|
26
|
-
defaultOpenIndex?: number | null;
|
|
27
|
-
defaultOpenIndexes?: OpenIndexes;
|
|
28
|
-
/** Controlled state */
|
|
29
|
-
openIndex?: number | null;
|
|
30
|
-
openIndexes?: OpenIndexes;
|
|
31
|
-
/** Change callbacks */
|
|
32
|
-
onOpenIndexChange?: (index: number | null) => void;
|
|
33
|
-
onOpenIndexesChange?: (indexes: number[]) => void;
|
|
34
|
-
}
|
|
35
|
-
export declare function Accordion({ items, mode, size, variant, renderMode, defaultOpenIndex, defaultOpenIndexes, openIndex, openIndexes, onOpenIndexChange, onOpenIndexesChange, className, ...rest }: AccordionProps): JSX.Element;
|
|
36
|
-
export {};
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useId, useState, useEffect, useMemo } from 'react';
|
|
4
|
-
import styles from './Accordion.module.css';
|
|
5
|
-
import { AccordionRow } from './components/AccordionRow';
|
|
6
|
-
|
|
7
|
-
function uniqSorted(nums) {
|
|
8
|
-
return Array.from(new Set(nums)).sort((a, b) => a - b);
|
|
9
|
-
}
|
|
10
|
-
function normalizeMultiple(indexes, itemCount) {
|
|
11
|
-
if (indexes === "all") {
|
|
12
|
-
return Array.from({ length: itemCount }, (_, i) => i);
|
|
13
|
-
}
|
|
14
|
-
return uniqSorted((indexes != null ? indexes : []).filter((n) => Number.isInteger(n) && n >= 0 && n < itemCount));
|
|
15
|
-
}
|
|
16
|
-
function Accordion({
|
|
17
|
-
items,
|
|
18
|
-
mode = "single",
|
|
19
|
-
size = "md",
|
|
20
|
-
variant = "default",
|
|
21
|
-
renderMode = "lazy",
|
|
22
|
-
defaultOpenIndex = null,
|
|
23
|
-
defaultOpenIndexes = [],
|
|
24
|
-
openIndex,
|
|
25
|
-
openIndexes,
|
|
26
|
-
onOpenIndexChange,
|
|
27
|
-
onOpenIndexesChange,
|
|
28
|
-
className,
|
|
29
|
-
...rest
|
|
30
|
-
}) {
|
|
31
|
-
const uid = useId();
|
|
32
|
-
const isControlled = mode === "single" ? openIndex !== void 0 : openIndexes !== void 0;
|
|
33
|
-
const [hasMounted, setHasMounted] = useState(false);
|
|
34
|
-
useEffect(() => {
|
|
35
|
-
setHasMounted(true);
|
|
36
|
-
}, []);
|
|
37
|
-
const [internalSingle, setInternalSingle] = useState(() => {
|
|
38
|
-
if (mode !== "single") return null;
|
|
39
|
-
if (defaultOpenIndex !== null && Number.isInteger(defaultOpenIndex) && defaultOpenIndex >= 0 && defaultOpenIndex < items.length) {
|
|
40
|
-
return defaultOpenIndex;
|
|
41
|
-
}
|
|
42
|
-
return null;
|
|
43
|
-
});
|
|
44
|
-
const [internalMultiple, setInternalMultiple] = useState(() => {
|
|
45
|
-
if (mode !== "multiple") return [];
|
|
46
|
-
return normalizeMultiple(defaultOpenIndexes, items.length);
|
|
47
|
-
});
|
|
48
|
-
const currentOpenIndexes = useMemo(() => {
|
|
49
|
-
if (mode === "single") {
|
|
50
|
-
const current = isControlled ? openIndex != null ? openIndex : null : internalSingle;
|
|
51
|
-
return current !== null && Number.isInteger(current) && current >= 0 && current < items.length ? [current] : [];
|
|
52
|
-
}
|
|
53
|
-
return isControlled ? normalizeMultiple(openIndexes, items.length) : normalizeMultiple(internalMultiple, items.length);
|
|
54
|
-
}, [mode, isControlled, openIndex, openIndexes, internalSingle, internalMultiple, items.length]);
|
|
55
|
-
const openSet = useMemo(() => new Set(currentOpenIndexes), [currentOpenIndexes]);
|
|
56
|
-
function commit(nextIndexes) {
|
|
57
|
-
if (mode === "single") {
|
|
58
|
-
const next = nextIndexes.length ? nextIndexes[0] : null;
|
|
59
|
-
if (isControlled) {
|
|
60
|
-
onOpenIndexChange == null ? void 0 : onOpenIndexChange(next);
|
|
61
|
-
} else {
|
|
62
|
-
setInternalSingle(next);
|
|
63
|
-
onOpenIndexChange == null ? void 0 : onOpenIndexChange(next);
|
|
64
|
-
}
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
const normalized = normalizeMultiple(nextIndexes, items.length);
|
|
68
|
-
if (isControlled) {
|
|
69
|
-
onOpenIndexesChange == null ? void 0 : onOpenIndexesChange(normalized);
|
|
70
|
-
} else {
|
|
71
|
-
setInternalMultiple(normalized);
|
|
72
|
-
onOpenIndexesChange == null ? void 0 : onOpenIndexesChange(normalized);
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
function toggle(index) {
|
|
76
|
-
const item = items[index];
|
|
77
|
-
if (!item || item.disabled) return;
|
|
78
|
-
const isOpen = openSet.has(index);
|
|
79
|
-
if (mode === "single") {
|
|
80
|
-
commit(isOpen ? [] : [index]);
|
|
81
|
-
return;
|
|
82
|
-
}
|
|
83
|
-
if (isOpen) {
|
|
84
|
-
commit(currentOpenIndexes.filter((i) => i !== index));
|
|
85
|
-
} else {
|
|
86
|
-
commit([...currentOpenIndexes, index]);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
return /* @__PURE__ */ jsx(
|
|
90
|
-
"div",
|
|
91
|
-
{
|
|
92
|
-
...rest,
|
|
93
|
-
className: [
|
|
94
|
-
styles.container,
|
|
95
|
-
styles[size],
|
|
96
|
-
variant !== "default" ? styles[variant] : "",
|
|
97
|
-
className
|
|
98
|
-
].filter(Boolean).join(" "),
|
|
99
|
-
children: items.map((item, i) => {
|
|
100
|
-
var _a;
|
|
101
|
-
return /* @__PURE__ */ jsx(
|
|
102
|
-
AccordionRow,
|
|
103
|
-
{
|
|
104
|
-
uid,
|
|
105
|
-
index: i,
|
|
106
|
-
item,
|
|
107
|
-
isOpen: openSet.has(i),
|
|
108
|
-
onToggle: toggle,
|
|
109
|
-
shouldAnimate: hasMounted,
|
|
110
|
-
headlineSize: size === "sm" ? 4 : 3,
|
|
111
|
-
variant,
|
|
112
|
-
renderMode
|
|
113
|
-
},
|
|
114
|
-
(_a = item.id) != null ? _a : i
|
|
115
|
-
);
|
|
116
|
-
})
|
|
117
|
-
}
|
|
118
|
-
);
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
export { Accordion };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
border-radius: var(--border-radius-default);
|
|
3
|
-
background-color: var(--color-bg-surface);
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-direction: column;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
gap: var(--spacing-xs);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.outlined {
|
|
12
|
-
background-color: transparent;
|
|
13
|
-
border: 1px solid var(--color-border-subtle);
|
|
14
|
-
border-radius: var(--border-radius-md);
|
|
15
|
-
gap: 0;
|
|
16
|
-
--acc-trigger-bg: transparent;
|
|
17
|
-
--acc-content-px: var(--acc-trigger-px);
|
|
18
|
-
--acc-item-separator: 1px solid var(--color-border-subtle);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
/* Size variables (consumed by AccordionRow) */
|
|
22
|
-
.sm {
|
|
23
|
-
--acc-trigger-py: var(--spacing-xs);
|
|
24
|
-
--acc-trigger-px: var(--spacing-sm);
|
|
25
|
-
--acc-content-py: var(--spacing-sm);
|
|
26
|
-
--acc-font-size: var(--font-size-sm);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.md {
|
|
30
|
-
--acc-trigger-py: var(--spacing-sm);
|
|
31
|
-
--acc-trigger-px: var(--spacing-md);
|
|
32
|
-
--acc-content-py: var(--spacing-md);
|
|
33
|
-
--acc-font-size: var(--font-size-md);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.lg {
|
|
37
|
-
--acc-trigger-py: var(--spacing-md);
|
|
38
|
-
--acc-trigger-px: var(--spacing-md);
|
|
39
|
-
--acc-content-py: var(--spacing-md);
|
|
40
|
-
--acc-font-size: var(--font-size-md);
|
|
41
|
-
}
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var lucideReact = require('lucide-react');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var Headline = require('../../../components/headline/Headline');
|
|
7
|
-
var styles = require('./AccordionRow.module.css');
|
|
8
|
-
|
|
9
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
|
|
11
|
-
var styles__default = /*#__PURE__*/_interopDefault(styles);
|
|
12
|
-
|
|
13
|
-
function useCollapsibleHeight(isOpen, shouldAnimate) {
|
|
14
|
-
const innerRef = react.useRef(null);
|
|
15
|
-
const [height, setHeight] = react.useState("0px");
|
|
16
|
-
const prevIsOpenRef = react.useRef(isOpen);
|
|
17
|
-
react.useLayoutEffect(() => {
|
|
18
|
-
var _a, _b;
|
|
19
|
-
const el = innerRef.current;
|
|
20
|
-
if (!el) return;
|
|
21
|
-
const prevIsOpen = prevIsOpenRef.current;
|
|
22
|
-
prevIsOpenRef.current = isOpen;
|
|
23
|
-
const isOpenChanged = prevIsOpen !== isOpen;
|
|
24
|
-
const prefersReduced = typeof window !== "undefined" && ((_b = (_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)")) == null ? void 0 : _b.matches);
|
|
25
|
-
if (!shouldAnimate || prefersReduced || !isOpenChanged) {
|
|
26
|
-
setHeight(isOpen ? "auto" : "0px");
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
if (isOpen) {
|
|
30
|
-
setHeight("0px");
|
|
31
|
-
requestAnimationFrame(() => {
|
|
32
|
-
setHeight(`${el.scrollHeight}px`);
|
|
33
|
-
});
|
|
34
|
-
} else {
|
|
35
|
-
setHeight(`${el.scrollHeight}px`);
|
|
36
|
-
requestAnimationFrame(() => {
|
|
37
|
-
setHeight("0px");
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
}, [isOpen, shouldAnimate]);
|
|
41
|
-
function onTransitionEnd(e) {
|
|
42
|
-
if (e.propertyName !== "height") return;
|
|
43
|
-
if (!innerRef.current) return;
|
|
44
|
-
if (isOpen) setHeight("auto");
|
|
45
|
-
}
|
|
46
|
-
return { innerRef, height, onTransitionEnd };
|
|
47
|
-
}
|
|
48
|
-
function AccordionRow({
|
|
49
|
-
uid,
|
|
50
|
-
index,
|
|
51
|
-
item,
|
|
52
|
-
isOpen,
|
|
53
|
-
onToggle,
|
|
54
|
-
shouldAnimate = true,
|
|
55
|
-
headlineSize = 4,
|
|
56
|
-
variant = "default",
|
|
57
|
-
renderMode = "lazy"
|
|
58
|
-
}) {
|
|
59
|
-
const isDisabled = !!item.disabled;
|
|
60
|
-
const headlineWeight = variant === "outlined" ? 400 : 500;
|
|
61
|
-
const buttonId = `${uid}-acc-btn-${index}`;
|
|
62
|
-
const panelId = `${uid}-acc-panel-${index}`;
|
|
63
|
-
const { innerRef, height, onTransitionEnd } = useCollapsibleHeight(isOpen, shouldAnimate);
|
|
64
|
-
const [hasBeenOpened, setHasBeenOpened] = react.useState(isOpen);
|
|
65
|
-
const shouldRenderChildren = renderMode === "eager" || isOpen || hasBeenOpened;
|
|
66
|
-
function handleToggle() {
|
|
67
|
-
if (!isOpen) {
|
|
68
|
-
setHasBeenOpened(true);
|
|
69
|
-
}
|
|
70
|
-
onToggle(index);
|
|
71
|
-
}
|
|
72
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
73
|
-
"section",
|
|
74
|
-
{
|
|
75
|
-
className: `${styles__default.default.item} ${isOpen ? styles__default.default.open : ""} ${isDisabled ? styles__default.default.disabled : ""}`,
|
|
76
|
-
"data-state": isOpen ? "open" : "closed",
|
|
77
|
-
children: [
|
|
78
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.headerRow, children: [
|
|
79
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
80
|
-
"button",
|
|
81
|
-
{
|
|
82
|
-
type: "button",
|
|
83
|
-
id: buttonId,
|
|
84
|
-
className: styles__default.default.trigger,
|
|
85
|
-
"aria-expanded": isOpen,
|
|
86
|
-
"aria-controls": panelId,
|
|
87
|
-
onClick: handleToggle,
|
|
88
|
-
disabled: isDisabled,
|
|
89
|
-
children: [
|
|
90
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.title, children: [
|
|
91
|
-
item.headerIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.icon, children: item.headerIcon }) : null,
|
|
92
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
93
|
-
Headline.Headline,
|
|
94
|
-
{
|
|
95
|
-
disableMargin: true,
|
|
96
|
-
size: headlineSize,
|
|
97
|
-
weight: headlineWeight,
|
|
98
|
-
severity: item.severity,
|
|
99
|
-
subheader: item.subheader,
|
|
100
|
-
allowWrap: isOpen,
|
|
101
|
-
children: item.header
|
|
102
|
-
}
|
|
103
|
-
),
|
|
104
|
-
item.headerAddition ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.headerAddition, children: item.headerAddition }) : null
|
|
105
|
-
] }),
|
|
106
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, {}) })
|
|
107
|
-
]
|
|
108
|
-
}
|
|
109
|
-
),
|
|
110
|
-
item.headerActions ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.headerActions, onClick: (event) => event.stopPropagation(), children: item.headerActions }) : null
|
|
111
|
-
] }),
|
|
112
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
113
|
-
"div",
|
|
114
|
-
{
|
|
115
|
-
id: panelId,
|
|
116
|
-
role: "region",
|
|
117
|
-
"aria-labelledby": buttonId,
|
|
118
|
-
className: `${styles__default.default.panel} ${shouldAnimate ? styles__default.default.animate : styles__default.default.noAnimate}`,
|
|
119
|
-
style: { height },
|
|
120
|
-
onTransitionEnd,
|
|
121
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: innerRef, className: styles__default.default.content, children: shouldRenderChildren ? item.children : null })
|
|
122
|
-
}
|
|
123
|
-
)
|
|
124
|
-
]
|
|
125
|
-
}
|
|
126
|
-
);
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
exports.AccordionRow = AccordionRow;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { JSX } from 'react';
|
|
2
|
-
import { AccordionItem } from '../Accordion';
|
|
3
|
-
export type AccordionRowProps = {
|
|
4
|
-
uid: string;
|
|
5
|
-
index: number;
|
|
6
|
-
item: AccordionItem;
|
|
7
|
-
isOpen: boolean;
|
|
8
|
-
onToggle: (index: number) => void;
|
|
9
|
-
shouldAnimate?: boolean;
|
|
10
|
-
headlineSize?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
11
|
-
variant?: 'default' | 'outlined';
|
|
12
|
-
renderMode?: 'lazy' | 'eager';
|
|
13
|
-
};
|
|
14
|
-
export declare function AccordionRow({ uid, index, item, isOpen, onToggle, shouldAnimate, headlineSize, variant, renderMode, }: AccordionRowProps): JSX.Element;
|