@dmsi/wedgekit-react 0.0.207 → 0.0.209

package/dist/components/DataGridCell.js

@@ -4,12 +4,13 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-RXPS5GVE.js";
-import "../chunk-2JRZCC2K.js";
-import "../chunk-WE55TGZZ.js";
-import "../chunk-WXHRJSDG.js";
-import "../chunk-WNQ53SVY.js";
-import "../chunk-6LN6QT6M.js";
+} from "../chunk-Q3TNALWH.js";
+import "../chunk-JITZWSPR.js";
+import "../chunk-NIHZMIOL.js";
+import "../chunk-ERW3AMED.js";
+import "../chunk-E6Y7ZHQX.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-T3F37S6Z.js";
 import "../chunk-2WRRRPEB.js";
 import "../chunk-7W4I2NK3.js";
 import "../chunk-5UH6QUFB.js";

package/dist/components/DateInput.cjs

@@ -1019,29 +1019,6 @@ function CalendarRange({
   );
 }
 
-// src/utils.ts
-function findDocumentRoot(element) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    throw new Error(
-      "findDocumentRoot can only be used in a browser environment."
-    );
-  }
-  if (!element || !(element instanceof Node)) {
-    return window.document.body;
-  }
-  let currentElement = element;
-  while (currentElement && currentElement.parentNode) {
-    if (currentElement.parentNode === document) {
-      return document.body;
-    } else if (currentElement.parentNode instanceof DocumentFragment) {
-      return currentElement.parentNode;
-    } else {
-      currentElement = currentElement.parentNode;
-    }
-  }
-  return window.document.body;
-}
-
 // src/utils/date.ts
 function parseInputDate(input) {
   const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
@@ -1160,6 +1137,29 @@ function formatDate(date) {
   }
 }
 
+// src/utils.ts
+function findDocumentRoot(element) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    throw new Error(
+      "findDocumentRoot can only be used in a browser environment."
+    );
+  }
+  if (!element || !(element instanceof Node)) {
+    return window.document.body;
+  }
+  let currentElement = element;
+  while (currentElement && currentElement.parentNode) {
+    if (currentElement.parentNode === document) {
+      return document.body;
+    } else if (currentElement.parentNode instanceof DocumentFragment) {
+      return currentElement.parentNode;
+    } else {
+      currentElement = currentElement.parentNode;
+    }
+  }
+  return window.document.body;
+}
+
 // src/components/DateInput.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var DateInput = (_a) => {

package/dist/components/DateInput.js

@@ -1,13 +1,13 @@
+import {
+  findDocumentRoot
+} from "../chunk-VXWSAIB5.js";
 import {
   calculateCursorPosition,
   formatDate,
   formatInputValue,
   isValidDate,
   parseInputDate
-} from "../chunk-M3433XEJ.js";
-import {
-  findDocumentRoot
-} from "../chunk-6LN6QT6M.js";
+} from "../chunk-T3F37S6Z.js";
 import {
   InputBase
 } from "../chunk-7W4I2NK3.js";

package/dist/components/DateRangeInput.cjs

@@ -1019,29 +1019,6 @@ function CalendarRange({
   );
 }
 
-// src/utils.ts
-function findDocumentRoot(element) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    throw new Error(
-      "findDocumentRoot can only be used in a browser environment."
-    );
-  }
-  if (!element || !(element instanceof Node)) {
-    return window.document.body;
-  }
-  let currentElement = element;
-  while (currentElement && currentElement.parentNode) {
-    if (currentElement.parentNode === document) {
-      return document.body;
-    } else if (currentElement.parentNode instanceof DocumentFragment) {
-      return currentElement.parentNode;
-    } else {
-      currentElement = currentElement.parentNode;
-    }
-  }
-  return window.document.body;
-}
-
 // src/utils/date.ts
 function parseInputDate(input) {
   const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
@@ -1168,6 +1145,29 @@ function isValidDateRangeOrder(fromDate, toDate) {
   return to >= from;
 }
 
+// src/utils.ts
+function findDocumentRoot(element) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    throw new Error(
+      "findDocumentRoot can only be used in a browser environment."
+    );
+  }
+  if (!element || !(element instanceof Node)) {
+    return window.document.body;
+  }
+  let currentElement = element;
+  while (currentElement && currentElement.parentNode) {
+    if (currentElement.parentNode === document) {
+      return document.body;
+    } else if (currentElement.parentNode instanceof DocumentFragment) {
+      return currentElement.parentNode;
+    } else {
+      currentElement = currentElement.parentNode;
+    }
+  }
+  return window.document.body;
+}
+
 // src/components/DateRangeInput.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var DateRangeInput = (_a) => {

package/dist/components/DateRangeInput.js

@@ -1,3 +1,6 @@
+import {
+  findDocumentRoot
+} from "../chunk-VXWSAIB5.js";
 import {
   calculateCursorPosition,
   formatDate,
@@ -5,10 +8,7 @@ import {
   isValidDate,
   isValidDateRangeOrder,
   parseInputDate
-} from "../chunk-M3433XEJ.js";
-import {
-  findDocumentRoot
-} from "../chunk-6LN6QT6M.js";
+} from "../chunk-T3F37S6Z.js";
 import {
   InputBase
 } from "../chunk-7W4I2NK3.js";

package/dist/components/Menu.cjs

@@ -64,11 +64,11 @@ __export(Menu_exports, {
 });
 module.exports = __toCommonJS(Menu_exports);
 var import_clsx = __toESM(require("clsx"), 1);
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/components/useMenuSystem.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/hooks/useKeydown.ts
 var import_react = require("react");
@@ -91,15 +91,41 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/utils.ts
+function findDocumentRoot(element) {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    throw new Error(
+      "findDocumentRoot can only be used in a browser environment."
+    );
+  }
+  if (!element || !(element instanceof Node)) {
+    return window.document.body;
+  }
+  let currentElement = element;
+  while (currentElement && currentElement.parentNode) {
+    if (currentElement.parentNode === document) {
+      return document.body;
+    } else if (currentElement.parentNode instanceof DocumentFragment) {
+      return currentElement.parentNode;
+    } else {
+      currentElement = currentElement.parentNode;
+    }
+  }
+  return window.document.body;
+}
+
+// src/hooks/useTableLayout.ts
+var import_react4 = require("react");
+
 // src/components/useMenuSystem.tsx
 function useMenuPosition(elementRef, position = "bottom", options) {
-  const [menuPosition, setMenuPosition] = (0, import_react4.useState)({
+  const [menuPosition, setMenuPosition] = (0, import_react5.useState)({
     top: 0,
     left: 0,
     minWidth: 0
   });
   const isMobile = options == null ? void 0 : options.isMobile;
-  const updatePosition = (0, import_react4.useCallback)(() => {
+  const updatePosition = (0, import_react5.useCallback)(() => {
     var _a, _b, _c;
     if (!(elementRef == null ? void 0 : elementRef.current)) return;
     const triggerRect = elementRef.current.getBoundingClientRect();
@@ -147,7 +173,7 @@ function useMenuPosition(elementRef, position = "bottom", options) {
       minWidth: triggerRect.width
     });
   }, [elementRef, position, options == null ? void 0 : options.menuRef, options == null ? void 0 : options.topOffset, isMobile]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!(options == null ? void 0 : options.isOpen) || !(options == null ? void 0 : options.setIsOpen)) return;
     const handleClickOutside = (event) => {
       var _a, _b, _c, _d, _e;
@@ -173,7 +199,7 @@ function useMenuPosition(elementRef, position = "bottom", options) {
     options == null ? void 0 : options.menuRef,
     options == null ? void 0 : options.additionalRefs
   ]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     updatePosition();
     const resizeObserver = new ResizeObserver(updatePosition);
     if (elementRef == null ? void 0 : elementRef.current) {
@@ -190,29 +216,6 @@ function useMenuPosition(elementRef, position = "bottom", options) {
   return { menuPosition, updatePosition };
 }
 
-// src/utils.ts
-function findDocumentRoot(element) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    throw new Error(
-      "findDocumentRoot can only be used in a browser environment."
-    );
-  }
-  if (!element || !(element instanceof Node)) {
-    return window.document.body;
-  }
-  let currentElement = element;
-  while (currentElement && currentElement.parentNode) {
-    if (currentElement.parentNode === document) {
-      return document.body;
-    } else if (currentElement.parentNode instanceof DocumentFragment) {
-      return currentElement.parentNode;
-    } else {
-      currentElement = currentElement.parentNode;
-    }
-  }
-  return window.document.body;
-}
-
 // src/components/Menu.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var Menu = (_a) => {
@@ -255,9 +258,9 @@ var Menu = (_a) => {
     "menuName",
     "calculateMinMaxHeight"
   ]);
-  const internalRef = (0, import_react5.useRef)(null);
+  const internalRef = (0, import_react6.useRef)(null);
   const actualRef = ref || internalRef;
-  const [maxHeight, setMaxHeight] = (0, import_react5.useState)("180px");
+  const [maxHeight, setMaxHeight] = (0, import_react6.useState)("180px");
   const isMobile = useMatchesMobile();
   const { menuPosition, updatePosition } = useMenuPosition(
     isMobile && mobilePositionTo ? mobilePositionTo : positionTo,
@@ -270,7 +273,7 @@ var Menu = (_a) => {
       isMobile: !!(isMobile && mobilePositionTo)
     }
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (calculateMinMaxHeight) {
       return;
     }
@@ -294,7 +297,7 @@ var Menu = (_a) => {
       cancelAnimationFrame(raf);
     };
   }, [actualRef.current, customMaxHeight, calculateMinMaxHeight]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!calculateMinMaxHeight) {
       return;
     }
@@ -305,14 +308,14 @@ var Menu = (_a) => {
       setMaxHeight(`${calculatedMaxHeight}px`);
     }
   }, [actualRef.current, positionTo == null ? void 0 : positionTo.current, calculateMinMaxHeight]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!show) {
       return;
     }
     initializeMenuFocus();
     updatePosition();
   }, [show, updatePosition]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!show || !setShow) {
       return;
     }

package/dist/components/Menu.js

@@ -1,10 +1,12 @@
 "use client";
 import {
   Menu
-} from "../chunk-2JRZCC2K.js";
-import "../chunk-WE55TGZZ.js";
-import "../chunk-WNQ53SVY.js";
-import "../chunk-6LN6QT6M.js";
+} from "../chunk-JITZWSPR.js";
+import "../chunk-NIHZMIOL.js";
+import "../chunk-E6Y7ZHQX.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-T3F37S6Z.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-BBZEL7EG.js";
 export {
   Menu

package/dist/components/MenuOption.cjs

@@ -64,7 +64,7 @@ __export(MenuOption_exports, {
 });
 module.exports = __toCommonJS(MenuOption_exports);
 var import_clsx5 = __toESM(require("clsx"), 1);
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/classNames.ts
 var import_clsx = __toESM(require("clsx"), 1);
@@ -345,6 +345,9 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/hooks/useTableLayout.ts
+var import_react4 = require("react");
+
 // src/components/MenuOption.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var MenuOption = ({
@@ -373,10 +376,10 @@ var MenuOption = ({
   menuValue,
   onMouseMove
 }) => {
-  const uniqueId = (0, import_react4.useId)();
-  const internalRef = (0, import_react4.useRef)(null);
+  const uniqueId = (0, import_react5.useId)();
+  const internalRef = (0, import_react5.useRef)(null);
   const actualRef = ref || internalRef;
-  const menuId = (0, import_react4.useRef)(`menu-${uniqueId}`);
+  const menuId = (0, import_react5.useRef)(`menu-${uniqueId}`);
   const isMobile = useMatchesMobile();
   const handleMouseEnter = () => {
     if (subMenu && onSubMenuHover && !disabled) {

package/dist/components/MenuOption.js

@@ -1,8 +1,11 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-WXHRJSDG.js";
-import "../chunk-WNQ53SVY.js";
+} from "../chunk-ERW3AMED.js";
+import "../chunk-E6Y7ZHQX.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-T3F37S6Z.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import "../chunk-CJELWEO2.js";
 import "../chunk-UAPWR2KE.js";

package/dist/components/Modal.cjs

@@ -64,7 +64,7 @@ __export(Modal_exports, {
 });
 module.exports = __toCommonJS(Modal_exports);
 var import_clsx9 = __toESM(require("clsx"), 1);
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/components/Heading.tsx
 var import_clsx2 = __toESM(require("clsx"), 1);
@@ -633,11 +633,14 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
-// src/components/useMounted.tsx
+// src/hooks/useTableLayout.ts
 var import_react4 = require("react");
+
+// src/components/useMounted.tsx
+var import_react5 = require("react");
 var useMounted = () => {
-  const [isMounted, setIsMounted] = (0, import_react4.useState)(false);
-  (0, import_react4.useEffect)(() => {
+  const [isMounted, setIsMounted] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
@@ -723,12 +726,12 @@ var Modal = ({
 }) => {
   var _a;
   const mounted = useMounted();
-  const modalRef = (0, import_react5.useRef)(null);
-  const bgRef = (0, import_react5.useRef)(null);
+  const modalRef = (0, import_react6.useRef)(null);
+  const bgRef = (0, import_react6.useRef)(null);
   const wasOpen = (0, import_react_use.usePrevious)(open);
   const isMobile = useMatchesMobile();
   const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!mounted) return;
     if (!modalRef.current || !bgRef.current) {
       console.error("Modal or background reference is not set.");
@@ -748,7 +751,7 @@ var Modal = ({
       bgFadeIn(bgRef.current);
     }
   }, [mounted, onClose, open, wasOpen]);
-  const handleKeyDown = (0, import_react5.useCallback)(
+  const handleKeyDown = (0, import_react6.useCallback)(
     (e) => {
       if (e.key === "Escape") {
         if (onClose) {
@@ -759,12 +762,12 @@ var Modal = ({
     },
     [onClose]
   );
-  const handleClose = (0, import_react5.useCallback)(() => {
+  const handleClose = (0, import_react6.useCallback)(() => {
     if (onClose) {
       onClose();
     }
   }, [onClose]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (open) {
       document.addEventListener("keyup", handleKeyDown);
     }
@@ -772,7 +775,7 @@ var Modal = ({
       document.removeEventListener("keyup", handleKeyDown);
     };
   }, [open, handleKeyDown]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!open) return;
     const scrollY = window.scrollY;
     const body = document.body;
@@ -793,7 +796,7 @@ var Modal = ({
     };
   }, [open]);
   const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
-  const backgroundClickHandler = (0, import_react5.useCallback)(
+  const backgroundClickHandler = (0, import_react6.useCallback)(
     (e) => {
       const target = e.target;
       const currentTarget = e.currentTarget;

package/dist/components/Modal.js

@@ -1,15 +1,17 @@
 "use client";
 import {
   Modal
-} from "../chunk-2B5T4NCT.js";
+} from "../chunk-UKSJPFN2.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-47KTDBGA.js";
 import "../chunk-SYEJVSE4.js";
 import "../chunk-A5ROZWIH.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-REOLWEZG.js";
-import "../chunk-WNQ53SVY.js";
-import "../chunk-6LN6QT6M.js";
+import "../chunk-E6Y7ZHQX.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-T3F37S6Z.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-SK742QNF.js";
 import "../chunk-UAPWR2KE.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/NestedMenu.cjs

@@ -63,7 +63,7 @@ __export(NestedMenu_exports, {
   NestedMenu: () => NestedMenu
 });
 module.exports = __toCommonJS(NestedMenu_exports);
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/components/Icon.tsx
 var import_clsx = __toESM(require("clsx"), 1);
@@ -102,7 +102,7 @@ function Icon(_a) {
 
 // src/components/MenuOption.tsx
 var import_clsx5 = __toESM(require("clsx"), 1);
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/classNames.ts
 var import_clsx2 = __toESM(require("clsx"), 1);
@@ -374,6 +374,9 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
+// src/hooks/useTableLayout.ts
+var import_react4 = require("react");
+
 // src/components/MenuOption.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var MenuOption = ({
@@ -402,10 +405,10 @@ var MenuOption = ({
   menuValue,
   onMouseMove
 }) => {
-  const uniqueId = (0, import_react4.useId)();
-  const internalRef = (0, import_react4.useRef)(null);
+  const uniqueId = (0, import_react5.useId)();
+  const internalRef = (0, import_react5.useRef)(null);
   const actualRef = ref || internalRef;
-  const menuId = (0, import_react4.useRef)(`menu-${uniqueId}`);
+  const menuId = (0, import_react5.useRef)(`menu-${uniqueId}`);
   const isMobile = useMatchesMobile();
   const handleMouseEnter = () => {
     if (subMenu && onSubMenuHover && !disabled) {
@@ -559,7 +562,7 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 function NestedMenu(props) {
   var _a;
   const { onMenuClick, currentMenu, testid } = props;
-  const [selectedIndex, setSelectedIndex] = (0, import_react5.useState)(0);
+  const [selectedIndex, setSelectedIndex] = (0, import_react6.useState)(0);
   useKeydown(
     {
       Escape: () => {

package/dist/components/NestedMenu.js

@@ -1,10 +1,13 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-WXHRJSDG.js";
+} from "../chunk-ERW3AMED.js";
 import {
   useKeydown
-} from "../chunk-WNQ53SVY.js";
+} from "../chunk-E6Y7ZHQX.js";
+import "../chunk-VXWSAIB5.js";
+import "../chunk-T3F37S6Z.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-CJVTFYI4.js";
 import "../chunk-CJELWEO2.js";
 import {

package/dist/components/PDFViewer.cjs

@@ -84,11 +84,11 @@ __export(PDFViewer_exports, {
 });
 module.exports = __toCommonJS(PDFViewer_exports);
 var import_react_pdf = require("@mikecousins/react-pdf");
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/components/Modal.tsx
 var import_clsx9 = __toESM(require("clsx"), 1);
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/components/Heading.tsx
 var import_clsx2 = __toESM(require("clsx"), 1);
@@ -657,11 +657,14 @@ var useMatchesMedia = (query) => {
 };
 var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
 
-// src/components/useMounted.tsx
+// src/hooks/useTableLayout.ts
 var import_react4 = require("react");
+
+// src/components/useMounted.tsx
+var import_react5 = require("react");
 var useMounted = () => {
-  const [isMounted, setIsMounted] = (0, import_react4.useState)(false);
-  (0, import_react4.useEffect)(() => {
+  const [isMounted, setIsMounted] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
     setIsMounted(true);
     return () => setIsMounted(false);
   }, []);
@@ -747,12 +750,12 @@ var Modal = ({
 }) => {
   var _a;
   const mounted = useMounted();
-  const modalRef = (0, import_react5.useRef)(null);
-  const bgRef = (0, import_react5.useRef)(null);
+  const modalRef = (0, import_react6.useRef)(null);
+  const bgRef = (0, import_react6.useRef)(null);
   const wasOpen = (0, import_react_use.usePrevious)(open);
   const isMobile = useMatchesMobile();
   const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!mounted) return;
     if (!modalRef.current || !bgRef.current) {
       console.error("Modal or background reference is not set.");
@@ -772,7 +775,7 @@ var Modal = ({
       bgFadeIn(bgRef.current);
     }
   }, [mounted, onClose, open, wasOpen]);
-  const handleKeyDown = (0, import_react5.useCallback)(
+  const handleKeyDown = (0, import_react6.useCallback)(
     (e) => {
       if (e.key === "Escape") {
         if (onClose) {
@@ -783,12 +786,12 @@ var Modal = ({
     },
     [onClose]
   );
-  const handleClose = (0, import_react5.useCallback)(() => {
+  const handleClose = (0, import_react6.useCallback)(() => {
     if (onClose) {
       onClose();
     }
   }, [onClose]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (open) {
       document.addEventListener("keyup", handleKeyDown);
     }
@@ -796,7 +799,7 @@ var Modal = ({
       document.removeEventListener("keyup", handleKeyDown);
     };
   }, [open, handleKeyDown]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!open) return;
     const scrollY = window.scrollY;
     const body = document.body;
@@ -817,7 +820,7 @@ var Modal = ({
     };
   }, [open]);
   const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
-  const backgroundClickHandler = (0, import_react5.useCallback)(
+  const backgroundClickHandler = (0, import_react6.useCallback)(
     (e) => {
       const target = e.target;
       const currentTarget = e.currentTarget;
@@ -1236,9 +1239,9 @@ Paragraph.displayName = "Paragraph";
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function PDFViewer(props) {
   const { isOpen, onClose, encodedPdfs, customActions, testid } = props;
-  const [currentIndex, setCurrentIndex] = (0, import_react6.useState)(0);
-  const [isDownloading, setIsDownloading] = (0, import_react6.useState)(false);
-  const handleDownload = (0, import_react6.useCallback)(() => {
+  const [currentIndex, setCurrentIndex] = (0, import_react7.useState)(0);
+  const [isDownloading, setIsDownloading] = (0, import_react7.useState)(false);
+  const handleDownload = (0, import_react7.useCallback)(() => {
     setIsDownloading(true);
     const link = document.createElement("a");
     const currentPdf = encodedPdfs[currentIndex];
@@ -1323,9 +1326,9 @@ function DownloadIcon({
   );
 }
 function PDFElement({ b64, testid }) {
-  const canvasRef = (0, import_react6.useRef)(null);
-  const [pages, setPages] = (0, import_react6.useState)([]);
-  (0, import_react6.useEffect)(() => {
+  const canvasRef = (0, import_react7.useRef)(null);
+  const [pages, setPages] = (0, import_react7.useState)([]);
+  (0, import_react7.useEffect)(() => {
     setPages([]);
   }, [b64]);
   const { pdfDocument } = (0, import_react_pdf.usePdf)({