@dmsi/wedgekit-react 0.0.411 → 0.0.413

package/dist/components/MobileDataGrid/index.js

@@ -1,6 +1,6 @@
 import {
   MobileDataGrid
-} from "../../chunk-OW3WN3JV.js";
+} from "../../chunk-OBY5EH47.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-6I5LZ2ZC.js";
 import "../../chunk-44TDIHUP.js";
@@ -8,11 +8,6 @@ import "../../chunk-LZGYABCX.js";
 import "../../chunk-G5DEC7H3.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
-import "../../chunk-LLZ3SSZJ.js";
-import "../../chunk-EJSPFQCY.js";
-import "../../chunk-ERW5DEIO.js";
-import "../../chunk-2HMCS25C.js";
-import "../../chunk-VJVY6NPF.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
 import "../../chunk-AA6GE3TH.js";

package/dist/components/PDFViewer/index.js

@@ -1,12 +1,17 @@
 "use client";
 import {
-  PDFViewer
-} from "../../chunk-LLZ3SSZJ.js";
-import "../../chunk-EJSPFQCY.js";
-import "../../chunk-ERW5DEIO.js";
-import "../../chunk-2HMCS25C.js";
+  DownloadIcon
+} from "../../chunk-EJSPFQCY.js";
+import {
+  PDFElement
+} from "../../chunk-ERW5DEIO.js";
+import {
+  PdfNavigation
+} from "../../chunk-2HMCS25C.js";
 import "../../chunk-VJVY6NPF.js";
-import "../../chunk-D6YCMQPO.js";
+import {
+  Modal
+} from "../../chunk-D6YCMQPO.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-XM7IQHBU.js";
 import "../../chunk-FRHPFACM.js";
@@ -24,6 +29,104 @@ import "../../chunk-NKUETCDA.js";
 import "../../chunk-WWAPK5PH.js";
 import "../../chunk-6CTCHYIS.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/index.cjs

@@ -75,7 +75,6 @@ __export(components_exports, {
   Menu: () => Menu,
   MenuOption: () => MenuOption,
   MobileDataGrid: () => MobileDataGrid,
-  PDFViewer: () => PDFViewer,
   Paragraph: () => Paragraph,
   ProductImagePreview: () => ProductImagePreview,
   Search: () => Search,
@@ -6582,290 +6581,6 @@ function CompactImagesPreview(props) {
     )) })
   ] });
 }
-
-// src/components/PDFViewer/index.tsx
-var import_react35 = require("react");
-
-// src/components/PDFViewer/PDFElement.tsx
-var import_react_pdf2 = require("@mikecousins/react-pdf");
-var import_react34 = require("react");
-
-// src/components/PDFViewer/PDFPage.tsx
-var import_react_pdf = require("@mikecousins/react-pdf");
-var import_react33 = require("react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
-function PdfPage({
-  file,
-  pageNumber,
-  testid,
-  isMobile
-}) {
-  const canvasRef = (0, import_react33.useRef)(null);
-  const { pdfDocument } = (0, import_react_pdf.usePdf)({
-    file,
-    page: pageNumber,
-    canvasRef,
-    workerSrc: "/scripts/pdf.worker.min.mjs",
-    scale: isMobile ? 1 : 1.3
-  });
-  if (!pdfDocument) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-    "canvas",
-    {
-      ref: canvasRef,
-      "data-testid": testid,
-      style: { width: "100%", height: "auto" }
-    }
-  );
-}
-
-// src/components/PDFViewer/PDFElement.tsx
-var import_clsx34 = __toESM(require("clsx"), 1);
-var import_jsx_runtime53 = require("react/jsx-runtime");
-function PDFElement({
-  b64,
-  testid,
-  isMobile,
-  error
-}) {
-  var _a;
-  const canvasRef = (0, import_react34.useRef)(null);
-  const { pdfDocument } = (0, import_react_pdf2.usePdf)({
-    file: `data:application/pdf;base64,${b64}`,
-    workerSrc: "/scripts/pdf.worker.min.mjs",
-    scale: isMobile ? 1 : 1.3,
-    canvasRef
-  });
-  const pagesArr = new Array((_a = pdfDocument == null ? void 0 : pdfDocument.numPages) != null ? _a : 1).fill(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-    "div",
-    {
-      className: "flex flex-col space-y-4",
-      style: !isMobile ? {
-        minHeight: 871,
-        minWidth: 654
-      } : void 0,
-      children: !!pdfDocument && !!b64 && !error ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Stack, { sizing: "layout-group", children: pagesArr.length > 1 ? pagesArr.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-        "div",
-        {
-          className: (0, import_clsx34.default)(
-            "flex justify-center border-border-primary-normal",
-            isMobile ? "border-0" : "border"
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.jsx)(
-        "div",
-        {
-          className: (0, import_clsx34.default)(
-            "flex justify-center border-border-primary-normal",
-            isMobile ? "border-0" : "border"
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-            "canvas",
-            {
-              "data-testid": testid ? `${testid}-pdf-content` : void 0,
-              ref: canvasRef,
-              style: { width: "100%", height: "auto" }
-            }
-          )
-        }
-      ) }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-        Stack,
-        {
-          justify: "center",
-          items: "center",
-          height: "full",
-          flexGrow: 1,
-          "data-testid": testid ? `${testid}-pdf-${error ? "error" : "loading"}` : void 0,
-          children: error ? error : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Spinner, { size: "large" })
-        }
-      )
-    }
-  );
-}
-
-// src/components/PDFViewer/DownloadIcon.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-function DownloadIcon({
-  onClick,
-  isDownloading,
-  testid
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-    Button,
-    {
-      testid,
-      iconOnly: true,
-      variant: "tertiary",
-      leftIcon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { name: isDownloading ? "cached" : "download" }),
-      onClick
-    }
-  );
-}
-
-// src/components/PDFViewer/PDFNavigation.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-function PdfNavigation({
-  currentIndex,
-  total,
-  onPrev,
-  onNext,
-  disablePrev,
-  disableNext,
-  extraActions,
-  testid,
-  fileName
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-    Stack,
-    {
-      horizontal: true,
-      items: "center",
-      justify: "between",
-      sizing: "layout-group",
-      testid: testid ? `${testid}-pdf-navigation` : void 0,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Stack, { horizontal: true, items: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-            Button,
-            {
-              iconOnly: true,
-              variant: "tertiary",
-              onClick: onPrev,
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "chevron_backward" }),
-              disabled: disablePrev,
-              testid: testid ? `${testid}-pdf-file-previous-button` : void 0
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Heading3, { className: "text-text-primary-normal whitespace-nowrap", children: [
-            currentIndex + 1,
-            " / ",
-            total
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-            Button,
-            {
-              iconOnly: true,
-              variant: "tertiary",
-              onClick: onNext,
-              rightIcon: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "chevron_forward" }),
-              disabled: disableNext,
-              testid: testid ? `${testid}-pdf-file-next-button` : void 0
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Paragraph, { children: (fileName == null ? void 0 : fileName.endsWith(".pdf")) ? fileName : `${fileName}.pdf` })
-        ] }),
-        extraActions && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex items-center gap-2", children: extraActions })
-      ]
-    }
-  ) });
-}
-
-// src/components/PDFViewer/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
-function PDFViewer(props) {
-  const {
-    isOpen,
-    onClose,
-    encodedPdfs,
-    customActions,
-    testid,
-    isMobile,
-    title,
-    customFooter = false,
-    withPagination = true,
-    error
-  } = props;
-  const [currentIndex, setCurrentIndex] = (0, import_react35.useState)(0);
-  const [isDownloading, setIsDownloading] = (0, import_react35.useState)(false);
-  const handleDownload = (0, import_react35.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__ */ (0, import_jsx_runtime56.jsx)(
-    Modal,
-    {
-      testid,
-      open: isOpen,
-      customFooter,
-      onClose: handleClose,
-      noWrapper: true,
-      showButtons: isMobile && customFooter ? !!customActions : !!encodedPdfs.length,
-      customActions: !!encodedPdfs.length && !isMobile && withPagination ? /* @__PURE__ */ (0, import_jsx_runtime56.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__ */ (0, import_jsx_runtime56.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__ */ (0, import_jsx_runtime56.jsx)(
-        PDFElement,
-        {
-          testid,
-          b64: encodedPdfs[currentIndex].base64,
-          isMobile,
-          error
-        }
-      )
-    }
-  );
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -6884,7 +6599,6 @@ function PDFViewer(props) {
   Menu,
   MenuOption,
   MobileDataGrid,
-  PDFViewer,
   Paragraph,
   ProductImagePreview,
   Search,

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import {
   DataGrid,
   MobileDataGrid
-} from "../chunk-OW3WN3JV.js";
+} from "../chunk-OBY5EH47.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-6I5LZ2ZC.js";
 import "../chunk-44TDIHUP.js";
@@ -11,13 +11,6 @@ import {
 import "../chunk-G5DEC7H3.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
-import {
-  PDFViewer
-} from "../chunk-LLZ3SSZJ.js";
-import "../chunk-EJSPFQCY.js";
-import "../chunk-ERW5DEIO.js";
-import "../chunk-2HMCS25C.js";
-import "../chunk-VJVY6NPF.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-AA6GE3TH.js";
@@ -114,7 +107,6 @@ export {
   Menu,
   MenuOption,
   MobileDataGrid,
-  PDFViewer,
   Paragraph,
   ProductImagePreview,
   Search,

package/package.json

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

package/src/components/index.ts

@@ -23,4 +23,3 @@ export { Card } from "./Card";
 export { MobileDataGrid } from "./MobileDataGrid";
 export { ProductImagePreview } from "./ProductImagePreview";
 export { CompactImagesPreview } from "./CompactImagesPreview";
-export { PDFViewer } from "./PDFViewer";

package/dist/chunk-LLZ3SSZJ.js

@@ -1,114 +0,0 @@
-import {
-  DownloadIcon
-} from "./chunk-EJSPFQCY.js";
-import {
-  PDFElement
-} from "./chunk-ERW5DEIO.js";
-import {
-  PdfNavigation
-} from "./chunk-2HMCS25C.js";
-import {
-  Modal
-} from "./chunk-D6YCMQPO.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
-};