@dmsi/wedgekit-react 0.0.1277 → 1.0.1

package/dist/chunk-7YA3TF73.js

@@ -1,32 +0,0 @@
-import {
-  formatDate
-} from "./chunk-TBZ243DS.js";
-import {
-  Paragraph
-} from "./chunk-7MBRCM3M.js";
-
-// src/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.tsx
-import { jsxs } from "react/jsx-runtime";
-function MobileDataGridColumn(props) {
-  var _a, _b;
-  const { column, data } = props;
-  let value;
-  if (column.id) {
-    value = data[column.id];
-    if (((_a = column.meta) == null ? void 0 : _a.format) === "date" && typeof value === "string") {
-      value = formatDate(value);
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 flex-1", children: [
-    /* @__PURE__ */ jsxs(Paragraph, { color: "text-secondary-normal", className: "text-left", children: [
-      (_b = column.header) == null ? void 0 : _b.toString(),
-      ":"
-    ] }),
-    " ",
-    value ? value : null
-  ] });
-}
-
-export {
-  MobileDataGridColumn
-};

package/dist/chunk-7Z3WINQ3.js

@@ -1,59 +0,0 @@
-import {
-  typography
-} from "./chunk-SATCWGO7.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Subheader.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-var Subheader = (_a) => {
-  var _b = _a, {
-    className,
-    children,
-    as = "span",
-    align,
-    color,
-    tall,
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "as",
-    "align",
-    "color",
-    "tall",
-    "id",
-    "testid"
-  ]);
-  const Element = as;
-  return /* @__PURE__ */ jsx(
-    Element,
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid,
-      className: clsx(
-        typography.subheader,
-        className,
-        align === "left" && "text-left",
-        align === "center" && "text-center",
-        align === "right" && "text-right",
-        tall && "!leading-6"
-      ),
-      style: __spreadProps(__spreadValues({}, props.style), {
-        color: color ? `var(--color-${color})` : void 0
-      })
-    }, props), {
-      children
-    })
-  );
-};
-Subheader.displayName = "Subheader";
-
-export {
-  Subheader
-};

package/dist/chunk-7ZJIGTFN.js

@@ -1,78 +0,0 @@
-import {
-  ModalContent
-} from "./chunk-E3FOCECQ.js";
-import {
-  useGridContext
-} from "./chunk-5IFPG6TS.js";
-import {
-  Modal
-} from "./chunk-DNNX5EYX.js";
-import {
-  Heading2
-} from "./chunk-GOGNV5TF.js";
-import {
-  Button
-} from "./chunk-J4IMVWT5.js";
-import {
-  Stack
-} from "./chunk-MVDGHWKO.js";
-import {
-  Icon
-} from "./chunk-NKUETCDA.js";
-
-// src/components/MobileDataGrid/RowDetailModalProvider/index.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function RowDetailModalProvider() {
-  var _a;
-  const context = useGridContext();
-  const {
-    id,
-    testid,
-    isRowDetailOpen,
-    currentRow,
-    primaryKey,
-    closeRowDetail
-  } = context;
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      fixedHeightScrolling: true,
-      open: isRowDetailOpen,
-      onClose: closeRowDetail,
-      hideCloseIcon: true,
-      size: "medium",
-      className: "!p-0",
-      headerIcon: /* @__PURE__ */ jsxs(
-        Stack,
-        {
-          horizontal: true,
-          horizontalMobile: true,
-          items: "center",
-          justify: "between",
-          width: "full",
-          children: [
-            /* @__PURE__ */ jsx(Heading2, { children: (_a = currentRow == null ? void 0 : currentRow[primaryKey != null ? primaryKey : "id"]) != null ? _a : "Grid Detail" }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                id: id ? `${id}-close-button` : void 0,
-                testid: testid ? `${testid}-close-button` : void 0,
-                iconOnly: true,
-                variant: "tertiary",
-                onClick: closeRowDetail,
-                leftIcon: /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 24 }) })
-              }
-            )
-          ]
-        }
-      ),
-      customActions: /* @__PURE__ */ jsx(Button, { onClick: closeRowDetail, className: "w-full", children: "Close" }),
-      showButtons: true,
-      children: /* @__PURE__ */ jsx("div", { className: "bg-white max-h-full flex flex-col flex-grow-1", children: /* @__PURE__ */ jsx(ModalContent, {}) })
-    }
-  );
-}
-
-export {
-  RowDetailModalProvider
-};

package/dist/chunk-AJ5M6MVX.js

@@ -1,7 +0,0 @@
-// src/components/MobileDataGrid/GridContextProvider/GridContext.tsx
-import { createContext } from "react";
-var GridContext = createContext(null);
-
-export {
-  GridContext
-};

package/dist/chunk-AT4AWD6B.js

@@ -1,44 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Surface.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-var Surface = (_a) => {
-  var _b = _a, {
-    children,
-    className,
-    elevation = 0,
-    id
-  } = _b, props = __objRest(_b, [
-    "children",
-    "className",
-    "elevation",
-    "id"
-  ]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadProps(__spreadValues({
-      id,
-      className: clsx(
-        "rounded-base",
-        {
-          "shadow-2": elevation === 2,
-          "shadow-4": elevation === 4,
-          "shadow-16": elevation === 16
-        },
-        className
-      )
-    }, props), {
-      children
-    })
-  );
-};
-Surface.displayName = "Surface";
-
-export {
-  Surface
-};

package/dist/chunk-BQNPOGD5.js

@@ -1,105 +0,0 @@
-import {
-  Surface
-} from "./chunk-AT4AWD6B.js";
-import {
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/ProductImagePreview/ZoomWindow.tsx
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function ZoomWindow({
-  image,
-  width,
-  height,
-  pointer,
-  active,
-  zoomFactor = 2,
-  scaleFactor = 2,
-  primaryImagePosition,
-  offset = 10,
-  className = ""
-}) {
-  const imageSrc = useMemo(() => image == null ? void 0 : image.src, [image == null ? void 0 : image.src]);
-  if (!image || !active || !pointer) return null;
-  const zoomWindowSize = pointer.lensSize * scaleFactor;
-  const baseW = pointer.w || width;
-  const baseH = pointer.h || height;
-  const scaledW = baseW * zoomFactor;
-  const scaledH = baseH * zoomFactor;
-  const centerX = pointer.x * baseW * zoomFactor;
-  const centerY = pointer.y * baseH * zoomFactor;
-  const imageOffsetX = zoomWindowSize / 2 - centerX;
-  const imageOffsetY = zoomWindowSize / 2 - centerY;
-  const calculatePosition = () => {
-    if (!primaryImagePosition) {
-      return {
-        position: "fixed",
-        zIndex: 999,
-        top: "50%",
-        left: "50%",
-        transform: "translate(-50%, -50%)"
-      };
-    }
-    const lensLeft = primaryImagePosition.left + pointer.x * primaryImagePosition.width - pointer.lensSize / 2;
-    const lensTop = primaryImagePosition.top + pointer.y * primaryImagePosition.height - pointer.lensSize / 2;
-    let left = lensLeft + pointer.lensSize + offset;
-    let top = lensTop;
-    const { innerWidth, innerHeight } = window;
-    if (left + zoomWindowSize > innerWidth) {
-      left = lensLeft - zoomWindowSize - offset;
-    }
-    if (top + zoomWindowSize > innerHeight) {
-      top = lensTop + pointer.lensSize - zoomWindowSize;
-    }
-    if (top < 0) {
-      top = lensTop;
-    }
-    if (left < 0) {
-      left = lensLeft + pointer.lensSize + offset;
-    }
-    return {
-      position: "fixed",
-      zIndex: 999,
-      left,
-      top
-    };
-  };
-  return /* @__PURE__ */ jsx(
-    Surface,
-    {
-      elevation: 16,
-      className,
-      style: __spreadValues({
-        width: zoomWindowSize,
-        height: zoomWindowSize,
-        position: "fixed",
-        zIndex: 999,
-        overflow: "hidden",
-        pointerEvents: "none",
-        userSelect: "none"
-      }, calculatePosition()),
-      "aria-hidden": true,
-      children: /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: imageSrc,
-          alt: "",
-          className: "pointer-events-none select-none max-w-none object-cover",
-          style: {
-            width: scaledW,
-            height: scaledH,
-            transform: `translate(${imageOffsetX}px, ${imageOffsetY}px)`
-          },
-          draggable: false,
-          loading: "lazy"
-        },
-        imageSrc
-      )
-    }
-  );
-}
-
-export {
-  ZoomWindow
-};

package/dist/chunk-BWPNXY7T.js

@@ -1,78 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-ORMEWXMH.js";
-
-// src/components/Grid.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-var GAP_BY_SIZING = {
-  none: "gap-0",
-  "layout-group": "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-compact-layout-group-gap",
-  layout: "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap",
-  container: "gap-mobile-container-gap desktop:gap-desktop-container-gap compact:gap-compact-container-gap",
-  component: "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-compact-component-gap"
-};
-var PADDING_BY_SIZING = {
-  none: "p-0",
-  container: "p-mobile-container-padding desktop:p-desktop-container-padding compact:p-desktop-compact-container-padding",
-  layout: "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding",
-  "layout-group": "p-mobile-layout-group-padding desktop:p-desktop-layout-group-padding compact:p-desktop-compact-layout-group-padding",
-  component: "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
-};
-var buildColumnClasses = (base, responsive) => {
-  const classes = [`grid-cols-${base}`];
-  if (responsive) {
-    Object.entries(responsive).forEach(([bp, value]) => {
-      if (value && value > 0) classes.push(`${bp}:grid-cols-${value}`);
-    });
-  }
-  return classes.join(" ");
-};
-var Grid = (_a) => {
-  var _b = _a, {
-    children,
-    sizing = "container",
-    padding,
-    columns,
-    responsive,
-    id,
-    testid,
-    style,
-    className
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "sizing",
-    "padding",
-    "columns",
-    "responsive",
-    "id",
-    "testid",
-    "style",
-    "className"
-  ]);
-  var _a2, _b2;
-  const columnClasses = buildColumnClasses(columns, responsive);
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadProps(__spreadValues({
-      id,
-      "data-testid": testid,
-      style
-    }, rest), {
-      className: clsx(
-        "w-full grid",
-        (_a2 = GAP_BY_SIZING[sizing]) != null ? _a2 : GAP_BY_SIZING.container,
-        padding && ((_b2 = PADDING_BY_SIZING[sizing]) != null ? _b2 : PADDING_BY_SIZING.container),
-        columnClasses,
-        className
-      ),
-      children
-    })
-  );
-};
-
-export {
-  Grid
-};

package/dist/chunk-CIYLALYO.js

@@ -1,72 +0,0 @@
-import {
-  Subheader
-} from "./chunk-7Z3WINQ3.js";
-import {
-  Stack
-} from "./chunk-MVDGHWKO.js";
-
-// src/components/SimpleTable.tsx
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SimpleTable({
-  columns,
-  data,
-  additionalRows,
-  testid
-}) {
-  const allRows = additionalRows && additionalRows.length > 0 ? [...data, ...additionalRows] : data;
-  return /* @__PURE__ */ jsx(
-    Stack,
-    {
-      elevation: 4,
-      rounded: true,
-      overflowX: "hidden",
-      overflowY: "hidden",
-      testid,
-      children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-left text-sm border overflow-hidden rounded border-border-primary-normal", children: [
-        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "bg-background-primary-normal divide-x divide-border-primary-normal", children: columns.map((column, index) => {
-          var _a, _b;
-          return /* @__PURE__ */ jsx(
-            "th",
-            {
-              scope: "col",
-              className: clsx(
-                "p-mobile-layout-padding desktop:p-desktop-layout-padding font-semibold text-text-primary-normal",
-                ((_a = column.meta) == null ? void 0 : _a.headerWidth) ? column.meta.headerWidth : "w-2/3"
-              ),
-              children: /* @__PURE__ */ jsx(Subheader, { children: (_b = column.header) == null ? void 0 : _b.toString() })
-            },
-            index
-          );
-        }) }) }),
-        /* @__PURE__ */ jsx("tbody", { children: allRows.map((row, rowIndex) => /* @__PURE__ */ jsx(
-          "tr",
-          {
-            className: "border-t border-border-primary-normal divide-x divide-border-primary-normal",
-            children: columns.map((column, colIndex) => {
-              var _a;
-              const rawValue = column.id ? row[column.id] : null;
-              const cellValue = rawValue != null ? rawValue : null;
-              return /* @__PURE__ */ jsx(
-                "td",
-                {
-                  className: clsx(
-                    "p-mobile-layout-padding desktop:p-desktop-layout-padding align-middle text-text-primary-normal",
-                    (_a = column.meta) == null ? void 0 : _a.headerWidth
-                  ),
-                  children: cellValue !== null && cellValue !== void 0 ? typeof cellValue === "string" || typeof cellValue === "number" ? cellValue.toString() : cellValue : ""
-                },
-                colIndex
-              );
-            })
-          },
-          rowIndex
-        )) })
-      ] })
-    }
-  );
-}
-
-export {
-  SimpleTable
-};