@dmsi/wedgekit-react 0.0.460 → 0.0.462

package/dist/{chunk-WX62IDZ5.js → chunk-BFFNSUNS.js}

@@ -1,12 +1,12 @@
 import {
   Menu
-} from "./chunk-22VBZWJG.js";
+} from "./chunk-TCMOGTPB.js";
 import {
   useSubMenuSystem
-} from "./chunk-NVOZAVEX.js";
+} from "./chunk-DVU5XV7L.js";
 import {
   MenuOption
-} from "./chunk-SOZRGIQW.js";
+} from "./chunk-IPAKWF2V.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";

package/dist/{chunk-NVOZAVEX.js → chunk-DVU5XV7L.js}

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "./chunk-MYKYZHEO.js";
+} from "./chunk-URYQ24NF.js";
 import {
   __spreadValues
 } from "./chunk-ORMEWXMH.js";
@@ -335,15 +335,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
       resizeObserver.observe(elementRef.current);
     }
     window.addEventListener("scroll", updatePosition);
+    const hideMenuWhenParentIsScrolled = () => {
+      var _a;
+      (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
+    };
+    const scrollableAncestors = getScrollableAncestors(elementRef.current);
+    scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
     window.addEventListener("resize", updatePosition);
     return () => {
       resizeObserver.disconnect();
       window.removeEventListener("scroll", updatePosition);
+      scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
       window.removeEventListener("resize", updatePosition);
     };
   }, [elementRef, updatePosition]);
   return { menuPosition, updatePosition };
 }
+function getScrollableAncestors(element) {
+  if (!element) {
+    return [];
+  }
+  const scrollables = [];
+  let parent = element.parentElement;
+  while (parent) {
+    const overflowY = window.getComputedStyle(parent).overflowY;
+    if (overflowY === "auto" || overflowY === "scroll") {
+      scrollables.push(parent);
+    }
+    parent = parent.parentElement;
+  }
+  return scrollables;
+}
 
 export {
   useSubMenuSystem,

package/dist/{chunk-I363QX6Y.js → chunk-DYBJUTGK.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-Y2GK27RX.js";
 import {
   useMatchesMobile
-} from "./chunk-MYKYZHEO.js";
+} from "./chunk-URYQ24NF.js";
 import {
   Stack
 } from "./chunk-DORD2EBO.js";

package/dist/{chunk-BYRLHNBP.js → chunk-GTPSPGSJ.js}

@@ -1,6 +1,6 @@
 import {
   RowDetailModalProvider
-} from "./chunk-UKSV4UHI.js";
+} from "./chunk-OEMLNGE2.js";
 import {
   GridContextProvider
 } from "./chunk-M7INAUAJ.js";
@@ -30,13 +30,13 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-WX62IDZ5.js";
+} from "./chunk-BFFNSUNS.js";
 import {
   Menu
-} from "./chunk-22VBZWJG.js";
+} from "./chunk-TCMOGTPB.js";
 import {
   MenuOption
-} from "./chunk-SOZRGIQW.js";
+} from "./chunk-IPAKWF2V.js";
 import {
   Search
 } from "./chunk-RQRR4FEF.js";
@@ -49,10 +49,10 @@ import {
 import {
   useInfiniteScroll,
   useTableLayout
-} from "./chunk-MYKYZHEO.js";
+} from "./chunk-URYQ24NF.js";
 import {
   formatDate
-} from "./chunk-TYTD4FLW.js";
+} from "./chunk-R3EQIDBX.js";
 import {
   formatCurrencyDisplay
 } from "./chunk-5UH6QUFB.js";

package/dist/{chunk-DNUBM26R.js → chunk-IG2YUDHI.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-GTBGPBH6.js";
 import {
   Modal
-} from "./chunk-KCUB3UWA.js";
+} from "./chunk-NIWXVOBW.js";
 
 // src/components/PDFViewer/index.tsx
 import { useCallback, useState } from "react";

package/dist/{chunk-SOZRGIQW.js → chunk-IPAKWF2V.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AL5QIRY3.js";
 import {
   useMatchesMobile
-} from "./chunk-MYKYZHEO.js";
+} from "./chunk-URYQ24NF.js";
 import {
   Paragraph
 } from "./chunk-ZSETMD4A.js";

package/dist/{chunk-KCUB3UWA.js → chunk-NIWXVOBW.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-FG7GNGE3.js";
 import {
   useMatchesMobile
-} from "./chunk-MYKYZHEO.js";
+} from "./chunk-URYQ24NF.js";
 import {
   findDocumentRoot
 } from "./chunk-VXWSAIB5.js";

package/dist/{chunk-UKSV4UHI.js → chunk-OEMLNGE2.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   Modal
-} from "./chunk-KCUB3UWA.js";
+} from "./chunk-NIWXVOBW.js";
 import {
   Heading2
 } from "./chunk-H2KC5XUY.js";

package/dist/{chunk-W53FKPJD.js → chunk-OZBB6RFM.js}

@@ -1,6 +1,6 @@
 import {
   useMatchesMobile
-} from "./chunk-MYKYZHEO.js";
+} from "./chunk-URYQ24NF.js";
 import {
   Stack
 } from "./chunk-DORD2EBO.js";

package/dist/{chunk-TYTD4FLW.js → chunk-R3EQIDBX.js}

@@ -137,6 +137,9 @@ function mergeObjectArrays(arr1, arr2) {
   );
 }
 
+// src/utils/index.ts
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
+
 export {
   parseInputDate,
   isValidDate,
@@ -151,5 +154,6 @@ export {
   formatDatePartsToDisplay,
   formatDate,
   isValidDateRangeOrder,
-  mergeObjectArrays
+  mergeObjectArrays,
+  LocalStoragePrefixVersion
 };

package/dist/{chunk-22VBZWJG.js → chunk-TCMOGTPB.js}

@@ -1,9 +1,9 @@
 import {
   useMenuPosition
-} from "./chunk-NVOZAVEX.js";
+} from "./chunk-DVU5XV7L.js";
 import {
   useMatchesMobile
-} from "./chunk-MYKYZHEO.js";
+} from "./chunk-URYQ24NF.js";
 import {
   findDocumentRoot
 } from "./chunk-VXWSAIB5.js";

package/dist/{chunk-MYKYZHEO.js → chunk-URYQ24NF.js}

@@ -1,6 +1,7 @@
 import {
+  LocalStoragePrefixVersion,
   mergeObjectArrays
-} from "./chunk-TYTD4FLW.js";
+} from "./chunk-R3EQIDBX.js";
 
 // src/hooks/useKeydown.ts
 import { useEffect } from "react";
@@ -82,7 +83,7 @@ import {
   useCallback,
   useRef
 } from "react";
-var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
+var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = useState2(initialColumns);

package/dist/{chunk-LZH6DJEZ.js → chunk-X35NLL3N.js}

@@ -1,9 +1,9 @@
 import {
   Menu
-} from "./chunk-22VBZWJG.js";
+} from "./chunk-TCMOGTPB.js";
 import {
   MenuOption
-} from "./chunk-SOZRGIQW.js";
+} from "./chunk-IPAKWF2V.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/components/CalendarRange.cjs

@@ -535,6 +535,9 @@ function mergeObjectArrays(arr1, arr2) {
   );
 }
 
+// src/utils/index.ts
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
+
 // src/utils.ts
 function findDocumentRoot(element) {
   if (typeof window === "undefined" || typeof document === "undefined") {
@@ -560,7 +563,7 @@ function findDocumentRoot(element) {
 
 // src/hooks/useTableLayout.ts
 var import_react5 = require("react");
-var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
+var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
@@ -1136,15 +1139,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
       resizeObserver.observe(elementRef.current);
     }
     window.addEventListener("scroll", updatePosition);
+    const hideMenuWhenParentIsScrolled = () => {
+      var _a;
+      (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
+    };
+    const scrollableAncestors = getScrollableAncestors(elementRef.current);
+    scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
     window.addEventListener("resize", updatePosition);
     return () => {
       resizeObserver.disconnect();
       window.removeEventListener("scroll", updatePosition);
+      scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
       window.removeEventListener("resize", updatePosition);
     };
   }, [elementRef, updatePosition]);
   return { menuPosition, updatePosition };
 }
+function getScrollableAncestors(element) {
+  if (!element) {
+    return [];
+  }
+  const scrollables = [];
+  let parent = element.parentElement;
+  while (parent) {
+    const overflowY = window.getComputedStyle(parent).overflowY;
+    if (overflowY === "auto" || overflowY === "scroll") {
+      scrollables.push(parent);
+    }
+    parent = parent.parentElement;
+  }
+  return scrollables;
+}
 
 // src/components/Menu.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");

package/dist/components/CalendarRange.js

@@ -2,13 +2,13 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-LZH6DJEZ.js";
-import "../chunk-BYRLHNBP.js";
-import "../chunk-UKSV4UHI.js";
+} from "../chunk-X35NLL3N.js";
+import "../chunk-GTPSPGSJ.js";
+import "../chunk-OEMLNGE2.js";
 import "../chunk-IT4VFU6T.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-DNUBM26R.js";
-import "../chunk-I363QX6Y.js";
+import "../chunk-IG2YUDHI.js";
+import "../chunk-DYBJUTGK.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
@@ -30,7 +30,7 @@ import "../chunk-7BVUTFZ5.js";
 import "../chunk-ETAEB3TA.js";
 import "../chunk-HVNHTM3P.js";
 import "../chunk-GRGDX7JC.js";
-import "../chunk-KCUB3UWA.js";
+import "../chunk-NIWXVOBW.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-G7KIKHER.js";
 import "../chunk-AG43RS4Q.js";
@@ -43,18 +43,18 @@ import "../chunk-H2KC5XUY.js";
 import "../chunk-QVWYTQKL.js";
 import "../chunk-75USUR3I.js";
 import "../chunk-WEAVZEE4.js";
-import "../chunk-W53FKPJD.js";
-import "../chunk-WX62IDZ5.js";
-import "../chunk-22VBZWJG.js";
-import "../chunk-NVOZAVEX.js";
-import "../chunk-SOZRGIQW.js";
+import "../chunk-OZBB6RFM.js";
+import "../chunk-BFFNSUNS.js";
+import "../chunk-TCMOGTPB.js";
+import "../chunk-DVU5XV7L.js";
+import "../chunk-IPAKWF2V.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-RQRR4FEF.js";
 import "../chunk-44TH3VC7.js";
 import "../chunk-AL5QIRY3.js";
-import "../chunk-MYKYZHEO.js";
+import "../chunk-URYQ24NF.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-TYTD4FLW.js";
+import "../chunk-R3EQIDBX.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-UCJUC5AZ.js";
 import "../chunk-ZQSD74IJ.js";

package/dist/components/CompactImagesPreview.cjs

@@ -447,8 +447,12 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/utils/index.ts
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
+
 // src/hooks/useTableLayout.ts
 var import_react4 = require("react");
+var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 
 // src/components/CompactImagesPreview.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");

package/dist/components/CompactImagesPreview.js

@@ -1,9 +1,9 @@
 import {
   CompactImagesPreview
-} from "../chunk-W53FKPJD.js";
-import "../chunk-MYKYZHEO.js";
+} from "../chunk-OZBB6RFM.js";
+import "../chunk-URYQ24NF.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-TYTD4FLW.js";
+import "../chunk-R3EQIDBX.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-DORD2EBO.js";
 import "../chunk-IXR65MOU.js";

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs

@@ -529,6 +529,9 @@ function mergeObjectArrays(arr1, arr2) {
   );
 }
 
+// src/utils/index.ts
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
+
 // src/utils.ts
 function findDocumentRoot(element) {
   if (typeof window === "undefined" || typeof document === "undefined") {
@@ -554,7 +557,7 @@ function findDocumentRoot(element) {
 
 // src/hooks/useTableLayout.ts
 var import_react5 = require("react");
-var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
+var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
@@ -1130,15 +1133,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
       resizeObserver.observe(elementRef.current);
     }
     window.addEventListener("scroll", updatePosition);
+    const hideMenuWhenParentIsScrolled = () => {
+      var _a;
+      (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
+    };
+    const scrollableAncestors = getScrollableAncestors(elementRef.current);
+    scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
     window.addEventListener("resize", updatePosition);
     return () => {
       resizeObserver.disconnect();
       window.removeEventListener("scroll", updatePosition);
+      scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
       window.removeEventListener("resize", updatePosition);
     };
   }, [elementRef, updatePosition]);
   return { menuPosition, updatePosition };
 }
+function getScrollableAncestors(element) {
+  if (!element) {
+    return [];
+  }
+  const scrollables = [];
+  let parent = element.parentElement;
+  while (parent) {
+    const overflowY = window.getComputedStyle(parent).overflowY;
+    if (overflowY === "auto" || overflowY === "scroll") {
+      scrollables.push(parent);
+    }
+    parent = parent.parentElement;
+  }
+  return scrollables;
+}
 
 // src/components/Menu.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js

@@ -1,11 +1,11 @@
 import {
   ColumnSelectorMenuOption
-} from "../../../chunk-BYRLHNBP.js";
-import "../../../chunk-UKSV4UHI.js";
+} from "../../../chunk-GTPSPGSJ.js";
+import "../../../chunk-OEMLNGE2.js";
 import "../../../chunk-IT4VFU6T.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-DNUBM26R.js";
-import "../../../chunk-I363QX6Y.js";
+import "../../../chunk-IG2YUDHI.js";
+import "../../../chunk-DYBJUTGK.js";
 import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
@@ -27,7 +27,7 @@ import "../../../chunk-7BVUTFZ5.js";
 import "../../../chunk-ETAEB3TA.js";
 import "../../../chunk-HVNHTM3P.js";
 import "../../../chunk-GRGDX7JC.js";
-import "../../../chunk-KCUB3UWA.js";
+import "../../../chunk-NIWXVOBW.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-G7KIKHER.js";
 import "../../../chunk-AG43RS4Q.js";
@@ -40,18 +40,18 @@ import "../../../chunk-H2KC5XUY.js";
 import "../../../chunk-QVWYTQKL.js";
 import "../../../chunk-75USUR3I.js";
 import "../../../chunk-WEAVZEE4.js";
-import "../../../chunk-W53FKPJD.js";
-import "../../../chunk-WX62IDZ5.js";
-import "../../../chunk-22VBZWJG.js";
-import "../../../chunk-NVOZAVEX.js";
-import "../../../chunk-SOZRGIQW.js";
+import "../../../chunk-OZBB6RFM.js";
+import "../../../chunk-BFFNSUNS.js";
+import "../../../chunk-TCMOGTPB.js";
+import "../../../chunk-DVU5XV7L.js";
+import "../../../chunk-IPAKWF2V.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-RQRR4FEF.js";
 import "../../../chunk-44TH3VC7.js";
 import "../../../chunk-AL5QIRY3.js";
-import "../../../chunk-MYKYZHEO.js";
+import "../../../chunk-URYQ24NF.js";
 import "../../../chunk-VXWSAIB5.js";
-import "../../../chunk-TYTD4FLW.js";
+import "../../../chunk-R3EQIDBX.js";
 import "../../../chunk-5UH6QUFB.js";
 import "../../../chunk-UCJUC5AZ.js";
 import "../../../chunk-ZQSD74IJ.js";

package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs

@@ -529,6 +529,9 @@ function mergeObjectArrays(arr1, arr2) {
   );
 }
 
+// src/utils/index.ts
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
+
 // src/utils.ts
 function findDocumentRoot(element) {
   if (typeof window === "undefined" || typeof document === "undefined") {
@@ -554,7 +557,7 @@ function findDocumentRoot(element) {
 
 // src/hooks/useTableLayout.ts
 var import_react5 = require("react");
-var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
+var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
@@ -1130,15 +1133,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
       resizeObserver.observe(elementRef.current);
     }
     window.addEventListener("scroll", updatePosition);
+    const hideMenuWhenParentIsScrolled = () => {
+      var _a;
+      (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
+    };
+    const scrollableAncestors = getScrollableAncestors(elementRef.current);
+    scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
     window.addEventListener("resize", updatePosition);
     return () => {
       resizeObserver.disconnect();
       window.removeEventListener("scroll", updatePosition);
+      scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
       window.removeEventListener("resize", updatePosition);
     };
   }, [elementRef, updatePosition]);
   return { menuPosition, updatePosition };
 }
+function getScrollableAncestors(element) {
+  if (!element) {
+    return [];
+  }
+  const scrollables = [];
+  let parent = element.parentElement;
+  while (parent) {
+    const overflowY = window.getComputedStyle(parent).overflowY;
+    if (overflowY === "auto" || overflowY === "scroll") {
+      scrollables.push(parent);
+    }
+    parent = parent.parentElement;
+  }
+  return scrollables;
+}
 
 // src/components/Menu.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");

package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js

@@ -1,11 +1,11 @@
 import {
   ColumnSelectorHeaderCell
-} from "../../../chunk-BYRLHNBP.js";
-import "../../../chunk-UKSV4UHI.js";
+} from "../../../chunk-GTPSPGSJ.js";
+import "../../../chunk-OEMLNGE2.js";
 import "../../../chunk-IT4VFU6T.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-DNUBM26R.js";
-import "../../../chunk-I363QX6Y.js";
+import "../../../chunk-IG2YUDHI.js";
+import "../../../chunk-DYBJUTGK.js";
 import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
@@ -27,7 +27,7 @@ import "../../../chunk-7BVUTFZ5.js";
 import "../../../chunk-ETAEB3TA.js";
 import "../../../chunk-HVNHTM3P.js";
 import "../../../chunk-GRGDX7JC.js";
-import "../../../chunk-KCUB3UWA.js";
+import "../../../chunk-NIWXVOBW.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-G7KIKHER.js";
 import "../../../chunk-AG43RS4Q.js";
@@ -40,18 +40,18 @@ import "../../../chunk-H2KC5XUY.js";
 import "../../../chunk-QVWYTQKL.js";
 import "../../../chunk-75USUR3I.js";
 import "../../../chunk-WEAVZEE4.js";
-import "../../../chunk-W53FKPJD.js";
-import "../../../chunk-WX62IDZ5.js";
-import "../../../chunk-22VBZWJG.js";
-import "../../../chunk-NVOZAVEX.js";
-import "../../../chunk-SOZRGIQW.js";
+import "../../../chunk-OZBB6RFM.js";
+import "../../../chunk-BFFNSUNS.js";
+import "../../../chunk-TCMOGTPB.js";
+import "../../../chunk-DVU5XV7L.js";
+import "../../../chunk-IPAKWF2V.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-RQRR4FEF.js";
 import "../../../chunk-44TH3VC7.js";
 import "../../../chunk-AL5QIRY3.js";
-import "../../../chunk-MYKYZHEO.js";
+import "../../../chunk-URYQ24NF.js";
 import "../../../chunk-VXWSAIB5.js";
-import "../../../chunk-TYTD4FLW.js";
+import "../../../chunk-R3EQIDBX.js";
 import "../../../chunk-5UH6QUFB.js";
 import "../../../chunk-UCJUC5AZ.js";
 import "../../../chunk-ZQSD74IJ.js";

package/dist/components/DataGrid/PinnedColumns.cjs

@@ -529,6 +529,9 @@ function mergeObjectArrays(arr1, arr2) {
   );
 }
 
+// src/utils/index.ts
+var LocalStoragePrefixVersion = `dmsi-acc-v1.1`;
+
 // src/utils.ts
 function findDocumentRoot(element) {
   if (typeof window === "undefined" || typeof document === "undefined") {
@@ -554,7 +557,7 @@ function findDocumentRoot(element) {
 
 // src/hooks/useTableLayout.ts
 var import_react5 = require("react");
-var LocalStoragePrefix = `dmsi-acc-v1-tableLayout`;
+var LocalStoragePrefix = `${LocalStoragePrefixVersion}-tableLayout`;
 var getLocalStorageKeyWithPrefix = (key) => `${LocalStoragePrefix}__${key}`;
 function useTableLayout(initialColumns, key) {
   const [columns, setColumns] = (0, import_react5.useState)(initialColumns);
@@ -1130,15 +1133,37 @@ function useMenuPosition(elementRef, position = "bottom", options) {
       resizeObserver.observe(elementRef.current);
     }
     window.addEventListener("scroll", updatePosition);
+    const hideMenuWhenParentIsScrolled = () => {
+      var _a;
+      (_a = options == null ? void 0 : options.setIsOpen) == null ? void 0 : _a.call(options, false);
+    };
+    const scrollableAncestors = getScrollableAncestors(elementRef.current);
+    scrollableAncestors.forEach((ancestor) => ancestor.addEventListener("scroll", hideMenuWhenParentIsScrolled));
     window.addEventListener("resize", updatePosition);
     return () => {
       resizeObserver.disconnect();
       window.removeEventListener("scroll", updatePosition);
+      scrollableAncestors.forEach((ancestor) => ancestor.removeEventListener("scroll", hideMenuWhenParentIsScrolled));
       window.removeEventListener("resize", updatePosition);
     };
   }, [elementRef, updatePosition]);
   return { menuPosition, updatePosition };
 }
+function getScrollableAncestors(element) {
+  if (!element) {
+    return [];
+  }
+  const scrollables = [];
+  let parent = element.parentElement;
+  while (parent) {
+    const overflowY = window.getComputedStyle(parent).overflowY;
+    if (overflowY === "auto" || overflowY === "scroll") {
+      scrollables.push(parent);
+    }
+    parent = parent.parentElement;
+  }
+  return scrollables;
+}
 
 // src/components/Menu.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");