@dbcdk/react-components 0.0.195 → 0.0.196
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/README.md +78 -10
- package/dist/client.cjs +486 -614
- package/dist/client.d.ts +176 -102
- package/dist/client.js +102 -102
- package/dist/components/color-scheme-button/ColorSchemeButton.cjs +7 -4
- package/dist/components/color-scheme-button/ColorSchemeButton.d.ts +7 -3
- package/dist/components/color-scheme-button/ColorSchemeButton.js +7 -4
- package/dist/components/forms/text-area/Textarea.cjs +2 -1
- package/dist/components/forms/text-area/Textarea.d.ts +1 -0
- package/dist/components/forms/text-area/Textarea.js +2 -1
- package/dist/components/highlighted-text/HighlightedText.cjs +6 -3
- package/dist/components/highlighted-text/HighlightedText.js +7 -4
- package/dist/components/json-viewer/JsonNode.cjs +27 -67
- package/dist/components/json-viewer/JsonNode.d.ts +10 -0
- package/dist/components/json-viewer/JsonNode.js +28 -68
- package/dist/components/json-viewer/JsonRow.cjs +85 -0
- package/dist/components/json-viewer/JsonRow.d.ts +5 -0
- package/dist/components/json-viewer/JsonRow.js +79 -0
- package/dist/components/json-viewer/JsonViewer.cjs +36 -253
- package/dist/components/json-viewer/JsonViewer.js +37 -250
- package/dist/components/json-viewer/JsonViewerShell.cjs +208 -0
- package/dist/components/json-viewer/JsonViewerShell.d.ts +25 -0
- package/dist/components/json-viewer/JsonViewerShell.js +202 -0
- package/dist/components/json-viewer/TanstackJsonViewer.cjs +127 -0
- package/dist/components/json-viewer/TanstackJsonViewer.d.ts +17 -0
- package/dist/components/json-viewer/TanstackJsonViewer.js +121 -0
- package/dist/components/json-viewer/types.d.ts +27 -0
- package/dist/components/json-viewer/useJsonViewerState.cjs +111 -0
- package/dist/components/json-viewer/useJsonViewerState.d.ts +42 -0
- package/dist/components/json-viewer/useJsonViewerState.js +108 -0
- package/dist/components/json-viewer/utils.cjs +36 -0
- package/dist/components/json-viewer/utils.d.ts +21 -1
- package/dist/components/json-viewer/utils.js +35 -1
- package/dist/components/lightbox/Lightbox.cjs +2 -2
- package/dist/components/lightbox/Lightbox.d.ts +1 -1
- package/dist/components/lightbox/Lightbox.js +1 -1
- package/dist/components/menu/Menu.cjs +3 -23
- package/dist/components/menu/Menu.js +3 -23
- package/dist/components/menu/Menu.module.css +4 -3
- package/dist/components/metric-tile/MetricTile.cjs +3 -2
- package/dist/components/metric-tile/MetricTile.js +2 -1
- package/dist/components/overlay/tooltip/Tooltip.cjs +7 -2
- package/dist/components/overlay/tooltip/Tooltip.d.ts +7 -1
- package/dist/components/overlay/tooltip/Tooltip.js +7 -2
- package/dist/components/overlay/tooltip/useTooltipTrigger.cjs +7 -1
- package/dist/components/overlay/tooltip/useTooltipTrigger.js +7 -1
- package/dist/components/page-layout/PageLayout.module.css +1 -1
- package/dist/components/table/Table.cjs +45 -16
- package/dist/components/table/Table.d.ts +1 -1
- package/dist/components/table/Table.js +47 -18
- package/dist/components/table/Table.module.css +135 -7
- package/dist/components/table/Table.types.d.ts +47 -1
- package/dist/components/table/TanstackTable.cjs +30 -2
- package/dist/components/table/TanstackTable.js +31 -3
- package/dist/components/table/components/TableBody.d.ts +1 -2
- package/dist/components/table/components/TableHeader.cjs +6 -4
- package/dist/components/table/components/TableHeader.d.ts +2 -1
- package/dist/components/table/components/TableHeader.js +6 -4
- package/dist/components/table/components/TableHeaderCell.cjs +5 -4
- package/dist/components/table/components/TableHeaderCell.d.ts +3 -1
- package/dist/components/table/components/TableHeaderCell.js +5 -4
- package/dist/components/table/components/TableRow.cjs +1 -1
- package/dist/components/table/components/TableRow.d.ts +1 -2
- package/dist/components/table/components/TableRow.js +1 -1
- package/dist/components/table/components/TableSkeletonBody.cjs +30 -0
- package/dist/components/table/components/TableSkeletonBody.d.ts +13 -0
- package/dist/components/table/components/TableSkeletonBody.js +24 -0
- package/dist/components/table/components/table-settings/TableHeaderSettings.cjs +28 -0
- package/dist/components/table/components/table-settings/TableHeaderSettings.d.ts +11 -0
- package/dist/components/table/components/table-settings/TableHeaderSettings.js +26 -0
- package/dist/components/table/components/table-settings/TableSettings.cjs +82 -32
- package/dist/components/table/components/table-settings/TableSettings.d.ts +14 -6
- package/dist/components/table/components/table-settings/TableSettings.js +84 -34
- package/dist/components/table/table.utils.cjs +2 -0
- package/dist/components/table/table.utils.d.ts +6 -0
- package/dist/components/table/table.utils.js +2 -1
- package/dist/components/table/tableSettings.utils.cjs +29 -0
- package/dist/components/table/tableSettings.utils.d.ts +9 -0
- package/dist/components/table/tableSettings.utils.js +24 -0
- package/dist/components/table/tanstackTable.utils.cjs +18 -0
- package/dist/components/table/tanstackTable.utils.js +19 -1
- package/dist/components/theme-button/ThemeButton.cjs +9 -4
- package/dist/components/theme-button/ThemeButton.d.ts +4 -2
- package/dist/components/theme-button/ThemeButton.js +9 -4
- package/dist/components/theme-script/ThemeScript.cjs +10 -4
- package/dist/components/theme-script/ThemeScript.d.ts +9 -1
- package/dist/components/theme-script/ThemeScript.js +10 -4
- package/dist/hooks/useColorScheme.cjs +18 -14
- package/dist/hooks/useColorScheme.d.ts +11 -1
- package/dist/hooks/useColorScheme.js +19 -15
- package/dist/hooks/useGetActiveTheme.cjs +4 -3
- package/dist/hooks/useGetActiveTheme.d.ts +7 -1
- package/dist/hooks/useGetActiveTheme.js +4 -3
- package/dist/hooks/useTableData.cjs +11 -7
- package/dist/hooks/useTableData.d.ts +8 -2
- package/dist/hooks/useTableData.js +11 -7
- package/dist/hooks/useTableSettings.cjs +25 -9
- package/dist/hooks/useTableSettings.d.ts +9 -6
- package/dist/hooks/useTableSettings.js +25 -9
- package/dist/hooks/useTheme.d.ts +6 -0
- package/dist/styles/styles.css +7 -3
- package/dist/styles/themes/dbc/colors.css +1 -1
- package/dist/styles.css +1 -476
- package/dist/tanstack-virtual.cjs +12 -0
- package/dist/tanstack-virtual.d.ts +1 -0
- package/dist/tanstack-virtual.js +1 -0
- package/package.json +13 -1
package/dist/client.d.ts
CHANGED
|
@@ -1,102 +1,176 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
export
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
export
|
|
17
|
-
export
|
|
18
|
-
export
|
|
19
|
-
export
|
|
20
|
-
export
|
|
21
|
-
export
|
|
22
|
-
export
|
|
23
|
-
export
|
|
24
|
-
export
|
|
25
|
-
export
|
|
26
|
-
export
|
|
27
|
-
export
|
|
28
|
-
export
|
|
29
|
-
export
|
|
30
|
-
export
|
|
31
|
-
export
|
|
32
|
-
export
|
|
33
|
-
export
|
|
34
|
-
export
|
|
35
|
-
export
|
|
36
|
-
export
|
|
37
|
-
export
|
|
38
|
-
export
|
|
39
|
-
export
|
|
40
|
-
export
|
|
41
|
-
export
|
|
42
|
-
export
|
|
43
|
-
export
|
|
44
|
-
export
|
|
45
|
-
export
|
|
46
|
-
export
|
|
47
|
-
export
|
|
48
|
-
export
|
|
49
|
-
export
|
|
50
|
-
export
|
|
51
|
-
export
|
|
52
|
-
export
|
|
53
|
-
export
|
|
54
|
-
export
|
|
55
|
-
export
|
|
56
|
-
export
|
|
57
|
-
export
|
|
58
|
-
export
|
|
59
|
-
export
|
|
60
|
-
export
|
|
61
|
-
export
|
|
62
|
-
export
|
|
63
|
-
export
|
|
64
|
-
export
|
|
65
|
-
export
|
|
66
|
-
export
|
|
67
|
-
export
|
|
68
|
-
export
|
|
69
|
-
export
|
|
70
|
-
export
|
|
71
|
-
export
|
|
72
|
-
export
|
|
73
|
-
export
|
|
74
|
-
export
|
|
75
|
-
export
|
|
76
|
-
export
|
|
77
|
-
export
|
|
78
|
-
export
|
|
79
|
-
export
|
|
80
|
-
export
|
|
81
|
-
export
|
|
82
|
-
export
|
|
83
|
-
export
|
|
84
|
-
export
|
|
85
|
-
export
|
|
86
|
-
export
|
|
87
|
-
export
|
|
88
|
-
export
|
|
89
|
-
export
|
|
90
|
-
export
|
|
91
|
-
export
|
|
92
|
-
export
|
|
93
|
-
export
|
|
94
|
-
export
|
|
95
|
-
export
|
|
96
|
-
export
|
|
97
|
-
export
|
|
98
|
-
export
|
|
99
|
-
export
|
|
100
|
-
export
|
|
101
|
-
export
|
|
102
|
-
export
|
|
1
|
+
export { Stack } from './components/stack/Stack';
|
|
2
|
+
export type { StackProps } from './components/stack/Stack';
|
|
3
|
+
export { Button } from './components/button/Button';
|
|
4
|
+
export type { ButtonVariant, ButtonSize, ButtonProps } from './components/button/Button';
|
|
5
|
+
export { ButtonSelect } from './components/button-select/ButtonSelect';
|
|
6
|
+
export type { ButtonSelectOption, ButtonSelectSingleProps, ButtonSelectMultipleProps, ButtonSelectProps, } from './components/button-select/ButtonSelect';
|
|
7
|
+
export { NavBar } from './components/nav-bar/NavBar';
|
|
8
|
+
export type { NavBarItem, NavBarLinkItem, NavBarExpandableItem, NavBarGroupItem, NavBarProps, } from './components/nav-bar/NavBar';
|
|
9
|
+
export { Avatar } from './components/avatar/Avatar';
|
|
10
|
+
export { Popover } from './components/popover/Popover';
|
|
11
|
+
export type { PopoverProps, PopoverHandle } from './components/popover/Popover';
|
|
12
|
+
export { Menu } from './components/menu/Menu';
|
|
13
|
+
export type { MenuProps, MenuLabelProps, MenuSeparatorProps, MenuHeaderProps, MenuDescriptionProps, MenuItemProps, MenuCheckItemProps, MenuRadioItemProps, MenuSwitchItemProps, } from './components/menu/Menu';
|
|
14
|
+
export { Icon, SeverityIcon } from './components/icon/Icon';
|
|
15
|
+
export { UserDisplay } from './components/user-display/UserDisplay';
|
|
16
|
+
export { Tabs } from './components/tabs/Tabs';
|
|
17
|
+
export type { TabId, TabItem, TabsProps, TabsItemProps } from './components/tabs/Tabs';
|
|
18
|
+
export { Headline } from './components/headline/Headline';
|
|
19
|
+
export type { HeadlineProps } from './components/headline/Headline';
|
|
20
|
+
export { CollapsibleHeadline } from './components/headline/CollapsibleHeadline';
|
|
21
|
+
export type { CollapsibleHeadlineProps } from './components/headline/CollapsibleHeadline';
|
|
22
|
+
export { PageLayout } from './components/page-layout/PageLayout';
|
|
23
|
+
export type { PageLayoutMaxWidth, PageLayoutProps, PageLayoutHeaderProps, PageLayoutContentProps, PageLayoutFooterProps, PageLayoutBannerProps, PageLayoutSidebarProps, } from './components/page-layout/PageLayout';
|
|
24
|
+
export { EnvironmentBanner } from './components/environment-banner/EnvironmentBanner';
|
|
25
|
+
export type { Environment, EnvironmentBannerProps, } from './components/environment-banner/EnvironmentBanner';
|
|
26
|
+
export { Footer } from './components/page-layout/components/footer/Footer';
|
|
27
|
+
export type { FooterLink, FooterProps } from './components/page-layout/components/footer/Footer';
|
|
28
|
+
export { Input } from './components/forms/input/Input';
|
|
29
|
+
export type { InputVariant, InputProps } from './components/forms/input/Input';
|
|
30
|
+
export { SearchBox } from './components/search-box/SearchBox';
|
|
31
|
+
export type { SearchBoxProps } from './components/search-box/SearchBox';
|
|
32
|
+
export { useColorScheme } from './hooks/useColorScheme';
|
|
33
|
+
export type { ColorScheme, UseColorSchemeOptions } from './hooks/useColorScheme';
|
|
34
|
+
export { useGetActiveTheme } from './hooks/useGetActiveTheme';
|
|
35
|
+
export type { ThemeId, UseGetActiveThemeOptions, UseGetActiveThemeResult, } from './hooks/useGetActiveTheme';
|
|
36
|
+
export { useTheme } from './hooks/useTheme';
|
|
37
|
+
export type { UseThemeOptions } from './hooks/useTheme';
|
|
38
|
+
export { usePersistentState } from './hooks/usePersistentState';
|
|
39
|
+
export type { PersistentStateStorage, PersistentStateHydration, UsePersistentStateOptions, UsePersistentStateResult, } from './hooks/usePersistentState';
|
|
40
|
+
export { useTreeViewSettings, localStorageTreeViewSettingsStorage, } from './hooks/useTreeViewSettings';
|
|
41
|
+
export type { TreeViewSettingsStorage, UseTreeViewSettingsOptions, UseTreeViewSettingsResult, } from './hooks/useTreeViewSettings';
|
|
42
|
+
export { Chip } from './components/chip/Chip';
|
|
43
|
+
export { Panel } from './components/panel/Panel';
|
|
44
|
+
export { Card } from './components/card/Card';
|
|
45
|
+
export type { CardProps } from './components/card/Card';
|
|
46
|
+
export { PrintFriendlyCard } from './components/print-friendly/PrintFriendlyCard';
|
|
47
|
+
export type { PrintFriendlyCardRow } from './components/print-friendly/PrintFriendlyCard';
|
|
48
|
+
export { PrintFriendlyMetaBar } from './components/print-friendly/PrintFriendlyMetaBar';
|
|
49
|
+
export type { PrintFriendlyMetaItem } from './components/print-friendly/PrintFriendlyMetaBar';
|
|
50
|
+
export { PrintFriendlyTable } from './components/print-friendly/PrintFriendlyTable';
|
|
51
|
+
export type { PrintFriendlyTableCol, PrintFriendlyTableRow, } from './components/print-friendly/PrintFriendlyTable';
|
|
52
|
+
export { CardContainer } from './components/card-container/CardContainer';
|
|
53
|
+
export { SkeletonLoaderItem } from './components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
|
|
54
|
+
export { SkeletonLoader } from './components/skeleton-loader/SkeletonLoader';
|
|
55
|
+
export type { SkeletonLoaderProps } from './components/skeleton-loader/SkeletonLoader';
|
|
56
|
+
export { Page } from './components/page/Page';
|
|
57
|
+
export { Breadcrumbs } from './components/breadcrumbs/Breadcrumbs';
|
|
58
|
+
export type { BreadcrumbItem, BreadcrumbsProps } from './components/breadcrumbs/Breadcrumbs';
|
|
59
|
+
export { Circle } from './components/circle/Circle';
|
|
60
|
+
export { formatBadgeCount, Badge } from './components/badge/Badge';
|
|
61
|
+
export { Checkbox } from './components/forms/checkbox/Checkbox';
|
|
62
|
+
export { Switch } from './components/forms/switch/Switch';
|
|
63
|
+
export { Table } from './components/table/Table';
|
|
64
|
+
export type { ColumnItem } from './components/table/Table';
|
|
65
|
+
export { TableSettings, TableSettingsMenuSection, } from './components/table/components/table-settings/TableSettings';
|
|
66
|
+
export type { TableSettingsProps, TableSettingsMenuSectionProps, } from './components/table/components/table-settings/TableSettings';
|
|
67
|
+
export { useTableSettings, localStorageTableSettingsStorage } from './hooks/useTableSettings';
|
|
68
|
+
export type { UseTableSettingsOptions, TableSettingsState, TableSettingsStorage, ViewMode, } from './hooks/useTableSettings';
|
|
69
|
+
export type { TableSettingsColumn, TableSettingsController, TableSettingsMenuOptions, } from './components/table/Table.types';
|
|
70
|
+
export { ChartSemanticColorVar } from './constants/chart-colors';
|
|
71
|
+
export type { ChartSemanticSeverity, ChartSemanticColor } from './constants/chart-colors.types';
|
|
72
|
+
export type { Severity } from './constants/severity.types';
|
|
73
|
+
export { Textarea } from './components/forms/text-area/Textarea';
|
|
74
|
+
export type { TextareaProps } from './components/forms/text-area/Textarea';
|
|
75
|
+
export { AppHeader } from './components/app-header/AppHeader';
|
|
76
|
+
export type { AppHeaderSize } from './components/app-header/AppHeader';
|
|
77
|
+
export { Sidebar } from './components/sidebar/Sidebar';
|
|
78
|
+
export { TreeView, collectExpandableIds, findAncestorIds } from './components/tree-view/TreeView';
|
|
79
|
+
export type { LoadTreeChildren, TreeNode, TreeViewProps } from './components/tree-view/TreeView';
|
|
80
|
+
export { nestedFiltering } from './utils/arrays/nested-filtering';
|
|
81
|
+
export { MultiSelect } from './components/forms/multi-select/MultiSelect';
|
|
82
|
+
export type { MultiselectOption } from './components/forms/multi-select/MultiSelect';
|
|
83
|
+
export { useViewportFill } from './hooks/useViewportFill';
|
|
84
|
+
export { useStickyLayout } from './hooks/useStickyLayout';
|
|
85
|
+
export { formatDate } from './utils/date/formatDate';
|
|
86
|
+
export type { FormatDateOptions } from './utils/date/formatDate';
|
|
87
|
+
export { FilterField, NUMBER_OPERATORS } from './components/filter-field/FilterField';
|
|
88
|
+
export type { Operator, FilterEvent, FilterFieldProps } from './components/filter-field/FilterField';
|
|
89
|
+
export { Select } from './components/forms/select/Select';
|
|
90
|
+
export type { SelectProps } from './components/forms/select/Select';
|
|
91
|
+
export { SplitButton } from './components/split-button/SplitButton';
|
|
92
|
+
export { SegmentedProgressBar } from './components/segmented-progress-bar/SegmentedProgressBar';
|
|
93
|
+
export type { Segment, ProgressBarSize, SegmentedProgressBarProps, } from './components/segmented-progress-bar/SegmentedProgressBar';
|
|
94
|
+
export { DateTimePicker } from './components/datetime-picker/DateTimePicker';
|
|
95
|
+
export type { DateTimePickerProps } from './components/datetime-picker/DateTimePicker';
|
|
96
|
+
export { ModalProvider, useModal } from './components/overlay/modal/provider/ModalProvider';
|
|
97
|
+
export { Modal } from './components/overlay/modal/Modal';
|
|
98
|
+
export type { ModalActionConfig, ModalProps } from './components/overlay/modal/Modal';
|
|
99
|
+
export { ToastProvider, useToast, useOptionalToast, } from './components/toast/provider/ToastProvider';
|
|
100
|
+
export type { ToastConfig } from './components/toast/provider/ToastProvider';
|
|
101
|
+
export { Toast } from './components/toast/Toast';
|
|
102
|
+
export type { ToastActionConfig, ToastProps } from './components/toast/Toast';
|
|
103
|
+
export { AttributeChip } from './components/attribute-chip/AttributeChip';
|
|
104
|
+
export { SplitPane, SplitPanePrimary, SplitPaneSecondary, SplitPaneGutter, } from './components/split-pane/SplitPane';
|
|
105
|
+
export type { SplitPaneProps } from './components/split-pane/SplitPane';
|
|
106
|
+
export { Pagination } from './components/pagination/Pagination';
|
|
107
|
+
export type { PageChangeEvent } from './components/pagination/Pagination';
|
|
108
|
+
export { MetaBar } from './components/meta-bar/MetaBar';
|
|
109
|
+
export type { MetaItem } from './components/meta-bar/MetaBar';
|
|
110
|
+
export { CodeBlock } from './components/code-block/CodeBlock';
|
|
111
|
+
export type { CodeBlockProps } from './components/code-block/CodeBlock';
|
|
112
|
+
export { JsonViewer } from './components/json-viewer/JsonViewer';
|
|
113
|
+
export type { JsonViewerProps, JsonViewerViewMode } from './components/json-viewer/JsonViewer';
|
|
114
|
+
export { XmlViewer } from './components/xml-viewer/XmlViewer';
|
|
115
|
+
export type { XmlViewerAppearance, XmlViewerProps } from './components/xml-viewer/XmlViewer';
|
|
116
|
+
export { LineViewer } from './components/line-viewer/LineViewer';
|
|
117
|
+
export type { LineViewerAppearance, LineViewerViewMode, LineViewerProps, } from './components/line-viewer/LineViewer';
|
|
118
|
+
export { useTimeDuration } from './hooks/useTimeDuration';
|
|
119
|
+
export type { useTimeDurationReturn } from './hooks/useTimeDuration';
|
|
120
|
+
export { defaultCompare, useSorting } from './hooks/useSorting';
|
|
121
|
+
export type { SortDirection, SortState, SortEvent, ColumnComparators, UseSortingProps, UseSortingResult, } from './hooks/useSorting';
|
|
122
|
+
export { usePagination } from './hooks/usePagination';
|
|
123
|
+
export type { PaginationState, UsePaginationProps, UsePaginationResult, } from './hooks/usePagination';
|
|
124
|
+
export { useTableSelection } from './hooks/useTableSelection';
|
|
125
|
+
export { useTableData } from './hooks/useTableData';
|
|
126
|
+
export type { UseTableDataColumn, UseTableDataProps, UseTableDataResult, } from './hooks/useTableData';
|
|
127
|
+
export { ChipMultiToggle } from './components/filtering/chip-multi-toggle/ChipMultiToggle';
|
|
128
|
+
export { CheckboxGroup } from './components/forms/checkbox-group/CheckboxGroup';
|
|
129
|
+
export type { CheckboxGroupOption } from './components/forms/checkbox-group/CheckboxGroup';
|
|
130
|
+
export { SidePanel } from './components/overlay/side-panel/SidePanel';
|
|
131
|
+
export { useSidePanel } from './components/overlay/side-panel/useSidePanel';
|
|
132
|
+
export { FadeOverlay } from './components/overlay/fade-overlay/FadeOverlay';
|
|
133
|
+
export type { FadeOverlayProps } from './components/overlay/fade-overlay/FadeOverlay';
|
|
134
|
+
export { InputContainer } from './components/forms/input-container/InputContainer';
|
|
135
|
+
export type { InputContainerProps } from './components/forms/input-container/InputContainer';
|
|
136
|
+
export { Hyperlink } from './components/hyperlink/Hyperlink';
|
|
137
|
+
export { Tooltip } from './components/overlay/tooltip/Tooltip';
|
|
138
|
+
export type { TooltipProps } from './components/overlay/tooltip/Tooltip';
|
|
139
|
+
export { TooltipProvider, TooltipContext } from './components/overlay/tooltip/TooltipProvider';
|
|
140
|
+
export type { TooltipPlacement, TooltipState, TooltipContextValue, } from './components/overlay/tooltip/TooltipProvider';
|
|
141
|
+
export { useTooltipTrigger } from './components/overlay/tooltip/useTooltipTrigger';
|
|
142
|
+
export { RadioButton } from './components/forms/radio-buttons/RadioButton';
|
|
143
|
+
export type { RadioButtonProps } from './components/forms/radio-buttons/RadioButton';
|
|
144
|
+
export { RadioButtonGroup } from './components/forms/radio-buttons/RadioButtonGroup';
|
|
145
|
+
export type { RadioOption, RadioGroupProps, } from './components/forms/radio-buttons/RadioButtonGroup';
|
|
146
|
+
export { IntervalSelect } from './components/interval-select/IntervalSelect';
|
|
147
|
+
export type { IntervalOption, IntervalSelectValue, IntervalSelectProps, } from './components/interval-select/IntervalSelect';
|
|
148
|
+
export { Accordion } from './components/accordion/Accordion';
|
|
149
|
+
export type { AccordionItem, AccordionProps } from './components/accordion/Accordion';
|
|
150
|
+
export { Timeline } from './components/timeline/Timeline';
|
|
151
|
+
export type { TimelineContextMenuActionItem, TimelineContextMenuHeaderItem, TimelineContextMenuItem, TimelineItem, TimelineProps, } from './components/timeline/Timeline';
|
|
152
|
+
export { StatePage } from './components/state-page/StatePage';
|
|
153
|
+
export { StickyFooterLayout } from './components/sticky-footer-layout/StickyFooterLayout';
|
|
154
|
+
export { Typeahead } from './components/forms/typeahead/Typeahead';
|
|
155
|
+
export { useDeviceSize } from './hooks/useDeviceSize';
|
|
156
|
+
export type { DeviceSize } from './hooks/useDeviceSize';
|
|
157
|
+
export { ColorSchemeMenuSection, ColorSchemeButton, } from './components/color-scheme-button/ColorSchemeButton';
|
|
158
|
+
export type { ColorSchemeMenuSectionProps, ColorSchemeButtonProps, } from './components/color-scheme-button/ColorSchemeButton';
|
|
159
|
+
export { ThemeMenuSection, ThemeButton } from './components/theme-button/ThemeButton';
|
|
160
|
+
export type { ThemeMenuSectionProps, ThemeButtonProps } from './components/theme-button/ThemeButton';
|
|
161
|
+
export { CopyButton } from './components/copy-button/CopyButton';
|
|
162
|
+
export { Divider } from './components/divider/Divider';
|
|
163
|
+
export { Grid, GridItem } from './components/grid/Grid';
|
|
164
|
+
export type { GridGap, GridMaxWidth, GridProps, GridItemProps } from './components/grid/Grid';
|
|
165
|
+
export { Alert } from './components/alert/Alert';
|
|
166
|
+
export type { AlertProps } from './components/alert/Alert';
|
|
167
|
+
export { InlineStatus } from './components/inline-status/InlineStatus';
|
|
168
|
+
export type { InlineStatusProps } from './components/inline-status/InlineStatus';
|
|
169
|
+
export { MediaCard } from './components/media-card/MediaCard';
|
|
170
|
+
export type { MediaCardProps } from './components/media-card/MediaCard';
|
|
171
|
+
export { Lightbox } from './components/lightbox/Lightbox';
|
|
172
|
+
export type { LightboxItem, LightboxContextMenuItem, LightboxProps, } from './components/lightbox/Lightbox';
|
|
173
|
+
export { FileUpload } from './components/forms/file-upload/FileUpload';
|
|
174
|
+
export type { FileUploadProps, FileUploadHandle } from './components/forms/file-upload/FileUpload';
|
|
175
|
+
export { HighlightedText } from './components/highlighted-text/HighlightedText';
|
|
176
|
+
export type { HighlightedTextProps } from './components/highlighted-text/HighlightedText';
|
package/dist/client.js
CHANGED
|
@@ -1,103 +1,103 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
export
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
export
|
|
17
|
-
export
|
|
18
|
-
export
|
|
19
|
-
export
|
|
20
|
-
export
|
|
21
|
-
export
|
|
22
|
-
export
|
|
23
|
-
export
|
|
24
|
-
export
|
|
25
|
-
export
|
|
26
|
-
export
|
|
27
|
-
export
|
|
28
|
-
export
|
|
29
|
-
export
|
|
30
|
-
export
|
|
31
|
-
export
|
|
32
|
-
export
|
|
33
|
-
export
|
|
34
|
-
export
|
|
35
|
-
export
|
|
36
|
-
export
|
|
37
|
-
export
|
|
38
|
-
export
|
|
39
|
-
export
|
|
40
|
-
export
|
|
41
|
-
export
|
|
42
|
-
export
|
|
43
|
-
export
|
|
44
|
-
export
|
|
45
|
-
export
|
|
46
|
-
export
|
|
47
|
-
export
|
|
48
|
-
export
|
|
49
|
-
export
|
|
50
|
-
export
|
|
51
|
-
export
|
|
52
|
-
export
|
|
53
|
-
export
|
|
54
|
-
export
|
|
55
|
-
export
|
|
56
|
-
export
|
|
57
|
-
export
|
|
58
|
-
export
|
|
59
|
-
export
|
|
60
|
-
export
|
|
61
|
-
export
|
|
62
|
-
export
|
|
63
|
-
export
|
|
64
|
-
export
|
|
65
|
-
export
|
|
66
|
-
export
|
|
67
|
-
export
|
|
68
|
-
export
|
|
69
|
-
export
|
|
70
|
-
export
|
|
71
|
-
export
|
|
72
|
-
export
|
|
73
|
-
export
|
|
74
|
-
export
|
|
75
|
-
export
|
|
76
|
-
export
|
|
77
|
-
export
|
|
78
|
-
export
|
|
79
|
-
export
|
|
80
|
-
export
|
|
81
|
-
export
|
|
82
|
-
export
|
|
83
|
-
export
|
|
84
|
-
export
|
|
85
|
-
export
|
|
86
|
-
export
|
|
87
|
-
export
|
|
88
|
-
export
|
|
89
|
-
export
|
|
90
|
-
export
|
|
91
|
-
export
|
|
92
|
-
export
|
|
93
|
-
export
|
|
94
|
-
export
|
|
95
|
-
export
|
|
96
|
-
export
|
|
97
|
-
export
|
|
98
|
-
export
|
|
99
|
-
export
|
|
100
|
-
export
|
|
101
|
-
export
|
|
102
|
-
export
|
|
103
|
-
export
|
|
2
|
+
export { Stack } from './components/stack/Stack';
|
|
3
|
+
export { Button } from './components/button/Button';
|
|
4
|
+
export { ButtonSelect } from './components/button-select/ButtonSelect';
|
|
5
|
+
export { NavBar } from './components/nav-bar/NavBar';
|
|
6
|
+
export { Avatar } from './components/avatar/Avatar';
|
|
7
|
+
export { Popover } from './components/popover/Popover';
|
|
8
|
+
export { Menu } from './components/menu/Menu';
|
|
9
|
+
export { Icon, SeverityIcon } from './components/icon/Icon';
|
|
10
|
+
export { UserDisplay } from './components/user-display/UserDisplay';
|
|
11
|
+
export { Tabs } from './components/tabs/Tabs';
|
|
12
|
+
export { Headline } from './components/headline/Headline';
|
|
13
|
+
export { CollapsibleHeadline } from './components/headline/CollapsibleHeadline';
|
|
14
|
+
export { PageLayout } from './components/page-layout/PageLayout';
|
|
15
|
+
export { EnvironmentBanner } from './components/environment-banner/EnvironmentBanner';
|
|
16
|
+
export { Footer } from './components/page-layout/components/footer/Footer';
|
|
17
|
+
export { Input } from './components/forms/input/Input';
|
|
18
|
+
export { SearchBox } from './components/search-box/SearchBox';
|
|
19
|
+
export { useColorScheme } from './hooks/useColorScheme';
|
|
20
|
+
export { useGetActiveTheme } from './hooks/useGetActiveTheme';
|
|
21
|
+
export { useTheme } from './hooks/useTheme';
|
|
22
|
+
export { usePersistentState } from './hooks/usePersistentState';
|
|
23
|
+
export { localStorageTreeViewSettingsStorage, useTreeViewSettings } from './hooks/useTreeViewSettings';
|
|
24
|
+
export { Chip } from './components/chip/Chip';
|
|
25
|
+
export { Panel } from './components/panel/Panel';
|
|
26
|
+
export { Card } from './components/card/Card';
|
|
27
|
+
export { PrintFriendlyCard } from './components/print-friendly/PrintFriendlyCard';
|
|
28
|
+
export { PrintFriendlyMetaBar } from './components/print-friendly/PrintFriendlyMetaBar';
|
|
29
|
+
export { PrintFriendlyTable } from './components/print-friendly/PrintFriendlyTable';
|
|
30
|
+
export { CardContainer } from './components/card-container/CardContainer';
|
|
31
|
+
export { SkeletonLoaderItem } from './components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
|
|
32
|
+
export { SkeletonLoader } from './components/skeleton-loader/SkeletonLoader';
|
|
33
|
+
export { Page } from './components/page/Page';
|
|
34
|
+
export { Breadcrumbs } from './components/breadcrumbs/Breadcrumbs';
|
|
35
|
+
export { Circle } from './components/circle/Circle';
|
|
36
|
+
export { Badge, formatBadgeCount } from './components/badge/Badge';
|
|
37
|
+
export { Checkbox } from './components/forms/checkbox/Checkbox';
|
|
38
|
+
export { Switch } from './components/forms/switch/Switch';
|
|
39
|
+
export { Table } from './components/table/Table';
|
|
40
|
+
export { TableSettings, TableSettingsMenuSection } from './components/table/components/table-settings/TableSettings';
|
|
41
|
+
export { localStorageTableSettingsStorage, useTableSettings } from './hooks/useTableSettings';
|
|
42
|
+
export { ChartSemanticColorVar } from './constants/chart-colors';
|
|
43
|
+
export { Textarea } from './components/forms/text-area/Textarea';
|
|
44
|
+
export { AppHeader } from './components/app-header/AppHeader';
|
|
45
|
+
export { Sidebar } from './components/sidebar/Sidebar';
|
|
46
|
+
export { TreeView, collectExpandableIds, findAncestorIds } from './components/tree-view/TreeView';
|
|
47
|
+
export { nestedFiltering } from './utils/arrays/nested-filtering';
|
|
48
|
+
export { MultiSelect } from './components/forms/multi-select/MultiSelect';
|
|
49
|
+
export { useViewportFill } from './hooks/useViewportFill';
|
|
50
|
+
export { useStickyLayout } from './hooks/useStickyLayout';
|
|
51
|
+
export { formatDate } from './utils/date/formatDate';
|
|
52
|
+
export { FilterField, NUMBER_OPERATORS } from './components/filter-field/FilterField';
|
|
53
|
+
export { Select } from './components/forms/select/Select';
|
|
54
|
+
export { SplitButton } from './components/split-button/SplitButton';
|
|
55
|
+
export { SegmentedProgressBar } from './components/segmented-progress-bar/SegmentedProgressBar';
|
|
56
|
+
export { DateTimePicker } from './components/datetime-picker/DateTimePicker';
|
|
57
|
+
export { ModalProvider, useModal } from './components/overlay/modal/provider/ModalProvider';
|
|
58
|
+
export { Modal } from './components/overlay/modal/Modal';
|
|
59
|
+
export { ToastProvider, useOptionalToast, useToast } from './components/toast/provider/ToastProvider';
|
|
60
|
+
export { Toast } from './components/toast/Toast';
|
|
61
|
+
export { AttributeChip } from './components/attribute-chip/AttributeChip';
|
|
62
|
+
export { SplitPane, SplitPaneGutter, SplitPanePrimary, SplitPaneSecondary } from './components/split-pane/SplitPane';
|
|
63
|
+
export { Pagination } from './components/pagination/Pagination';
|
|
64
|
+
export { MetaBar } from './components/meta-bar/MetaBar';
|
|
65
|
+
export { CodeBlock } from './components/code-block/CodeBlock';
|
|
66
|
+
export { JsonViewer } from './components/json-viewer/JsonViewer';
|
|
67
|
+
export { XmlViewer } from './components/xml-viewer/XmlViewer';
|
|
68
|
+
export { LineViewer } from './components/line-viewer/LineViewer';
|
|
69
|
+
export { useTimeDuration } from './hooks/useTimeDuration';
|
|
70
|
+
export { defaultCompare, useSorting } from './hooks/useSorting';
|
|
71
|
+
export { usePagination } from './hooks/usePagination';
|
|
72
|
+
export { useTableSelection } from './hooks/useTableSelection';
|
|
73
|
+
export { useTableData } from './hooks/useTableData';
|
|
74
|
+
export { ChipMultiToggle } from './components/filtering/chip-multi-toggle/ChipMultiToggle';
|
|
75
|
+
export { CheckboxGroup } from './components/forms/checkbox-group/CheckboxGroup';
|
|
76
|
+
export { SidePanel } from './components/overlay/side-panel/SidePanel';
|
|
77
|
+
export { useSidePanel } from './components/overlay/side-panel/useSidePanel';
|
|
78
|
+
export { FadeOverlay } from './components/overlay/fade-overlay/FadeOverlay';
|
|
79
|
+
export { InputContainer } from './components/forms/input-container/InputContainer';
|
|
80
|
+
export { Hyperlink } from './components/hyperlink/Hyperlink';
|
|
81
|
+
export { Tooltip } from './components/overlay/tooltip/Tooltip';
|
|
82
|
+
export { TooltipContext, TooltipProvider } from './components/overlay/tooltip/TooltipProvider';
|
|
83
|
+
export { useTooltipTrigger } from './components/overlay/tooltip/useTooltipTrigger';
|
|
84
|
+
export { RadioButton } from './components/forms/radio-buttons/RadioButton';
|
|
85
|
+
export { RadioButtonGroup } from './components/forms/radio-buttons/RadioButtonGroup';
|
|
86
|
+
export { IntervalSelect } from './components/interval-select/IntervalSelect';
|
|
87
|
+
export { Accordion } from './components/accordion/Accordion';
|
|
88
|
+
export { Timeline } from './components/timeline/Timeline';
|
|
89
|
+
export { StatePage } from './components/state-page/StatePage';
|
|
90
|
+
export { StickyFooterLayout } from './components/sticky-footer-layout/StickyFooterLayout';
|
|
91
|
+
export { Typeahead } from './components/forms/typeahead/Typeahead';
|
|
92
|
+
export { useDeviceSize } from './hooks/useDeviceSize';
|
|
93
|
+
export { ColorSchemeButton, ColorSchemeMenuSection } from './components/color-scheme-button/ColorSchemeButton';
|
|
94
|
+
export { ThemeButton, ThemeMenuSection } from './components/theme-button/ThemeButton';
|
|
95
|
+
export { CopyButton } from './components/copy-button/CopyButton';
|
|
96
|
+
export { Divider } from './components/divider/Divider';
|
|
97
|
+
export { Grid, GridItem } from './components/grid/Grid';
|
|
98
|
+
export { Alert } from './components/alert/Alert';
|
|
99
|
+
export { InlineStatus } from './components/inline-status/InlineStatus';
|
|
100
|
+
export { MediaCard } from './components/media-card/MediaCard';
|
|
101
|
+
export { Lightbox } from './components/lightbox/Lightbox';
|
|
102
|
+
export { FileUpload } from './components/forms/file-upload/FileUpload';
|
|
103
|
+
export { HighlightedText } from './components/highlighted-text/HighlightedText';
|
|
@@ -13,8 +13,10 @@ const COLOR_SCHEME_OPTIONS = [
|
|
|
13
13
|
{ value: "light", label: "Lyst", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 16 }) },
|
|
14
14
|
{ value: "dark", label: "M\xF8rkt", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { size: 16 }) }
|
|
15
15
|
];
|
|
16
|
-
function ColorSchemeMenuSection(
|
|
17
|
-
|
|
16
|
+
function ColorSchemeMenuSection({
|
|
17
|
+
storageKey
|
|
18
|
+
} = {}) {
|
|
19
|
+
const { colorScheme, switchColorScheme } = useColorScheme.useColorScheme("system", { storageKey });
|
|
18
20
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
19
21
|
/* @__PURE__ */ jsxRuntime.jsx(Menu.Menu.Header, { children: "Udseende" }),
|
|
20
22
|
COLOR_SCHEME_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -32,9 +34,10 @@ function ColorSchemeMenuSection() {
|
|
|
32
34
|
}
|
|
33
35
|
function ColorSchemeButton({
|
|
34
36
|
size,
|
|
35
|
-
variant = "outlined"
|
|
37
|
+
variant = "outlined",
|
|
38
|
+
storageKey
|
|
36
39
|
}) {
|
|
37
|
-
const { colorScheme, switchColorScheme } = useColorScheme.useColorScheme();
|
|
40
|
+
const { colorScheme, switchColorScheme } = useColorScheme.useColorScheme("system", { storageKey });
|
|
38
41
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
39
42
|
Popover.Popover,
|
|
40
43
|
{
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import type { JSX } from 'react';
|
|
2
2
|
import type { ButtonSize, ButtonVariant } from '../../components/button/Button';
|
|
3
|
-
export interface
|
|
3
|
+
export interface ColorSchemeMenuSectionProps {
|
|
4
|
+
/** Passed through to `useColorScheme` — see its docs for when to set this. */
|
|
5
|
+
storageKey?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface ColorSchemeButtonProps extends ColorSchemeMenuSectionProps {
|
|
4
8
|
size?: ButtonSize;
|
|
5
9
|
variant?: ButtonVariant;
|
|
6
10
|
}
|
|
7
|
-
export declare function ColorSchemeMenuSection(): JSX.Element;
|
|
8
|
-
export declare function ColorSchemeButton({ size, variant, }: ColorSchemeButtonProps): JSX.Element;
|
|
11
|
+
export declare function ColorSchemeMenuSection({ storageKey, }?: ColorSchemeMenuSectionProps): JSX.Element;
|
|
12
|
+
export declare function ColorSchemeButton({ size, variant, storageKey, }: ColorSchemeButtonProps): JSX.Element;
|
|
@@ -11,8 +11,10 @@ const COLOR_SCHEME_OPTIONS = [
|
|
|
11
11
|
{ value: "light", label: "Lyst", icon: /* @__PURE__ */ jsx(Sun, { size: 16 }) },
|
|
12
12
|
{ value: "dark", label: "M\xF8rkt", icon: /* @__PURE__ */ jsx(Moon, { size: 16 }) }
|
|
13
13
|
];
|
|
14
|
-
function ColorSchemeMenuSection(
|
|
15
|
-
|
|
14
|
+
function ColorSchemeMenuSection({
|
|
15
|
+
storageKey
|
|
16
|
+
} = {}) {
|
|
17
|
+
const { colorScheme, switchColorScheme } = useColorScheme("system", { storageKey });
|
|
16
18
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
17
19
|
/* @__PURE__ */ jsx(Menu.Header, { children: "Udseende" }),
|
|
18
20
|
COLOR_SCHEME_OPTIONS.map((option) => /* @__PURE__ */ jsx(
|
|
@@ -30,9 +32,10 @@ function ColorSchemeMenuSection() {
|
|
|
30
32
|
}
|
|
31
33
|
function ColorSchemeButton({
|
|
32
34
|
size,
|
|
33
|
-
variant = "outlined"
|
|
35
|
+
variant = "outlined",
|
|
36
|
+
storageKey
|
|
34
37
|
}) {
|
|
35
|
-
const { colorScheme, switchColorScheme } = useColorScheme();
|
|
38
|
+
const { colorScheme, switchColorScheme } = useColorScheme("system", { storageKey });
|
|
36
39
|
return /* @__PURE__ */ jsx(
|
|
37
40
|
Popover,
|
|
38
41
|
{
|
|
@@ -19,6 +19,7 @@ const Textarea = function Textarea2({
|
|
|
19
19
|
showCount,
|
|
20
20
|
tooltip,
|
|
21
21
|
tooltipPlacement = "right",
|
|
22
|
+
tooltipOpenOnFocus = true,
|
|
22
23
|
showTooltip,
|
|
23
24
|
placeholder,
|
|
24
25
|
adjustHeight,
|
|
@@ -87,7 +88,7 @@ const Textarea = function Textarea2({
|
|
|
87
88
|
placement: tooltipPlacement,
|
|
88
89
|
offset: 8,
|
|
89
90
|
delayOpenMs: 0,
|
|
90
|
-
focusOpenMode: "any",
|
|
91
|
+
focusOpenMode: tooltipOpenOnFocus ? "any" : "focus-visible",
|
|
91
92
|
closeOnPointerDown: false
|
|
92
93
|
});
|
|
93
94
|
return /* @__PURE__ */ jsxRuntime.jsx(
|