@dmsi/wedgekit-react 0.0.489 → 0.0.491

package/dist/components/PDFViewer/index.cjs

@@ -908,7 +908,6 @@ 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
@@ -1162,17 +1161,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
+  isMobile,
+  usePDF
 }) {
   const canvasRef = (0, import_react7.useRef)(null);
-  const { pdfDocument } = (0, import_react_pdf.usePdf)({
+  const { pdfDocument } = usePDF({
     file,
     page: pageNumber,
     canvasRef,
@@ -1198,10 +1197,35 @@ 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 } = (0, import_react_pdf2.usePdf)({
+  const { pdfDocument } = usePDF({
     file: `data:application/pdf;base64,${b64}`,
     workerSrc: "/scripts/pdf.worker.min.mjs",
     scale: isMobile ? 1 : 1.3,
@@ -1226,6 +1250,7 @@ function PDFElement({
           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
@@ -1411,6 +1436,10 @@ 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");
@@ -1442,6 +1471,7 @@ 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,27 +1,27 @@
 "use client";
 import {
   PDFViewer
-} from "../../chunk-24K4HHV5.js";
-import "../../chunk-B53XDCLO.js";
-import "../../chunk-JUFBGNWW.js";
-import "../../chunk-YNKN6RKF.js";
-import "../../chunk-VJVY6NPF.js";
-import "../../chunk-X67L3NZI.js";
+} from "../../chunk-5I7C6I44.js";
+import "../../chunk-KER7OSCD.js";
+import "../../chunk-YHKD3Q4Z.js";
+import "../../chunk-YEZBNQZI.js";
+import "../../chunk-S5ZJ3Q7P.js";
+import "../../chunk-EMYFV5VZ.js";
 import "../../chunk-4RJKB7LC.js";
+import "../../chunk-X6NCOXBU.js";
 import "../../chunk-FG7GNGE3.js";
-import "../../chunk-G7KIKHER.js";
+import "../../chunk-OSLNWRLS.js";
 import "../../chunk-AG43RS4Q.js";
-import "../../chunk-ZQJMNPCF.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-URYQ24NF.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-R3EQIDBX.js";
 import "../../chunk-5UH6QUFB.js";
 import "../../chunk-H2KC5XUY.js";
+import "../../chunk-LPY6PMAY.js";
 import "../../chunk-ZSETMD4A.js";
 import "../../chunk-DORD2EBO.js";
 import "../../chunk-NKUETCDA.js";
-import "../../chunk-LPY6PMAY.js";
 import "../../chunk-IXR65MOU.js";
 import "../../chunk-ORMEWXMH.js";
 export {

package/dist/components/ProductImagePreview/index.js

@@ -7,8 +7,8 @@ import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-AT4AWD6B.js";
-import "../../chunk-Y2GK27RX.js";
 import "../../chunk-QVWYTQKL.js";
+import "../../chunk-Y2GK27RX.js";
 import "../../chunk-URYQ24NF.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-R3EQIDBX.js";

package/dist/components/Stepper.js

@@ -4,12 +4,12 @@ import {
 } from "../chunk-44TH3VC7.js";
 import "../chunk-AL5QIRY3.js";
 import "../chunk-5UH6QUFB.js";
-import {
-  Icon
-} from "../chunk-NKUETCDA.js";
 import {
   Button
 } from "../chunk-LPY6PMAY.js";
+import {
+  Icon
+} from "../chunk-NKUETCDA.js";
 import {
   componentGap
 } from "../chunk-IXR65MOU.js";

package/dist/components/Toast.js

@@ -2,15 +2,15 @@
 import {
   Heading3
 } from "../chunk-H2KC5XUY.js";
+import {
+  Button
+} from "../chunk-LPY6PMAY.js";
 import {
   Paragraph
 } from "../chunk-ZSETMD4A.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-LPY6PMAY.js";
 import {
   componentGap,
   componentPadding,

package/dist/components/Upload.js

@@ -1,6 +1,9 @@
 import {
   Spinner
 } from "../chunk-SBRRNFOP.js";
+import {
+  Button
+} from "../chunk-LPY6PMAY.js";
 import {
   Paragraph
 } from "../chunk-ZSETMD4A.js";
@@ -10,9 +13,6 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-LPY6PMAY.js";
 import {
   componentGap
 } from "../chunk-IXR65MOU.js";

package/dist/components/index.cjs

@@ -7483,7 +7483,6 @@ function SimpleTable({
 var import_react36 = require("react");
 
 // src/components/PDFViewer/PDFElement.tsx
-var import_react_pdf2 = require("@mikecousins/react-pdf");
 var import_react35 = require("react");
 
 // src/components/Spinner.tsx
@@ -7517,17 +7516,17 @@ var Spinner = ({ size = "small", testid }) => {
 Spinner.displayName = "Spinner";
 
 // src/components/PDFViewer/PDFPage.tsx
-var import_react_pdf = require("@mikecousins/react-pdf");
 var import_react34 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function PdfPage({
   file,
   pageNumber,
   testid,
-  isMobile
+  isMobile,
+  usePDF
 }) {
   const canvasRef = (0, import_react34.useRef)(null);
-  const { pdfDocument } = (0, import_react_pdf.usePdf)({
+  const { pdfDocument } = usePDF({
     file,
     page: pageNumber,
     canvasRef,
@@ -7553,10 +7552,35 @@ function PDFElement({
   testid,
   isMobile,
   error
+}) {
+  const [pdfHook, setPDFHook] = (0, import_react35.useState)(null);
+  (0, import_react35.useEffect)(() => {
+    import("@mikecousins/react-pdf").then((m) => setPDFHook(m.usePdf));
+  }, []);
+  if (pdfHook === null) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    PDFElementInternal,
+    {
+      b64,
+      testid,
+      isMobile,
+      error,
+      usePDF: pdfHook
+    }
+  );
+}
+function PDFElementInternal({
+  b64,
+  testid,
+  isMobile,
+  error,
+  usePDF
 }) {
   var _a;
   const canvasRef = (0, import_react35.useRef)(null);
-  const { pdfDocument } = (0, import_react_pdf2.usePdf)({
+  const { pdfDocument } = usePDF({
     file: `data:application/pdf;base64,${b64}`,
     workerSrc: "/scripts/pdf.worker.min.mjs",
     scale: isMobile ? 1 : 1.3,
@@ -7581,6 +7605,7 @@ function PDFElement({
           children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             PdfPage,
             {
+              usePDF,
               testid: testid ? `${testid}-pdf_page_${i + 1}` : void 0,
               file: `data:application/pdf;base64,${b64}`,
               pageNumber: i + 1
@@ -7713,6 +7738,10 @@ function PDFViewer(props) {
   } = props;
   const [currentIndex, setCurrentIndex] = (0, import_react36.useState)(0);
   const [isDownloading, setIsDownloading] = (0, import_react36.useState)(false);
+  const [isMounted, setIsMounted] = (0, import_react36.useState)(false);
+  (0, import_react36.useEffect)(() => {
+    setIsMounted(true);
+  }, []);
   const handleDownload = (0, import_react36.useCallback)(() => {
     setIsDownloading(true);
     const link = document.createElement("a");
@@ -7744,6 +7773,7 @@ function PDFViewer(props) {
     setIsDownloading(false);
     onClose();
   }
+  if (!isMounted) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     Modal,
     {

package/dist/components/index.js

@@ -2,17 +2,17 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-WIDUWFLX.js";
+} from "../chunk-TZPJM4QR.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-4Q7T4GJ2.js";
+import "../chunk-6OUYFA5T.js";
 import "../chunk-3DEYCNUE.js";
 import {
   ProductImagePreview
 } from "../chunk-DYBJUTGK.js";
 import {
   PDFViewer
-} from "../chunk-24K4HHV5.js";
-import "../chunk-B53XDCLO.js";
+} from "../chunk-5I7C6I44.js";
+import "../chunk-KER7OSCD.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
@@ -23,14 +23,17 @@ import "../chunk-XIXQUEYC.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-KW6V7O3H.js";
 import "../chunk-AJ5M6MVX.js";
-import "../chunk-JUFBGNWW.js";
-import "../chunk-YNKN6RKF.js";
-import "../chunk-VJVY6NPF.js";
-import "../chunk-AT4AWD6B.js";
-import "../chunk-EWGHVZL5.js";
+import "../chunk-YHKD3Q4Z.js";
+import "../chunk-YEZBNQZI.js";
+import "../chunk-S5ZJ3Q7P.js";
 import {
   Tooltip
 } from "../chunk-7GHD74J3.js";
+import "../chunk-AT4AWD6B.js";
+import "../chunk-EWGHVZL5.js";
+import {
+  Select
+} from "../chunk-HVNHTM3P.js";
 import {
   SimpleTable
 } from "../chunk-7BVUTFZ5.js";
@@ -40,21 +43,21 @@ import {
 import {
   Pagination
 } from "../chunk-GRGDX7JC.js";
-import {
-  Select
-} from "../chunk-HVNHTM3P.js";
-import "../chunk-X67L3NZI.js";
+import "../chunk-EMYFV5VZ.js";
 import "../chunk-4RJKB7LC.js";
+import "../chunk-X6NCOXBU.js";
 import "../chunk-FG7GNGE3.js";
-import "../chunk-G7KIKHER.js";
+import "../chunk-OSLNWRLS.js";
 import "../chunk-AG43RS4Q.js";
-import "../chunk-ZQJMNPCF.js";
+import "../chunk-SBRRNFOP.js";
+import "../chunk-QVWYTQKL.js";
 import {
   ListGroup
 } from "../chunk-6TYWM26K.js";
-import "../chunk-SBRRNFOP.js";
+import {
+  EmptyCartIcon
+} from "../chunk-75USUR3I.js";
 import "../chunk-Y2GK27RX.js";
-import "../chunk-QVWYTQKL.js";
 import {
   DataCellHeader,
   DataGridCell,
@@ -78,9 +81,6 @@ import {
   Label
 } from "../chunk-AL5QIRY3.js";
 import "../chunk-WVUIIBRR.js";
-import {
-  EmptyCartIcon
-} from "../chunk-75USUR3I.js";
 import {
   Checkbox
 } from "../chunk-WEAVZEE4.js";
@@ -102,8 +102,11 @@ import {
 } from "../chunk-KBJZUVLM.js";
 import {
   Alert
-} from "../chunk-4UH72JT2.js";
+} from "../chunk-HTVJPLWZ.js";
 import "../chunk-H2KC5XUY.js";
+import {
+  Button
+} from "../chunk-LPY6PMAY.js";
 import {
   Paragraph
 } from "../chunk-ZSETMD4A.js";
@@ -111,9 +114,6 @@ import "../chunk-DORD2EBO.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-LPY6PMAY.js";
 import "../chunk-IXR65MOU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.489",
+  "version": "0.0.491",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/PDFViewer/PDFElement.tsx

@@ -1,5 +1,6 @@
-import { usePdf } from "@mikecousins/react-pdf";
-import { useRef } from "react";
+"use client";
+import { type usePdf } from "@mikecousins/react-pdf";
+import { useEffect, useRef, useState } from "react";
 import { Spinner } from "../Spinner";
 import { Stack } from "../Stack";
 import { PdfPage } from "./PDFPage";
@@ -15,10 +16,43 @@ export function PDFElement({
   testid?: string;
   isMobile?: boolean;
   error?: React.ReactNode;
+}) {
+  const [pdfHook, setPDFHook] = useState<typeof usePdf | null>(null);
+  useEffect(() => {
+    import("@mikecousins/react-pdf").then((m) => setPDFHook(m.usePdf));
+  }, []);
+
+  if (pdfHook === null) {
+    return null;
+  }
+
+  return (
+    <PDFElementInternal
+      b64={b64}
+      testid={testid}
+      isMobile={isMobile}
+      error={error}
+      usePDF={pdfHook}
+    />
+  );
+}
+
+function PDFElementInternal({
+  b64,
+  testid,
+  isMobile,
+  error,
+  usePDF,
+}: {
+  b64: string;
+  testid?: string;
+  isMobile?: boolean;
+  error?: React.ReactNode;
+  usePDF: typeof usePdf;
 }) {
   const canvasRef = useRef<HTMLCanvasElement>(null);
 
-  const { pdfDocument } = usePdf({
+  const { pdfDocument } = usePDF({
     file: `data:application/pdf;base64,${b64}`,
     workerSrc: "/scripts/pdf.worker.min.mjs",
     scale: isMobile ? 1 : 1.3,
@@ -51,6 +85,7 @@ export function PDFElement({
                 )}
               >
                 <PdfPage
+                  usePDF={usePDF}
                   testid={testid ? `${testid}-pdf_page_${i + 1}` : undefined}
                   file={`data:application/pdf;base64,${b64}`}
                   pageNumber={i + 1}

package/src/components/PDFViewer/PDFPage.tsx

@@ -1,4 +1,4 @@
-import { usePdf } from "@mikecousins/react-pdf";
+import { type usePdf } from "@mikecousins/react-pdf";
 import { useRef } from "react";
 
 export function PdfPage({
@@ -6,15 +6,17 @@ export function PdfPage({
   pageNumber,
   testid,
   isMobile,
+  usePDF,
 }: {
   file: string;
   pageNumber: number;
   testid?: string;
   isMobile?: boolean;
+  usePDF: typeof usePdf;
 }) {
   const canvasRef = useRef<HTMLCanvasElement>(null);
 
-  const { pdfDocument } = usePdf({
+  const { pdfDocument } = usePDF({
     file,
     page: pageNumber,
     canvasRef,

package/src/components/PDFViewer/index.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { Modal } from "../Modal";
 import { PDFElement } from "./PDFElement";
 import { DownloadIcon } from "./DownloadIcon";
@@ -35,6 +35,12 @@ export function PDFViewer(props: PDFViewerProps) {
   const [currentIndex, setCurrentIndex] = useState(0);
   const [isDownloading, setIsDownloading] = useState(false);
 
+  const [isMounted, setIsMounted] = useState(false);
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
   const handleDownload = useCallback(() => {
     setIsDownloading(true);
     const link = document.createElement("a");
@@ -73,6 +79,8 @@ export function PDFViewer(props: PDFViewerProps) {
     onClose();
   }
 
+  if (!isMounted) return null;
+
   return (
     <Modal
       testid={testid}

package/dist/{chunk-4UH72JT2.js → chunk-HTVJPLWZ.js}

@@ -1,6 +1,9 @@
 import {
   Heading2
 } from "./chunk-H2KC5XUY.js";
+import {
+  Button
+} from "./chunk-LPY6PMAY.js";
 import {
   Paragraph
 } from "./chunk-ZSETMD4A.js";
@@ -10,9 +13,6 @@ import {
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-LPY6PMAY.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-B53XDCLO.js → chunk-KER7OSCD.js}

@@ -1,6 +1,9 @@
 import {
   Heading3
 } from "./chunk-H2KC5XUY.js";
+import {
+  Button
+} from "./chunk-LPY6PMAY.js";
 import {
   Paragraph
 } from "./chunk-ZSETMD4A.js";
@@ -10,9 +13,6 @@ import {
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-LPY6PMAY.js";
 
 // src/components/PDFViewer/PDFNavigation.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-PCQXSYTH.js → chunk-LGKG2VPW.js}

@@ -1,9 +1,9 @@
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-LPY6PMAY.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-G7KIKHER.js → chunk-OSLNWRLS.js}

@@ -1,12 +1,12 @@
 import {
   Heading2
 } from "./chunk-H2KC5XUY.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-LPY6PMAY.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-2F3R3WXW.js → chunk-QCBQGAW6.js}

@@ -1,12 +1,12 @@
 import {
   Label
 } from "./chunk-AL5QIRY3.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-LPY6PMAY.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 import {
   baseTransition,
   componentGap,

package/dist/{chunk-ZQJMNPCF.js → chunk-X6NCOXBU.js}

@@ -1,9 +1,9 @@
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-LPY6PMAY.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-JUFBGNWW.js → chunk-YHKD3Q4Z.js}

@@ -1,9 +1,9 @@
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
 import {
   Button
 } from "./chunk-LPY6PMAY.js";
+import {
+  Icon
+} from "./chunk-NKUETCDA.js";
 
 // src/components/PDFViewer/DownloadIcon.tsx
 import { jsx } from "react/jsx-runtime";