@dmsi/wedgekit-react 2.1.2 → 3.0.0

package/dist/components/ModalButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalButtons.d.ts","sourceRoot":"","sources":["../../src/components/ModalButtons.tsx"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,aAAa,EACb,EAAE,EACF,MAAM,EACN,iBAAyB,GAC1B,EAAE,iBAAiB,2CAwCnB"}
+{"version":3,"file":"ModalButtons.d.ts","sourceRoot":"","sources":["../../src/components/ModalButtons.tsx"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,aAAa,EACb,EAAE,EACF,MAAM,EACN,iBAAyB,GAC1B,EAAE,iBAAiB,2CAyCnB"}

package/dist/components/ModalButtons.js

@@ -1,50 +1,51 @@
-import { jsx as e, jsxs as m, Fragment as s } from "react/jsx-runtime";
+import { jsx as t, jsxs as m, Fragment as s } from "react/jsx-runtime";
 import { clsx as u } from "../node_modules/clsx/dist/clsx.js";
-import { Button as r } from "./Button.js";
-import { Icon as l } from "./Icon.js";
+import { Button as e } from "./Button.js";
+import { Icon as r } from "./Icon.js";
 import { layoutPaddding as d, layoutGroupGap as f } from "../classNames.js";
 function y({
-  onClose: a,
-  onContinue: i,
-  customActions: t,
+  onClose: l,
+  onContinue: a,
+  customActions: i,
   id: o,
   testid: n,
   mobileButtonStack: c = !1
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "div",
     {
       id: o,
       "data-testid": n,
       className: u(
-        "border-t border-neutral-300 flex",
-        !t && "justify-end",
+        "border-t border-neutral-300 flex justify-end",
+        // Don't make this conditional on customActions — a w-full custom
+        // footer (see CustomFooterContent story) fills the row regardless.
         c && "flex-col",
         d,
         f
       ),
-      children: t ?? /* @__PURE__ */ m(s, { children: [
-        /* @__PURE__ */ e(
-          r,
+      children: i ?? /* @__PURE__ */ m(s, { children: [
+        /* @__PURE__ */ t(
+          e,
           {
             id: o ? `${o}-close-button` : void 0,
             testid: n ? `${n}-close-button` : void 0,
             variant: "secondary",
-            leftIcon: /* @__PURE__ */ e(l, { name: "close", size: 24 }),
-            onClick: a,
+            leftIcon: /* @__PURE__ */ t(r, { name: "close", size: 24 }),
+            onClick: l,
             className: "max-sm:w-full",
             children: "Close"
           }
         ),
-        /* @__PURE__ */ e(
-          r,
+        /* @__PURE__ */ t(
+          e,
           {
             id: o ? `${o}-continue-button` : void 0,
             testid: n ? `${n}-continue-button` : void 0,
             variant: "primary",
-            leftIcon: /* @__PURE__ */ e(l, { name: "check", size: 24 }),
+            leftIcon: /* @__PURE__ */ t(r, { name: "check", size: 24 }),
             className: "max-sm:w-full",
-            onClick: i,
+            onClick: a,
             children: "Continue"
           }
         )

package/dist/components/PDFViewer/PDFElement.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { usePdf as p } from "../../node_modules/@mikecousins/react-pdf/dist/index.js";
+import { usePdf as p } from "@mikecousins/react-pdf";
 import { useRef as c } from "react";
 import { Spinner as s } from "../Spinner.js";
 import { Stack as f } from "../Stack.js";

package/dist/components/PDFViewer/PDFPage.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { usePdf as a } from "../../node_modules/@mikecousins/react-pdf/dist/index.js";
+import { usePdf as a } from "@mikecousins/react-pdf";
 import { useRef as i } from "react";
 function p({
   file: t,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dmsi/wedgekit-react",
-  "version": "2.1.2",
+  "version": "3.0.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -21,7 +21,17 @@
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "@mikecousins/react-pdf": "^8.1.0",
+    "pdfjs-dist": "^5"
+  },
+  "peerDependenciesMeta": {
+    "@mikecousins/react-pdf": {
+      "optional": true
+    },
+    "pdfjs-dist": {
+      "optional": true
+    }
   },
   "publishConfig": {
     "access": "public"

package/dist/node_modules/@mikecousins/react-pdf/dist/index.js

@@ -1,83 +0,0 @@
-import { useState as I, useRef as n, useEffect as e } from "react";
-function i(f) {
-  return typeof f == "function";
-}
-const W = ({ canvasRef: f, file: j, onDocumentLoadSuccess: R, onDocumentLoadFail: d, onPageLoadSuccess: w, onPageLoadFail: h, onPageRenderSuccess: v, onPageRenderFail: x, scale: z = 1, rotate: m = 0, page: A = 1, cMapUrl: p, cMapPacked: B, workerSrc: D, withCredentials: G = !1 }) => {
-  const [o, J] = I(), [K, N] = I(), c = n(null), y = n(null), E = n(R), q = n(d), C = n(w), P = n(h), k = n(v), T = n(x);
-  return e(() => {
-    E.current = R;
-  }, [R]), e(() => {
-    q.current = d;
-  }, [d]), e(() => {
-    C.current = w;
-  }, [w]), e(() => {
-    P.current = h;
-  }, [h]), e(() => {
-    k.current = v;
-  }, [v]), e(() => {
-    T.current = x;
-  }, [x]), e(() => {
-    if (typeof window > "u") return;
-    const u = {
-      url: j,
-      withCredentials: G
-    };
-    p && (u.cMapUrl = p, u.cMapPacked = B), import("../../../pdfjs-dist/build/pdf.js").then(({ GlobalWorkerOptions: t, getDocument: V, version: s }) => {
-      t.workerSrc = D, V(u).promise.then((r) => {
-        J(r), i(E.current) && E.current(r);
-      }, () => {
-        i(q.current) && q.current();
-      });
-    });
-  }, [
-    j,
-    G,
-    p,
-    B,
-    D
-  ]), e(() => {
-    const u = (t) => {
-      const V = m === 0 ? t.rotate : t.rotate + m, s = t.getViewport({
-        scale: z,
-        rotation: V
-      }), r = f.current;
-      if (!r) return;
-      const b = r.getContext("2d");
-      if (!b) return;
-      const l = typeof window < "u" ? window.devicePixelRatio : 1;
-      if (r.height = s.height * l, r.width = s.width * l, b.scale(l, l), c.current) {
-        y.current = t, c.current.cancel();
-        return;
-      }
-      return c.current = t.render({
-        canvasContext: b,
-        canvas: r,
-        viewport: s
-      }), c.current.promise.then(() => {
-        c.current = null, i(k.current) && k.current(t);
-      }, (H) => {
-        if (c.current = null, H && H.name === "RenderingCancelledException") {
-          const O = y.current ?? t;
-          y.current = null, u(O);
-        } else i(T.current) && T.current();
-      });
-    };
-    o && o.getPage(A).then((t) => {
-      N(t), i(C.current) && C.current(t), u(t);
-    }, () => {
-      i(P.current) && P.current();
-    });
-  }, [
-    f,
-    A,
-    o,
-    m,
-    z
-  ]), {
-    pdfDocument: o,
-    pdfPage: K
-  };
-};
-export {
-  W as usePdf
-};