@dbcdk/react-components 0.0.5 → 0.0.6

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.
Files changed (272) hide show
  1. package/dist/assets/logo.js +2 -85
  2. package/dist/components/__stories__/_data/table.d.ts +15 -0
  3. package/dist/components/__stories__/_data/table.js +49 -0
  4. package/dist/components/__stories__/story-components/Colors.d.ts +2 -1
  5. package/dist/components/__stories__/story-components/Colors.js +87 -142
  6. package/dist/components/__stories__/story-components/Spacing.d.ts +1 -0
  7. package/dist/components/__stories__/story-components/Spacing.js +58 -166
  8. package/dist/components/app-header/AppHeader.d.ts +4 -3
  9. package/dist/components/app-header/AppHeader.js +3 -6
  10. package/dist/components/attribute-chip/AttributeChip.d.ts +1 -0
  11. package/dist/components/attribute-chip/AttributeChip.js +3 -14
  12. package/dist/components/avatar/Avatar.d.ts +2 -2
  13. package/dist/components/avatar/Avatar.js +37 -71
  14. package/dist/components/breadcrumbs/Breadcrumbs.d.ts +4 -4
  15. package/dist/components/breadcrumbs/Breadcrumbs.js +4 -13
  16. package/dist/components/button/Button.d.ts +3 -2
  17. package/dist/components/button/Button.js +54 -56
  18. package/dist/components/button/Button.module.css +1 -1
  19. package/dist/components/card/Card.d.ts +8 -7
  20. package/dist/components/card/Card.js +19 -60
  21. package/dist/components/card-container/CardContainer.d.ts +3 -3
  22. package/dist/components/card-container/CardContainer.js +4 -16
  23. package/dist/components/chip/Chip.d.ts +6 -5
  24. package/dist/components/chip/Chip.js +14 -38
  25. package/dist/components/chip/Chip.module.css +9 -1
  26. package/dist/components/circle/Circle.d.ts +3 -2
  27. package/dist/components/circle/Circle.js +3 -10
  28. package/dist/components/clear-button/ClearButton.d.ts +2 -1
  29. package/dist/components/clear-button/ClearButton.js +6 -17
  30. package/dist/components/code-block/CodeBlock.d.ts +1 -0
  31. package/dist/components/code-block/CodeBlock.js +4 -10
  32. package/dist/components/copy-button/CopyButton.d.ts +4 -3
  33. package/dist/components/copy-button/CopyButton.js +19 -26
  34. package/dist/components/datetime-picker/DateTimePicker.d.ts +8 -5
  35. package/dist/components/datetime-picker/DateTimePicker.js +364 -459
  36. package/dist/components/filter-field/FilterField.d.ts +5 -2
  37. package/dist/components/filter-field/FilterField.js +130 -173
  38. package/dist/components/filter-field/FilterField.module.css +21 -5
  39. package/dist/components/filtering/chip-multi-toggle/ChipMultiToggle.d.ts +36 -0
  40. package/dist/components/filtering/chip-multi-toggle/ChipMultiToggle.js +53 -0
  41. package/dist/components/filtering/chip-multi-toggle/ChipMultiToggle.module.css +60 -0
  42. package/dist/components/forms/checkbox/Checkbox.d.ts +31 -0
  43. package/dist/components/forms/checkbox/Checkbox.js +27 -0
  44. package/dist/components/{checkbox → forms/checkbox}/Checkbox.module.css +0 -1
  45. package/dist/components/forms/checkbox-group/CheckboxGroup.d.ts +47 -0
  46. package/dist/components/forms/checkbox-group/CheckboxGroup.js +75 -0
  47. package/dist/components/forms/checkbox-group/CheckboxGroup.module.css +115 -0
  48. package/dist/components/{input → forms/input}/Input.d.ts +9 -5
  49. package/dist/components/forms/input/Input.js +70 -0
  50. package/dist/components/{input → forms/input}/Input.module.css +1 -0
  51. package/dist/components/forms/input-container/InputContainer.d.ts +15 -0
  52. package/dist/components/forms/input-container/InputContainer.js +15 -0
  53. package/dist/components/forms/input-container/InputContainer.module.css +34 -0
  54. package/dist/components/forms/multi-select/MultiSelect.d.ts +20 -0
  55. package/dist/components/forms/multi-select/MultiSelect.js +19 -0
  56. package/dist/components/forms/select/Select.d.ts +21 -0
  57. package/dist/components/forms/select/Select.js +94 -0
  58. package/dist/components/forms/text-area/Textarea.d.ts +17 -0
  59. package/dist/components/forms/text-area/Textarea.js +33 -0
  60. package/dist/components/forms/text-area/Textarea.module.css +26 -0
  61. package/dist/components/headline/Headline.js +18 -43
  62. package/dist/components/{link/Link.d.ts → hyperlink/Hyperlink.d.ts} +2 -2
  63. package/dist/components/hyperlink/Hyperlink.js +11 -0
  64. package/dist/components/{link/Link.module.css → hyperlink/Hyperlink.module.css} +5 -14
  65. package/dist/components/icon/Icon.d.ts +4 -3
  66. package/dist/components/icon/Icon.js +11 -17
  67. package/dist/components/menu/Menu.js +25 -67
  68. package/dist/components/meta-bar/MetaBar.d.ts +4 -4
  69. package/dist/components/meta-bar/MetaBar.js +7 -20
  70. package/dist/components/nav-bar/NavBar.d.ts +5 -5
  71. package/dist/components/nav-bar/NavBar.js +15 -45
  72. package/dist/components/{modal → overlay/modal}/Modal.d.ts +4 -2
  73. package/dist/components/overlay/modal/Modal.js +92 -0
  74. package/dist/components/{modal → overlay/modal}/provider/ModalProvider.d.ts +0 -1
  75. package/dist/components/overlay/modal/provider/ModalProvider.js +70 -0
  76. package/dist/components/overlay/side-panel/SidePanel.d.ts +16 -0
  77. package/dist/components/overlay/side-panel/SidePanel.js +10 -0
  78. package/dist/components/overlay/side-panel/SidePanel.module.css +56 -0
  79. package/dist/components/overlay/side-panel/useSidePanel.d.ts +5 -0
  80. package/dist/components/overlay/side-panel/useSidePanel.js +11 -0
  81. package/dist/components/overlay/tooltip/Tooltip.d.ts +13 -0
  82. package/dist/components/overlay/tooltip/Tooltip.js +17 -0
  83. package/dist/components/overlay/tooltip/Tooltip.module.css +106 -0
  84. package/dist/components/overlay/tooltip/TooltipProvider.d.ts +20 -0
  85. package/dist/components/overlay/tooltip/TooltipProvider.js +244 -0
  86. package/dist/components/overlay/tooltip/useTooltipTrigger.d.ts +24 -0
  87. package/dist/components/overlay/tooltip/useTooltipTrigger.js +108 -0
  88. package/dist/components/page/Page.d.ts +7 -6
  89. package/dist/components/page/Page.js +4 -21
  90. package/dist/components/page-layout/PageLayout.d.ts +11 -12
  91. package/dist/components/page-layout/PageLayout.js +35 -71
  92. package/dist/components/page-layout/components/page-layout-hero/PageLayoutHero.js +4 -22
  93. package/dist/components/pagination/Pagination.d.ts +2 -1
  94. package/dist/components/pagination/Pagination.js +38 -121
  95. package/dist/components/panel/Panel.d.ts +4 -3
  96. package/dist/components/panel/Panel.js +5 -10
  97. package/dist/components/popover/Popover.d.ts +1 -0
  98. package/dist/components/popover/Popover.js +116 -141
  99. package/dist/components/search-box/SearchBox.d.ts +2 -2
  100. package/dist/components/search-box/SearchBox.js +112 -162
  101. package/dist/components/segmented-progress-bar/SegmentedProgressBar.d.ts +1 -1
  102. package/dist/components/segmented-progress-bar/SegmentedProgressBar.js +47 -94
  103. package/dist/components/sidebar/Sidebar.d.ts +1 -0
  104. package/dist/components/sidebar/Sidebar.js +5 -7
  105. package/dist/components/sidebar/components/SidebarItem.js +6 -14
  106. package/dist/components/sidebar/components/expandable-sidebar-item/ExpandableSidebarItem.d.ts +1 -1
  107. package/dist/components/sidebar/components/expandable-sidebar-item/ExpandableSidebarItem.js +48 -88
  108. package/dist/components/sidebar/components/sidebar-container/SidebarContainer.d.ts +3 -2
  109. package/dist/components/sidebar/components/sidebar-container/SidebarContainer.js +11 -41
  110. package/dist/components/sidebar/components/sidebar-item-content/SidebarItemContent.d.ts +1 -0
  111. package/dist/components/sidebar/components/sidebar-item-content/SidebarItemContent.js +4 -25
  112. package/dist/components/sidebar/components/sidebar-items/SidebarItems.js +9 -23
  113. package/dist/components/sidebar/components/sidenav-filteirng/SidenavFiltering.js +19 -40
  114. package/dist/components/sidebar/providers/SidebarProvider.d.ts +2 -1
  115. package/dist/components/sidebar/providers/SidebarProvider.js +182 -165
  116. package/dist/components/skeleton-loader/SkeletonLoader.js +68 -266
  117. package/dist/components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem.js +11 -34
  118. package/dist/components/split-button/SplitButton.d.ts +7 -5
  119. package/dist/components/split-button/SplitButton.js +4 -27
  120. package/dist/components/split-pane/SplitPane.js +69 -105
  121. package/dist/components/split-pane/provider/SplitPaneContext.js +77 -71
  122. package/dist/components/table/Table.d.ts +9 -7
  123. package/dist/components/table/Table.js +115 -238
  124. package/dist/components/table/Table.module.css +5 -1
  125. package/dist/components/table/components/column-resizer/ColumnResizer.js +4 -15
  126. package/dist/components/table/components/empty-state/EmptyState.d.ts +6 -5
  127. package/dist/components/table/components/empty-state/EmptyState.js +22 -41
  128. package/dist/components/table/components/table-settings/TableSettings.d.ts +2 -1
  129. package/dist/components/table/components/table-settings/TableSettings.js +9 -27
  130. package/dist/components/table/tanstack.d.ts +1 -1
  131. package/dist/components/table/tanstack.js +154 -160
  132. package/dist/components/tabs/Tabs.d.ts +1 -0
  133. package/dist/components/tabs/Tabs.js +32 -81
  134. package/dist/components/toast/Toast.d.ts +1 -1
  135. package/dist/components/toast/Toast.js +4 -37
  136. package/dist/components/toast/Toast.module.css +1 -0
  137. package/dist/components/toast/provider/ToastProvider.d.ts +1 -1
  138. package/dist/components/toast/provider/ToastProvider.js +60 -87
  139. package/dist/components/user-display/UserDisplay.d.ts +2 -1
  140. package/dist/components/user-display/UserDisplay.js +4 -20
  141. package/dist/constants/severity.d.ts +1 -1
  142. package/dist/constants/severity.js +14 -16
  143. package/dist/constants/severity.types.d.ts +1 -1
  144. package/dist/constants/severity.types.js +1 -1
  145. package/dist/constants/sizes.js +6 -8
  146. package/dist/hooks/usePagination.d.ts +1 -1
  147. package/dist/hooks/usePagination.js +75 -82
  148. package/dist/hooks/useSorting.js +112 -110
  149. package/dist/hooks/useTableData.d.ts +1 -1
  150. package/dist/hooks/useTableData.js +42 -47
  151. package/dist/hooks/useTableSelection.js +121 -121
  152. package/dist/hooks/useTableSettings.js +23 -25
  153. package/dist/hooks/useTheme.d.ts +3 -7
  154. package/dist/hooks/useTheme.js +52 -47
  155. package/dist/hooks/useTimeDuration.d.ts +2 -2
  156. package/dist/hooks/useTimeDuration.js +33 -34
  157. package/dist/hooks/useViewportFill.d.ts +3 -2
  158. package/dist/hooks/useViewportFill.js +55 -48
  159. package/dist/index.d.ts +17 -8
  160. package/dist/index.js +18 -8
  161. package/dist/src/styles/styles.css +3 -3
  162. package/dist/styles/css-helper-classes/flex.css +4 -0
  163. package/dist/styles/styles.css +3 -3
  164. package/dist/styles/themes/dbc/dark.css +1 -1
  165. package/dist/styles/themes/dbc/light.css +2 -1
  166. package/dist/styles/themes/forfatterweb/light.css +1 -1
  167. package/dist/styles/themes/types.js +1 -1
  168. package/dist/types/a11y-props.types.d.ts +5 -5
  169. package/dist/types/a11y-props.types.js +1 -1
  170. package/dist/types/sizes.types.js +1 -1
  171. package/dist/utils/arrays/nested-filtering.js +43 -33
  172. package/dist/utils/date/formatDate.js +25 -16
  173. package/package.json +18 -9
  174. package/dist/assets/logo.cjs +0 -87
  175. package/dist/components/__stories__/story-components/Colors.cjs +0 -159
  176. package/dist/components/__stories__/story-components/Spacing.cjs +0 -190
  177. package/dist/components/app-header/AppHeader.cjs +0 -14
  178. package/dist/components/attribute-chip/AttributeChip.cjs +0 -22
  179. package/dist/components/avatar/Avatar.cjs +0 -101
  180. package/dist/components/breadcrumbs/Breadcrumbs.cjs +0 -22
  181. package/dist/components/button/Button.cjs +0 -87
  182. package/dist/components/card/Card.cjs +0 -69
  183. package/dist/components/card-container/CardContainer.cjs +0 -24
  184. package/dist/components/checkbox/Checkbox.cjs +0 -42
  185. package/dist/components/checkbox/Checkbox.d.ts +0 -12
  186. package/dist/components/checkbox/Checkbox.js +0 -36
  187. package/dist/components/chip/Chip.cjs +0 -50
  188. package/dist/components/circle/Circle.cjs +0 -18
  189. package/dist/components/clear-button/ClearButton.cjs +0 -26
  190. package/dist/components/code-block/CodeBlock.cjs +0 -18
  191. package/dist/components/copy-button/CopyButton.cjs +0 -35
  192. package/dist/components/datetime-picker/DateTimePicker.cjs +0 -504
  193. package/dist/components/filter-field/FilterField.cjs +0 -189
  194. package/dist/components/headline/Headline.cjs +0 -53
  195. package/dist/components/icon/Icon.cjs +0 -27
  196. package/dist/components/input/Input.cjs +0 -89
  197. package/dist/components/input/Input.js +0 -83
  198. package/dist/components/link/Link.cjs +0 -46
  199. package/dist/components/link/Link.js +0 -21
  200. package/dist/components/menu/Menu.cjs +0 -96
  201. package/dist/components/meta-bar/MetaBar.cjs +0 -29
  202. package/dist/components/modal/Modal.cjs +0 -134
  203. package/dist/components/modal/Modal.js +0 -128
  204. package/dist/components/modal/provider/ModalProvider.cjs +0 -80
  205. package/dist/components/modal/provider/ModalProvider.js +0 -77
  206. package/dist/components/multi-select/MultiSelect.cjs +0 -59
  207. package/dist/components/multi-select/MultiSelect.d.ts +0 -18
  208. package/dist/components/multi-select/MultiSelect.js +0 -57
  209. package/dist/components/nav-bar/NavBar.cjs +0 -55
  210. package/dist/components/page/Page.cjs +0 -30
  211. package/dist/components/page-layout/PageLayout.cjs +0 -84
  212. package/dist/components/page-layout/components/page-layout-hero/PageLayoutHero.cjs +0 -32
  213. package/dist/components/pagination/Pagination.cjs +0 -133
  214. package/dist/components/panel/Panel.cjs +0 -18
  215. package/dist/components/popover/Popover.cjs +0 -149
  216. package/dist/components/search-box/SearchBox.cjs +0 -175
  217. package/dist/components/segmented-progress-bar/SegmentedProgressBar.cjs +0 -103
  218. package/dist/components/select/Select.cjs +0 -121
  219. package/dist/components/select/Select.d.ts +0 -12
  220. package/dist/components/select/Select.js +0 -119
  221. package/dist/components/sidebar/Sidebar.cjs +0 -11
  222. package/dist/components/sidebar/components/SidebarItem.cjs +0 -18
  223. package/dist/components/sidebar/components/expandable-sidebar-item/ExpandableSidebarItem.cjs +0 -100
  224. package/dist/components/sidebar/components/sidebar-container/SidebarContainer.cjs +0 -50
  225. package/dist/components/sidebar/components/sidebar-item-content/SidebarItemContent.cjs +0 -34
  226. package/dist/components/sidebar/components/sidebar-items/SidebarItems.cjs +0 -29
  227. package/dist/components/sidebar/components/sidenav-filteirng/SidenavFiltering.cjs +0 -52
  228. package/dist/components/sidebar/providers/SidebarProvider.cjs +0 -179
  229. package/dist/components/skeleton-loader/SkeletonLoader.cjs +0 -270
  230. package/dist/components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem.cjs +0 -42
  231. package/dist/components/split-button/SplitButton.cjs +0 -37
  232. package/dist/components/split-pane/SplitPane.cjs +0 -123
  233. package/dist/components/split-pane/provider/SplitPaneContext.cjs +0 -87
  234. package/dist/components/table/Table.cjs +0 -249
  235. package/dist/components/table/components/column-resizer/ColumnResizer.cjs +0 -22
  236. package/dist/components/table/components/empty-state/EmptyState.cjs +0 -52
  237. package/dist/components/table/components/table-settings/TableSettings.cjs +0 -32
  238. package/dist/components/table/tanstack.cjs +0 -193
  239. package/dist/components/tabs/Tabs.cjs +0 -90
  240. package/dist/components/text-area/Textarea.cjs +0 -62
  241. package/dist/components/text-area/Textarea.d.ts +0 -14
  242. package/dist/components/text-area/Textarea.js +0 -56
  243. package/dist/components/text-area/Textarea.module.css +0 -3
  244. package/dist/components/toast/Toast.cjs +0 -47
  245. package/dist/components/toast/provider/ToastProvider.cjs +0 -98
  246. package/dist/components/tooltip/Tooltip.cjs +0 -183
  247. package/dist/components/tooltip/Tooltip.d.ts +0 -11
  248. package/dist/components/tooltip/Tooltip.js +0 -177
  249. package/dist/components/tooltip/Tooltip.module.css +0 -66
  250. package/dist/components/user-display/UserDisplay.cjs +0 -28
  251. package/dist/constants/severity.cjs +0 -21
  252. package/dist/constants/severity.types.cjs +0 -2
  253. package/dist/constants/sizes.cjs +0 -11
  254. package/dist/hooks/usePagination.cjs +0 -88
  255. package/dist/hooks/useSorting.cjs +0 -118
  256. package/dist/hooks/useTableData.cjs +0 -52
  257. package/dist/hooks/useTableSelection.cjs +0 -130
  258. package/dist/hooks/useTableSettings.cjs +0 -28
  259. package/dist/hooks/useTheme.cjs +0 -58
  260. package/dist/hooks/useTimeDuration.cjs +0 -39
  261. package/dist/hooks/useViewportFill.cjs +0 -52
  262. package/dist/index.cjs +0 -383
  263. package/dist/styles/themes/types.cjs +0 -2
  264. package/dist/types/a11y-props.types.cjs +0 -2
  265. package/dist/types/assets.d.cjs +0 -2
  266. package/dist/types/assets.d.js +0 -1
  267. package/dist/types/css.d.cjs +0 -2
  268. package/dist/types/css.d.js +0 -1
  269. package/dist/types/sizes.types.cjs +0 -2
  270. package/dist/utils/arrays/nested-filtering.cjs +0 -40
  271. package/dist/utils/date/formatDate.cjs +0 -19
  272. /package/dist/components/{modal → overlay/modal}/Modal.module.css +0 -0
@@ -1,28 +0,0 @@
1
- 'use strict';
2
-
3
- var react = require('react');
4
-
5
- function useTableSettings(storageKey) {
6
- const [viewMode, setViewMode] = react.useState("compact");
7
- react.useEffect(() => {
8
- if (typeof window !== "undefined" && storageKey) {
9
- const storedMode = window.localStorage.getItem(`dbc-table-settings:${storageKey}`);
10
- if (storedMode === "compact" || storedMode === "comfortable") {
11
- setViewMode(storedMode);
12
- }
13
- }
14
- }, [storageKey]);
15
- const toggleViewMode = react.useCallback(() => {
16
- if (typeof window !== "undefined" && storageKey) {
17
- const newMode = viewMode === "comfortable" ? "compact" : "comfortable";
18
- window.localStorage.setItem(`dbc-table-settings:${storageKey}`, newMode);
19
- }
20
- setViewMode((prevMode) => prevMode === "comfortable" ? "compact" : "comfortable");
21
- }, [storageKey, viewMode]);
22
- return {
23
- viewMode,
24
- toggleViewMode
25
- };
26
- }
27
-
28
- exports.useTableSettings = useTableSettings;
@@ -1,58 +0,0 @@
1
- 'use strict';
2
-
3
- var react = require('react');
4
-
5
- const LINK_ID = "dbc-theme-link";
6
- const STORAGE_KEY = "dbc_theme";
7
- function createLinkElement() {
8
- if (typeof document === "undefined") return null;
9
- let el = document.getElementById(LINK_ID);
10
- if (!el) {
11
- el = document.createElement("link");
12
- el.id = LINK_ID;
13
- el.rel = "stylesheet";
14
- document.head.appendChild(el);
15
- }
16
- return el;
17
- }
18
- function setLinkHref(href) {
19
- const el = createLinkElement();
20
- if (el && el.getAttribute("href") !== href) el.setAttribute("href", href);
21
- }
22
- function useTheme(initialTheme = "light") {
23
- const [theme, setTheme] = react.useState(null);
24
- react.useEffect(() => {
25
- let stored = initialTheme;
26
- try {
27
- stored = localStorage.getItem(STORAGE_KEY);
28
- console.log("Restored theme from localStorage:", stored);
29
- } catch {
30
- }
31
- if (stored) {
32
- setLinkHref(`/themes/${stored}.css`);
33
- setTheme(stored);
34
- try {
35
- localStorage.setItem(STORAGE_KEY, stored);
36
- } catch {
37
- }
38
- }
39
- }, []);
40
- const switchTheme = react.useCallback((id) => {
41
- const href = `/themes/${id}.css`;
42
- if (!href) return "";
43
- setLinkHref(href);
44
- setTheme(id);
45
- try {
46
- localStorage.setItem(STORAGE_KEY, id);
47
- document.cookie = `${STORAGE_KEY}=${encodeURIComponent(
48
- id
49
- )}; Path=/; Max-Age=${60 * 60 * 24 * 365}`;
50
- } catch {
51
- }
52
- return id;
53
- }, []);
54
- return { theme, switchTheme, linkId: LINK_ID };
55
- }
56
-
57
- exports.LINK_ID = LINK_ID;
58
- exports.useTheme = useTheme;
@@ -1,39 +0,0 @@
1
- 'use strict';
2
-
3
- var react = require('react');
4
-
5
- function defaultDuration(ms) {
6
- if (!Number.isFinite(ms) || ms < 0) return "\u2014";
7
- const sec = Math.floor(ms / 1e3) % 60;
8
- const min = Math.floor(ms / (1e3 * 60)) % 60;
9
- const hr = Math.floor(ms / (1e3 * 60 * 60));
10
- return hr > 0 ? `${hr}t ${min}m ${sec}s` : `${min}m ${sec}s`;
11
- }
12
- function useTimeDuration({
13
- start,
14
- end,
15
- dateFormat = { dateStyle: "short", timeStyle: "medium" },
16
- fallback = "\u2014",
17
- formatDuration = defaultDuration
18
- }) {
19
- const [hydrated, setHydrated] = react.useState(false);
20
- react.useEffect(() => setHydrated(true), []);
21
- const started = react.useMemo(() => {
22
- if (!start) return fallback;
23
- if (!hydrated) return fallback;
24
- return new Intl.DateTimeFormat(void 0, dateFormat).format(start);
25
- }, [start, hydrated, fallback, dateFormat]);
26
- const ended = react.useMemo(() => {
27
- if (!end) return fallback;
28
- if (!hydrated) return fallback;
29
- return new Intl.DateTimeFormat(void 0, dateFormat).format(end);
30
- }, [end, hydrated, fallback, dateFormat]);
31
- const duration = react.useMemo(() => {
32
- if (!start || !end) return fallback;
33
- if (!hydrated) return fallback;
34
- return formatDuration(end.getTime() - start.getTime());
35
- }, [start, end, hydrated, fallback, formatDuration]);
36
- return { started, ended, duration, hydrated };
37
- }
38
-
39
- exports.useTimeDuration = useTimeDuration;
@@ -1,52 +0,0 @@
1
- 'use strict';
2
-
3
- var react = require('react');
4
-
5
- const useIsomorphicLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
6
- function useViewportFill(ref, { bottomOffset = 0, min = 120, includeMarginTop = false } = {}) {
7
- const [maxHeight, setMaxHeight] = react.useState(0);
8
- const raf = react.useRef(null);
9
- const measure = react.useCallback(() => {
10
- if (typeof window === "undefined" || !ref.current) return;
11
- const el = ref.current;
12
- const rect = el.getBoundingClientRect();
13
- let top = rect.top;
14
- if (includeMarginTop) {
15
- const mt = parseFloat(getComputedStyle(el).marginTop || "0") || 0;
16
- top -= mt;
17
- }
18
- const raw = window.innerHeight - bottomOffset - top;
19
- const next = Math.max(min, Math.floor(raw));
20
- setMaxHeight(next);
21
- }, [ref, bottomOffset, min, includeMarginTop]);
22
- useIsomorphicLayoutEffect(() => {
23
- measure();
24
- }, [measure]);
25
- react.useEffect(() => {
26
- if (typeof window === "undefined") return;
27
- const onFrame = () => {
28
- if (raf.current) cancelAnimationFrame(raf.current);
29
- raf.current = requestAnimationFrame(measure);
30
- };
31
- window.addEventListener("scroll", onFrame, { passive: true });
32
- window.addEventListener("resize", onFrame);
33
- let ro = null;
34
- if ("ResizeObserver" in window && ref.current) {
35
- ro = new ResizeObserver(onFrame);
36
- ro.observe(ref.current);
37
- }
38
- return () => {
39
- window.removeEventListener("scroll", onFrame);
40
- window.removeEventListener("resize", onFrame);
41
- if (ro) ro.disconnect();
42
- if (raf.current) cancelAnimationFrame(raf.current);
43
- };
44
- }, [measure, ref]);
45
- return {
46
- maxHeight,
47
- style: { height: maxHeight, overflow: "auto" },
48
- recompute: measure
49
- };
50
- }
51
-
52
- exports.useViewportFill = useViewportFill;
package/dist/index.cjs DELETED
@@ -1,383 +0,0 @@
1
- 'use strict';
2
-
3
- var Button = require('./components/button/Button');
4
- var NavBar = require('./components/nav-bar/NavBar');
5
- var Avatar = require('./components/avatar/Avatar');
6
- var Popover = require('./components/popover/Popover');
7
- var Menu = require('./components/menu/Menu');
8
- var Icon = require('./components/icon/Icon');
9
- var UserDisplay = require('./components/user-display/UserDisplay');
10
- var Tabs = require('./components/tabs/Tabs');
11
- var Headline = require('./components/headline/Headline');
12
- var PageLayout = require('./components/page-layout/PageLayout');
13
- var Input = require('./components/input/Input');
14
- var SearchBox = require('./components/search-box/SearchBox');
15
- var useTheme = require('./hooks/useTheme');
16
- var Chip = require('./components/chip/Chip');
17
- var Panel = require('./components/panel/Panel');
18
- var Card = require('./components/card/Card');
19
- var CardContainer = require('./components/card-container/CardContainer');
20
- var SkeletonLoaderItem = require('./components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem');
21
- var SkeletonLoader = require('./components/skeleton-loader/SkeletonLoader');
22
- var Page = require('./components/page/Page');
23
- var Breadcrumbs = require('./components/breadcrumbs/Breadcrumbs');
24
- var Circle = require('./components/circle/Circle');
25
- var Checkbox = require('./components/checkbox/Checkbox');
26
- var Table = require('./components/table/Table');
27
- var severity_types = require('./constants/severity.types');
28
- var Textarea = require('./components/text-area/Textarea');
29
- var AppHeader = require('./components/app-header/AppHeader');
30
- var Sidebar = require('./components/sidebar/Sidebar');
31
- var nestedFiltering = require('./utils/arrays/nested-filtering');
32
- var MultiSelect = require('./components/multi-select/MultiSelect');
33
- var useViewportFill = require('./hooks/useViewportFill');
34
- var formatDate = require('./utils/date/formatDate');
35
- var FilterField = require('./components/filter-field/FilterField');
36
- var Select = require('./components/select/Select');
37
- var SplitButton = require('./components/split-button/SplitButton');
38
- var Tooltip = require('./components/tooltip/Tooltip');
39
- var SegmentedProgressBar = require('./components/segmented-progress-bar/SegmentedProgressBar');
40
- var DateTimePicker = require('./components/datetime-picker/DateTimePicker');
41
- var ModalProvider = require('./components/modal/provider/ModalProvider');
42
- var Modal = require('./components/modal/Modal');
43
- var ToastProvider = require('./components/toast/provider/ToastProvider');
44
- var Toast = require('./components/toast/Toast');
45
- var AttributeChip = require('./components/attribute-chip/AttributeChip');
46
- var SplitPane = require('./components/split-pane/SplitPane');
47
- var Pagination = require('./components/pagination/Pagination');
48
- var MetaBar = require('./components/meta-bar/MetaBar');
49
- var CodeBlock = require('./components/code-block/CodeBlock');
50
- var useTimeDuration = require('./hooks/useTimeDuration');
51
- var useSorting = require('./hooks/useSorting');
52
- var usePagination = require('./hooks/usePagination');
53
- var useTableData = require('./hooks/useTableData');
54
- var useTableSelection = require('./hooks/useTableSelection');
55
- var useTableSettings = require('./hooks/useTableSettings');
56
- var TableSettings = require('./components/table/components/table-settings/TableSettings');
57
-
58
-
59
-
60
- Object.keys(Button).forEach(function (k) {
61
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
62
- enumerable: true,
63
- get: function () { return Button[k]; }
64
- });
65
- });
66
- Object.keys(NavBar).forEach(function (k) {
67
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
68
- enumerable: true,
69
- get: function () { return NavBar[k]; }
70
- });
71
- });
72
- Object.keys(Avatar).forEach(function (k) {
73
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
74
- enumerable: true,
75
- get: function () { return Avatar[k]; }
76
- });
77
- });
78
- Object.keys(Popover).forEach(function (k) {
79
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
80
- enumerable: true,
81
- get: function () { return Popover[k]; }
82
- });
83
- });
84
- Object.keys(Menu).forEach(function (k) {
85
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
86
- enumerable: true,
87
- get: function () { return Menu[k]; }
88
- });
89
- });
90
- Object.keys(Icon).forEach(function (k) {
91
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
92
- enumerable: true,
93
- get: function () { return Icon[k]; }
94
- });
95
- });
96
- Object.keys(UserDisplay).forEach(function (k) {
97
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
98
- enumerable: true,
99
- get: function () { return UserDisplay[k]; }
100
- });
101
- });
102
- Object.keys(Tabs).forEach(function (k) {
103
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
104
- enumerable: true,
105
- get: function () { return Tabs[k]; }
106
- });
107
- });
108
- Object.keys(Headline).forEach(function (k) {
109
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
110
- enumerable: true,
111
- get: function () { return Headline[k]; }
112
- });
113
- });
114
- Object.keys(PageLayout).forEach(function (k) {
115
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
116
- enumerable: true,
117
- get: function () { return PageLayout[k]; }
118
- });
119
- });
120
- Object.keys(Input).forEach(function (k) {
121
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
122
- enumerable: true,
123
- get: function () { return Input[k]; }
124
- });
125
- });
126
- Object.keys(SearchBox).forEach(function (k) {
127
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
128
- enumerable: true,
129
- get: function () { return SearchBox[k]; }
130
- });
131
- });
132
- Object.keys(useTheme).forEach(function (k) {
133
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
134
- enumerable: true,
135
- get: function () { return useTheme[k]; }
136
- });
137
- });
138
- Object.keys(Chip).forEach(function (k) {
139
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
140
- enumerable: true,
141
- get: function () { return Chip[k]; }
142
- });
143
- });
144
- Object.keys(Panel).forEach(function (k) {
145
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
146
- enumerable: true,
147
- get: function () { return Panel[k]; }
148
- });
149
- });
150
- Object.keys(Card).forEach(function (k) {
151
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
152
- enumerable: true,
153
- get: function () { return Card[k]; }
154
- });
155
- });
156
- Object.keys(CardContainer).forEach(function (k) {
157
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
158
- enumerable: true,
159
- get: function () { return CardContainer[k]; }
160
- });
161
- });
162
- Object.keys(SkeletonLoaderItem).forEach(function (k) {
163
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
164
- enumerable: true,
165
- get: function () { return SkeletonLoaderItem[k]; }
166
- });
167
- });
168
- Object.keys(SkeletonLoader).forEach(function (k) {
169
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
170
- enumerable: true,
171
- get: function () { return SkeletonLoader[k]; }
172
- });
173
- });
174
- Object.keys(Page).forEach(function (k) {
175
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
176
- enumerable: true,
177
- get: function () { return Page[k]; }
178
- });
179
- });
180
- Object.keys(Breadcrumbs).forEach(function (k) {
181
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
182
- enumerable: true,
183
- get: function () { return Breadcrumbs[k]; }
184
- });
185
- });
186
- Object.keys(Circle).forEach(function (k) {
187
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
188
- enumerable: true,
189
- get: function () { return Circle[k]; }
190
- });
191
- });
192
- Object.keys(Checkbox).forEach(function (k) {
193
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
194
- enumerable: true,
195
- get: function () { return Checkbox[k]; }
196
- });
197
- });
198
- Object.keys(Table).forEach(function (k) {
199
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
200
- enumerable: true,
201
- get: function () { return Table[k]; }
202
- });
203
- });
204
- Object.keys(severity_types).forEach(function (k) {
205
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
206
- enumerable: true,
207
- get: function () { return severity_types[k]; }
208
- });
209
- });
210
- Object.keys(Textarea).forEach(function (k) {
211
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
212
- enumerable: true,
213
- get: function () { return Textarea[k]; }
214
- });
215
- });
216
- Object.keys(AppHeader).forEach(function (k) {
217
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
218
- enumerable: true,
219
- get: function () { return AppHeader[k]; }
220
- });
221
- });
222
- Object.keys(Sidebar).forEach(function (k) {
223
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
224
- enumerable: true,
225
- get: function () { return Sidebar[k]; }
226
- });
227
- });
228
- Object.keys(nestedFiltering).forEach(function (k) {
229
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
230
- enumerable: true,
231
- get: function () { return nestedFiltering[k]; }
232
- });
233
- });
234
- Object.keys(MultiSelect).forEach(function (k) {
235
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
236
- enumerable: true,
237
- get: function () { return MultiSelect[k]; }
238
- });
239
- });
240
- Object.keys(useViewportFill).forEach(function (k) {
241
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
242
- enumerable: true,
243
- get: function () { return useViewportFill[k]; }
244
- });
245
- });
246
- Object.keys(formatDate).forEach(function (k) {
247
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
248
- enumerable: true,
249
- get: function () { return formatDate[k]; }
250
- });
251
- });
252
- Object.keys(FilterField).forEach(function (k) {
253
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
254
- enumerable: true,
255
- get: function () { return FilterField[k]; }
256
- });
257
- });
258
- Object.keys(Select).forEach(function (k) {
259
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
260
- enumerable: true,
261
- get: function () { return Select[k]; }
262
- });
263
- });
264
- Object.keys(SplitButton).forEach(function (k) {
265
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
266
- enumerable: true,
267
- get: function () { return SplitButton[k]; }
268
- });
269
- });
270
- Object.keys(Tooltip).forEach(function (k) {
271
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
272
- enumerable: true,
273
- get: function () { return Tooltip[k]; }
274
- });
275
- });
276
- Object.keys(SegmentedProgressBar).forEach(function (k) {
277
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
278
- enumerable: true,
279
- get: function () { return SegmentedProgressBar[k]; }
280
- });
281
- });
282
- Object.keys(DateTimePicker).forEach(function (k) {
283
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
284
- enumerable: true,
285
- get: function () { return DateTimePicker[k]; }
286
- });
287
- });
288
- Object.keys(ModalProvider).forEach(function (k) {
289
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
290
- enumerable: true,
291
- get: function () { return ModalProvider[k]; }
292
- });
293
- });
294
- Object.keys(Modal).forEach(function (k) {
295
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
296
- enumerable: true,
297
- get: function () { return Modal[k]; }
298
- });
299
- });
300
- Object.keys(ToastProvider).forEach(function (k) {
301
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
302
- enumerable: true,
303
- get: function () { return ToastProvider[k]; }
304
- });
305
- });
306
- Object.keys(Toast).forEach(function (k) {
307
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
308
- enumerable: true,
309
- get: function () { return Toast[k]; }
310
- });
311
- });
312
- Object.keys(AttributeChip).forEach(function (k) {
313
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
314
- enumerable: true,
315
- get: function () { return AttributeChip[k]; }
316
- });
317
- });
318
- Object.keys(SplitPane).forEach(function (k) {
319
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
320
- enumerable: true,
321
- get: function () { return SplitPane[k]; }
322
- });
323
- });
324
- Object.keys(Pagination).forEach(function (k) {
325
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
326
- enumerable: true,
327
- get: function () { return Pagination[k]; }
328
- });
329
- });
330
- Object.keys(MetaBar).forEach(function (k) {
331
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
332
- enumerable: true,
333
- get: function () { return MetaBar[k]; }
334
- });
335
- });
336
- Object.keys(CodeBlock).forEach(function (k) {
337
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
338
- enumerable: true,
339
- get: function () { return CodeBlock[k]; }
340
- });
341
- });
342
- Object.keys(useTimeDuration).forEach(function (k) {
343
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
344
- enumerable: true,
345
- get: function () { return useTimeDuration[k]; }
346
- });
347
- });
348
- Object.keys(useSorting).forEach(function (k) {
349
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
350
- enumerable: true,
351
- get: function () { return useSorting[k]; }
352
- });
353
- });
354
- Object.keys(usePagination).forEach(function (k) {
355
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
356
- enumerable: true,
357
- get: function () { return usePagination[k]; }
358
- });
359
- });
360
- Object.keys(useTableData).forEach(function (k) {
361
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
362
- enumerable: true,
363
- get: function () { return useTableData[k]; }
364
- });
365
- });
366
- Object.keys(useTableSelection).forEach(function (k) {
367
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
368
- enumerable: true,
369
- get: function () { return useTableSelection[k]; }
370
- });
371
- });
372
- Object.keys(useTableSettings).forEach(function (k) {
373
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
374
- enumerable: true,
375
- get: function () { return useTableSettings[k]; }
376
- });
377
- });
378
- Object.keys(TableSettings).forEach(function (k) {
379
- if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
380
- enumerable: true,
381
- get: function () { return TableSettings[k]; }
382
- });
383
- });
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
@@ -1 +0,0 @@
1
-
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
@@ -1 +0,0 @@
1
-
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
@@ -1,40 +0,0 @@
1
- 'use strict';
2
-
3
- const normalize = (s) => s.normalize("NFKC").toLowerCase().trim();
4
- const toTerms = (q) => (Array.isArray(q) ? q : q.split(/\s+/)).map(normalize).filter(Boolean);
5
- const valueToSearchable = (value) => typeof value === "string" ? value : Array.isArray(value) || typeof value === "object" ? JSON.stringify(value) : value == null ? "" : String(value);
6
- const itemMatches = (item, keys, terms, mode) => {
7
- if (terms.length === 0) return true;
8
- const haystack = keys.map((k) => valueToSearchable(item[k])).join(" ").toString();
9
- const h = normalize(haystack);
10
- const hit = (t) => h.includes(t);
11
- return mode === "AND" ? terms.every(hit) : terms.some(hit);
12
- };
13
- function nestedFiltering(items, opts) {
14
- const { keys, query, includeParents = true, childrenKey, mode = "AND" } = opts;
15
- const ck = childrenKey != null ? childrenKey : "children";
16
- const terms = toTerms(query);
17
- const searchNested = (list) => {
18
- const out = [];
19
- for (const item of list) {
20
- const children = item[ck] || [];
21
- const filteredChildren = searchNested(children);
22
- const matchedSelf = itemMatches(item, keys, terms, mode);
23
- if (matchedSelf) {
24
- const clone = { ...item, [ck]: filteredChildren };
25
- out.push(clone);
26
- } else if (filteredChildren.length) {
27
- if (includeParents) {
28
- const clone = { ...item, [ck]: filteredChildren };
29
- out.push(clone);
30
- } else {
31
- out.push(...filteredChildren);
32
- }
33
- }
34
- }
35
- return out;
36
- };
37
- return searchNested(items);
38
- }
39
-
40
- exports.nestedFiltering = nestedFiltering;
@@ -1,19 +0,0 @@
1
- 'use strict';
2
-
3
- function formatDate(date, options = {}) {
4
- const d = date instanceof Date ? date : new Date(date);
5
- if (isNaN(d.getTime())) return "";
6
- const pad = (n) => n.toString().padStart(2, "0");
7
- const day = pad(d.getDate());
8
- const month = pad(d.getMonth() + 1);
9
- const year = d.getFullYear();
10
- const base = `${day}/${month}/${year}`;
11
- if (!options.showTime) return base;
12
- const hours = pad(d.getHours());
13
- const minutes = pad(d.getMinutes());
14
- if (!options.showSeconds) return `${base} ${hours}:${minutes}`;
15
- const seconds = pad(d.getSeconds());
16
- return `${base} ${hours}:${minutes}:${seconds}`;
17
- }
18
-
19
- exports.formatDate = formatDate;