@dmsi/wedgekit-react 1.0.1 → 2.0.1

package/dist/components/MobileDataGrid/GridContextProvider/index.js

@@ -0,0 +1,80 @@
+import { jsx as M } from "react/jsx-runtime";
+import { useReducer as O, useState as v, useCallback as d, useMemo as P } from "react";
+import { dataGridReducer as T } from "../dataGridReducer.js";
+import { GridContext as j } from "./GridContext.js";
+function V(S) {
+  const {
+    initialColumns: m,
+    id: b,
+    testid: h,
+    children: x,
+    data: c,
+    numberOfColumnsToShow: u,
+    primaryKey: n,
+    getId: r,
+    onRowSelect: f
+  } = S, [o, p] = O(T, m), [l, C] = v([]), [w, R] = v(null), y = d(() => {
+    const t = o.map((e) => {
+      const i = m.find((a) => a.id === e.id);
+      return {
+        ...e,
+        meta: {
+          ...e.meta,
+          visible: i?.meta?.visible
+        }
+      };
+    });
+    p({ type: "SET", payload: t });
+  }, [o, m]), g = d(
+    (t) => {
+      const e = r(t) ?? "";
+      if (!e) return;
+      const i = l.includes(e) ? l.filter((a) => a !== e) : [...l, e];
+      C(i), f && f(t, i);
+    },
+    [r, f, l]
+  ), I = d(() => {
+    C((t) => t.length === c.length ? [] : c.map(r).filter((e) => e !== void 0));
+  }, [c, r]), D = d((t) => {
+    R(t);
+  }, []), G = d(() => {
+    R(null);
+  }, []), k = P(() => {
+    const t = typeof u == "number" ? Math.max(u - 1, 0) : void 0;
+    if (n) {
+      const e = o.find((s) => s.id === String(n)), i = o.filter(
+        (s) => s.id !== String(n)
+      );
+      return (e ? [e, ...i] : [...i]).filter((s) => s.meta?.visible !== !1).slice(0, t);
+    }
+    return o.filter((e) => e.meta?.visible !== !1).slice(0, t);
+  }, [o, u, n]);
+  return /* @__PURE__ */ M(
+    j.Provider,
+    {
+      value: {
+        columns: o,
+        testid: h,
+        id: b,
+        data: c,
+        selectedRowIds: l,
+        visibleColumns: k,
+        numberOfColumnsToShow: u,
+        primaryKey: n,
+        dispatch: p,
+        getId: r,
+        resetColumnVisibility: y,
+        handleRowSelect: g,
+        handleRowSelectAll: I,
+        isRowDetailOpen: !!w,
+        currentRow: w,
+        openRowDetail: D,
+        closeRowDetail: G
+      },
+      children: x
+    }
+  );
+}
+export {
+  V as GridContextProvider
+};

package/dist/components/MobileDataGrid/GridContextProvider/useGridContext.js

@@ -0,0 +1,11 @@
+import { useContext as r } from "react";
+import { GridContext as o } from "./GridContext.js";
+function n() {
+  const t = r(o);
+  if (!t)
+    throw new Error("useGridContext must be used within GridContextProvider");
+  return t;
+}
+export {
+  n as useGridContext
+};

package/dist/components/MobileDataGrid/MobileDataGridCard/MobileDataGridColumn.js

@@ -0,0 +1,18 @@
+import { jsxs as a } from "react/jsx-runtime";
+import { Paragraph as i } from "../../Paragraph.js";
+import { formatDate as l } from "../../../utils/date.js";
+function f(o) {
+  const { column: t, data: e } = o;
+  let r;
+  return t.id && (r = e[t.id], t.meta?.format === "date" && typeof r == "string" && (r = l(r))), /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-2 flex-1", children: [
+    /* @__PURE__ */ a(i, { color: "text-secondary-normal", className: "text-left", children: [
+      t.header?.toString(),
+      ":"
+    ] }),
+    " ",
+    r || null
+  ] });
+}
+export {
+  f as MobileDataGridColumn
+};

package/dist/components/MobileDataGrid/MobileDataGridCard/index.d.ts

@@ -1,10 +1,11 @@
 import { RowActions } from '../types';
-export declare function MobileDataGridCard<T extends Record<string, unknown>>({ renderLink, renderChevron, data, enableRowSelection, selected, rowActions, }: {
+export declare function MobileDataGridCard<T extends Record<string, unknown>>({ renderLink, renderChevron, data, enableRowSelection, selected, rowActions, index, }: {
     renderLink?: (data: T) => React.ReactNode;
     renderChevron?: boolean;
     data: T;
     enableRowSelection?: boolean;
     selected?: boolean;
     rowActions?: RowActions<T>;
+    index: number;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MobileDataGrid/MobileDataGridCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileDataGrid/MobileDataGridCard/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACpE,UAAU,EACV,aAAoB,EACpB,IAAI,EACJ,kBAAkB,EAClB,QAAQ,EACR,UAAU,GACX,EAAE;IACD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,CAAC,CAAC;IACR,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CAC5B,2CAgHA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileDataGrid/MobileDataGridCard/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACpE,UAAU,EACV,aAAoB,EACpB,IAAI,EACJ,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,KAAK,GACN,EAAE;IACD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,CAAC,CAAC;IACR,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf,2CAyHA"}

package/dist/components/MobileDataGrid/MobileDataGridCard/index.js

@@ -0,0 +1,130 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { Icon as C } from "../../Icon.js";
+import { Paragraph as x } from "../../Paragraph.js";
+import { Stack as t } from "../../Stack.js";
+import { useGridContext as $ } from "../GridContextProvider/useGridContext.js";
+import { Checkbox as k } from "../../Checkbox.js";
+import { clsx as z } from "../../../node_modules/clsx/dist/clsx.js";
+import { MobileDataGridColumn as v } from "./MobileDataGridColumn.js";
+import { Subheader as G } from "../../Subheader.js";
+import { layoutGroupGap as N, layoutPaddingX as P, paddingYUsingLayoutGroupGap as S } from "../../../classNames.js";
+function L({
+  renderLink: c,
+  renderChevron: g = !0,
+  data: i,
+  enableRowSelection: h,
+  selected: p,
+  rowActions: l,
+  index: u
+}) {
+  const m = $(), { id: a, testid: d, visibleColumns: f, getId: s, handleRowSelect: b, openRowDetail: y } = m;
+  return /* @__PURE__ */ n(
+    "li",
+    {
+      id: a ? `${a}-card-${s(i)}` : void 0,
+      "data-testid": d ? `${d}-card-${s(i)}` : void 0,
+      className: z(
+        "flex flex-col",
+        "last:rounded-b",
+        "hover:bg-action-100 cursor-pointer list-none",
+        p ? "bg-action-100" : u % 2 === 0 ? "bg-background-grouped-primary-normal" : "bg-background-grouped-secondary-normal",
+        N,
+        P,
+        S
+      ),
+      onClick: (e) => {
+        const r = e.target.tagName;
+        r === "INPUT" || r === "SELECT" || r === "BUTTON" || r === "TEXTAREA" || y(i);
+      },
+      children: [
+        /* @__PURE__ */ n(t, { sizing: "component", children: [
+          /* @__PURE__ */ n(t, { horizontal: !0, horizontalMobile: !0, items: "center", justify: "between", children: [
+            h && /* @__PURE__ */ o(
+              t,
+              {
+                sizing: "component",
+                padding: !0,
+                width: "fit",
+                style: { paddingLeft: 0, paddingRight: 8 },
+                onClick: (e) => e.stopPropagation(),
+                children: /* @__PURE__ */ o(
+                  k,
+                  {
+                    id: a ? `${a}-${s(i)}-select-checkbox` : void 0,
+                    testid: d ? `${d}-${s(i)}-select-checkbox` : void 0,
+                    checked: p,
+                    onChange: () => b(i)
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ o(
+              t,
+              {
+                sizing: "component",
+                padding: !0,
+                onClick: (e) => e.stopPropagation(),
+                style: { paddingInline: 0 },
+                children: c ? c(i) : /* @__PURE__ */ o(G, { children: String(i[m.primaryKey] ?? "") })
+              }
+            ),
+            /* @__PURE__ */ o(
+              t,
+              {
+                horizontal: !0,
+                horizontalMobile: !0,
+                items: "center",
+                justify: "end",
+                sizing: "component",
+                onClick: (e) => e.stopPropagation(),
+                children: l && (typeof l == "function" ? l(i) : l)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o(t, { sizing: "layout-group", children: f.filter((e) => e.meta?.visible !== !1 && !e.id?.startsWith("__")).map(
+            (e, r) => e.meta?.useCustomRenderer && e.meta.mobileCell && e.id ? /* @__PURE__ */ n(
+              "div",
+              {
+                className: "grid grid-cols-2 gap-2 items-center flex-1",
+                children: [
+                  /* @__PURE__ */ n(
+                    x,
+                    {
+                      color: "text-secondary-normal",
+                      className: "text-left",
+                      children: [
+                        e.header?.toString(),
+                        ":"
+                      ]
+                    }
+                  ),
+                  " ",
+                  /* @__PURE__ */ o(
+                    e.meta.mobileCell,
+                    {
+                      column: e,
+                      row: i,
+                      cellValue: i[e.id]
+                    }
+                  )
+                ]
+              },
+              `${e.id}-${r}`
+            ) : /* @__PURE__ */ o(
+              v,
+              {
+                column: e,
+                data: i
+              },
+              `${e.id}-${r}`
+            )
+          ) })
+        ] }),
+        g && /* @__PURE__ */ o(t, { items: "center", justify: "center", horizontal: !0, horizontalMobile: !0, children: /* @__PURE__ */ o("span", { className: "text-icon-primary-normal", children: /* @__PURE__ */ o(C, { name: "keyboard_arrow_down" }) }) })
+      ]
+    }
+  );
+}
+export {
+  L as MobileDataGridCard
+};

package/dist/components/MobileDataGrid/MobileDataGridHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileDataGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/MobileDataGrid/MobileDataGridHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGpE,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,MAAM,EAAE,MAAM,EACd,oBAAoB,EACpB,kBAAkB,GACnB,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACjE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,kDAiEA"}
+{"version":3,"file":"MobileDataGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/MobileDataGrid/MobileDataGridHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGpE,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,MAAM,EAAE,MAAM,EACd,oBAAoB,EACpB,kBAAkB,GACnB,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACjE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,kDAgEA"}

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -0,0 +1,67 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { Checkbox as u } from "../Checkbox.js";
+import { Heading3 as g } from "../Heading.js";
+import { Stack as c } from "../Stack.js";
+import { Theme as b } from "../Theme.js";
+import { ColumnSelector as x } from "./ColumnSelector/index.js";
+import { useGridContext as y } from "./GridContextProvider/useGridContext.js";
+function j({
+  header: t,
+  enableColumnSelector: a,
+  enableRowSelection: m
+}) {
+  const l = y(), {
+    id: r,
+    testid: o,
+    selectedRowIds: i,
+    data: d,
+    primaryKey: n,
+    columns: s,
+    handleRowSelectAll: h
+  } = l;
+  return typeof t > "u" && !n ? null : typeof t == "function" ? /* @__PURE__ */ e(t, { ...l }) : typeof t == "string" || n ? /* @__PURE__ */ e(
+    "div",
+    {
+      id: r ? `${r}-header` : void 0,
+      "data-testid": o ? `${o}-header` : void 0,
+      className: "sticky top-0",
+      children: /* @__PURE__ */ e(b, { theme: "brand", children: /* @__PURE__ */ p(
+        c,
+        {
+          horizontal: !0,
+          horizontalMobile: !0,
+          items: "center",
+          justify: "between",
+          backgroundColor: "background-primary-normal",
+          children: [
+            m && /* @__PURE__ */ e("div", { className: "p-mobile-component-padding border-r border-brand-200 max-w-fit self-stretch flex items-center", children: /* @__PURE__ */ e(
+              u,
+              {
+                id: r ? `${r}-select-all-checkbox` : void 0,
+                testid: o ? `${o}-select-all-checkbox` : void 0,
+                checked: i.length === d.length,
+                indeterminate: !!i.length && i.length !== d.length,
+                onChange: h
+              }
+            ) }),
+            /* @__PURE__ */ e(
+              c,
+              {
+                horizontal: !0,
+                horizontalMobile: !0,
+                items: "center",
+                sizing: "component",
+                padding: !0,
+                children: /* @__PURE__ */ e(g, { as: "span", color: "text-primary-normal", children: typeof t == "string" ? t : s.find((f) => f.id === n)?.header?.toString() })
+              }
+            ),
+            a && /* @__PURE__ */ e(x, {})
+          ]
+        }
+      ) })
+    }
+  ) : null;
+}
+export {
+  j as MobileDataGridHeader
+};

package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js

@@ -0,0 +1,42 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Paragraph as l } from "../../Paragraph.js";
+import { Stack as d } from "../../Stack.js";
+import { useGridContext as m } from "../GridContextProvider/useGridContext.js";
+import { MobileDataGridColumn as n } from "../MobileDataGridCard/MobileDataGridColumn.js";
+function h() {
+  const a = m(), { columns: s, currentRow: r } = a;
+  return r ? /* @__PURE__ */ e(d, { sizing: "layout-group", children: s.filter((t) => !t.id?.startsWith("__")).map(
+    (t, i) => t.meta?.useCustomRenderer && t.meta.mobileCell && t.id ? /* @__PURE__ */ o(
+      "div",
+      {
+        className: "grid grid-cols-2 gap-2 items-center flex-1",
+        children: [
+          /* @__PURE__ */ o(l, { color: "text-secondary-normal", className: "text-left", children: [
+            t.header?.toString(),
+            ":"
+          ] }),
+          " ",
+          /* @__PURE__ */ e(
+            t.meta.mobileCell,
+            {
+              column: t,
+              row: r,
+              cellValue: r?.[t.id]
+            }
+          )
+        ]
+      },
+      `${t.id}-${i}`
+    ) : /* @__PURE__ */ e(
+      n,
+      {
+        column: t,
+        data: r
+      },
+      `${t.id}-${i}`
+    )
+  ) }) : null;
+}
+export {
+  h as ModalContent
+};

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileDataGrid/RowDetailModalProvider/index.tsx"],"names":[],"mappings":"AAQA,wBAAgB,sBAAsB,4CA2DrC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileDataGrid/RowDetailModalProvider/index.tsx"],"names":[],"mappings":"AAQA,wBAAgB,sBAAsB,4CA0DrC"}

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js

@@ -0,0 +1,58 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { Button as r } from "../../Button.js";
+import { Heading2 as m } from "../../Heading.js";
+import { Icon as d } from "../../Icon.js";
+import { Modal as u } from "../../Modal.js";
+import { Stack as f } from "../../Stack.js";
+import { useGridContext as p } from "../GridContextProvider/useGridContext.js";
+import { ModalContent as h } from "./ModalContent.js";
+function I() {
+  const n = p(), {
+    id: t,
+    testid: i,
+    isRowDetailOpen: l,
+    currentRow: s,
+    primaryKey: c,
+    closeRowDetail: e
+  } = n;
+  return /* @__PURE__ */ o(
+    u,
+    {
+      open: l,
+      onClose: e,
+      hideCloseIcon: !0,
+      size: "medium",
+      className: "!p-0",
+      headerIcon: /* @__PURE__ */ a(
+        f,
+        {
+          horizontal: !0,
+          horizontalMobile: !0,
+          items: "center",
+          justify: "between",
+          width: "full",
+          children: [
+            /* @__PURE__ */ o(m, { children: s?.[c ?? "id"] ?? "Grid Detail" }),
+            /* @__PURE__ */ o(
+              r,
+              {
+                id: t ? `${t}-close-button` : void 0,
+                testid: i ? `${i}-close-button` : void 0,
+                iconOnly: !0,
+                variant: "tertiary",
+                onClick: e,
+                leftIcon: /* @__PURE__ */ o("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ o(d, { name: "close", size: 24 }) })
+              }
+            )
+          ]
+        }
+      ),
+      customActions: /* @__PURE__ */ o(r, { onClick: e, className: "w-full", children: "Close" }),
+      showButtons: !0,
+      children: /* @__PURE__ */ o("div", { className: "bg-white max-h-full flex flex-col flex-grow-1", children: /* @__PURE__ */ o(h, {}) })
+    }
+  );
+}
+export {
+  I as RowDetailModalProvider
+};

package/dist/components/MobileDataGrid/dataGridReducer.js

@@ -0,0 +1,28 @@
+function p(d, r) {
+  const { type: t, payload: i } = r;
+  let e = null;
+  switch (r.type === "INSERT" && r.pos === "INDEX" && (e = r.index), r.type === "UPDATE" && (e = r.index ?? d.filter(({ id: n }) => !!n).findIndex(({ id: n }) => n === r.id)), t) {
+    case "SET":
+      return [...i];
+    case "UPDATE":
+      if (typeof e != "number" || e < 0)
+        throw new Error("action.(id | index) must be provided.");
+      return [
+        ...d.slice(0, e),
+        {
+          ...d[e],
+          ...i,
+          meta: {
+            ...d[e].meta ?? {},
+            ...i.meta ?? {}
+          }
+        },
+        ...d.slice(e + 1)
+      ];
+    default:
+      throw new Error("Action type not implemented.");
+  }
+}
+export {
+  p as dataGridReducer
+};

package/dist/components/MobileDataGrid/index.d.ts

@@ -22,5 +22,5 @@ export type MobileDataGridProps<T> = {
     rowActions?: RowActions<T>;
     rounded?: boolean;
 };
-export declare function MobileDataGrid<T extends RowData>(props: MobileDataGridProps<T> & ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function MobileDataGrid<T extends RowData>(props: MobileDataGridProps<T> & ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MobileDataGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGpE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACjE,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,cAAc,CAAC,CAAC,SAAS,OAAO,EAC9C,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,2CA2DtD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MobileDataGrid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGpE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACjE,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,cAAc,CAAC,CAAC,SAAS,OAAO,EAC9C,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,2CA4DtD"}

package/dist/components/MobileDataGrid/index.js

@@ -0,0 +1,78 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { MobileDataGridHeader as x } from "./MobileDataGridHeader.js";
+import { GridContextProvider as y } from "./GridContextProvider/index.js";
+import { RowDetailModalProvider as D } from "./RowDetailModalProvider/index.js";
+import { ColumnList as G } from "./ColumnList.js";
+import { Stack as M } from "../Stack.js";
+function L(i) {
+  const {
+    columns: t,
+    data: d,
+    renderLink: n,
+    renderChevron: l,
+    getId: m,
+    id: a,
+    testid: f,
+    enableColumnSelector: s,
+    enableRowSelection: e,
+    header: h,
+    withBorder: u = !0,
+    footer: c,
+    onRowSelect: p,
+    numberOfColumnsToShow: w,
+    primaryKey: b,
+    hideHeader: v,
+    rowActions: C,
+    rounded: S = !0
+  } = i;
+  return /* @__PURE__ */ o(
+    y,
+    {
+      initialColumns: t,
+      id: a,
+      testid: f,
+      data: d,
+      getId: m,
+      onRowSelect: p,
+      numberOfColumnsToShow: w,
+      primaryKey: b,
+      children: [
+        /* @__PURE__ */ o(
+          M,
+          {
+            height: "full",
+            rounded: S,
+            overflowX: "hidden",
+            overflowY: "hidden",
+            className: u ? "border border-border-primary-normal" : void 0,
+            children: [
+              !v && /* @__PURE__ */ r(
+                x,
+                {
+                  header: h,
+                  enableColumnSelector: s,
+                  enableRowSelection: e
+                }
+              ),
+              /* @__PURE__ */ r(
+                G,
+                {
+                  withBorder: !1,
+                  renderLink: n,
+                  renderChevron: l,
+                  enableRowSelection: e,
+                  footer: c,
+                  rowActions: C
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(D, {})
+      ]
+    }
+  );
+}
+export {
+  L as MobileDataGrid
+};

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

@@ -1 +1 @@
-{"version":3,"file":"MobileNavMenu.d.ts","sourceRoot":"","sources":["../../src/components/MobileNavMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,SAAS,EAA+B,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAc,eAAe,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAWlF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,EAAE,eAAe,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,sDAAsD;IACtD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;CAC5C,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,MAAM,EACN,WAAW,EACX,IAAI,EACJ,OAAO,EACP,UAAU,EACV,SAAkB,EAClB,MAAM,EACN,mBAA2B,EAC3B,KAAe,EACf,kBAAkB,GACnB,EAAE,kBAAkB,sCA0KpB"}
+{"version":3,"file":"MobileNavMenu.d.ts","sourceRoot":"","sources":["../../src/components/MobileNavMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAc,eAAe,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAYlF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,EAAE,eAAe,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,sDAAsD;IACtD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;CAC5C,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,MAAM,EACN,WAAW,EACX,IAAI,EACJ,OAAO,EACP,UAAU,EACV,SAAkB,EAClB,MAAM,EACN,mBAA2B,EAC3B,KAAe,EACf,kBAAkB,GACnB,EAAE,kBAAkB,sCA4MpB"}