@bioturing/components 0.37.0 → 0.38.0

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/component.tsx"],"names":[],"mappings":"AACA,OAAc,EAAsB,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAGjE,OAAO,aAAa,CAAC;AAUrB,QAAA,MAAM,cAAc,GAClB,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAEhE,OAAO,cAAc,CAAC,UAAU,CAAC,EACjC,KAAK,GAAG,CAAC,YAAY,CAAC,4CAgIvB,CAAC;AAQF,eAAO,MAAM,SAAS,GALpB,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,mCAE/B,cAAc,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAA;CAAE,KAC5D,UAAU,CAAC,OAAO,cAAc,CAEK,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/component.tsx"],"names":[],"mappings":"AACA,OAAc,EAKZ,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAGjE,OAAO,aAAa,CAAC;AAWrB,QAAA,MAAM,cAAc,GAClB,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAEhE,OAAO,cAAc,CAAC,UAAU,CAAC,EACjC,KAAK,GAAG,CAAC,YAAY,CAAC,4CA+IvB,CAAC;AAQF,eAAO,MAAM,SAAS,GALpB,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,mCAE/B,cAAc,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAA;CAAE,KAC5D,UAAU,CAAC,OAAO,cAAc,CAEK,CAAC"}

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

@@ -1,112 +1,117 @@
 "use client";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as R, useRef as T } from "react";
-import { Spin as C } from "../spin/component.js";
-import { useDataTable as D } from "./hooks.js";
-import { convertSelectionToAntFormat as x } from "./utils.js";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as y, useRef as h, useState as H, useEffect as N } from "react";
+import { Spin as W } from "../spin/component.js";
+import { useDataTable as P } from "./hooks.js";
+import { convertSelectionToAntFormat as k } from "./utils.js";
 import './style.css';/* empty css          */
-import { TableHeader as K } from "./components/TableHeader.js";
-import { TableBody as N } from "./components/TableBody.js";
-import { TablePagination as z } from "./components/TablePagination.js";
-import { useCls as P } from "../utils/antdUtils.js";
-import { clsx as m } from "../utils/cn.js";
-const k = (n, W) => {
+import { TableHeader as I } from "./components/TableHeader.js";
+import { TableBody as j } from "./components/TableBody.js";
+import { TablePagination as A } from "./components/TablePagination.js";
+import { useCls as E, useAntdCssVarClassname as F } from "../utils/antdUtils.js";
+import { clsx as u } from "../utils/cn.js";
+const $ = (s, G) => {
   const {
     dataSource: i = [],
-    className: d,
-    size: f = "large",
-    variant: p = "default",
-    emptyDescription: b,
-    rowKey: g
-  } = n, o = P(), u = T(null), {
+    className: b,
+    size: g = "large",
+    variant: S = "default",
+    emptyDescription: w,
+    rowKey: c
+  } = s, e = E(), v = h(null), {
     table: a,
-    isLoading: w,
-    spinProps: h,
-    hasRowSelection: c,
-    hasPagination: S,
-    paginationConfig: y,
-    rowSelectionConfig: r
-  } = D(n), v = (t) => {
-    if (c && (t.toggleSelected(), r?.onSelect)) {
-      const { selectedRows: l } = x(
+    isLoading: C,
+    spinProps: R,
+    hasRowSelection: m,
+    hasPagination: d,
+    paginationConfig: z,
+    rowSelectionConfig: n
+  } = P(s), T = (l) => {
+    if (m && (l.toggleSelected(), n?.onSelect)) {
+      const { selectedRows: r } = k(
         a.getState().rowSelection,
         i,
-        g
+        c
       );
-      r.onSelect(
-        t.original,
-        !t.getIsSelected(),
-        l,
+      n.onSelect(
+        l.original,
+        !l.getIsSelected(),
+        r,
         new Event("click")
       );
     }
-  };
-  return /* @__PURE__ */ e(
+  }, D = F(), o = h(null), [f, x] = H({
+    vertical: !1,
+    horizontal: !1
+  });
+  return N(() => {
+    o.current && x({
+      vertical: o.current.scrollHeight > o.current.clientHeight,
+      horizontal: o.current.scrollWidth > o.current.clientWidth
+    });
+  }, [i.length]), /* @__PURE__ */ t(
     "div",
     {
-      ref: u,
-      className: m(
-        o("table-wrapper", "data-table"),
-        o(`table-${f}`),
-        p === "zebra" ? o("table-zebra") : "",
-        "css-var-«r3»",
-        d
+      ref: v,
+      className: u(
+        e("table-wrapper", "data-table"),
+        e(`table-${g}`),
+        S === "zebra" ? e("table-zebra") : "",
+        d ? e("table-has-pagination") : "",
+        f.vertical ? e("table-scroll-vertical") : "",
+        f.horizontal ? e("table-scroll-horizontal") : "",
+        D,
+        b
       ),
-      children: /* @__PURE__ */ s(C, { spinning: w, ...h, children: [
-        /* @__PURE__ */ e("div", { className: m(o("table")), children: /* @__PURE__ */ e("div", { className: o("table-container"), children: /* @__PURE__ */ e("div", { className: o("table-content"), children: /* @__PURE__ */ s("table", { children: [
-          /* @__PURE__ */ e("colgroup", { children: a.getHeaderGroups()[0]?.headers.map((t) => {
-            let l;
-            if (t.id === "select")
-              l = r?.columnWidth || 32;
+      children: /* @__PURE__ */ p(W, { spinning: C, ...R, children: [
+        /* @__PURE__ */ t("div", { className: u(e("table")), children: /* @__PURE__ */ t("div", { className: e("table-container"), ref: o, children: /* @__PURE__ */ t("div", { className: e("table-content"), children: /* @__PURE__ */ p("table", { children: [
+          /* @__PURE__ */ t("colgroup", { children: a.getHeaderGroups()[0]?.headers.map((l) => {
+            let r;
+            if (l.id === "select")
+              r = n?.columnWidth || 32;
             else
               try {
-                l = `${t.getSize()}px`;
+                r = `${l.getSize()}px`;
               } catch {
-                l = t.column.columnDef.meta?.width;
+                r = l.column.columnDef.meta?.width;
               }
-            return /* @__PURE__ */ e(
-              "col",
-              {
-                style: { width: l }
-              },
-              t.id
-            );
+            return /* @__PURE__ */ t("col", { style: { width: r } }, l.id);
           }) }),
-          /* @__PURE__ */ e(
-            K,
+          /* @__PURE__ */ t(
+            I,
             {
               table: a,
-              rowSelectionConfig: r,
+              rowSelectionConfig: n,
               dataSource: i,
-              rowKey: n.rowKey
+              rowKey: c
             }
           ),
-          /* @__PURE__ */ e(
-            N,
+          /* @__PURE__ */ t(
+            j,
             {
               table: a,
               dataSource: i,
-              emptyDescription: b,
-              hasRowSelection: c,
-              onRowClick: v,
-              rowSelectionConfig: r,
-              rowKey: n.rowKey
+              emptyDescription: w,
+              hasRowSelection: m,
+              onRowClick: T,
+              rowSelectionConfig: n,
+              rowKey: c
             }
           )
         ] }) }) }) }),
-        S && /* @__PURE__ */ e(
-          z,
+        d && /* @__PURE__ */ t(
+          A,
           {
             table: a,
-            paginationConfig: y,
+            paginationConfig: z,
             totalCount: a.getPreFilteredRowModel().rows.length
           }
         )
       ] })
     }
   );
-}, I = R(k), O = I;
+}, B = y($), _ = B;
 export {
-  O as DataTable
+  _ as DataTable
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/data-table/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, useRef, type Ref } from \"react\";\nimport { type Row } from \"@tanstack/react-table\";\nimport { clsx, useCls } from \"../utils\";\nimport { Spin } from \"../spin/component\";\nimport { TableHeader, TableBody, TablePagination } from \"./components\";\nimport { useDataTable } from \"./hooks\";\nimport { convertSelectionToAntFormat } from \"./utils\";\nimport { type DataTableProps, type DataTableRef } from \"./types\";\n\n// Import component-specific styles\nimport \"./style.css\";\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\nconst InnerDataTable = <\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(\n  props: DataTableProps<RecordType>,\n  ref: Ref<DataTableRef>\n) => {\n  const {\n    dataSource = [],\n    columns = [],\n    className,\n    size = \"large\",\n    variant = \"default\",\n    emptyDescription,\n    rowSelection,\n    pagination,\n    loading,\n    enableSorting = true,\n    enableFiltering = false,\n    onSortingChange,\n    onFilteringChange,\n    rowKey,\n    ...restProps\n  } = props;\n\n  const cls = useCls();\n  const tableWrapperRef = useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for table logic\n  const {\n    table,\n    isLoading,\n    spinProps,\n    hasRowSelection,\n    hasPagination,\n    paginationConfig,\n    rowSelectionConfig,\n  } = useDataTable(props);\n\n  // Handle row click for selection\n  const handleRowClick = (row: Row<RecordType>) => {\n    if (hasRowSelection) {\n      row.toggleSelected();\n      if (rowSelectionConfig?.onSelect) {\n        const { selectedRowKeys, selectedRows } = convertSelectionToAntFormat(\n          table.getState().rowSelection,\n          dataSource,\n          rowKey\n        );\n        rowSelectionConfig.onSelect(\n          row.original,\n          !row.getIsSelected(),\n          selectedRows,\n          new Event(\"click\")\n        );\n      }\n    }\n  };\n\n  // cls(\"table-scroll-horizontal\"))\n\n  return (\n    <div\n      ref={tableWrapperRef}\n      className={clsx(\n        cls(\"table-wrapper\", \"data-table\"),\n        cls(`table-${size}`),\n        variant === \"zebra\" ? cls(\"table-zebra\") : \"\",\n        \"css-var-«r3»\",\n        className\n      )}\n    >\n      <Spin spinning={isLoading} {...spinProps}>\n        <div className={clsx(cls(\"table\"))}>\n          <div className={cls(\"table-container\")}>\n            <div className={cls(\"table-content\")}>\n              <table>\n                <colgroup>\n                  {table.getHeaderGroups()[0]?.headers.map((header) => {\n                    let columnWidth: string | number | undefined;\n                    \n                    if (header.id === \"select\") {\n                      columnWidth = rowSelectionConfig?.columnWidth || 32;\n                    } else {\n                      // Try to get the current size from TanStack, fallback to meta width\n                      try {\n                        columnWidth = `${header.getSize()}px`;\n                      } catch (error) {\n                        // Fallback to static width from column meta\n                        columnWidth = (header.column.columnDef.meta as ExtendedColumnMeta)?.width;\n                      }\n                    }\n                    \n                    return (\n                      <col\n                        key={header.id}\n                        style={{ width: columnWidth }}\n                      />\n                    );\n                  })}\n                </colgroup>\n\n                <TableHeader\n                  table={table}\n                  rowSelectionConfig={rowSelectionConfig}\n                  dataSource={dataSource}\n                  rowKey={props.rowKey}\n                />\n\n                <TableBody\n                  table={table}\n                  dataSource={dataSource}\n                  emptyDescription={emptyDescription}\n                  hasRowSelection={hasRowSelection}\n                  onRowClick={handleRowClick}\n                  rowSelectionConfig={rowSelectionConfig}\n                  rowKey={props.rowKey}\n                />\n              </table>\n            </div>\n          </div>\n        </div>\n\n        {hasPagination && (\n          <TablePagination\n            table={table}\n            paginationConfig={paginationConfig}\n            totalCount={table.getPreFilteredRowModel().rows.length}\n          />\n        )}\n      </Spin>\n    </div>\n  );\n};\n\nconst InternalDataTable = forwardRef(InnerDataTable) as <\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(\n  props: DataTableProps<RecordType> & { ref?: Ref<DataTableRef> }\n) => ReturnType<typeof InnerDataTable>;\n\nexport const DataTable = InternalDataTable;\n"],"names":["InnerDataTable","props","ref","dataSource","className","size","variant","emptyDescription","rowKey","cls","useCls","tableWrapperRef","useRef","table","isLoading","spinProps","hasRowSelection","hasPagination","paginationConfig","rowSelectionConfig","useDataTable","handleRowClick","row","selectedRows","convertSelectionToAntFormat","jsx","clsx","jsxs","Spin","header","columnWidth","TableHeader","TableBody","TablePagination","InternalDataTable","forwardRef","DataTable"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/data-table/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type Ref,\n} from \"react\";\nimport { type Row } from \"@tanstack/react-table\";\nimport { clsx, useAntdCssVarClassname, useCls } from \"../utils\";\nimport { Spin } from \"../spin/component\";\nimport { TableHeader, TableBody, TablePagination } from \"./components\";\nimport { useDataTable } from \"./hooks\";\nimport { convertSelectionToAntFormat } from \"./utils\";\nimport { type DataTableProps, type DataTableRef } from \"./types\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useToken } from \"../hooks\";\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\nconst InnerDataTable = <\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(\n  props: DataTableProps<RecordType>,\n  ref: Ref<DataTableRef>\n) => {\n  const {\n    dataSource = [],\n    className,\n    size = \"large\",\n    variant = \"default\",\n    emptyDescription,\n    rowKey,\n  } = props;\n\n  const cls = useCls();\n  const tableWrapperRef = useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for table logic\n  const {\n    table,\n    isLoading,\n    spinProps,\n    hasRowSelection,\n    hasPagination,\n    paginationConfig,\n    rowSelectionConfig,\n  } = useDataTable(props);\n\n  // Handle row click for selection\n  const handleRowClick = (row: Row<RecordType>) => {\n    if (hasRowSelection) {\n      row.toggleSelected();\n      if (rowSelectionConfig?.onSelect) {\n        const { selectedRowKeys, selectedRows } = convertSelectionToAntFormat(\n          table.getState().rowSelection,\n          dataSource,\n          rowKey\n        );\n        rowSelectionConfig.onSelect(\n          row.original,\n          !row.getIsSelected(),\n          selectedRows,\n          new Event(\"click\")\n        );\n      }\n    }\n  };\n\n  // cls(\"table-scroll-horizontal\"))\n\n  const antdClass = useAntdCssVarClassname();\n\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n\n  const [hasScroll, setHasScroll] = useState({\n    vertical: false,\n    horizontal: false,\n  });\n\n  useEffect(() => {\n    if (tableContainerRef.current) {\n      setHasScroll({\n        vertical:\n          tableContainerRef.current.scrollHeight >\n          tableContainerRef.current.clientHeight,\n        horizontal:\n          tableContainerRef.current.scrollWidth >\n          tableContainerRef.current.clientWidth,\n      });\n    }\n  }, [dataSource.length]);\n\n  return (\n    <div\n      ref={tableWrapperRef}\n      className={clsx(\n        cls(\"table-wrapper\", \"data-table\"),\n        cls(`table-${size}`),\n        variant === \"zebra\" ? cls(\"table-zebra\") : \"\",\n        hasPagination ? cls(\"table-has-pagination\") : \"\",\n        hasScroll.vertical ? cls(\"table-scroll-vertical\") : \"\",\n        hasScroll.horizontal ? cls(\"table-scroll-horizontal\") : \"\",\n        antdClass,\n        className\n      )}\n    >\n      <Spin spinning={isLoading} {...spinProps}>\n        <div className={clsx(cls(\"table\"))}>\n          <div className={cls(\"table-container\")} ref={tableContainerRef}>\n            <div className={cls(\"table-content\")}>\n              <table>\n                <colgroup>\n                  {table.getHeaderGroups()[0]?.headers.map((header) => {\n                    let columnWidth: string | number | undefined;\n\n                    if (header.id === \"select\") {\n                      columnWidth = rowSelectionConfig?.columnWidth || 32;\n                    } else {\n                      // Try to get the current size from TanStack, fallback to meta width\n                      try {\n                        columnWidth = `${header.getSize()}px`;\n                      } catch (error) {\n                        // Fallback to static width from column meta\n                        columnWidth = (\n                          header.column.columnDef.meta as ExtendedColumnMeta\n                        )?.width;\n                      }\n                    }\n\n                    return (\n                      <col key={header.id} style={{ width: columnWidth }} />\n                    );\n                  })}\n                </colgroup>\n\n                <TableHeader\n                  table={table}\n                  rowSelectionConfig={rowSelectionConfig}\n                  dataSource={dataSource}\n                  rowKey={rowKey}\n                />\n\n                <TableBody\n                  table={table}\n                  dataSource={dataSource}\n                  emptyDescription={emptyDescription}\n                  hasRowSelection={hasRowSelection}\n                  onRowClick={handleRowClick}\n                  rowSelectionConfig={rowSelectionConfig}\n                  rowKey={rowKey}\n                />\n              </table>\n            </div>\n          </div>\n        </div>\n\n        {hasPagination && (\n          <TablePagination\n            table={table}\n            paginationConfig={paginationConfig}\n            totalCount={table.getPreFilteredRowModel().rows.length}\n          />\n        )}\n      </Spin>\n    </div>\n  );\n};\n\nconst InternalDataTable = forwardRef(InnerDataTable) as <\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(\n  props: DataTableProps<RecordType> & { ref?: Ref<DataTableRef> }\n) => ReturnType<typeof InnerDataTable>;\n\nexport const DataTable = InternalDataTable;\n"],"names":["InnerDataTable","props","ref","dataSource","className","size","variant","emptyDescription","rowKey","cls","useCls","tableWrapperRef","useRef","table","isLoading","spinProps","hasRowSelection","hasPagination","paginationConfig","rowSelectionConfig","useDataTable","handleRowClick","row","selectedRows","convertSelectionToAntFormat","antdClass","useAntdCssVarClassname","tableContainerRef","hasScroll","setHasScroll","useState","useEffect","jsx","clsx","jsxs","Spin","header","columnWidth","TableHeader","TableBody","TablePagination","InternalDataTable","forwardRef","DataTable"],"mappings":"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"}

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

@@ -5,6 +5,6 @@ interface TablePaginationProps<RecordType extends Record<string, any> = Record<s
     paginationConfig?: DataTablePaginationConfig;
     totalCount: number;
 }
-export declare const TablePagination: <RecordType extends Record<string, any> = Record<string, any>>({ table, paginationConfig, totalCount }: TablePaginationProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export declare const TablePagination: <RecordType extends Record<string, any> = Record<string, any>>({ table, paginationConfig, totalCount, }: TablePaginationProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TablePagination.d.ts.map

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,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,yCAI3F,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,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"}

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

@@ -1,36 +1,39 @@
 import { jsx as i } from "react/jsx-runtime";
 import { Pagination as h } from "antd";
-import { useCls as m } from "../../utils/antdUtils.js";
-import { clsx as u } from "../../utils/cn.js";
+import { useCls as g } from "../../utils/antdUtils.js";
+import { clsx as m } from "../../utils/cn.js";
 const x = ({
   table: t,
   paginationConfig: o,
   totalCount: n
 }) => {
-  const s = m();
-  if (!o) return null;
+  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", { className: u(
-    s("table-pagination"),
-    s("table-pagination-right")
-  ), children: /* @__PURE__ */ i(
-    h,
+  return /* @__PURE__ */ i(
+    "div",
     {
-      ...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);
-      }
+      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);
+          }
+        }
+      )
     }
-  ) });
+  );
 };
 export {
   x as TablePagination

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<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) 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(\n      cls(\"table-pagination\"),\n      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={paginationConfig.showTotal || ((total, range) => \n          `${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};"],"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,EAAkB,QAAO;AAE9B,QAAMI,IAAcL,EAAM,SAAA,EAAW,WAAW,YAAY,GACtDM,IAAWN,EAAM,SAAA,EAAW,WAAW;AAE7C,SACE,gBAAAO,EAAC,SAAI,WAAWC;AAAA,IACdL,EAAI,kBAAkB;AAAA,IACtBA,EAAI,wBAAwB;AAAA,EAAA,GAE5B,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,WAAWA,EAAiB,cAAc,CAACS,GAAOC,MAChD,GAAGA,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,OAAOD,CAAK;AAAA,MAErC,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;"}
+{"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;"}

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;;;;;;;;EAgMlC"}
+{"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;;;;;;;;EA+LlC"}

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

@@ -1,33 +1,33 @@
-import { useState as b, useMemo as y } from "react";
-import { useReactTable as F, getPaginationRowModel as M, getFilteredRowModel as v, getSortedRowModel as P, getCoreRowModel as T } from "@tanstack/react-table";
-import { convertColumnsToTanStack as E, getRowKey as L, convertSelectionToAntFormat as x } from "./utils.js";
-function k(m) {
+import { useState as y, useMemo as F } from "react";
+import { useReactTable as M, getPaginationRowModel as P, getFilteredRowModel as v, getSortedRowModel as T, getCoreRowModel as E } from "@tanstack/react-table";
+import { convertColumnsToTanStack as L, getRowKey as x, convertSelectionToAntFormat as I } from "./utils.js";
+function k(d) {
   const {
-    dataSource: s = [],
+    dataSource: r = [],
     columns: c = [],
     rowSelection: o,
     pagination: l,
     loading: a,
-    enableSorting: f = !0,
+    enableSorting: u = !0,
     enableFiltering: S = !1,
-    onSortingChange: d,
+    onSortingChange: C,
     onFilteringChange: w,
-    rowKey: u,
-    enableColumnResizing: r = !1,
-    columnResizeMode: C = "onChange",
-    columnResizeDirection: p = "ltr",
-    onColumnSizingChange: R
-  } = m, [t, g] = b({
+    rowKey: f,
+    enableColumnResizing: s = !1,
+    columnResizeMode: p = "onChange",
+    columnResizeDirection: R = "ltr",
+    onColumnSizingChange: h
+  } = d, [t, g] = y({
     sorting: [],
     filtering: [],
     pagination: {
       pageIndex: 0,
-      pageSize: l === !1 ? s.length : l?.defaultPageSize || l?.pageSize || 10
+      pageSize: l ? l?.defaultPageSize || l?.pageSize || 10 : r.length
     },
     rowSelection: {},
     columnSizing: {}
-  }), h = y(() => {
-    let e = E(c);
+  }), z = F(() => {
+    let e = L(c);
     return o && (e = [{
       id: "select",
       header: ({ table: i }) => o.type === "radio" ? o.columnTitle || null : "SELECTION_HEADER",
@@ -40,76 +40,76 @@ function k(m) {
         isSelectionColumn: !0
       }
     }, ...e]), e;
-  }, [c, o]);
+  }, [c, o]), m = M({
+    data: r,
+    columns: z,
+    getCoreRowModel: E(),
+    getSortedRowModel: u ? T() : void 0,
+    getFilteredRowModel: S ? v() : void 0,
+    getPaginationRowModel: l !== !1 ? P() : void 0,
+    // Default column configuration for sizing
+    defaultColumn: {
+      size: 150,
+      minSize: 50,
+      maxSize: 500
+    },
+    // State management
+    state: {
+      sorting: t.sorting,
+      columnFilters: t.filtering,
+      pagination: t.pagination,
+      rowSelection: t.rowSelection,
+      columnSizing: s ? t.columnSizing : void 0
+    },
+    // State update handlers
+    onSortingChange: (e) => {
+      const n = typeof e == "function" ? e(t.sorting) : e;
+      g((i) => ({ ...i, sorting: n })), C?.(n);
+    },
+    onColumnFiltersChange: (e) => {
+      const n = typeof e == "function" ? e(t.filtering) : e;
+      g((i) => ({ ...i, filtering: n })), w?.(n);
+    },
+    onPaginationChange: (e) => {
+      if (l === !1) return;
+      const n = typeof e == "function" ? e(t.pagination) : e;
+      g((i) => ({ ...i, pagination: n }));
+    },
+    onRowSelectionChange: (e) => {
+      const n = typeof e == "function" ? e(t.rowSelection) : e;
+      if (g((i) => ({ ...i, rowSelection: n })), o?.onChange) {
+        const { selectedRowKeys: i, selectedRows: b } = I(
+          n,
+          r,
+          f
+        );
+        o.onChange(i, b);
+      }
+    },
+    onColumnSizingChange: s ? (e) => {
+      const n = typeof e == "function" ? e(t.columnSizing) : e;
+      g((i) => ({
+        ...i,
+        columnSizing: n
+      })), h?.(n);
+    } : void 0,
+    // Feature enables
+    enableSorting: u,
+    enableFilters: S,
+    enableRowSelection: !!o,
+    enableColumnResizing: s,
+    // Column resizing configuration
+    columnResizeMode: p,
+    columnResizeDirection: R,
+    // Row identification
+    getRowId: (e, n) => String(x(e, n, f))
+  });
   return {
-    table: F({
-      data: s,
-      columns: h,
-      getCoreRowModel: T(),
-      getSortedRowModel: f ? P() : void 0,
-      getFilteredRowModel: S ? v() : void 0,
-      getPaginationRowModel: l !== !1 ? M() : void 0,
-      // Default column configuration for sizing
-      defaultColumn: {
-        size: 150,
-        minSize: 50,
-        maxSize: 500
-      },
-      // State management
-      state: {
-        sorting: t.sorting,
-        columnFilters: t.filtering,
-        pagination: l !== !1 ? t.pagination : void 0,
-        rowSelection: t.rowSelection,
-        columnSizing: r ? t.columnSizing : void 0
-      },
-      // State update handlers
-      onSortingChange: (e) => {
-        const n = typeof e == "function" ? e(t.sorting) : e;
-        g((i) => ({ ...i, sorting: n })), d?.(n);
-      },
-      onColumnFiltersChange: (e) => {
-        const n = typeof e == "function" ? e(t.filtering) : e;
-        g((i) => ({ ...i, filtering: n })), w?.(n);
-      },
-      onPaginationChange: (e) => {
-        if (l === !1) return;
-        const n = typeof e == "function" ? e(t.pagination) : e;
-        g((i) => ({ ...i, pagination: n }));
-      },
-      onRowSelectionChange: (e) => {
-        const n = typeof e == "function" ? e(t.rowSelection) : e;
-        if (g((i) => ({ ...i, rowSelection: n })), o?.onChange) {
-          const { selectedRowKeys: i, selectedRows: z } = x(
-            n,
-            s,
-            u
-          );
-          o.onChange(i, z);
-        }
-      },
-      onColumnSizingChange: r ? (e) => {
-        const n = typeof e == "function" ? e(t.columnSizing) : e;
-        g((i) => ({
-          ...i,
-          columnSizing: n
-        })), R?.(n);
-      } : void 0,
-      // Feature enables
-      enableSorting: f,
-      enableFilters: S,
-      enableRowSelection: !!o,
-      enableColumnResizing: r,
-      // Column resizing configuration
-      columnResizeMode: C,
-      columnResizeDirection: p,
-      // Row identification
-      getRowId: (e, n) => String(L(e, n, u))
-    }),
+    table: m,
     isLoading: typeof a == "boolean" ? a : typeof a == "object",
     spinProps: typeof a == "object" ? a : {},
     hasRowSelection: !!o,
-    hasPagination: l !== !1,
+    hasPagination: m.getPageCount() > 1,
     paginationConfig: l === !1 ? void 0 : l,
     rowSelectionConfig: o
   };

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/components/data-table/hooks.ts"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getSortedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  type ColumnDef,\n} from \"@tanstack/react-table\";\nimport { type DataTableProps, type DataTableState } from \"./types\";\nimport {\n  convertColumnsToTanStack,\n  convertSelectionToAntFormat,\n  getRowKey,\n} from \"./utils\";\n\n/**\n * Hook to manage DataTable state and TanStack Table integration\n */\nexport function useDataTable<\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(props: DataTableProps<RecordType>) {\n  const {\n    dataSource = [],\n    columns = [],\n    rowSelection,\n    pagination,\n    loading,\n    enableSorting = true,\n    enableFiltering = false,\n    onSortingChange,\n    onFilteringChange,\n    rowKey,\n    enableColumnResizing = false,\n    columnResizeMode = \"onChange\",\n    columnResizeDirection = \"ltr\",\n    onColumnSizingChange,\n  } = props;\n\n  // Internal state for uncontrolled mode\n  const [internalState, setInternalState] = useState<DataTableState>({\n    sorting: [],\n    filtering: [],\n    pagination: {\n      pageIndex: 0,\n      pageSize:\n        pagination === false\n          ? dataSource.length\n          : pagination?.defaultPageSize || pagination?.pageSize || 10,\n    },\n    rowSelection: {},\n    columnSizing: {},\n  });\n\n  // Convert Ant Design columns to TanStack format\n  const tanStackColumns = useMemo(() => {\n    let processedColumns = convertColumnsToTanStack(columns);\n\n    // Add selection column if needed\n    if (rowSelection) {\n      const selectionColumn: ColumnDef<RecordType> = {\n        id: \"select\",\n        header: ({ table: _table }) => {\n          if (rowSelection.type === \"radio\")\n            return rowSelection.columnTitle || null;\n          // Return a marker that will be handled by the TableHeader component\n          return \"SELECTION_HEADER\";\n        },\n        cell: ({ row: _row }) => {\n          // Return a marker that will be handled by the TableBody component\n          return \"SELECTION_CELL\";\n        },\n        size:\n          typeof rowSelection.columnWidth === \"number\"\n            ? rowSelection.columnWidth\n            : typeof rowSelection.columnWidth === \"string\"\n            ? parseFloat(rowSelection.columnWidth) || 32\n            : 32,\n        enableSorting: false,\n        enableHiding: false,\n        meta: {\n          fixed: rowSelection.fixed,\n          isSelectionColumn: true,\n        },\n      };\n\n      processedColumns = [selectionColumn, ...processedColumns];\n    }\n\n    return processedColumns;\n  }, [columns, rowSelection]);\n\n  // Initialize TanStack Table\n  const table = useReactTable<RecordType>({\n    data: dataSource,\n    columns: tanStackColumns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\n    getFilteredRowModel: enableFiltering ? getFilteredRowModel() : undefined,\n    getPaginationRowModel:\n      pagination !== false ? getPaginationRowModel() : undefined,\n\n    // Default column configuration for sizing\n    defaultColumn: {\n      size: 150,\n      minSize: 50,\n      maxSize: 500,\n    },\n\n    // State management\n    state: {\n      sorting: internalState.sorting,\n      columnFilters: internalState.filtering,\n      pagination: pagination !== false ? internalState.pagination : undefined,\n      rowSelection: internalState.rowSelection,\n      columnSizing: enableColumnResizing\n        ? internalState.columnSizing\n        : undefined,\n    },\n\n    // State update handlers\n    onSortingChange: (updater) => {\n      const newSorting =\n        typeof updater === \"function\"\n          ? updater(internalState.sorting)\n          : updater;\n      setInternalState((prev) => ({ ...prev, sorting: newSorting }));\n      onSortingChange?.(newSorting);\n    },\n\n    onColumnFiltersChange: (updater) => {\n      const newFiltering =\n        typeof updater === \"function\"\n          ? updater(internalState.filtering)\n          : updater;\n      setInternalState((prev) => ({ ...prev, filtering: newFiltering }));\n      onFilteringChange?.(newFiltering);\n    },\n\n    onPaginationChange: (updater) => {\n      if (pagination === false) return;\n\n      const newPagination =\n        typeof updater === \"function\"\n          ? updater(internalState.pagination)\n          : updater;\n      setInternalState((prev) => ({ ...prev, pagination: newPagination }));\n    },\n\n    onRowSelectionChange: (updater) => {\n      const newSelection =\n        typeof updater === \"function\"\n          ? updater(internalState.rowSelection)\n          : updater;\n      setInternalState((prev) => ({ ...prev, rowSelection: newSelection }));\n\n      // Convert to Ant Design format and call onChange\n      if (rowSelection?.onChange) {\n        const { selectedRowKeys, selectedRows } = convertSelectionToAntFormat(\n          newSelection,\n          dataSource,\n          rowKey\n        );\n        rowSelection.onChange(selectedRowKeys, selectedRows);\n      }\n    },\n\n    onColumnSizingChange: enableColumnResizing\n      ? (updater) => {\n          const newColumnSizing =\n            typeof updater === \"function\"\n              ? updater(internalState.columnSizing)\n              : updater;\n          setInternalState((prev) => ({\n            ...prev,\n            columnSizing: newColumnSizing,\n          }));\n          onColumnSizingChange?.(newColumnSizing);\n        }\n      : undefined,\n\n    // Feature enables\n    enableSorting,\n    enableFilters: enableFiltering,\n    enableRowSelection: !!rowSelection,\n    enableColumnResizing,\n\n    // Column resizing configuration\n    columnResizeMode,\n    columnResizeDirection,\n\n    // Row identification\n    getRowId: (row, index) => String(getRowKey(row, index, rowKey)),\n  });\n\n  // Loading state processing\n  const isLoading =\n    typeof loading === \"boolean\"\n      ? loading\n      : typeof loading === \"object\"\n      ? true\n      : false;\n  const spinProps = typeof loading === \"object\" ? loading : {};\n\n  return {\n    table,\n    isLoading,\n    spinProps,\n    hasRowSelection: !!rowSelection,\n    hasPagination: pagination !== false,\n    paginationConfig: pagination === false ? undefined : pagination,\n    rowSelectionConfig: rowSelection,\n  };\n}\n"],"names":["useDataTable","props","dataSource","columns","rowSelection","pagination","loading","enableSorting","enableFiltering","onSortingChange","onFilteringChange","rowKey","enableColumnResizing","columnResizeMode","columnResizeDirection","onColumnSizingChange","internalState","setInternalState","useState","tanStackColumns","useMemo","processedColumns","convertColumnsToTanStack","_table","_row","useReactTable","getCoreRowModel","getSortedRowModel","getFilteredRowModel","getPaginationRowModel","updater","newSorting","prev","newFiltering","newPagination","newSelection","selectedRowKeys","selectedRows","convertSelectionToAntFormat","newColumnSizing","row","index","getRowKey"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../../../src/components/data-table/hooks.ts"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getSortedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  type ColumnDef,\n} from \"@tanstack/react-table\";\nimport { type DataTableProps, type DataTableState } from \"./types\";\nimport {\n  convertColumnsToTanStack,\n  convertSelectionToAntFormat,\n  getRowKey,\n} from \"./utils\";\n\n/**\n * Hook to manage DataTable state and TanStack Table integration\n */\nexport function useDataTable<\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(props: DataTableProps<RecordType>) {\n  const {\n    dataSource = [],\n    columns = [],\n    rowSelection,\n    pagination,\n    loading,\n    enableSorting = true,\n    enableFiltering = false,\n    onSortingChange,\n    onFilteringChange,\n    rowKey,\n    enableColumnResizing = false,\n    columnResizeMode = \"onChange\",\n    columnResizeDirection = \"ltr\",\n    onColumnSizingChange,\n  } = props;\n\n  // Internal state for uncontrolled mode\n  const [internalState, setInternalState] = useState<DataTableState>({\n    sorting: [],\n    filtering: [],\n    pagination: {\n      pageIndex: 0,\n      pageSize: !pagination\n        ? dataSource.length\n        : pagination?.defaultPageSize || pagination?.pageSize || 10,\n    },\n    rowSelection: {},\n    columnSizing: {},\n  });\n\n  // Convert Ant Design columns to TanStack format\n  const tanStackColumns = useMemo(() => {\n    let processedColumns = convertColumnsToTanStack(columns);\n\n    // Add selection column if needed\n    if (rowSelection) {\n      const selectionColumn: ColumnDef<RecordType> = {\n        id: \"select\",\n        header: ({ table: _table }) => {\n          if (rowSelection.type === \"radio\")\n            return rowSelection.columnTitle || null;\n          // Return a marker that will be handled by the TableHeader component\n          return \"SELECTION_HEADER\";\n        },\n        cell: ({ row: _row }) => {\n          // Return a marker that will be handled by the TableBody component\n          return \"SELECTION_CELL\";\n        },\n        size:\n          typeof rowSelection.columnWidth === \"number\"\n            ? rowSelection.columnWidth\n            : typeof rowSelection.columnWidth === \"string\"\n            ? parseFloat(rowSelection.columnWidth) || 32\n            : 32,\n        enableSorting: false,\n        enableHiding: false,\n        meta: {\n          fixed: rowSelection.fixed,\n          isSelectionColumn: true,\n        },\n      };\n\n      processedColumns = [selectionColumn, ...processedColumns];\n    }\n\n    return processedColumns;\n  }, [columns, rowSelection]);\n\n  // Initialize TanStack Table\n  const table = useReactTable<RecordType>({\n    data: dataSource,\n    columns: tanStackColumns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\n    getFilteredRowModel: enableFiltering ? getFilteredRowModel() : undefined,\n    getPaginationRowModel:\n      pagination !== false ? getPaginationRowModel() : undefined,\n\n    // Default column configuration for sizing\n    defaultColumn: {\n      size: 150,\n      minSize: 50,\n      maxSize: 500,\n    },\n\n    // State management\n    state: {\n      sorting: internalState.sorting,\n      columnFilters: internalState.filtering,\n      pagination: internalState.pagination,\n      rowSelection: internalState.rowSelection,\n      columnSizing: enableColumnResizing\n        ? internalState.columnSizing\n        : undefined,\n    },\n\n    // State update handlers\n    onSortingChange: (updater) => {\n      const newSorting =\n        typeof updater === \"function\"\n          ? updater(internalState.sorting)\n          : updater;\n      setInternalState((prev) => ({ ...prev, sorting: newSorting }));\n      onSortingChange?.(newSorting);\n    },\n\n    onColumnFiltersChange: (updater) => {\n      const newFiltering =\n        typeof updater === \"function\"\n          ? updater(internalState.filtering)\n          : updater;\n      setInternalState((prev) => ({ ...prev, filtering: newFiltering }));\n      onFilteringChange?.(newFiltering);\n    },\n\n    onPaginationChange: (updater) => {\n      if (pagination === false) return;\n\n      const newPagination =\n        typeof updater === \"function\"\n          ? updater(internalState.pagination)\n          : updater;\n      setInternalState((prev) => ({ ...prev, pagination: newPagination }));\n    },\n\n    onRowSelectionChange: (updater) => {\n      const newSelection =\n        typeof updater === \"function\"\n          ? updater(internalState.rowSelection)\n          : updater;\n      setInternalState((prev) => ({ ...prev, rowSelection: newSelection }));\n\n      // Convert to Ant Design format and call onChange\n      if (rowSelection?.onChange) {\n        const { selectedRowKeys, selectedRows } = convertSelectionToAntFormat(\n          newSelection,\n          dataSource,\n          rowKey\n        );\n        rowSelection.onChange(selectedRowKeys, selectedRows);\n      }\n    },\n\n    onColumnSizingChange: enableColumnResizing\n      ? (updater) => {\n          const newColumnSizing =\n            typeof updater === \"function\"\n              ? updater(internalState.columnSizing)\n              : updater;\n          setInternalState((prev) => ({\n            ...prev,\n            columnSizing: newColumnSizing,\n          }));\n          onColumnSizingChange?.(newColumnSizing);\n        }\n      : undefined,\n\n    // Feature enables\n    enableSorting,\n    enableFilters: enableFiltering,\n    enableRowSelection: !!rowSelection,\n    enableColumnResizing,\n\n    // Column resizing configuration\n    columnResizeMode,\n    columnResizeDirection,\n\n    // Row identification\n    getRowId: (row, index) => String(getRowKey(row, index, rowKey)),\n  });\n\n  // Loading state processing\n  const isLoading =\n    typeof loading === \"boolean\"\n      ? loading\n      : typeof loading === \"object\"\n      ? true\n      : false;\n  const spinProps = typeof loading === \"object\" ? loading : {};\n\n  return {\n    table,\n    isLoading,\n    spinProps,\n    hasRowSelection: !!rowSelection,\n    hasPagination: table.getPageCount() > 1,\n    paginationConfig: pagination === false ? undefined : pagination,\n    rowSelectionConfig: rowSelection,\n  };\n}\n"],"names":["useDataTable","props","dataSource","columns","rowSelection","pagination","loading","enableSorting","enableFiltering","onSortingChange","onFilteringChange","rowKey","enableColumnResizing","columnResizeMode","columnResizeDirection","onColumnSizingChange","internalState","setInternalState","useState","tanStackColumns","useMemo","processedColumns","convertColumnsToTanStack","_table","_row","table","useReactTable","getCoreRowModel","getSortedRowModel","getFilteredRowModel","getPaginationRowModel","updater","newSorting","prev","newFiltering","newPagination","newSelection","selectedRowKeys","selectedRows","convertSelectionToAntFormat","newColumnSizing","row","index","getRowKey"],"mappings":"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"}