@ck-ui/component-library 0.2.0 → 0.3.0

package/dist/components/Table/_helpers/TableFilterModal/index.d.ts

@@ -0,0 +1,4 @@
+import { TableFilterModalProps } from '../../_types/table.types';
+declare function TableFilterModal({ filters, draftColumnFilters, setDraftColumnFilters, handleApplyFilters, setModalOpen, virtualization, isFilterChanged, }: TableFilterModalProps): import("react/jsx-runtime").JSX.Element;
+export default TableFilterModal;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/_helpers/TableFilterModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/TableFilterModal/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,qBAAqB,EAItB,MAAM,0BAA0B,CAAC;AAClC,OAAO,eAAe,CAAC;AAEvB,iBAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,EACZ,cAAqB,EACrB,eAAe,GAChB,EAAE,qBAAqB,2CAiIvB;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Table/_helpers/TableFilterModal/index.js

@@ -0,0 +1,115 @@
+import { jsxs as i, jsx as c } from "react/jsx-runtime";
+import { useState as b, useEffect as O } from "react";
+import { Button as m } from "../../../Button/index.js";
+import { Typography as v } from "../../../Typography/index.js";
+import { S } from "../../../../reset-icon-YxMt3Ozp.js";
+import V from "./RangeSelector.js";
+import { O as E } from "../../../../OptionList-BNaH2PnX.js";
+import '../../../../assets/styles-D8sahtFb.css';/* empty css                          */
+function $({
+  filters: r,
+  draftColumnFilters: o,
+  setDraftColumnFilters: d,
+  handleApplyFilters: y,
+  setModalOpen: f,
+  virtualization: g = !0,
+  isFilterChanged: x
+}) {
+  const [t, u] = b(null), [p, h] = b("");
+  O(() => {
+    if (!r || Object.keys(r).length === 0) return;
+    const e = Object.keys(r)[0], n = r[e];
+    u({ key: e, ...n });
+  }, [r]);
+  const k = (e) => {
+    const n = r[e];
+    u({ key: e, ...n });
+  }, s = t ? o.find((e) => e.id === t.accessorKey)?.value : null, N = t?.type === "checkbox" ? s?.values ?? s : void 0, j = t?.type === "checkbox" ? s?.exclude ?? !1 : !1, w = t?.type === "range" ? s : void 0;
+  return /* @__PURE__ */ i("div", { className: "ckds-filter-modal-wrapper", children: [
+    /* @__PURE__ */ i("div", { className: "ckds-heading-container", children: [
+      /* @__PURE__ */ c(v, { variant: "body-lg", weight: "semibold", children: "Table Filters" }),
+      /* @__PURE__ */ c(
+        m,
+        {
+          onClick: () => {
+            d([]), h("");
+          },
+          variant: "tertiary",
+          disabled: o.length === 0,
+          Icon: /* @__PURE__ */ c(S, {}),
+          iconPosition: "left",
+          children: "Reset Filters"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i("div", { className: "ckds-main-container", children: [
+      /* @__PURE__ */ c("div", { className: "ckds-tab-wrapper ckds-custom-scrollbar", children: r && Object.keys(r).map((e) => /* @__PURE__ */ c(
+        "div",
+        {
+          className: `ckds-filter-tab-item ${t?.key === e ? "ckds-filter-tab-active" : ""}`,
+          onClick: () => k(e),
+          role: "button",
+          tabIndex: 0,
+          onKeyDown: (n) => {
+            (n.key === "Enter" || n.key === " ") && k(e);
+          },
+          children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ c(v, { variant: "body-sm", className: "text-inherit", weight: t?.key === e ? "medium" : "regular", children: e }),
+            (() => {
+              const n = o.find((F) => F.id === r[e].accessorKey);
+              if (!n) return null;
+              const a = n.value;
+              let l = 0;
+              return Array.isArray(a) ? l = a.length : a && typeof a == "object" && "values" in a ? l = a.values?.length ?? 0 : a && (l = 1), l > 0 ? /* @__PURE__ */ c("span", { className: "ckds-filter-tab-badge", children: l }) : null;
+            })()
+          ] })
+        },
+        e
+      )) }),
+      /* @__PURE__ */ i("div", { className: "ckds-filter-details-container", children: [
+        t?.type === "range" && /* @__PURE__ */ c(
+          V,
+          {
+            selectedFilter: t,
+            currentVal: w,
+            setDraftColumnFilters: d,
+            error: p,
+            setError: h
+          }
+        ),
+        t?.type === "checkbox" && /* @__PURE__ */ c(
+          E,
+          {
+            selectedFilter: t,
+            currentVal: N,
+            exclude: j,
+            setDraftColumnFilters: d,
+            virtualization: g
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "ckds-filter-modal-footer", children: [
+      /* @__PURE__ */ c(
+        m,
+        {
+          onClick: () => f({ open: !1, type: "filter", activeOption: "" }),
+          variant: "secondary",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ c(
+        m,
+        {
+          onClick: y,
+          variant: "primary",
+          disabled: !x || !!p,
+          children: "Apply"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  $ as default
+};

package/dist/components/Table/_helpers/TableRows.d.ts

@@ -0,0 +1,3 @@
+import { TableRowsProps } from '../_types/table.types';
+export default function TableRows<TData>({ rows, virtualization, rowVirtualizer, handleMeasure, getEstimatedSize, lastColId, lastNonPinnedColId, tableConfig, table, selectionState, selectionConfig, onToggleRowSelection, expandableConfig, expandedIds, onToggleExpand, depth, }: TableRowsProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableRows.d.ts.map

package/dist/components/Table/_helpers/TableRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRows.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_helpers/TableRows.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAiE,MAAM,uBAAuB,CAAC;AAgE3H,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,EACvC,IAAI,EACJ,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,kBAAkB,EAClB,WAAW,EACX,KAAK,EACL,cAAc,EACd,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,KAAS,GACV,EAAE,cAAc,CAAC,KAAK,CAAC,2CA4HvB"}

package/dist/components/Table/_helpers/TableRows.js

@@ -0,0 +1,403 @@
+import { jsx as e, Fragment as V, jsxs as E } from "react/jsx-runtime";
+import { f as _ } from "../../../index-f7TB87Mf.js";
+import { useRef as B, useState as K, useCallback as Q } from "react";
+import { pinnedStyle as O } from "../_utils/table.utils.js";
+import { ROW_MIN_HEIGHT as A } from "../constants.js";
+import { SelectionCell as H } from "./SelectionCell/index.js";
+import { ExpandableRowToggle as J } from "./ExpandableRow/index.js";
+import { Tooltip as U } from "../../Tooltip/index.js";
+import { mergeClasses as j } from "../../../utils/mergeClasses.js";
+function G(r) {
+  const s = r?.align;
+  if (s === "right") return "flex-end";
+  if (s === "center") return "center";
+}
+function P(r) {
+  const s = r?.align;
+  if (s === "right") return "right";
+  if (s === "center") return "center";
+}
+function M({
+  title: r,
+  wrapText: s,
+  children: g
+}) {
+  const m = B(null), [x, p] = K(!1), u = Q(() => {
+    m.current && p(m.current.scrollWidth > m.current.offsetWidth);
+  }, []), d = /* @__PURE__ */ e(
+    "div",
+    {
+      ref: m,
+      onMouseEnter: s ? void 0 : u,
+      className: `${s ? "whitespace-normal wrap-break-word" : "whitespace-nowrap overflow-hidden text-ellipsis"} w-full`,
+      children: g
+    }
+  );
+  return s || !x ? d : /* @__PURE__ */ e(U, { title: r, placement: "top", arrow: !0, children: d });
+}
+function le({
+  rows: r,
+  virtualization: s,
+  rowVirtualizer: g,
+  handleMeasure: m,
+  getEstimatedSize: x,
+  lastColId: p,
+  lastNonPinnedColId: u,
+  tableConfig: d,
+  table: h,
+  selectionState: l,
+  selectionConfig: k,
+  onToggleRowSelection: a,
+  expandableConfig: o,
+  expandedIds: y,
+  onToggleExpand: b,
+  depth: D = 0
+}) {
+  const f = (k?.enabled ?? !1) && !o?.enabled, v = f ? 40 : 0, W = o?.enabled ?? !1, w = o?.indentSize ?? 20, C = o?.childrenKey ?? "children";
+  return s ? /* @__PURE__ */ e(V, { children: g.getVirtualItems().map((i) => {
+    const t = r[i.index], z = t.id, c = f && l?.selectedIds.has(z);
+    return /* @__PURE__ */ E(
+      "tr",
+      {
+        ref: (n) => m(i.index, n),
+        "data-index": i.index,
+        className: j("ckds-dragable-tr flex absolute top-0 left-0 w-full"),
+        style: {
+          transform: `translateY(${i.start}px)`,
+          minHeight: x(i.index)
+        },
+        children: [
+          f && /* @__PURE__ */ e("td", { className: "ckds-dragable-td flex items-center justify-center", style: { width: 40, minWidth: 40, maxWidth: 40, height: A, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: /* @__PURE__ */ e(H, { checked: !!c, onChange: () => a?.(z) }) }),
+          t.getVisibleCells().map((n, N) => {
+            const I = n.column.id === p, $ = n.column.getIsPinned(), S = I && !$ || n.column.id === u, F = t.original?.status?.toLowerCase?.() === "inactive", T = N === 0;
+            return /* @__PURE__ */ e(
+              "td",
+              {
+                className: j("ckds-dragable-td flex items-center", F ? "text-base-400" : "text-base-content"),
+                style: {
+                  ...O(n.column, h, v),
+                  minHeight: `${x(i.index)}px`,
+                  width: S ? "100%" : n.column.getSize(),
+                  minWidth: n.column.getSize(),
+                  maxWidth: S ? void 0 : n.column.getSize(),
+                  flex: S ? "1 1 auto" : `0 0 ${n.column.getSize()}px`,
+                  justifyContent: G(n.column.columnDef),
+                  textAlign: P(n.column.columnDef),
+                  // Explicit background — Tailwind bg-base-* tokens can be
+                  // overridden by the host app, making sticky cells transparent.
+                  backgroundColor: d.stripedRows && i.index % 2 !== 0 ? "var(--ckds-cell-bg-striped, var(--ckcl-primary-50))" : "var(--ckds-cell-bg-default, #ffffff)"
+                },
+                children: /* @__PURE__ */ e(M, { title: String(n.getValue() ?? ""), wrapText: d.wrapText, children: /* @__PURE__ */ e(
+                  R,
+                  {
+                    isFirstDataCol: T,
+                    hasExpansion: W,
+                    row: t,
+                    childrenKey: C,
+                    expandedIds: y,
+                    onToggleExpand: b,
+                    depth: D,
+                    indentSize: w,
+                    expandableConfig: o,
+                    children: _(n.column.columnDef.cell ?? n.column.columnDef.header, n.getContext())
+                  }
+                ) })
+              },
+              n.id
+            );
+          })
+        ]
+      },
+      t.id
+    );
+  }) }) : /* @__PURE__ */ e(V, { children: r.map((i, t) => {
+    const z = i.original, c = z?.status?.toLowerCase?.() === "inactive", n = i.id, N = f && l?.selectedIds.has(n), I = W && y?.has(n), $ = W ? z[C] : void 0, S = Array.isArray($) && $.length > 0;
+    return /* @__PURE__ */ e(
+      X,
+      {
+        row: i,
+        rowIndex: t,
+        isInactive: c,
+        isSelected: !!N,
+        isExpanded: !!I,
+        hasChildren: S,
+        nestedChildren: $,
+        lastColId: p,
+        lastNonPinnedColId: u,
+        tableConfig: d,
+        table: h,
+        hasSelection: f,
+        selectionState: l,
+        onToggleRowSelection: a,
+        expandedIds: y,
+        onToggleExpand: b,
+        expandableConfig: o,
+        depth: D,
+        indentSize: w,
+        childrenKey: C
+      },
+      i.id
+    );
+  }) });
+}
+function R({
+  isFirstDataCol: r,
+  hasExpansion: s,
+  row: g,
+  childrenKey: m,
+  expandedIds: x,
+  onToggleExpand: p,
+  depth: u,
+  indentSize: d,
+  expandableConfig: h,
+  children: l
+}) {
+  if (!r || !s) return /* @__PURE__ */ e(V, { children: l });
+  const a = g.original[m], o = Array.isArray(a) && a.length > 0 || !!h?.renderExpandedContent, y = x?.has(g.id) ?? !1;
+  return /* @__PURE__ */ e(
+    J,
+    {
+      isExpanded: y,
+      hasChildren: o,
+      depth: u,
+      indentSize: d,
+      onToggle: () => p?.(g.id),
+      children: l
+    }
+  );
+}
+function X({
+  row: r,
+  rowIndex: s,
+  isInactive: g,
+  isSelected: m,
+  isExpanded: x,
+  hasChildren: p,
+  nestedChildren: u,
+  lastColId: d,
+  lastNonPinnedColId: h,
+  tableConfig: l,
+  table: k,
+  hasSelection: a,
+  selectionState: o,
+  onToggleRowSelection: y,
+  expandedIds: b,
+  onToggleExpand: D,
+  expandableConfig: f,
+  depth: v,
+  indentSize: W,
+  childrenKey: w
+}) {
+  const C = f?.enabled ?? !1, i = a ? 40 : 0;
+  return /* @__PURE__ */ E(V, { children: [
+    /* @__PURE__ */ E("tr", { className: j("ckds-dragable-tr flex w-full"), "data-depth": v, style: { position: "relative", zIndex: 0 }, children: [
+      a && /* @__PURE__ */ e("td", { className: "ckds-dragable-td flex items-center justify-center", style: { width: 40, minWidth: 40, maxWidth: 40, height: A, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: /* @__PURE__ */ e(H, { checked: m, onChange: () => y?.(r.id) }) }),
+      r.getVisibleCells().map((t, z) => {
+        const c = t.column.id === d, n = t.column.getIsPinned(), N = c && !n || t.column.id === h, I = z === 0, $ = l.stripedRows && s % 2 !== 0 ? "var(--ckds-cell-bg-striped, var(--ckcl-primary-50))" : "var(--ckds-cell-bg-default, #ffffff)";
+        return /* @__PURE__ */ e(
+          "td",
+          {
+            className: j("ckds-dragable-td flex items-center", g ? "text-base-400" : "text-base-content"),
+            style: {
+              ...O(t.column, k, i),
+              ...l.wrapText ? { minHeight: `${A}px` } : { height: `${A}px` },
+              width: N ? "100%" : t.column.getSize(),
+              minWidth: t.column.getSize(),
+              maxWidth: N ? void 0 : t.column.getSize(),
+              flex: N ? "1 1 auto" : `0 0 ${t.column.getSize()}px`,
+              justifyContent: G(t.column.columnDef),
+              textAlign: P(t.column.columnDef),
+              backgroundColor: $
+            },
+            children: /* @__PURE__ */ e(M, { title: String(t.getValue() ?? ""), wrapText: l.wrapText, children: /* @__PURE__ */ e(
+              R,
+              {
+                isFirstDataCol: I,
+                hasExpansion: C,
+                row: r,
+                childrenKey: w,
+                expandedIds: b,
+                onToggleExpand: D,
+                depth: v,
+                indentSize: W,
+                expandableConfig: f,
+                children: _(t.column.columnDef.cell ?? t.column.columnDef.header, t.getContext())
+              }
+            ) })
+          },
+          t.id
+        );
+      })
+    ] }),
+    x && f?.renderExpandedContent && /* @__PURE__ */ E("tr", { className: "ckds-dragable-tr flex w-full", "data-depth": v, children: [
+      a && /* @__PURE__ */ e("td", { className: "ckds-dragable-td", style: { width: 40, minWidth: 40, maxWidth: 40, flex: "0 0 40px", backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" } }),
+      /* @__PURE__ */ e(
+        "td",
+        {
+          className: "ckds-dragable-td",
+          colSpan: k.getVisibleLeafColumns().length,
+          style: { flex: "1 1 auto", padding: 0, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" },
+          children: f.renderExpandedContent(r.original, v)
+        }
+      )
+    ] }),
+    x && p && u && !f?.renderExpandedContent && /* @__PURE__ */ e(
+      Y,
+      {
+        nestedChildren: u,
+        parentId: r.id,
+        depth: v + 1,
+        lastColId: d,
+        lastNonPinnedColId: h,
+        tableConfig: l,
+        table: k,
+        hasSelection: a,
+        selectionState: o,
+        onToggleRowSelection: y,
+        expandedIds: b,
+        onToggleExpand: D,
+        expandableConfig: f,
+        indentSize: W,
+        childrenKey: w
+      }
+    )
+  ] });
+}
+function Y({
+  nestedChildren: r,
+  parentId: s,
+  depth: g,
+  lastColId: m,
+  lastNonPinnedColId: x,
+  tableConfig: p,
+  table: u,
+  hasSelection: d,
+  selectionState: h,
+  onToggleRowSelection: l,
+  expandedIds: k,
+  onToggleExpand: a,
+  expandableConfig: o,
+  indentSize: y,
+  childrenKey: b
+}) {
+  const D = u.getVisibleLeafColumns(), f = o?.enabled ?? !1;
+  return /* @__PURE__ */ e(V, { children: r.map((v, W) => {
+    const w = v, C = `${s}.${W}`, i = w[b], t = Array.isArray(i) && i.length > 0, z = k?.has(C) ?? !1, c = d && (h?.selectedIds.has(C) ?? !1), n = w?.status?.toLowerCase?.() === "inactive";
+    return /* @__PURE__ */ e(
+      Z,
+      {
+        childRecord: w,
+        childRowId: C,
+        childIndex: W,
+        childIsInactive: n,
+        childIsSelected: c,
+        childIsExpanded: z,
+        childHasChildren: t,
+        childChildren: i,
+        depth: g,
+        lastColId: m,
+        lastNonPinnedColId: x,
+        tableConfig: p,
+        table: u,
+        visibleCols: D,
+        hasSelection: d,
+        hasExpansion: f,
+        selectionState: h,
+        onToggleRowSelection: l,
+        expandedIds: k,
+        onToggleExpand: a,
+        expandableConfig: o,
+        indentSize: y,
+        childrenKey: b
+      },
+      C
+    );
+  }) });
+}
+function Z({
+  childRecord: r,
+  childRowId: s,
+  childIndex: g,
+  childIsInactive: m,
+  childIsSelected: x,
+  childIsExpanded: p,
+  childHasChildren: u,
+  childChildren: d,
+  depth: h,
+  lastColId: l,
+  lastNonPinnedColId: k,
+  tableConfig: a,
+  table: o,
+  visibleCols: y,
+  hasSelection: b,
+  hasExpansion: D,
+  selectionState: f,
+  onToggleRowSelection: v,
+  expandedIds: W,
+  onToggleExpand: w,
+  expandableConfig: C,
+  indentSize: i,
+  childrenKey: t
+}) {
+  const z = b ? 40 : 0;
+  return /* @__PURE__ */ E(V, { children: [
+    /* @__PURE__ */ E("tr", { className: j("ckds-dragable-tr flex w-full"), "data-depth": h, style: { position: "relative", zIndex: 0 }, children: [
+      b && /* @__PURE__ */ e("td", { className: "ckds-dragable-td flex items-center justify-center", style: { width: 40, minWidth: 40, maxWidth: 40, height: A, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: /* @__PURE__ */ e(H, { checked: x, onChange: () => v?.(s) }) }),
+      y.map((c, n) => {
+        const N = c.id === l, I = c.getIsPinned(), $ = N && !I || c.id === k, S = n === 0, L = r[c.id], F = L != null ? String(L) : "", T = a.stripedRows && g % 2 !== 0 ? "var(--ckds-cell-bg-striped, var(--ckcl-primary-50))" : "var(--ckds-cell-bg-default, #ffffff)", q = S && D ? /* @__PURE__ */ e(
+          J,
+          {
+            isExpanded: p,
+            hasChildren: u,
+            depth: h,
+            indentSize: i,
+            onToggle: () => w?.(s),
+            children: F
+          }
+        ) : F;
+        return /* @__PURE__ */ e(
+          "td",
+          {
+            className: j("ckds-dragable-td flex items-center", m ? "text-base-400" : "text-base-content"),
+            style: {
+              ...O(c, o, z),
+              ...a.wrapText ? { minHeight: `${A}px` } : { height: `${A}px` },
+              width: $ ? "100%" : c.getSize(),
+              minWidth: c.getSize(),
+              maxWidth: $ ? void 0 : c.getSize(),
+              flex: $ ? "1 1 auto" : `0 0 ${c.getSize()}px`,
+              backgroundColor: T,
+              justifyContent: G(c.columnDef),
+              textAlign: P(c.columnDef)
+            },
+            children: /* @__PURE__ */ e(M, { title: F, wrapText: a.wrapText, children: q })
+          },
+          `${s}-${c.id}`
+        );
+      })
+    ] }),
+    p && u && d && /* @__PURE__ */ e(
+      Y,
+      {
+        nestedChildren: d,
+        parentId: s,
+        depth: h + 1,
+        lastColId: l,
+        lastNonPinnedColId: k,
+        tableConfig: a,
+        table: o,
+        hasSelection: b,
+        selectionState: f,
+        onToggleRowSelection: v,
+        expandedIds: W,
+        onToggleExpand: w,
+        expandableConfig: C,
+        indentSize: i,
+        childrenKey: t
+      }
+    )
+  ] });
+}
+export {
+  le as default
+};

package/dist/components/Table/_hooks/useExpansion.d.ts

@@ -0,0 +1,20 @@
+import { ExpandableConfig } from '../_types/table.types';
+/**
+ * Hook to manage row expansion state for nested/expandable rows.
+ * Supports controlled (expandedIds prop) and uncontrolled modes.
+ */
+export declare function useExpansion<TData>(config?: ExpandableConfig<TData>): {
+    expandedIds: Set<string>;
+    toggleExpand: (rowId: string) => void;
+    expandAll: (allRowIds: string[]) => void;
+    collapseAll: () => void;
+    isExpanded: (rowId: string) => boolean;
+    flattenData: ((items: TData[], depth: number, parentId: string) => {
+        row: TData;
+        depth: number;
+        rowId: string;
+        hasChildren: boolean;
+        isExpanded: boolean;
+    }[]) | null;
+};
+//# sourceMappingURL=useExpansion.d.ts.map

package/dist/components/Table/_hooks/useExpansion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpansion.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_hooks/useExpansion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;;0BAUxD,MAAM;2BAoBF,MAAM,EAAE;;wBAuBZ,MAAM,KAAG,OAAO;0BAWf,KAAK,EAAE,SACP,MAAM,YACH,MAAM,KACf;QAAE,GAAG,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,EAAE;EA+B/F"}

package/dist/components/Table/_hooks/useExpansion.js

@@ -0,0 +1,46 @@
+import { useState as A, useCallback as a, useMemo as m } from "react";
+function k(e) {
+  const [C, d] = A(() => e?.expandedIds ? e.expandedIds : /* @__PURE__ */ new Set()), s = e?.expandedIds ?? C, S = a(
+    (n) => {
+      if (!e?.enabled) return;
+      const t = new Set(s);
+      t.has(n) ? t.delete(n) : t.add(n), e.onExpandChange ? e.onExpandChange(t) : d(t);
+    },
+    [e, s]
+  ), b = a(
+    (n) => {
+      if (!e?.enabled) return;
+      const t = new Set(n);
+      e.onExpandChange ? e.onExpandChange(t) : d(t);
+    },
+    [e]
+  ), i = a(() => {
+    if (!e?.enabled) return;
+    const n = /* @__PURE__ */ new Set();
+    e.onExpandChange ? e.onExpandChange(n) : d(n);
+  }, [e]), w = a(
+    (n) => s.has(n),
+    [s]
+  ), I = m(() => {
+    if (!e?.enabled) return null;
+    const n = e.childrenKey ?? "children", t = (y, x, o) => {
+      const r = [];
+      return y.forEach((h, u) => {
+        const l = o ? `${o}.${u}` : String(u), p = h[n], E = Array.isArray(p) && p.length > 0, c = s.has(l);
+        r.push({ row: h, depth: x, rowId: l, hasChildren: E, isExpanded: c }), E && c && r.push(...t(p, x + 1, l));
+      }), r;
+    };
+    return t;
+  }, [e, s]);
+  return {
+    expandedIds: s,
+    toggleExpand: S,
+    expandAll: b,
+    collapseAll: i,
+    isExpanded: w,
+    flattenData: I
+  };
+}
+export {
+  k as useExpansion
+};

package/dist/components/Table/_hooks/useFilterColumnState.d.ts

@@ -0,0 +1,17 @@
+import { TableColumnDef, TableConfig, ColumnFilterValue, DynamicFilter, ColumnManagerConfig } from '../_types/table.types';
+export interface UseFilterColumnStateOptions<TData> {
+    columns: TableColumnDef<TData>[];
+    data: TData[];
+    columnManagerConfig?: Partial<ColumnManagerConfig>;
+    persistKey?: string;
+}
+export interface UseFilterColumnStateReturn<TData> {
+    dynamicFilters: Record<string, DynamicFilter>;
+    columnFilters: ColumnFilterValue[];
+    setColumnFilters: React.Dispatch<React.SetStateAction<ColumnFilterValue[]>>;
+    tableConfig: TableConfig<TData>;
+    setTableConfig: React.Dispatch<React.SetStateAction<TableConfig<TData>>>;
+    filteredData: TData[];
+}
+export declare function useFilterColumnState<TData extends Record<string, unknown> = Record<string, unknown>>({ columns, data, columnManagerConfig, persistKey, }: UseFilterColumnStateOptions<TData>): UseFilterColumnStateReturn<TData>;
+//# sourceMappingURL=useFilterColumnState.d.ts.map

package/dist/components/Table/_hooks/useFilterColumnState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterColumnState.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_hooks/useFilterColumnState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EAGpB,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,2BAA2B,CAAC,KAAK;IAChD,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;IACjC,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,0BAA0B,CAAC,KAAK;IAC/C,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC9C,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC;IAC5E,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAChC,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACzE,YAAY,EAAE,KAAK,EAAE,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACpG,OAAO,EACP,IAAI,EACJ,mBAAwB,EACxB,UAAU,GACX,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAqHxE"}