@dmsi/wedgekit-react 0.0.1241 → 1.0.0

package/dist/chunk-UZHBKSXJ.js

@@ -1,87 +0,0 @@
-import {
-  Heading2
-} from "./chunk-GOGNV5TF.js";
-import {
-  Button
-} from "./chunk-J4IMVWT5.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  layoutGroupGap,
-  layoutPaddding
-} from "./chunk-SATCWGO7.js";
-
-// src/components/ModalHeader.tsx
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ModalHeader = ({
-  title,
-  hideCloseIcon,
-  headerIcon,
-  headerIconAlign,
-  onClose,
-  id,
-  testid,
-  headerClassname,
-  titleAs: TitleComponent,
-  headerIconClassname
-}) => {
-  const Title = TitleComponent || Heading2;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      id,
-      "data-testid": testid,
-      className: clsx(
-        "flex items-center",
-        headerIconAlign === void 0 && "justify-between",
-        headerIconAlign === "center" && "justify-center",
-        headerIconAlign === "right" && "justify-end",
-        headerIconAlign === "left" && "justify-start",
-        layoutPaddding,
-        layoutGroupGap,
-        headerClassname
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx("flex items-center flex-1", layoutGroupGap), children: [
-          headerIcon,
-          title && /* @__PURE__ */ jsx(
-            Title,
-            {
-              id: id ? `${id}-title` : void 0,
-              testid: testid ? `${testid}-title` : void 0,
-              as: "p",
-              children: title
-            }
-          )
-        ] }),
-        !hideCloseIcon && /* @__PURE__ */ jsx(
-          Button,
-          {
-            id: id ? `${id}-close-button` : void 0,
-            testid: testid ? `${testid}-close-button` : void 0,
-            iconOnly: true,
-            variant: "tertiary",
-            onClick: onClose,
-            leftIcon: /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: clsx(
-                  "contents",
-                  headerIconClassname != null ? headerIconClassname : "text-icon-primary-normal"
-                ),
-                children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 24 })
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-ModalHeader.displayName = "ModalHeader";
-
-export {
-  ModalHeader
-};

package/dist/chunk-VEEZ7VRJ.js

@@ -1,137 +0,0 @@
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  typography
-} from "./chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Caption.tsx
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Caption = (_a) => {
-  var _b = _a, {
-    className,
-    children,
-    as = "span",
-    style = "default",
-    color,
-    align,
-    id,
-    testid,
-    marginTopDesktop
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "as",
-    "style",
-    "color",
-    "align",
-    "id",
-    "testid",
-    "marginTopDesktop"
-  ]);
-  const Element = as;
-  return /* @__PURE__ */ jsxs("div", { id, "data-testid": testid, className: "flex gap-1", children: [
-    /* @__PURE__ */ jsx(
-      WhichIcon,
-      {
-        id,
-        testid,
-        style,
-        size: 16,
-        className: "mt-[3px] desktop:mt-0"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Element,
-      __spreadProps(__spreadValues({
-        id: id ? `${id}-text` : void 0,
-        "data-testid": testid ? `${testid}-text` : void 0,
-        className: clsx(
-          typography.caption.replace("text-text-primary-normal", ""),
-          (style === "default" || style === "info") && "text-text-secondary-normal",
-          style === "success" && "text-text-success-normal",
-          style === "warning" && "text-text-warning-normal",
-          style === "error" && "text-text-critical-normal",
-          align === "left" && "text-left",
-          align === "center" && "text-center",
-          align === "right" && "text-right",
-          className,
-          marginTopDesktop && `desktop:mt-px`
-        )
-      }, props), {
-        style: {
-          color: color ? `var(--color-${color})` : void 0
-        },
-        children
-      })
-    )
-  ] });
-};
-var WhichIcon = ({
-  style,
-  size,
-  className,
-  id,
-  testid
-}) => {
-  if (style === "success") {
-    return /* @__PURE__ */ jsx("span", { className: "text-icon-success-normal contents", children: /* @__PURE__ */ jsx(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "check_circle",
-        size
-      }
-    ) });
-  }
-  if (style === "warning") {
-    return /* @__PURE__ */ jsx("span", { className: "text-icon-warning-normal contents", children: /* @__PURE__ */ jsx(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "warning",
-        size
-      }
-    ) });
-  }
-  if (style === "error") {
-    return /* @__PURE__ */ jsx("span", { className: "text-icon-critical-normal contents", children: /* @__PURE__ */ jsx(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "info",
-        size
-      }
-    ) });
-  }
-  if (style === "info") {
-    return /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(
-      Icon,
-      {
-        id: id ? `${id}-icon` : void 0,
-        testid: testid ? `${testid}-icon` : void 0,
-        className,
-        name: "info",
-        size
-      }
-    ) });
-  }
-  return null;
-};
-Caption.displayName = "Caption";
-
-export {
-  Caption
-};

package/dist/chunk-VJVY6NPF.js

@@ -1,32 +0,0 @@
-// src/components/PDFViewer/PDFPage.tsx
-import { usePdf } from "@mikecousins/react-pdf";
-import { useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-function PdfPage({
-  file,
-  pageNumber,
-  testid,
-  isMobile
-}) {
-  const canvasRef = useRef(null);
-  const { pdfDocument } = usePdf({
-    file,
-    page: pageNumber,
-    canvasRef,
-    workerSrc: "/scripts/pdf.worker.min.mjs",
-    scale: isMobile ? 1 : 1.3
-  });
-  if (!pdfDocument) return null;
-  return /* @__PURE__ */ jsx(
-    "canvas",
-    {
-      ref: canvasRef,
-      "data-testid": testid,
-      style: { width: "100%", height: "auto" }
-    }
-  );
-}
-
-export {
-  PdfPage
-};

package/dist/chunk-VUKYIERA.js

@@ -1,89 +0,0 @@
-import {
-  PdfPage
-} from "./chunk-VJVY6NPF.js";
-import {
-  Spinner
-} from "./chunk-SBRRNFOP.js";
-import {
-  Stack
-} from "./chunk-MVDGHWKO.js";
-
-// src/components/PDFViewer/PDFElement.tsx
-import { usePdf } from "@mikecousins/react-pdf";
-import { useRef } from "react";
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-function PDFElement({
-  b64,
-  testid,
-  isMobile,
-  error
-}) {
-  var _a;
-  const canvasRef = useRef(null);
-  const { pdfDocument } = usePdf({
-    file: `data:application/pdf;base64,${b64}`,
-    workerSrc: "/scripts/pdf.worker.min.mjs",
-    scale: isMobile ? 1 : 1.3,
-    canvasRef
-  });
-  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: !isMobile ? {
-        minHeight: 871,
-        minWidth: 654
-      } : void 0,
-      children: !!pdfDocument && !!b64 && !error ? /* @__PURE__ */ jsx(Stack, { sizing: "layout-group", children: pagesArr.length > 1 ? pagesArr.map((_, i) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: clsx(
-            "flex justify-center border-border-primary-normal",
-            isMobile ? "border-0" : "border"
-          ),
-          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: clsx(
-            "flex justify-center border-border-primary-normal",
-            isMobile ? "border-0" : "border"
-          ),
-          children: /* @__PURE__ */ jsx(
-            "canvas",
-            {
-              "data-testid": testid ? `${testid}-pdf-content` : void 0,
-              ref: canvasRef,
-              style: { width: "100%", height: "auto" }
-            }
-          )
-        }
-      ) }) : /* @__PURE__ */ jsx(
-        Stack,
-        {
-          justify: "center",
-          items: "center",
-          height: "full",
-          flexGrow: 1,
-          "data-testid": testid ? `${testid}-pdf-${error ? "error" : "loading"}` : void 0,
-          children: error ? error : /* @__PURE__ */ jsx(Spinner, { size: "large" })
-        }
-      )
-    }
-  );
-}
-
-export {
-  PDFElement
-};

package/dist/chunk-VXWSAIB5.js

@@ -1,26 +0,0 @@
-// src/utils.ts
-function findDocumentRoot(element) {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    throw new Error(
-      "findDocumentRoot can only be used in a browser environment."
-    );
-  }
-  if (!element || !(element instanceof Node)) {
-    return window.document.body;
-  }
-  let currentElement = element;
-  while (currentElement && currentElement.parentNode) {
-    if (currentElement.parentNode === document) {
-      return document.body;
-    } else if (currentElement.parentNode instanceof DocumentFragment) {
-      return currentElement.parentNode;
-    } else {
-      currentElement = currentElement.parentNode;
-    }
-  }
-  return window.document.body;
-}
-
-export {
-  findDocumentRoot
-};

package/dist/chunk-W5NXOJ4L.js

@@ -1,104 +0,0 @@
-import {
-  Heading2
-} from "./chunk-GOGNV5TF.js";
-import {
-  Button
-} from "./chunk-J4IMVWT5.js";
-import {
-  Stack
-} from "./chunk-MVDGHWKO.js";
-import {
-  Paragraph
-} from "./chunk-7MBRCM3M.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Alert.tsx
-import clsx from "clsx";
-import { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Alert(_a) {
-  var _b = _a, {
-    id,
-    testId,
-    variant,
-    title,
-    message,
-    dismissible = false,
-    onClose
-  } = _b, rest = __objRest(_b, [
-    "id",
-    "testId",
-    "variant",
-    "title",
-    "message",
-    "dismissible",
-    "onClose"
-  ]);
-  const isError = variant === "error";
-  const handleClose = useCallback(() => {
-    if (onClose) onClose();
-  }, [onClose]);
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testId,
-      sizing: "container",
-      backgroundColor: "background-grouped-primary-normal",
-      borderColor: "border-primary-normal",
-      items: "start",
-      elevation: 4,
-      rounded: true,
-      padding: true,
-      horizontal: true,
-      horizontalMobile: true
-    }, rest), {
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx("min-w-[2px] min-h-full flex", {
-              "bg-background-critical-normal": isError,
-              "bg-background-warning-normal": !isError
-            })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: clsx({
-              "text-icon-critical-normal": isError,
-              "text-icon-warning-normal": !isError
-            }),
-            children: /* @__PURE__ */ jsx(Icon, { name: "warning" })
-          }
-        ),
-        /* @__PURE__ */ jsxs(Stack, { flexGrow: 1, sizing: "component", children: [
-          /* @__PURE__ */ jsx(Heading2, { children: title }),
-          /* @__PURE__ */ jsx(Paragraph, { className: "whitespace-pre-line", children: message })
-        ] }),
-        dismissible && /* @__PURE__ */ jsx(
-          Button,
-          {
-            "aria-label": "Dismiss alert",
-            iconOnly: true,
-            variant: "tertiary",
-            leftIcon: /* @__PURE__ */ jsx(Icon, { name: "close" }),
-            onClick: handleClose
-          }
-        )
-      ]
-    })
-  );
-}
-
-export {
-  Alert
-};

package/dist/chunk-WVGXD7HT.js

@@ -1,19 +0,0 @@
-// src/hooks/useMatchesMedia.ts
-import { useLayoutEffect, useState } from "react";
-var useMatchesMedia = (query) => {
-  const [matches, setMatches] = useState();
-  useLayoutEffect(() => {
-    const mediaQueryList = window.matchMedia(query);
-    const listener = () => setMatches(mediaQueryList.matches);
-    listener();
-    mediaQueryList.addEventListener("change", listener);
-    return () => mediaQueryList.removeEventListener("change", listener);
-  }, [query]);
-  return matches;
-};
-var useMatchesMobile = () => useMatchesMedia("(width < 48rem)");
-
-export {
-  useMatchesMedia,
-  useMatchesMobile
-};

package/dist/chunk-WVUIIBRR.js

@@ -1,51 +0,0 @@
-// ../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js
-import { useMemo, useLayoutEffect, useEffect, useRef, useCallback } from "react";
-var canUseDOM = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
-var CSS = /* @__PURE__ */ Object.freeze({
-  Translate: {
-    toString(transform) {
-      if (!transform) {
-        return;
-      }
-      const {
-        x,
-        y
-      } = transform;
-      return "translate3d(" + (x ? Math.round(x) : 0) + "px, " + (y ? Math.round(y) : 0) + "px, 0)";
-    }
-  },
-  Scale: {
-    toString(transform) {
-      if (!transform) {
-        return;
-      }
-      const {
-        scaleX,
-        scaleY
-      } = transform;
-      return "scaleX(" + scaleX + ") scaleY(" + scaleY + ")";
-    }
-  },
-  Transform: {
-    toString(transform) {
-      if (!transform) {
-        return;
-      }
-      return [CSS.Translate.toString(transform), CSS.Scale.toString(transform)].join(" ");
-    }
-  },
-  Transition: {
-    toString(_ref) {
-      let {
-        property,
-        duration,
-        easing
-      } = _ref;
-      return property + " " + duration + "ms " + easing;
-    }
-  }
-});
-
-export {
-  CSS
-};

package/dist/chunk-X4OKKRN5.js

@@ -1,140 +0,0 @@
-import {
-  Label
-} from "./chunk-4UGMSWWA.js";
-import {
-  Button
-} from "./chunk-J4IMVWT5.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-import {
-  baseTransition,
-  componentGap,
-  componentPadding,
-  componentPaddingMinusBorder,
-  componentPaddingYUsingComponentGap
-} from "./chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/OptionPill.tsx
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var OptionPill = (_a) => {
-  var _b = _a, {
-    id,
-    testid,
-    selected = false,
-    onClick,
-    onRemove,
-    removable = false,
-    active = false,
-    disabled = false,
-    children,
-    className
-  } = _b, props = __objRest(_b, [
-    "id",
-    "testid",
-    "selected",
-    "onClick",
-    "onRemove",
-    "removable",
-    "active",
-    "disabled",
-    "children",
-    "className"
-  ]);
-  const additionalAttributes = {
-    "data-disabled": disabled || null,
-    "data-selected": selected || null,
-    "data-active": active || null
-  };
-  const classNames = clsx(
-    {
-      // Base interactive (only when not disabled)
-      "hover:border-border-action-hover active:border-border-action-active": !disabled,
-      // Disabled base
-      "data-disabled:cursor-default data-disabled:border-border-primary-normal": disabled,
-      // Active (Figma: filled blue background, white text)
-      "data-active:bg-background-action-primary-normal data-active:text-white data-active:border-transparent": active && !selected,
-      // 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": selected,
-      // 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": disabled && selected
-    },
-    !removable && componentPadding,
-    removable && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding"
-  );
-  const textColor = clsx(
-    !disabled && "text-text-primary-normal",
-    disabled && !selected && "text-text-primary-disabled",
-    disabled && selected && "text-text-on-action-primary-disabled"
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    __spreadProps(__spreadValues(__spreadValues({
-      id,
-      "data-testid": testid,
-      onClick: handleOnClick
-    }, props), additionalAttributes), {
-      className: clsx(
-        "flex items-center justify-between cursor-pointer w-max",
-        "border border-border-primary-normal rounded-base",
-        "outline-2 outline-transparent -outline-offset-2",
-        componentGap,
-        baseTransition,
-        classNames,
-        className,
-        textColor
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          Label,
-          {
-            id: id ? `${id}-label` : void 0,
-            testid: testid ? `${testid}-label` : void 0,
-            padded: true,
-            className: componentPaddingYUsingComponentGap,
-            children
-          }
-        ),
-        removable && /* @__PURE__ */ jsx(
-          Button,
-          {
-            id: id ? `${id}-remove-button` : void 0,
-            testid: testid ? `${testid}-remove-button` : void 0,
-            onClick: handleOnRemove,
-            disabled,
-            className: clsx(
-              "mx-0 h-full w-10 !border-0",
-              componentPaddingMinusBorder
-            ),
-            iconOnly: true,
-            variant: "tertiary",
-            leftIcon: /* @__PURE__ */ jsx(Icon, { name: "close", size: 16 })
-          }
-        )
-      ]
-    })
-  );
-  function handleOnClick() {
-    if (disabled) {
-      return;
-    }
-    onClick == null ? void 0 : onClick();
-  }
-  function handleOnRemove() {
-    if (!removable || !onRemove) {
-      return;
-    }
-    onRemove();
-  }
-};
-OptionPill.displayName = "OptionPill";
-
-export {
-  OptionPill
-};