@bioturing/components 0.46.3 → 0.47.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -4,17 +4,17 @@ import { convertColumnsToTanStack as v, getRowKey as L, convertSelectionToAntFor
 function A(d) {
   const {
     dataSource: g = [],
-    columns: r = [],
+    columns: s = [],
     rowSelection: i,
     pagination: a,
-    loading: s,
+    loading: c,
     enableSorting: f = !0,
     enableFiltering: u = !1,
     onSortingChange: p,
-    onFilteringChange: C,
+    onFilteringChange: w,
     rowKey: S,
-    enableColumnResizing: c = !1,
-    columnResizeMode: w = "onChange",
+    enableColumnResizing: r = !1,
+    columnResizeMode: C = "onChange",
     columnResizeDirection: h = "ltr",
     onColumnSizingChange: z
   } = d, [t, l] = y({
@@ -27,7 +27,7 @@ function A(d) {
     rowSelection: {},
     columnSizing: {}
   }), R = M(() => {
-    let e = v(r);
+    let e = v(s);
     return i && (e = [{
       id: "select",
       header: ({ table: o }) => i.type === "radio" ? i.columnTitle || null : "SELECTION_HEADER",
@@ -40,7 +40,7 @@ function A(d) {
         isSelectionColumn: !0
       }
     }, ...e]), e;
-  }, [r, i]);
+  }, [s, i]);
   x(() => {
     if (a === !1) return;
     const e = t.pagination.pageSize, n = Math.max(0, Math.ceil(g.length / e) - 1);
@@ -71,7 +71,7 @@ function A(d) {
       columnFilters: t.filtering,
       pagination: t.pagination,
       rowSelection: t.rowSelection,
-      columnSizing: c ? t.columnSizing : void 0
+      columnSizing: r ? t.columnSizing : void 0
     },
     // State update handlers
     onSortingChange: (e) => {
@@ -80,7 +80,7 @@ function A(d) {
     },
     onColumnFiltersChange: (e) => {
       const n = typeof e == "function" ? e(t.filtering) : e;
-      l((o) => ({ ...o, filtering: n })), C?.(n);
+      l((o) => ({ ...o, filtering: n })), w?.(n);
     },
     onPaginationChange: (e) => {
       if (a === !1) return;
@@ -98,7 +98,7 @@ function A(d) {
         i.onChange(o, b);
       }
     },
-    onColumnSizingChange: c ? (e) => {
+    onColumnSizingChange: r ? (e) => {
       const n = typeof e == "function" ? e(t.columnSizing) : e;
       l((o) => ({
         ...o,
@@ -109,17 +109,18 @@ function A(d) {
     enableSorting: f,
     enableFilters: u,
     enableRowSelection: !!i,
-    enableColumnResizing: c,
+    enableMultiRowSelection: i?.type !== "radio",
+    enableColumnResizing: r,
     // Column resizing configuration
-    columnResizeMode: w,
+    columnResizeMode: C,
     columnResizeDirection: h,
     // Row identification
     getRowId: (e, n) => String(L(e, n, S))
   });
   return {
     table: m,
-    isLoading: typeof s == "boolean" ? s : typeof s == "object",
-    spinProps: typeof s == "object" ? s : {},
+    isLoading: typeof c == "boolean" ? c : typeof c == "object",
+    spinProps: typeof c == "object" ? c : {},
     hasRowSelection: !!i,
     hasPagination: m.getPageCount() > 1,
     paginationConfig: a === !1 ? void 0 : a,

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, useEffect } 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  // Reset pagination when dataSource changes\n  useEffect(() => {\n    if (pagination === false) return;\n\n    const currentPageSize = internalState.pagination.pageSize;\n    const maxPageIndex = Math.max(0, Math.ceil(dataSource.length / currentPageSize) - 1);\n\n    // Only reset if current page is out of bounds\n    if (internalState.pagination.pageIndex > maxPageIndex) {\n      setInternalState((prev) => ({\n        ...prev,\n        pagination: {\n          ...prev.pagination,\n          pageIndex: 0,\n        },\n      }));\n    }\n  }, [dataSource, pagination, internalState.pagination.pageSize, internalState.pagination.pageIndex]);\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","useEffect","currentPageSize","maxPageIndex","prev","table","useReactTable","getCoreRowModel","getSortedRowModel","getFilteredRowModel","getPaginationRowModel","updater","newSorting","newFiltering","newPagination","newSelection","selectedRowKeys","selectedRows","convertSelectionToAntFormat","newColumnSizing","row","index","getRowKey"],"mappings":";;;AAmBO,SAASA,EAEdC,GAAmC;AACnC,QAAM;AAAA,IACJ,YAAAC,IAAa,CAAA;AAAA,IACb,SAAAC,IAAU,CAAA;AAAA,IACV,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,iBAAAC,IAAkB;AAAA,IAClB,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,kBAAAC,IAAmB;AAAA,IACnB,uBAAAC,IAAwB;AAAA,IACxB,sBAAAC;AAAA,EAAA,IACEd,GAGE,CAACe,GAAeC,CAAgB,IAAIC,EAAyB;AAAA,IACjE,SAAS,CAAA;AAAA,IACT,WAAW,CAAA;AAAA,IACX,YAAY;AAAA,MACV,WAAW;AAAA,MACX,UAAWb,IAEPA,GAAY,mBAAmBA,GAAY,YAAY,KADvDH,EAAW;AAAA,IAC4C;AAAA,IAE7D,cAAc,CAAA;AAAA,IACd,cAAc,CAAA;AAAA,EAAC,CAChB,GAGKiB,IAAkBC,EAAQ,MAAM;AACpC,QAAIC,IAAmBC,EAAyBnB,CAAO;AAGvD,WAAIC,MA2BFiB,IAAmB,CA1B4B;AAAA,MAC7C,IAAI;AAAA,MACJ,QAAQ,CAAC,EAAE,OAAOE,QACZnB,EAAa,SAAS,UACjBA,EAAa,eAAe,OAE9B;AAAA,MAET,MAAM,CAAC,EAAE,KAAKoB,QAEL;AAAA,MAET,MACE,OAAOpB,EAAa,eAAgB,WAChCA,EAAa,cACb,OAAOA,EAAa,eAAgB,YACpC,WAAWA,EAAa,WAAW,KAAK;AAAA,MAE9C,eAAe;AAAA,MACf,cAAc;AAAA,MACd,MAAM;AAAA,QACJ,OAAOA,EAAa;AAAA,QACpB,mBAAmB;AAAA,MAAA;AAAA,IACrB,GAGmC,GAAGiB,CAAgB,IAGnDA;AAAA,EACT,GAAG,CAAClB,GAASC,CAAY,CAAC;AAG1B,EAAAqB,EAAU,MAAM;AACd,QAAIpB,MAAe,GAAO;AAE1B,UAAMqB,IAAkBV,EAAc,WAAW,UAC3CW,IAAe,KAAK,IAAI,GAAG,KAAK,KAAKzB,EAAW,SAASwB,CAAe,IAAI,CAAC;AAGnF,IAAIV,EAAc,WAAW,YAAYW,KACvCV,EAAiB,CAACW,OAAU;AAAA,MAC1B,GAAGA;AAAA,MACH,YAAY;AAAA,QACV,GAAGA,EAAK;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,IACb,EACA;AAAA,EAEN,GAAG,CAAC1B,GAAYG,GAAYW,EAAc,WAAW,UAAUA,EAAc,WAAW,SAAS,CAAC;AAGlG,QAAMa,IAAQC,EAA0B;AAAA,IACtC,MAAM5B;AAAA,IACN,SAASiB;AAAA,IACT,iBAAiBY,EAAA;AAAA,IACjB,mBAAmBxB,IAAgByB,EAAA,IAAsB;AAAA,IACzD,qBAAqBxB,IAAkByB,EAAA,IAAwB;AAAA,IAC/D,uBACE5B,MAAe,KAAQ6B,EAAA,IAA0B;AAAA;AAAA,IAGnD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA;AAAA,IAIX,OAAO;AAAA,MACL,SAASlB,EAAc;AAAA,MACvB,eAAeA,EAAc;AAAA,MAC7B,YAAYA,EAAc;AAAA,MAC1B,cAAcA,EAAc;AAAA,MAC5B,cAAcJ,IACVI,EAAc,eACd;AAAA,IAAA;AAAA;AAAA,IAIN,iBAAiB,CAACmB,MAAY;AAC5B,YAAMC,IACJ,OAAOD,KAAY,aACfA,EAAQnB,EAAc,OAAO,IAC7BmB;AACN,MAAAlB,EAAiB,CAACW,OAAU,EAAE,GAAGA,GAAM,SAASQ,IAAa,GAC7D3B,IAAkB2B,CAAU;AAAA,IAC9B;AAAA,IAEA,uBAAuB,CAACD,MAAY;AAClC,YAAME,IACJ,OAAOF,KAAY,aACfA,EAAQnB,EAAc,SAAS,IAC/BmB;AACN,MAAAlB,EAAiB,CAACW,OAAU,EAAE,GAAGA,GAAM,WAAWS,IAAe,GACjE3B,IAAoB2B,CAAY;AAAA,IAClC;AAAA,IAEA,oBAAoB,CAACF,MAAY;AAC/B,UAAI9B,MAAe,GAAO;AAE1B,YAAMiC,IACJ,OAAOH,KAAY,aACfA,EAAQnB,EAAc,UAAU,IAChCmB;AACN,MAAAlB,EAAiB,CAACW,OAAU,EAAE,GAAGA,GAAM,YAAYU,IAAgB;AAAA,IACrE;AAAA,IAEA,sBAAsB,CAACH,MAAY;AACjC,YAAMI,IACJ,OAAOJ,KAAY,aACfA,EAAQnB,EAAc,YAAY,IAClCmB;AAIN,UAHAlB,EAAiB,CAACW,OAAU,EAAE,GAAGA,GAAM,cAAcW,IAAe,GAGhEnC,GAAc,UAAU;AAC1B,cAAM,EAAE,iBAAAoC,GAAiB,cAAAC,EAAA,IAAiBC;AAAA,UACxCH;AAAA,UACArC;AAAA,UACAS;AAAA,QAAA;AAEF,QAAAP,EAAa,SAASoC,GAAiBC,CAAY;AAAA,MACrD;AAAA,IACF;AAAA,IAEA,sBAAsB7B,IAClB,CAACuB,MAAY;AACX,YAAMQ,IACJ,OAAOR,KAAY,aACfA,EAAQnB,EAAc,YAAY,IAClCmB;AACN,MAAAlB,EAAiB,CAACW,OAAU;AAAA,QAC1B,GAAGA;AAAA,QACH,cAAce;AAAA,MAAA,EACd,GACF5B,IAAuB4B,CAAe;AAAA,IACxC,IACA;AAAA;AAAA,IAGJ,eAAApC;AAAA,IACA,eAAeC;AAAA,IACf,oBAAoB,CAAC,CAACJ;AAAA,IACtB,sBAAAQ;AAAA;AAAA,IAGA,kBAAAC;AAAA,IACA,uBAAAC;AAAA;AAAA,IAGA,UAAU,CAAC8B,GAAKC,MAAU,OAAOC,EAAUF,GAAKC,GAAOlC,CAAM,CAAC;AAAA,EAAA,CAC/D;AAWD,SAAO;AAAA,IACL,OAAAkB;AAAA,IACA,WATA,OAAOvB,KAAY,YACfA,IACA,OAAOA,KAAY;AAAA,IAQvB,WALgB,OAAOA,KAAY,WAAWA,IAAU,CAAA;AAAA,IAMxD,iBAAiB,CAAC,CAACF;AAAA,IACnB,eAAeyB,EAAM,aAAA,IAAiB;AAAA,IACtC,kBAAkBxB,MAAe,KAAQ,SAAYA;AAAA,IACrD,oBAAoBD;AAAA,EAAA;AAExB;"}
+{"version":3,"file":"hooks.js","sources":["../../../src/components/data-table/hooks.ts"],"sourcesContent":["import { useState, useMemo, useEffect } 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  // Reset pagination when dataSource changes\n  useEffect(() => {\n    if (pagination === false) return;\n\n    const currentPageSize = internalState.pagination.pageSize;\n    const maxPageIndex = Math.max(0, Math.ceil(dataSource.length / currentPageSize) - 1);\n\n    // Only reset if current page is out of bounds\n    if (internalState.pagination.pageIndex > maxPageIndex) {\n      setInternalState((prev) => ({\n        ...prev,\n        pagination: {\n          ...prev.pagination,\n          pageIndex: 0,\n        },\n      }));\n    }\n  }, [dataSource, pagination, internalState.pagination.pageSize, internalState.pagination.pageIndex]);\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    enableMultiRowSelection: rowSelection?.type !== \"radio\",\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","useEffect","currentPageSize","maxPageIndex","prev","table","useReactTable","getCoreRowModel","getSortedRowModel","getFilteredRowModel","getPaginationRowModel","updater","newSorting","newFiltering","newPagination","newSelection","selectedRowKeys","selectedRows","convertSelectionToAntFormat","newColumnSizing","row","index","getRowKey"],"mappings":"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"}

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

@@ -1 +1 @@
-@layer components{.ds-table-wrapper.ds-data-table{display:flex;flex-direction:column;max-height:100%;background-color:var(--ds-color-bg-container);border-radius:8px;border:1px solid var(--ds-color-split)}.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}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:first-child{border-top-left-radius:7px}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:last-child{border-top-right-radius:7px}.ds-table-wrapper.ds-data-table .ds-table-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:auto;border-radius:7px}.ds-table-wrapper.ds-data-table.ds-table-has-pagination .ds-table-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ds-table-wrapper.ds-data-table.ds-table-has-pagination .ds-table{border:none;border-bottom:none;border-radius:0}.ds-table-wrapper.ds-data-table.ds-table-has-pagination tr.ds-table-row:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.ds-table-wrapper.ds-data-table.ds-table-has-pagination tr.ds-table-row:last-child td.ds-table-cell:first-child{border-bottom-left-radius:0}.ds-table-wrapper.ds-data-table.ds-table-has-pagination tr.ds-table-row:last-child td.ds-table-cell:last-child{border-bottom-right-radius:0}.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-bg-container);position:sticky;top:0;z-index:1;border-top-left-radius:6px;border-top-right-radius:6px}.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:none;line-height:20px;position:relative}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:hover{background-color:var(--color-ds-color-fill-quaternary)}.ds-table-wrapper.ds-data-table .ds-table-thead th.ds-table-cell:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--ds-color-split)}.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-scroll-vertical .ds-table,.ds-table-wrapper.ds-data-table.ds-table-scroll-vertical .ds-table-container,.ds-table-wrapper.ds-data-table.ds-table-scroll-vertical .ds-table-thead{border-top-right-radius:0}.ds-table-wrapper.ds-data-table.ds-table-scroll-vertical .ds-table-thead th.ds-table-cell:last-child{border-top-right-radius:0}.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-tertiary)}.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);background-color:transparent;line-height:20px}.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{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:before{display: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:transparent!important}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-tbody tr.ds-table-row:hover{background-color:var(--ds-color-fill-secondary)!important}.ds-table-wrapper.ds-data-table.ds-table-zebra .ds-table-tbody tr.ds-table-row:hover td.ds-table-cell{background-color:transparent!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:48px!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{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}}
+@layer components{.ds-data-table-wrapper{--ds-data-table-border: 1px solid var(--ds-color-border-secondary, var(--ds-color-split));--ds-data-table-radius: 8px;--ds-data-table-inner-radius: calc(var(--ds-data-table-radius) - 1px);--ds-data-table-padding-block: 16px;--ds-data-table-padding-inline: 16px;clear:both;position:relative;display:flex;flex-direction:column;max-width:100%;max-height:100%;background:var(--ds-color-bg-container);border:1px solid transparent;border-radius:var(--ds-data-table-radius);color:var(--ds-color-text);font-size:var(--ds-font-size, 14px)}.ds-data-table-wrapper:after{position:absolute;inset:0;z-index:1;content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--ds-color-split);pointer-events:none}.ds-data-table-wrapper.ds-data-table-zebra:after{box-shadow:none}.ds-data-table-wrapper .ds-spin-nested-loading,.ds-data-table-wrapper .ds-spin-container{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.ds-data-table-wrapper .ds-data-table{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;background:var(--ds-color-bg-container);border-radius:var(--ds-data-table-inner-radius);scrollbar-color:var(--ds-color-text-quaternary, var(--ds-color-text-placeholder)) var(--ds-color-split)}.ds-data-table-wrapper .ds-data-table-container{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:auto;border-start-start-radius:var(--ds-data-table-inner-radius);border-start-end-radius:var(--ds-data-table-inner-radius)}.ds-data-table-wrapper .ds-data-table-content{display:flex;flex:0 1 auto;min-height:0}.ds-data-table-wrapper table{width:100%;min-height:0;flex:0 1 auto;border-collapse:separate;border-spacing:0;border-radius:var(--ds-data-table-inner-radius) var(--ds-data-table-inner-radius) 0 0;text-align:start}.ds-data-table-wrapper .ds-data-table-cell,.ds-data-table-wrapper .ds-data-table-thead>tr>th,.ds-data-table-wrapper .ds-data-table-tbody>tr>th,.ds-data-table-wrapper .ds-data-table-tbody>tr>td,.ds-data-table-wrapper tfoot>tr>th,.ds-data-table-wrapper tfoot>tr>td{position:relative;padding:var(--ds-data-table-padding-block) var(--ds-data-table-padding-inline);overflow-wrap:break-word}.ds-data-table-wrapper .ds-data-table-thead{position:sticky;top:0;z-index:1;background:var(--ds-color-bg-container)}.ds-data-table-wrapper .ds-data-table-thead>tr:first-child>*:first-child{border-start-start-radius:var(--ds-data-table-inner-radius)}.ds-data-table-wrapper .ds-data-table-thead>tr:first-child>*:last-child{border-start-end-radius:var(--ds-data-table-inner-radius)}.ds-data-table-wrapper .ds-data-table-thead>tr>th,.ds-data-table-wrapper .ds-data-table-thead>tr>td{position:relative;color:var(--ds-color-text-secondary);font-weight:var(--ds-font-weight-medium, 500);text-align:start;background:var(--ds-color-fill-alter);border-bottom:var(--ds-data-table-border);line-height:20px;transition:background .2s ease}.ds-data-table-wrapper .ds-data-table-thead>tr>th[colspan]:not([colspan="1"]),.ds-data-table-wrapper .ds-data-table-thead>tr>td[colspan]:not([colspan="1"]){text-align:center}.ds-data-table-wrapper .ds-data-table-thead>tr>th:not(:last-child):not(.ds-data-table-selection-column):not([colspan]):before,.ds-data-table-wrapper .ds-data-table-thead>tr>td:not(:last-child):not(.ds-data-table-selection-column):not([colspan]):before{position:absolute;top:50%;inset-inline-end:0;width:1px;height:calc(100% - var(--ds-data-table-padding-block) * 2);background-color:var(--ds-color-border-secondary, var(--ds-color-split));transform:translateY(-50%);transition:background-color .2s ease;content:""}.ds-data-table-wrapper .ds-data-table-thead>tr:not(:last-child)>th[colspan]{border-bottom:0}.ds-data-table-wrapper .ds-data-table-tbody{background:var(--ds-color-bg-container)}.ds-data-table-wrapper .ds-data-table-tbody>tr>th,.ds-data-table-wrapper .ds-data-table-tbody>tr>td{border-bottom:var(--ds-data-table-border);transition:background .2s ease}.ds-data-table-wrapper .ds-data-table-tbody>tr>th{position:relative;color:var(--ds-color-text-secondary);font-weight:var(--ds-font-weight-medium, 500);text-align:start;background:var(--ds-color-fill-alter)}.ds-data-table-wrapper .ds-data-table-tbody .ds-data-table-row{transition:background-color .2s ease}.ds-data-table-wrapper .ds-data-table-tbody .ds-data-table-row:hover>.ds-data-table-cell{background:var(--ds-color-fill-alter)}.ds-data-table-wrapper .ds-data-table-tbody .ds-data-table-row:last-child>.ds-data-table-cell{border-bottom-color:transparent}.ds-data-table-wrapper .ds-data-table-tbody .ds-data-table-row:last-child>.ds-data-table-cell:first-child{border-bottom-left-radius:var(--ds-data-table-inner-radius)}.ds-data-table-wrapper .ds-data-table-tbody .ds-data-table-row:last-child>.ds-data-table-cell:last-child{border-bottom-right-radius:var(--ds-data-table-inner-radius)}.ds-data-table-wrapper .ds-data-table-tbody .ds-data-table-row.ds-data-table-row-selected>.ds-data-table-cell{background:var(--ds-color-primary-bg)}.ds-data-table-wrapper .ds-data-table-tbody .ds-data-table-row.ds-data-table-row-selected:hover>.ds-data-table-cell{background:var(--ds-color-primary-bg-hover, var(--ds-color-primary-bg))}.ds-data-table-wrapper .ds-data-table-tbody .ds-data-table-row[data-selectable=true]{cursor:pointer}.ds-data-table-wrapper .ds-data-table-cell{color:var(--ds-color-text);line-height:20px;text-align:start;background:transparent}.ds-data-table-wrapper.ds-data-table-middle{font-size:var(--ds-font-size, 14px);--ds-data-table-padding-block: 12px;--ds-data-table-padding-inline: 12px}.ds-data-table-wrapper.ds-data-table-small{font-size:var(--ds-font-size, 14px);--ds-data-table-padding-block: 8px;--ds-data-table-padding-inline: 8px}.ds-data-table-wrapper .ds-data-table-selection-column{min-width:32px;padding-inline:8px;text-align:center}.ds-data-table-wrapper .ds-data-table-selection-column .ant-checkbox-wrapper,.ds-data-table-wrapper .ds-data-table-selection-column .ant-radio-wrapper{margin-inline-end:0}.ds-data-table-wrapper .ds-data-table-selection-column:before,.ds-data-table-wrapper .ds-data-table-selection-column:after{background-color:transparent}.ds-data-table-wrapper .ds-data-table-tbody>.ds-data-table-placeholder{color:var(--ds-color-text-disabled);text-align:center}.ds-data-table-wrapper .ds-data-table-tbody>.ds-data-table-placeholder:hover>th,.ds-data-table-wrapper .ds-data-table-tbody>.ds-data-table-placeholder:hover>td{background:var(--ds-color-bg-container)}.ds-data-table-wrapper .ds-data-table-tbody>.ds-data-table-placeholder>td{padding:1.5rem;border-bottom:0;border-bottom-right-radius:var(--ds-data-table-inner-radius);border-bottom-left-radius:var(--ds-data-table-inner-radius)}.ds-data-table-wrapper .ds-data-table-measure-row{height:0!important;font-size:0!important}.ds-data-table-wrapper .ds-data-table-measure-cell{height:0!important;padding-block:0!important;border-block:0!important}.ds-data-table-wrapper .ds-data-table-measure-cell-content{height:0;overflow:hidden;pointer-events:none}.ds-data-table-wrapper .ds-data-table-column-has-sorters{cursor:pointer;outline:none;transition:all .3s ease,left 0s}.ds-data-table-wrapper .ds-data-table-column-has-sorters:hover{background:var(--ds-color-fill-content)}.ds-data-table-wrapper .ds-data-table-column-has-sorters:hover:before{background-color:transparent}.ds-data-table-wrapper .ds-data-table-column-has-sorters:focus-visible{color:var(--ds-color-primary)}.ds-data-table-wrapper .ds-data-table-column-title{position:relative;z-index:1;flex:1;min-width:0}.ds-data-table-wrapper .ds-data-table-column-sorters{position:relative;display:flex;flex:auto;align-items:center;justify-content:space-between}.ds-data-table-wrapper .ds-data-table-column-sorters:after{position:absolute;inset:0;width:100%;height:100%;content:""}.ds-data-table-wrapper .ds-data-table-column-icons{display:flex;flex-shrink:0;align-items:center;gap:4px;min-width:16px;margin-inline-start:4px;color:var(--ds-color-icon, var(--ds-color-text-disabled));transition:color .3s ease}.ds-data-table-wrapper .ds-data-table-column-sorters:hover .ds-data-table-column-icons{color:var(--ds-color-icon-hover, var(--ds-color-text-secondary))}.ds-data-table-wrapper .ds-data-table-column-sort-icon{display:flex;flex-direction:column;align-items:center;width:16px;min-width:16px;color:var(--ds-color-text-disabled);font-size:0}.ds-data-table-wrapper .ds-data-table-column-sort-icon svg{width:1rem;height:1rem;color:currentColor;font-size:1rem}.ds-data-table-wrapper .ds-data-table-column-sort-icon svg:hover{color:var(--ds-color-text-secondary)}.ds-data-table-wrapper .ds-data-table-column-sort-icon.ds-data-table-column-sort-icon-none svg{font-size:.75rem}.ds-data-table-wrapper .ds-data-table-column-sort-icon.ds-data-table-column-sort-icon-none>svg:first-child{margin-bottom:-2px}.ds-data-table-wrapper .ds-data-table-column-sort-icon.ds-data-table-column-sort-icon-none>svg:last-child{margin-top:-2px}.ds-data-table-wrapper .ds-data-table-column-sort-icon.ds-data-table-column-sort-icon-asc,.ds-data-table-wrapper .ds-data-table-column-sort-icon.ds-data-table-column-sort-icon-desc{color:var(--ds-color-primary)}.ds-data-table-wrapper .ds-data-table-column-filter-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:12px;min-width:12px;color:var(--ds-color-text-disabled)}.ds-data-table-wrapper .ds-data-table-column-filter-icon svg{width:10px;height:10px;color:currentColor;font-size:.875rem}.ds-data-table-wrapper .ds-data-table-column-filter-icon:hover{color:var(--ds-color-text-secondary)}.ds-data-table-wrapper .ds-data-table-column-filter-icon.ds-data-table-column-filter-icon-active{color:var(--ds-color-primary)}.ds-data-table-wrapper .ds-data-table-pagination{display:flex;justify-content:flex-end;padding:16px;background:transparent;border-top:var(--ds-data-table-border);border-bottom-right-radius:var(--ds-data-table-radius);border-bottom-left-radius:var(--ds-data-table-radius)}.ds-data-table-wrapper .ds-data-table-pagination.ds-data-table-pagination-right{justify-content:flex-end}.ds-data-table-wrapper .ds-data-table-pagination .ant-pagination{margin:0}.ds-data-table-wrapper.ds-data-table-has-pagination .ds-data-table-container,.ds-data-table-wrapper.ds-data-table-has-pagination .ds-data-table,.ds-data-table-wrapper.ds-data-table-has-pagination table{border-bottom-right-radius:0;border-bottom-left-radius:0}.ds-data-table-wrapper.ds-data-table-has-pagination .ds-data-table-tbody .ds-data-table-row:last-child>.ds-data-table-cell{border-bottom-color:transparent}.ds-data-table-wrapper.ds-data-table-has-pagination .ds-data-table-tbody .ds-data-table-row:last-child>.ds-data-table-cell:first-child{border-bottom-left-radius:0}.ds-data-table-wrapper.ds-data-table-has-pagination .ds-data-table-tbody .ds-data-table-row:last-child>.ds-data-table-cell:last-child{border-bottom-right-radius:0}.ds-data-table-wrapper.ds-data-table-scroll-vertical .ds-data-table,.ds-data-table-wrapper.ds-data-table-scroll-vertical .ds-data-table-container,.ds-data-table-wrapper.ds-data-table-scroll-vertical table,.ds-data-table-wrapper.ds-data-table-scroll-vertical .ds-data-table-thead>tr:first-child>*:last-child{border-top-right-radius:0}.ds-data-table-wrapper.ds-data-table-ping-left .ds-data-table-cell-fix-left-first:after,.ds-data-table-wrapper.ds-data-table-ping-left .ds-data-table-cell-fix-left-last:after{box-shadow:inset 10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-data-table-wrapper.ds-data-table-ping-right .ds-data-table-cell-fix-right-first:after,.ds-data-table-wrapper.ds-data-table-ping-right .ds-data-table-cell-fix-right-last:after{box-shadow:inset -10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-data-table-wrapper.ds-data-table-ping-right:not(.ds-data-table-has-fix-right) .ds-data-table-container:after{box-shadow:inset -10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-data-table-wrapper.ds-data-table-ping-left:not(.ds-data-table-has-fix-left) .ds-data-table-container:before{box-shadow:inset 10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-data-table-wrapper .text-left{text-align:left!important}.ds-data-table-wrapper .text-center{text-align:center!important}.ds-data-table-wrapper .text-right{text-align:right!important}.ds-data-table-wrapper .ds-data-table-resize-handle{position:absolute;top:0;bottom:0;z-index:50;width:12px;background:transparent;cursor:col-resize;opacity:0;touch-action:none;-webkit-user-select:none;user-select:none;transition:opacity .2s ease,background-color .2s ease}.ds-data-table-wrapper .ds-data-table-resize-handle.ds-data-table-resize-ltr{right:-6px}.ds-data-table-wrapper .ds-data-table-resize-handle.ds-data-table-resize-rtl{left:-6px}.ds-data-table-wrapper .ds-data-table-resize-handle:before{position:absolute;top:0;bottom:0;left:50%;width:2px;background:transparent;border-radius:1px;transform:translate(-50%);content:""}.ds-data-table-wrapper .ds-data-table-resize-handle:hover,.ds-data-table-wrapper .ds-data-table-resize-handle.ds-data-table-resize-handle-active{opacity:1}.ds-data-table-wrapper .ds-data-table-resize-handle:hover:before,.ds-data-table-wrapper .ds-data-table-resize-handle.ds-data-table-resize-handle-active:before{background-color:var(--ds-color-primary);box-shadow:0 0 0 1px var(--ds-color-primary-bg)}.ds-data-table-wrapper .ds-data-table-resize-handle.ds-data-table-resize-handle-active{z-index:999}.ds-data-table-wrapper .ds-data-table-thead th.ds-data-table-cell{z-index:1}.ds-data-table-wrapper .ds-data-table-thead th.ds-data-table-cell:hover .ds-data-table-resize-handle{opacity:.6}.ds-data-table-wrapper .ds-data-table-thead th.ds-data-table-cell:hover .ds-data-table-resize-handle:before{background-color:var(--ds-color-text-tertiary)}.ds-data-table-wrapper .ds-data-table-thead th.ds-data-table-cell:has(.ds-data-table-resize-handle-active),.ds-data-table-wrapper .ds-data-table-thead th.ds-data-table-cell.ds-data-table-cell-resizing{z-index:200}.ds-data-table-wrapper .ds-data-table-thead th.ds-data-table-cell:has(.ds-data-table-resize-handle-active) .ds-data-table-resize-handle,.ds-data-table-wrapper .ds-data-table-thead th.ds-data-table-cell.ds-data-table-cell-resizing .ds-data-table-resize-handle{z-index:999}.ds-data-table-wrapper .ds-data-table-resize-indicator{position:absolute;top:0;bottom:0;z-index:999;width:2px;background-color:var(--ds-color-primary);opacity:1;pointer-events:none;transition:transform .1s ease}.ds-data-table-wrapper:has(.ds-data-table-resize-handle-active){-webkit-user-select:none;user-select:none}.ds-data-table-wrapper:has(.ds-data-table-resize-handle-active) *{-webkit-user-select:none;user-select:none}.ds-data-table-wrapper.ds-data-table-resizing,.ds-data-table-wrapper.ds-data-table-resizing *{cursor:col-resize;-webkit-user-select:none;user-select:none}}

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

@@ -63,7 +63,7 @@ export interface DataTableProps<RecordType extends Record<string, any> = Record<
     rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);
     rowSelection?: DataTableRowSelection<RecordType>;
     pagination?: false | DataTablePaginationConfig;
-    variant?: "default" | "zebra";
+    variant?: "default" | "zebra" | "minimal";
     emptyDescription?: React.ReactNode;
     loading?: boolean | SpinProps;
     enableSorting?: boolean;