@bioturing/components 0.32.2 → 0.33.1

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,11 @@
+import { Table } from '@tanstack/react-table';
+import { DataTableRowSelection, RowKey } from '../types';
+interface TableHeaderProps<RecordType extends Record<string, any> = Record<string, unknown>> {
+    table: Table<RecordType>;
+    rowSelectionConfig?: DataTableRowSelection<RecordType>;
+    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 {};
+//# sourceMappingURL=TableHeader.d.ts.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,10 @@
+import { Table } from '@tanstack/react-table';
+import { DataTablePaginationConfig } from '../types';
+interface TablePaginationProps<RecordType extends Record<string, any> = Record<string, any>> {
+    table: Table<RecordType>;
+    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 {};
+//# sourceMappingURL=TablePagination.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,38 @@
+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";
+const x = ({
+  table: t,
+  paginationConfig: o,
+  totalCount: n
+}) => {
+  const s = m();
+  if (!o) 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,
+    {
+      ...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
+};
+//# sourceMappingURL=TablePagination.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,4 @@
+export { TableHeader } from './TableHeader';
+export { TableBody } from './TableBody';
+export { TablePagination } from './TablePagination';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,14 @@
+import { DataTableProps } from './types';
+/**
+ * Hook to manage DataTable state and TanStack Table integration
+ */
+export declare function useDataTable<RecordType extends Record<string, any> = Record<string, unknown>>(props: DataTableProps<RecordType>): {
+    table: import('@tanstack/react-table').Table<RecordType>;
+    isLoading: boolean;
+    spinProps: import('antd').SpinProps;
+    hasRowSelection: boolean;
+    hasPagination: boolean;
+    paginationConfig: import('./types').DataTablePaginationConfig;
+    rowSelectionConfig: import('./types').DataTableRowSelection<RecordType>;
+};
+//# sourceMappingURL=hooks.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,120 @@
+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) {
+  const {
+    dataSource: s = [],
+    columns: c = [],
+    rowSelection: o,
+    pagination: l,
+    loading: a,
+    enableSorting: f = !0,
+    enableFiltering: S = !1,
+    onSortingChange: d,
+    onFilteringChange: w,
+    rowKey: u,
+    enableColumnResizing: r = !1,
+    columnResizeMode: C = "onChange",
+    columnResizeDirection: p = "ltr",
+    onColumnSizingChange: R
+  } = m, [t, g] = b({
+    sorting: [],
+    filtering: [],
+    pagination: {
+      pageIndex: 0,
+      pageSize: l === !1 ? s.length : l?.defaultPageSize || l?.pageSize || 10
+    },
+    rowSelection: {},
+    columnSizing: {}
+  }), h = y(() => {
+    let e = E(c);
+    return o && (e = [{
+      id: "select",
+      header: ({ table: i }) => o.type === "radio" ? o.columnTitle || null : "SELECTION_HEADER",
+      cell: ({ row: i }) => "SELECTION_CELL",
+      size: typeof o.columnWidth == "number" ? o.columnWidth : typeof o.columnWidth == "string" && parseFloat(o.columnWidth) || 32,
+      enableSorting: !1,
+      enableHiding: !1,
+      meta: {
+        fixed: o.fixed,
+        isSelectionColumn: !0
+      }
+    }, ...e]), e;
+  }, [c, o]);
+  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))
+    }),
+    isLoading: typeof a == "boolean" ? a : typeof a == "object",
+    spinProps: typeof a == "object" ? a : {},
+    hasRowSelection: !!o,
+    hasPagination: l !== !1,
+    paginationConfig: l === !1 ? void 0 : l,
+    rowSelectionConfig: o
+  };
+}
+export {
+  k as useDataTable
+};
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,4 @@
+export { DataTable } from './component';
+export type { DataTableProps, DataTableRef } from './types';
+export type { ColumnDef, SortingState, ColumnFiltersState, PaginationState, RowSelectionState, OnChangeFn, } from '@tanstack/react-table';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5D,YAAY,EACV,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,UAAU,GACX,MAAM,uBAAuB,CAAC"}

package/dist/components/data-table/style.css

@@ -0,0 +1 @@
+@layer components{.ds-table-wrapper.ds-data-table{display:flex;flex-direction:column;max-height:100%}.ds-table-wrapper.ds-data-table .ds-spin-nested-loading,.ds-table-wrapper.ds-data-table .ds-spin-container{display:flex;flex-direction:column;flex-shrink:1;flex-grow:1;min-height:0}.ds-table-wrapper.ds-data-table .ds-spin-container .ds-table{flex-shrink:1;flex-grow:1;min-height:0}.ds-table-wrapper.ds-data-table .ds-table{display:flex;flex-direction:column;background-color:var(--ds-color-bg-container);border-radius:6px;border:1px solid var(--ds-color-split)}.ds-table-wrapper.ds-data-table:has(.ds-table-pagination){border:1px solid var(--ds-color-split);border-radius:6px;overflow:hidden}.ds-table-wrapper.ds-data-table:has(.ds-table-pagination) .ds-table{border:none;border-bottom:none;border-radius:0}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:first-child{border-top-left-radius:6px}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:last-child{border-top-right-radius:6px}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row:last-child td.ds-table-cell:first-child{border-bottom-left-radius:6px}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row:last-child td.ds-table-cell:last-child{border-bottom-right-radius:6px}.ds-table-wrapper.ds-data-table .ds-table-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:auto}.ds-table-wrapper.ds-data-table .ds-table-header{flex-shrink:0}.ds-table-wrapper.ds-data-table .ds-table-body{flex-shrink:1;min-height:0;min-width:0}.ds-table-wrapper.ds-data-table .ds-table-content{flex-grow:0;flex-shrink:1;min-height:0;display:flex}.ds-table-wrapper.ds-data-table .ds-table-content table{width:100%;border-collapse:collapse;flex-grow:0;flex-shrink:1;min-height:0}.ds-table-wrapper.ds-data-table .ds-table-thead{background-color:var(--ds-color-fill-alter)}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell{text-align:left;font-weight:500;color:var(--ds-color-text-secondary);background-color:var(--ds-color-fill-alter);border-bottom:1px solid var(--ds-color-split);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);line-height:20px;position:sticky;top:0;z-index:1}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:hover{background-color:var(--ds-color-bg-container)}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:20px;width:1px;background-color:var(--ds-color-split)}.ds-table-wrapper.ds-data-table.ds-table-small .ds-table-thead th.ds-table-cell{padding:8px 16px;font-size:var(--ds-font-size-body-small, 12px)}.ds-table-wrapper.ds-data-table.ds-table-middle .ds-table-thead th.ds-table-cell{padding:12px 16px}.ds-table-wrapper.ds-data-table.ds-table-large .ds-table-thead th.ds-table-cell{padding:16px}.ds-table-wrapper.ds-data-table .ds-table-tbody{background-color:var(--ds-color-bg-container)}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row{border-bottom:1px solid var(--ds-color-split);transition:background-color .2s ease}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row:hover{background-color:var(--ds-color-fill-secondary)}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row:last-child{border-bottom:0}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row.ds-table-row-selected{background-color:var(--ds-color-primary-bg)}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row td.ds-table-cell{text-align:left;background-color:inherit;color:var(--ds-color-text);line-height:20px}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row .ds-table-tbody tr.ds-table-row:last-child td.ds-table-cell{border-bottom-left-radius:0;border-bottom-right-radius:0}.ds-table-wrapper.ds-data-table.ds-table-small .ds-table-tbody tr.ds-table-row td.ds-table-cell{padding:8px 16px}.ds-table-wrapper.ds-data-table.ds-table-middle .ds-table-tbody tr.ds-table-row td.ds-table-cell{padding:12px 16px}.ds-table-wrapper.ds-data-table.ds-table-large .ds-table-tbody tr.ds-table-row td.ds-table-cell{padding:16px}.ds-table-wrapper.ds-data-table.ds-table-small .ds-table-selection-column,.ds-table-wrapper.ds-data-table.ds-table-middle .ds-table-selection-column,.ds-table-wrapper.ds-data-table.ds-table-large .ds-table-selection-column{padding-left:8px!important;padding-right:8px!important}.ds-table-wrapper.ds-data-table.ds-table-small .ds-table-selection-column.ds-table-cell,.ds-table-wrapper.ds-data-table.ds-table-middle .ds-table-selection-column.ds-table-cell,.ds-table-wrapper.ds-data-table.ds-table-large .ds-table-selection-column.ds-table-cell{padding-top:inherit;padding-bottom:inherit}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row[data-selectable=true]{cursor:pointer}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row[data-selectable=true]:hover{background-color:var(--ds-color-fill-secondary)!important}.ds-table-wrapper.ds-data-table .ds-table-tbody tr.ds-table-row.ds-table-row-selected[data-selectable=true]:hover{background-color:var( --ds-color-primary-bg-hover, rgba(24, 144, 255, .1) )!important}.ds-table-wrapper.ds-data-table .ds-table-tbody tr td:has(.ds-empty){padding:1.5rem}.ds-table-wrapper.ds-data-table .ds-table-column-sort-icon{display:flex;flex-direction:column;align-items:center;width:16px;min-width:16px}.ds-table-wrapper.ds-data-table .ds-table-column-sort-icon svg{color:var(--ds-color-text-disabled);width:1rem;height:1rem}.ds-table-wrapper.ds-data-table .ds-table-column-sort-icon svg:hover{color:var(--ds-color-text-secondary)}.ds-table-wrapper.ds-data-table .ds-table-column-sort-icon.ds-table-column-sort-icon-asc svg,.ds-table-wrapper.ds-data-table .ds-table-column-sort-icon.ds-table-column-sort-icon-desc svg{color:var(--ds-color-primary)}.ds-table-wrapper.ds-data-table .ds-table-column-filter-icon{display:flex;align-items:center;justify-content:center;width:12px;min-width:12px}.ds-table-wrapper.ds-data-table .ds-table-column-filter-icon svg{color:var(--ds-color-text-disabled);width:10px;height:10px}.ds-table-wrapper.ds-data-table .ds-table-column-filter-icon svg:hover{color:var(--ds-color-text-secondary)}.ds-table-wrapper.ds-data-table .ds-table-column-filter-icon.ds-table-column-filter-icon-active svg{color:var(--ds-color-primary)}.ds-table-wrapper.ds-data-table .ds-table-column-sorters{display:flex;align-items:center;gap:4px;cursor:pointer}.ds-table-wrapper.ds-data-table .ds-table-column-title{flex:1}.ds-table-wrapper.ds-data-table .ds-table-column-icons{display:flex;align-items:center;gap:4px;min-width:16px;flex-shrink:0}.ds-table-wrapper.ds-data-table .ds-table-column-has-sorters{cursor:pointer}.ds-table-wrapper.ds-data-table .ds-table-column-has-sorters:hover{background-color:var(--ds-color-bg-container)}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table{border:none}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-pagination{background-color:transparent;border-top:none;border-radius:0}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-thead{background-color:transparent}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-thead th.ds-table-cell{background-color:transparent;border-bottom:none}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-thead th.ds-table-cell:hover{background-color:var(--ds-color-bg-container)}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-thead th.ds-table-cell:not(:last-child):after{display:block}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-tbody tr.ds-table-row{border-bottom:none}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-tbody tr.ds-table-row:nth-child(2n){background-color:var(--ds-color-fill-tertiary)}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-tbody tr.ds-table-row:nth-child(2n) td.ds-table-cell{background-color:var(--ds-color-fill-tertiary)}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-tbody tr.ds-table-row:hover,.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-tbody tr.ds-table-row:hover td.ds-table-cell{background-color:var(--ds-color-fill-secondary)!important}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-tbody tr.ds-table-row.ds-table-row-selected,.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-tbody tr.ds-table-row.ds-table-row-selected td.ds-table-cell{background-color:var(--ds-color-primary-bg)!important}.ds-table-wrapper.ds-data-table .ds-table-pagination{padding:16px;border-top:1px solid var(--ds-color-split);background-color:transparent;display:flex;justify-content:flex-end;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.ds-table-wrapper.ds-data-table .ds-table-pagination.ds-table-pagination-right{justify-content:flex-end}.ds-table-wrapper.ds-data-table .ds-table-pagination .ant-pagination{margin:0}.ds-table-wrapper.ds-data-table .ds-table-measure-row{height:0!important;font-size:0!important}.ds-table-wrapper.ds-data-table .ds-table-measure-row td{padding:0!important;border:0!important;height:0!important}.ds-table-wrapper.ds-data-table .text-left{text-align:left!important}.ds-table-wrapper.ds-data-table .text-center{text-align:center!important}.ds-table-wrapper.ds-data-table .text-right{text-align:right!important}.ds-table-wrapper.ds-data-table .ds-table-selection-column{width:32px!important;min-width:32px!important;text-align:center!important;padding-left:8px!important;padding-right:8px!important}.ds-table-wrapper.ds-data-table .ds-table-selection-column .ant-checkbox-wrapper{margin:0}.ds-table-wrapper.ds-data-table .ds-table-selection-column:after{display:none!important}.ds-table-wrapper.ds-data-table .ds-table-resize-handle{position:absolute;top:0;bottom:0;width:4px;background:transparent;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:1px;z-index:50;opacity:0;transition:opacity .2s ease,background-color .2s ease}.ds-table-wrapper.ds-data-table .ds-table-resize-handle.ds-table-resize-ltr{right:-2px}.ds-table-wrapper.ds-data-table .ds-table-resize-handle.ds-table-resize-rtl{left:-2px}.ds-table-wrapper.ds-data-table .ds-table-resize-handle:hover,.ds-table-wrapper.ds-data-table .ds-table-resize-handle.ds-table-resize-handle-active{opacity:1;background-color:var(--ds-color-primary);box-shadow:0 0 0 1px var(--ds-color-primary-bg)}.ds-table-wrapper.ds-data-table .ds-table-resize-handle.ds-table-resize-handle-active{background-color:var(--ds-color-primary);opacity:1;z-index:999}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell{position:relative;z-index:1}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:hover .ds-table-resize-handle{opacity:.6;background-color:var(--ds-color-text-tertiary)}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:hover{box-sizing:border-box}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:has(.ds-table-resize-handle-active){z-index:200}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:has(.ds-table-resize-handle-active) .ds-table-resize-handle-active{z-index:201}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell.ds-table-cell-resizing{z-index:200!important}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell.ds-table-cell-resizing .ds-table-resize-handle{z-index:999!important}.ds-table-wrapper.ds-data-table .ds-table-resize-indicator{position:absolute;top:0;bottom:0;width:2px;background-color:var(--ds-color-primary);pointer-events:none;z-index:999;opacity:1;transition:transform .1s ease}.ds-table-wrapper.ds-data-table:has(.ds-table-resize-handle-active){-webkit-user-select:none;user-select:none}.ds-table-wrapper.ds-data-table:has(.ds-table-resize-handle-active) *{-webkit-user-select:none;user-select:none}}

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

@@ -0,0 +1,108 @@
+import { TableProps as AntTableProps, ColumnType } from 'antd/es/table';
+import { SpinProps } from 'antd/es/spin';
+import { PaginationProps, CheckboxProps } from 'antd';
+export type RowKey = React.Key;
+export interface DataTableColumnType<RecordType extends Record<string, any> = Record<string, unknown>> extends Omit<ColumnType<RecordType>, 'render' | 'sorter' | 'dataIndex'> {
+    dataIndex?: string | number;
+    key?: RowKey;
+    title?: React.ReactNode | ((props: {
+        sortOrder?: 'ascend' | 'descend';
+    }) => React.ReactNode);
+    render?: (value: RecordType[keyof RecordType], record: RecordType, index: number) => React.ReactNode;
+    sorter?: boolean | ((a: RecordType, b: RecordType) => number);
+    align?: 'left' | 'center' | 'right';
+    width?: string | number;
+    fixed?: 'left' | 'right' | boolean;
+    ellipsis?: boolean;
+    accessorKey?: string;
+    accessorFn?: (row: RecordType) => RecordType[keyof RecordType];
+    cell?: ({ getValue, row }: {
+        getValue: () => RecordType[keyof RecordType];
+        row: {
+            original: RecordType;
+        };
+    }) => React.ReactNode;
+    header?: React.ReactNode | (() => React.ReactNode);
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    filterFn?: string | ((row: RecordType, columnId: string, filterValue: RecordType[keyof RecordType]) => boolean);
+    enableResizing?: boolean;
+    size?: number;
+    minSize?: number;
+    maxSize?: number;
+    meta?: {
+        align?: 'left' | 'center' | 'right';
+        width?: string | number;
+    };
+}
+export interface DataTableRowSelection<RecordType extends Record<string, any> = Record<string, unknown>> {
+    type?: 'checkbox' | 'radio';
+    selectedRowKeys?: React.Key[];
+    defaultSelectedRowKeys?: React.Key[];
+    onChange?: (selectedRowKeys: React.Key[], selectedRows: RecordType[]) => void;
+    onSelect?: (record: RecordType, selected: boolean, selectedRows: RecordType[], nativeEvent: Event) => void;
+    onSelectAll?: (selected: boolean, selectedRows: RecordType[], changeRows: RecordType[]) => void;
+    getCheckboxProps?: (record: RecordType) => CheckboxProps;
+    columnWidth?: string | number;
+    columnTitle?: React.ReactNode;
+    fixed?: boolean;
+    hideSelectAll?: boolean;
+}
+export interface DataTablePaginationConfig extends Omit<PaginationProps, 'current' | 'total' | 'onChange' | 'onShowSizeChange'> {
+    position?: ('topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight')[];
+    showQuickJumper?: boolean;
+    showSizeChanger?: boolean;
+    showTotal?: (total: number, range: [number, number]) => React.ReactNode;
+    pageSizeOptions?: string[];
+    pageSize?: number;
+    defaultPageSize?: number;
+}
+export interface DataTableProps<RecordType extends Record<string, any> = Record<string, unknown>> extends Omit<AntTableProps<RecordType>, 'columns' | 'dataSource' | 'rowSelection' | 'pagination' | 'rowKey'> {
+    columns: DataTableColumnType<RecordType>[];
+    dataSource: RecordType[];
+    rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);
+    rowSelection?: DataTableRowSelection<RecordType>;
+    pagination?: false | DataTablePaginationConfig;
+    variant?: "default" | "zebra";
+    emptyDescription?: React.ReactNode;
+    loading?: boolean | SpinProps;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    onSortingChange?: (sorting: {
+        id: string;
+        desc: boolean;
+    }[]) => void;
+    onFilteringChange?: (filtering: {
+        id: string;
+        value: unknown;
+    }[]) => void;
+    enableColumnResizing?: boolean;
+    columnResizeMode?: 'onChange' | 'onEnd';
+    columnResizeDirection?: 'ltr' | 'rtl';
+    onColumnSizingChange?: (columnSizing: Record<string, number>) => void;
+}
+export interface DataTableRef {
+    getTable?: () => unknown;
+    scrollTo?: (config: {
+        index?: number;
+        key?: React.Key;
+        top?: number;
+    }) => void;
+}
+export interface DataTableState {
+    sorting: {
+        id: string;
+        desc: boolean;
+    }[];
+    filtering: {
+        id: string;
+        value: unknown;
+    }[];
+    pagination: {
+        pageIndex: number;
+        pageSize: number;
+    };
+    rowSelection: Record<string, boolean>;
+    columnSizing: Record<string, number>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+import { DataTableColumnType, RowKey } from './types';
+import { ColumnDef } from '@tanstack/react-table';
+/**
+ * Converts Ant Design column definition to TanStack Table column definition
+ * Handles both Ant Design props and TanStack props for maximum compatibility
+ */
+export declare function convertColumnToTanStack<RecordType extends Record<string, any> = Record<string, unknown>>(column: DataTableColumnType<RecordType>): ColumnDef<RecordType>;
+/**
+ * Converts array of Ant Design columns to TanStack columns
+ */
+export declare function convertColumnsToTanStack<RecordType extends Record<string, any> = Record<string, unknown>>(columns: DataTableColumnType<RecordType>[]): ColumnDef<RecordType>[];
+/**
+ * Generates a unique row key for a record
+ * Follows Ant Design's rowKey logic
+ */
+export declare function getRowKey<RecordType extends Record<string, any> = Record<string, unknown>>(record: RecordType, index: number, rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey)): RowKey;
+/**
+ * Converts TanStack selection state to Ant Design format
+ */
+export declare function convertSelectionToAntFormat<RecordType extends Record<string, any> = Record<string, unknown>>(rowSelectionState: Record<string, boolean>, data: RecordType[], rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey)): {
+    selectedRowKeys: React.Key[];
+    selectedRows: RecordType[];
+};
+/**
+ * Converts Ant Design selection format to TanStack format
+ */
+export declare function convertSelectionToTanStackFormat<RecordType extends Record<string, any> = Record<string, unknown>>(selectedRowKeys: React.Key[], _data: RecordType[], _rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey)): Record<string, boolean>;
+/**
+ * Gets the appropriate CSS class for text alignment
+ */
+export declare function getAlignmentClass(align?: 'left' | 'center' | 'right'): string;
+/**
+ * Determines if a column should show sort/filter icons
+ */
+export declare function shouldShowIcons(column: {
+    getCanSort?: () => boolean;
+    getCanFilter?: () => boolean;
+}): boolean;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,KAAK,SAAS,EAAiE,MAAM,uBAAuB,CAAC;AA2BtH;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtG,MAAM,EAAE,mBAAmB,CAAC,UAAU,CAAC,GACtC,SAAS,CAAC,UAAU,CAAC,CAuGvB;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvG,OAAO,EAAE,mBAAmB,CAAC,UAAU,CAAC,EAAE,GACzC,SAAS,CAAC,UAAU,CAAC,EAAE,CAEzB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACxF,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GACjE,MAAM,CAYR;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1G,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1C,IAAI,EAAE,UAAU,EAAE,EAClB,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GACjE;IACD,eAAe,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;IAC7B,YAAY,EAAE,UAAU,EAAE,CAAC;CAC5B,CAcA;AAED;;GAEG;AACH,wBAAgB,gCAAgC,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/G,eAAe,EAAE,KAAK,CAAC,GAAG,EAAE,EAC5B,KAAK,EAAE,UAAU,EAAE,EACnB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAClE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAQzB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAG7E;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,OAAO,CAAA;CAAE,GAAG,OAAO,CAE7G"}