@dmsi/wedgekit-react 1.0.1 → 2.0.1

package/dist/components/NavigationTabs.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { clsx as v } from "../node_modules/clsx/dist/clsx.js";
+import { useState as h } from "react";
+import { NavigationTab as p } from "./NavigationTab.js";
+import { componentGap as x } from "../classNames.js";
+function g({
+  id: d,
+  testid: t,
+  tabs: i,
+  onTabChange: l,
+  colorPrimitives: c = "dmsi"
+}) {
+  const [n, s] = h(i[0]?.id ?? ""), a = (e) => {
+    s(e), l?.(e);
+  }, r = i.find((e) => e.id === n)?.content, m = i.find((e) => e.id === n)?.href;
+  return /* @__PURE__ */ f("div", { id: d, "data-testid": t, children: [
+    /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+      "div",
+      {
+        className: v(
+          "flex items-center relative overflow-x-auto overflow-y-hidden",
+          x
+        ),
+        children: i.map((e) => /* @__PURE__ */ o(
+          p,
+          {
+            id: d ? `${d}-tab-${e.id}` : void 0,
+            testid: t ? `${t}-tab-${e.id}` : void 0,
+            label: e.label,
+            selected: n === e.id,
+            onClick: () => a(e.id),
+            colorPrimitives: c,
+            href: e.href
+          },
+          e.id
+        ))
+      }
+    ) }),
+    r && !m && /* @__PURE__ */ o("div", { className: "mt-2", children: r })
+  ] });
+}
+export {
+  g as NavigationTabs
+};

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

@@ -1 +1 @@
-{"version":3,"file":"NestedMenu.d.ts","sourceRoot":"","sources":["../../src/components/NestedMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,eAAe,CAAC;IAC7B,WAAW,EAAE,CACX,KAAK,EAAE,eAAe,GAAG,IAAI,EAC7B,MAAM,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,UAAU,KACpC,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA6IhD"}
+{"version":3,"file":"NestedMenu.d.ts","sourceRoot":"","sources":["../../src/components/NestedMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,eAAe,CAAC;IAC7B,WAAW,EAAE,CACX,KAAK,EAAE,eAAe,GAAG,IAAI,EAC7B,MAAM,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,UAAU,KACpC,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAwKhD"}

package/dist/components/NestedMenu.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import C, { useMemo as g, useState as _, useEffect as y } from "react";
+import { Icon as E } from "./Icon.js";
+import { MenuOption as d } from "./MenuOption.js";
+import { useKeydown as w } from "../hooks/useKeydown.js";
+function O(m) {
+  const { onMenuClick: h, currentMenu: n, testid: t, pinnedEntry: i, disabled: r = !1 } = m, s = g(() => {
+    const e = [];
+    return n.removeBackOption || e.push("back"), i && e.push("pinned"), (n.subEntries || []).forEach((l, v) => {
+      l.children == null && e.push(v);
+    }), e;
+  }, [n, i]), b = s.findIndex((e) => typeof e == "number"), c = b >= 0 ? b : 0, [f, a] = _(c);
+  y(() => {
+    a(c);
+  }, [n.id, c]);
+  const p = (e) => f >= 0 && s[f] === e;
+  function k() {
+    i && (i.onClick ? i.onClick() : i.url && h(
+      { id: "__pinned__", label: i.label, url: i.url },
+      "url"
+    ));
+  }
+  w(
+    {
+      Escape: () => {
+        r || (a(c), u(null, !0));
+      },
+      ArrowUp: () => {
+        r || s.length === 0 || a(
+          (e) => e <= 0 ? s.length - 1 : e - 1
+        );
+      },
+      ArrowDown: () => {
+        r || s.length === 0 || a(
+          (e) => e >= s.length - 1 ? 0 : e + 1
+        );
+      },
+      // "Space" is replaced with " " to handle spacebar.
+      "Enter/Space": () => {
+        if (r) return;
+        const e = s[f];
+        if (e === "back") {
+          u(n.previousMenu ?? null, !0), n.previousMenu?.previousMenu || a(c);
+          return;
+        }
+        if (e === "pinned") {
+          k();
+          return;
+        }
+        const l = (n.subEntries || [])[e];
+        l && M(l);
+      },
+      Backspace: () => {
+        r || (u(n.previousMenu ?? null, !0), n.previousMenu?.previousMenu || a(c));
+      }
+    },
+    !0
+  );
+  function u(e, l = !1, v) {
+    h(
+      e && { ...e, ...!l && { previousMenu: n } },
+      v
+    );
+  }
+  function M(e) {
+    e.subEntries?.length ? u(e, !1, "subEntry") : e.onClick ? u(e, !1, "onClick") : u(e);
+  }
+  return /* @__PURE__ */ x("div", { className: "flex flex-col w-full", children: [
+    !n.removeBackOption && /* @__PURE__ */ o(
+      d,
+      {
+        testid: t ? `${t}-back` : void 0,
+        variant: "action",
+        disabled: r,
+        before: /* @__PURE__ */ o(E, { name: "chevron_left", className: "icon", size: 24 }),
+        onClick: () => u(n.previousMenu ?? null, !0),
+        selected: p("back"),
+        children: n.previousMenu ? n.previousMenu.label : "Main Menu"
+      }
+    ),
+    n.title && /* @__PURE__ */ o(
+      d,
+      {
+        variant: "action",
+        disabled: r,
+        testid: t ? `${t}-title` : void 0,
+        children: n.title
+      }
+    ),
+    i && /* @__PURE__ */ o(
+      d,
+      {
+        testid: t ? `${t}-pinned-entry` : void 0,
+        variant: "action",
+        disabled: r,
+        selected: p("pinned"),
+        onClick: k,
+        children: i.label
+      }
+    ),
+    (n.subEntries || []).map((e, l) => e.children == null ? /* @__PURE__ */ o(
+      d,
+      {
+        testid: t ? `${t}-${e.label}` : void 0,
+        variant: "normal",
+        disabled: r || e.disabled,
+        onClick: () => M(e),
+        after: e.subEntries?.length ? /* @__PURE__ */ o(E, { name: "chevron_right", className: "icon", size: 24 }) : void 0,
+        selected: p(l),
+        children: e.label
+      },
+      e.id
+    ) : /* @__PURE__ */ o(C.Fragment, { children: e.children }, e.id))
+  ] });
+}
+export {
+  O as NestedMenu
+};

package/dist/components/Notification.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { clsx as w } from "../node_modules/clsx/dist/clsx.js";
+import { useState as z } from "react";
+import { Button as v } from "./Button.js";
+import { Paragraph as s } from "./Paragraph.js";
+import { Heading3 as j } from "./Heading.js";
+import { Icon as o } from "./Icon.js";
+import { Stack as m } from "./Stack.js";
+const p = {
+  success: {
+    className: "border-success-400",
+    icon: /* @__PURE__ */ e("span", { className: "text-icon-success-normal contents", children: /* @__PURE__ */ e(o, { name: "check_circle", size: 24 }) })
+  },
+  warning: {
+    className: "border-warning-400",
+    icon: /* @__PURE__ */ e("span", { className: "text-icon-warning-normal contents", children: /* @__PURE__ */ e(o, { name: "warning", size: 24 }) })
+  },
+  error: {
+    className: "border-critical-400",
+    icon: /* @__PURE__ */ e("span", { className: "text-icon-critical-normal contents", children: /* @__PURE__ */ e(o, { name: "error", size: 24 }) })
+  },
+  info: {
+    className: "border-action-400",
+    icon: /* @__PURE__ */ e("span", { className: "text-icon-on-action-secondary-normal contents", children: /* @__PURE__ */ e(o, { name: "info", size: 24 }) })
+  }
+};
+function O({
+  id: t,
+  testid: a,
+  variant: d = "success",
+  title: i,
+  message: c,
+  enableMessage: u = !0,
+  description: r,
+  enableDescription: f = !1,
+  disclaimer: l,
+  enableDisclaimer: h = !1,
+  card: g = !1,
+  ...b
+}) {
+  const [y, N] = z(!0), { className: x, icon: k } = p[d] ?? p.success;
+  return y ? /* @__PURE__ */ n(
+    "div",
+    {
+      id: t,
+      "data-testid": a,
+      className: w(
+        "flex gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap justify-between items-center border-2 rounded-sm w-full p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding bg-white max-w-240",
+        x,
+        g && "shadow-4"
+      ),
+      ...b,
+      children: [
+        /* @__PURE__ */ n(
+          m,
+          {
+            horizontal: !0,
+            horizontalMobile: !0,
+            items: "start",
+            justify: "start",
+            sizing: "layout",
+            children: [
+              k,
+              /* @__PURE__ */ n(m, { elevation: 0, items: "start", justify: "start", sizing: "component", children: [
+                i && /* @__PURE__ */ e(j, { as: "h3", children: i }),
+                c && u && /* @__PURE__ */ e(s, { as: "p", children: c }),
+                r && f && /* @__PURE__ */ e(s, { as: "p", children: r }),
+                l && h && /* @__PURE__ */ e(s, { as: "p", children: l })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          v,
+          {
+            id: t ? `${t}-close-button` : void 0,
+            testid: a ? `${a}-close-button` : void 0,
+            iconOnly: !0,
+            variant: "tertiary",
+            onClick: () => N(!1),
+            leftIcon: /* @__PURE__ */ e(o, { name: "close", size: 24 })
+          }
+        )
+      ]
+    }
+  ) : null;
+}
+export {
+  O as Notification
+};

package/dist/components/OptionPill.d.ts

@@ -8,7 +8,8 @@ type OptionPillProps = {
     removable?: boolean;
     disabled?: boolean;
     active?: boolean;
+    nowrap?: boolean;
 };
-export declare function OptionPill({ id, testid, selected, onClick, onRemove, removable, active, disabled, children, className, ...props }: ComponentProps<"div"> & OptionPillProps): import("react/jsx-runtime").JSX.Element;
+export declare function OptionPill({ id, testid, selected, onClick, onRemove, removable, active, disabled, nowrap, children, className, ...props }: ComponentProps<"div"> & OptionPillProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=OptionPill.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OptionPill.d.ts","sourceRoot":"","sources":["../../src/components/OptionPill.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAYvC,KAAK,eAAe,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,MAAM,EACN,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,MAAc,EACd,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,eAAe,2CAoGzC"}
+{"version":3,"file":"OptionPill.d.ts","sourceRoot":"","sources":["../../src/components/OptionPill.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAYvC,KAAK,eAAe,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,MAAM,EACN,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,MAAc,EACd,QAAgB,EAChB,MAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,eAAe,2CAqGzC"}

package/dist/components/OptionPill.js

@@ -0,0 +1,103 @@
+import { jsxs as h, jsx as d } from "react/jsx-runtime";
+import { clsx as n } from "../node_modules/clsx/dist/clsx.js";
+import { componentPadding as y, componentPaddingYUsingComponentGap as k, componentPaddingMinusBorder as w, componentGap as C, baseTransition as N } from "../classNames.js";
+import { Button as O } from "./Button.js";
+import { Label as P } from "./Label.js";
+import { Icon as $ } from "./Icon.js";
+function L({
+  id: e,
+  testid: o,
+  selected: a = !1,
+  onClick: l,
+  onRemove: i,
+  removable: r = !1,
+  active: c = !1,
+  disabled: t = !1,
+  nowrap: s = !1,
+  children: p,
+  className: m,
+  ...b
+}) {
+  const u = {
+    "data-disabled": t || null,
+    "data-selected": a || null,
+    "data-active": c || null
+  }, f = n(
+    {
+      // Base interactive (only when not disabled)
+      "hover:border-border-action-hover active:border-border-action-active": !t,
+      // Disabled base
+      "data-disabled:cursor-default data-disabled:border-border-primary-normal": t,
+      // Active (Figma: filled blue background, white text)
+      "data-active:bg-background-action-primary-normal data-active:text-white data-active:border-transparent": c && !a,
+      // Selected (filled style) overrides background & border, but keeps outline interaction chain.
+      "data-selected:border-transparent data-selected:bg-background-action-secondary-hover data-selected:outline-border-action-normal data-selected:hover:outline-border-action-hover data-selected:active:outline-border-action-active": a,
+      // Disabled + Selected combination
+      "data-selected:data-disabled:bg-background-action-secondary-disabled data-selected:data-disabled:border-border-action-disabled data-selected:data-disabled:outline-transparent": t && a
+    },
+    !r && y,
+    r && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding"
+  ), v = n(
+    !t && "text-text-primary-normal",
+    t && !a && "text-text-primary-disabled",
+    t && a && "text-text-on-action-primary-disabled"
+  );
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      id: e,
+      "data-testid": o,
+      onClick: x,
+      ...b,
+      ...u,
+      className: n(
+        "flex items-center justify-between cursor-pointer w-fit",
+        s && "shrink-0 whitespace-nowrap",
+        "border border-border-primary-normal rounded-base",
+        "outline-2 outline-transparent -outline-offset-2",
+        C,
+        N,
+        f,
+        m,
+        v
+      ),
+      children: [
+        /* @__PURE__ */ d(
+          P,
+          {
+            id: e ? `${e}-label` : void 0,
+            testid: o ? `${o}-label` : void 0,
+            padded: !0,
+            className: k,
+            children: p
+          }
+        ),
+        r && /* @__PURE__ */ d(
+          O,
+          {
+            id: e ? `${e}-remove-button` : void 0,
+            testid: o ? `${o}-remove-button` : void 0,
+            onClick: g,
+            disabled: t,
+            className: n(
+              "mx-0 h-full w-10 !border-0",
+              w
+            ),
+            iconOnly: !0,
+            variant: "tertiary",
+            leftIcon: /* @__PURE__ */ d($, { name: "close", size: 16 })
+          }
+        )
+      ]
+    }
+  );
+  function x() {
+    t || l?.();
+  }
+  function g() {
+    !r || !i || i();
+  }
+}
+export {
+  L as OptionPill
+};

package/dist/components/OrderCheckIcon.js

@@ -0,0 +1,28 @@
+import { jsx as C } from "react/jsx-runtime";
+function r({
+  testid: t,
+  ...e
+}) {
+  return /* @__PURE__ */ C(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 37 36",
+      fill: "none",
+      width: 37,
+      height: 36,
+      "data-testid": t,
+      ...e,
+      children: /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M18.457 3.00024C19.6493 3.01827 20.8644 3.13827 22.0283 3.41724C22.8321 3.61234 23.3287 4.42237 23.1337 5.22778C22.9402 6.03178 22.1252 6.5272 21.3242 6.33521C20.3928 6.11026 19.4046 6.01526 18.4658 6.00024C15.2603 6.00924 12.2492 7.26586 9.99018 9.53833C7.72976 11.8108 6.49103 14.829 6.49995 18.0344C6.50895 21.2399 7.7656 24.2495 10.038 26.51C12.303 28.7615 15.3065 30.0002 18.4999 30.0002H18.5341C21.7396 29.9912 24.7507 28.7346 27.0097 26.4622C29.2701 24.1882 30.5089 21.1714 30.4999 17.9661C30.4984 17.1382 31.1673 16.4629 31.9951 16.4612H31.9999C32.8263 16.4612 33.4982 17.13 33.4999 17.9563C33.5119 21.9627 31.9625 25.7354 29.1367 28.5764C26.3123 31.4173 22.5503 32.9881 18.5439 33.0002H18.4999C14.5086 33.0002 10.7542 31.4523 7.92378 28.637C5.08288 25.8126 3.51206 22.0505 3.49995 18.0442C3.48795 14.0363 5.03742 10.265 7.86323 7.42407C10.6877 4.58307 14.4505 3.01224 18.457 3.00024ZM27.872 9.51196C28.418 8.89248 29.3642 8.82637 29.9882 9.37231C30.6107 9.91681 30.6739 10.8645 30.1279 11.4885L19.6279 23.4885C19.3549 23.8004 18.9652 23.9852 18.5498 24.0002H18.4999C18.1025 24.0002 17.7214 23.8428 17.4394 23.5608L12.9394 19.0608C12.3529 18.4743 12.353 17.5262 12.9394 16.9397C13.5259 16.3532 14.474 16.3532 15.0605 16.9397L18.4267 20.3059L27.872 9.51196Z",
+          fill: "#1D1E1E"
+        }
+      )
+    }
+  );
+}
+export {
+  r as OrderCheckIcon
+};

package/dist/components/PDFViewer/DownloadIcon.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Button as m } from "../Button.js";
+import { Icon as e } from "../Icon.js";
+import { Tooltip as a } from "../Tooltip.js";
+function f({
+  onClick: t,
+  isDownloading: n,
+  testid: r,
+  colorClassName: i
+}) {
+  return /* @__PURE__ */ o(a, { message: "Download", position: "bottom", children: /* @__PURE__ */ o(
+    m,
+    {
+      testid: r,
+      iconOnly: !0,
+      variant: "tertiary",
+      colorClassName: i,
+      leftIcon: /* @__PURE__ */ o(e, { name: n ? "cached" : "download" }),
+      onClick: t
+    }
+  ) });
+}
+export {
+  f as DownloadIcon
+};

package/dist/components/PDFViewer/PDFElement.js

@@ -0,0 +1,77 @@
+import { jsx as e } from "react/jsx-runtime";
+import { usePdf as p } from "../../node_modules/@mikecousins/react-pdf/dist/index.js";
+import { useRef as c } from "react";
+import { Spinner as s } from "../Spinner.js";
+import { Stack as f } from "../Stack.js";
+import { PdfPage as u } from "./PDFPage.js";
+import { clsx as m } from "../../node_modules/clsx/dist/clsx.js";
+function w({
+  b64: n,
+  testid: r,
+  isMobile: a,
+  error: o
+}) {
+  const i = c(null), { pdfDocument: d } = p({
+    file: `data:application/pdf;base64,${n}`,
+    workerSrc: "/scripts/pdf.worker.min.mjs",
+    scale: a ? 1 : 1.3,
+    canvasRef: i
+  }), l = new Array(d?.numPages ?? 1).fill(null);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex flex-col space-y-4",
+      style: a ? void 0 : {
+        minHeight: 871,
+        minWidth: 654
+      },
+      children: d && n && !o ? /* @__PURE__ */ e(f, { sizing: "layout-group", children: l.length > 1 ? l.map((g, t) => /* @__PURE__ */ e(
+        "div",
+        {
+          className: m(
+            "flex justify-center border-border-primary-normal",
+            a ? "border-0" : "border"
+          ),
+          children: /* @__PURE__ */ e(
+            u,
+            {
+              testid: r ? `${r}-pdf_page_${t + 1}` : void 0,
+              file: `data:application/pdf;base64,${n}`,
+              pageNumber: t + 1
+            }
+          )
+        },
+        `${r}-pdf-page-${t + 1}`
+      )) : /* @__PURE__ */ e(
+        "div",
+        {
+          className: m(
+            "flex justify-center border-border-primary-normal",
+            a ? "border-0" : "border"
+          ),
+          children: /* @__PURE__ */ e(
+            "canvas",
+            {
+              "data-testid": r ? `${r}-pdf-content` : void 0,
+              ref: i,
+              style: { width: "100%", height: "auto" }
+            }
+          )
+        }
+      ) }) : /* @__PURE__ */ e(
+        f,
+        {
+          justify: "center",
+          items: "center",
+          height: "full",
+          flexGrow: 1,
+          "data-testid": r ? `${r}-pdf-${o ? "error" : "loading"}` : void 0,
+          children: o || /* @__PURE__ */ e(s, { size: "large" })
+        }
+      )
+    }
+  );
+}
+export {
+  w as PDFElement
+};

package/dist/components/PDFViewer/PDFNavigation.js

@@ -0,0 +1,64 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { Button as o } from "../Button.js";
+import { Heading3 as h } from "../Heading.js";
+import { Icon as a } from "../Icon.js";
+import { Paragraph as u } from "../Paragraph.js";
+import { Stack as c } from "../Stack.js";
+function k({
+  currentIndex: d,
+  total: l,
+  onPrev: m,
+  onNext: p,
+  disablePrev: f,
+  disableNext: s,
+  extraActions: e,
+  testid: i,
+  fileName: t
+}) {
+  return /* @__PURE__ */ r("div", { className: "w-full", children: /* @__PURE__ */ n(
+    c,
+    {
+      horizontal: !0,
+      items: "center",
+      justify: "between",
+      sizing: "layout-group",
+      testid: i ? `${i}-pdf-navigation` : void 0,
+      children: [
+        /* @__PURE__ */ n(c, { horizontal: !0, items: "center", children: [
+          /* @__PURE__ */ r(
+            o,
+            {
+              iconOnly: !0,
+              variant: "tertiary",
+              onClick: m,
+              leftIcon: /* @__PURE__ */ r(a, { name: "chevron_backward" }),
+              disabled: f,
+              testid: i ? `${i}-pdf-file-previous-button` : void 0
+            }
+          ),
+          /* @__PURE__ */ n(h, { className: "text-text-primary-normal whitespace-nowrap", children: [
+            d + 1,
+            " / ",
+            l
+          ] }),
+          /* @__PURE__ */ r(
+            o,
+            {
+              iconOnly: !0,
+              variant: "tertiary",
+              onClick: p,
+              rightIcon: /* @__PURE__ */ r(a, { name: "chevron_forward" }),
+              disabled: s,
+              testid: i ? `${i}-pdf-file-next-button` : void 0
+            }
+          ),
+          /* @__PURE__ */ r(u, { children: t?.endsWith(".pdf") ? t : `${t}.pdf` })
+        ] }),
+        e && /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: e })
+      ]
+    }
+  ) });
+}
+export {
+  k as PdfNavigation
+};

package/dist/components/PDFViewer/PDFPage.js

@@ -0,0 +1,28 @@
+import { jsx as n } from "react/jsx-runtime";
+import { usePdf as a } from "../../node_modules/@mikecousins/react-pdf/dist/index.js";
+import { useRef as i } from "react";
+function p({
+  file: t,
+  pageNumber: e,
+  testid: o,
+  isMobile: s
+}) {
+  const r = i(null), { pdfDocument: f } = a({
+    file: t,
+    page: e,
+    canvasRef: r,
+    workerSrc: "/scripts/pdf.worker.min.mjs",
+    scale: s ? 1 : 1.3
+  });
+  return f ? /* @__PURE__ */ n(
+    "canvas",
+    {
+      ref: r,
+      "data-testid": o,
+      style: { width: "100%", height: "auto" }
+    }
+  ) : null;
+}
+export {
+  p as PdfPage
+};

package/dist/components/PDFViewer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PDFViewer/index.tsx"],"names":[],"mappings":"AAWA,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,kDAgK9C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PDFViewer/index.tsx"],"names":[],"mappings":"AAWA,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,kDA+J9C"}