@dmsi/wedgekit-react 2.1.1 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"MainBar.d.ts","sourceRoot":"","sources":["../../src/components/MainBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlD,KAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oQAAoQ;IACpQ,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,EAAE,EACF,MAAM,EACN,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAE,UAAU,EAC7B,kBAAkB,EAAE,WAAW,EAC/B,MAAc,EACd,aAAqB,EACrB,IAAI,GACL,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,2CA6DtC"}
+{"version":3,"file":"MainBar.d.ts","sourceRoot":"","sources":["../../src/components/MainBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlD,KAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oQAAoQ;IACpQ,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,EAAE,EACF,MAAM,EACN,WAAW,EAAE,IAAI,EACjB,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAE,UAAU,EAC7B,kBAAkB,EAAE,WAAW,EAC/B,MAAc,EACd,aAAqB,EACrB,IAAI,GACL,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,2CAkEtC"}

package/dist/components/MainBar.js

@@ -1,45 +1,48 @@
-import { jsx as e, Fragment as f, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, Fragment as h, jsxs as c } from "react/jsx-runtime";
 import { clsx as n } from "../node_modules/clsx/dist/clsx.js";
-import { layoutGap as s, layoutGroupGap as x, containerPaddingX as g, containerPaddingY as u, componentPaddingTopUsingComponentGap2xMobile as b } from "../classNames.js";
-function w({
-  id: c,
-  testid: l,
-  leftContent: a,
+import { layoutGap as l, layoutGroupGap as k, containerPaddingX as u, containerPaddingY as g, componentPaddingTopUsingComponentGap2xMobile as b } from "../classNames.js";
+function C({
+  id: r,
+  testid: m,
+  leftContent: s,
   rightContent: o,
   mobileLeftContent: i,
-  mobileRightContent: d,
-  footer: m = !1,
-  centerContent: p = !1,
+  mobileRightContent: p,
+  footer: x = !1,
+  centerContent: f = !1,
   cart: t
 }) {
-  return !a && !o ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ r(
+  const a = !!(s || o || t), d = !!(i || p);
+  return !a && !d ? /* @__PURE__ */ e(h, {}) : /* @__PURE__ */ c(
     "div",
     {
-      id: c,
-      "data-testid": l,
+      id: r,
+      "data-testid": m,
       className: n(
         "min-h-mobile-container-padding",
         "bg-background-brand-normal items-center justify-between",
         "z-10 shadow-4",
-        "flex",
-        x,
-        g,
-        m ? u : p ? "py-[calc((var(--spacing-mobile-component-gap)_+_8px)_/_2)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap" : b
+        a && d && "flex",
+        a && !d && "hidden desktop:flex",
+        !a && d && "flex desktop:hidden",
+        k,
+        u,
+        x ? g : f ? "py-[calc((var(--spacing-mobile-component-gap)_+_8px)_/_2)] desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap" : b
       ),
       children: [
-        a && /* @__PURE__ */ e(
+        s && /* @__PURE__ */ e(
           "div",
           {
-            className: n("hidden desktop:flex items-center flex-1 min-w-0 overflow-x-auto no-scrollbar", s),
-            children: a
+            className: n("hidden desktop:flex items-center flex-1 min-w-0 overflow-x-auto no-scrollbar", l),
+            children: s
           }
         ),
-        (o || t) && /* @__PURE__ */ r(
+        (o || t) && /* @__PURE__ */ c(
           "div",
           {
             className: n(
               "hidden desktop:flex items-center ml-auto",
-              s
+              l
             ),
             children: [
               o,
@@ -49,11 +52,11 @@ function w({
           }
         ),
         i && /* @__PURE__ */ e("div", { className: n("flex items-center desktop:hidden flex-1 min-w-0 overflow-x-auto no-scrollbar"), children: i }),
-        d && /* @__PURE__ */ e("div", { className: n("flex items-center desktop:hidden"), children: d })
+        p && /* @__PURE__ */ e("div", { className: n("flex items-center desktop:hidden"), children: p })
       ]
     }
   );
 }
 export {
-  w as MainBar
+  C as MainBar
 };

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.1",
+  "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
-};