@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/DataTable/DataTable.mjs

@@ -0,0 +1,339 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { forwardRef as T, useState as M, useCallback as pe, useMemo as me } from "react";
+import { Search as be, ChevronUp as E, ChevronDown as Ne, MoreHorizontal as ge, Inbox as ye, ChevronLeft as ke, ChevronRight as ue } from "lucide-react";
+import e from "./DataTable.module.css.mjs";
+const K = T(
+  ({ left: i, right: c, children: p, className: N, ...v }, d) => /* @__PURE__ */ n("div", { ref: d, className: `${e.toolbar} ${N || ""}`, ...v, children: [
+    i && /* @__PURE__ */ t("div", { className: e.toolbarLeft, children: i }),
+    p,
+    c && /* @__PURE__ */ t("div", { className: e.toolbarRight, children: c })
+  ] })
+);
+K.displayName = "DataTable.Toolbar";
+const z = T(({ pagination: i, onChange: c, className: p, ...N }, v) => {
+  const {
+    page: d,
+    pageSize: m,
+    total: u,
+    pageSizeOptions: D = [10, 25, 50, 100]
+  } = i, g = Math.ceil(u / m), I = (d - 1) * m + 1, f = Math.min(d * m, u), $ = (h) => {
+    h >= 1 && h <= g && c({ page: h, pageSize: m });
+  }, k = (h) => {
+    c({ page: 1, pageSize: Number(h.target.value) });
+  };
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: v,
+      className: `${e.pagination} ${p || ""}`,
+      ...N,
+      children: [
+        /* @__PURE__ */ n("div", { className: e.paginationInfo, children: [
+          /* @__PURE__ */ n("span", { className: e.paginationText, children: [
+            I,
+            "-",
+            f,
+            " of ",
+            u
+          ] }),
+          /* @__PURE__ */ t(
+            "select",
+            {
+              className: e.pageSizeSelect,
+              value: m,
+              onChange: k,
+              children: D.map((h) => /* @__PURE__ */ n("option", { value: h, children: [
+                h,
+                " / page"
+              ] }, h))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: e.paginationControls, children: [
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: e.paginationButton,
+              onClick: () => $(d - 1),
+              disabled: d <= 1,
+              "aria-label": "Previous page",
+              children: /* @__PURE__ */ t(ke, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: e.paginationPages, children: [
+            d,
+            " / ",
+            g
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: e.paginationButton,
+              onClick: () => $(d + 1),
+              disabled: d >= g,
+              "aria-label": "Next page",
+              children: /* @__PURE__ */ t(ue, { size: 16 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+z.displayName = "DataTable.Pagination";
+const O = T(({ state: i, className: c, ...p }, N) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: N,
+    className: `${e.emptyState} ${c || ""}`,
+    ...p,
+    children: [
+      i.icon && /* @__PURE__ */ t("div", { className: e.emptyIcon, children: i.icon }),
+      /* @__PURE__ */ t("h3", { className: e.emptyTitle, children: i.title }),
+      i.description && /* @__PURE__ */ t("p", { className: e.emptyDescription, children: i.description }),
+      i.action && /* @__PURE__ */ t("div", { className: e.emptyAction, children: i.action })
+    ]
+  }
+));
+O.displayName = "DataTable.EmptyState";
+function fe({
+  columns: i,
+  data: c,
+  rowKey: p = "id",
+  searchable: N = !1,
+  searchPlaceholder: v = "Search...",
+  searchValue: d,
+  onSearchChange: m,
+  pagination: u,
+  onPaginationChange: D,
+  selectable: g = !1,
+  selectedKeys: I,
+  onSelectionChange: f,
+  bulkActions: $,
+  rowActions: k,
+  sort: h,
+  onSortChange: S,
+  emptyState: W,
+  loading: H = !1,
+  striped: U = !1,
+  hoverable: q = !0,
+  compact: F = !1,
+  stickyHeader: G = !1,
+  maxHeight: J,
+  onRowClick: Q,
+  toolbar: R,
+  className: X,
+  ...Y
+}, Z) {
+  const [_, w] = M(""), [ee, V] = M([]), [ae, te] = M(), [j, A] = M(null), C = d ?? _, o = I ?? ee, b = h ?? ae, L = pe(
+    (a, l) => typeof p == "function" ? p(a, l) : a[p] ?? l,
+    [p]
+  ), le = (a) => {
+    const l = a.target.value;
+    m ? m(l) : w(l);
+  }, se = (a) => {
+    if (!a.sortable) return;
+    let l;
+    b?.key === a.key ? b.direction === "asc" ? l = { key: a.key, direction: "desc" } : l = void 0 : l = { key: a.key, direction: "asc" }, S ? S(l) : te(l);
+  }, ne = () => {
+    const a = c.map((r, y) => L(r, y)), l = o.length === c.length ? [] : a;
+    f ? f(l) : V(l);
+  }, ie = (a) => {
+    const l = o.includes(a) ? o.filter((r) => r !== a) : [...o, a];
+    f ? f(l) : V(l);
+  }, x = me(() => {
+    let a = [...c];
+    if (!m && C) {
+      const l = C.toLowerCase();
+      a = a.filter(
+        (r) => Object.values(r).some(
+          (y) => String(y).toLowerCase().includes(l)
+        )
+      );
+    }
+    return !S && b && a.sort((l, r) => {
+      const y = l[b.key], s = r[b.key], B = String(y).localeCompare(String(s));
+      return b.direction === "asc" ? B : -B;
+    }), a;
+  }, [c, C, b, m, S]), ce = [e.dataTable, F && e.compact, X].filter(Boolean).join(" "), re = [
+    e.table,
+    U && e.striped,
+    q && e.hoverable,
+    G && e.stickyHeader
+  ].filter(Boolean).join(" "), oe = c.length > 0 && o.length === c.length, de = o.length > 0 && o.length < c.length, he = {
+    icon: /* @__PURE__ */ t(ye, { size: 48 }),
+    title: "No data",
+    description: "There are no items to display."
+  };
+  return /* @__PURE__ */ n("div", { ref: Z, className: ce, ...Y, children: [
+    (N || R || g && o.length > 0) && /* @__PURE__ */ n("div", { className: e.toolbar, children: [
+      /* @__PURE__ */ n("div", { className: e.toolbarLeft, children: [
+        g && o.length > 0 && $ && /* @__PURE__ */ n("div", { className: e.bulkActions, children: [
+          /* @__PURE__ */ n("span", { className: e.selectedCount, children: [
+            o.length,
+            " selected"
+          ] }),
+          $.map((a) => /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              className: `${e.bulkAction} ${a.variant === "danger" ? e.bulkActionDanger : ""}`,
+              onClick: () => a.onClick(o),
+              children: [
+                a.icon,
+                /* @__PURE__ */ t("span", { children: a.label })
+              ]
+            },
+            a.key
+          ))
+        ] }),
+        R
+      ] }),
+      /* @__PURE__ */ t("div", { className: e.toolbarRight, children: N && /* @__PURE__ */ n("div", { className: e.searchWrapper, children: [
+        /* @__PURE__ */ t(be, { size: 16, className: e.searchIcon }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            className: e.searchInput,
+            placeholder: v,
+            value: C,
+            onChange: le
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: e.tableContainer, style: { maxHeight: J }, children: H ? /* @__PURE__ */ t("div", { className: e.loadingOverlay, children: /* @__PURE__ */ t("div", { className: e.spinner }) }) : x.length === 0 ? /* @__PURE__ */ t(
+      O,
+      {
+        state: W || he
+      }
+    ) : /* @__PURE__ */ n("table", { className: re, children: [
+      /* @__PURE__ */ t("thead", { className: e.thead, children: /* @__PURE__ */ n("tr", { children: [
+        g && /* @__PURE__ */ t("th", { className: `${e.th} ${e.checkboxCell}`, children: /* @__PURE__ */ t(
+          "input",
+          {
+            type: "checkbox",
+            className: e.checkbox,
+            checked: oe,
+            ref: (a) => {
+              a && (a.indeterminate = de);
+            },
+            onChange: ne,
+            "aria-label": "Select all rows"
+          }
+        ) }),
+        i.map((a) => /* @__PURE__ */ t(
+          "th",
+          {
+            className: `${e.th} ${a.sortable ? e.sortable : ""} ${a.sticky ? e[`sticky-${a.sticky}`] : ""} ${a.hideOnMobile ? e.hideOnMobile : ""}`,
+            style: {
+              width: a.width,
+              minWidth: a.minWidth,
+              textAlign: a.align
+            },
+            onClick: () => se(a),
+            children: /* @__PURE__ */ n("span", { className: e.thContent, children: [
+              a.header,
+              a.sortable && /* @__PURE__ */ t("span", { className: e.sortIcon, children: b?.key === a.key ? b.direction === "asc" ? /* @__PURE__ */ t(E, { size: 14 }) : /* @__PURE__ */ t(Ne, { size: 14 }) : /* @__PURE__ */ t(
+                E,
+                {
+                  size: 14,
+                  className: e.sortIconInactive
+                }
+              ) })
+            ] })
+          },
+          a.key
+        )),
+        k && k.length > 0 && /* @__PURE__ */ t("th", { className: `${e.th} ${e.actionsCell}`, children: /* @__PURE__ */ t("span", { className: "sr-only", children: "Actions" }) })
+      ] }) }),
+      /* @__PURE__ */ t("tbody", { className: e.tbody, children: x.map((a, l) => {
+        const r = L(a, l), y = o.includes(r);
+        return /* @__PURE__ */ n(
+          "tr",
+          {
+            className: `${e.tr} ${y ? e.trSelected : ""}`,
+            onClick: (s) => {
+              s.target.closest(
+                `.${e.checkbox}`
+              ) || s.target.closest(
+                `.${e.actionMenu}`
+              ) || Q?.(a, l);
+            },
+            children: [
+              g && /* @__PURE__ */ t("td", { className: `${e.td} ${e.checkboxCell}`, children: /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "checkbox",
+                  className: e.checkbox,
+                  checked: y,
+                  onChange: () => ie(r),
+                  "aria-label": `Select row ${l + 1}`
+                }
+              ) }),
+              i.map((s) => /* @__PURE__ */ t(
+                "td",
+                {
+                  className: `${e.td} ${s.sticky ? e[`sticky-${s.sticky}`] : ""} ${s.hideOnMobile ? e.hideOnMobile : ""}`,
+                  style: { textAlign: s.align },
+                  children: s.render ? s.render(a[s.key], a, l) : String(a[s.key] ?? "")
+                },
+                s.key
+              )),
+              k && k.length > 0 && /* @__PURE__ */ t("td", { className: `${e.td} ${e.actionsCell}`, children: /* @__PURE__ */ n("div", { className: e.actionMenu, children: [
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: e.actionMenuTrigger,
+                    onClick: () => A(
+                      j === r ? null : r
+                    ),
+                    "aria-label": "Row actions",
+                    children: /* @__PURE__ */ t(ge, { size: 16 })
+                  }
+                ),
+                j === r && /* @__PURE__ */ t("div", { className: e.actionMenuDropdown, children: k.filter(
+                  (s) => !s.show || s.show(a)
+                ).map((s) => /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    className: `${e.actionMenuItem} ${s.variant === "danger" ? e.actionMenuItemDanger : ""}`,
+                    onClick: () => {
+                      s.onClick(a), A(null);
+                    },
+                    children: [
+                      s.icon,
+                      /* @__PURE__ */ t("span", { children: s.label })
+                    ]
+                  },
+                  s.key
+                )) })
+              ] }) })
+            ]
+          },
+          r
+        );
+      }) })
+    ] }) }),
+    u && x.length > 0 && /* @__PURE__ */ t(
+      z,
+      {
+        pagination: u,
+        onChange: D || (() => {
+        })
+      }
+    )
+  ] });
+}
+const P = T(fe);
+P.Toolbar = K;
+P.Pagination = z;
+P.EmptyState = O;
+export {
+  P as DataTable
+};

package/dist/components/DataTable/DataTable.module.css

@@ -0,0 +1 @@
+._dataTable_ncnxg_8{display:flex;flex-direction:column;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);overflow:hidden}._toolbar_ncnxg_21{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}._toolbarLeft_ncnxg_31{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}._toolbarRight_ncnxg_38{display:flex;align-items:center;gap:var(--spacing-3);margin-left:auto}._searchWrapper_ncnxg_46{position:relative;display:flex;align-items:center}._searchIcon_ncnxg_52{position:absolute;left:var(--spacing-3);color:var(--text-tertiary);pointer-events:none}._searchInput_ncnxg_59{padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-9);font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-primary);background:var(--surface-subtle);border:1px solid transparent;border-radius:var(--radius-sm);width:240px;transition:border-color var(--mode-hover-duration),background-color var(--mode-hover-duration)}._searchInput_ncnxg_59:focus{outline:none;background:var(--surface-base);border-color:var(--interactive-primary)}._searchInput_ncnxg_59::placeholder{color:var(--text-tertiary)}._bulkActions_ncnxg_84{display:flex;align-items:center;gap:var(--spacing-2)}._selectedCount_ncnxg_90{font-family:var(--font-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);color:var(--text-secondary);padding-right:var(--spacing-2);border-right:1px solid var(--border-subtle);margin-right:var(--spacing-1)}._bulkAction_ncnxg_84{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1-5) var(--spacing-2);font-family:var(--font-secondary);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration)}._bulkAction_ncnxg_84:hover{background:var(--surface-subtle);color:var(--text-primary)}._bulkActionDanger_ncnxg_123:hover{background:var(--status-error-bg);color:var(--text-error)}._tableContainer_ncnxg_132{overflow:auto;position:relative}._table_ncnxg_132{width:100%;border-collapse:collapse;font-family:var(--font-secondary);font-size:var(--font-size-13)}._stickyHeader_ncnxg_153 ._thead_ncnxg_149{position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface-base)}._th_ncnxg_149{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--border-subtle)}._thContent_ncnxg_172{display:inline-flex;align-items:center;gap:var(--spacing-1)}._sortable_ncnxg_178{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--mode-hover-duration)}._sortable_ncnxg_178:hover{color:var(--text-primary)}._sortIcon_ncnxg_188{display:inline-flex}._sortIconInactive_ncnxg_192{opacity:.3}._tbody_ncnxg_197{background:var(--surface-base)}._tr_ncnxg_201{border-bottom:1px solid var(--border-subtle);transition:background-color var(--mode-hover-duration)}._tr_ncnxg_201:last-child{border-bottom:none}._hoverable_ncnxg_210 ._tr_ncnxg_201:hover{background:var(--surface-subtle)}._trSelected_ncnxg_214,._trSelected_ncnxg_214:hover{background:var(--status-info-bg)}._striped_ncnxg_222 ._tr_ncnxg_201:nth-child(2n){background:var(--surface-subtle)}._td_ncnxg_226{padding:var(--spacing-3);color:var(--text-primary);vertical-align:middle}._checkboxCell_ncnxg_233{width:40px;text-align:center;padding-left:var(--spacing-3);padding-right:0}._checkbox_ncnxg_233{width:16px;height:16px;cursor:pointer;accent-color:var(--interactive-primary)}._actionsCell_ncnxg_248{width:48px;text-align:center;padding:var(--spacing-1)}._sticky-left_ncnxg_255{position:sticky;left:0;background:inherit;z-index:var(--z-sticky)}._sticky-right_ncnxg_262{position:sticky;right:0;background:inherit;z-index:var(--z-sticky)}._actionMenu_ncnxg_273{position:relative}._actionMenuTrigger_ncnxg_277{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-tertiary);transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration)}._actionMenuTrigger_ncnxg_277:hover{background:var(--surface-subtle);color:var(--text-primary)}._actionMenuDropdown_ncnxg_298{position:absolute;top:100%;right:0;min-width:160px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--spacing-1)}._actionMenuItem_ncnxg_311{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--mode-hover-duration)}._actionMenuItem_ncnxg_311:hover{background:var(--surface-subtle)}._actionMenuItemDanger_ncnxg_332{color:var(--text-error)}._actionMenuItemDanger_ncnxg_332:hover{background:var(--status-error-bg)}._pagination_ncnxg_344{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-subtle);gap:var(--spacing-4);flex-wrap:wrap}._paginationInfo_ncnxg_354{display:flex;align-items:center;gap:var(--spacing-3)}._paginationText_ncnxg_360{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary)}._pageSizeSelect_ncnxg_366{padding:var(--spacing-1) var(--spacing-2);font-family:var(--font-secondary);font-size:var(--font-size-12);color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer}._paginationControls_ncnxg_377{display:flex;align-items:center;gap:var(--spacing-2)}._paginationButton_ncnxg_383{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:background-color var(--mode-hover-duration),color var(--mode-hover-duration)}._paginationButton_ncnxg_383:hover:not(:disabled){background:var(--surface-layer);color:var(--text-primary)}._paginationButton_ncnxg_383:disabled{opacity:.5;cursor:not-allowed}._paginationPages_ncnxg_409{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);min-width:60px;text-align:center}._emptyState_ncnxg_421{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);text-align:center}._emptyIcon_ncnxg_430{color:var(--text-tertiary);margin-bottom:var(--spacing-4)}._emptyTitle_ncnxg_435{font-family:var(--font-secondary);font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}._emptyDescription_ncnxg_443{font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);margin:0 0 var(--spacing-4) 0;max-width:320px}._emptyAction_ncnxg_451{margin-top:var(--spacing-2)}._loadingOverlay_ncnxg_459{display:flex;align-items:center;justify-content:center;padding:var(--spacing-16)}._spinner_ncnxg_466{width:32px;height:32px;border:3px solid var(--surface-subtle);border-top-color:var(--interactive-primary);border-radius:50%;animation:_spin_ncnxg_466 .8s linear infinite}@keyframes _spin_ncnxg_466{to{transform:rotate(360deg)}}._compact_ncnxg_485 ._th_ncnxg_149,._compact_ncnxg_485 ._td_ncnxg_226{padding:var(--spacing-2);font-size:var(--font-size-12)}._compact_ncnxg_485 ._toolbar_ncnxg_21,._compact_ncnxg_485 ._pagination_ncnxg_344{padding:var(--spacing-2) var(--spacing-3)}@media(max-width:768px){._hideOnMobile_ncnxg_503{display:none}._toolbar_ncnxg_21{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}._toolbarRight_ncnxg_38{margin-left:0}._searchInput_ncnxg_59{width:100%}._pagination_ncnxg_344{flex-direction:column;gap:var(--spacing-3)}._paginationInfo_ncnxg_354{width:100%;justify-content:space-between}._paginationControls_ncnxg_377{width:100%;justify-content:center}}

package/dist/components/DataTable/DataTable.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_dataTable_ncnxg_8",t="_toolbar_ncnxg_21",o="_toolbarLeft_ncnxg_31",e="_toolbarRight_ncnxg_38",c="_searchWrapper_ncnxg_46",a="_searchIcon_ncnxg_52",_="_searchInput_ncnxg_59",i="_bulkActions_ncnxg_84",s="_selectedCount_ncnxg_90",g="_bulkAction_ncnxg_84",r="_bulkActionDanger_ncnxg_123",l="_tableContainer_ncnxg_132",p="_table_ncnxg_132",x="_thead_ncnxg_149",b="_stickyHeader_ncnxg_153",u="_th_ncnxg_149",d="_thContent_ncnxg_172",h="_sortable_ncnxg_178",y="_sortIcon_ncnxg_188",I="_sortIconInactive_ncnxg_192",m="_tbody_ncnxg_197",k="_tr_ncnxg_201",M="_hoverable_ncnxg_210",C="_trSelected_ncnxg_214",S="_striped_ncnxg_222",T="_td_ncnxg_226",A="_checkboxCell_ncnxg_233",D="_checkbox_ncnxg_233",v="_actionsCell_ncnxg_248",f="_actionMenu_ncnxg_273",O="_actionMenuTrigger_ncnxg_277",P="_actionMenuDropdown_ncnxg_298",w="_actionMenuItem_ncnxg_311",z="_actionMenuItemDanger_ncnxg_332",B="_pagination_ncnxg_344",H="_paginationInfo_ncnxg_354",L="_paginationText_ncnxg_360",R="_pageSizeSelect_ncnxg_366",W="_paginationControls_ncnxg_377",j="_paginationButton_ncnxg_383",q="_paginationPages_ncnxg_409",E="_emptyState_ncnxg_421",F="_emptyIcon_ncnxg_430",G="_emptyTitle_ncnxg_435",J="_emptyDescription_ncnxg_443",K="_emptyAction_ncnxg_451",N="_loadingOverlay_ncnxg_459",Q="_spinner_ncnxg_466",U="_spin_ncnxg_466",V="_compact_ncnxg_485",X="_hideOnMobile_ncnxg_503",Y={dataTable:n,toolbar:t,toolbarLeft:o,toolbarRight:e,searchWrapper:c,searchIcon:a,searchInput:_,bulkActions:i,selectedCount:s,bulkAction:g,bulkActionDanger:r,tableContainer:l,table:p,thead:x,stickyHeader:b,th:u,thContent:d,sortable:h,sortIcon:y,sortIconInactive:I,tbody:m,tr:k,hoverable:M,trSelected:C,striped:S,td:T,checkboxCell:A,checkbox:D,actionsCell:v,"sticky-left":"_sticky-left_ncnxg_255","sticky-right":"_sticky-right_ncnxg_262",actionMenu:f,actionMenuTrigger:O,actionMenuDropdown:P,actionMenuItem:w,actionMenuItemDanger:z,pagination:B,paginationInfo:H,paginationText:L,pageSizeSelect:R,paginationControls:W,paginationButton:j,paginationPages:q,emptyState:E,emptyIcon:F,emptyTitle:G,emptyDescription:J,emptyAction:K,loadingOverlay:N,spinner:Q,spin:U,compact:V,hideOnMobile:X};exports.actionMenu=f;exports.actionMenuDropdown=P;exports.actionMenuItem=w;exports.actionMenuItemDanger=z;exports.actionMenuTrigger=O;exports.actionsCell=v;exports.bulkAction=g;exports.bulkActionDanger=r;exports.bulkActions=i;exports.checkbox=D;exports.checkboxCell=A;exports.compact=V;exports.dataTable=n;exports.default=Y;exports.emptyAction=K;exports.emptyDescription=J;exports.emptyIcon=F;exports.emptyState=E;exports.emptyTitle=G;exports.hideOnMobile=X;exports.hoverable=M;exports.loadingOverlay=N;exports.pageSizeSelect=R;exports.pagination=B;exports.paginationButton=j;exports.paginationControls=W;exports.paginationInfo=H;exports.paginationPages=q;exports.paginationText=L;exports.searchIcon=a;exports.searchInput=_;exports.searchWrapper=c;exports.selectedCount=s;exports.sortIcon=y;exports.sortIconInactive=I;exports.sortable=h;exports.spin=U;exports.spinner=Q;exports.stickyHeader=b;exports.striped=S;exports.table=p;exports.tableContainer=l;exports.tbody=m;exports.td=T;exports.th=u;exports.thContent=d;exports.thead=x;exports.toolbar=t;exports.toolbarLeft=o;exports.toolbarRight=e;exports.tr=k;exports.trSelected=C;

package/dist/components/DataTable/DataTable.module.css.mjs

@@ -0,0 +1,109 @@
+const n = "_dataTable_ncnxg_8", t = "_toolbar_ncnxg_21", c = "_toolbarLeft_ncnxg_31", o = "_toolbarRight_ncnxg_38", e = "_searchWrapper_ncnxg_46", _ = "_searchIcon_ncnxg_52", a = "_searchInput_ncnxg_59", i = "_bulkActions_ncnxg_84", s = "_selectedCount_ncnxg_90", g = "_bulkAction_ncnxg_84", r = "_bulkActionDanger_ncnxg_123", l = "_tableContainer_ncnxg_132", p = "_table_ncnxg_132", x = "_thead_ncnxg_149", b = "_stickyHeader_ncnxg_153", h = "_th_ncnxg_149", d = "_thContent_ncnxg_172", u = "_sortable_ncnxg_178", y = "_sortIcon_ncnxg_188", I = "_sortIconInactive_ncnxg_192", m = "_tbody_ncnxg_197", k = "_tr_ncnxg_201", C = "_hoverable_ncnxg_210", M = "_trSelected_ncnxg_214", A = "_striped_ncnxg_222", D = "_td_ncnxg_226", S = "_checkboxCell_ncnxg_233", T = "_checkbox_ncnxg_233", f = "_actionsCell_ncnxg_248", v = "_actionMenu_ncnxg_273", O = "_actionMenuTrigger_ncnxg_277", w = "_actionMenuDropdown_ncnxg_298", z = "_actionMenuItem_ncnxg_311", B = "_actionMenuItemDanger_ncnxg_332", H = "_pagination_ncnxg_344", L = "_paginationInfo_ncnxg_354", P = "_paginationText_ncnxg_360", R = "_pageSizeSelect_ncnxg_366", W = "_paginationControls_ncnxg_377", j = "_paginationButton_ncnxg_383", q = "_paginationPages_ncnxg_409", E = "_emptyState_ncnxg_421", F = "_emptyIcon_ncnxg_430", G = "_emptyTitle_ncnxg_435", J = "_emptyDescription_ncnxg_443", K = "_emptyAction_ncnxg_451", N = "_loadingOverlay_ncnxg_459", Q = "_spinner_ncnxg_466", U = "_spin_ncnxg_466", V = "_compact_ncnxg_485", X = "_hideOnMobile_ncnxg_503", Y = {
+  dataTable: n,
+  toolbar: t,
+  toolbarLeft: c,
+  toolbarRight: o,
+  searchWrapper: e,
+  searchIcon: _,
+  searchInput: a,
+  bulkActions: i,
+  selectedCount: s,
+  bulkAction: g,
+  bulkActionDanger: r,
+  tableContainer: l,
+  table: p,
+  thead: x,
+  stickyHeader: b,
+  th: h,
+  thContent: d,
+  sortable: u,
+  sortIcon: y,
+  sortIconInactive: I,
+  tbody: m,
+  tr: k,
+  hoverable: C,
+  trSelected: M,
+  striped: A,
+  td: D,
+  checkboxCell: S,
+  checkbox: T,
+  actionsCell: f,
+  "sticky-left": "_sticky-left_ncnxg_255",
+  "sticky-right": "_sticky-right_ncnxg_262",
+  actionMenu: v,
+  actionMenuTrigger: O,
+  actionMenuDropdown: w,
+  actionMenuItem: z,
+  actionMenuItemDanger: B,
+  pagination: H,
+  paginationInfo: L,
+  paginationText: P,
+  pageSizeSelect: R,
+  paginationControls: W,
+  paginationButton: j,
+  paginationPages: q,
+  emptyState: E,
+  emptyIcon: F,
+  emptyTitle: G,
+  emptyDescription: J,
+  emptyAction: K,
+  loadingOverlay: N,
+  spinner: Q,
+  spin: U,
+  compact: V,
+  hideOnMobile: X
+};
+export {
+  v as actionMenu,
+  w as actionMenuDropdown,
+  z as actionMenuItem,
+  B as actionMenuItemDanger,
+  O as actionMenuTrigger,
+  f as actionsCell,
+  g as bulkAction,
+  r as bulkActionDanger,
+  i as bulkActions,
+  T as checkbox,
+  S as checkboxCell,
+  V as compact,
+  n as dataTable,
+  Y as default,
+  K as emptyAction,
+  J as emptyDescription,
+  F as emptyIcon,
+  E as emptyState,
+  G as emptyTitle,
+  X as hideOnMobile,
+  C as hoverable,
+  N as loadingOverlay,
+  R as pageSizeSelect,
+  H as pagination,
+  j as paginationButton,
+  W as paginationControls,
+  L as paginationInfo,
+  q as paginationPages,
+  P as paginationText,
+  _ as searchIcon,
+  a as searchInput,
+  e as searchWrapper,
+  s as selectedCount,
+  y as sortIcon,
+  I as sortIconInactive,
+  u as sortable,
+  U as spin,
+  Q as spinner,
+  b as stickyHeader,
+  A as striped,
+  p as table,
+  l as tableContainer,
+  m as tbody,
+  D as td,
+  h as th,
+  d as thContent,
+  x as thead,
+  t as toolbar,
+  c as toolbarLeft,
+  o as toolbarRight,
+  k as tr,
+  M as trSelected
+};