@dmsi/wedgekit-react 0.0.503 → 0.0.504

package/dist/components/index.js

@@ -2,7 +2,7 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-C2YTC2CN.js";
+} from "../chunk-JWVZOEF5.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ELXVDRWS.js";
 import "../chunk-3UUCDNX3.js";
@@ -13,12 +13,6 @@ import "../chunk-BQNPOGD5.js";
 import {
   SearchResultImage
 } from "../chunk-Y5GD2FJA.js";
-import {
-  PDFViewer
-} from "../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";
@@ -28,7 +22,6 @@ import "../chunk-5YNEY3WO.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-UI7P5J5S.js";
-import "../chunk-56RPZLV7.js";
 import {
   Tooltip
 } from "../chunk-MDB26F6T.js";
@@ -58,7 +51,6 @@ import "../chunk-AKJUBFJK.js";
 import {
   ListGroup
 } from "../chunk-SUSUNSVZ.js";
-import "../chunk-SBRRNFOP.js";
 import "../chunk-Y2GK27RX.js";
 import "../chunk-QVWYTQKL.js";
 import {
@@ -145,7 +137,6 @@ export {
   MenuOption,
   MobileDataGrid,
   OrderCheckIcon,
-  PDFViewer,
   Pagination,
   Paragraph,
   ProductImagePreview,

package/package.json

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

package/src/components/PDFViewer/PDFElement.tsx

@@ -1,6 +1,5 @@
-"use client";
-import { type usePdf } from "@mikecousins/react-pdf";
-import { useEffect, useRef, useState } from "react";
+import { usePdf } from "@mikecousins/react-pdf";
+import { useRef } from "react";
 import { Spinner } from "../Spinner";
 import { Stack } from "../Stack";
 import { PdfPage } from "./PDFPage";
@@ -16,43 +15,10 @@ 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,
@@ -85,7 +51,6 @@ function PDFElementInternal({
                 )}
               >
                 <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 { type usePdf } from "@mikecousins/react-pdf";
+import { usePdf } from "@mikecousins/react-pdf";
 import { useRef } from "react";
 
 export function PdfPage({
@@ -6,17 +6,15 @@ 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, useEffect, useState } from "react";
+import { useCallback, useState } from "react";
 import { Modal } from "../Modal";
 import { PDFElement } from "./PDFElement";
 import { DownloadIcon } from "./DownloadIcon";
@@ -35,12 +35,6 @@ 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");
@@ -79,8 +73,6 @@ export function PDFViewer(props: PDFViewerProps) {
     onClose();
   }
 
-  if (!isMounted) return null;
-
   return (
     <Modal
       testid={testid}

package/src/components/index.ts

@@ -25,7 +25,6 @@ export { MobileDataGrid } from "./MobileDataGrid";
 export { ProductImagePreview } from "./ProductImagePreview";
 export { CompactImagesPreview } from "./CompactImagesPreview";
 export { SimpleTable } from "./SimpleTable";
-export { PDFViewer } from "./PDFViewer";
 export { ListGroup } from "./ListGroup";
 export { Pagination } from "./Pagination";
 export { SkeletonParagraph } from "./SkeletonParagraph";

package/dist/chunk-6XLESQ2U.js

@@ -1,119 +0,0 @@
-import {
-  PDFElement
-} from "./chunk-VOSQMHNF.js";
-import {
-  PdfNavigation
-} from "./chunk-YJGDVWTH.js";
-import {
-  DownloadIcon
-} from "./chunk-56RPZLV7.js";
-import {
-  Modal
-} from "./chunk-BMPL6LCR.js";
-
-// src/components/PDFViewer/index.tsx
-import { useCallback, useEffect, 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 [isMounted, setIsMounted] = useState(false);
-  useEffect(() => {
-    setIsMounted(true);
-  }, []);
-  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();
-  }
-  if (!isMounted) return null;
-  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
-};