@dmsi/wedgekit-react 0.0.250 → 0.0.251

package/dist/components/Modal.js

@@ -1,21 +1,21 @@
 "use client";
 import {
   Modal
-} from "../chunk-MQXOQL3T.js";
+} from "../chunk-FQRSSPFV.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-OGMN5SHL.js";
+import "../chunk-XM7IQHBU.js";
 import "../chunk-FRHPFACM.js";
-import "../chunk-VR7X3NMG.js";
+import "../chunk-6CPGOW6J.js";
 import "../chunk-ZFOANBWG.js";
-import "../chunk-KEDK5EWD.js";
-import "../chunk-ZU2K7BD3.js";
+import "../chunk-EU73QPW7.js";
+import "../chunk-HIVPC3T4.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-T3F37S6Z.js";
+import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-UAPWR2KE.js";
-import "../chunk-KNP4LUFA.js";
+import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 export {
   Modal
 };

package/dist/components/ModalButtons.js

@@ -1,10 +1,10 @@
 import {
   ModalButtons
-} from "../chunk-OGMN5SHL.js";
-import "../chunk-UAPWR2KE.js";
-import "../chunk-KNP4LUFA.js";
+} from "../chunk-XM7IQHBU.js";
+import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 export {
   ModalButtons
 };

package/dist/components/ModalContent.js

@@ -2,7 +2,7 @@ import {
   ModalContent
 } from "../chunk-FRHPFACM.js";
 import "../chunk-6CTCHYIS.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 export {
   ModalContent
 };

package/dist/components/ModalHeader.js

@@ -1,11 +1,11 @@
 import {
   ModalHeader
-} from "../chunk-VR7X3NMG.js";
-import "../chunk-KEDK5EWD.js";
-import "../chunk-UAPWR2KE.js";
-import "../chunk-KNP4LUFA.js";
+} from "../chunk-6CPGOW6J.js";
+import "../chunk-EU73QPW7.js";
+import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 export {
   ModalHeader
 };

package/dist/components/ModalScrim.js

@@ -1,7 +1,7 @@
 import {
   ModalScrim
 } from "../chunk-ZFOANBWG.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 export {
   ModalScrim
 };

package/dist/components/NavigationTab.js

@@ -1,10 +1,10 @@
 import {
   NavigationTab
-} from "../chunk-3FOAGRIY.js";
-import "../chunk-UAPWR2KE.js";
-import "../chunk-KNP4LUFA.js";
+} from "../chunk-FHQL42YP.js";
+import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 export {
   NavigationTab
 };

package/dist/components/NavigationTabs.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   NavigationTab
-} from "../chunk-3FOAGRIY.js";
-import "../chunk-UAPWR2KE.js";
-import "../chunk-KNP4LUFA.js";
+} from "../chunk-FHQL42YP.js";
+import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import {
   componentGap
 } from "../chunk-6CTCHYIS.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 
 // src/components/NavigationTabs.tsx
 import clsx from "clsx";

package/dist/components/NestedMenu.js

@@ -1,22 +1,22 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-RJBKI53P.js";
+} from "../chunk-FLVYV4T4.js";
 import {
   useKeydown
-} from "../chunk-ZU2K7BD3.js";
+} from "../chunk-HIVPC3T4.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-T3F37S6Z.js";
+import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-VP7HJX24.js";
-import "../chunk-7KLALK3J.js";
+import "../chunk-7CS736EF.js";
+import "../chunk-OGIFIPKH.js";
 import {
   Icon
-} from "../chunk-UAPWR2KE.js";
+} from "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __spreadValues
-} from "../chunk-BBZEL7EG.js";
+} from "../chunk-ORMEWXMH.js";
 
 // src/components/NestedMenu.tsx
 import { useState } from "react";

package/dist/components/Notification.js

@@ -1,25 +1,25 @@
 "use client";
 import {
   Heading3
-} from "../chunk-KEDK5EWD.js";
+} from "../chunk-EU73QPW7.js";
 import {
   Stack
-} from "../chunk-QA3KMRA6.js";
+} from "../chunk-NQXZBWDZ.js";
 import {
   Paragraph
-} from "../chunk-7KLALK3J.js";
+} from "../chunk-OGIFIPKH.js";
 import {
   Icon
-} from "../chunk-UAPWR2KE.js";
+} from "../chunk-NKUETCDA.js";
 import {
   Button
-} from "../chunk-KNP4LUFA.js";
+} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../chunk-BBZEL7EG.js";
+} from "../chunk-ORMEWXMH.js";
 
 // src/components/Notification.tsx
 import clsx from "clsx";

package/dist/components/OptionPill.js

@@ -1,11 +1,11 @@
 import {
   OptionPill
-} from "../chunk-UVG2TKTG.js";
-import "../chunk-VP7HJX24.js";
-import "../chunk-UAPWR2KE.js";
-import "../chunk-KNP4LUFA.js";
+} from "../chunk-KKESN5SF.js";
+import "../chunk-7CS736EF.js";
+import "../chunk-NKUETCDA.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 export {
   OptionPill
 };

package/dist/components/PDFViewer.cjs

@@ -56,26 +56,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 
 // src/components/PDFViewer.tsx
 var PDFViewer_exports = {};
@@ -1310,7 +1290,7 @@ function PDFViewer(props) {
         }
       ),
       className: "!max-w-fit",
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Stack, { sizing: "layout", items: "center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PDFElement, { testid, b64: encodedPdfs[currentIndex].base64 }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PDFElement, { testid, b64: encodedPdfs[currentIndex].base64 })
     }
   );
 }
@@ -1331,48 +1311,44 @@ function DownloadIcon({
   );
 }
 function PDFElement({ b64, testid }) {
+  var _a;
   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)({
     file: `data:application/pdf;base64,${b64}`,
     workerSrc: "/scripts/pdf.worker.min.mjs",
-    page: 1,
     canvasRef,
-    scale: 1.1,
-    onDocumentLoadSuccess: (pdf) => __async(null, null, function* () {
-      if (pdf.numPages === 1) return;
-      const pages2 = yield renderPages(pdf, testid || "pdf-viewer");
-      setPages(pages2);
-    })
+    scale: 1.1
   });
+  const pagesArr = new Array((_a = pdfDocument == null ? void 0 : pdfDocument.numPages) != null ? _a : 1).fill(null);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
-      className: "flex flex-col space-y-4 ",
+      className: "flex flex-col space-y-4",
       style: {
         minHeight: 871,
         minWidth: 654
       },
-      children: !!pdfDocument && !!b64 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { sizing: "layout-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex justify-center border border-border-primary-normal", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "canvas",
-          {
-            "data-testid": testid ? `${testid}-pdf-content` : void 0,
-            ref: canvasRef
-          }
-        ) }),
-        pages.map((page, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "div",
-          {
-            className: "flex justify-center border border-border-primary-normal",
-            children: page
-          },
-          `${testid}-pdf-page-${index}`
-        ))
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      children: !!pdfDocument && !!b64 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Stack, { sizing: "layout-group", children: pagesArr.length > 1 ? pagesArr.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "div",
+        {
+          className: "flex justify-center border border-border-primary-normal",
+          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            PdfPage,
+            {
+              testid: testid ? `${testid}-pdf_page_${i + 1}` : void 0,
+              file: `data:application/pdf;base64,${b64}`,
+              pageNumber: i + 1
+            }
+          )
+        },
+        `${testid}-pdf-page-${i + 1}`
+      )) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex justify-center border border-border-primary-normal", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "canvas",
+        {
+          "data-testid": testid ? `${testid}-pdf-content` : void 0,
+          ref: canvasRef
+        }
+      ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         Stack,
         {
           justify: "center",
@@ -1441,35 +1417,19 @@ function PdfNavigation({
     }
   ) });
 }
-function renderPages(pdf, testid) {
-  const pagesPromises = Array.from(
-    // Skip the first page as it is already rendered
-    { length: pdf.numPages - 1 },
-    (_, i) => __async(null, null, function* () {
-      const page = yield pdf.getPage(i + 2);
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "canvas",
-        {
-          ref: (el) => {
-            if (el) {
-              const ctx = el.getContext("2d");
-              el.width = page.getViewport({ scale: 1.1 }).width;
-              el.height = page.getViewport({ scale: 1.1 }).height;
-              if (ctx) {
-                page.render({
-                  canvasContext: ctx,
-                  canvas: el,
-                  viewport: page.getViewport({ scale: 1.1 })
-                });
-              }
-            }
-          }
-        },
-        `${testid}-pdf_page_${page.pageNumber}`
-      );
-    })
-  );
-  return Promise.all(pagesPromises);
+function PdfPage({
+  file,
+  pageNumber,
+  testid
+}) {
+  const canvasRef = (0, import_react7.useRef)(null);
+  const { pdfDocument } = (0, import_react_pdf.usePdf)({
+    file,
+    page: pageNumber,
+    canvasRef
+  });
+  if (!pdfDocument) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("canvas", { ref: canvasRef, "data-testid": testid });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/PDFViewer.js

@@ -1,42 +1,40 @@
 "use client";
 import {
   Modal
-} from "../chunk-MQXOQL3T.js";
+} from "../chunk-FQRSSPFV.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-OGMN5SHL.js";
+import "../chunk-XM7IQHBU.js";
 import "../chunk-FRHPFACM.js";
-import "../chunk-VR7X3NMG.js";
+import "../chunk-6CPGOW6J.js";
 import "../chunk-ZFOANBWG.js";
 import {
   Spinner
 } from "../chunk-PLMGI5K5.js";
 import {
   Heading3
-} from "../chunk-KEDK5EWD.js";
-import "../chunk-ZU2K7BD3.js";
+} from "../chunk-EU73QPW7.js";
+import "../chunk-HIVPC3T4.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-T3F37S6Z.js";
+import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
 import {
   Stack
-} from "../chunk-QA3KMRA6.js";
+} from "../chunk-NQXZBWDZ.js";
 import {
   Paragraph
-} from "../chunk-7KLALK3J.js";
+} from "../chunk-OGIFIPKH.js";
 import {
   Icon
-} from "../chunk-UAPWR2KE.js";
+} from "../chunk-NKUETCDA.js";
 import {
   Button
-} from "../chunk-KNP4LUFA.js";
+} from "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
-import {
-  __async
-} from "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 
 // src/components/PDFViewer.tsx
 import { usePdf } from "@mikecousins/react-pdf";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function PDFViewer(props) {
   const { isOpen, onClose, encodedPdfs, customActions, testid } = props;
@@ -106,7 +104,7 @@ function PDFViewer(props) {
         }
       ),
       className: "!max-w-fit",
-      children: /* @__PURE__ */ jsx(Stack, { sizing: "layout", items: "center", children: /* @__PURE__ */ jsx(PDFElement, { testid, b64: encodedPdfs[currentIndex].base64 }) })
+      children: /* @__PURE__ */ jsx(PDFElement, { testid, b64: encodedPdfs[currentIndex].base64 })
     }
   );
 }
@@ -127,48 +125,44 @@ function DownloadIcon({
   );
 }
 function PDFElement({ b64, testid }) {
+  var _a;
   const canvasRef = useRef(null);
-  const [pages, setPages] = useState([]);
-  useEffect(() => {
-    setPages([]);
-  }, [b64]);
   const { pdfDocument } = usePdf({
     file: `data:application/pdf;base64,${b64}`,
     workerSrc: "/scripts/pdf.worker.min.mjs",
-    page: 1,
     canvasRef,
-    scale: 1.1,
-    onDocumentLoadSuccess: (pdf) => __async(null, null, function* () {
-      if (pdf.numPages === 1) return;
-      const pages2 = yield renderPages(pdf, testid || "pdf-viewer");
-      setPages(pages2);
-    })
+    scale: 1.1
   });
+  const pagesArr = new Array((_a = pdfDocument == null ? void 0 : pdfDocument.numPages) != null ? _a : 1).fill(null);
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "flex flex-col space-y-4 ",
+      className: "flex flex-col space-y-4",
       style: {
         minHeight: 871,
         minWidth: 654
       },
-      children: !!pdfDocument && !!b64 ? /* @__PURE__ */ jsxs(Stack, { sizing: "layout-group", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex justify-center border border-border-primary-normal", children: /* @__PURE__ */ jsx(
-          "canvas",
-          {
-            "data-testid": testid ? `${testid}-pdf-content` : void 0,
-            ref: canvasRef
-          }
-        ) }),
-        pages.map((page, index) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "flex justify-center border border-border-primary-normal",
-            children: page
-          },
-          `${testid}-pdf-page-${index}`
-        ))
-      ] }) : /* @__PURE__ */ jsx(
+      children: !!pdfDocument && !!b64 ? /* @__PURE__ */ jsx(Stack, { sizing: "layout-group", children: pagesArr.length > 1 ? pagesArr.map((_, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex justify-center border border-border-primary-normal",
+          children: /* @__PURE__ */ jsx(
+            PdfPage,
+            {
+              testid: testid ? `${testid}-pdf_page_${i + 1}` : void 0,
+              file: `data:application/pdf;base64,${b64}`,
+              pageNumber: i + 1
+            }
+          )
+        },
+        `${testid}-pdf-page-${i + 1}`
+      )) : /* @__PURE__ */ jsx("div", { className: "flex justify-center border border-border-primary-normal", children: /* @__PURE__ */ jsx(
+        "canvas",
+        {
+          "data-testid": testid ? `${testid}-pdf-content` : void 0,
+          ref: canvasRef
+        }
+      ) }) }) : /* @__PURE__ */ jsx(
         Stack,
         {
           justify: "center",
@@ -237,35 +231,19 @@ function PdfNavigation({
     }
   ) });
 }
-function renderPages(pdf, testid) {
-  const pagesPromises = Array.from(
-    // Skip the first page as it is already rendered
-    { length: pdf.numPages - 1 },
-    (_, i) => __async(null, null, function* () {
-      const page = yield pdf.getPage(i + 2);
-      return /* @__PURE__ */ jsx(
-        "canvas",
-        {
-          ref: (el) => {
-            if (el) {
-              const ctx = el.getContext("2d");
-              el.width = page.getViewport({ scale: 1.1 }).width;
-              el.height = page.getViewport({ scale: 1.1 }).height;
-              if (ctx) {
-                page.render({
-                  canvasContext: ctx,
-                  canvas: el,
-                  viewport: page.getViewport({ scale: 1.1 })
-                });
-              }
-            }
-          }
-        },
-        `${testid}-pdf_page_${page.pageNumber}`
-      );
-    })
-  );
-  return Promise.all(pagesPromises);
+function PdfPage({
+  file,
+  pageNumber,
+  testid
+}) {
+  const canvasRef = useRef(null);
+  const { pdfDocument } = usePdf({
+    file,
+    page: pageNumber,
+    canvasRef
+  });
+  if (!pdfDocument) return null;
+  return /* @__PURE__ */ jsx("canvas", { ref: canvasRef, "data-testid": testid });
 }
 export {
   PDFViewer

package/dist/components/Paragraph.js

@@ -1,8 +1,8 @@
 import {
   Paragraph
-} from "../chunk-7KLALK3J.js";
+} from "../chunk-OGIFIPKH.js";
 import "../chunk-6CTCHYIS.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 export {
   Paragraph
 };

package/dist/components/Password.js

@@ -1,18 +1,18 @@
 "use client";
 import {
   InputBase
-} from "../chunk-YCKRRAJA.js";
+} from "../chunk-5NIAGAA7.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-VP7HJX24.js";
+import "../chunk-7CS736EF.js";
 import {
   Icon
-} from "../chunk-UAPWR2KE.js";
+} from "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "../chunk-BBZEL7EG.js";
+} from "../chunk-ORMEWXMH.js";
 
 // src/components/Password.tsx
 import { useState } from "react";

package/dist/components/ProjectBar.js

@@ -1,8 +1,8 @@
 import {
   useMatchesMobile
-} from "../chunk-ZU2K7BD3.js";
+} from "../chunk-HIVPC3T4.js";
 import "../chunk-VXWSAIB5.js";
-import "../chunk-T3F37S6Z.js";
+import "../chunk-TYTD4FLW.js";
 import "../chunk-5UH6QUFB.js";
 import {
   containerPaddingX,
@@ -12,7 +12,7 @@ import {
 } from "../chunk-6CTCHYIS.js";
 import {
   __spreadValues
-} from "../chunk-BBZEL7EG.js";
+} from "../chunk-ORMEWXMH.js";
 
 // src/components/ProjectBar.tsx
 import clsx from "clsx";

package/dist/components/Radio.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Paragraph
-} from "../chunk-7KLALK3J.js";
+} from "../chunk-OGIFIPKH.js";
 import {
   baseTransition,
   componentGap
@@ -9,7 +9,7 @@ import {
 import {
   __objRest,
   __spreadValues
-} from "../chunk-BBZEL7EG.js";
+} from "../chunk-ORMEWXMH.js";
 
 // src/components/Radio.tsx
 import clsx from "clsx";

package/dist/components/Search.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   Search
-} from "../chunk-OP5XCT3L.js";
-import "../chunk-YCKRRAJA.js";
+} from "../chunk-7PWT532Y.js";
+import "../chunk-5NIAGAA7.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-VP7HJX24.js";
-import "../chunk-UAPWR2KE.js";
+import "../chunk-7CS736EF.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 export {
   Search
 };

package/dist/components/Select.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   Select
-} from "../chunk-6ZYTR6DU.js";
-import "../chunk-YCKRRAJA.js";
+} from "../chunk-SYN5FFHV.js";
+import "../chunk-5NIAGAA7.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-VP7HJX24.js";
-import "../chunk-UAPWR2KE.js";
+import "../chunk-7CS736EF.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";
-import "../chunk-BBZEL7EG.js";
+import "../chunk-ORMEWXMH.js";
 export {
   Select
 };