npm - @bioturing/components - Versions diffs - 0.32.3 → 0.34.0 - Mend

@bioturing/components 0.32.3 → 0.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

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

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

@@ -0,0 +1 @@

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