@ck-ui/component-library 0.2.0 → 1.0.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,2CAsC1B"}

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

@@ -0,0 +1,54 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import * as n from "react";
+const d = (e) => /* @__PURE__ */ n.createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ n.createElement("path", { d: "M2.91747 9.03784L6.99782 4.96909L11.0781 9.03784", stroke: "#2B2B2B", strokeWidth: 0.88, strokeLinecap: "round", strokeLinejoin: "round" }));
+function x({
+  isExpanded: e,
+  hasChildren: o,
+  depth: r,
+  indentSize: a,
+  onToggle: i,
+  children: l
+}) {
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "4px",
+        width: "100%",
+        paddingLeft: `${r * a}px`
+      },
+      children: [
+        o ? /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "ckds-table-expand-btn",
+            onClick: (s) => {
+              s.stopPropagation(), i();
+            },
+            "aria-label": e ? "Collapse row" : "Expand row",
+            "aria-expanded": e,
+            children: /* @__PURE__ */ t(
+              d,
+              {
+                style: {
+                  width: "14px",
+                  height: "14px",
+                  flexShrink: 0,
+                  transition: "transform 200ms ease",
+                  transform: e ? "rotate(0deg)" : "rotate(180deg)"
+                }
+              }
+            )
+          }
+        ) : /* @__PURE__ */ t("span", { style: { width: "20px", flexShrink: 0, display: "inline-block" } }),
+        /* @__PURE__ */ t("div", { style: { flex: 1, minWidth: 0 }, children: l })
+      ]
+    }
+  );
+}
+export {
+  x 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;
+    columnSizing?: Record<string, number>;
+    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, columnSizing, 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;AAG/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,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,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,YAAY,EACZ,WAAW,EAAE,cAAc,EAC3B,eAAe,GAChB,EAAE,kBAAkB,CAAC,KAAK,CAAC,kDAgQ3B"}

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

@@ -0,0 +1,193 @@
+import { jsxs as r, jsx as o, Fragment as y } from "react/jsx-runtime";
+import { f as S } from "../../../../index-f7TB87Mf.js";
+import { columnLayoutStyle as x, columnsLayoutStyle as T } from "../../_utils/table.utils.js";
+function K({
+  headerGroups: I,
+  table: h,
+  hasSelection: N = !1,
+  getSortIcon: u,
+  selectionCell: v,
+  lastColId: w,
+  columnSizing: m,
+  pinnedStyle: D,
+  selectionOffset: H
+}) {
+  const t = h.getVisibleLeafColumns();
+  if (t.length === 0) return null;
+  const i = /* @__PURE__ */ new Map();
+  t.forEach((l) => i.set(l.id, null)), I.forEach((l) => {
+    l.columns.forEach((s) => {
+      i.has(s) && i.set(s, l.label);
+    });
+  });
+  const R = h.getHeaderGroups()[0], p = /* @__PURE__ */ new Map();
+  R?.headers.forEach((l) => p.set(l.column.id, l));
+  const z = t[t.length - 1]?.id, f = [];
+  let d = 0;
+  for (; d < t.length; ) {
+    const l = t[d], s = i.get(l.id);
+    if (s === null)
+      f.push({ type: "ungrouped", colIds: [l.id] }), d++;
+    else {
+      const g = [];
+      for (; d < t.length && i.get(t[d].id) === s; )
+        g.push(t[d].id), d++;
+      f.push({ type: "group", colIds: g, label: s });
+    }
+  }
+  return /* @__PURE__ */ r(
+    "tr",
+    {
+      className: "ckds-dragable-tr ckds-dragable-tr-double",
+      style: { display: "flex", width: "100%", minWidth: "inherit" },
+      children: [
+        N && /* @__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: v
+          }
+        ),
+        f.map((l, s) => {
+          const g = l.colIds.map((e) => t.find((c) => c.id === e)).filter((e) => !!e), L = l.colIds.includes(z);
+          if (l.type === "ungrouped") {
+            const e = p.get(l.colIds[0]), c = e?.column.getIsPinned(), n = e?.column.id === w;
+            return /* @__PURE__ */ r(y, { children: [
+              n && c === "right" && /* @__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__ */ r(
+                "th",
+                {
+                  className: "ckds-dragable-th ckds-dragable-th-double-ungrouped",
+                  style: {
+                    ...e ? D(e.column, h, H) : {},
+                    ...e ? x(e.column, t, m) : {},
+                    position: c ? "sticky" : "relative",
+                    zIndex: c ? 2 : void 0
+                  },
+                  children: [
+                    e && /* @__PURE__ */ r(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          flex: "1 1 auto",
+                          minWidth: 0,
+                          justifyContent: e.column.getCanSort() ? "space-between" : e.column.columnDef.align === "right" ? "flex-end" : e.column.columnDef.align === "center" ? "center" : "flex-start",
+                          cursor: e.column.getCanSort() ? "pointer" : "default"
+                        },
+                        onClick: e.column.getCanSort() ? e.column.getToggleSortingHandler() : void 0,
+                        role: "button",
+                        tabIndex: e.column.getCanSort() ? 0 : -1,
+                        onKeyDown: (a) => {
+                          e.column.getCanSort() && (a.key === "Enter" || a.key === " ") && e.column.getToggleSortingHandler()?.(a);
+                        },
+                        children: [
+                          e.column.columnDef.align === "right" && e.column.getCanSort() && /* @__PURE__ */ o("span", { className: "ckds-sort-icon ckds-sort-icon-left", children: u(e.column.getIsSorted()) }),
+                          S(e.column.columnDef.header, e.getContext()),
+                          e.column.columnDef.align !== "right" && e.column.getCanSort() && /* @__PURE__ */ o("span", { className: "ckds-sort-icon", children: u(e.column.getIsSorted()) })
+                        ]
+                      }
+                    ),
+                    e && !n && e.column.getCanResize() && /* @__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 G = l.colIds[l.colIds.length - 1], E = t.find((e) => e.id === G), M = L && E?.getIsPinned() === "right";
+          return /* @__PURE__ */ r(y, { children: [
+            M && /* @__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__ */ r(
+              "th",
+              {
+                className: "ckds-dragable-th ckds-dragable-th-double-group",
+                style: {
+                  ...T(g, t, m)
+                },
+                children: [
+                  /* @__PURE__ */ o("div", { className: "ckds-dragable-th-double-group-label", children: /* @__PURE__ */ o("span", { className: "ckds-group-label-text", children: l.label }) }),
+                  /* @__PURE__ */ o("div", { className: "ckds-dragable-th-double-group-subheaders", children: l.colIds.map((e, c) => {
+                    const n = p.get(e), C = c === l.colIds.length - 1, a = n?.column.columnDef?.align, b = n?.column.getCanSort() ?? !1, P = b ? "space-between" : a === "right" ? "flex-end" : a === "center" ? "center" : "flex-start";
+                    return /* @__PURE__ */ r(
+                      "div",
+                      {
+                        className: "ckds-dragable-th-double-subheader",
+                        style: {
+                          ...n ? x(n.column, t, m) : {},
+                          position: "relative"
+                        },
+                        children: [
+                          n && /* @__PURE__ */ r(
+                            "div",
+                            {
+                              style: {
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: P,
+                                width: "100%",
+                                height: "100%",
+                                cursor: n.column.getCanSort() ? "pointer" : "default"
+                              },
+                              onClick: n.column.getCanSort() ? n.column.getToggleSortingHandler() : void 0,
+                              role: "button",
+                              tabIndex: n.column.getCanSort() ? 0 : -1,
+                              onKeyDown: (k) => {
+                                n.column.getCanSort() && (k.key === "Enter" || k.key === " ") && n.column.getToggleSortingHandler()?.(k);
+                              },
+                              children: [
+                                a === "right" && b && /* @__PURE__ */ o("span", { className: "ckds-sort-icon ckds-sort-icon-left", children: u(n.column.getIsSorted()) }),
+                                S(n.column.columnDef.header, n.getContext()),
+                                a !== "right" && b && /* @__PURE__ */ o("span", { className: "ckds-sort-icon", children: u(n.column.getIsSorted()) })
+                              ]
+                            }
+                          ),
+                          n && !C && n.column.getCanResize() && /* @__PURE__ */ o(
+                            "div",
+                            {
+                              onMouseDown: n.getResizeHandler(),
+                              onTouchStart: n.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 {
+  K 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-DN1xZbnV.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"}