@bioturing/components 0.46.4 → 0.47.0

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

@@ -1,101 +1,110 @@
-import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { jsxs as x, jsx as a } from "react/jsx-runtime";
 import { flexRender as f } from "@tanstack/react-table";
-import { Checkbox as k } from "antd";
-import { convertSelectionToAntFormat as h, getAlignmentClass as w } from "../utils.js";
+import { convertSelectionToAntFormat as h, getAlignmentClass as k } from "../utils.js";
 import { Empty as S } from "../../empty/component.js";
-import { useCls as y } from "../../utils/antdUtils.js";
+import { Radio as w } from "../../radio/component.js";
+import { useCls as v } from "../../utils/antdUtils.js";
 import { clsx as g } from "../../utils/cn.js";
-const j = ({
+import { Checkbox as y } from "../../checkbox/component.js";
+const G = ({
   table: c,
-  dataSource: a,
+  dataSource: l,
   emptyDescription: p,
-  hasRowSelection: b,
-  onRowClick: u,
-  rowSelectionConfig: s,
-  rowKey: m
+  hasRowSelection: u,
+  onRowClick: b,
+  rowSelectionConfig: r,
+  rowKey: i
 }) => {
-  const d = y();
-  return /* @__PURE__ */ x("tbody", { className: d("table-tbody"), children: [
-    /* @__PURE__ */ t(
+  const t = v();
+  return /* @__PURE__ */ x("tbody", { className: t("data-table-tbody"), children: [
+    /* @__PURE__ */ a(
       "tr",
       {
         "aria-hidden": "true",
-        className: d("table-measure-row"),
+        className: t("data-table-measure-row"),
         style: { height: "0px", fontSize: "0px" },
-        children: c.getHeaderGroups()[0]?.headers.map((o) => /* @__PURE__ */ t(
+        children: c.getHeaderGroups()[0]?.headers.map((d) => /* @__PURE__ */ a(
           "td",
           {
+            className: t("data-table-measure-cell"),
             style: {
               padding: "0px",
               border: "0px",
               height: "0px",
-              width: o.id === "select" ? 32 : o.column.columnDef.meta?.width
+              width: d.id === "select" ? 32 : d.column.columnDef.meta?.width
             },
-            children: /* @__PURE__ */ t("div", { style: { height: "0px", overflow: "hidden" }, children: " " })
+            children: /* @__PURE__ */ a("div", { className: t("data-table-measure-cell-content"), children: " " })
           },
-          o.id
+          d.id
         ))
       }
     ),
-    a.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: c.getHeaderGroups()[0]?.headers.length || 1, children: /* @__PURE__ */ t(S, { description: p }) }) }) : c.getRowModel().rows.map((o) => /* @__PURE__ */ t(
+    l.length === 0 ? /* @__PURE__ */ a("tr", { className: t("data-table-placeholder"), children: /* @__PURE__ */ a("td", { colSpan: c.getHeaderGroups()[0]?.headers.length || 1, children: /* @__PURE__ */ a(S, { description: p }) }) }) : c.getRowModel().rows.map((d) => /* @__PURE__ */ a(
       "tr",
       {
         className: g(
-          d("table-row"),
-          d("table-row-level-0"),
-          o.getIsSelected() ? d("table-row-selected") : ""
+          t("data-table-row"),
+          t("data-table-row-level-0"),
+          d.getIsSelected() ? t("data-table-row-selected") : ""
         ),
-        "data-row-key": o.id,
-        "data-selectable": b ? "true" : "false",
-        onClick: () => u?.(o),
-        children: o.getVisibleCells().map((e) => /* @__PURE__ */ t(
+        "data-row-key": d.id,
+        "data-selectable": u ? "true" : "false",
+        onClick: () => b?.(d),
+        children: d.getVisibleCells().map((e) => /* @__PURE__ */ a(
           "td",
           {
             className: g(
-              d("table-cell"),
-              e.column.id === "select" ? d("table-selection-column") : "",
-              w(e.column.columnDef.meta?.align)
+              t("data-table-cell"),
+              e.column.id === "select" ? t("data-table-selection-column") : "",
+              k(e.column.columnDef.meta?.align)
             ),
             children: e.column.id === "select" ? (
               // Handle selection column cells
               (() => {
-                const l = e.row.original, n = s?.getCheckboxProps?.(l) || {};
-                return s?.type === "radio" ? /* @__PURE__ */ t(
-                  "input",
+                const s = e.row.original, m = r?.getCheckboxProps?.(s) || {};
+                return r?.type === "radio" ? /* @__PURE__ */ a(
+                  w,
                   {
-                    type: "radio",
-                    name: "table-radio",
                     checked: e.row.getIsSelected(),
                     disabled: !e.row.getCanSelect(),
-                    onChange: (r) => {
-                      if (e.row.toggleSelected(r.target.checked), s.onSelect) {
-                        const { selectedRows: i } = h(
+                    onChange: (o) => {
+                      if (e.row.toggleSelected(o.target.checked), r.onSelect) {
+                        const { selectedRows: n } = h(
                           c.getState().rowSelection,
-                          a,
-                          m
+                          l,
+                          i
+                        );
+                        r.onSelect(
+                          s,
+                          o.target.checked,
+                          n,
+                          o.nativeEvent
                         );
-                        s.onSelect(l, r.target.checked, i, r.nativeEvent);
                       }
                     },
-                    disabled: n.disabled,
-                    className: n.className
+                    ...m
                   }
-                ) : /* @__PURE__ */ t(
-                  k,
+                ) : /* @__PURE__ */ a(
+                  y,
                   {
                     checked: e.row.getIsSelected(),
                     disabled: !e.row.getCanSelect(),
-                    onChange: (r) => {
-                      if (e.row.toggleSelected(r.target.checked), s?.onSelect) {
-                        const { selectedRows: i } = h(
+                    onChange: (o) => {
+                      if (e.row.toggleSelected(o.target.checked), r?.onSelect) {
+                        const { selectedRows: n } = h(
                           c.getState().rowSelection,
-                          a,
-                          m
+                          l,
+                          i
+                        );
+                        r.onSelect(
+                          s,
+                          o.target.checked,
+                          n,
+                          o.nativeEvent
                         );
-                        s.onSelect(l, r.target.checked, i, r.nativeEvent);
                       }
                     },
-                    ...n
+                    ...m
                   }
                 );
               })()
@@ -104,11 +113,11 @@ const j = ({
           e.id
         ))
       },
-      o.id
+      d.id
     ))
   ] });
 };
 export {
-  j as TableBody
+  G as TableBody
 };
 //# sourceMappingURL=TableBody.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../../src/components/data-table/components/TableBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { flexRender, type Table, type Row, type Cell, type Header } from \"@tanstack/react-table\";\nimport { Checkbox, type CheckboxChangeEvent } from \"antd\";\nimport { clsx, useCls } from \"../../utils\";\nimport { getAlignmentClass } from \"../utils\";\nimport { convertSelectionToAntFormat } from \"../utils\";\nimport { type DataTableRowSelection, type RowKey } from \"../types\";\nimport Empty from \"../../empty/component\";\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 TableBodyProps<RecordType extends Record<string, any> = Record<string, unknown>> {\n  table: Table<RecordType>;\n  dataSource: RecordType[];\n  emptyDescription?: React.ReactNode;\n  hasRowSelection?: boolean;\n  onRowClick?: (row: Row<RecordType>) => void;\n  rowSelectionConfig?: DataTableRowSelection<RecordType>;\n  rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);\n}\n\nexport const TableBody = <RecordType extends Record<string, any> = Record<string, unknown>>({ \n  table, \n  dataSource, \n  emptyDescription, \n  hasRowSelection, \n  onRowClick,\n  rowSelectionConfig,\n  rowKey\n}: TableBodyProps<RecordType>) => {\n  const cls = useCls();\n\n  return (\n    <tbody className={cls(\"table-tbody\")}>\n      {/* Measure row for Ant Design compatibility */}\n      <tr \n        aria-hidden=\"true\" \n        className={cls(\"table-measure-row\")}\n        style={{ height: \"0px\", fontSize: \"0px\" }}\n      >\n        {table.getHeaderGroups()[0]?.headers.map((header: Header<RecordType, unknown>) => (\n          <td \n            key={header.id}\n            style={{ \n              padding: \"0px\", \n              border: \"0px\", \n              height: \"0px\",\n              width: header.id === 'select' ? 32 : (header.column.columnDef.meta as ExtendedColumnMeta)?.width\n            }}\n          >\n            <div style={{ height: \"0px\", overflow: \"hidden\" }}>\n              &nbsp;\n            </div>\n          </td>\n        ))}\n      </tr>\n      \n      {dataSource.length === 0 ? (\n        <tr>\n          <td colSpan={table.getHeaderGroups()[0]?.headers.length || 1}>\n            <Empty description={emptyDescription} />\n          </td>\n        </tr>\n      ) : (\n        table.getRowModel().rows.map((row: Row<RecordType>) => (\n          <tr\n            key={row.id}\n            className={clsx(\n              cls(\"table-row\"),\n              cls(\"table-row-level-0\"),\n              row.getIsSelected() ? cls(\"table-row-selected\") : \"\"\n            )}\n            data-row-key={row.id}\n            data-selectable={hasRowSelection ? \"true\" : \"false\"}\n            onClick={() => onRowClick?.(row)}\n          >\n            {row.getVisibleCells().map((cell: Cell<RecordType, unknown>) => (\n              <td \n                key={cell.id} \n                className={clsx(\n                  cls(\"table-cell\"),\n                  cell.column.id === 'select' ? cls(\"table-selection-column\") : \"\",\n                  getAlignmentClass((cell.column.columnDef.meta as ExtendedColumnMeta)?.align)\n                )}\n              >\n                {cell.column.id === 'select' ? (\n                  // Handle selection column cells\n                  (() => {\n                    const record = cell.row.original;\n                    const checkboxProps = rowSelectionConfig?.getCheckboxProps?.(record) || {};\n                    \n                    if (rowSelectionConfig?.type === 'radio') {\n                      return (\n                        <input\n                          type=\"radio\"\n                          name=\"table-radio\"\n                          checked={cell.row.getIsSelected()}\n                          disabled={!cell.row.getCanSelect()}\n                          onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                            cell.row.toggleSelected(e.target.checked);\n                            if (rowSelectionConfig.onSelect) {\n                              const { selectedRows } = convertSelectionToAntFormat(\n                                table.getState().rowSelection,\n                                dataSource,\n                                rowKey\n                              );\n                              rowSelectionConfig.onSelect(record, e.target.checked, selectedRows, e.nativeEvent);\n                            }\n                          }}\n                          {...({ disabled: checkboxProps.disabled, className: checkboxProps.className } as React.InputHTMLAttributes<HTMLInputElement>)}\n                        />\n                      );\n                    }\n                    \n                    return (\n                      <Checkbox\n                        checked={cell.row.getIsSelected()}\n                        disabled={!cell.row.getCanSelect()}\n                        onChange={(e: CheckboxChangeEvent) => {\n                          cell.row.toggleSelected(e.target.checked);\n                          if (rowSelectionConfig?.onSelect) {\n                            const { selectedRows } = convertSelectionToAntFormat(\n                              table.getState().rowSelection,\n                              dataSource,\n                              rowKey\n                            );\n                            rowSelectionConfig.onSelect(record, e.target.checked, selectedRows, e.nativeEvent);\n                          }\n                        }}\n                        {...checkboxProps}\n                      />\n                    );\n                  })()\n                ) : (\n                  flexRender(cell.column.columnDef.cell, cell.getContext())\n                )}\n              </td>\n            ))}\n          </tr>\n        ))\n      )}\n    </tbody>\n  );\n};"],"names":["TableBody","table","dataSource","emptyDescription","hasRowSelection","onRowClick","rowSelectionConfig","rowKey","cls","useCls","jsxs","jsx","header","Empty","row","clsx","cell","getAlignmentClass","record","checkboxProps","e","selectedRows","convertSelectionToAntFormat","Checkbox","flexRender"],"mappings":"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"}
+{"version":3,"file":"TableBody.js","sources":["../../../../src/components/data-table/components/TableBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { flexRender, type Table, type Row, type Cell, type Header } from \"@tanstack/react-table\";\nimport { Checkbox, type CheckboxChangeEvent } from \"../../checkbox\";\nimport { Radio, type RadioChangeEvent } from \"../../radio\";\nimport { clsx, useCls } from \"../../utils\";\nimport { getAlignmentClass } from \"../utils\";\nimport { convertSelectionToAntFormat } from \"../utils\";\nimport { type DataTableRowSelection, type RowKey } from \"../types\";\nimport Empty from \"../../empty/component\";\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 TableBodyProps<RecordType extends Record<string, any> = Record<string, unknown>> {\n  table: Table<RecordType>;\n  dataSource: RecordType[];\n  emptyDescription?: React.ReactNode;\n  hasRowSelection?: boolean;\n  onRowClick?: (row: Row<RecordType>) => void;\n  rowSelectionConfig?: DataTableRowSelection<RecordType>;\n  rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);\n}\n\nexport const TableBody = <RecordType extends Record<string, any> = Record<string, unknown>>({\n  table,\n  dataSource,\n  emptyDescription,\n  hasRowSelection,\n  onRowClick,\n  rowSelectionConfig,\n  rowKey,\n}: TableBodyProps<RecordType>) => {\n  const cls = useCls();\n\n  return (\n    <tbody className={cls(\"data-table-tbody\")}>\n      {/* Measure row for Ant Design compatibility */}\n      <tr\n        aria-hidden=\"true\"\n        className={cls(\"data-table-measure-row\")}\n        style={{ height: \"0px\", fontSize: \"0px\" }}\n      >\n        {table.getHeaderGroups()[0]?.headers.map((header: Header<RecordType, unknown>) => (\n          <td\n            key={header.id}\n            className={cls(\"data-table-measure-cell\")}\n            style={{\n              padding: \"0px\",\n              border: \"0px\",\n              height: \"0px\",\n              width:\n                header.id === \"select\"\n                  ? 32\n                  : (header.column.columnDef.meta as ExtendedColumnMeta)?.width,\n            }}\n          >\n            <div className={cls(\"data-table-measure-cell-content\")}>&nbsp;</div>\n          </td>\n        ))}\n      </tr>\n\n      {dataSource.length === 0 ? (\n        <tr className={cls(\"data-table-placeholder\")}>\n          <td colSpan={table.getHeaderGroups()[0]?.headers.length || 1}>\n            <Empty description={emptyDescription} />\n          </td>\n        </tr>\n      ) : (\n        table.getRowModel().rows.map((row: Row<RecordType>) => (\n          <tr\n            key={row.id}\n            className={clsx(\n              cls(\"data-table-row\"),\n              cls(\"data-table-row-level-0\"),\n              row.getIsSelected() ? cls(\"data-table-row-selected\") : \"\",\n            )}\n            data-row-key={row.id}\n            data-selectable={hasRowSelection ? \"true\" : \"false\"}\n            onClick={() => onRowClick?.(row)}\n          >\n            {row.getVisibleCells().map((cell: Cell<RecordType, unknown>) => (\n              <td\n                key={cell.id}\n                className={clsx(\n                  cls(\"data-table-cell\"),\n                  cell.column.id === \"select\" ? cls(\"data-table-selection-column\") : \"\",\n                  getAlignmentClass((cell.column.columnDef.meta as ExtendedColumnMeta)?.align),\n                )}\n              >\n                {cell.column.id === \"select\"\n                  ? // Handle selection column cells\n                    (() => {\n                      const record = cell.row.original;\n                      const checkboxProps = rowSelectionConfig?.getCheckboxProps?.(record) || {};\n\n                      if (rowSelectionConfig?.type === \"radio\") {\n                        return (\n                          <Radio\n                            checked={cell.row.getIsSelected()}\n                            disabled={!cell.row.getCanSelect()}\n                            onChange={(e: RadioChangeEvent) => {\n                              cell.row.toggleSelected(e.target.checked);\n                              if (rowSelectionConfig.onSelect) {\n                                const { selectedRows } = convertSelectionToAntFormat(\n                                  table.getState().rowSelection,\n                                  dataSource,\n                                  rowKey,\n                                );\n                                rowSelectionConfig.onSelect(\n                                  record,\n                                  e.target.checked,\n                                  selectedRows,\n                                  e.nativeEvent,\n                                );\n                              }\n                            }}\n                            {...checkboxProps}\n                          />\n                        );\n                      }\n\n                      return (\n                        <Checkbox\n                          checked={cell.row.getIsSelected()}\n                          disabled={!cell.row.getCanSelect()}\n                          onChange={(e: CheckboxChangeEvent) => {\n                            cell.row.toggleSelected(e.target.checked);\n                            if (rowSelectionConfig?.onSelect) {\n                              const { selectedRows } = convertSelectionToAntFormat(\n                                table.getState().rowSelection,\n                                dataSource,\n                                rowKey,\n                              );\n                              rowSelectionConfig.onSelect(\n                                record,\n                                e.target.checked,\n                                selectedRows,\n                                e.nativeEvent,\n                              );\n                            }\n                          }}\n                          {...checkboxProps}\n                        />\n                      );\n                    })()\n                  : flexRender(cell.column.columnDef.cell, cell.getContext())}\n              </td>\n            ))}\n          </tr>\n        ))\n      )}\n    </tbody>\n  );\n};\n"],"names":["TableBody","table","dataSource","emptyDescription","hasRowSelection","onRowClick","rowSelectionConfig","rowKey","cls","useCls","jsxs","jsx","header","Empty","row","clsx","cell","getAlignmentClass","record","checkboxProps","Radio","e","selectedRows","convertSelectionToAntFormat","Checkbox","flexRender"],"mappings":"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"}

package/dist/components/data-table/components/TableHeader.d.ts

@@ -6,6 +6,6 @@ interface TableHeaderProps<RecordType extends Record<string, any> = Record<strin
     dataSource?: RecordType[];
     rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);
 }
-export declare const TableHeader: <RecordType extends Record<string, any> = Record<string, unknown>>({ table, rowSelectionConfig, dataSource, rowKey }: TableHeaderProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeader: <RecordType extends Record<string, any> = Record<string, unknown>>({ table, rowSelectionConfig, dataSource, rowKey, }: TableHeaderProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TableHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,KAAK,EAAiC,MAAM,uBAAuB,CAAC;AAM9F,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAUnE,UAAU,gBAAgB,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;CACpE;AAED,eAAO,MAAM,WAAW,GAAI,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,mDAK3F,gBAAgB,CAAC,UAAU,CAAC,4CA+H9B,CAAC"}
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,KAAK,EAAiC,MAAM,uBAAuB,CAAC;AAM9F,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAUnE,UAAU,gBAAgB,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;CACpE;AAED,eAAO,MAAM,WAAW,GAAI,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,oDAK3F,gBAAgB,CAAC,UAAU,CAAC,4CAqI9B,CAAC"}

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

@@ -1,101 +1,101 @@
-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 { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { flexRender as r } from "@tanstack/react-table";
+import { CaretUpDownIcon as f, CaretUpIcon as p, CaretDownIcon as z, FunnelIcon as b } from "@bioturing/assets";
+import { convertSelectionToAntFormat as I, shouldShowIcons as m, getAlignmentClass as C } from "../utils.js";
+import { useCls as R } from "../../utils/antdUtils.js";
 import { clsx as c } from "../../utils/cn.js";
+import { Checkbox as S } from "../../checkbox/component.js";
 const H = ({
   table: n,
   rowSelectionConfig: s,
   dataSource: o = [],
-  rowKey: a
+  rowKey: g
 }) => {
-  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(
+  const l = R();
+  return /* @__PURE__ */ e("thead", { className: l("data-table-thead"), children: n.getHeaderGroups().map((u) => /* @__PURE__ */ e("tr", { children: u.headers.map((t) => /* @__PURE__ */ a(
     "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)
+        l("data-table-cell"),
+        m(t.column) ? l("data-table-column-has-sorters") : "",
+        t.id === "select" ? l("data-table-selection-column") : "",
+        t.column.getIsResizing?.() ? l("data-table-cell-resizing") : "",
+        C(t.column.columnDef.meta?.align)
       ),
       scope: "col",
       style: {
-        width: l.id === "select" ? s?.columnWidth || 32 : void 0
+        width: t.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,
+      tabIndex: m(t.column) ? 0 : void 0,
+      onClick: t.column.getCanSort() ? t.column.getToggleSortingHandler() : void 0,
       children: [
-        l.id === "select" ? (
+        t.id === "select" ? (
           // Handle selection column header
           (() => {
             if (s?.type === "radio")
               return s.columnTitle || null;
-            const { selectedRowKeys: i } = C(
+            const { selectedRowKeys: i } = I(
               n.getState().rowSelection,
               o,
-              a
+              g
             );
-            return /* @__PURE__ */ t(
-              p,
+            return /* @__PURE__ */ e(
+              S,
               {
                 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);
+                onChange: (d) => {
+                  d.target.checked ? n.toggleAllRowsSelected(!0) : n.toggleAllRowsSelected(!1);
                 }
               }
             );
           })()
-        ) : 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(
+        ) : m(t.column) ? /* @__PURE__ */ a("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__ */ a("div", { className: l("data-table-column-icons"), children: [
+            t.column.getCanSort() && /* @__PURE__ */ e(
               "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`
+                  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: l.column.getIsSorted() ? l.column.getIsSorted() === "asc" ? /* @__PURE__ */ t(z, { weight: "fill" }) : /* @__PURE__ */ t(b, { weight: "fill" }) : /* @__PURE__ */ t(d, { weight: "fill" })
+                children: t.column.getIsSorted() ? t.column.getIsSorted() === "asc" ? /* @__PURE__ */ e(p, { weight: "fill" }) : /* @__PURE__ */ e(z, { weight: "fill" }) : /* @__PURE__ */ e(f, { weight: "fill" })
               }
             ),
-            l.column.getCanFilter() && /* @__PURE__ */ t(
+            t.column.getCanFilter() && /* @__PURE__ */ e(
               "span",
               {
                 className: c(
-                  e("table-column-filter-icon"),
-                  l.column.getFilterValue() ? e("table-column-filter-icon-active") : ""
+                  l("data-table-column-filter-icon"),
+                  t.column.getFilterValue() ? l("data-table-column-filter-icon-active") : ""
                 ),
-                children: /* @__PURE__ */ t(I, { weight: "fill" })
+                children: /* @__PURE__ */ e(b, { 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(
+        ] }) : /* @__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: c(
-              e("table-resize-handle"),
-              e(`table-resize-${n.options.columnResizeDirection || "ltr"}`),
-              l.column.getIsResizing?.() ? e("table-resize-handle-active") : ""
+              l("data-table-resize-handle"),
+              l(`data-table-resize-${n.options.columnResizeDirection || "ltr"}`),
+              t.column.getIsResizing?.() ? l("data-table-resize-handle-active") : ""
             ),
-            onMouseDown: l.getResizeHandler?.(),
-            onTouchStart: l.getResizeHandler?.(),
-            onDoubleClick: () => l.column.resetSize(),
+            onMouseDown: t.getResizeHandler?.(),
+            onTouchStart: t.getResizeHandler?.(),
+            onDoubleClick: () => t.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)` : ""
+              transform: n.options.columnResizeMode === "onEnd" && t.column.getIsResizing?.() ? `translateX(${((n.options.columnResizeDirection || "ltr") === "rtl" ? -1 : 1) * (n.getState().columnSizingInfo?.deltaOffset ?? 0)}px)` : ""
             }
           }
         )
       ]
     },
-    l.id
-  )) }, r.id)) });
+    t.id
+  )) }, u.id)) });
 };
 export {
   H as TableHeader

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\";\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(\"data-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(\"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                  const { selectedRowKeys } = convertSelectionToAntFormat(\n                    table.getState().rowSelection,\n                    dataSource,\n                    rowKey,\n                  );\n\n                  return (\n                    <Checkbox\n                      checked={\n                        selectedRowKeys.length === dataSource.length && dataSource.length > 0\n                      }\n                      indeterminate={\n                        selectedRowKeys.length > 0 && selectedRowKeys.length < dataSource.length\n                      }\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(\"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","cls","useCls","headerGroup","jsx","header","jsxs","clsx","shouldShowIcons","getAlignmentClass","selectedRowKeys","convertSelectionToAntFormat","Checkbox","e","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,4CAkClC,CAAC"}

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

@@ -2,40 +2,34 @@ 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 = ({
+const d = ({
   table: t,
-  paginationConfig: o,
+  paginationConfig: a,
   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 r = g();
+  if (!a || !t.getState().pagination) return null;
+  const c = t.getState().pagination.pageIndex + 1, s = t.getState().pagination.pageSize;
+  return /* @__PURE__ */ i("div", { className: m(r("data-table-pagination"), r("data-table-pagination-right")), children: /* @__PURE__ */ i(
+    h,
     {
-      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);
-          }
-        }
-      )
+      ...a,
+      current: c,
+      pageSize: s,
+      total: n,
+      showSizeChanger: a.showSizeChanger !== !1,
+      showQuickJumper: a.showQuickJumper || !1,
+      showTotal: a.showTotal || ((o, e) => `${e[0]}-${e[1]} of ${o} items`),
+      onChange: (o, e) => {
+        t.setPageIndex(o - 1), e && e !== s && t.setPageSize(e);
+      },
+      onShowSizeChange: (o, e) => {
+        t.setPageSize(e), t.setPageIndex(0);
+      }
     }
-  );
+  ) });
 };
 export {
-  x as TablePagination
+  d 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  return (\n    <div className={clsx(cls(\"data-table-pagination\"), cls(\"data-table-pagination-right\"))}>\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":";;;;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;AAE7C,SACE,gBAAAO,EAAC,OAAA,EAAI,WAAWC,EAAKL,EAAI,uBAAuB,GAAGA,EAAI,6BAA6B,CAAC,GACnF,UAAA,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,SAASI;AAAA,MACT,UAAAC;AAAA,MACA,OAAOJ;AAAA,MACP,iBAAiBD,EAAiB,oBAAoB;AAAA,MACtD,iBAAiBA,EAAiB,mBAAmB;AAAA,MACrD,WACEA,EAAiB,cAChB,CAACS,GAAOC,MAAU,GAAGA,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,OAAOD,CAAK;AAAA,MAExD,UAAU,CAACE,GAAMC,MAAgB;AAC/B,QAAAb,EAAM,aAAaY,IAAO,CAAC,GACvBC,KAAeA,MAAgBP,KACjCN,EAAM,YAAYa,CAAW;AAAA,MAEjC;AAAA,MACA,kBAAkB,CAACC,GAASC,MAAS;AACnC,QAAAf,EAAM,YAAYe,CAAI,GACtBf,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;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;;;;;;;;EAmNlC"}