@dmsi/wedgekit-react 0.0.369 → 0.0.371

package/dist/components/PDFViewer.js

@@ -1,250 +0,0 @@
-"use client";
-import {
-  Modal
-} from "../chunk-RLLQRVM7.js";
-import "../chunk-4RJKB7LC.js";
-import "../chunk-XM7IQHBU.js";
-import "../chunk-FRHPFACM.js";
-import "../chunk-6CPGOW6J.js";
-import "../chunk-ZFOANBWG.js";
-import {
-  Spinner
-} from "../chunk-SBRRNFOP.js";
-import {
-  Heading3
-} from "../chunk-EU73QPW7.js";
-import "../chunk-JUJBS4ZV.js";
-import "../chunk-VXWSAIB5.js";
-import "../chunk-TYTD4FLW.js";
-import "../chunk-5UH6QUFB.js";
-import {
-  Stack
-} from "../chunk-NQXZBWDZ.js";
-import {
-  Paragraph
-} from "../chunk-OGIFIPKH.js";
-import {
-  Icon
-} from "../chunk-NKUETCDA.js";
-import {
-  Button
-} from "../chunk-WWAPK5PH.js";
-import "../chunk-6CTCHYIS.js";
-import "../chunk-ORMEWXMH.js";
-
-// src/components/PDFViewer.tsx
-import { usePdf } from "@mikecousins/react-pdf";
-import { useCallback, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function PDFViewer(props) {
-  const { isOpen, onClose, encodedPdfs, customActions, testid } = 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,
-      onClose: handleClose,
-      showButtons: !!encodedPdfs.length,
-      customActions: !!encodedPdfs.length && /* @__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
-        }
-      ),
-      size: "large",
-      fixedHeightScrolling: true,
-      headerIconAlign: "right",
-      headerIcon: /* @__PURE__ */ jsx(
-        DownloadIcon,
-        {
-          testid: testid ? `${testid}-download-icon` : void 0,
-          onClick: handleDownload,
-          isDownloading
-        }
-      ),
-      className: "!max-w-fit",
-      children: /* @__PURE__ */ jsx(PDFElement, { testid, b64: encodedPdfs[currentIndex].base64 })
-    }
-  );
-}
-function DownloadIcon({
-  onClick,
-  isDownloading,
-  testid
-}) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      testid,
-      iconOnly: true,
-      variant: "tertiary",
-      leftIcon: /* @__PURE__ */ jsx(Icon, { name: isDownloading ? "cached" : "download" }),
-      onClick
-    }
-  );
-}
-function PDFElement({ b64, testid }) {
-  var _a;
-  const canvasRef = useRef(null);
-  const { pdfDocument } = usePdf({
-    file: `data:application/pdf;base64,${b64}`,
-    workerSrc: "/scripts/pdf.worker.min.mjs",
-    canvasRef,
-    scale: 1.1
-  });
-  const pagesArr = new Array((_a = pdfDocument == null ? void 0 : pdfDocument.numPages) != null ? _a : 1).fill(null);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "flex flex-col space-y-4",
-      style: {
-        minHeight: 871,
-        minWidth: 654
-      },
-      children: !!pdfDocument && !!b64 ? /* @__PURE__ */ jsx(Stack, { sizing: "layout-group", children: pagesArr.length > 1 ? pagesArr.map((_, i) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "flex justify-center border border-border-primary-normal",
-          children: /* @__PURE__ */ 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__ */ jsx("div", { className: "flex justify-center border border-border-primary-normal", children: /* @__PURE__ */ jsx(
-        "canvas",
-        {
-          "data-testid": testid ? `${testid}-pdf-content` : void 0,
-          ref: canvasRef
-        }
-      ) }) }) : /* @__PURE__ */ jsx(
-        Stack,
-        {
-          justify: "center",
-          items: "center",
-          height: "full",
-          flexGrow: 1,
-          "data-testid": testid ? `${testid}-pdf-loading` : void 0,
-          children: /* @__PURE__ */ jsx(Spinner, { size: "large" })
-        }
-      )
-    }
-  );
-}
-function PdfNavigation({
-  currentIndex,
-  total,
-  onPrev,
-  onNext,
-  disablePrev,
-  disableNext,
-  extraActions,
-  testid,
-  fileName
-}) {
-  return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      horizontal: true,
-      items: "center",
-      justify: "between",
-      sizing: "layout-group",
-      testid: testid ? `${testid}-pdf-navigation` : void 0,
-      children: [
-        /* @__PURE__ */ jsxs(Stack, { horizontal: true, items: "center", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              iconOnly: true,
-              variant: "tertiary",
-              onClick: onPrev,
-              leftIcon: /* @__PURE__ */ jsx(Icon, { name: "chevron_backward" }),
-              disabled: disablePrev,
-              testid: testid ? `${testid}-pdf-file-previous-button` : void 0
-            }
-          ),
-          /* @__PURE__ */ jsxs(Heading3, { className: "text-text-primary-normal whitespace-nowrap", children: [
-            currentIndex + 1,
-            " / ",
-            total
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              iconOnly: true,
-              variant: "tertiary",
-              onClick: onNext,
-              rightIcon: /* @__PURE__ */ jsx(Icon, { name: "chevron_forward" }),
-              disabled: disableNext,
-              testid: testid ? `${testid}-pdf-file-next-button` : void 0
-            }
-          ),
-          /* @__PURE__ */ jsx(Paragraph, { children: (fileName == null ? void 0 : fileName.endsWith(".pdf")) ? fileName : `${fileName}.pdf` })
-        ] }),
-        extraActions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: extraActions })
-      ]
-    }
-  ) });
-}
-function PdfPage({
-  file,
-  pageNumber,
-  testid
-}) {
-  const canvasRef = useRef(null);
-  const { pdfDocument } = usePdf({
-    file,
-    page: pageNumber,
-    canvasRef
-  });
-  if (!pdfDocument) return null;
-  return /* @__PURE__ */ jsx("canvas", { ref: canvasRef, "data-testid": testid });
-}
-export {
-  PDFViewer
-};

package/src/components/MobileDataGrid.tsx

@@ -1,163 +0,0 @@
-import clsx from "clsx";
-import { Icon } from "./Icon";
-import { ComponentProps } from "react";
-import { Stack } from "./Stack";
-import { Button } from "./Button";
-import { Theme } from "./Theme";
-import { Heading3 } from "./Heading";
-import { Paragraph } from "./Paragraph";
-
-export type RowData = Record<string, unknown>;
-
-export type MobileColumnDef<T extends RowData> = {
-  header: string;
-  accessorKey: keyof T;
-  show?: boolean;
-
-  cell?: (info: { row: T }) => React.ReactNode;
-};
-
-export function MobileDataGrid<T extends RowData>({
-  columns,
-  data,
-  header,
-  getId,
-  renderLink,
-  renderChevron,
-  id,
-  testid,
-}: {
-  columns: MobileColumnDef<T>[];
-  data: T[];
-  header: string;
-  getId: (data: T) => string | number | undefined;
-  renderLink?: (data: T) => React.ReactNode;
-  renderChevron?: (data: T) => React.ReactNode;
-  id?: string;
-  testid?: string;
-} & ComponentProps<"div">) {
-  return (
-    <div
-      id={id}
-      data-testid={testid}
-      className={clsx(
-        "rounded",
-        "overflow-hidden",
-        "divide-y divide-border-primary-normal",
-        "border border-border-primary-normal",
-        "overflow-y-scroll scrollbar-thin",
-      )}
-    >
-      <MobileDataGridHeader
-        id={id ? `${id}-header` : undefined}
-        testid={testid ? `${testid}-header` : undefined}
-        header={header}
-      />
-      {data.map((item) => (
-        <MobileDataGridCard
-          id={id ? `${id}-card-${getId(item)}` : undefined}
-          testid={testid ? `${testid}-card-${getId(item)}` : undefined}
-          data={item}
-          key={getId(item)}
-          columns={columns}
-          renderLink={renderLink}
-          renderChevron={renderChevron}
-        />
-      ))}
-    </div>
-  );
-}
-
-function MobileDataGridHeader({
-  header,
-  id,
-  testid,
-}: {
-  header: string;
-  id?: string;
-  testid?: string;
-}) {
-  return (
-    <div id={id} data-testid={testid} className="sticky top-0">
-      <Theme theme="brand">
-        <Stack
-          horizontal
-          items="start"
-          justify="center"
-          backgroundColor="background-primary-normal"
-          padding
-          sizing="component"
-        >
-          <Heading3 as="span" color="text-primary-normal">
-            {header}
-          </Heading3>
-        </Stack>
-      </Theme>
-    </div>
-  );
-}
-
-function MobileDataGridCard<T extends RowData>({
-  data,
-  columns,
-  renderLink,
-  renderChevron,
-  id,
-  testid,
-}: {
-  data: T;
-  columns: MobileColumnDef<T>[];
-  renderLink?: (data: T) => React.ReactNode;
-  renderChevron?: (data: T) => React.ReactNode;
-  id?: string;
-  testid?: string;
-}) {
-  return (
-    <div id={id} data-testid={testid}>
-      <Stack sizing="component" padding>
-        <Stack horizontal horizontalMobile items="center" justify="between">
-          {renderLink && renderLink(data)}
-          <Stack horizontal horizontalMobile items="center" justify="end">
-            <Button
-              id={id ? `${id}-docs-button` : undefined}
-              testid={testid ? `${testid}-docs-button` : undefined}
-              iconOnly
-              variant="tertiary"
-              onClick={() => {}}
-              leftIcon={<Icon name="docs" />}
-            ></Button>
-            <Button
-              id={id ? `${id}-swap-button` : undefined}
-              testid={testid ? `${testid}-swap-button` : undefined}
-              iconOnly
-              variant="tertiary"
-              onClick={() => {}}
-              leftIcon={<Icon name="swap_vert" />}
-            ></Button>
-          </Stack>
-        </Stack>
-
-        {columns
-          .filter((x) => x.show)
-          .map((column) => (
-            <div
-              key={String(column.accessorKey)}
-              className="mb-2 grid grid-cols-2"
-            >
-              <Paragraph color="text-secondary-normal" className="text-left">
-                {column.header}:
-              </Paragraph>{" "}
-              {column.cell
-                ? column.cell({ row: data })
-                : String(data[column.accessorKey])}
-            </div>
-          ))}
-      </Stack>
-      {renderChevron && (
-        <Stack items="center" justify="center" horizontal horizontalMobile>
-          {renderChevron(data)}
-        </Stack>
-      )}
-    </div>
-  );
-}

package/src/components/PDFViewer.tsx

@@ -1,264 +0,0 @@
-"use client";
-
-import { usePdf } from "@mikecousins/react-pdf";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { Modal } from "./Modal";
-import { Button } from "./Button";
-import { Icon } from "./Icon";
-import { Stack } from "./Stack";
-import { Spinner } from "./Spinner";
-import { Paragraph } from "./Paragraph";
-import { Heading3 } from "./Heading";
-import { PDFDocumentProxy } from "pdfjs-dist";
-
-type PDFViewerProps = {
-  isOpen: boolean;
-  onClose: () => void;
-  encodedPdfs: { fileName: string; base64: string }[];
-  customActions?: React.ReactNode;
-  testid?: string;
-};
-
-export function PDFViewer(props: PDFViewerProps) {
-  const { isOpen, onClose, encodedPdfs, customActions, testid } = 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 (
-    <Modal
-      testid={testid}
-      open={isOpen}
-      onClose={handleClose}
-      showButtons={!!encodedPdfs.length}
-      customActions={
-        !!encodedPdfs.length && (
-          <PdfNavigation
-            testid={testid}
-            currentIndex={currentIndex}
-            total={encodedPdfs.length}
-            onPrev={handlePreviousFile}
-            onNext={handleNextFile}
-            disablePrev={currentIndex === 0}
-            disableNext={currentIndex === encodedPdfs.length - 1}
-            extraActions={customActions}
-            fileName={encodedPdfs[currentIndex].fileName}
-          />
-        )
-      }
-      size="large"
-      fixedHeightScrolling
-      headerIconAlign="right"
-      headerIcon={
-        <DownloadIcon
-          testid={testid ? `${testid}-download-icon` : undefined}
-          onClick={handleDownload}
-          isDownloading={isDownloading}
-        />
-      }
-      className="!max-w-fit"
-    >
-      <PDFElement testid={testid} b64={encodedPdfs[currentIndex].base64} />
-    </Modal>
-  );
-}
-
-function DownloadIcon({
-  onClick,
-  isDownloading,
-  testid,
-}: {
-  onClick: () => void;
-  isDownloading?: boolean;
-  testid?: string;
-}) {
-  return (
-    <Button
-      testid={testid}
-      iconOnly
-      variant="tertiary"
-      leftIcon={<Icon name={isDownloading ? "cached" : "download"} />}
-      onClick={onClick}
-    />
-  );
-}
-
-function PDFElement({ b64, testid }: { b64: string; testid?: string }) {
-  const canvasRef = useRef<HTMLCanvasElement>(null);
-
-  const { pdfDocument } = usePdf({
-    file: `data:application/pdf;base64,${b64}`,
-    workerSrc: "/scripts/pdf.worker.min.mjs",
-    canvasRef,
-    scale: 1.1,
-  });
-
-  const pagesArr = new Array(pdfDocument?.numPages ?? 1).fill(null);
-
-  return (
-    <div
-      className="flex flex-col space-y-4"
-      style={{
-        minHeight: 871,
-        minWidth: 654,
-      }}
-    >
-      {!!pdfDocument && !!b64 ? (
-        <Stack sizing="layout-group">
-          {pagesArr.length > 1 ? (
-            pagesArr.map((_, i) => (
-              <div
-                key={`${testid}-pdf-page-${i + 1}`}
-                className="flex justify-center border border-border-primary-normal"
-              >
-                <PdfPage
-                  testid={testid ? `${testid}-pdf_page_${i + 1}` : undefined}
-                  file={`data:application/pdf;base64,${b64}`}
-                  pageNumber={i + 1}
-                />
-              </div>
-            ))
-          ) : (
-            <div className="flex justify-center border border-border-primary-normal">
-              <canvas
-                data-testid={testid ? `${testid}-pdf-content` : undefined}
-                ref={canvasRef}
-              />
-            </div>
-          )}
-        </Stack>
-      ) : (
-        <Stack
-          justify="center"
-          items="center"
-          height="full"
-          flexGrow={1}
-          data-testid={testid ? `${testid}-pdf-loading` : undefined}
-        >
-          <Spinner size="large" />
-        </Stack>
-      )}
-    </div>
-  );
-}
-
-function PdfNavigation({
-  currentIndex,
-  total,
-  onPrev,
-  onNext,
-  disablePrev,
-  disableNext,
-  extraActions,
-  testid,
-  fileName,
-}: {
-  currentIndex: number;
-  total: number;
-  onPrev: () => void;
-  onNext: () => void;
-  disablePrev: boolean;
-  disableNext: boolean;
-  extraActions?: React.ReactNode;
-  testid?: string;
-  fileName?: string;
-}) {
-  return (
-    <div className="w-full">
-      <Stack
-        horizontal
-        items="center"
-        justify="between"
-        sizing="layout-group"
-        testid={testid ? `${testid}-pdf-navigation` : undefined}
-      >
-        <Stack horizontal items="center">
-          <Button
-            iconOnly
-            variant="tertiary"
-            onClick={onPrev}
-            leftIcon={<Icon name="chevron_backward" />}
-            disabled={disablePrev}
-            testid={testid ? `${testid}-pdf-file-previous-button` : undefined}
-          />
-          <Heading3 className="text-text-primary-normal whitespace-nowrap">
-            {currentIndex + 1} / {total}
-          </Heading3>
-          <Button
-            iconOnly
-            variant="tertiary"
-            onClick={onNext}
-            rightIcon={<Icon name="chevron_forward" />}
-            disabled={disableNext}
-            testid={testid ? `${testid}-pdf-file-next-button` : undefined}
-          />
-          <Paragraph>
-            {fileName?.endsWith(".pdf") ? fileName : `${fileName}.pdf`}
-          </Paragraph>
-        </Stack>
-        {extraActions && (
-          <div className="flex items-center gap-2">{extraActions}</div>
-        )}
-      </Stack>
-    </div>
-  );
-}
-
-function PdfPage({
-  file,
-  pageNumber,
-  testid,
-}: {
-  file: string;
-  pageNumber: number;
-  testid?: string;
-}) {
-  const canvasRef = useRef<HTMLCanvasElement>(null);
-
-  const { pdfDocument } = usePdf({
-    file,
-    page: pageNumber,
-    canvasRef,
-  });
-
-  if (!pdfDocument) return null;
-
-  return <canvas ref={canvasRef} data-testid={testid} />;
-}

package/dist/{chunk-OXSBIBGT.js → chunk-CKQNJNU3.js}

@@ -1,9 +1,9 @@
-import {
-  useMatchesMobile
-} from "./chunk-JUJBS4ZV.js";
 import {
   Label
 } from "./chunk-7CS736EF.js";
+import {
+  useMatchesMobile
+} from "./chunk-JUJBS4ZV.js";
 import {
   Paragraph
 } from "./chunk-OGIFIPKH.js";

package/dist/{chunk-RJUN52HJ.js → chunk-ZL5X7KP6.js}

@@ -1,11 +1,11 @@
+import {
+  Label
+} from "./chunk-7CS736EF.js";
 import {
   formatCurrencyDisplay,
   formatDecimalValue,
   getDecimalPlaceholder
 } from "./chunk-5UH6QUFB.js";
-import {
-  Label
-} from "./chunk-7CS736EF.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";