@bioturing/components 0.46.4 → 0.48.0

package/dist/components/data-table/components/TableHeader.js

@@ -1,103 +1,131 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { flexRender as g } from "@tanstack/react-table";
-import { Checkbox as p } from "antd";
-import { CaretUpDownIcon as d, CaretUpIcon as z, CaretDownIcon as b, FunnelIcon as I } from "@bioturing/assets";
-import { convertSelectionToAntFormat as C, shouldShowIcons as u, getAlignmentClass as R } from "../utils.js";
-import { useCls as S } from "../../utils/antdUtils.js";
-import { clsx as c } from "../../utils/cn.js";
-const H = ({
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { flexRender as R } from "@tanstack/react-table";
+import { CaretUpDownIcon as C, CaretUpIcon as N, CaretDownIcon as k, FunnelIcon as A } from "@bioturing/assets";
+import { convertSelectionToAntFormat as I, getRowKey as T, shouldShowIcons as d, getAlignmentClass as y } from "../utils.js";
+import { useCls as H } from "../../utils/antdUtils.js";
+import { clsx as i } from "../../utils/cn.js";
+import { Checkbox as $ } from "../../checkbox/component.js";
+const W = ({
   table: n,
-  rowSelectionConfig: s,
+  rowSelectionConfig: c,
   dataSource: o = [],
-  rowKey: a
+  rowKey: m,
+  onHeaderRow: z
 }) => {
-  const e = S();
-  return /* @__PURE__ */ t("thead", { className: e("table-thead"), children: n.getHeaderGroups().map((r) => /* @__PURE__ */ t("tr", { children: r.headers.map((l) => /* @__PURE__ */ m(
-    "th",
-    {
-      className: c(
-        e("table-cell"),
-        u(l.column) ? e("table-column-has-sorters") : "",
-        l.id === "select" ? e("table-selection-column") : "",
-        l.column.getIsResizing?.() ? e("table-cell-resizing") : "",
-        R(l.column.columnDef.meta?.align)
-      ),
-      scope: "col",
-      style: {
-        width: l.id === "select" ? s?.columnWidth || 32 : void 0
-        // Width is handled by colgroup and CSS variables for performance
-      },
-      tabIndex: u(l.column) ? 0 : void 0,
-      onClick: l.column.getCanSort() ? l.column.getToggleSortingHandler() : void 0,
-      children: [
-        l.id === "select" ? (
-          // Handle selection column header
-          (() => {
-            if (s?.type === "radio")
-              return s.columnTitle || null;
-            const { selectedRowKeys: i } = C(
-              n.getState().rowSelection,
-              o,
-              a
-            );
-            return /* @__PURE__ */ t(
-              p,
-              {
-                checked: i.length === o.length && o.length > 0,
-                indeterminate: i.length > 0 && i.length < o.length,
-                onChange: (f) => {
-                  f.target.checked ? n.toggleAllRowsSelected(!0) : n.toggleAllRowsSelected(!1);
+  const l = H();
+  return /* @__PURE__ */ e("thead", { className: l("data-table-thead"), children: n.getHeaderGroups().map((a) => {
+    const g = z?.(
+      a.headers.map((t) => ({
+        ...t.column.columnDef.meta,
+        key: t.column.id,
+        title: t.column.columnDef.header,
+        dataIndex: t.column.id
+      }))
+    );
+    return /* @__PURE__ */ e("tr", { ...g, children: a.headers.map((t) => /* @__PURE__ */ r(
+      "th",
+      {
+        ...t.id === "select" ? {} : g,
+        className: i(
+          l("data-table-cell"),
+          d(t.column) ? l("data-table-column-has-sorters") : "",
+          t.id === "select" ? l("data-table-selection-column") : "",
+          t.column.getIsResizing?.() ? l("data-table-cell-resizing") : "",
+          y(t.column.columnDef.meta?.align)
+        ),
+        scope: "col",
+        style: {
+          width: t.id === "select" ? c?.columnWidth || 32 : void 0
+          // Width is handled by colgroup and CSS variables for performance
+        },
+        tabIndex: d(t.column) ? 0 : void 0,
+        onClick: t.column.getCanSort() ? t.column.getToggleSortingHandler() : void 0,
+        children: [
+          t.id === "select" ? (
+            // Handle selection column header
+            (() => {
+              if (c?.type === "radio" || c?.hideSelectAll)
+                return c.columnTitle || null;
+              const { selectedRowKeys: u } = I(
+                n.getState().rowSelection,
+                o,
+                m
+              ), b = u.length === o.length && o.length > 0, S = u.length > 0 && u.length < o.length;
+              return /* @__PURE__ */ e(
+                $,
+                {
+                  checked: b,
+                  indeterminate: S,
+                  onChange: (w) => {
+                    const s = w.target.checked;
+                    if (c?.onSelectAll) {
+                      const p = n.getState().rowSelection, { selectedRows: x } = I(
+                        p,
+                        o,
+                        m
+                      ), D = s ? o : [], h = s ? o.filter((F, f) => {
+                        const v = String(T(o[f], f, m));
+                        return !p[v];
+                      }) : x;
+                      c.onSelectAll(
+                        s,
+                        D,
+                        h
+                      );
+                    }
+                    n.toggleAllRowsSelected(s);
+                  }
                 }
+              );
+            })()
+          ) : d(t.column) ? /* @__PURE__ */ r("div", { className: l("data-table-column-sorters"), children: [
+            /* @__PURE__ */ e("span", { className: l("data-table-column-title"), children: t.isPlaceholder ? null : R(t.column.columnDef.header, t.getContext()) }),
+            /* @__PURE__ */ r("div", { className: l("data-table-column-icons"), children: [
+              t.column.getCanSort() && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: i(
+                    l("data-table-column-sort-icon"),
+                    t.column.getIsSorted() ? `${l("data-table-column-sort-icon")}-${t.column.getIsSorted()}` : `${l("data-table-column-sort-icon")}-none`
+                  ),
+                  children: t.column.getIsSorted() ? t.column.getIsSorted() === "asc" ? /* @__PURE__ */ e(N, { weight: "fill" }) : /* @__PURE__ */ e(k, { weight: "fill" }) : /* @__PURE__ */ e(C, { weight: "fill" })
+                }
+              ),
+              t.column.getCanFilter() && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: i(
+                    l("data-table-column-filter-icon"),
+                    t.column.getFilterValue() ? l("data-table-column-filter-icon-active") : ""
+                  ),
+                  children: /* @__PURE__ */ e(A, { weight: "fill" })
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ e("span", { className: l("data-table-column-title"), children: t.isPlaceholder ? null : R(t.column.columnDef.header, t.getContext()) }),
+          t.column.getCanResize?.() && /* @__PURE__ */ e(
+            "div",
+            {
+              className: i(
+                l("data-table-resize-handle"),
+                l(`data-table-resize-${n.options.columnResizeDirection || "ltr"}`),
+                t.column.getIsResizing?.() ? l("data-table-resize-handle-active") : ""
+              ),
+              onMouseDown: t.getResizeHandler?.(),
+              onTouchStart: t.getResizeHandler?.(),
+              onDoubleClick: () => t.column.resetSize(),
+              style: {
+                transform: n.options.columnResizeMode === "onEnd" && t.column.getIsResizing?.() ? `translateX(${((n.options.columnResizeDirection || "ltr") === "rtl" ? -1 : 1) * (n.getState().columnSizingInfo?.deltaOffset ?? 0)}px)` : ""
               }
-            );
-          })()
-        ) : u(l.column) ? /* @__PURE__ */ m("div", { className: e("table-column-sorters"), children: [
-          /* @__PURE__ */ t("span", { className: e("table-column-title"), children: l.isPlaceholder ? null : g(l.column.columnDef.header, l.getContext()) }),
-          /* @__PURE__ */ m("div", { className: e("table-column-icons"), children: [
-            l.column.getCanSort() && /* @__PURE__ */ t(
-              "span",
-              {
-                className: c(
-                  e("table-column-sort-icon"),
-                  l.column.getIsSorted() ? `${e("table-column-sort-icon")}-${l.column.getIsSorted()}` : `${e("table-column-sort-icon")}-none`
-                ),
-                children: l.column.getIsSorted() ? l.column.getIsSorted() === "asc" ? /* @__PURE__ */ t(z, { weight: "fill" }) : /* @__PURE__ */ t(b, { weight: "fill" }) : /* @__PURE__ */ t(d, { weight: "fill" })
-              }
-            ),
-            l.column.getCanFilter() && /* @__PURE__ */ t(
-              "span",
-              {
-                className: c(
-                  e("table-column-filter-icon"),
-                  l.column.getFilterValue() ? e("table-column-filter-icon-active") : ""
-                ),
-                children: /* @__PURE__ */ t(I, { weight: "fill" })
-              }
-            )
-          ] })
-        ] }) : /* @__PURE__ */ t("span", { className: e("table-column-title"), children: l.isPlaceholder ? null : g(l.column.columnDef.header, l.getContext()) }),
-        l.column.getCanResize?.() && /* @__PURE__ */ t(
-          "div",
-          {
-            className: c(
-              e("table-resize-handle"),
-              e(`table-resize-${n.options.columnResizeDirection || "ltr"}`),
-              l.column.getIsResizing?.() ? e("table-resize-handle-active") : ""
-            ),
-            onMouseDown: l.getResizeHandler?.(),
-            onTouchStart: l.getResizeHandler?.(),
-            onDoubleClick: () => l.column.resetSize(),
-            style: {
-              transform: n.options.columnResizeMode === "onEnd" && l.column.getIsResizing?.() ? `translateX(${((n.options.columnResizeDirection || "ltr") === "rtl" ? -1 : 1) * (n.getState().columnSizingInfo?.deltaOffset ?? 0)}px)` : ""
             }
-          }
-        )
-      ]
-    },
-    l.id
-  )) }, r.id)) });
+          )
+        ]
+      },
+      t.id
+    )) }, a.id);
+  }) });
 };
 export {
-  H as TableHeader
+  W as TableHeader
 };
 //# sourceMappingURL=TableHeader.js.map

package/dist/components/data-table/components/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../src/components/data-table/components/TableHeader.tsx"],"sourcesContent":["import { flexRender, type Table, type Header, type HeaderGroup } from \"@tanstack/react-table\";\nimport { Checkbox, type CheckboxChangeEvent } from \"antd\";\nimport { CaretDownIcon, CaretUpIcon, CaretUpDownIcon, FunnelIcon } from \"@bioturing/assets\";\nimport { clsx, useCls } from \"../../utils\";\nimport { getAlignmentClass, shouldShowIcons } from \"../utils\";\nimport { convertSelectionToAntFormat } from \"../utils\";\nimport { type DataTableRowSelection, type RowKey } from \"../types\";\n\n// Extended meta type for column definitions\ninterface ExtendedColumnMeta {\n  align?: 'left' | 'center' | 'right';\n  width?: string | number;\n  fixed?: 'left' | 'right' | boolean;\n  ellipsis?: boolean;\n}\n\ninterface TableHeaderProps<RecordType extends Record<string, any> = Record<string, unknown>> {\n  table: Table<RecordType>;\n  rowSelectionConfig?: DataTableRowSelection<RecordType>;\n  dataSource?: RecordType[];\n  rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);\n}\n\nexport const TableHeader = <RecordType extends Record<string, any> = Record<string, unknown>>({ \n  table, \n  rowSelectionConfig, \n  dataSource = [], \n  rowKey \n}: TableHeaderProps<RecordType>) => {\n  const cls = useCls();\n\n  return (\n    <thead className={cls(\"table-thead\")}>\n      {table.getHeaderGroups().map((headerGroup: HeaderGroup<RecordType>) => (\n        <tr key={headerGroup.id}>\n          {headerGroup.headers.map((header: Header<RecordType, unknown>) => (\n            <th\n              key={header.id}\n              className={clsx(\n                cls(\"table-cell\"),\n                shouldShowIcons(header.column) ? cls(\"table-column-has-sorters\") : \"\",\n                header.id === 'select' ? cls(\"table-selection-column\") : \"\",\n                header.column.getIsResizing?.() ? cls(\"table-cell-resizing\") : \"\",\n                getAlignmentClass((header.column.columnDef.meta as ExtendedColumnMeta)?.align)\n              )}\n              scope=\"col\"\n              style={{\n                width: header.id === 'select' \n                  ? rowSelectionConfig?.columnWidth || 32 \n                  : undefined // Width is handled by colgroup and CSS variables for performance\n              }}\n              tabIndex={shouldShowIcons(header.column) ? 0 : undefined}\n              onClick={header.column.getCanSort() ? header.column.getToggleSortingHandler() : undefined}\n            >\n              {header.id === 'select' ? (\n                // Handle selection column header\n                (() => {\n                  if (rowSelectionConfig?.type === 'radio') {\n                    return rowSelectionConfig.columnTitle || null;\n                  }\n                  \n                  const { selectedRowKeys } = convertSelectionToAntFormat(\n                    table.getState().rowSelection,\n                    dataSource,\n                    rowKey\n                  );\n                  \n                  return (\n                    <Checkbox\n                      checked={selectedRowKeys.length === dataSource.length && dataSource.length > 0}\n                      indeterminate={selectedRowKeys.length > 0 && selectedRowKeys.length < dataSource.length}\n                      onChange={(e: CheckboxChangeEvent) => {\n                        if (e.target.checked) {\n                          table.toggleAllRowsSelected(true);\n                        } else {\n                          table.toggleAllRowsSelected(false);\n                        }\n                      }}\n                    />\n                  );\n                })()\n              ) : shouldShowIcons(header.column) ? (\n                <div className={cls(\"table-column-sorters\")}>\n                  <span className={cls(\"table-column-title\")}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(header.column.columnDef.header, header.getContext())}\n                  </span>\n                  <div className={cls(\"table-column-icons\")}>\n                    {header.column.getCanSort() && (\n                      <span\n                        className={clsx(\n                          cls(\"table-column-sort-icon\"),\n                          header.column.getIsSorted()\n                            ? `${cls(\"table-column-sort-icon\")}-${header.column.getIsSorted()}`\n                            : `${cls(\"table-column-sort-icon\")}-none`\n                        )}\n                      >\n                        {!header.column.getIsSorted() ? (\n                          <CaretUpDownIcon weight=\"fill\" />\n                        ) : header.column.getIsSorted() === \"asc\" ? (\n                          <CaretUpIcon weight=\"fill\" />\n                        ) : (\n                          <CaretDownIcon weight=\"fill\" />\n                        )}\n                      </span>\n                    )}\n                    {header.column.getCanFilter() && (\n                      <span\n                        className={clsx(\n                          cls(\"table-column-filter-icon\"),\n                          header.column.getFilterValue() ? cls(\"table-column-filter-icon-active\") : \"\"\n                        )}\n                      >\n                        <FunnelIcon weight=\"fill\" />\n                      </span>\n                    )}\n                  </div>\n                </div>\n              ) : (\n                <span className={cls(\"table-column-title\")}>\n                  {header.isPlaceholder\n                    ? null\n                    : flexRender(header.column.columnDef.header, header.getContext())}\n                </span>\n              )}\n              \n              {/* Column resize handle */}\n              {header.column.getCanResize?.() && (\n                <div\n                  className={clsx(\n                    cls(\"table-resize-handle\"),\n                    cls(`table-resize-${table.options.columnResizeDirection || 'ltr'}`),\n                    header.column.getIsResizing?.() ? cls(\"table-resize-handle-active\") : \"\"\n                  )}\n                  onMouseDown={header.getResizeHandler?.()}\n                  onTouchStart={header.getResizeHandler?.()}\n                  onDoubleClick={() => header.column.resetSize()}\n                  style={{\n                    transform: \n                      table.options.columnResizeMode === 'onEnd' && header.column.getIsResizing?.()\n                        ? `translateX(${\n                            ((table.options.columnResizeDirection || 'ltr') === 'rtl' ? -1 : 1) *\n                            (table.getState().columnSizingInfo?.deltaOffset ?? 0)\n                          }px)`\n                        : '',\n                  }}\n                />\n              )}\n            </th>\n          ))}\n        </tr>\n      ))}\n    </thead>\n  );\n};"],"names":["TableHeader","table","rowSelectionConfig","dataSource","rowKey","cls","useCls","headerGroup","jsx","header","jsxs","clsx","shouldShowIcons","getAlignmentClass","selectedRowKeys","convertSelectionToAntFormat","Checkbox","e","flexRender","CaretUpIcon","CaretDownIcon","CaretUpDownIcon","FunnelIcon"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../src/components/data-table/components/TableHeader.tsx"],"sourcesContent":["import { flexRender, type Table, type Header, type HeaderGroup } from \"@tanstack/react-table\";\nimport { Checkbox, type CheckboxChangeEvent } from \"../../checkbox\";\nimport { CaretDownIcon, CaretUpIcon, CaretUpDownIcon, FunnelIcon } from \"@bioturing/assets\";\nimport { clsx, useCls } from \"../../utils\";\nimport { getAlignmentClass, shouldShowIcons } from \"../utils\";\nimport { convertSelectionToAntFormat } from \"../utils\";\nimport { type DataTableRowSelection, type RowKey } from \"../types\";\nimport { getRowKey } from \"../utils\";\nimport { type TableProps as AntTableProps } from \"antd/es/table\";\n\n// Extended meta type for column definitions\ninterface ExtendedColumnMeta {\n  align?: \"left\" | \"center\" | \"right\";\n  width?: string | number;\n  fixed?: \"left\" | \"right\" | boolean;\n  ellipsis?: boolean;\n}\n\ninterface TableHeaderProps<RecordType extends Record<string, any> = Record<string, unknown>> {\n  table: Table<RecordType>;\n  rowSelectionConfig?: DataTableRowSelection<RecordType>;\n  dataSource?: RecordType[];\n  rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);\n  onHeaderRow?: AntTableProps<RecordType>['onHeaderRow'];\n}\n\nexport const TableHeader = <RecordType extends Record<string, any> = Record<string, unknown>>({\n  table,\n  rowSelectionConfig,\n  dataSource = [],\n  rowKey,\n  onHeaderRow,\n}: TableHeaderProps<RecordType>) => {\n  const cls = useCls();\n\n  return (\n    <thead className={cls(\"data-table-thead\")}>\n      {table.getHeaderGroups().map((headerGroup: HeaderGroup<RecordType>) => {\n        const headerRowProps = onHeaderRow?.(\n          headerGroup.headers.map((h) => ({\n            ...(h.column.columnDef.meta as Record<string, unknown>),\n            key: h.column.id,\n            title: h.column.columnDef.header as React.ReactNode,\n            dataIndex: h.column.id,\n          })) as unknown as Parameters<NonNullable<typeof onHeaderRow>>[0]\n        );\n\n        return (\n          <tr key={headerGroup.id} {...headerRowProps}>\n            {headerGroup.headers.map((header: Header<RecordType, unknown>) => (\n              <th\n                key={header.id}\n                {...(header.id === \"select\" ? {} : headerRowProps)}\n                className={clsx(\n                  cls(\"data-table-cell\"),\n                  shouldShowIcons(header.column) ? cls(\"data-table-column-has-sorters\") : \"\",\n                  header.id === \"select\" ? cls(\"data-table-selection-column\") : \"\",\n                  header.column.getIsResizing?.() ? cls(\"data-table-cell-resizing\") : \"\",\n                  getAlignmentClass((header.column.columnDef.meta as ExtendedColumnMeta)?.align),\n                )}\n                scope=\"col\"\n                style={{\n                  width: header.id === \"select\" ? rowSelectionConfig?.columnWidth || 32 : undefined, // Width is handled by colgroup and CSS variables for performance\n                }}\n                tabIndex={shouldShowIcons(header.column) ? 0 : undefined}\n                onClick={\n                  header.column.getCanSort() ? header.column.getToggleSortingHandler() : undefined\n                }\n              >\n                {header.id === \"select\" ? (\n                  // Handle selection column header\n                  (() => {\n                    if (rowSelectionConfig?.type === \"radio\") {\n                      return rowSelectionConfig.columnTitle || null;\n                    }\n\n                    if (rowSelectionConfig?.hideSelectAll) {\n                      return rowSelectionConfig.columnTitle || null;\n                    }\n\n                    const { selectedRowKeys } = convertSelectionToAntFormat(\n                      table.getState().rowSelection,\n                      dataSource,\n                      rowKey,\n                    );\n\n                    const isAllSelected = selectedRowKeys.length === dataSource.length && dataSource.length > 0;\n                    const isIndeterminate = selectedRowKeys.length > 0 && selectedRowKeys.length < dataSource.length;\n\n                    return (\n                      <Checkbox\n                        checked={isAllSelected}\n                        indeterminate={isIndeterminate}\n                        onChange={(e: CheckboxChangeEvent) => {\n                          const checked = e.target.checked;\n\n                          // Capture current state before toggling for onSelectAll callback\n                          if (rowSelectionConfig?.onSelectAll) {\n                            const currentSelection = table.getState().rowSelection;\n                            const { selectedRows: prevSelectedRows } = convertSelectionToAntFormat(\n                              currentSelection,\n                              dataSource,\n                              rowKey,\n                            );\n\n                            const newSelectedRows = checked ? dataSource : [];\n                            const changeRows = checked\n                              ? dataSource.filter((_, i) => {\n                                  const key = String(getRowKey(dataSource[i], i, rowKey));\n                                  return !currentSelection[key];\n                                })\n                              : prevSelectedRows;\n\n                            rowSelectionConfig.onSelectAll(\n                              checked,\n                              newSelectedRows,\n                              changeRows,\n                            );\n                          }\n\n                          table.toggleAllRowsSelected(checked);\n                        }}\n                      />\n                    );\n                  })()\n                ) : shouldShowIcons(header.column) ? (\n                <div className={cls(\"data-table-column-sorters\")}>\n                  <span className={cls(\"data-table-column-title\")}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(header.column.columnDef.header, header.getContext())}\n                  </span>\n                  <div className={cls(\"data-table-column-icons\")}>\n                    {header.column.getCanSort() && (\n                      <span\n                        className={clsx(\n                          cls(\"data-table-column-sort-icon\"),\n                          header.column.getIsSorted()\n                            ? `${cls(\"data-table-column-sort-icon\")}-${header.column.getIsSorted()}`\n                            : `${cls(\"data-table-column-sort-icon\")}-none`,\n                        )}\n                      >\n                        {!header.column.getIsSorted() ? (\n                          <CaretUpDownIcon weight=\"fill\" />\n                        ) : header.column.getIsSorted() === \"asc\" ? (\n                          <CaretUpIcon weight=\"fill\" />\n                        ) : (\n                          <CaretDownIcon weight=\"fill\" />\n                        )}\n                      </span>\n                    )}\n                    {header.column.getCanFilter() && (\n                      <span\n                        className={clsx(\n                          cls(\"data-table-column-filter-icon\"),\n                          header.column.getFilterValue()\n                            ? cls(\"data-table-column-filter-icon-active\")\n                            : \"\",\n                        )}\n                      >\n                        <FunnelIcon weight=\"fill\" />\n                      </span>\n                    )}\n                  </div>\n                </div>\n              ) : (\n                <span className={cls(\"data-table-column-title\")}>\n                  {header.isPlaceholder\n                    ? null\n                    : flexRender(header.column.columnDef.header, header.getContext())}\n                </span>\n              )}\n\n              {/* Column resize handle */}\n              {header.column.getCanResize?.() && (\n                <div\n                  className={clsx(\n                    cls(\"data-table-resize-handle\"),\n                    cls(`data-table-resize-${table.options.columnResizeDirection || \"ltr\"}`),\n                    header.column.getIsResizing?.() ? cls(\"data-table-resize-handle-active\") : \"\",\n                  )}\n                  onMouseDown={header.getResizeHandler?.()}\n                  onTouchStart={header.getResizeHandler?.()}\n                  onDoubleClick={() => header.column.resetSize()}\n                  style={{\n                    transform:\n                      table.options.columnResizeMode === \"onEnd\" && header.column.getIsResizing?.()\n                        ? `translateX(${\n                            ((table.options.columnResizeDirection || \"ltr\") === \"rtl\" ? -1 : 1) *\n                            (table.getState().columnSizingInfo?.deltaOffset ?? 0)\n                          }px)`\n                        : \"\",\n                  }}\n                />\n              )}\n            </th>\n          ))}\n        </tr>\n      );})}\n    </thead>\n  );\n};\n"],"names":["TableHeader","table","rowSelectionConfig","dataSource","rowKey","onHeaderRow","cls","useCls","jsx","headerGroup","headerRowProps","h","header","jsxs","clsx","shouldShowIcons","getAlignmentClass","selectedRowKeys","convertSelectionToAntFormat","isAllSelected","isIndeterminate","Checkbox","e","checked","currentSelection","prevSelectedRows","newSelectedRows","changeRows","_","i","key","getRowKey","flexRender","CaretUpIcon","CaretDownIcon","CaretUpDownIcon","FunnelIcon"],"mappings":"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"}

package/dist/components/data-table/components/TablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TablePagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,UAAU,oBAAoB,CAC5B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAE5D,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,GAC1B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,0CAIC,oBAAoB,CAAC,UAAU,CAAC,4CAoClC,CAAC"}
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TablePagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,UAAU,oBAAoB,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACzF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,GAAI,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,0CAI3F,oBAAoB,CAAC,UAAU,CAAC,4CAgDlC,CAAC"}

package/dist/components/data-table/components/TablePagination.js

@@ -1,41 +1,46 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Pagination as h } from "antd";
-import { useCls as g } from "../../utils/antdUtils.js";
-import { clsx as m } from "../../utils/cn.js";
-const x = ({
-  table: t,
+import { Pagination as m } from "antd";
+import { useCls as u } from "../../utils/antdUtils.js";
+import { clsx as g } from "../../utils/cn.js";
+const f = ({
+  table: e,
   paginationConfig: o,
   totalCount: n
 }) => {
-  const s = g();
-  if (!o || !t.getState().pagination) return null;
-  const c = t.getState().pagination.pageIndex + 1, a = t.getState().pagination.pageSize;
-  return /* @__PURE__ */ i(
-    "div",
+  const a = u();
+  if (!o || !e.getState().pagination) return null;
+  const c = e.getState().pagination.pageIndex + 1, r = e.getState().pagination.pageSize, p = o.position?.[0] || "bottomRight", h = (() => {
+    switch (p) {
+      case "bottomLeft":
+        return a("data-table-pagination-left");
+      case "bottomCenter":
+        return a("data-table-pagination-center");
+      case "bottomRight":
+      default:
+        return a("data-table-pagination-right");
+    }
+  })();
+  return /* @__PURE__ */ i("div", { className: g(a("data-table-pagination"), h), children: /* @__PURE__ */ i(
+    m,
     {
-      className: m(s("table-pagination"), s("table-pagination-right")),
-      children: /* @__PURE__ */ i(
-        h,
-        {
-          ...o,
-          current: c,
-          pageSize: a,
-          total: n,
-          showSizeChanger: o.showSizeChanger !== !1,
-          showQuickJumper: o.showQuickJumper || !1,
-          showTotal: o.showTotal || ((r, e) => `${e[0]}-${e[1]} of ${r} items`),
-          onChange: (r, e) => {
-            t.setPageIndex(r - 1), e && e !== a && t.setPageSize(e);
-          },
-          onShowSizeChange: (r, e) => {
-            t.setPageSize(e), t.setPageIndex(0);
-          }
-        }
-      )
+      ...o,
+      current: c,
+      pageSize: r,
+      total: n,
+      pageSizeOptions: o.pageSizeOptions,
+      showSizeChanger: o.showSizeChanger !== !1,
+      showQuickJumper: o.showQuickJumper || !1,
+      showTotal: o.showTotal || ((s, t) => `${t[0]}-${t[1]} of ${s} items`),
+      onChange: (s, t) => {
+        e.setPageIndex(s - 1), t && t !== r && e.setPageSize(t);
+      },
+      onShowSizeChange: (s, t) => {
+        e.setPageSize(t), e.setPageIndex(0);
+      }
     }
-  );
+  ) });
 };
 export {
-  x as TablePagination
+  f as TablePagination
 };
 //# sourceMappingURL=TablePagination.js.map

package/dist/components/data-table/components/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","sources":["../../../../src/components/data-table/components/TablePagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pagination } from \"antd\";\nimport { type Table } from \"@tanstack/react-table\";\nimport { clsx, useCls } from \"../../utils\";\nimport { type DataTablePaginationConfig } from \"../types\";\n\ninterface TablePaginationProps<\n  RecordType extends Record<string, any> = Record<string, any>\n> {\n  table: Table<RecordType>;\n  paginationConfig?: DataTablePaginationConfig;\n  totalCount: number;\n}\n\nexport const TablePagination = <\n  RecordType extends Record<string, any> = Record<string, any>\n>({\n  table,\n  paginationConfig,\n  totalCount,\n}: TablePaginationProps<RecordType>) => {\n  const cls = useCls();\n\n  if (!paginationConfig || !table.getState().pagination) return null;\n\n  const currentPage = table.getState().pagination.pageIndex + 1;\n  const pageSize = table.getState().pagination.pageSize;\n\n  return (\n    <div\n      className={clsx(cls(\"table-pagination\"), cls(\"table-pagination-right\"))}\n    >\n      <Pagination\n        {...paginationConfig}\n        current={currentPage}\n        pageSize={pageSize}\n        total={totalCount}\n        showSizeChanger={paginationConfig.showSizeChanger !== false}\n        showQuickJumper={paginationConfig.showQuickJumper || false}\n        showTotal={\n          paginationConfig.showTotal ||\n          ((total, range) => `${range[0]}-${range[1]} of ${total} items`)\n        }\n        onChange={(page, newPageSize) => {\n          table.setPageIndex(page - 1);\n          if (newPageSize && newPageSize !== pageSize) {\n            table.setPageSize(newPageSize);\n          }\n        }}\n        onShowSizeChange={(current, size) => {\n          table.setPageSize(size);\n          table.setPageIndex(0); // Reset to first page when changing page size\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["TablePagination","table","paginationConfig","totalCount","cls","useCls","currentPage","pageSize","jsx","clsx","Pagination","total","range","page","newPageSize","current","size"],"mappings":";;;;AAcO,MAAMA,IAAkB,CAE7B;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,MAAwC;AACtC,QAAMC,IAAMC,EAAA;AAEZ,MAAI,CAACH,KAAoB,CAACD,EAAM,SAAA,EAAW,WAAY,QAAO;AAE9D,QAAMK,IAAcL,EAAM,SAAA,EAAW,WAAW,YAAY,GACtDM,IAAWN,EAAM,SAAA,EAAW,WAAW;AAE7C,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKL,EAAI,kBAAkB,GAAGA,EAAI,wBAAwB,CAAC;AAAA,MAEtE,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGR;AAAA,UACJ,SAASI;AAAA,UACT,UAAAC;AAAA,UACA,OAAOJ;AAAA,UACP,iBAAiBD,EAAiB,oBAAoB;AAAA,UACtD,iBAAiBA,EAAiB,mBAAmB;AAAA,UACrD,WACEA,EAAiB,cAChB,CAACS,GAAOC,MAAU,GAAGA,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,OAAOD,CAAK;AAAA,UAExD,UAAU,CAACE,GAAMC,MAAgB;AAC/B,YAAAb,EAAM,aAAaY,IAAO,CAAC,GACvBC,KAAeA,MAAgBP,KACjCN,EAAM,YAAYa,CAAW;AAAA,UAEjC;AAAA,UACA,kBAAkB,CAACC,GAASC,MAAS;AACnC,YAAAf,EAAM,YAAYe,CAAI,GACtBf,EAAM,aAAa,CAAC;AAAA,UACtB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TablePagination.js","sources":["../../../../src/components/data-table/components/TablePagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pagination } from \"antd\";\nimport { type Table } from \"@tanstack/react-table\";\nimport { clsx, useCls } from \"../../utils\";\nimport { type DataTablePaginationConfig } from \"../types\";\n\ninterface TablePaginationProps<RecordType extends Record<string, any> = Record<string, any>> {\n  table: Table<RecordType>;\n  paginationConfig?: DataTablePaginationConfig;\n  totalCount: number;\n}\n\nexport const TablePagination = <RecordType extends Record<string, any> = Record<string, any>>({\n  table,\n  paginationConfig,\n  totalCount,\n}: TablePaginationProps<RecordType>) => {\n  const cls = useCls();\n\n  if (!paginationConfig || !table.getState().pagination) return null;\n\n  const currentPage = table.getState().pagination.pageIndex + 1;\n  const pageSize = table.getState().pagination.pageSize;\n\n  const position = paginationConfig.position?.[0] || \"bottomRight\";\n  const positionClass = (() => {\n    switch (position) {\n      case \"bottomLeft\":\n        return cls(\"data-table-pagination-left\");\n      case \"bottomCenter\":\n        return cls(\"data-table-pagination-center\");\n      case \"bottomRight\":\n      default:\n        return cls(\"data-table-pagination-right\");\n    }\n  })();\n\n  return (\n    <div className={clsx(cls(\"data-table-pagination\"), positionClass)}>\n      <Pagination\n        {...paginationConfig}\n        current={currentPage}\n        pageSize={pageSize}\n        total={totalCount}\n        pageSizeOptions={paginationConfig.pageSizeOptions}\n        showSizeChanger={paginationConfig.showSizeChanger !== false}\n        showQuickJumper={paginationConfig.showQuickJumper || false}\n        showTotal={\n          paginationConfig.showTotal ||\n          ((total, range) => `${range[0]}-${range[1]} of ${total} items`)\n        }\n        onChange={(page, newPageSize) => {\n          table.setPageIndex(page - 1);\n          if (newPageSize && newPageSize !== pageSize) {\n            table.setPageSize(newPageSize);\n          }\n        }}\n        onShowSizeChange={(current, size) => {\n          table.setPageSize(size);\n          table.setPageIndex(0); // Reset to first page when changing page size\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["TablePagination","table","paginationConfig","totalCount","cls","useCls","currentPage","pageSize","position","positionClass","jsx","clsx","Pagination","total","range","page","newPageSize","current","size"],"mappings":";;;;AAYO,MAAMA,IAAkB,CAA+D;AAAA,EAC5F,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,MAAwC;AACtC,QAAMC,IAAMC,EAAA;AAEZ,MAAI,CAACH,KAAoB,CAACD,EAAM,SAAA,EAAW,WAAY,QAAO;AAE9D,QAAMK,IAAcL,EAAM,SAAA,EAAW,WAAW,YAAY,GACtDM,IAAWN,EAAM,SAAA,EAAW,WAAW,UAEvCO,IAAWN,EAAiB,WAAW,CAAC,KAAK,eAC7CO,KAAiB,MAAM;AAC3B,YAAQD,GAAA;AAAA,MACN,KAAK;AACH,eAAOJ,EAAI,4BAA4B;AAAA,MACzC,KAAK;AACH,eAAOA,EAAI,8BAA8B;AAAA,MAC3C,KAAK;AAAA,MACL;AACE,eAAOA,EAAI,6BAA6B;AAAA,IAAA;AAAA,EAE9C,GAAA;AAEA,SACE,gBAAAM,EAAC,SAAI,WAAWC,EAAKP,EAAI,uBAAuB,GAAGK,CAAa,GAC9D,UAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,SAASI;AAAA,MACT,UAAAC;AAAA,MACA,OAAOJ;AAAA,MACP,iBAAiBD,EAAiB;AAAA,MAClC,iBAAiBA,EAAiB,oBAAoB;AAAA,MACtD,iBAAiBA,EAAiB,mBAAmB;AAAA,MACrD,WACEA,EAAiB,cAChB,CAACW,GAAOC,MAAU,GAAGA,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,OAAOD,CAAK;AAAA,MAExD,UAAU,CAACE,GAAMC,MAAgB;AAC/B,QAAAf,EAAM,aAAac,IAAO,CAAC,GACvBC,KAAeA,MAAgBT,KACjCN,EAAM,YAAYe,CAAW;AAAA,MAEjC;AAAA,MACA,kBAAkB,CAACC,GAASC,MAAS;AACnC,QAAAjB,EAAM,YAAYiB,CAAI,GACtBjB,EAAM,aAAa,CAAC;AAAA,MACtB;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/data-table/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/hooks.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,SAAS,CAAC;AAOnE;;GAEG;AACH,wBAAgB,YAAY,CAC1B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC;;;;;;;;EAkNlC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/hooks.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,SAAS,CAAC;AAQnE;;GAEG;AACH,wBAAgB,YAAY,CAC1B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC;;;;;;;;EA6PlC"}

package/dist/components/data-table/hooks.js

@@ -1,64 +1,78 @@
-import { useState as y, useMemo as M, useEffect as x } from "react";
-import { useReactTable as P, getPaginationRowModel as F, getFilteredRowModel as I, getSortedRowModel as E, getCoreRowModel as T } from "@tanstack/react-table";
-import { convertColumnsToTanStack as v, getRowKey as L, convertSelectionToAntFormat as W } from "./utils.js";
-function A(d) {
+import { useState as F, useMemo as P, useEffect as C } from "react";
+import { useReactTable as T, getPaginationRowModel as v, getFilteredRowModel as I, getSortedRowModel as E, getCoreRowModel as L } from "@tanstack/react-table";
+import { convertSelectionToTanStackFormat as p, convertColumnsToTanStack as k, getRowKey as j, convertSelectionToAntFormat as O } from "./utils.js";
+function N(R) {
   const {
-    dataSource: g = [],
-    columns: r = [],
-    rowSelection: i,
-    pagination: a,
-    loading: s,
-    enableSorting: f = !0,
-    enableFiltering: u = !1,
-    onSortingChange: p,
-    onFilteringChange: C,
+    dataSource: s = [],
+    columns: u = [],
+    rowSelection: o,
+    pagination: l,
+    loading: g,
+    enableSorting: d = !0,
+    enableFiltering: w = !1,
+    onSortingChange: y,
+    onFilteringChange: h,
     rowKey: S,
-    enableColumnResizing: c = !1,
-    columnResizeMode: w = "onChange",
-    columnResizeDirection: h = "ltr",
-    onColumnSizingChange: z
-  } = d, [t, l] = y({
-    sorting: [],
-    filtering: [],
-    pagination: {
-      pageIndex: 0,
-      pageSize: a ? a?.defaultPageSize || a?.pageSize || 10 : g.length
-    },
-    rowSelection: {},
-    columnSizing: {}
-  }), R = M(() => {
-    let e = v(r);
-    return i && (e = [{
+    enableColumnResizing: f = !1,
+    columnResizeMode: z = "onChange",
+    columnResizeDirection: b = "ltr",
+    onColumnSizingChange: M
+  } = R, [i, a] = F(() => {
+    const e = o?.selectedRowKeys !== void 0 ? o.selectedRowKeys : o?.defaultSelectedRowKeys;
+    return {
+      sorting: [],
+      filtering: [],
+      pagination: {
+        pageIndex: 0,
+        pageSize: l ? l?.defaultPageSize || l?.pageSize || 10 : s.length
+      },
+      rowSelection: e ? p(
+        e
+      ) : {},
+      columnSizing: {}
+    };
+  }), K = P(() => {
+    let e = k(u);
+    return o && (e = [{
       id: "select",
-      header: ({ table: o }) => i.type === "radio" ? i.columnTitle || null : "SELECTION_HEADER",
-      cell: ({ row: o }) => "SELECTION_CELL",
-      size: typeof i.columnWidth == "number" ? i.columnWidth : typeof i.columnWidth == "string" && parseFloat(i.columnWidth) || 32,
+      header: ({ table: t }) => o.type === "radio" ? o.columnTitle || null : "SELECTION_HEADER",
+      cell: ({ row: t }) => "SELECTION_CELL",
+      size: typeof o.columnWidth == "number" ? o.columnWidth : typeof o.columnWidth == "string" && parseFloat(o.columnWidth) || 32,
       enableSorting: !1,
       enableHiding: !1,
       meta: {
-        fixed: i.fixed,
+        fixed: o.fixed,
         isSelectionColumn: !0
       }
     }, ...e]), e;
-  }, [r, i]);
-  x(() => {
-    if (a === !1) return;
-    const e = t.pagination.pageSize, n = Math.max(0, Math.ceil(g.length / e) - 1);
-    t.pagination.pageIndex > n && l((o) => ({
-      ...o,
+  }, [u, o]);
+  C(() => {
+    if (l === !1) return;
+    const e = i.pagination.pageSize, n = Math.max(0, Math.ceil(s.length / e) - 1);
+    i.pagination.pageIndex > n && a((t) => ({
+      ...t,
       pagination: {
-        ...o.pagination,
+        ...t.pagination,
         pageIndex: 0
       }
     }));
-  }, [g, a, t.pagination.pageSize, t.pagination.pageIndex]);
-  const m = P({
-    data: g,
-    columns: R,
-    getCoreRowModel: T(),
-    getSortedRowModel: f ? E() : void 0,
-    getFilteredRowModel: u ? I() : void 0,
-    getPaginationRowModel: a !== !1 ? F() : void 0,
+  }, [s, l, i.pagination.pageSize, i.pagination.pageIndex]), C(() => {
+    if (o?.selectedRowKeys === void 0) return;
+    const e = p(
+      o.selectedRowKeys
+    );
+    a((n) => {
+      const t = Object.keys(n.rowSelection).filter((c) => n.rowSelection[c]).sort(), r = Object.keys(e).filter((c) => e[c]).sort();
+      return t.length === r.length && t.every((c, x) => c === r[x]) ? n : { ...n, rowSelection: e };
+    });
+  }, [o?.selectedRowKeys, s, S]);
+  const m = T({
+    data: s,
+    columns: K,
+    getCoreRowModel: L(),
+    getSortedRowModel: d ? E() : void 0,
+    getFilteredRowModel: w ? I() : void 0,
+    getPaginationRowModel: l !== !1 ? v() : void 0,
     // Default column configuration for sizing
     defaultColumn: {
       size: 150,
@@ -67,66 +81,67 @@ function A(d) {
     },
     // State management
     state: {
-      sorting: t.sorting,
-      columnFilters: t.filtering,
-      pagination: t.pagination,
-      rowSelection: t.rowSelection,
-      columnSizing: c ? t.columnSizing : void 0
+      sorting: i.sorting,
+      columnFilters: i.filtering,
+      pagination: i.pagination,
+      rowSelection: i.rowSelection,
+      columnSizing: f ? i.columnSizing : void 0
     },
     // State update handlers
     onSortingChange: (e) => {
-      const n = typeof e == "function" ? e(t.sorting) : e;
-      l((o) => ({ ...o, sorting: n })), p?.(n);
+      const n = typeof e == "function" ? e(i.sorting) : e;
+      a((t) => ({ ...t, sorting: n })), y?.(n);
     },
     onColumnFiltersChange: (e) => {
-      const n = typeof e == "function" ? e(t.filtering) : e;
-      l((o) => ({ ...o, filtering: n })), C?.(n);
+      const n = typeof e == "function" ? e(i.filtering) : e;
+      a((t) => ({ ...t, filtering: n })), h?.(n);
     },
     onPaginationChange: (e) => {
-      if (a === !1) return;
-      const n = typeof e == "function" ? e(t.pagination) : e;
-      l((o) => ({ ...o, pagination: n }));
+      if (l === !1) return;
+      const n = typeof e == "function" ? e(i.pagination) : e;
+      a((t) => ({ ...t, pagination: n }));
     },
     onRowSelectionChange: (e) => {
-      const n = typeof e == "function" ? e(t.rowSelection) : e;
-      if (l((o) => ({ ...o, rowSelection: n })), i?.onChange) {
-        const { selectedRowKeys: o, selectedRows: b } = W(
+      const n = typeof e == "function" ? e(i.rowSelection) : e;
+      if (a((t) => ({ ...t, rowSelection: n })), o?.onChange) {
+        const { selectedRowKeys: t, selectedRows: r } = O(
           n,
-          g,
+          s,
           S
         );
-        i.onChange(o, b);
+        o.onChange(t, r);
       }
     },
-    onColumnSizingChange: c ? (e) => {
-      const n = typeof e == "function" ? e(t.columnSizing) : e;
-      l((o) => ({
-        ...o,
+    onColumnSizingChange: f ? (e) => {
+      const n = typeof e == "function" ? e(i.columnSizing) : e;
+      a((t) => ({
+        ...t,
         columnSizing: n
-      })), z?.(n);
+      })), M?.(n);
     } : void 0,
     // Feature enables
-    enableSorting: f,
-    enableFilters: u,
-    enableRowSelection: !!i,
-    enableColumnResizing: c,
+    enableSorting: d,
+    enableFilters: w,
+    enableRowSelection: !!o,
+    enableMultiRowSelection: o?.type !== "radio",
+    enableColumnResizing: f,
     // Column resizing configuration
-    columnResizeMode: w,
-    columnResizeDirection: h,
+    columnResizeMode: z,
+    columnResizeDirection: b,
     // Row identification
-    getRowId: (e, n) => String(L(e, n, S))
+    getRowId: (e, n) => String(j(e, n, S))
   });
   return {
     table: m,
-    isLoading: typeof s == "boolean" ? s : typeof s == "object",
-    spinProps: typeof s == "object" ? s : {},
-    hasRowSelection: !!i,
+    isLoading: typeof g == "boolean" ? g : typeof g == "object",
+    spinProps: typeof g == "object" ? g : {},
+    hasRowSelection: !!o,
     hasPagination: m.getPageCount() > 1,
-    paginationConfig: a === !1 ? void 0 : a,
-    rowSelectionConfig: i
+    paginationConfig: l === !1 ? void 0 : l,
+    rowSelectionConfig: o
   };
 }
 export {
-  A as useDataTable
+  N as useDataTable
 };
 //# sourceMappingURL=hooks.js.map