@dmsi/wedgekit-react 0.0.275 → 0.0.277

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 (47) hide show
  1. package/dist/{chunk-FLVYV4T4.js → chunk-CKQNJNU3.js} +3 -3
  2. package/dist/{chunk-HIVPC3T4.js → chunk-JUJBS4ZV.js} +18 -3
  3. package/dist/{chunk-6YLAEWTZ.js → chunk-MIX7MTLR.js} +33 -17
  4. package/dist/{chunk-ESAKAJHE.js → chunk-NXGUDYRR.js} +4 -4
  5. package/dist/{chunk-FQRSSPFV.js → chunk-Q7JYDOFB.js} +3 -3
  6. package/dist/{chunk-PGSDEGBP.js → chunk-W32JB47H.js} +2 -2
  7. package/dist/{chunk-CCOQOO23.js → chunk-WPEDVM56.js} +1 -1
  8. package/dist/{chunk-AB4ZBO5P.js → chunk-YCKRVNJ3.js} +5 -5
  9. package/dist/components/CalendarRange.cjs +30 -5
  10. package/dist/components/CalendarRange.js +10 -10
  11. package/dist/components/DataGridCell.js +6 -6
  12. package/dist/components/DateInput.cjs +30 -5
  13. package/dist/components/DateInput.js +12 -12
  14. package/dist/components/DateRangeInput.cjs +31 -6
  15. package/dist/components/DateRangeInput.js +13 -13
  16. package/dist/components/FilterGroup.js +5 -5
  17. package/dist/components/Menu.js +3 -3
  18. package/dist/components/MenuOption.js +3 -3
  19. package/dist/components/MobileDataGrid.js +3 -3
  20. package/dist/components/Modal.js +5 -5
  21. package/dist/components/ModalButtons.js +2 -2
  22. package/dist/components/ModalHeader.js +2 -2
  23. package/dist/components/NavigationTab.js +2 -2
  24. package/dist/components/NavigationTabs.js +2 -2
  25. package/dist/components/NestedMenu.js +3 -3
  26. package/dist/components/Notification.js +3 -3
  27. package/dist/components/OptionPill.js +2 -2
  28. package/dist/components/PDFViewer.js +7 -7
  29. package/dist/components/ProjectBar.js +1 -1
  30. package/dist/components/Stepper.js +3 -3
  31. package/dist/components/Time.js +3 -3
  32. package/dist/components/Toast.js +3 -3
  33. package/dist/components/Upload.js +3 -3
  34. package/dist/components/index.cjs +30 -5
  35. package/dist/components/index.js +15 -15
  36. package/dist/components/useMenuSystem.js +2 -2
  37. package/dist/hooks/index.cjs +18 -3
  38. package/dist/hooks/index.js +1 -1
  39. package/package.json +1 -1
  40. package/src/components/DataGrid/index.tsx +18 -3
  41. package/src/components/DataGrid/types.ts +1 -0
  42. package/src/components/DateRangeInput.tsx +1 -1
  43. package/src/hooks/useTableLayout.ts +23 -3
  44. package/dist/{chunk-6CPGOW6J.js → chunk-3C2U4FKR.js} +3 -3
  45. package/dist/{chunk-KKESN5SF.js → chunk-4XTTJOQA.js} +3 -3
  46. package/dist/{chunk-XM7IQHBU.js → chunk-5OPI4GTJ.js} +3 -3
  47. package/dist/{chunk-FHQL42YP.js → chunk-YUBQJQ75.js} +3 -3
@@ -1,9 +1,9 @@
1
- import {
2
- useMatchesMobile
3
- } from "./chunk-HIVPC3T4.js";
4
1
  import {
5
2
  Label
6
3
  } from "./chunk-7CS736EF.js";
4
+ import {
5
+ useMatchesMobile
6
+ } from "./chunk-JUJBS4ZV.js";
7
7
  import {
8
8
  Paragraph
9
9
  } from "./chunk-OGIFIPKH.js";
@@ -82,6 +82,8 @@ import {
82
82
  useCallback,
83
83
  useRef
84
84
  } from "react";
85
+ var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
86
+ var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
85
87
  function useTableLayout(initialColumns, key) {
86
88
  const [columns, setColumns] = useState2(initialColumns);
87
89
  const [isReady, setIsReady] = useState2(false);
@@ -93,7 +95,10 @@ function useTableLayout(initialColumns, key) {
93
95
  const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
94
96
  if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
95
97
  return prevColumns;
96
- localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
98
+ localStorage.setItem(
99
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
100
+ JSON.stringify(newColumns)
101
+ );
97
102
  return newColumns;
98
103
  });
99
104
  },
@@ -109,7 +114,9 @@ function useTableLayout(initialColumns, key) {
109
114
  );
110
115
  }
111
116
  renderCountRef.current += 1;
112
- const savedLayout = localStorage.getItem(`${key}-tableLayout`);
117
+ const savedLayout = localStorage.getItem(
118
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
119
+ );
113
120
  if (savedLayout) {
114
121
  handleSaveLayout(
115
122
  mergeObjectArrays(
@@ -125,7 +132,15 @@ function useTableLayout(initialColumns, key) {
125
132
  renderCountRef.current = 0;
126
133
  };
127
134
  }, [handleSaveLayout, initialColumns, key]);
128
- return { columns, setColumns: handleSaveLayout, isReady };
135
+ const getSavedLayout = useCallback(() => {
136
+ const savedLayout = localStorage.getItem(
137
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
138
+ );
139
+ if (savedLayout) {
140
+ return JSON.parse(savedLayout);
141
+ }
142
+ }, [key]);
143
+ return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
129
144
  }
130
145
 
131
146
  export {
@@ -4,25 +4,18 @@ import {
4
4
  import {
5
5
  Select
6
6
  } from "./chunk-J5V2JRIK.js";
7
- import {
8
- Checkbox
9
- } from "./chunk-NO5BIKWS.js";
10
7
  import {
11
8
  DataCellHeader,
12
9
  DataGridCell,
13
10
  DragAlongCell,
14
11
  DraggableCellHeader
15
- } from "./chunk-AB4ZBO5P.js";
16
- import {
17
- MenuOption
18
- } from "./chunk-FLVYV4T4.js";
12
+ } from "./chunk-YCKRVNJ3.js";
19
13
  import {
20
14
  Menu
21
- } from "./chunk-PGSDEGBP.js";
15
+ } from "./chunk-W32JB47H.js";
22
16
  import {
23
- useInfiniteScroll,
24
- useTableLayout
25
- } from "./chunk-HIVPC3T4.js";
17
+ MenuOption
18
+ } from "./chunk-CKQNJNU3.js";
26
19
  import {
27
20
  Search
28
21
  } from "./chunk-6DPFKSCT.js";
@@ -32,6 +25,16 @@ import {
32
25
  import {
33
26
  Label
34
27
  } from "./chunk-7CS736EF.js";
28
+ import {
29
+ Checkbox
30
+ } from "./chunk-NO5BIKWS.js";
31
+ import {
32
+ Button
33
+ } from "./chunk-WWAPK5PH.js";
34
+ import {
35
+ useInfiniteScroll,
36
+ useTableLayout
37
+ } from "./chunk-JUJBS4ZV.js";
35
38
  import {
36
39
  formatDate
37
40
  } from "./chunk-TYTD4FLW.js";
@@ -47,9 +50,6 @@ import {
47
50
  import {
48
51
  Icon
49
52
  } from "./chunk-NKUETCDA.js";
50
- import {
51
- Button
52
- } from "./chunk-WWAPK5PH.js";
53
53
  import {
54
54
  componentGap,
55
55
  componentPadding
@@ -61,7 +61,13 @@ import {
61
61
  } from "./chunk-ORMEWXMH.js";
62
62
 
63
63
  // src/components/DataGrid/index.tsx
64
- import React3, { useCallback, useEffect, useId, useState as useState3 } from "react";
64
+ import React3, {
65
+ useCallback,
66
+ useEffect,
67
+ useId,
68
+ useImperativeHandle,
69
+ useState as useState3
70
+ } from "react";
65
71
  import {
66
72
  flexRender as flexRender3,
67
73
  getCoreRowModel,
@@ -671,13 +677,23 @@ function DataGrid({
671
677
  enableColumnSelector,
672
678
  predeterminedLeftPins = [],
673
679
  predeterminedRightPins = [],
674
- useMenuDefaultMinWidth
680
+ useMenuDefaultMinWidth,
681
+ ref
675
682
  }) {
676
683
  var _a, _b, _c, _d, _e, _f, _g;
684
+ useImperativeHandle(ref, () => ({
685
+ getSavedLayout: () => {
686
+ return getSavedLayout();
687
+ }
688
+ }));
677
689
  const [localSorting, setLocalSorting] = useState3([]);
678
690
  const [localColumnFilters, setLocalColumnFilters] = useState3([]);
679
691
  const [localRowSelection, setLocalRowSelection] = useState3({});
680
- const { columns: tableColumns, setColumns: setTableColumns } = useTableLayout(columns, id != null ? id : testid);
692
+ const {
693
+ columns: tableColumns,
694
+ setColumns: setTableColumns,
695
+ getSavedLayout
696
+ } = useTableLayout(columns, id != null ? id : testid);
681
697
  const [columnOrder, setColumnOrder] = useState3(
682
698
  tableColumns.map((c) => c.id)
683
699
  );
@@ -1,9 +1,9 @@
1
- import {
2
- MenuOption
3
- } from "./chunk-FLVYV4T4.js";
4
1
  import {
5
2
  Menu
6
- } from "./chunk-PGSDEGBP.js";
3
+ } from "./chunk-W32JB47H.js";
4
+ import {
5
+ MenuOption
6
+ } from "./chunk-CKQNJNU3.js";
7
7
  import {
8
8
  Icon
9
9
  } from "./chunk-NKUETCDA.js";
@@ -3,19 +3,19 @@ import {
3
3
  } from "./chunk-4RJKB7LC.js";
4
4
  import {
5
5
  ModalButtons
6
- } from "./chunk-XM7IQHBU.js";
6
+ } from "./chunk-5OPI4GTJ.js";
7
7
  import {
8
8
  ModalContent
9
9
  } from "./chunk-FRHPFACM.js";
10
10
  import {
11
11
  ModalHeader
12
- } from "./chunk-6CPGOW6J.js";
12
+ } from "./chunk-3C2U4FKR.js";
13
13
  import {
14
14
  ModalScrim
15
15
  } from "./chunk-ZFOANBWG.js";
16
16
  import {
17
17
  useMatchesMobile
18
- } from "./chunk-HIVPC3T4.js";
18
+ } from "./chunk-JUJBS4ZV.js";
19
19
  import {
20
20
  findDocumentRoot
21
21
  } from "./chunk-VXWSAIB5.js";
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  useMenuPosition
3
- } from "./chunk-CCOQOO23.js";
3
+ } from "./chunk-WPEDVM56.js";
4
4
  import {
5
5
  useMatchesMobile
6
- } from "./chunk-HIVPC3T4.js";
6
+ } from "./chunk-JUJBS4ZV.js";
7
7
  import {
8
8
  findDocumentRoot
9
9
  } from "./chunk-VXWSAIB5.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useMatchesMobile
3
- } from "./chunk-HIVPC3T4.js";
3
+ } from "./chunk-JUJBS4ZV.js";
4
4
  import {
5
5
  __spreadValues
6
6
  } from "./chunk-ORMEWXMH.js";
@@ -1,12 +1,12 @@
1
- import {
2
- MenuOption
3
- } from "./chunk-FLVYV4T4.js";
4
1
  import {
5
2
  Menu
6
- } from "./chunk-PGSDEGBP.js";
3
+ } from "./chunk-W32JB47H.js";
7
4
  import {
8
5
  useSubMenuSystem
9
- } from "./chunk-CCOQOO23.js";
6
+ } from "./chunk-WPEDVM56.js";
7
+ import {
8
+ MenuOption
9
+ } from "./chunk-CKQNJNU3.js";
10
10
  import {
11
11
  CSS
12
12
  } from "./chunk-WVUIIBRR.js";
@@ -554,6 +554,8 @@ function findDocumentRoot(element) {
554
554
 
555
555
  // src/hooks/useTableLayout.ts
556
556
  var import_react5 = require("react");
557
+ var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
558
+ var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
557
559
  function useTableLayout(initialColumns, key) {
558
560
  const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
559
561
  const [isReady, setIsReady] = (0, import_react5.useState)(false);
@@ -565,7 +567,10 @@ function useTableLayout(initialColumns, key) {
565
567
  const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
566
568
  if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
567
569
  return prevColumns;
568
- localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
570
+ localStorage.setItem(
571
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
572
+ JSON.stringify(newColumns)
573
+ );
569
574
  return newColumns;
570
575
  });
571
576
  },
@@ -581,7 +586,9 @@ function useTableLayout(initialColumns, key) {
581
586
  );
582
587
  }
583
588
  renderCountRef.current += 1;
584
- const savedLayout = localStorage.getItem(`${key}-tableLayout`);
589
+ const savedLayout = localStorage.getItem(
590
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
591
+ );
585
592
  if (savedLayout) {
586
593
  handleSaveLayout(
587
594
  mergeObjectArrays(
@@ -597,7 +604,15 @@ function useTableLayout(initialColumns, key) {
597
604
  renderCountRef.current = 0;
598
605
  };
599
606
  }, [handleSaveLayout, initialColumns, key]);
600
- return { columns, setColumns: handleSaveLayout, isReady };
607
+ const getSavedLayout = (0, import_react5.useCallback)(() => {
608
+ const savedLayout = localStorage.getItem(
609
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
610
+ );
611
+ if (savedLayout) {
612
+ return JSON.parse(savedLayout);
613
+ }
614
+ }, [key]);
615
+ return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
601
616
  }
602
617
 
603
618
  // src/components/MenuOption.tsx
@@ -2930,13 +2945,23 @@ function DataGrid({
2930
2945
  enableColumnSelector,
2931
2946
  predeterminedLeftPins = [],
2932
2947
  predeterminedRightPins = [],
2933
- useMenuDefaultMinWidth
2948
+ useMenuDefaultMinWidth,
2949
+ ref
2934
2950
  }) {
2935
2951
  var _a, _b, _c, _d, _e, _f, _g;
2952
+ (0, import_react16.useImperativeHandle)(ref, () => ({
2953
+ getSavedLayout: () => {
2954
+ return getSavedLayout();
2955
+ }
2956
+ }));
2936
2957
  const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
2937
2958
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
2938
2959
  const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
2939
- const { columns: tableColumns, setColumns: setTableColumns } = useTableLayout(columns, id != null ? id : testid);
2960
+ const {
2961
+ columns: tableColumns,
2962
+ setColumns: setTableColumns,
2963
+ getSavedLayout
2964
+ } = useTableLayout(columns, id != null ? id : testid);
2940
2965
  const [columnOrder, setColumnOrder] = (0, import_react16.useState)(
2941
2966
  tableColumns.map((c) => c.id)
2942
2967
  );
@@ -2,21 +2,22 @@ import {
2
2
  CalendarRange,
3
3
  CalendarRange_default,
4
4
  isWeekend
5
- } from "../chunk-ESAKAJHE.js";
6
- import "../chunk-6YLAEWTZ.js";
5
+ } from "../chunk-NXGUDYRR.js";
6
+ import "../chunk-MIX7MTLR.js";
7
7
  import "../chunk-QQ5G773N.js";
8
8
  import "../chunk-J5V2JRIK.js";
9
- import "../chunk-NO5BIKWS.js";
10
- import "../chunk-AB4ZBO5P.js";
11
- import "../chunk-FLVYV4T4.js";
12
- import "../chunk-PGSDEGBP.js";
13
- import "../chunk-CCOQOO23.js";
14
- import "../chunk-HIVPC3T4.js";
15
- import "../chunk-VXWSAIB5.js";
9
+ import "../chunk-YCKRVNJ3.js";
10
+ import "../chunk-W32JB47H.js";
11
+ import "../chunk-WPEDVM56.js";
12
+ import "../chunk-CKQNJNU3.js";
16
13
  import "../chunk-WVUIIBRR.js";
17
14
  import "../chunk-6DPFKSCT.js";
18
15
  import "../chunk-ZL5X7KP6.js";
19
16
  import "../chunk-7CS736EF.js";
17
+ import "../chunk-NO5BIKWS.js";
18
+ import "../chunk-WWAPK5PH.js";
19
+ import "../chunk-JUJBS4ZV.js";
20
+ import "../chunk-VXWSAIB5.js";
20
21
  import "../chunk-TYTD4FLW.js";
21
22
  import "../chunk-5UH6QUFB.js";
22
23
  import "../chunk-FA7IFW66.js";
@@ -25,7 +26,6 @@ import "../chunk-NQXZBWDZ.js";
25
26
  import "../chunk-4LXG6QNT.js";
26
27
  import "../chunk-OGIFIPKH.js";
27
28
  import "../chunk-NKUETCDA.js";
28
- import "../chunk-WWAPK5PH.js";
29
29
  import "../chunk-6CTCHYIS.js";
30
30
  import "../chunk-ORMEWXMH.js";
31
31
  export {
@@ -4,16 +4,16 @@ import {
4
4
  DataGridCell,
5
5
  DragAlongCell,
6
6
  DraggableCellHeader
7
- } from "../chunk-AB4ZBO5P.js";
8
- import "../chunk-FLVYV4T4.js";
9
- import "../chunk-PGSDEGBP.js";
10
- import "../chunk-CCOQOO23.js";
11
- import "../chunk-HIVPC3T4.js";
12
- import "../chunk-VXWSAIB5.js";
7
+ } from "../chunk-YCKRVNJ3.js";
8
+ import "../chunk-W32JB47H.js";
9
+ import "../chunk-WPEDVM56.js";
10
+ import "../chunk-CKQNJNU3.js";
13
11
  import "../chunk-WVUIIBRR.js";
14
12
  import "../chunk-6DPFKSCT.js";
15
13
  import "../chunk-ZL5X7KP6.js";
16
14
  import "../chunk-7CS736EF.js";
15
+ import "../chunk-JUJBS4ZV.js";
16
+ import "../chunk-VXWSAIB5.js";
17
17
  import "../chunk-TYTD4FLW.js";
18
18
  import "../chunk-5UH6QUFB.js";
19
19
  import "../chunk-OGIFIPKH.js";
@@ -1031,6 +1031,8 @@ function findDocumentRoot(element) {
1031
1031
 
1032
1032
  // src/hooks/useTableLayout.ts
1033
1033
  var import_react6 = require("react");
1034
+ var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
1035
+ var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
1034
1036
  function useTableLayout(initialColumns, key) {
1035
1037
  const [columns, setColumns] = (0, import_react6.useState)(initialColumns);
1036
1038
  const [isReady, setIsReady] = (0, import_react6.useState)(false);
@@ -1042,7 +1044,10 @@ function useTableLayout(initialColumns, key) {
1042
1044
  const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
1043
1045
  if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
1044
1046
  return prevColumns;
1045
- localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
1047
+ localStorage.setItem(
1048
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
1049
+ JSON.stringify(newColumns)
1050
+ );
1046
1051
  return newColumns;
1047
1052
  });
1048
1053
  },
@@ -1058,7 +1063,9 @@ function useTableLayout(initialColumns, key) {
1058
1063
  );
1059
1064
  }
1060
1065
  renderCountRef.current += 1;
1061
- const savedLayout = localStorage.getItem(`${key}-tableLayout`);
1066
+ const savedLayout = localStorage.getItem(
1067
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
1068
+ );
1062
1069
  if (savedLayout) {
1063
1070
  handleSaveLayout(
1064
1071
  mergeObjectArrays(
@@ -1074,7 +1081,15 @@ function useTableLayout(initialColumns, key) {
1074
1081
  renderCountRef.current = 0;
1075
1082
  };
1076
1083
  }, [handleSaveLayout, initialColumns, key]);
1077
- return { columns, setColumns: handleSaveLayout, isReady };
1084
+ const getSavedLayout = (0, import_react6.useCallback)(() => {
1085
+ const savedLayout = localStorage.getItem(
1086
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
1087
+ );
1088
+ if (savedLayout) {
1089
+ return JSON.parse(savedLayout);
1090
+ }
1091
+ }, [key]);
1092
+ return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
1078
1093
  }
1079
1094
 
1080
1095
  // src/components/MenuOption.tsx
@@ -3000,13 +3015,23 @@ function DataGrid({
3000
3015
  enableColumnSelector,
3001
3016
  predeterminedLeftPins = [],
3002
3017
  predeterminedRightPins = [],
3003
- useMenuDefaultMinWidth
3018
+ useMenuDefaultMinWidth,
3019
+ ref
3004
3020
  }) {
3005
3021
  var _a, _b, _c, _d, _e, _f, _g;
3022
+ (0, import_react16.useImperativeHandle)(ref, () => ({
3023
+ getSavedLayout: () => {
3024
+ return getSavedLayout();
3025
+ }
3026
+ }));
3006
3027
  const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
3007
3028
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
3008
3029
  const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
3009
- const { columns: tableColumns, setColumns: setTableColumns } = useTableLayout(columns, id != null ? id : testid);
3030
+ const {
3031
+ columns: tableColumns,
3032
+ setColumns: setTableColumns,
3033
+ getSavedLayout
3034
+ } = useTableLayout(columns, id != null ? id : testid);
3010
3035
  const [columnOrder, setColumnOrder] = (0, import_react16.useState)(
3011
3036
  tableColumns.map((c) => c.id)
3012
3037
  );
@@ -1,24 +1,25 @@
1
1
  import {
2
2
  CalendarRange
3
- } from "../chunk-ESAKAJHE.js";
4
- import "../chunk-6YLAEWTZ.js";
3
+ } from "../chunk-NXGUDYRR.js";
4
+ import "../chunk-MIX7MTLR.js";
5
5
  import "../chunk-QQ5G773N.js";
6
6
  import "../chunk-J5V2JRIK.js";
7
- import "../chunk-NO5BIKWS.js";
8
- import "../chunk-AB4ZBO5P.js";
9
- import "../chunk-FLVYV4T4.js";
10
- import "../chunk-PGSDEGBP.js";
11
- import "../chunk-CCOQOO23.js";
12
- import "../chunk-HIVPC3T4.js";
13
- import {
14
- findDocumentRoot
15
- } from "../chunk-VXWSAIB5.js";
7
+ import "../chunk-YCKRVNJ3.js";
8
+ import "../chunk-W32JB47H.js";
9
+ import "../chunk-WPEDVM56.js";
10
+ import "../chunk-CKQNJNU3.js";
16
11
  import "../chunk-WVUIIBRR.js";
17
12
  import "../chunk-6DPFKSCT.js";
18
13
  import {
19
14
  InputBase
20
15
  } from "../chunk-ZL5X7KP6.js";
21
16
  import "../chunk-7CS736EF.js";
17
+ import "../chunk-NO5BIKWS.js";
18
+ import "../chunk-WWAPK5PH.js";
19
+ import "../chunk-JUJBS4ZV.js";
20
+ import {
21
+ findDocumentRoot
22
+ } from "../chunk-VXWSAIB5.js";
22
23
  import {
23
24
  calculateCursorPosition,
24
25
  formatDate,
@@ -35,7 +36,6 @@ import "../chunk-OGIFIPKH.js";
35
36
  import {
36
37
  Icon
37
38
  } from "../chunk-NKUETCDA.js";
38
- import "../chunk-WWAPK5PH.js";
39
39
  import "../chunk-6CTCHYIS.js";
40
40
  import {
41
41
  __objRest,
@@ -1039,6 +1039,8 @@ function findDocumentRoot(element) {
1039
1039
 
1040
1040
  // src/hooks/useTableLayout.ts
1041
1041
  var import_react6 = require("react");
1042
+ var LocalStoragePrefix = `dmsi-acc-v1-table-layout`;
1043
+ var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
1042
1044
  function useTableLayout(initialColumns, key) {
1043
1045
  const [columns, setColumns] = (0, import_react6.useState)(initialColumns);
1044
1046
  const [isReady, setIsReady] = (0, import_react6.useState)(false);
@@ -1050,7 +1052,10 @@ function useTableLayout(initialColumns, key) {
1050
1052
  const newColumns = typeof setter === "function" ? setter(prevColumns) : setter;
1051
1053
  if (JSON.stringify(newColumns) === JSON.stringify(prevColumns) && !_internal)
1052
1054
  return prevColumns;
1053
- localStorage.setItem(`${key}-tableLayout`, JSON.stringify(newColumns));
1055
+ localStorage.setItem(
1056
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`),
1057
+ JSON.stringify(newColumns)
1058
+ );
1054
1059
  return newColumns;
1055
1060
  });
1056
1061
  },
@@ -1066,7 +1071,9 @@ function useTableLayout(initialColumns, key) {
1066
1071
  );
1067
1072
  }
1068
1073
  renderCountRef.current += 1;
1069
- const savedLayout = localStorage.getItem(`${key}-tableLayout`);
1074
+ const savedLayout = localStorage.getItem(
1075
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
1076
+ );
1070
1077
  if (savedLayout) {
1071
1078
  handleSaveLayout(
1072
1079
  mergeObjectArrays(
@@ -1082,7 +1089,15 @@ function useTableLayout(initialColumns, key) {
1082
1089
  renderCountRef.current = 0;
1083
1090
  };
1084
1091
  }, [handleSaveLayout, initialColumns, key]);
1085
- return { columns, setColumns: handleSaveLayout, isReady };
1092
+ const getSavedLayout = (0, import_react6.useCallback)(() => {
1093
+ const savedLayout = localStorage.getItem(
1094
+ getLocalStorageKeyWithPrefix(`${key}-tableLayout`)
1095
+ );
1096
+ if (savedLayout) {
1097
+ return JSON.parse(savedLayout);
1098
+ }
1099
+ }, [key]);
1100
+ return { columns, setColumns: handleSaveLayout, isReady, getSavedLayout };
1086
1101
  }
1087
1102
 
1088
1103
  // src/components/MenuOption.tsx
@@ -3008,13 +3023,23 @@ function DataGrid({
3008
3023
  enableColumnSelector,
3009
3024
  predeterminedLeftPins = [],
3010
3025
  predeterminedRightPins = [],
3011
- useMenuDefaultMinWidth
3026
+ useMenuDefaultMinWidth,
3027
+ ref
3012
3028
  }) {
3013
3029
  var _a, _b, _c, _d, _e, _f, _g;
3030
+ (0, import_react16.useImperativeHandle)(ref, () => ({
3031
+ getSavedLayout: () => {
3032
+ return getSavedLayout();
3033
+ }
3034
+ }));
3014
3035
  const [localSorting, setLocalSorting] = (0, import_react16.useState)([]);
3015
3036
  const [localColumnFilters, setLocalColumnFilters] = (0, import_react16.useState)([]);
3016
3037
  const [localRowSelection, setLocalRowSelection] = (0, import_react16.useState)({});
3017
- const { columns: tableColumns, setColumns: setTableColumns } = useTableLayout(columns, id != null ? id : testid);
3038
+ const {
3039
+ columns: tableColumns,
3040
+ setColumns: setTableColumns,
3041
+ getSavedLayout
3042
+ } = useTableLayout(columns, id != null ? id : testid);
3018
3043
  const [columnOrder, setColumnOrder] = (0, import_react16.useState)(
3019
3044
  tableColumns.map((c) => c.id)
3020
3045
  );
@@ -5000,7 +5025,7 @@ var DateRangeInput = (_a) => {
5000
5025
  ref: (el) => {
5001
5026
  popoverRef.current = el;
5002
5027
  },
5003
- className: "absolute z-40 bg-white",
5028
+ className: "absolute z-40",
5004
5029
  style: {
5005
5030
  top: `${calendarPosition.top + 4}px`,
5006
5031
  left: `${calendarPosition.left}px`,
@@ -1,24 +1,25 @@
1
1
  import {
2
2
  CalendarRange
3
- } from "../chunk-ESAKAJHE.js";
4
- import "../chunk-6YLAEWTZ.js";
3
+ } from "../chunk-NXGUDYRR.js";
4
+ import "../chunk-MIX7MTLR.js";
5
5
  import "../chunk-QQ5G773N.js";
6
6
  import "../chunk-J5V2JRIK.js";
7
- import "../chunk-NO5BIKWS.js";
8
- import "../chunk-AB4ZBO5P.js";
9
- import "../chunk-FLVYV4T4.js";
10
- import "../chunk-PGSDEGBP.js";
11
- import "../chunk-CCOQOO23.js";
12
- import "../chunk-HIVPC3T4.js";
13
- import {
14
- findDocumentRoot
15
- } from "../chunk-VXWSAIB5.js";
7
+ import "../chunk-YCKRVNJ3.js";
8
+ import "../chunk-W32JB47H.js";
9
+ import "../chunk-WPEDVM56.js";
10
+ import "../chunk-CKQNJNU3.js";
16
11
  import "../chunk-WVUIIBRR.js";
17
12
  import "../chunk-6DPFKSCT.js";
18
13
  import {
19
14
  InputBase
20
15
  } from "../chunk-ZL5X7KP6.js";
21
16
  import "../chunk-7CS736EF.js";
17
+ import "../chunk-NO5BIKWS.js";
18
+ import "../chunk-WWAPK5PH.js";
19
+ import "../chunk-JUJBS4ZV.js";
20
+ import {
21
+ findDocumentRoot
22
+ } from "../chunk-VXWSAIB5.js";
22
23
  import {
23
24
  calculateCursorPosition,
24
25
  formatDate,
@@ -36,7 +37,6 @@ import "../chunk-OGIFIPKH.js";
36
37
  import {
37
38
  Icon
38
39
  } from "../chunk-NKUETCDA.js";
39
- import "../chunk-WWAPK5PH.js";
40
40
  import "../chunk-6CTCHYIS.js";
41
41
  import {
42
42
  __objRest,
@@ -496,7 +496,7 @@ var DateRangeInput = (_a) => {
496
496
  ref: (el) => {
497
497
  popoverRef.current = el;
498
498
  },
499
- className: "absolute z-40 bg-white",
499
+ className: "absolute z-40",
500
500
  style: {
501
501
  top: `${calendarPosition.top + 4}px`,
502
502
  left: `${calendarPosition.left}px`,
@@ -1,10 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  OptionPill
4
- } from "../chunk-KKESN5SF.js";
5
- import {
6
- Checkbox
7
- } from "../chunk-NO5BIKWS.js";
4
+ } from "../chunk-4XTTJOQA.js";
8
5
  import {
9
6
  Search
10
7
  } from "../chunk-6DPFKSCT.js";
@@ -12,6 +9,10 @@ import "../chunk-ZL5X7KP6.js";
12
9
  import {
13
10
  Label
14
11
  } from "../chunk-7CS736EF.js";
12
+ import {
13
+ Checkbox
14
+ } from "../chunk-NO5BIKWS.js";
15
+ import "../chunk-WWAPK5PH.js";
15
16
  import "../chunk-5UH6QUFB.js";
16
17
  import "../chunk-OGIFIPKH.js";
17
18
  import {
@@ -20,7 +21,6 @@ import {
20
21
  import {
21
22
  Icon
22
23
  } from "../chunk-NKUETCDA.js";
23
- import "../chunk-WWAPK5PH.js";
24
24
  import {
25
25
  baseTransition,
26
26
  componentGap,
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import {
3
3
  Menu
4
- } from "../chunk-PGSDEGBP.js";
5
- import "../chunk-CCOQOO23.js";
6
- import "../chunk-HIVPC3T4.js";
4
+ } from "../chunk-W32JB47H.js";
5
+ import "../chunk-WPEDVM56.js";
6
+ import "../chunk-JUJBS4ZV.js";
7
7
  import "../chunk-VXWSAIB5.js";
8
8
  import "../chunk-TYTD4FLW.js";
9
9
  import "../chunk-5UH6QUFB.js";