@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
package/dist/components/DataGrid/PinnedColumns.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  PinnedColumns
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";
package/dist/components/DataGrid/TableBody/LoadingCell.cjs CHANGED
@@ -528,6 +528,9 @@ function mergeObjectArrays(arr1, arr2) {
528
528
  );
529
529
  }
530
530
 
531
+ // src/utils/index.ts
532
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
533
+
531
534
  // src/utils.ts
532
535
  function findDocumentRoot(element) {
533
536
  if (typeof window === "undefined" || typeof document === "undefined") {
@@ -553,7 +556,7 @@ function findDocumentRoot(element) {
553
556
 
554
557
  // src/hooks/useTableLayout.ts
555
558
  var import_react5 = require("react");
556
- var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
559
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
557
560
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
558
561
  function useTableLayout(initialColumns, key) {
559
562
  const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
@@ -1129,15 +1132,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
1129
1132
  resizeObserver.observe(elementRef.current);
1130
1133
  }
1131
1134
  window.addEventListener("scroll", updatePosition);
1135
+ const hideMenuWhenParentIsScrolled = () => {
1136
+ var _a;
1137
+ (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
1138
+ };
1139
+ const scrollableAncestors = getScrollableAncestors(elementRef.current);
1140
+ scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
1132
1141
  window.addEventListener("resize", updatePosition);
1133
1142
  return () => {
1134
1143
  resizeObserver.disconnect();
1135
1144
  window.removeEventListener("scroll", updatePosition);
1145
+ scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
1136
1146
  window.removeEventListener("resize", updatePosition);
1137
1147
  };
1138
1148
  }, [elementRef, updatePosition]);
1139
1149
  return { menuPosition, updatePosition };
1140
1150
  }
1151
+ function getScrollableAncestors(element) {
1152
+ if (!element) {
1153
+ return [];
1154
+ }
1155
+ const scrollables = [];
1156
+ let parent = element.parentElement;
1157
+ while (parent) {
1158
+ const overflowY = window.getComputedStyle(parent).overflowY;
1159
+ if (overflowY === "auto" || overflowY === "scroll") {
1160
+ scrollables.push(parent);
1161
+ }
1162
+ parent = parent.parentElement;
1163
+ }
1164
+ return scrollables;
1165
+ }
1141
1166
 
1142
1167
  // src/components/Menu.tsx
1143
1168
  var import_jsx_runtime5 = require("react/jsx-runtime");
package/dist/components/DataGrid/TableBody/LoadingCell.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  LoadingCell
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";
package/dist/components/DataGrid/TableBody/TableBodyRow.cjs CHANGED
@@ -531,6 +531,9 @@ function mergeObjectArrays(arr1, arr2) {
531
531
  );
532
532
  }
533
533
 
534
+ // src/utils/index.ts
535
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
536
+
534
537
  // src/utils.ts
535
538
  function findDocumentRoot(element) {
536
539
  if (typeof window === "undefined" || typeof document === "undefined") {
@@ -556,7 +559,7 @@ function findDocumentRoot(element) {
556
559
 
557
560
  // src/hooks/useTableLayout.ts
558
561
  var import_react5 = require("react");
559
- var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
562
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
560
563
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
561
564
  function useTableLayout(initialColumns, key) {
562
565
  const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
@@ -1132,15 +1135,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
1132
1135
  resizeObserver.observe(elementRef.current);
1133
1136
  }
1134
1137
  window.addEventListener("scroll", updatePosition);
1138
+ const hideMenuWhenParentIsScrolled = () => {
1139
+ var _a;
1140
+ (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
1141
+ };
1142
+ const scrollableAncestors = getScrollableAncestors(elementRef.current);
1143
+ scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
1135
1144
  window.addEventListener("resize", updatePosition);
1136
1145
  return () => {
1137
1146
  resizeObserver.disconnect();
1138
1147
  window.removeEventListener("scroll", updatePosition);
1148
+ scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
1139
1149
  window.removeEventListener("resize", updatePosition);
1140
1150
  };
1141
1151
  }, [elementRef, updatePosition]);
1142
1152
  return { menuPosition, updatePosition };
1143
1153
  }
1154
+ function getScrollableAncestors(element) {
1155
+ if (!element) {
1156
+ return [];
1157
+ }
1158
+ const scrollables = [];
1159
+ let parent = element.parentElement;
1160
+ while (parent) {
1161
+ const overflowY = window.getComputedStyle(parent).overflowY;
1162
+ if (overflowY === "auto" || overflowY === "scroll") {
1163
+ scrollables.push(parent);
1164
+ }
1165
+ parent = parent.parentElement;
1166
+ }
1167
+ return scrollables;
1168
+ }
1144
1169
 
1145
1170
  // src/components/Menu.tsx
1146
1171
  var import_jsx_runtime5 = require("react/jsx-runtime");
package/dist/components/DataGrid/TableBody/TableBodyRow.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  TableBodyRow
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";
package/dist/components/DataGrid/TableBody/index.cjs CHANGED
@@ -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");
package/dist/components/DataGrid/TableBody/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  TableBody
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";
package/dist/components/DataGrid/index.cjs CHANGED
@@ -202,6 +202,9 @@ function mergeObjectArrays(arr1, arr2) {
202
202
  );
203
203
  }
204
204
 
205
+ // src/utils/index.ts
206
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
207
+
205
208
  // src/utils.ts
206
209
  function findDocumentRoot(element) {
207
210
  if (typeof window === "undefined" || typeof document === "undefined") {
@@ -227,7 +230,7 @@ function findDocumentRoot(element) {
227
230
 
228
231
  // src/hooks/useTableLayout.ts
229
232
  var import_react4 = require("react");
230
- var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
233
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
231
234
  var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
232
235
  function useTableLayout(initialColumns, key) {
233
236
  const [columns, setColumns] = (0, import_react4.useState)(initialColumns);
@@ -1131,15 +1134,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
1131
1134
  resizeObserver.observe(elementRef.current);
1132
1135
  }
1133
1136
  window.addEventListener("scroll", updatePosition);
1137
+ const hideMenuWhenParentIsScrolled = () => {
1138
+ var _a;
1139
+ (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
1140
+ };
1141
+ const scrollableAncestors = getScrollableAncestors(elementRef.current);
1142
+ scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
1134
1143
  window.addEventListener("resize", updatePosition);
1135
1144
  return () => {
1136
1145
  resizeObserver.disconnect();
1137
1146
  window.removeEventListener("scroll", updatePosition);
1147
+ scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
1138
1148
  window.removeEventListener("resize", updatePosition);
1139
1149
  };
1140
1150
  }, [elementRef, updatePosition]);
1141
1151
  return { menuPosition, updatePosition };
1142
1152
  }
1153
+ function getScrollableAncestors(element) {
1154
+ if (!element) {
1155
+ return [];
1156
+ }
1157
+ const scrollables = [];
1158
+ let parent = element.parentElement;
1159
+ while (parent) {
1160
+ const overflowY = window.getComputedStyle(parent).overflowY;
1161
+ if (overflowY === "auto" || overflowY === "scroll") {
1162
+ scrollables.push(parent);
1163
+ }
1164
+ parent = parent.parentElement;
1165
+ }
1166
+ return scrollables;
1167
+ }
1143
1168
 
1144
1169
  // src/components/Menu.tsx
1145
1170
  var import_jsx_runtime5 = require("react/jsx-runtime");
package/dist/components/DataGrid/index.js CHANGED
@@ -2,12 +2,12 @@
2
2
  import {
3
3
  DataGrid,
4
4
  DataGrid_default
5
- } from "../../chunk-BYRLHNBP.js";
6
- import "../../chunk-UKSV4UHI.js";
5
+ } from "../../chunk-GTPSPGSJ.js";
6
+ import "../../chunk-OEMLNGE2.js";
7
7
  import "../../chunk-IT4VFU6T.js";
8
8
  import "../../chunk-M7INAUAJ.js";
9
- import "../../chunk-DNUBM26R.js";
10
- import "../../chunk-I363QX6Y.js";
9
+ import "../../chunk-IG2YUDHI.js";
10
+ import "../../chunk-DYBJUTGK.js";
11
11
  import "../../chunk-MBZ55T2D.js";
12
12
  import "../../chunk-2IKT6IHB.js";
13
13
  import "../../chunk-YCDDBSVU.js";
@@ -29,7 +29,7 @@ import "../../chunk-7BVUTFZ5.js";
29
29
  import "../../chunk-ETAEB3TA.js";
30
30
  import "../../chunk-HVNHTM3P.js";
31
31
  import "../../chunk-GRGDX7JC.js";
32
- import "../../chunk-KCUB3UWA.js";
32
+ import "../../chunk-NIWXVOBW.js";
33
33
  import "../../chunk-4RJKB7LC.js";
34
34
  import "../../chunk-G7KIKHER.js";
35
35
  import "../../chunk-AG43RS4Q.js";
@@ -42,18 +42,18 @@ import "../../chunk-H2KC5XUY.js";
42
42
  import "../../chunk-QVWYTQKL.js";
43
43
  import "../../chunk-75USUR3I.js";
44
44
  import "../../chunk-WEAVZEE4.js";
45
- import "../../chunk-W53FKPJD.js";
46
- import "../../chunk-WX62IDZ5.js";
47
- import "../../chunk-22VBZWJG.js";
48
- import "../../chunk-NVOZAVEX.js";
49
- import "../../chunk-SOZRGIQW.js";
45
+ import "../../chunk-OZBB6RFM.js";
46
+ import "../../chunk-BFFNSUNS.js";
47
+ import "../../chunk-TCMOGTPB.js";
48
+ import "../../chunk-DVU5XV7L.js";
49
+ import "../../chunk-IPAKWF2V.js";
50
50
  import "../../chunk-WVUIIBRR.js";
51
51
  import "../../chunk-RQRR4FEF.js";
52
52
  import "../../chunk-44TH3VC7.js";
53
53
  import "../../chunk-AL5QIRY3.js";
54
- import "../../chunk-MYKYZHEO.js";
54
+ import "../../chunk-URYQ24NF.js";
55
55
  import "../../chunk-VXWSAIB5.js";
56
- import "../../chunk-TYTD4FLW.js";
56
+ import "../../chunk-R3EQIDBX.js";
57
57
  import "../../chunk-5UH6QUFB.js";
58
58
  import "../../chunk-UCJUC5AZ.js";
59
59
  import "../../chunk-ZQSD74IJ.js";
package/dist/components/DataGrid/utils.cjs CHANGED
@@ -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");
package/dist/components/DataGrid/utils.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  getSortIcon
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";
package/dist/components/DataGridCell.cjs CHANGED
@@ -447,6 +447,9 @@ function formatCurrencyDisplay(value) {
447
447
  return decimalPart !== void 0 ? `${formattedInteger}.${decimalPart}` : formattedInteger;
448
448
  }
449
449
 
450
+ // src/utils/index.ts
451
+ var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
452
+
450
453
  // src/utils.ts
451
454
  function findDocumentRoot(element) {
452
455
  if (typeof window === "undefined" || typeof document === "undefined") {
@@ -472,6 +475,7 @@ function findDocumentRoot(element) {
472
475
 
473
476
  // src/hooks/useTableLayout.ts
474
477
  var import_react5 = require("react");
478
+ var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
475
479
 
476
480
  // src/components/MenuOption.tsx
477
481
  var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -988,15 +992,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
988
992
  resizeObserver.observe(elementRef.current);
989
993
  }
990
994
  window.addEventListener("scroll", updatePosition);
995
+ const hideMenuWhenParentIsScrolled = () => {
996
+ var _a;
997
+ (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
998
+ };
999
+ const scrollableAncestors = getScrollableAncestors(elementRef.current);
1000
+ scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
991
1001
  window.addEventListener("resize", updatePosition);
992
1002
  return () => {
993
1003
  resizeObserver.disconnect();
994
1004
  window.removeEventListener("scroll", updatePosition);
1005
+ scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
995
1006
  window.removeEventListener("resize", updatePosition);
996
1007
  };
997
1008
  }, [elementRef, updatePosition]);
998
1009
  return { menuPosition, updatePosition };
999
1010
  }
1011
+ function getScrollableAncestors(element) {
1012
+ if (!element) {
1013
+ return [];
1014
+ }
1015
+ const scrollables = [];
1016
+ let parent = element.parentElement;
1017
+ while (parent) {
1018
+ const overflowY = window.getComputedStyle(parent).overflowY;
1019
+ if (overflowY === "auto" || overflowY === "scroll") {
1020
+ scrollables.push(parent);
1021
+ }
1022
+ parent = parent.parentElement;
1023
+ }
1024
+ return scrollables;
1025
+ }
1000
1026
 
1001
1027
  // src/components/Menu.tsx
1002
1028
  var import_jsx_runtime5 = require("react/jsx-runtime");