@bioturing/components 0.36.2 → 0.37.1
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.
- package/dist/components/button/component.d.ts +1 -1
- package/dist/components/button/component.d.ts.map +1 -1
- package/dist/components/button/component.js +42 -35
- package/dist/components/button/component.js.map +1 -1
- package/dist/components/button/style.css +1 -1
- package/dist/components/data-table/component.d.ts.map +1 -1
- package/dist/components/data-table/component.js +76 -71
- package/dist/components/data-table/component.js.map +1 -1
- package/dist/components/data-table/components/TablePagination.d.ts +1 -1
- package/dist/components/data-table/components/TablePagination.d.ts.map +1 -1
- package/dist/components/data-table/components/TablePagination.js +26 -23
- package/dist/components/data-table/components/TablePagination.js.map +1 -1
- package/dist/components/data-table/hooks.d.ts.map +1 -1
- package/dist/components/data-table/hooks.js +82 -82
- package/dist/components/data-table/hooks.js.map +1 -1
- package/dist/components/data-table/style.css +1 -1
- package/dist/components/empty/component.d.ts +0 -2
- package/dist/components/empty/component.d.ts.map +1 -1
- package/dist/components/empty/component.js +14 -35
- package/dist/components/empty/component.js.map +1 -1
- package/dist/components/empty/style.css +1 -1
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +105 -102
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/truncate/component.d.ts +7 -0
- package/dist/components/truncate/component.d.ts.map +1 -1
- package/dist/components/truncate/component.js +57 -48
- package/dist/components/truncate/component.js.map +1 -1
- package/dist/components/truncate/helpers.d.ts +8 -2
- package/dist/components/truncate/helpers.d.ts.map +1 -1
- package/dist/components/truncate/helpers.js +82 -54
- package/dist/components/truncate/helpers.js.map +1 -1
- package/dist/index.js +126 -127
- package/dist/stats.html +1 -1
- package/package.json +1 -1
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
import { useReactTable as
|
|
3
|
-
import { convertColumnsToTanStack as
|
|
4
|
-
function k(
|
|
1
|
+
import { useState as y, useMemo as F } from "react";
|
|
2
|
+
import { useReactTable as M, getPaginationRowModel as P, getFilteredRowModel as v, getSortedRowModel as T, getCoreRowModel as E } from "@tanstack/react-table";
|
|
3
|
+
import { convertColumnsToTanStack as L, getRowKey as x, convertSelectionToAntFormat as I } from "./utils.js";
|
|
4
|
+
function k(d) {
|
|
5
5
|
const {
|
|
6
|
-
dataSource:
|
|
6
|
+
dataSource: r = [],
|
|
7
7
|
columns: c = [],
|
|
8
8
|
rowSelection: o,
|
|
9
9
|
pagination: l,
|
|
10
10
|
loading: a,
|
|
11
|
-
enableSorting:
|
|
11
|
+
enableSorting: u = !0,
|
|
12
12
|
enableFiltering: S = !1,
|
|
13
|
-
onSortingChange:
|
|
13
|
+
onSortingChange: C,
|
|
14
14
|
onFilteringChange: w,
|
|
15
|
-
rowKey:
|
|
16
|
-
enableColumnResizing:
|
|
17
|
-
columnResizeMode:
|
|
18
|
-
columnResizeDirection:
|
|
19
|
-
onColumnSizingChange:
|
|
20
|
-
} =
|
|
15
|
+
rowKey: f,
|
|
16
|
+
enableColumnResizing: s = !1,
|
|
17
|
+
columnResizeMode: p = "onChange",
|
|
18
|
+
columnResizeDirection: R = "ltr",
|
|
19
|
+
onColumnSizingChange: h
|
|
20
|
+
} = d, [t, g] = y({
|
|
21
21
|
sorting: [],
|
|
22
22
|
filtering: [],
|
|
23
23
|
pagination: {
|
|
24
24
|
pageIndex: 0,
|
|
25
|
-
pageSize: l
|
|
25
|
+
pageSize: l ? l?.defaultPageSize || l?.pageSize || 10 : r.length
|
|
26
26
|
},
|
|
27
27
|
rowSelection: {},
|
|
28
28
|
columnSizing: {}
|
|
29
|
-
}),
|
|
30
|
-
let e =
|
|
29
|
+
}), z = F(() => {
|
|
30
|
+
let e = L(c);
|
|
31
31
|
return o && (e = [{
|
|
32
32
|
id: "select",
|
|
33
33
|
header: ({ table: i }) => o.type === "radio" ? o.columnTitle || null : "SELECTION_HEADER",
|
|
@@ -40,76 +40,76 @@ function k(m) {
|
|
|
40
40
|
isSelectionColumn: !0
|
|
41
41
|
}
|
|
42
42
|
}, ...e]), e;
|
|
43
|
-
}, [c, o])
|
|
43
|
+
}, [c, o]), m = M({
|
|
44
|
+
data: r,
|
|
45
|
+
columns: z,
|
|
46
|
+
getCoreRowModel: E(),
|
|
47
|
+
getSortedRowModel: u ? T() : void 0,
|
|
48
|
+
getFilteredRowModel: S ? v() : void 0,
|
|
49
|
+
getPaginationRowModel: l !== !1 ? P() : void 0,
|
|
50
|
+
// Default column configuration for sizing
|
|
51
|
+
defaultColumn: {
|
|
52
|
+
size: 150,
|
|
53
|
+
minSize: 50,
|
|
54
|
+
maxSize: 500
|
|
55
|
+
},
|
|
56
|
+
// State management
|
|
57
|
+
state: {
|
|
58
|
+
sorting: t.sorting,
|
|
59
|
+
columnFilters: t.filtering,
|
|
60
|
+
pagination: t.pagination,
|
|
61
|
+
rowSelection: t.rowSelection,
|
|
62
|
+
columnSizing: s ? t.columnSizing : void 0
|
|
63
|
+
},
|
|
64
|
+
// State update handlers
|
|
65
|
+
onSortingChange: (e) => {
|
|
66
|
+
const n = typeof e == "function" ? e(t.sorting) : e;
|
|
67
|
+
g((i) => ({ ...i, sorting: n })), C?.(n);
|
|
68
|
+
},
|
|
69
|
+
onColumnFiltersChange: (e) => {
|
|
70
|
+
const n = typeof e == "function" ? e(t.filtering) : e;
|
|
71
|
+
g((i) => ({ ...i, filtering: n })), w?.(n);
|
|
72
|
+
},
|
|
73
|
+
onPaginationChange: (e) => {
|
|
74
|
+
if (l === !1) return;
|
|
75
|
+
const n = typeof e == "function" ? e(t.pagination) : e;
|
|
76
|
+
g((i) => ({ ...i, pagination: n }));
|
|
77
|
+
},
|
|
78
|
+
onRowSelectionChange: (e) => {
|
|
79
|
+
const n = typeof e == "function" ? e(t.rowSelection) : e;
|
|
80
|
+
if (g((i) => ({ ...i, rowSelection: n })), o?.onChange) {
|
|
81
|
+
const { selectedRowKeys: i, selectedRows: b } = I(
|
|
82
|
+
n,
|
|
83
|
+
r,
|
|
84
|
+
f
|
|
85
|
+
);
|
|
86
|
+
o.onChange(i, b);
|
|
87
|
+
}
|
|
88
|
+
},
|
|
89
|
+
onColumnSizingChange: s ? (e) => {
|
|
90
|
+
const n = typeof e == "function" ? e(t.columnSizing) : e;
|
|
91
|
+
g((i) => ({
|
|
92
|
+
...i,
|
|
93
|
+
columnSizing: n
|
|
94
|
+
})), h?.(n);
|
|
95
|
+
} : void 0,
|
|
96
|
+
// Feature enables
|
|
97
|
+
enableSorting: u,
|
|
98
|
+
enableFilters: S,
|
|
99
|
+
enableRowSelection: !!o,
|
|
100
|
+
enableColumnResizing: s,
|
|
101
|
+
// Column resizing configuration
|
|
102
|
+
columnResizeMode: p,
|
|
103
|
+
columnResizeDirection: R,
|
|
104
|
+
// Row identification
|
|
105
|
+
getRowId: (e, n) => String(x(e, n, f))
|
|
106
|
+
});
|
|
44
107
|
return {
|
|
45
|
-
table:
|
|
46
|
-
data: s,
|
|
47
|
-
columns: h,
|
|
48
|
-
getCoreRowModel: T(),
|
|
49
|
-
getSortedRowModel: f ? P() : void 0,
|
|
50
|
-
getFilteredRowModel: S ? v() : void 0,
|
|
51
|
-
getPaginationRowModel: l !== !1 ? M() : void 0,
|
|
52
|
-
// Default column configuration for sizing
|
|
53
|
-
defaultColumn: {
|
|
54
|
-
size: 150,
|
|
55
|
-
minSize: 50,
|
|
56
|
-
maxSize: 500
|
|
57
|
-
},
|
|
58
|
-
// State management
|
|
59
|
-
state: {
|
|
60
|
-
sorting: t.sorting,
|
|
61
|
-
columnFilters: t.filtering,
|
|
62
|
-
pagination: l !== !1 ? t.pagination : void 0,
|
|
63
|
-
rowSelection: t.rowSelection,
|
|
64
|
-
columnSizing: r ? t.columnSizing : void 0
|
|
65
|
-
},
|
|
66
|
-
// State update handlers
|
|
67
|
-
onSortingChange: (e) => {
|
|
68
|
-
const n = typeof e == "function" ? e(t.sorting) : e;
|
|
69
|
-
g((i) => ({ ...i, sorting: n })), d?.(n);
|
|
70
|
-
},
|
|
71
|
-
onColumnFiltersChange: (e) => {
|
|
72
|
-
const n = typeof e == "function" ? e(t.filtering) : e;
|
|
73
|
-
g((i) => ({ ...i, filtering: n })), w?.(n);
|
|
74
|
-
},
|
|
75
|
-
onPaginationChange: (e) => {
|
|
76
|
-
if (l === !1) return;
|
|
77
|
-
const n = typeof e == "function" ? e(t.pagination) : e;
|
|
78
|
-
g((i) => ({ ...i, pagination: n }));
|
|
79
|
-
},
|
|
80
|
-
onRowSelectionChange: (e) => {
|
|
81
|
-
const n = typeof e == "function" ? e(t.rowSelection) : e;
|
|
82
|
-
if (g((i) => ({ ...i, rowSelection: n })), o?.onChange) {
|
|
83
|
-
const { selectedRowKeys: i, selectedRows: z } = x(
|
|
84
|
-
n,
|
|
85
|
-
s,
|
|
86
|
-
u
|
|
87
|
-
);
|
|
88
|
-
o.onChange(i, z);
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
onColumnSizingChange: r ? (e) => {
|
|
92
|
-
const n = typeof e == "function" ? e(t.columnSizing) : e;
|
|
93
|
-
g((i) => ({
|
|
94
|
-
...i,
|
|
95
|
-
columnSizing: n
|
|
96
|
-
})), R?.(n);
|
|
97
|
-
} : void 0,
|
|
98
|
-
// Feature enables
|
|
99
|
-
enableSorting: f,
|
|
100
|
-
enableFilters: S,
|
|
101
|
-
enableRowSelection: !!o,
|
|
102
|
-
enableColumnResizing: r,
|
|
103
|
-
// Column resizing configuration
|
|
104
|
-
columnResizeMode: C,
|
|
105
|
-
columnResizeDirection: p,
|
|
106
|
-
// Row identification
|
|
107
|
-
getRowId: (e, n) => String(L(e, n, u))
|
|
108
|
-
}),
|
|
108
|
+
table: m,
|
|
109
109
|
isLoading: typeof a == "boolean" ? a : typeof a == "object",
|
|
110
110
|
spinProps: typeof a == "object" ? a : {},
|
|
111
111
|
hasRowSelection: !!o,
|
|
112
|
-
hasPagination:
|
|
112
|
+
hasPagination: m.getPageCount() > 1,
|
|
113
113
|
paginationConfig: l === !1 ? void 0 : l,
|
|
114
114
|
rowSelectionConfig: o
|
|
115
115
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sources":["../../../src/components/data-table/hooks.ts"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport {\n useReactTable,\n getCoreRowModel,\n getSortedRowModel,\n getFilteredRowModel,\n getPaginationRowModel,\n type ColumnDef,\n} from \"@tanstack/react-table\";\nimport { type DataTableProps, type DataTableState } from \"./types\";\nimport {\n convertColumnsToTanStack,\n convertSelectionToAntFormat,\n getRowKey,\n} from \"./utils\";\n\n/**\n * Hook to manage DataTable state and TanStack Table integration\n */\nexport function useDataTable<\n RecordType extends Record<string, any> = Record<string, unknown>\n>(props: DataTableProps<RecordType>) {\n const {\n dataSource = [],\n columns = [],\n rowSelection,\n pagination,\n loading,\n enableSorting = true,\n enableFiltering = false,\n onSortingChange,\n onFilteringChange,\n rowKey,\n enableColumnResizing = false,\n columnResizeMode = \"onChange\",\n columnResizeDirection = \"ltr\",\n onColumnSizingChange,\n } = props;\n\n // Internal state for uncontrolled mode\n const [internalState, setInternalState] = useState<DataTableState>({\n sorting: [],\n filtering: [],\n pagination: {\n pageIndex: 0,\n pageSize:\n pagination === false\n ? dataSource.length\n : pagination?.defaultPageSize || pagination?.pageSize || 10,\n },\n rowSelection: {},\n columnSizing: {},\n });\n\n // Convert Ant Design columns to TanStack format\n const tanStackColumns = useMemo(() => {\n let processedColumns = convertColumnsToTanStack(columns);\n\n // Add selection column if needed\n if (rowSelection) {\n const selectionColumn: ColumnDef<RecordType> = {\n id: \"select\",\n header: ({ table: _table }) => {\n if (rowSelection.type === \"radio\")\n return rowSelection.columnTitle || null;\n // Return a marker that will be handled by the TableHeader component\n return \"SELECTION_HEADER\";\n },\n cell: ({ row: _row }) => {\n // Return a marker that will be handled by the TableBody component\n return \"SELECTION_CELL\";\n },\n size:\n typeof rowSelection.columnWidth === \"number\"\n ? rowSelection.columnWidth\n : typeof rowSelection.columnWidth === \"string\"\n ? parseFloat(rowSelection.columnWidth) || 32\n : 32,\n enableSorting: false,\n enableHiding: false,\n meta: {\n fixed: rowSelection.fixed,\n isSelectionColumn: true,\n },\n };\n\n processedColumns = [selectionColumn, ...processedColumns];\n }\n\n return processedColumns;\n }, [columns, rowSelection]);\n\n // Initialize TanStack Table\n const table = useReactTable<RecordType>({\n data: dataSource,\n columns: tanStackColumns,\n getCoreRowModel: getCoreRowModel(),\n getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\n getFilteredRowModel: enableFiltering ? getFilteredRowModel() : undefined,\n getPaginationRowModel:\n pagination !== false ? getPaginationRowModel() : undefined,\n\n // Default column configuration for sizing\n defaultColumn: {\n size: 150,\n minSize: 50,\n maxSize: 500,\n },\n\n // State management\n state: {\n sorting: internalState.sorting,\n columnFilters: internalState.filtering,\n pagination: pagination !== false ? internalState.pagination : undefined,\n rowSelection: internalState.rowSelection,\n columnSizing: enableColumnResizing\n ? internalState.columnSizing\n : undefined,\n },\n\n // State update handlers\n onSortingChange: (updater) => {\n const newSorting =\n typeof updater === \"function\"\n ? updater(internalState.sorting)\n : updater;\n setInternalState((prev) => ({ ...prev, sorting: newSorting }));\n onSortingChange?.(newSorting);\n },\n\n onColumnFiltersChange: (updater) => {\n const newFiltering =\n typeof updater === \"function\"\n ? updater(internalState.filtering)\n : updater;\n setInternalState((prev) => ({ ...prev, filtering: newFiltering }));\n onFilteringChange?.(newFiltering);\n },\n\n onPaginationChange: (updater) => {\n if (pagination === false) return;\n\n const newPagination =\n typeof updater === \"function\"\n ? updater(internalState.pagination)\n : updater;\n setInternalState((prev) => ({ ...prev, pagination: newPagination }));\n },\n\n onRowSelectionChange: (updater) => {\n const newSelection =\n typeof updater === \"function\"\n ? updater(internalState.rowSelection)\n : updater;\n setInternalState((prev) => ({ ...prev, rowSelection: newSelection }));\n\n // Convert to Ant Design format and call onChange\n if (rowSelection?.onChange) {\n const { selectedRowKeys, selectedRows } = convertSelectionToAntFormat(\n newSelection,\n dataSource,\n rowKey\n );\n rowSelection.onChange(selectedRowKeys, selectedRows);\n }\n },\n\n onColumnSizingChange: enableColumnResizing\n ? (updater) => {\n const newColumnSizing =\n typeof updater === \"function\"\n ? updater(internalState.columnSizing)\n : updater;\n setInternalState((prev) => ({\n ...prev,\n columnSizing: newColumnSizing,\n }));\n onColumnSizingChange?.(newColumnSizing);\n }\n : undefined,\n\n // Feature enables\n enableSorting,\n enableFilters: enableFiltering,\n enableRowSelection: !!rowSelection,\n enableColumnResizing,\n\n // Column resizing configuration\n columnResizeMode,\n columnResizeDirection,\n\n // Row identification\n getRowId: (row, index) => String(getRowKey(row, index, rowKey)),\n });\n\n // Loading state processing\n const isLoading =\n typeof loading === \"boolean\"\n ? loading\n : typeof loading === \"object\"\n ? true\n : false;\n const spinProps = typeof loading === \"object\" ? loading : {};\n\n return {\n table,\n isLoading,\n spinProps,\n hasRowSelection: !!rowSelection,\n hasPagination: pagination !== false,\n paginationConfig: pagination === false ? undefined : pagination,\n rowSelectionConfig: rowSelection,\n };\n}\n"],"names":["useDataTable","props","dataSource","columns","rowSelection","pagination","loading","enableSorting","enableFiltering","onSortingChange","onFilteringChange","rowKey","enableColumnResizing","columnResizeMode","columnResizeDirection","onColumnSizingChange","internalState","setInternalState","useState","tanStackColumns","useMemo","processedColumns","convertColumnsToTanStack","_table","_row","useReactTable","getCoreRowModel","getSortedRowModel","getFilteredRowModel","getPaginationRowModel","updater","newSorting","prev","newFiltering","newPagination","newSelection","selectedRowKeys","selectedRows","convertSelectionToAntFormat","newColumnSizing","row","index","getRowKey"],"mappings":"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"}
|
|
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: !pagination\n ? dataSource.length\n : pagination?.defaultPageSize || pagination?.pageSize || 10,\n },\n rowSelection: {},\n columnSizing: {},\n });\n\n // Convert Ant Design columns to TanStack format\n const tanStackColumns = useMemo(() => {\n let processedColumns = convertColumnsToTanStack(columns);\n\n // Add selection column if needed\n if (rowSelection) {\n const selectionColumn: ColumnDef<RecordType> = {\n id: \"select\",\n header: ({ table: _table }) => {\n if (rowSelection.type === \"radio\")\n return rowSelection.columnTitle || null;\n // Return a marker that will be handled by the TableHeader component\n return \"SELECTION_HEADER\";\n },\n cell: ({ row: _row }) => {\n // Return a marker that will be handled by the TableBody component\n return \"SELECTION_CELL\";\n },\n size:\n typeof rowSelection.columnWidth === \"number\"\n ? rowSelection.columnWidth\n : typeof rowSelection.columnWidth === \"string\"\n ? parseFloat(rowSelection.columnWidth) || 32\n : 32,\n enableSorting: false,\n enableHiding: false,\n meta: {\n fixed: rowSelection.fixed,\n isSelectionColumn: true,\n },\n };\n\n processedColumns = [selectionColumn, ...processedColumns];\n }\n\n return processedColumns;\n }, [columns, rowSelection]);\n\n // Initialize TanStack Table\n const table = useReactTable<RecordType>({\n data: dataSource,\n columns: tanStackColumns,\n getCoreRowModel: getCoreRowModel(),\n getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\n getFilteredRowModel: enableFiltering ? getFilteredRowModel() : undefined,\n getPaginationRowModel:\n pagination !== false ? getPaginationRowModel() : undefined,\n\n // Default column configuration for sizing\n defaultColumn: {\n size: 150,\n minSize: 50,\n maxSize: 500,\n },\n\n // State management\n state: {\n sorting: internalState.sorting,\n columnFilters: internalState.filtering,\n pagination: internalState.pagination,\n rowSelection: internalState.rowSelection,\n columnSizing: enableColumnResizing\n ? internalState.columnSizing\n : undefined,\n },\n\n // State update handlers\n onSortingChange: (updater) => {\n const newSorting =\n typeof updater === \"function\"\n ? updater(internalState.sorting)\n : updater;\n setInternalState((prev) => ({ ...prev, sorting: newSorting }));\n onSortingChange?.(newSorting);\n },\n\n onColumnFiltersChange: (updater) => {\n const newFiltering =\n typeof updater === \"function\"\n ? updater(internalState.filtering)\n : updater;\n setInternalState((prev) => ({ ...prev, filtering: newFiltering }));\n onFilteringChange?.(newFiltering);\n },\n\n onPaginationChange: (updater) => {\n if (pagination === false) return;\n\n const newPagination =\n typeof updater === \"function\"\n ? updater(internalState.pagination)\n : updater;\n setInternalState((prev) => ({ ...prev, pagination: newPagination }));\n },\n\n onRowSelectionChange: (updater) => {\n const newSelection =\n typeof updater === \"function\"\n ? updater(internalState.rowSelection)\n : updater;\n setInternalState((prev) => ({ ...prev, rowSelection: newSelection }));\n\n // Convert to Ant Design format and call onChange\n if (rowSelection?.onChange) {\n const { selectedRowKeys, selectedRows } = convertSelectionToAntFormat(\n newSelection,\n dataSource,\n rowKey\n );\n rowSelection.onChange(selectedRowKeys, selectedRows);\n }\n },\n\n onColumnSizingChange: enableColumnResizing\n ? (updater) => {\n const newColumnSizing =\n typeof updater === \"function\"\n ? updater(internalState.columnSizing)\n : updater;\n setInternalState((prev) => ({\n ...prev,\n columnSizing: newColumnSizing,\n }));\n onColumnSizingChange?.(newColumnSizing);\n }\n : undefined,\n\n // Feature enables\n enableSorting,\n enableFilters: enableFiltering,\n enableRowSelection: !!rowSelection,\n enableColumnResizing,\n\n // Column resizing configuration\n columnResizeMode,\n columnResizeDirection,\n\n // Row identification\n getRowId: (row, index) => String(getRowKey(row, index, rowKey)),\n });\n\n // Loading state processing\n const isLoading =\n typeof loading === \"boolean\"\n ? loading\n : typeof loading === \"object\"\n ? true\n : false;\n const spinProps = typeof loading === \"object\" ? loading : {};\n\n return {\n table,\n isLoading,\n spinProps,\n hasRowSelection: !!rowSelection,\n hasPagination: table.getPageCount() > 1,\n paginationConfig: pagination === false ? undefined : pagination,\n rowSelectionConfig: rowSelection,\n };\n}\n"],"names":["useDataTable","props","dataSource","columns","rowSelection","pagination","loading","enableSorting","enableFiltering","onSortingChange","onFilteringChange","rowKey","enableColumnResizing","columnResizeMode","columnResizeDirection","onColumnSizingChange","internalState","setInternalState","useState","tanStackColumns","useMemo","processedColumns","convertColumnsToTanStack","_table","_row","table","useReactTable","getCoreRowModel","getSortedRowModel","getFilteredRowModel","getPaginationRowModel","updater","newSorting","prev","newFiltering","newPagination","newSelection","selectedRowKeys","selectedRows","convertSelectionToAntFormat","newColumnSizing","row","index","getRowKey"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
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}}
|
|
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: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: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{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}}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { EmptyProps as AntEmptyProps } from 'antd/es/empty';
|
|
2
|
-
import * as React from "react";
|
|
3
2
|
export interface EmptyProps extends AntEmptyProps {
|
|
4
3
|
/**
|
|
5
4
|
* Empty icon size
|
|
@@ -7,7 +6,6 @@ export interface EmptyProps extends AntEmptyProps {
|
|
|
7
6
|
*/
|
|
8
7
|
size?: "small" | "medium" | "large";
|
|
9
8
|
}
|
|
10
|
-
export declare const EmptyIcon: React.FC<React.ComponentPropsWithRef<"svg">>;
|
|
11
9
|
export declare const Empty: ({ image, size, className, ...rest }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
10
|
export default Empty;
|
|
13
11
|
//# sourceMappingURL=component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/empty/component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/empty/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,eAAe,CAAC;AAIvB,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAyBD,eAAO,MAAM,KAAK,GAAI,qCAKnB,UAAU,4CAUZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1,49 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as t } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
3
|
+
import p from "antd/es/empty";
|
|
4
4
|
import './style.css';/* empty css */
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
{
|
|
10
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
-
width: "1em",
|
|
12
|
-
height: "1em",
|
|
13
|
-
fill: "none",
|
|
14
|
-
viewBox: "0 0 32 32",
|
|
15
|
-
...e,
|
|
16
|
-
children: /* @__PURE__ */ t(
|
|
17
|
-
"path",
|
|
18
|
-
{
|
|
19
|
-
stroke: "currentColor",
|
|
20
|
-
strokeLinecap: "round",
|
|
21
|
-
strokeLinejoin: "round",
|
|
22
|
-
strokeOpacity: "0.3",
|
|
23
|
-
strokeWidth: "0.05em",
|
|
24
|
-
d: "m4 26 3.773-11.316A1 1 0 0 1 8.72 14H29a1 1 0 0 1 .949 1.316L26.386 26zm0 0V8a1 1 0 0 1 1-1h6.666a1 1 0 0 1 .6.2L16 10h9a1 1 0 0 1 1 1v3"
|
|
25
|
-
}
|
|
26
|
-
)
|
|
27
|
-
}
|
|
28
|
-
), f = ({
|
|
5
|
+
import { FileDashedIcon as c } from "@bioturing/assets";
|
|
6
|
+
import { useCls as a } from "../utils/antdUtils.js";
|
|
7
|
+
import { clsx as l } from "../utils/cn.js";
|
|
8
|
+
const h = ({
|
|
29
9
|
image: e,
|
|
30
|
-
size:
|
|
31
|
-
className:
|
|
32
|
-
...
|
|
10
|
+
size: o = "medium",
|
|
11
|
+
className: s,
|
|
12
|
+
...r
|
|
33
13
|
}) => {
|
|
34
|
-
const
|
|
14
|
+
const m = a(), i = e || /* @__PURE__ */ t(c, { weight: "light", className: m("empty-icon") });
|
|
35
15
|
return /* @__PURE__ */ t(
|
|
36
|
-
|
|
16
|
+
p,
|
|
37
17
|
{
|
|
38
18
|
image: i,
|
|
39
|
-
className:
|
|
40
|
-
...
|
|
19
|
+
className: l(m("empty", `empty-${o}`), s),
|
|
20
|
+
...r
|
|
41
21
|
}
|
|
42
22
|
);
|
|
43
23
|
};
|
|
44
24
|
export {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
f as default
|
|
25
|
+
h as Empty,
|
|
26
|
+
h as default
|
|
48
27
|
};
|
|
49
28
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../../src/components/empty/component.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n default as AntEmpty,\n type EmptyProps as AntEmptyProps,\n} from \"antd/es/empty\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface EmptyProps extends AntEmptyProps {\n /**\n * Empty icon size\n * @default 'medium'\n */\n size?: \"small\" | \"medium\" | \"large\";\n}\n\
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../../src/components/empty/component.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n default as AntEmpty,\n type EmptyProps as AntEmptyProps,\n} from \"antd/es/empty\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { FileDashedIcon } from \"@bioturing/assets\";\n\nexport interface EmptyProps extends AntEmptyProps {\n /**\n * Empty icon size\n * @default 'medium'\n */\n size?: \"small\" | \"medium\" | \"large\";\n}\n\n// export const EmptyIcon: React.FC<React.ComponentPropsWithRef<\"svg\">> = (\n// props\n// ) => (\n// <svg\n// xmlns=\"http://www.w3.org/2000/svg\"\n// width=\"1em\"\n// height=\"1em\"\n// fill=\"none\"\n// viewBox=\"0 0 32 32\"\n// {...props}\n// >\n// <path\n// stroke=\"currentColor\"\n// strokeLinecap=\"round\"\n// strokeLinejoin=\"round\"\n// strokeOpacity={\"0.3\"}\n// strokeWidth=\"0.05em\"\n// d=\"m4 26 3.773-11.316A1 1 0 0 1 8.72 14H29a1 1 0 0 1 .949 1.316L26.386 26zm0 0V8a1 1 0 0 1 1-1h6.666a1 1 0 0 1 .6.2L16 10h9a1 1 0 0 1 1 1v3\"\n// ></path>\n// </svg>\n// );\n\n\nexport const Empty = ({\n image,\n size = \"medium\",\n className,\n ...rest\n}: EmptyProps) => {\n const cls = useCls();\n const emptyImage = image || <FileDashedIcon weight={\"light\"} className={cls(\"empty-icon\")} />;\n return (\n <AntEmpty\n image={emptyImage}\n className={clsx(cls(\"empty\", `empty-${size}`), className)}\n {...rest}\n />\n );\n};\n\nexport default Empty;\n"],"names":["Empty","image","size","className","rest","cls","useCls","emptyImage","jsx","FileDashedIcon","AntEmpty","clsx"],"mappings":";;;;;;;AA2CO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAChB,QAAMC,IAAMC,EAAA,GACNC,IAAaN,KAAS,gBAAAO,EAACC,GAAA,EAAe,QAAQ,SAAS,WAAWJ,EAAI,YAAY,EAAA,CAAG;AAC3F,SACE,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOH;AAAA,MACP,WAAWI,EAAKN,EAAI,SAAS,SAASH,CAAI,EAAE,GAAGC,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.ds-empty .ds-empty-image{height:auto}.ds-empty
|
|
1
|
+
@layer components{.ds-empty .ds-empty-image{height:auto}.ds-empty .ds-empty-icon{color:var(--ds-control-color-text-placeholder)}.ds-empty-small .ds-empty-icon{font-size:2rem}.ds-empty-medium .ds-empty-icon{font-size:3rem}.ds-empty-large .ds-empty-icon{font-size:4rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjE;;;;;;;;;OASG;IACH,IAAI,CAAC,EACD,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,YAAY,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,eAAO,MAAM,KAAK,GAAI,ibAkCnB,UAAU,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjE;;;;;;;;;OASG;IACH,IAAI,CAAC,EACD,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,YAAY,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,eAAO,MAAM,KAAK,GAAI,ibAkCnB,UAAU,4CA6NZ,CAAC"}
|