@ck-ui/component-library 0.2.0 → 0.3.0

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+interface ExpandableRowToggleProps {
+    isExpanded: boolean;
+    hasChildren: boolean;
+    depth: number;
+    indentSize: number;
+    onToggle: () => void;
+    children: ReactNode;
+}
+/**
+ * Wraps the first cell content with an expand/collapse toggle and indentation.
+ * Used for nested/expandable rows.
+ */
+export declare function ExpandableRowToggle({ isExpanded, hasChildren, depth, indentSize, onToggle, children, }: ExpandableRowToggleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ExpandableRow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,wBAAwB;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,GACT,EAAE,wBAAwB,2CA4B1B"}

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

@@ -0,0 +1,44 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import * as a from "react";
+const p = (e) => /* @__PURE__ */ a.createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ a.createElement("path", { d: "M2.91747 9.03784L6.99782 4.96909L11.0781 9.03784", stroke: "#2B2B2B", strokeWidth: 0.88, strokeLinecap: "round", strokeLinejoin: "round" }));
+function m({
+  isExpanded: e,
+  hasChildren: n,
+  depth: o,
+  indentSize: r,
+  onToggle: s,
+  children: l
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: "flex items-center gap-1 w-full",
+      style: { paddingLeft: `${o * r}px` },
+      children: [
+        n ? /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "ckds-table-expand-btn",
+            onClick: (i) => {
+              i.stopPropagation(), s();
+            },
+            "aria-label": e ? "Collapse row" : "Expand row",
+            "aria-expanded": e,
+            children: /* @__PURE__ */ t(
+              p,
+              {
+                className: "w-3.5 h-3.5 transition-transform duration-200",
+                style: { transform: e ? "rotate(0deg)" : "rotate(180deg)" }
+              }
+            )
+          }
+        ) : /* @__PURE__ */ t("span", { className: "w-5 shrink-0" }),
+        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: l })
+      ]
+    }
+  );
+}
+export {
+  m as ExpandableRowToggle
+};

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

@@ -0,0 +1,14 @@
+import { TableConfig, ColumnFilterValue, DynamicFilter, ColumnManagerConfig } from '../_types/table.types';
+export type ViewMode = "grid" | "list";
+export interface FilterColumnToolbarProps<TData = unknown> {
+    dynamicFilters: Record<string, DynamicFilter>;
+    columnFilters: ColumnFilterValue[];
+    onColumnFiltersChange: (filters: ColumnFilterValue[]) => void;
+    tableConfig: TableConfig<TData>;
+    onTableConfigChange: (config: TableConfig<TData>) => void;
+    viewMode: ViewMode;
+    columnManagerConfig?: Partial<ColumnManagerConfig>;
+    virtualization?: boolean;
+}
+export declare function FilterColumnToolbar<TData>({ dynamicFilters, columnFilters, onColumnFiltersChange, tableConfig, onTableConfigChange, viewMode, columnManagerConfig, virtualization, }: FilterColumnToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilterColumnToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterColumnToolbar.d.ts","sourceRoot":"","sources":["../../../../lib/components/Table/_helpers/FilterColumnToolbar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,aAAa,EAEb,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC,MAAM,WAAW,wBAAwB,CAAC,KAAK,GAAG,OAAO;IACvD,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC9C,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,qBAAqB,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC9D,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAChC,mBAAmB,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,QAAQ,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,WAAW,EACX,mBAAmB,EACnB,QAAQ,EACR,mBAAwB,EACxB,cAAsB,GACvB,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CA6IjC"}

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

@@ -0,0 +1,121 @@
+import { jsxs as x, Fragment as N, jsx as e } from "react/jsx-runtime";
+import { useRef as O, useState as r, useCallback as y } from "react";
+import { Popover as M } from "../../Popover/index.js";
+import P from "./TableFilterModal/index.js";
+import V from "./ColumnManager/index.js";
+import { isTableConfigChanged as W, isTableConfigDefault as E } from "../_utils/table.utils.js";
+import { INITIAL_COLUMN_MANAGER_CONFIG as K } from "../constants.js";
+import { S as U, a as $ } from "../../../table-filter-C0zetUfo.js";
+import { CKButton as F } from "../../CKButton/index.js";
+function ie({
+  dynamicFilters: b,
+  columnFilters: t,
+  onColumnFiltersChange: R,
+  tableConfig: l,
+  onTableConfigChange: T,
+  viewMode: A,
+  columnManagerConfig: D = {},
+  virtualization: S = !1
+}) {
+  const m = O(null), p = O(null), [w, i] = r(!1), [I, o] = r(!1), [f, d] = r(t), [s, a] = r({ ...l }), u = {
+    ...K,
+    ...D,
+    columns: l.columns
+  }, h = y((n) => {
+    (typeof n == "function" ? n({ open: !1, type: "", activeOption: "" }) : n).open || (i(!1), o(!1));
+  }, []), k = () => {
+    d(t), o(!1), i((n) => !n);
+  }, z = () => {
+    R(f), i(!1);
+  }, B = () => {
+    a({
+      ...l,
+      columnVisibility: { ...l.columnVisibility },
+      columns: [...l.columns]
+    }), i(!1), o((n) => !n);
+  }, _ = y((n, C) => {
+    a((v) => {
+      const c = [...v.columns], [L] = c.splice(n, 1);
+      return c.splice(C, 0, L), { ...v, columns: c };
+    });
+  }, []), j = () => {
+    T(s), o(!1);
+  }, G = () => {
+    a(u);
+  }, J = t.length > 0, g = A === "list";
+  return /* @__PURE__ */ x(N, { children: [
+    g && /* @__PURE__ */ x(N, { children: [
+      /* @__PURE__ */ e("div", { ref: p, className: "inline-flex", children: /* @__PURE__ */ e(
+        F,
+        {
+          onClick: B,
+          variant: "secondary",
+          size: "medium",
+          className: "min-w-0!",
+          "aria-label": "Column manager",
+          icons: { left: /* @__PURE__ */ e(U, {}) }
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "w-px h-[27px] bg-color-neutral" })
+    ] }),
+    /* @__PURE__ */ e("div", { ref: m, className: "inline-flex", children: /* @__PURE__ */ e(
+      F,
+      {
+        onClick: k,
+        variant: "secondary",
+        size: "medium",
+        className: `min-w-0! relative ${J ? "after:content-[''] after:absolute after:-top-[1px] after:-right-[1px] after:size-[5px] after:rounded-full after:bg-primary" : ""}`,
+        "aria-label": "Open filters",
+        icons: { left: /* @__PURE__ */ e($, {}) }
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      M,
+      {
+        open: w,
+        onClose: () => i(!1),
+        anchorRef: m,
+        align: "right",
+        minWidth: "540px",
+        children: /* @__PURE__ */ e("div", { className: "min-h-[562px] relative", children: /* @__PURE__ */ e(
+          P,
+          {
+            filters: b,
+            draftColumnFilters: f,
+            setDraftColumnFilters: d,
+            handleApplyFilters: z,
+            setModalOpen: h,
+            virtualization: S,
+            isFilterChanged: JSON.stringify(f) !== JSON.stringify(t)
+          }
+        ) })
+      }
+    ),
+    g && /* @__PURE__ */ e(
+      M,
+      {
+        open: I,
+        onClose: () => o(!1),
+        anchorRef: p,
+        align: "right",
+        minWidth: "680px",
+        children: /* @__PURE__ */ e("div", { className: "min-h-[562px] relative", children: /* @__PURE__ */ e(
+          V,
+          {
+            draftConfig: s,
+            setDraftConfig: a,
+            moveDraftColumn: _,
+            handleApplyPref: j,
+            setModalOpen: h,
+            handleResetToDefault: G,
+            isDefault: E(s, u),
+            isConfigChanged: W(s, l)
+          }
+        ) })
+      }
+    )
+  ] });
+}
+export {
+  ie as FilterColumnToolbar
+};

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

@@ -0,0 +1,24 @@
+import { Table, Header } from '@tanstack/react-table';
+import { HeaderGroupDef } from '../../_types/table.types';
+interface GroupedHeaderProps<TData> {
+    headerGroups: HeaderGroupDef<TData>[];
+    table: Table<TData>;
+    hasSelection?: boolean;
+    getSortIcon: (sortState: false | "asc" | "desc") => React.ReactNode;
+    selectionCell?: React.ReactNode;
+    lastColId: string | null;
+    lastNonPinnedColId?: string | null;
+    pinnedStyle: (column: Header<TData, unknown>["column"], table: Table<TData>, offset: number) => React.CSSProperties;
+    selectionOffset: number;
+}
+/**
+ * Renders the double header as a SINGLE <tr> where:
+ * - Ungrouped columns: normal header cell (vertically centered, full height)
+ * - Grouped columns: two-section cell — top section has the group label (with bottom border),
+ *   bottom section has the sub-column header (with sort icon)
+ *
+ * This avoids the rowspan problem with display:flex rows.
+ */
+export default function GroupedHeader<TData>({ headerGroups, table, hasSelection, getSortIcon, selectionCell, lastColId, lastNonPinnedColId, pinnedStyle: getPinnedStyle, selectionOffset, }: GroupedHeaderProps<TData>): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/GroupedHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,KAAK,EAAE,KAAK,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AAC9F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,UAAU,kBAAkB,CAAC,KAAK;IAChC,YAAY,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;IACtC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,CAAC,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,aAAa,CAAC;IACpH,eAAe,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,EAC3C,YAAY,EACZ,KAAK,EACL,YAAoB,EACpB,WAAW,EACX,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,WAAW,EAAE,cAAc,EAC3B,eAAe,GAChB,EAAE,kBAAkB,CAAC,KAAK,CAAC,kDA0P3B"}

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

@@ -0,0 +1,201 @@
+import { jsxs as i, jsx as o, Fragment as I } from "react/jsx-runtime";
+import { f as N } from "../../../../index-f7TB87Mf.js";
+function j({
+  headerGroups: W,
+  table: b,
+  hasSelection: z = !1,
+  getSortIcon: p,
+  selectionCell: D,
+  lastColId: G,
+  lastNonPinnedColId: f,
+  pinnedStyle: H,
+  selectionOffset: L
+}) {
+  const l = b.getVisibleLeafColumns();
+  if (l.length === 0) return null;
+  const u = /* @__PURE__ */ new Map();
+  l.forEach((n) => u.set(n.id, null)), W.forEach((n) => {
+    n.columns.forEach((s) => {
+      u.has(s) && u.set(s, n.label);
+    });
+  });
+  const R = b.getHeaderGroups()[0], k = /* @__PURE__ */ new Map();
+  R?.headers.forEach((n) => k.set(n.column.id, n));
+  const S = l[l.length - 1]?.id, x = [];
+  let c = 0;
+  for (; c < l.length; ) {
+    const n = l[c], s = u.get(n.id);
+    if (s === null)
+      x.push({ type: "ungrouped", colIds: [n.id] }), c++;
+    else {
+      const a = [];
+      for (; c < l.length && u.get(l[c].id) === s; )
+        a.push(l[c].id), c++;
+      x.push({ type: "group", colIds: a, label: s });
+    }
+  }
+  return /* @__PURE__ */ i(
+    "tr",
+    {
+      className: "ckds-dragable-tr ckds-dragable-tr-double",
+      style: { display: "flex", width: "100%", minWidth: "inherit" },
+      children: [
+        z && /* @__PURE__ */ o(
+          "th",
+          {
+            className: "ckds-dragable-th ckds-dragable-th-double-ungrouped",
+            style: {
+              width: 40,
+              minWidth: 40,
+              maxWidth: 40,
+              flex: "0 0 40px",
+              position: "sticky",
+              left: 0,
+              zIndex: 2
+            },
+            children: D
+          }
+        ),
+        x.map((n, s) => {
+          const a = n.colIds.reduce((e, d) => {
+            const t = l.find((h) => h.id === d);
+            return e + (t?.getSize() ?? 150);
+          }, 0), v = n.colIds.includes(S);
+          if (n.type === "ungrouped") {
+            const e = k.get(n.colIds[0]), d = e?.column.getIsPinned(), t = e?.column.id === G, h = t && d === "right", g = t && !d || n.colIds[0] === f;
+            return /* @__PURE__ */ i(I, { children: [
+              h && /* @__PURE__ */ o("th", { "aria-hidden": "true", className: "ckds-dragable-th ckds-dragable-th-double-ungrouped ckds-dragable-th-filler", style: { flex: "1 1 auto", minWidth: 0, padding: 0, border: "none", boxShadow: "none" } }, `dh-cell-${s}-filler`),
+              /* @__PURE__ */ i(
+                "th",
+                {
+                  className: "ckds-dragable-th ckds-dragable-th-double-ungrouped",
+                  style: {
+                    ...e ? H(e.column, b, L) : {},
+                    width: g ? "100%" : a,
+                    minWidth: a,
+                    maxWidth: g ? void 0 : a,
+                    flex: g ? "1 1 auto" : `0 0 ${a}px`,
+                    position: d ? "sticky" : "relative",
+                    zIndex: d ? 2 : void 0
+                  },
+                  children: [
+                    e && /* @__PURE__ */ i(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "space-between",
+                          cursor: e.column.getCanSort() ? "pointer" : "default"
+                        },
+                        onClick: e.column.getCanSort() ? e.column.getToggleSortingHandler() : void 0,
+                        role: "button",
+                        tabIndex: e.column.getCanSort() ? 0 : -1,
+                        onKeyDown: (r) => {
+                          e.column.getCanSort() && (r.key === "Enter" || r.key === " ") && e.column.getToggleSortingHandler()?.(r);
+                        },
+                        children: [
+                          e.column.columnDef.align === "right" && e.column.getCanSort() && /* @__PURE__ */ o("span", { className: "ckds-sort-icon", children: p(e.column.getIsSorted()) }),
+                          N(e.column.columnDef.header, e.getContext()),
+                          e.column.columnDef.align !== "right" && e.column.getCanSort() && /* @__PURE__ */ o("span", { className: "ckds-sort-icon", children: p(e.column.getIsSorted()) })
+                        ]
+                      }
+                    ),
+                    e && !t && /* @__PURE__ */ o(
+                      "div",
+                      {
+                        onMouseDown: e.getResizeHandler(),
+                        onTouchStart: e.getResizeHandler(),
+                        className: "ckds-col-resize-handle",
+                        role: "separator",
+                        "aria-orientation": "vertical",
+                        children: /* @__PURE__ */ o("div", { className: "ckds-col-resize-line" })
+                      }
+                    )
+                  ]
+                },
+                `dh-cell-${s}`
+              )
+            ] });
+          }
+          const $ = n.colIds[n.colIds.length - 1], E = l.find((e) => e.id === $), w = v && E?.getIsPinned() === "right", C = v && !w || n.colIds.some((e) => e === f);
+          return /* @__PURE__ */ i(I, { children: [
+            w && /* @__PURE__ */ o("th", { "aria-hidden": "true", className: "ckds-dragable-th ckds-dragable-th-double-group ckds-dragable-th-filler", style: { flex: "1 1 auto", minWidth: 0, padding: 0, border: "none", boxShadow: "none" } }, `dh-cell-${s}-filler`),
+            /* @__PURE__ */ i(
+              "th",
+              {
+                className: "ckds-dragable-th ckds-dragable-th-double-group",
+                style: {
+                  width: C ? "100%" : a,
+                  minWidth: a,
+                  maxWidth: C ? void 0 : a,
+                  flex: C ? "1 1 auto" : `0 0 ${a}px`
+                },
+                children: [
+                  /* @__PURE__ */ o("div", { className: "ckds-dragable-th-double-group-label", children: /* @__PURE__ */ o("span", { className: "ckds-group-label-text", children: n.label }) }),
+                  /* @__PURE__ */ o("div", { className: "ckds-dragable-th-double-group-subheaders", children: n.colIds.map((e, d) => {
+                    const t = k.get(e), h = d === n.colIds.length - 1, g = e === S, r = l.find((m) => m.id === e)?.getSize() ?? 150, y = g && !t?.column.getIsPinned() || e === f;
+                    return /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: "ckds-dragable-th-double-subheader",
+                        style: {
+                          width: y ? "100%" : r,
+                          minWidth: r,
+                          maxWidth: y ? void 0 : r,
+                          flex: y ? "1 1 auto" : `0 0 ${r}px`,
+                          position: "relative"
+                        },
+                        children: [
+                          t && /* @__PURE__ */ i(
+                            "div",
+                            {
+                              style: {
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "space-between",
+                                height: "100%",
+                                cursor: t.column.getCanSort() ? "pointer" : "default"
+                              },
+                              onClick: t.column.getCanSort() ? t.column.getToggleSortingHandler() : void 0,
+                              role: "button",
+                              tabIndex: t.column.getCanSort() ? 0 : -1,
+                              onKeyDown: (m) => {
+                                t.column.getCanSort() && (m.key === "Enter" || m.key === " ") && t.column.getToggleSortingHandler()?.(m);
+                              },
+                              children: [
+                                t.column.columnDef.align === "right" && t.column.getCanSort() && /* @__PURE__ */ o("span", { className: "ckds-sort-icon", children: p(t.column.getIsSorted()) }),
+                                N(t.column.columnDef.header, t.getContext()),
+                                t.column.columnDef.align !== "right" && t.column.getCanSort() && /* @__PURE__ */ o("span", { className: "ckds-sort-icon", children: p(t.column.getIsSorted()) })
+                              ]
+                            }
+                          ),
+                          t && !h && /* @__PURE__ */ o(
+                            "div",
+                            {
+                              onMouseDown: t.getResizeHandler(),
+                              onTouchStart: t.getResizeHandler(),
+                              className: "ckds-col-resize-handle",
+                              role: "separator",
+                              "aria-orientation": "vertical",
+                              children: /* @__PURE__ */ o("div", { className: "ckds-col-resize-line" })
+                            }
+                          )
+                        ]
+                      },
+                      `dh-sub-${e}`
+                    );
+                  }) })
+                ]
+              },
+              `dh-cell-${s}`
+            )
+          ] });
+        })
+      ]
+    }
+  );
+}
+export {
+  j as default
+};

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

@@ -0,0 +1,19 @@
+interface SelectionCellProps {
+    checked: boolean;
+    onChange: () => void;
+    disabled?: boolean;
+}
+/**
+ * Checkbox cell for row selection.
+ */
+export declare function SelectionCell({ checked, onChange, disabled, }: SelectionCellProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header checkbox for select-all with indeterminate/partial state.
+ */
+export declare function SelectionHeaderCell({ isAllSelected, isIndeterminate, onToggleAll, }: {
+    isAllSelected: boolean;
+    isIndeterminate: boolean;
+    onToggleAll: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/SelectionCell/index.tsx"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,2CAcpB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,eAAe,EACf,WAAW,GACZ,EAAE;IACD,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,2CAcA"}

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

@@ -0,0 +1,50 @@
+import { jsx as e } from "react/jsx-runtime";
+import { CKCheckbox as r } from "../../../CKCheckbox/index.js";
+function l({
+  checked: n,
+  onChange: t,
+  disabled: i
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex items-center justify-center",
+      onClick: (o) => o.stopPropagation(),
+      children: /* @__PURE__ */ e(
+        r,
+        {
+          checked: n,
+          onChange: () => t(),
+          size: "sm",
+          disabled: i
+        }
+      )
+    }
+  );
+}
+function a({
+  isAllSelected: n,
+  isIndeterminate: t,
+  onToggleAll: i
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex items-center justify-center",
+      onClick: (o) => o.stopPropagation(),
+      children: /* @__PURE__ */ e(
+        r,
+        {
+          checked: n,
+          indeterminate: t,
+          onChange: () => i(),
+          size: "sm"
+        }
+      )
+    }
+  );
+}
+export {
+  l as SelectionCell,
+  a as SelectionHeaderCell
+};

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

@@ -0,0 +1,3 @@
+import { OptionListProps } from '../../_types/table.types';
+export default function OptionList({ selectedFilter, currentVal, exclude, setDraftColumnFilters, virtualization, }: OptionListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OptionList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionList.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/TableFilterModal/OptionList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAKhE,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,cAAc,EACd,UAAU,EACV,OAAO,EACP,qBAAqB,EACrB,cAAc,GACf,EAAE,eAAe,2CA2HjB"}

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

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "react";
+import { O as d } from "../../../../OptionList-BNaH2PnX.js";
+import "../../../CKCheckbox/index.js";
+import "./OptionListItems.js";
+import "../../../../search-B_cup-NN.js";
+import "../../../Typography/index.js";
+import "../../../Switch/index.js";
+export {
+  d as default
+};

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

@@ -0,0 +1,3 @@
+import { OptionListItemsProps } from '../../_types/table.types';
+export default function OptionListItems({ virtualization, rowVirtualizer, filteredOptions, checkboxState, rowHeight, handleCheckboxChange, }: OptionListItemsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OptionListItems.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionListItems.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/TableFilterModal/OptionListItems.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErE,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,cAAc,EACd,cAAc,EACd,eAAe,EACf,aAAa,EACb,SAAS,EACT,oBAAoB,GACrB,EAAE,oBAAoB,2CAuDtB"}

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

@@ -0,0 +1,75 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { CKCheckbox as o } from "../../../CKCheckbox/index.js";
+import { Typography as h } from "../../../Typography/index.js";
+function y({
+  virtualization: i,
+  rowVirtualizer: l,
+  filteredOptions: n,
+  checkboxState: a,
+  rowHeight: r,
+  handleCheckboxChange: c
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: "ckds-filter-options-container",
+      style: {
+        height: i ? `${l.getTotalSize()}px` : "auto"
+      },
+      children: i ? l.getVirtualItems().map((e) => {
+        const s = n[e.index];
+        return /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              height: `${e.size}px`,
+              transform: `translateY(${e.start}px)`
+            },
+            children: /* @__PURE__ */ d(
+              "label",
+              {
+                className: "ckds-filter-option-label",
+                style: { height: `${r}px` },
+                children: [
+                  /* @__PURE__ */ t(
+                    o,
+                    {
+                      checked: a.includes(s),
+                      onChange: (m) => c(s, m)
+                    }
+                  ),
+                  /* @__PURE__ */ t(h, { variant: "body-sm", children: s })
+                ]
+              }
+            )
+          },
+          s
+        );
+      }) : /* @__PURE__ */ t("div", { children: n.map((e) => /* @__PURE__ */ d(
+        "label",
+        {
+          className: "ckds-filter-option-label",
+          style: { height: `${r}px` },
+          children: [
+            /* @__PURE__ */ t(
+              o,
+              {
+                checked: a.includes(e),
+                onChange: (s) => c(e, s)
+              }
+            ),
+            /* @__PURE__ */ t(h, { variant: "body-sm", children: e })
+          ]
+        },
+        e
+      )) })
+    }
+  );
+}
+export {
+  y as default
+};

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

@@ -0,0 +1,3 @@
+import { RangeSelectorProps } from '../../_types/table.types';
+export default function RangeSelector({ selectedFilter, currentVal, setDraftColumnFilters, error, setError, }: RangeSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RangeSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSelector.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/TableFilterModal/RangeSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAA8B,MAAM,0BAA0B,CAAC;AAE/F,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,UAAU,EACV,qBAAqB,EACrB,KAAK,EACL,QAAQ,GACT,EAAE,kBAAkB,2CAwIpB"}