@dmsi/wedgekit-react 0.0.502 → 0.0.504

package/dist/components/MobileDataGrid/index.js

@@ -1,16 +1,12 @@
 import {
   MobileDataGrid
-} from "../../chunk-QV3NANQC.js";
+} from "../../chunk-JWVZOEF5.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-D4TFZ2WM.js";
+import "../../chunk-ELXVDRWS.js";
 import "../../chunk-3UUCDNX3.js";
 import "../../chunk-FJRYHJUV.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-B2O4TEOI.js";
-import "../../chunk-VOSQMHNF.js";
-import "../../chunk-VS53C5ZD.js";
-import "../../chunk-S5ZJ3Q7P.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
@@ -20,26 +16,23 @@ import "../../chunk-5YNEY3WO.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-UI7P5J5S.js";
-import "../../chunk-5DQVYX6H.js";
 import "../../chunk-MDB26F6T.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
-import "../../chunk-2TNHD4MQ.js";
 import "../../chunk-OWHPPZZA.js";
 import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
-import "../../chunk-LJLHGLTS.js";
+import "../../chunk-2TNHD4MQ.js";
+import "../../chunk-BMPL6LCR.js";
 import "../../chunk-4RJKB7LC.js";
-import "../../chunk-25RZP3VR.js";
 import "../../chunk-WVVEOCEH.js";
-import "../../chunk-TAPYQBQU.js";
+import "../../chunk-CMMQTIVM.js";
 import "../../chunk-AG43RS4Q.js";
-import "../../chunk-SBRRNFOP.js";
-import "../../chunk-QVWYTQKL.js";
+import "../../chunk-AKJUBFJK.js";
 import "../../chunk-SUSUNSVZ.js";
-import "../../chunk-75USUR3I.js";
 import "../../chunk-Y2GK27RX.js";
+import "../../chunk-QVWYTQKL.js";
 import "../../chunk-F6RZ7MUE.js";
 import "../../chunk-TCMOGTPB.js";
 import "../../chunk-DVU5XV7L.js";
@@ -48,6 +41,7 @@ import "../../chunk-HK4S6TRH.js";
 import "../../chunk-KPBG7D3V.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
+import "../../chunk-75USUR3I.js";
 import "../../chunk-PS6UJZVH.js";
 import "../../chunk-M7WHWZ2J.js";
 import "../../chunk-TMHOK37S.js";
@@ -58,12 +52,12 @@ import "../../chunk-5UH6QUFB.js";
 import "../../chunk-BYC6QID5.js";
 import "../../chunk-MUOYLXBF.js";
 import "../../chunk-KBJZUVLM.js";
-import "../../chunk-BWBSDSA7.js";
+import "../../chunk-SPJ6V6WJ.js";
 import "../../chunk-MXSJF6TW.js";
-import "../../chunk-45AHDOAU.js";
 import "../../chunk-WMPWWFUJ.js";
 import "../../chunk-TPXH53SA.js";
 import "../../chunk-NKUETCDA.js";
+import "../../chunk-45AHDOAU.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";
 export {

package/dist/components/Modal.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   Modal
-} from "../chunk-LJLHGLTS.js";
+} from "../chunk-BMPL6LCR.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-25RZP3VR.js";
 import "../chunk-WVVEOCEH.js";
-import "../chunk-TAPYQBQU.js";
+import "../chunk-CMMQTIVM.js";
 import "../chunk-AG43RS4Q.js";
+import "../chunk-AKJUBFJK.js";
 import "../chunk-URYQ24NF.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-R3EQIDBX.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-MXSJF6TW.js";
-import "../chunk-45AHDOAU.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-45AHDOAU.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalButtons.js

@@ -1,8 +1,8 @@
 import {
   ModalButtons
-} from "../chunk-25RZP3VR.js";
-import "../chunk-45AHDOAU.js";
+} from "../chunk-AKJUBFJK.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-45AHDOAU.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ModalHeader.js

@@ -1,9 +1,9 @@
 import {
   ModalHeader
-} from "../chunk-TAPYQBQU.js";
+} from "../chunk-CMMQTIVM.js";
 import "../chunk-MXSJF6TW.js";
-import "../chunk-45AHDOAU.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-45AHDOAU.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/NavigationTab.js

@@ -1,8 +1,8 @@
 import {
   NavigationTab
-} from "../chunk-MV6W7OMC.js";
-import "../chunk-45AHDOAU.js";
+} from "../chunk-QMMPHXVE.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-45AHDOAU.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/NavigationTabs.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   NavigationTab
-} from "../chunk-MV6W7OMC.js";
-import "../chunk-45AHDOAU.js";
+} from "../chunk-QMMPHXVE.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-45AHDOAU.js";
 import {
   componentGap
 } from "../chunk-7KWFEH56.js";

package/dist/components/NestedMenu.js

@@ -12,13 +12,13 @@ import {
 import "../chunk-VXWSAIB5.js";
 import "../chunk-R3EQIDBX.js";
 import "../chunk-5UH6QUFB.js";
-import {
-  Button
-} from "../chunk-45AHDOAU.js";
 import "../chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
+import {
+  Button
+} from "../chunk-45AHDOAU.js";
 import "../chunk-7KWFEH56.js";
 import {
   __spreadValues

package/dist/components/Notification.js

@@ -2,9 +2,6 @@
 import {
   Heading3
 } from "../chunk-MXSJF6TW.js";
-import {
-  Button
-} from "../chunk-45AHDOAU.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";
@@ -14,6 +11,9 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
+import {
+  Button
+} from "../chunk-45AHDOAU.js";
 import "../chunk-7KWFEH56.js";
 import {
   __objRest,

package/dist/components/OptionPill.js

@@ -1,9 +1,9 @@
 import {
   OptionPill
-} from "../chunk-GYEXSNFP.js";
+} from "../chunk-FWCVZWE6.js";
 import "../chunk-HXGJVYGQ.js";
-import "../chunk-45AHDOAU.js";
 import "../chunk-NKUETCDA.js";
+import "../chunk-45AHDOAU.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/PDFViewer/DownloadIcon.js

@@ -1,8 +1,8 @@
 import {
   DownloadIcon
-} from "../../chunk-5DQVYX6H.js";
-import "../../chunk-45AHDOAU.js";
+} from "../../chunk-56RPZLV7.js";
 import "../../chunk-NKUETCDA.js";
+import "../../chunk-45AHDOAU.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";
 export {

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/PDFNavigation.js

@@ -1,11 +1,11 @@
 import {
   PdfNavigation
-} from "../../chunk-VS53C5ZD.js";
+} from "../../chunk-YJGDVWTH.js";
 import "../../chunk-MXSJF6TW.js";
-import "../../chunk-45AHDOAU.js";
 import "../../chunk-WMPWWFUJ.js";
 import "../../chunk-TPXH53SA.js";
 import "../../chunk-NKUETCDA.js";
+import "../../chunk-45AHDOAU.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";
 export {

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,29 +1,132 @@
 "use client";
 import {
-  PDFViewer
-} from "../../chunk-B2O4TEOI.js";
-import "../../chunk-VOSQMHNF.js";
-import "../../chunk-VS53C5ZD.js";
-import "../../chunk-S5ZJ3Q7P.js";
-import "../../chunk-5DQVYX6H.js";
-import "../../chunk-LJLHGLTS.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-25RZP3VR.js";
 import "../../chunk-WVVEOCEH.js";
-import "../../chunk-TAPYQBQU.js";
+import "../../chunk-CMMQTIVM.js";
 import "../../chunk-AG43RS4Q.js";
-import "../../chunk-SBRRNFOP.js";
+import "../../chunk-AKJUBFJK.js";
 import "../../chunk-URYQ24NF.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-R3EQIDBX.js";
 import "../../chunk-5UH6QUFB.js";
 import "../../chunk-MXSJF6TW.js";
-import "../../chunk-45AHDOAU.js";
 import "../../chunk-WMPWWFUJ.js";
 import "../../chunk-TPXH53SA.js";
 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
 };

package/dist/components/ProductImagePreview/index.js

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

package/dist/components/Stepper.js

@@ -4,13 +4,13 @@ import {
 } from "../chunk-KPBG7D3V.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
-import {
-  Button
-} from "../chunk-45AHDOAU.js";
 import "../chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
+import {
+  Button
+} from "../chunk-45AHDOAU.js";
 import {
   componentGap
 } from "../chunk-7KWFEH56.js";

package/dist/components/Toast.js

@@ -2,15 +2,15 @@
 import {
   Heading3
 } from "../chunk-MXSJF6TW.js";
-import {
-  Button
-} from "../chunk-45AHDOAU.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
+import {
+  Button
+} from "../chunk-45AHDOAU.js";
 import {
   componentGap,
   componentPadding,

package/dist/components/Upload.js

@@ -1,9 +1,6 @@
 import {
   Spinner
 } from "../chunk-SBRRNFOP.js";
-import {
-  Button
-} from "../chunk-45AHDOAU.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";
@@ -13,6 +10,9 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
+import {
+  Button
+} from "../chunk-45AHDOAU.js";
 import {
   componentGap
 } from "../chunk-7KWFEH56.js";