@dbcdk/react-components 0.0.25 → 0.0.27

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 (50) hide show
  1. package/dist/components/__stories__/_data/table.d.ts +1 -1
  2. package/dist/components/__stories__/_data/table.js +11 -5
  3. package/dist/components/accordion/Accordion.module.css +3 -3
  4. package/dist/components/accordion/components/AccordionRow.module.css +5 -1
  5. package/dist/components/forms/checkbox/Checkbox.js +1 -1
  6. package/dist/components/forms/checkbox/Checkbox.module.css +16 -3
  7. package/dist/components/forms/select/Select.js +1 -1
  8. package/dist/components/headline/Headline.module.css +15 -44
  9. package/dist/components/menu/Menu.js +1 -1
  10. package/dist/components/nav-bar/NavBar.module.css +1 -1
  11. package/dist/components/panel/Panel.module.css +2 -2
  12. package/dist/components/sidebar/components/sidebar-container/SidebarContainer.module.css +0 -1
  13. package/dist/components/sidebar/components/sidebar-item-content/SidebarItemContent.module.css +1 -0
  14. package/dist/components/table/Table.d.ts +3 -65
  15. package/dist/components/table/Table.js +20 -159
  16. package/dist/components/table/Table.module.css +39 -6
  17. package/dist/components/table/Table.types.d.ts +58 -0
  18. package/dist/components/table/Table.types.js +1 -0
  19. package/dist/components/table/TanstackTable.d.ts +1 -1
  20. package/dist/components/table/TanstackTable.js +0 -1
  21. package/dist/components/table/components/TableBody.d.ts +19 -0
  22. package/dist/components/table/components/TableBody.js +10 -0
  23. package/dist/components/table/components/TableCell.d.ts +9 -0
  24. package/dist/components/table/components/TableCell.js +7 -0
  25. package/dist/components/table/components/TableHeader.d.ts +16 -0
  26. package/dist/components/table/components/TableHeader.js +7 -0
  27. package/dist/components/table/components/TableHeaderCell.d.ts +12 -0
  28. package/dist/components/table/components/TableHeaderCell.js +24 -0
  29. package/dist/components/table/components/TableLoadingBody.d.ts +10 -0
  30. package/dist/components/table/components/TableLoadingBody.js +10 -0
  31. package/dist/components/table/components/TablePagination.d.ts +0 -0
  32. package/dist/components/table/components/TablePagination.js +1 -0
  33. package/dist/components/table/components/TableRow.d.ts +19 -0
  34. package/dist/components/table/components/TableRow.js +38 -0
  35. package/dist/components/table/components/TableSelectionCell.d.ts +9 -0
  36. package/dist/components/table/components/TableSelectionCell.js +15 -0
  37. package/dist/components/table/hooks/useTableRowInteractions.d.ts +15 -0
  38. package/dist/components/table/hooks/useTableRowInteractions.js +25 -0
  39. package/dist/components/table/table.classes.d.ts +10 -0
  40. package/dist/components/table/table.classes.js +23 -0
  41. package/dist/components/table/table.utils.d.ts +7 -4
  42. package/dist/components/table/table.utils.js +14 -20
  43. package/dist/components/table/tanstackTable.utils.d.ts +1 -2
  44. package/dist/components/table/tanstackTable.utils.js +3 -2
  45. package/dist/components/tabs/Tabs.js +1 -1
  46. package/dist/utils/date/formatDate.d.ts +11 -3
  47. package/dist/utils/date/formatDate.js +35 -10
  48. package/package.json +1 -1
  49. package/dist/components/table/hooks/useAnimatedRowIds.d.ts +0 -9
  50. package/dist/components/table/hooks/useAnimatedRowIds.js +0 -76
@@ -1,76 +0,0 @@
1
- 'use client';
2
- import { useEffect, useRef, useState } from 'react';
3
- export function useAnimatedNewRowIds({ data, dataKey, enabled = true, animationDurationMs = 1000, }) {
4
- const prevRowIdsRef = useRef(new Set());
5
- const hasEstablishedBaselineRef = useRef(false);
6
- const removeTimersRef = useRef(new Map());
7
- const [newRowIds, setNewRowIds] = useState(new Set());
8
- useEffect(() => {
9
- const currentIds = new Set();
10
- for (const row of data) {
11
- currentIds.add(String(row[dataKey]));
12
- }
13
- if (!enabled) {
14
- for (const timer of removeTimersRef.current.values()) {
15
- window.clearTimeout(timer);
16
- }
17
- removeTimersRef.current.clear();
18
- setNewRowIds(new Set());
19
- prevRowIdsRef.current = currentIds;
20
- hasEstablishedBaselineRef.current = currentIds.size > 0;
21
- return;
22
- }
23
- if (currentIds.size === 0) {
24
- prevRowIdsRef.current = currentIds;
25
- return;
26
- }
27
- if (!hasEstablishedBaselineRef.current) {
28
- prevRowIdsRef.current = currentIds;
29
- hasEstablishedBaselineRef.current = true;
30
- setNewRowIds(new Set());
31
- return;
32
- }
33
- const addedIds = [];
34
- for (const id of currentIds) {
35
- if (!prevRowIdsRef.current.has(id)) {
36
- addedIds.push(id);
37
- }
38
- }
39
- if (addedIds.length > 0) {
40
- setNewRowIds(prev => {
41
- const next = new Set(prev);
42
- for (const id of addedIds)
43
- next.add(id);
44
- return next;
45
- });
46
- for (const id of addedIds) {
47
- const existingTimer = removeTimersRef.current.get(id);
48
- if (existingTimer) {
49
- window.clearTimeout(existingTimer);
50
- }
51
- const timer = window.setTimeout(() => {
52
- setNewRowIds(prev => {
53
- if (!prev.has(id))
54
- return prev;
55
- const next = new Set(prev);
56
- next.delete(id);
57
- return next;
58
- });
59
- removeTimersRef.current.delete(id);
60
- }, animationDurationMs);
61
- removeTimersRef.current.set(id, timer);
62
- }
63
- }
64
- prevRowIdsRef.current = currentIds;
65
- }, [data, dataKey, enabled, animationDurationMs]);
66
- useEffect(() => {
67
- const timers = removeTimersRef.current;
68
- return () => {
69
- for (const timer of timers.values()) {
70
- window.clearTimeout(timer);
71
- }
72
- timers.clear();
73
- };
74
- }, []);
75
- return newRowIds;
76
- }