@dmsi/wedgekit-react 0.0.461 → 0.0.462

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 (74) hide show
  1. package/dist/{chunk-WX62IDZ5.js → chunk-BFFNSUNS.js} +3 -3
  2. package/dist/{chunk-NVOZAVEX.js → chunk-DVU5XV7L.js} +23 -1
  3. package/dist/{chunk-I363QX6Y.js → chunk-DYBJUTGK.js} +1 -1
  4. package/dist/{chunk-BYRLHNBP.js → chunk-GTPSPGSJ.js} +6 -6
  5. package/dist/{chunk-DNUBM26R.js → chunk-IG2YUDHI.js} +1 -1
  6. package/dist/{chunk-SOZRGIQW.js → chunk-IPAKWF2V.js} +1 -1
  7. package/dist/{chunk-KCUB3UWA.js → chunk-NIWXVOBW.js} +1 -1
  8. package/dist/{chunk-UKSV4UHI.js → chunk-OEMLNGE2.js} +1 -1
  9. package/dist/{chunk-W53FKPJD.js → chunk-OZBB6RFM.js} +1 -1
  10. package/dist/{chunk-TYTD4FLW.js → chunk-R3EQIDBX.js} +5 -1
  11. package/dist/{chunk-22VBZWJG.js → chunk-TCMOGTPB.js} +2 -2
  12. package/dist/{chunk-MYKYZHEO.js → chunk-URYQ24NF.js} +3 -2
  13. package/dist/{chunk-LZH6DJEZ.js → chunk-X35NLL3N.js} +2 -2
  14. package/dist/components/CalendarRange.cjs +26 -1
  15. package/dist/components/CalendarRange.js +13 -13
  16. package/dist/components/CompactImagesPreview.cjs +4 -0
  17. package/dist/components/CompactImagesPreview.js +3 -3
  18. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +26 -1
  19. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +12 -12
  20. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +26 -1
  21. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +12 -12
  22. package/dist/components/DataGrid/PinnedColumns.cjs +26 -1
  23. package/dist/components/DataGrid/PinnedColumns.js +12 -12
  24. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +26 -1
  25. package/dist/components/DataGrid/TableBody/LoadingCell.js +12 -12
  26. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +26 -1
  27. package/dist/components/DataGrid/TableBody/TableBodyRow.js +12 -12
  28. package/dist/components/DataGrid/TableBody/index.cjs +26 -1
  29. package/dist/components/DataGrid/TableBody/index.js +12 -12
  30. package/dist/components/DataGrid/index.cjs +26 -1
  31. package/dist/components/DataGrid/index.js +12 -12
  32. package/dist/components/DataGrid/utils.cjs +26 -1
  33. package/dist/components/DataGrid/utils.js +12 -12
  34. package/dist/components/DataGridCell.cjs +26 -0
  35. package/dist/components/DataGridCell.js +6 -6
  36. package/dist/components/DateInput.cjs +26 -1
  37. package/dist/components/DateInput.js +13 -13
  38. package/dist/components/DateRangeInput.cjs +26 -1
  39. package/dist/components/DateRangeInput.js +13 -13
  40. package/dist/components/Menu.cjs +26 -0
  41. package/dist/components/Menu.js +4 -4
  42. package/dist/components/MenuOption.cjs +4 -0
  43. package/dist/components/MenuOption.js +3 -3
  44. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +26 -1
  45. package/dist/components/MobileDataGrid/ColumnSelector/index.js +12 -12
  46. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +26 -1
  47. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +12 -12
  48. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +4 -0
  49. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +4 -4
  50. package/dist/components/MobileDataGrid/index.cjs +26 -1
  51. package/dist/components/MobileDataGrid/index.js +12 -12
  52. package/dist/components/Modal.cjs +4 -0
  53. package/dist/components/Modal.js +3 -3
  54. package/dist/components/NestedMenu.cjs +4 -0
  55. package/dist/components/NestedMenu.js +3 -3
  56. package/dist/components/PDFViewer/index.cjs +4 -0
  57. package/dist/components/PDFViewer/index.js +4 -4
  58. package/dist/components/ProductImagePreview/index.cjs +4 -0
  59. package/dist/components/ProductImagePreview/index.js +3 -3
  60. package/dist/components/ProjectBar.cjs +4 -0
  61. package/dist/components/ProjectBar.js +2 -2
  62. package/dist/components/Time.js +1 -1
  63. package/dist/components/index.cjs +26 -1
  64. package/dist/components/index.js +12 -12
  65. package/dist/components/useMenuSystem.cjs +26 -0
  66. package/dist/components/useMenuSystem.js +3 -3
  67. package/dist/hooks/index.cjs +4 -1
  68. package/dist/hooks/index.js +2 -2
  69. package/dist/utils/index.cjs +5 -0
  70. package/dist/utils/index.js +3 -1
  71. package/package.json +1 -1
  72. package/src/components/useMenuSystem.tsx +27 -0
  73. package/src/hooks/useTableLayout.ts +2 -2
  74. package/src/utils/index.ts +1 -0
@@ -4,17 +4,17 @@ import {
4
4
  DataGridCell,
5
5
  DragAlongCell,
6
6
  DraggableCellHeader
7
- } from "../chunk-WX62IDZ5.js";
8
- import "../chunk-22VBZWJG.js";
9
- import "../chunk-NVOZAVEX.js";
10
- import "../chunk-SOZRGIQW.js";
7
+ } from "../chunk-BFFNSUNS.js";
8
+ import "../chunk-TCMOGTPB.js";
9
+ import "../chunk-DVU5XV7L.js";
10
+ import "../chunk-IPAKWF2V.js";
11
11
  import "../chunk-WVUIIBRR.js";
12
12
  import "../chunk-RQRR4FEF.js";
13
13
  import "../chunk-44TH3VC7.js";
14
14
  import "../chunk-AL5QIRY3.js";
15
- import "../chunk-MYKYZHEO.js";
15
+ import "../chunk-URYQ24NF.js";
16
16
  import "../chunk-VXWSAIB5.js";
17
- import "../chunk-TYTD4FLW.js";
17
+ import "../chunk-R3EQIDBX.js";
18
18
  import "../chunk-5UH6QUFB.js";
19
19
  import "../chunk-ZSETMD4A.js";
20
20
  import "../chunk-NKUETCDA.js";
@@ -1018,6 +1018,9 @@ function mergeObjectArrays(arr1, arr2) {
1018
1018
  );
1019
1019
  }
1020
1020
 
1021
+ // src/utils/index.ts
1022
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
1023
+
1021
1024
  // src/utils.ts
1022
1025
  function findDocumentRoot(element) {
1023
1026
  if (typeof window === "undefined" || typeof document === "undefined") {
@@ -1043,7 +1046,7 @@ function findDocumentRoot(element) {
1043
1046
 
1044
1047
  // src/hooks/useTableLayout.ts
1045
1048
  var import_react6 = require("react");
1046
- var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
1049
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
1047
1050
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
1048
1051
  function useTableLayout(initialColumns, key) {
1049
1052
  const [columns, setColumns] = (0, import_react6.useState)(initialColumns);
@@ -1619,15 +1622,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
1619
1622
  resizeObserver.observe(elementRef.current);
1620
1623
  }
1621
1624
  window.addEventListener("scroll", updatePosition);
1625
+ const hideMenuWhenParentIsScrolled = () => {
1626
+ var _a;
1627
+ (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
1628
+ };
1629
+ const scrollableAncestors = getScrollableAncestors(elementRef.current);
1630
+ scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
1622
1631
  window.addEventListener("resize", updatePosition);
1623
1632
  return () => {
1624
1633
  resizeObserver.disconnect();
1625
1634
  window.removeEventListener("scroll", updatePosition);
1635
+ scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
1626
1636
  window.removeEventListener("resize", updatePosition);
1627
1637
  };
1628
1638
  }, [elementRef, updatePosition]);
1629
1639
  return { menuPosition, updatePosition };
1630
1640
  }
1641
+ function getScrollableAncestors(element) {
1642
+ if (!element) {
1643
+ return [];
1644
+ }
1645
+ const scrollables = [];
1646
+ let parent = element.parentElement;
1647
+ while (parent) {
1648
+ const overflowY = window.getComputedStyle(parent).overflowY;
1649
+ if (overflowY === "auto" || overflowY === "scroll") {
1650
+ scrollables.push(parent);
1651
+ }
1652
+ parent = parent.parentElement;
1653
+ }
1654
+ return scrollables;
1655
+ }
1631
1656
 
1632
1657
  // src/components/Menu.tsx
1633
1658
  var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  CalendarRange
3
- } from "../chunk-LZH6DJEZ.js";
4
- import "../chunk-BYRLHNBP.js";
5
- import "../chunk-UKSV4UHI.js";
3
+ } from "../chunk-X35NLL3N.js";
4
+ import "../chunk-GTPSPGSJ.js";
5
+ import "../chunk-OEMLNGE2.js";
6
6
  import "../chunk-IT4VFU6T.js";
7
7
  import "../chunk-M7INAUAJ.js";
8
- import "../chunk-DNUBM26R.js";
9
- import "../chunk-I363QX6Y.js";
8
+ import "../chunk-IG2YUDHI.js";
9
+ import "../chunk-DYBJUTGK.js";
10
10
  import "../chunk-MBZ55T2D.js";
11
11
  import "../chunk-2IKT6IHB.js";
12
12
  import "../chunk-YCDDBSVU.js";
@@ -28,7 +28,7 @@ import "../chunk-7BVUTFZ5.js";
28
28
  import "../chunk-ETAEB3TA.js";
29
29
  import "../chunk-HVNHTM3P.js";
30
30
  import "../chunk-GRGDX7JC.js";
31
- import "../chunk-KCUB3UWA.js";
31
+ import "../chunk-NIWXVOBW.js";
32
32
  import "../chunk-4RJKB7LC.js";
33
33
  import "../chunk-G7KIKHER.js";
34
34
  import "../chunk-AG43RS4Q.js";
@@ -41,18 +41,18 @@ import "../chunk-H2KC5XUY.js";
41
41
  import "../chunk-QVWYTQKL.js";
42
42
  import "../chunk-75USUR3I.js";
43
43
  import "../chunk-WEAVZEE4.js";
44
- import "../chunk-W53FKPJD.js";
45
- import "../chunk-WX62IDZ5.js";
46
- import "../chunk-22VBZWJG.js";
47
- import "../chunk-NVOZAVEX.js";
48
- import "../chunk-SOZRGIQW.js";
44
+ import "../chunk-OZBB6RFM.js";
45
+ import "../chunk-BFFNSUNS.js";
46
+ import "../chunk-TCMOGTPB.js";
47
+ import "../chunk-DVU5XV7L.js";
48
+ import "../chunk-IPAKWF2V.js";
49
49
  import "../chunk-WVUIIBRR.js";
50
50
  import "../chunk-RQRR4FEF.js";
51
51
  import {
52
52
  InputBase
53
53
  } from "../chunk-44TH3VC7.js";
54
54
  import "../chunk-AL5QIRY3.js";
55
- import "../chunk-MYKYZHEO.js";
55
+ import "../chunk-URYQ24NF.js";
56
56
  import {
57
57
  findDocumentRoot
58
58
  } from "../chunk-VXWSAIB5.js";
@@ -62,7 +62,7 @@ import {
62
62
  formatInputValue,
63
63
  isValidDate,
64
64
  parseInputDate
65
- } from "../chunk-TYTD4FLW.js";
65
+ } from "../chunk-R3EQIDBX.js";
66
66
  import "../chunk-5UH6QUFB.js";
67
67
  import "../chunk-UCJUC5AZ.js";
68
68
  import "../chunk-ZQSD74IJ.js";
@@ -1026,6 +1026,9 @@ function mergeObjectArrays(arr1, arr2) {
1026
1026
  );
1027
1027
  }
1028
1028
 
1029
+ // src/utils/index.ts
1030
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
1031
+
1029
1032
  // src/utils.ts
1030
1033
  function findDocumentRoot(element) {
1031
1034
  if (typeof window === "undefined" || typeof document === "undefined") {
@@ -1051,7 +1054,7 @@ function findDocumentRoot(element) {
1051
1054
 
1052
1055
  // src/hooks/useTableLayout.ts
1053
1056
  var import_react6 = require("react");
1054
- var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
1057
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
1055
1058
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
1056
1059
  function useTableLayout(initialColumns, key) {
1057
1060
  const [columns, setColumns] = (0, import_react6.useState)(initialColumns);
@@ -1627,15 +1630,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
1627
1630
  resizeObserver.observe(elementRef.current);
1628
1631
  }
1629
1632
  window.addEventListener("scroll", updatePosition);
1633
+ const hideMenuWhenParentIsScrolled = () => {
1634
+ var _a;
1635
+ (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
1636
+ };
1637
+ const scrollableAncestors = getScrollableAncestors(elementRef.current);
1638
+ scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
1630
1639
  window.addEventListener("resize", updatePosition);
1631
1640
  return () => {
1632
1641
  resizeObserver.disconnect();
1633
1642
  window.removeEventListener("scroll", updatePosition);
1643
+ scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
1634
1644
  window.removeEventListener("resize", updatePosition);
1635
1645
  };
1636
1646
  }, [elementRef, updatePosition]);
1637
1647
  return { menuPosition, updatePosition };
1638
1648
  }
1649
+ function getScrollableAncestors(element) {
1650
+ if (!element) {
1651
+ return [];
1652
+ }
1653
+ const scrollables = [];
1654
+ let parent = element.parentElement;
1655
+ while (parent) {
1656
+ const overflowY = window.getComputedStyle(parent).overflowY;
1657
+ if (overflowY === "auto" || overflowY === "scroll") {
1658
+ scrollables.push(parent);
1659
+ }
1660
+ parent = parent.parentElement;
1661
+ }
1662
+ return scrollables;
1663
+ }
1639
1664
 
1640
1665
  // src/components/Menu.tsx
1641
1666
  var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  CalendarRange
3
- } from "../chunk-LZH6DJEZ.js";
4
- import "../chunk-BYRLHNBP.js";
5
- import "../chunk-UKSV4UHI.js";
3
+ } from "../chunk-X35NLL3N.js";
4
+ import "../chunk-GTPSPGSJ.js";
5
+ import "../chunk-OEMLNGE2.js";
6
6
  import "../chunk-IT4VFU6T.js";
7
7
  import "../chunk-M7INAUAJ.js";
8
- import "../chunk-DNUBM26R.js";
9
- import "../chunk-I363QX6Y.js";
8
+ import "../chunk-IG2YUDHI.js";
9
+ import "../chunk-DYBJUTGK.js";
10
10
  import "../chunk-MBZ55T2D.js";
11
11
  import "../chunk-2IKT6IHB.js";
12
12
  import "../chunk-YCDDBSVU.js";
@@ -28,7 +28,7 @@ import "../chunk-7BVUTFZ5.js";
28
28
  import "../chunk-ETAEB3TA.js";
29
29
  import "../chunk-HVNHTM3P.js";
30
30
  import "../chunk-GRGDX7JC.js";
31
- import "../chunk-KCUB3UWA.js";
31
+ import "../chunk-NIWXVOBW.js";
32
32
  import "../chunk-4RJKB7LC.js";
33
33
  import "../chunk-G7KIKHER.js";
34
34
  import "../chunk-AG43RS4Q.js";
@@ -41,18 +41,18 @@ import "../chunk-H2KC5XUY.js";
41
41
  import "../chunk-QVWYTQKL.js";
42
42
  import "../chunk-75USUR3I.js";
43
43
  import "../chunk-WEAVZEE4.js";
44
- import "../chunk-W53FKPJD.js";
45
- import "../chunk-WX62IDZ5.js";
46
- import "../chunk-22VBZWJG.js";
47
- import "../chunk-NVOZAVEX.js";
48
- import "../chunk-SOZRGIQW.js";
44
+ import "../chunk-OZBB6RFM.js";
45
+ import "../chunk-BFFNSUNS.js";
46
+ import "../chunk-TCMOGTPB.js";
47
+ import "../chunk-DVU5XV7L.js";
48
+ import "../chunk-IPAKWF2V.js";
49
49
  import "../chunk-WVUIIBRR.js";
50
50
  import "../chunk-RQRR4FEF.js";
51
51
  import {
52
52
  InputBase
53
53
  } from "../chunk-44TH3VC7.js";
54
54
  import "../chunk-AL5QIRY3.js";
55
- import "../chunk-MYKYZHEO.js";
55
+ import "../chunk-URYQ24NF.js";
56
56
  import {
57
57
  findDocumentRoot
58
58
  } from "../chunk-VXWSAIB5.js";
@@ -63,7 +63,7 @@ import {
63
63
  isValidDate,
64
64
  isValidDateRangeOrder,
65
65
  parseInputDate
66
- } from "../chunk-TYTD4FLW.js";
66
+ } from "../chunk-R3EQIDBX.js";
67
67
  import "../chunk-5UH6QUFB.js";
68
68
  import "../chunk-UCJUC5AZ.js";
69
69
  import "../chunk-ZQSD74IJ.js";
@@ -91,6 +91,9 @@ var useMatchesMedia = (query) => {
91
91
  };
92
92
  var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
93
93
 
94
+ // src/utils/index.ts
95
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
96
+
94
97
  // src/utils.ts
95
98
  function findDocumentRoot(element) {
96
99
  if (typeof window === "undefined" || typeof document === "undefined") {
@@ -116,6 +119,7 @@ function findDocumentRoot(element) {
116
119
 
117
120
  // src/hooks/useTableLayout.ts
118
121
  var import_react4 = require("react");
122
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
119
123
 
120
124
  // src/components/useMenuSystem.tsx
121
125
  function useMenuPosition(elementRef, position = "bottom", options) {
@@ -206,15 +210,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
206
210
  resizeObserver.observe(elementRef.current);
207
211
  }
208
212
  window.addEventListener("scroll", updatePosition);
213
+ const hideMenuWhenParentIsScrolled = () => {
214
+ var _a;
215
+ (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
216
+ };
217
+ const scrollableAncestors = getScrollableAncestors(elementRef.current);
218
+ scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
209
219
  window.addEventListener("resize", updatePosition);
210
220
  return () => {
211
221
  resizeObserver.disconnect();
212
222
  window.removeEventListener("scroll", updatePosition);
223
+ scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
213
224
  window.removeEventListener("resize", updatePosition);
214
225
  };
215
226
  }, [elementRef, updatePosition]);
216
227
  return { menuPosition, updatePosition };
217
228
  }
229
+ function getScrollableAncestors(element) {
230
+ if (!element) {
231
+ return [];
232
+ }
233
+ const scrollables = [];
234
+ let parent = element.parentElement;
235
+ while (parent) {
236
+ const overflowY = window.getComputedStyle(parent).overflowY;
237
+ if (overflowY === "auto" || overflowY === "scroll") {
238
+ scrollables.push(parent);
239
+ }
240
+ parent = parent.parentElement;
241
+ }
242
+ return scrollables;
243
+ }
218
244
 
219
245
  // src/components/Menu.tsx
220
246
  var import_jsx_runtime = require("react/jsx-runtime");
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  Menu
4
- } from "../chunk-22VBZWJG.js";
5
- import "../chunk-NVOZAVEX.js";
6
- import "../chunk-MYKYZHEO.js";
4
+ } from "../chunk-TCMOGTPB.js";
5
+ import "../chunk-DVU5XV7L.js";
6
+ import "../chunk-URYQ24NF.js";
7
7
  import "../chunk-VXWSAIB5.js";
8
- import "../chunk-TYTD4FLW.js";
8
+ import "../chunk-R3EQIDBX.js";
9
9
  import "../chunk-5UH6QUFB.js";
10
10
  import "../chunk-ORMEWXMH.js";
11
11
  export {
@@ -356,8 +356,12 @@ var useMatchesMedia = (query) => {
356
356
  };
357
357
  var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
358
358
 
359
+ // src/utils/index.ts
360
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
361
+
359
362
  // src/hooks/useTableLayout.ts
360
363
  var import_react4 = require("react");
364
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
361
365
 
362
366
  // src/components/MenuOption.tsx
363
367
  var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import {
3
3
  MenuOption
4
- } from "../chunk-SOZRGIQW.js";
4
+ } from "../chunk-IPAKWF2V.js";
5
5
  import "../chunk-AL5QIRY3.js";
6
- import "../chunk-MYKYZHEO.js";
6
+ import "../chunk-URYQ24NF.js";
7
7
  import "../chunk-VXWSAIB5.js";
8
- import "../chunk-TYTD4FLW.js";
8
+ import "../chunk-R3EQIDBX.js";
9
9
  import "../chunk-5UH6QUFB.js";
10
10
  import "../chunk-ZSETMD4A.js";
11
11
  import "../chunk-NKUETCDA.js";
@@ -529,6 +529,9 @@ function mergeObjectArrays(arr1, arr2) {
529
529
  );
530
530
  }
531
531
 
532
+ // src/utils/index.ts
533
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
534
+
532
535
  // src/utils.ts
533
536
  function findDocumentRoot(element) {
534
537
  if (typeof window === "undefined" || typeof document === "undefined") {
@@ -554,7 +557,7 @@ function findDocumentRoot(element) {
554
557
 
555
558
  // src/hooks/useTableLayout.ts
556
559
  var import_react5 = require("react");
557
- var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
560
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
558
561
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
559
562
  function useTableLayout(initialColumns, key) {
560
563
  const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
@@ -1130,15 +1133,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
1130
1133
  resizeObserver.observe(elementRef.current);
1131
1134
  }
1132
1135
  window.addEventListener("scroll", updatePosition);
1136
+ const hideMenuWhenParentIsScrolled = () => {
1137
+ var _a;
1138
+ (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
1139
+ };
1140
+ const scrollableAncestors = getScrollableAncestors(elementRef.current);
1141
+ scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
1133
1142
  window.addEventListener("resize", updatePosition);
1134
1143
  return () => {
1135
1144
  resizeObserver.disconnect();
1136
1145
  window.removeEventListener("scroll", updatePosition);
1146
+ scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
1137
1147
  window.removeEventListener("resize", updatePosition);
1138
1148
  };
1139
1149
  }, [elementRef, updatePosition]);
1140
1150
  return { menuPosition, updatePosition };
1141
1151
  }
1152
+ function getScrollableAncestors(element) {
1153
+ if (!element) {
1154
+ return [];
1155
+ }
1156
+ const scrollables = [];
1157
+ let parent = element.parentElement;
1158
+ while (parent) {
1159
+ const overflowY = window.getComputedStyle(parent).overflowY;
1160
+ if (overflowY === "auto" || overflowY === "scroll") {
1161
+ scrollables.push(parent);
1162
+ }
1163
+ parent = parent.parentElement;
1164
+ }
1165
+ return scrollables;
1166
+ }
1142
1167
 
1143
1168
  // src/components/Menu.tsx
1144
1169
  var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  ColumnSelector
3
- } from "../../../chunk-BYRLHNBP.js";
4
- import "../../../chunk-UKSV4UHI.js";
3
+ } from "../../../chunk-GTPSPGSJ.js";
4
+ import "../../../chunk-OEMLNGE2.js";
5
5
  import "../../../chunk-IT4VFU6T.js";
6
6
  import "../../../chunk-M7INAUAJ.js";
7
- import "../../../chunk-DNUBM26R.js";
8
- import "../../../chunk-I363QX6Y.js";
7
+ import "../../../chunk-IG2YUDHI.js";
8
+ import "../../../chunk-DYBJUTGK.js";
9
9
  import "../../../chunk-MBZ55T2D.js";
10
10
  import "../../../chunk-2IKT6IHB.js";
11
11
  import "../../../chunk-YCDDBSVU.js";
@@ -27,7 +27,7 @@ import "../../../chunk-7BVUTFZ5.js";
27
27
  import "../../../chunk-ETAEB3TA.js";
28
28
  import "../../../chunk-HVNHTM3P.js";
29
29
  import "../../../chunk-GRGDX7JC.js";
30
- import "../../../chunk-KCUB3UWA.js";
30
+ import "../../../chunk-NIWXVOBW.js";
31
31
  import "../../../chunk-4RJKB7LC.js";
32
32
  import "../../../chunk-G7KIKHER.js";
33
33
  import "../../../chunk-AG43RS4Q.js";
@@ -40,18 +40,18 @@ import "../../../chunk-H2KC5XUY.js";
40
40
  import "../../../chunk-QVWYTQKL.js";
41
41
  import "../../../chunk-75USUR3I.js";
42
42
  import "../../../chunk-WEAVZEE4.js";
43
- import "../../../chunk-W53FKPJD.js";
44
- import "../../../chunk-WX62IDZ5.js";
45
- import "../../../chunk-22VBZWJG.js";
46
- import "../../../chunk-NVOZAVEX.js";
47
- import "../../../chunk-SOZRGIQW.js";
43
+ import "../../../chunk-OZBB6RFM.js";
44
+ import "../../../chunk-BFFNSUNS.js";
45
+ import "../../../chunk-TCMOGTPB.js";
46
+ import "../../../chunk-DVU5XV7L.js";
47
+ import "../../../chunk-IPAKWF2V.js";
48
48
  import "../../../chunk-WVUIIBRR.js";
49
49
  import "../../../chunk-RQRR4FEF.js";
50
50
  import "../../../chunk-44TH3VC7.js";
51
51
  import "../../../chunk-AL5QIRY3.js";
52
- import "../../../chunk-MYKYZHEO.js";
52
+ import "../../../chunk-URYQ24NF.js";
53
53
  import "../../../chunk-VXWSAIB5.js";
54
- import "../../../chunk-TYTD4FLW.js";
54
+ import "../../../chunk-R3EQIDBX.js";
55
55
  import "../../../chunk-5UH6QUFB.js";
56
56
  import "../../../chunk-UCJUC5AZ.js";
57
57
  import "../../../chunk-ZQSD74IJ.js";
@@ -954,6 +954,9 @@ function mergeObjectArrays(arr1, arr2) {
954
954
  );
955
955
  }
956
956
 
957
+ // src/utils/index.ts
958
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
959
+
957
960
  // src/utils.ts
958
961
  function findDocumentRoot(element) {
959
962
  if (typeof window === "undefined" || typeof document === "undefined") {
@@ -979,7 +982,7 @@ function findDocumentRoot(element) {
979
982
 
980
983
  // src/hooks/useTableLayout.ts
981
984
  var import_react5 = require("react");
982
- var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
985
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
983
986
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
984
987
  function useTableLayout(initialColumns, key) {
985
988
  const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
@@ -1555,15 +1558,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
1555
1558
  resizeObserver.observe(elementRef.current);
1556
1559
  }
1557
1560
  window.addEventListener("scroll", updatePosition);
1561
+ const hideMenuWhenParentIsScrolled = () => {
1562
+ var _a;
1563
+ (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
1564
+ };
1565
+ const scrollableAncestors = getScrollableAncestors(elementRef.current);
1566
+ scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
1558
1567
  window.addEventListener("resize", updatePosition);
1559
1568
  return () => {
1560
1569
  resizeObserver.disconnect();
1561
1570
  window.removeEventListener("scroll", updatePosition);
1571
+ scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
1562
1572
  window.removeEventListener("resize", updatePosition);
1563
1573
  };
1564
1574
  }, [elementRef, updatePosition]);
1565
1575
  return { menuPosition, updatePosition };
1566
1576
  }
1577
+ function getScrollableAncestors(element) {
1578
+ if (!element) {
1579
+ return [];
1580
+ }
1581
+ const scrollables = [];
1582
+ let parent = element.parentElement;
1583
+ while (parent) {
1584
+ const overflowY = window.getComputedStyle(parent).overflowY;
1585
+ if (overflowY === "auto" || overflowY === "scroll") {
1586
+ scrollables.push(parent);
1587
+ }
1588
+ parent = parent.parentElement;
1589
+ }
1590
+ return scrollables;
1591
+ }
1567
1592
 
1568
1593
  // src/components/Menu.tsx
1569
1594
  var import_jsx_runtime9 = require("react/jsx-runtime");
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  MobileDataGridHeader
3
- } from "../../chunk-BYRLHNBP.js";
4
- import "../../chunk-UKSV4UHI.js";
3
+ } from "../../chunk-GTPSPGSJ.js";
4
+ import "../../chunk-OEMLNGE2.js";
5
5
  import "../../chunk-IT4VFU6T.js";
6
6
  import "../../chunk-M7INAUAJ.js";
7
- import "../../chunk-DNUBM26R.js";
8
- import "../../chunk-I363QX6Y.js";
7
+ import "../../chunk-IG2YUDHI.js";
8
+ import "../../chunk-DYBJUTGK.js";
9
9
  import "../../chunk-MBZ55T2D.js";
10
10
  import "../../chunk-2IKT6IHB.js";
11
11
  import "../../chunk-YCDDBSVU.js";
@@ -27,7 +27,7 @@ import "../../chunk-7BVUTFZ5.js";
27
27
  import "../../chunk-ETAEB3TA.js";
28
28
  import "../../chunk-HVNHTM3P.js";
29
29
  import "../../chunk-GRGDX7JC.js";
30
- import "../../chunk-KCUB3UWA.js";
30
+ import "../../chunk-NIWXVOBW.js";
31
31
  import "../../chunk-4RJKB7LC.js";
32
32
  import "../../chunk-G7KIKHER.js";
33
33
  import "../../chunk-AG43RS4Q.js";
@@ -40,18 +40,18 @@ import "../../chunk-H2KC5XUY.js";
40
40
  import "../../chunk-QVWYTQKL.js";
41
41
  import "../../chunk-75USUR3I.js";
42
42
  import "../../chunk-WEAVZEE4.js";
43
- import "../../chunk-W53FKPJD.js";
44
- import "../../chunk-WX62IDZ5.js";
45
- import "../../chunk-22VBZWJG.js";
46
- import "../../chunk-NVOZAVEX.js";
47
- import "../../chunk-SOZRGIQW.js";
43
+ import "../../chunk-OZBB6RFM.js";
44
+ import "../../chunk-BFFNSUNS.js";
45
+ import "../../chunk-TCMOGTPB.js";
46
+ import "../../chunk-DVU5XV7L.js";
47
+ import "../../chunk-IPAKWF2V.js";
48
48
  import "../../chunk-WVUIIBRR.js";
49
49
  import "../../chunk-RQRR4FEF.js";
50
50
  import "../../chunk-44TH3VC7.js";
51
51
  import "../../chunk-AL5QIRY3.js";
52
- import "../../chunk-MYKYZHEO.js";
52
+ import "../../chunk-URYQ24NF.js";
53
53
  import "../../chunk-VXWSAIB5.js";
54
- import "../../chunk-TYTD4FLW.js";
54
+ import "../../chunk-R3EQIDBX.js";
55
55
  import "../../chunk-5UH6QUFB.js";
56
56
  import "../../chunk-UCJUC5AZ.js";
57
57
  import "../../chunk-ZQSD74IJ.js";
@@ -601,6 +601,9 @@ ModalScrim.displayName = "ModalScrim";
601
601
  // src/components/Modal.tsx
602
602
  var import_react_dom = require("react-dom");
603
603
 
604
+ // src/utils/index.ts
605
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
606
+
604
607
  // src/utils.ts
605
608
  function findDocumentRoot(element) {
606
609
  if (typeof window === "undefined" || typeof document === "undefined") {
@@ -650,6 +653,7 @@ var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
650
653
 
651
654
  // src/hooks/useTableLayout.ts
652
655
  var import_react4 = require("react");
656
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
653
657
 
654
658
  // src/components/useMounted.tsx
655
659
  var import_react5 = require("react");
@@ -1,20 +1,20 @@
1
1
  import {
2
2
  RowDetailModalProvider
3
- } from "../../../chunk-UKSV4UHI.js";
3
+ } from "../../../chunk-OEMLNGE2.js";
4
4
  import "../../../chunk-IT4VFU6T.js";
5
5
  import "../../../chunk-5IFPG6TS.js";
6
6
  import "../../../chunk-KW6V7O3H.js";
7
7
  import "../../../chunk-AJ5M6MVX.js";
8
- import "../../../chunk-KCUB3UWA.js";
8
+ import "../../../chunk-NIWXVOBW.js";
9
9
  import "../../../chunk-4RJKB7LC.js";
10
10
  import "../../../chunk-G7KIKHER.js";
11
11
  import "../../../chunk-AG43RS4Q.js";
12
12
  import "../../../chunk-ZQJMNPCF.js";
13
13
  import "../../../chunk-FG7GNGE3.js";
14
14
  import "../../../chunk-H2KC5XUY.js";
15
- import "../../../chunk-MYKYZHEO.js";
15
+ import "../../../chunk-URYQ24NF.js";
16
16
  import "../../../chunk-VXWSAIB5.js";
17
- import "../../../chunk-TYTD4FLW.js";
17
+ import "../../../chunk-R3EQIDBX.js";
18
18
  import "../../../chunk-5UH6QUFB.js";
19
19
  import "../../../chunk-DORD2EBO.js";
20
20
  import "../../../chunk-ZSETMD4A.js";