@dmsi/wedgekit-react 0.0.503 → 0.0.504

package/dist/components/MobileDataGrid/index.js

@@ -1,16 +1,12 @@
 import {
   MobileDataGrid
-} from "../../chunk-C2YTC2CN.js";
+} from "../../chunk-JWVZOEF5.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-ELXVDRWS.js";
 import "../../chunk-3UUCDNX3.js";
 import "../../chunk-FJRYHJUV.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-6XLESQ2U.js";
-import "../../chunk-VOSQMHNF.js";
-import "../../chunk-YJGDVWTH.js";
-import "../../chunk-S5ZJ3Q7P.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
@@ -20,7 +16,6 @@ import "../../chunk-5YNEY3WO.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-UI7P5J5S.js";
-import "../../chunk-56RPZLV7.js";
 import "../../chunk-MDB26F6T.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
@@ -36,7 +31,6 @@ import "../../chunk-CMMQTIVM.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-AKJUBFJK.js";
 import "../../chunk-SUSUNSVZ.js";
-import "../../chunk-SBRRNFOP.js";
 import "../../chunk-Y2GK27RX.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-F6RZ7MUE.js";

package/dist/components/PDFViewer/PDFElement.cjs

@@ -1,5 +1,4 @@
 "use strict";
-"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -63,6 +62,7 @@ __export(PDFElement_exports, {
   PDFElement: () => PDFElement
 });
 module.exports = __toCommonJS(PDFElement_exports);
+var import_react_pdf2 = require("@mikecousins/react-pdf");
 var import_react2 = require("react");
 
 // src/components/Spinner.tsx
@@ -458,17 +458,17 @@ var Stack = (_a) => {
 };
 
 // src/components/PDFViewer/PDFPage.tsx
+var import_react_pdf = require("@mikecousins/react-pdf");
 var import_react = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function PdfPage({
   file,
   pageNumber,
   testid,
-  isMobile,
-  usePDF
+  isMobile
 }) {
   const canvasRef = (0, import_react.useRef)(null);
-  const { pdfDocument } = usePDF({
+  const { pdfDocument } = (0, import_react_pdf.usePdf)({
     file,
     page: pageNumber,
     canvasRef,
@@ -494,35 +494,10 @@ function PDFElement({
   testid,
   isMobile,
   error
-}) {
-  const [pdfHook, setPDFHook] = (0, import_react2.useState)(null);
-  (0, import_react2.useEffect)(() => {
-    import("@mikecousins/react-pdf").then((m) => setPDFHook(m.usePdf));
-  }, []);
-  if (pdfHook === null) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    PDFElementInternal,
-    {
-      b64,
-      testid,
-      isMobile,
-      error,
-      usePDF: pdfHook
-    }
-  );
-}
-function PDFElementInternal({
-  b64,
-  testid,
-  isMobile,
-  error,
-  usePDF
 }) {
   var _a;
   const canvasRef = (0, import_react2.useRef)(null);
-  const { pdfDocument } = usePDF({
+  const { pdfDocument } = (0, import_react_pdf2.usePdf)({
     file: `data:application/pdf;base64,${b64}`,
     workerSrc: "/scripts/pdf.worker.min.mjs",
     scale: isMobile ? 1 : 1.3,
@@ -547,7 +522,6 @@ function PDFElementInternal({
           children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             PdfPage,
             {
-              usePDF,
               testid: testid ? `${testid}-pdf_page_${i + 1}` : void 0,
               file: `data:application/pdf;base64,${b64}`,
               pageNumber: i + 1

package/dist/components/PDFViewer/PDFElement.js

@@ -1,8 +1,7 @@
-"use client";
 import {
   PDFElement
-} from "../../chunk-VOSQMHNF.js";
-import "../../chunk-S5ZJ3Q7P.js";
+} from "../../chunk-U5V2IRZX.js";
+import "../../chunk-VJVY6NPF.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-TPXH53SA.js";
 import "../../chunk-7KWFEH56.js";

package/dist/components/PDFViewer/PDFPage.cjs

@@ -23,17 +23,17 @@ __export(PDFPage_exports, {
   PdfPage: () => PdfPage
 });
 module.exports = __toCommonJS(PDFPage_exports);
+var import_react_pdf = require("@mikecousins/react-pdf");
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function PdfPage({
   file,
   pageNumber,
   testid,
-  isMobile,
-  usePDF
+  isMobile
 }) {
   const canvasRef = (0, import_react.useRef)(null);
-  const { pdfDocument } = usePDF({
+  const { pdfDocument } = (0, import_react_pdf.usePdf)({
     file,
     page: pageNumber,
     canvasRef,

package/dist/components/PDFViewer/PDFPage.js

@@ -1,6 +1,6 @@
 import {
   PdfPage
-} from "../../chunk-S5ZJ3Q7P.js";
+} from "../../chunk-VJVY6NPF.js";
 import "../../chunk-ORMEWXMH.js";
 export {
   PdfPage

package/dist/components/PDFViewer/index.cjs

@@ -915,6 +915,7 @@ var Modal = ({
 Modal.displayName = "Modal";
 
 // src/components/PDFViewer/PDFElement.tsx
+var import_react_pdf2 = require("@mikecousins/react-pdf");
 var import_react8 = require("react");
 
 // src/components/Spinner.tsx
@@ -1168,17 +1169,17 @@ var Stack = (_a) => {
 };
 
 // src/components/PDFViewer/PDFPage.tsx
+var import_react_pdf = require("@mikecousins/react-pdf");
 var import_react7 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function PdfPage({
   file,
   pageNumber,
   testid,
-  isMobile,
-  usePDF
+  isMobile
 }) {
   const canvasRef = (0, import_react7.useRef)(null);
-  const { pdfDocument } = usePDF({
+  const { pdfDocument } = (0, import_react_pdf.usePdf)({
     file,
     page: pageNumber,
     canvasRef,
@@ -1204,35 +1205,10 @@ function PDFElement({
   testid,
   isMobile,
   error
-}) {
-  const [pdfHook, setPDFHook] = (0, import_react8.useState)(null);
-  (0, import_react8.useEffect)(() => {
-    import("@mikecousins/react-pdf").then((m) => setPDFHook(m.usePdf));
-  }, []);
-  if (pdfHook === null) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    PDFElementInternal,
-    {
-      b64,
-      testid,
-      isMobile,
-      error,
-      usePDF: pdfHook
-    }
-  );
-}
-function PDFElementInternal({
-  b64,
-  testid,
-  isMobile,
-  error,
-  usePDF
 }) {
   var _a;
   const canvasRef = (0, import_react8.useRef)(null);
-  const { pdfDocument } = usePDF({
+  const { pdfDocument } = (0, import_react_pdf2.usePdf)({
     file: `data:application/pdf;base64,${b64}`,
     workerSrc: "/scripts/pdf.worker.min.mjs",
     scale: isMobile ? 1 : 1.3,
@@ -1257,7 +1233,6 @@ function PDFElementInternal({
           children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             PdfPage,
             {
-              usePDF,
               testid: testid ? `${testid}-pdf_page_${i + 1}` : void 0,
               file: `data:application/pdf;base64,${b64}`,
               pageNumber: i + 1
@@ -1443,10 +1418,6 @@ function PDFViewer(props) {
   } = props;
   const [currentIndex, setCurrentIndex] = (0, import_react9.useState)(0);
   const [isDownloading, setIsDownloading] = (0, import_react9.useState)(false);
-  const [isMounted, setIsMounted] = (0, import_react9.useState)(false);
-  (0, import_react9.useEffect)(() => {
-    setIsMounted(true);
-  }, []);
   const handleDownload = (0, import_react9.useCallback)(() => {
     setIsDownloading(true);
     const link = document.createElement("a");
@@ -1478,7 +1449,6 @@ function PDFViewer(props) {
     setIsDownloading(false);
     onClose();
   }
-  if (!isMounted) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     Modal,
     {

package/dist/components/PDFViewer/index.js

@@ -1,18 +1,23 @@
 "use client";
 import {
-  PDFViewer
-} from "../../chunk-6XLESQ2U.js";
-import "../../chunk-VOSQMHNF.js";
-import "../../chunk-YJGDVWTH.js";
-import "../../chunk-S5ZJ3Q7P.js";
-import "../../chunk-56RPZLV7.js";
-import "../../chunk-BMPL6LCR.js";
+  PDFElement
+} from "../../chunk-U5V2IRZX.js";
+import {
+  PdfNavigation
+} from "../../chunk-YJGDVWTH.js";
+import "../../chunk-VJVY6NPF.js";
+import {
+  DownloadIcon
+} from "../../chunk-56RPZLV7.js";
+import "../../chunk-SBRRNFOP.js";
+import {
+  Modal
+} from "../../chunk-BMPL6LCR.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-WVVEOCEH.js";
 import "../../chunk-CMMQTIVM.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-AKJUBFJK.js";
-import "../../chunk-SBRRNFOP.js";
 import "../../chunk-URYQ24NF.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-R3EQIDBX.js";
@@ -24,6 +29,104 @@ import "../../chunk-NKUETCDA.js";
 import "../../chunk-45AHDOAU.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";
+
+// src/components/PDFViewer/index.tsx
+import { useCallback, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function PDFViewer(props) {
+  const {
+    isOpen,
+    onClose,
+    encodedPdfs,
+    customActions,
+    testid,
+    isMobile,
+    title,
+    customFooter = false,
+    withPagination = true,
+    error
+  } = props;
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [isDownloading, setIsDownloading] = useState(false);
+  const handleDownload = useCallback(() => {
+    setIsDownloading(true);
+    const link = document.createElement("a");
+    const currentPdf = encodedPdfs[currentIndex];
+    if (!currentPdf) {
+      setIsDownloading(false);
+      return;
+    }
+    link.href = `data:application/pdf;base64,${currentPdf.base64}`;
+    link.download = currentPdf.fileName.endsWith(".pdf") ? currentPdf.fileName : `${currentPdf.fileName}.pdf`;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    setIsDownloading(false);
+  }, [currentIndex, encodedPdfs]);
+  if (!encodedPdfs.length) return null;
+  function handleNextFile() {
+    if (currentIndex < encodedPdfs.length - 1) {
+      setCurrentIndex((prev) => prev + 1);
+    }
+  }
+  function handlePreviousFile() {
+    if (currentIndex > 0) {
+      setCurrentIndex((prev) => prev - 1);
+    }
+  }
+  function handleClose() {
+    setCurrentIndex(0);
+    setIsDownloading(false);
+    onClose();
+  }
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      testid,
+      open: isOpen,
+      customFooter,
+      onClose: handleClose,
+      noWrapper: true,
+      showButtons: isMobile && customFooter ? !!customActions : !!encodedPdfs.length,
+      customActions: !!encodedPdfs.length && !isMobile && withPagination ? /* @__PURE__ */ jsx(
+        PdfNavigation,
+        {
+          testid,
+          currentIndex,
+          total: encodedPdfs.length,
+          onPrev: handlePreviousFile,
+          onNext: handleNextFile,
+          disablePrev: currentIndex === 0,
+          disableNext: currentIndex === encodedPdfs.length - 1,
+          extraActions: customActions,
+          fileName: encodedPdfs[currentIndex].fileName
+        }
+      ) : customActions,
+      fixedHeightScrolling: true,
+      headerIconAlign: "right",
+      headerIcon: !isMobile ? /* @__PURE__ */ jsx(
+        DownloadIcon,
+        {
+          testid: testid ? `${testid}-download-icon` : void 0,
+          onClick: handleDownload,
+          isDownloading
+        }
+      ) : void 0,
+      title: isMobile ? title != null ? title : encodedPdfs[currentIndex].fileName : void 0,
+      size: isMobile ? "screen" : "large",
+      headerClassname: "bg-brand-400 desktop:bg-background-grouped-primary-normal p-mobile-layout-padding text-brand-text-action-primary-normal",
+      children: /* @__PURE__ */ jsx(
+        PDFElement,
+        {
+          testid,
+          b64: encodedPdfs[currentIndex].base64,
+          isMobile,
+          error
+        }
+      )
+    }
+  );
+}
 export {
   PDFViewer
 };