@salutejs/plasma-new-hope 0.338.0-canary.2268.18166567547.0 → 0.338.0-canary.2271.18220523301.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.
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Select/Select.js +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Table/Table.js +34 -27
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/ui/Cell/Cell.js +5 -3
- package/cjs/components/Table/ui/Cell/Cell.js.map +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.js +4 -3
- package/cjs/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/cjs/components/Select/Select.js +1 -1
- package/emotion/cjs/components/Table/Table.js +16 -11
- package/emotion/cjs/components/Table/ui/Cell/Cell.js +31 -3
- package/emotion/cjs/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/es/components/Select/Select.js +1 -1
- package/emotion/es/components/Table/Table.js +16 -11
- package/emotion/es/components/Table/ui/Cell/Cell.js +31 -3
- package/emotion/es/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Table/Table.js +34 -27
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.js +5 -3
- package/es/components/Table/ui/Cell/Cell.js.map +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.js +5 -4
- package/es/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/cjs/components/Select/Select.js +1 -1
- package/styled-components/cjs/components/Table/Table.js +16 -11
- package/styled-components/cjs/components/Table/ui/Cell/Cell.js +31 -3
- package/styled-components/cjs/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/es/components/Select/Select.js +1 -1
- package/styled-components/es/components/Table/Table.js +16 -11
- package/styled-components/es/components/Table/ui/Cell/Cell.js +31 -3
- package/styled-components/es/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Table/Table.d.ts.map +1 -1
- package/types/components/Table/Table.types.d.ts +88 -3
- package/types/components/Table/Table.types.d.ts.map +1 -1
- package/types/components/Table/ui/Cell/Cell.d.ts +2 -0
- package/types/components/Table/ui/Cell/Cell.d.ts.map +1 -1
- package/types/components/Table/ui/EditableCell/EditableCell.d.ts +2 -0
- package/types/components/Table/ui/EditableCell/EditableCell.d.ts.map +1 -1
|
@@ -119,7 +119,7 @@ import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
|
|
|
119
119
|
export var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
|
|
120
120
|
export var tableRoot = function(Root) {
|
|
121
121
|
return /*#__PURE__*/ forwardRef(function(_param, ref) {
|
|
122
|
-
var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant,
|
|
122
|
+
var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
|
|
123
123
|
"data",
|
|
124
124
|
"onChange",
|
|
125
125
|
"columns",
|
|
@@ -132,7 +132,8 @@ export var tableRoot = function(Root) {
|
|
|
132
132
|
"sorted",
|
|
133
133
|
"maxHeight",
|
|
134
134
|
"stickyHeader",
|
|
135
|
-
"onCellUpdate"
|
|
135
|
+
"onCellUpdate",
|
|
136
|
+
"setRowProps"
|
|
136
137
|
]);
|
|
137
138
|
var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
|
|
138
139
|
var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
|
|
@@ -207,7 +208,7 @@ export var tableRoot = function(Root) {
|
|
|
207
208
|
enableResizing: false
|
|
208
209
|
}
|
|
209
210
|
] : []).concat(_to_consumable_array(columns.map(function(param) {
|
|
210
|
-
var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell;
|
|
211
|
+
var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell, setCellProps = param.setCellProps;
|
|
211
212
|
return {
|
|
212
213
|
header: label,
|
|
213
214
|
accessorKey: id,
|
|
@@ -225,7 +226,8 @@ export var tableRoot = function(Root) {
|
|
|
225
226
|
meta: {
|
|
226
227
|
filters: filters,
|
|
227
228
|
enableEditing: enableEditing,
|
|
228
|
-
renderCell: renderCell
|
|
229
|
+
renderCell: renderCell,
|
|
230
|
+
setCellProps: setCellProps
|
|
229
231
|
}
|
|
230
232
|
};
|
|
231
233
|
})));
|
|
@@ -292,27 +294,30 @@ export var tableRoot = function(Root) {
|
|
|
292
294
|
});
|
|
293
295
|
}));
|
|
294
296
|
})), /*#__PURE__*/ React.createElement(Tbody, null, table.getRowModel().rows.map(function(row) {
|
|
295
|
-
return /*#__PURE__*/ React.createElement(Tr, {
|
|
297
|
+
return /*#__PURE__*/ React.createElement(Tr, _object_spread({
|
|
296
298
|
key: row.id,
|
|
297
299
|
selected: row.getIsSelected()
|
|
298
|
-
}, row.getVisibleCells().map(function(cell) {
|
|
299
|
-
var
|
|
300
|
+
}, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
|
|
301
|
+
var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
|
|
302
|
+
var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
|
|
303
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
300
304
|
// @ts-ignore
|
|
301
|
-
|
|
302
|
-
return (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
|
|
305
|
+
return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
|
|
303
306
|
key: cell.id,
|
|
304
307
|
size: size,
|
|
305
308
|
cell: cell,
|
|
306
309
|
borderVariant: borderVariant,
|
|
307
310
|
table: table,
|
|
308
311
|
selected: row.getIsSelected(),
|
|
309
|
-
view: view
|
|
312
|
+
view: view,
|
|
313
|
+
additionalProps: additionalProps
|
|
310
314
|
}) : /*#__PURE__*/ React.createElement(Cell, {
|
|
311
315
|
key: cell.id,
|
|
312
316
|
cell: cell,
|
|
313
317
|
borderVariant: borderVariant,
|
|
314
318
|
selected: row.getIsSelected(),
|
|
315
|
-
view: view
|
|
319
|
+
view: view,
|
|
320
|
+
additionalProps: additionalProps
|
|
316
321
|
});
|
|
317
322
|
}));
|
|
318
323
|
}))));
|
|
@@ -1,19 +1,47 @@
|
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
1
29
|
import React from "react";
|
|
2
30
|
import { flexRender } from "@tanstack/react-table";
|
|
3
31
|
import { Resizer } from "../../Table.styles";
|
|
4
32
|
import { SELECT_COLUMN_ID } from "../../Table";
|
|
5
33
|
import { Td } from "./Cell.styles";
|
|
6
34
|
export var Cell = function(param) {
|
|
7
|
-
var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view;
|
|
35
|
+
var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view, additionalProps = param.additionalProps;
|
|
8
36
|
var _cell_column_columnDef_meta;
|
|
9
37
|
var renderCell = (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.renderCell;
|
|
10
|
-
return /*#__PURE__*/ React.createElement(Td, {
|
|
38
|
+
return /*#__PURE__*/ React.createElement(Td, _object_spread({
|
|
11
39
|
key: cell.id,
|
|
12
40
|
borderVariant: borderVariant,
|
|
13
41
|
selectionCell: cell.column.id === SELECT_COLUMN_ID,
|
|
14
42
|
selected: selected,
|
|
15
43
|
view: view
|
|
16
|
-
}, renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ React.createElement(Resizer, {
|
|
44
|
+
}, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ React.createElement(Resizer, {
|
|
17
45
|
isResizing: true
|
|
18
46
|
}));
|
|
19
47
|
};
|
|
@@ -6,6 +6,19 @@ function _array_like_to_array(arr, len) {
|
|
|
6
6
|
function _array_with_holes(arr) {
|
|
7
7
|
if (Array.isArray(arr)) return arr;
|
|
8
8
|
}
|
|
9
|
+
function _define_property(obj, key, value) {
|
|
10
|
+
if (key in obj) {
|
|
11
|
+
Object.defineProperty(obj, key, {
|
|
12
|
+
value: value,
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
obj[key] = value;
|
|
19
|
+
}
|
|
20
|
+
return obj;
|
|
21
|
+
}
|
|
9
22
|
function _iterable_to_array_limit(arr, i) {
|
|
10
23
|
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
11
24
|
if (_i == null) return;
|
|
@@ -33,6 +46,21 @@ function _iterable_to_array_limit(arr, i) {
|
|
|
33
46
|
function _non_iterable_rest() {
|
|
34
47
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
35
48
|
}
|
|
49
|
+
function _object_spread(target) {
|
|
50
|
+
for(var i = 1; i < arguments.length; i++){
|
|
51
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
52
|
+
var ownKeys = Object.keys(source);
|
|
53
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
54
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
55
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
56
|
+
}));
|
|
57
|
+
}
|
|
58
|
+
ownKeys.forEach(function(key) {
|
|
59
|
+
_define_property(target, key, source[key]);
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
return target;
|
|
63
|
+
}
|
|
36
64
|
function _sliced_to_array(arr, i) {
|
|
37
65
|
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
38
66
|
}
|
|
@@ -59,7 +87,7 @@ var keys = {
|
|
|
59
87
|
Escape: 'Escape'
|
|
60
88
|
};
|
|
61
89
|
export var EditableCell = function(param) {
|
|
62
|
-
var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected;
|
|
90
|
+
var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected, additionalProps = param.additionalProps;
|
|
63
91
|
var _table_options_meta;
|
|
64
92
|
var _useState = _sliced_to_array(useState(cell.getValue()), 2), value = _useState[0], setValue = _useState[1];
|
|
65
93
|
var _useState1 = _sliced_to_array(useState(false), 2), editingMode = _useState1[0], setEditingMode = _useState1[1];
|
|
@@ -110,7 +138,7 @@ export var EditableCell = function(param) {
|
|
|
110
138
|
}
|
|
111
139
|
}
|
|
112
140
|
};
|
|
113
|
-
return /*#__PURE__*/ React.createElement(Td, {
|
|
141
|
+
return /*#__PURE__*/ React.createElement(Td, _object_spread({
|
|
114
142
|
key: cell.id,
|
|
115
143
|
borderVariant: borderVariant,
|
|
116
144
|
selectionCell: cell.column.id === SELECT_COLUMN_ID,
|
|
@@ -119,7 +147,7 @@ export var EditableCell = function(param) {
|
|
|
119
147
|
selected: selected,
|
|
120
148
|
view: view,
|
|
121
149
|
ref: ref
|
|
122
|
-
}, /*#__PURE__*/ React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/ React.createElement(EditModeWrapper, null, /*#__PURE__*/ React.createElement(InputWrapper, null, /*#__PURE__*/ React.createElement(Input, {
|
|
150
|
+
}, additionalProps), /*#__PURE__*/ React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/ React.createElement(EditModeWrapper, null, /*#__PURE__*/ React.createElement(InputWrapper, null, /*#__PURE__*/ React.createElement(Input, {
|
|
123
151
|
value: value,
|
|
124
152
|
onChange: handleChange,
|
|
125
153
|
autoFocus: true,
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { component, mergeConfig } from "../../../engines";
|
|
2
|
+
import { comboboxNewConfig } from "../../..";
|
|
3
|
+
import { config } from "./Combobox.config";
|
|
4
|
+
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
+
var ComboboxComponent = component(mergedConfig);
|
|
6
|
+
var Combobox = ComboboxComponent;
|
|
7
|
+
export { Combobox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAcrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AASzD,eAAO,MAAM,gBAAgB,4BAA4B,CAAC;AAE1D,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFA8OhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAhPQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;CA0PpE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ReactNode, HTMLAttributes, CSSProperties } from 'react';
|
|
1
|
+
import type { ReactNode, HTMLAttributes, CSSProperties, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
2
2
|
import { RowData, RowSelectionState } from '@tanstack/react-table';
|
|
3
3
|
declare module '@tanstack/react-table' {
|
|
4
4
|
interface TableMeta<TData extends RowData> {
|
|
@@ -8,49 +8,134 @@ declare module '@tanstack/react-table' {
|
|
|
8
8
|
filters?: TableColumnData['filters'];
|
|
9
9
|
enableEditing?: boolean;
|
|
10
10
|
renderCell?: TableColumnData['renderCell'];
|
|
11
|
+
setCellProps?: TableColumnData['setCellProps'];
|
|
11
12
|
}
|
|
12
13
|
}
|
|
13
14
|
export type TableRowData = {
|
|
15
|
+
/**
|
|
16
|
+
* Уникальный идентификатор строки
|
|
17
|
+
*/
|
|
14
18
|
id: string;
|
|
19
|
+
/**
|
|
20
|
+
* Неограниченный список пар ключ:значение, составляющих контент таблицы.
|
|
21
|
+
* Должен совпадать с ключами из TableColumnData
|
|
22
|
+
*/
|
|
15
23
|
[key: string]: string | number | object;
|
|
16
24
|
};
|
|
17
25
|
export type TableColumnData = {
|
|
26
|
+
/**
|
|
27
|
+
* Уникальный идентификатор колонки
|
|
28
|
+
*/
|
|
18
29
|
id: string;
|
|
30
|
+
/**
|
|
31
|
+
* Label колонки
|
|
32
|
+
*/
|
|
19
33
|
label: string;
|
|
34
|
+
/**
|
|
35
|
+
* Ширина колонки
|
|
36
|
+
*/
|
|
20
37
|
width?: number;
|
|
38
|
+
/**
|
|
39
|
+
* Включение сортировки
|
|
40
|
+
*/
|
|
21
41
|
enableSorting?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Включение ресайза
|
|
44
|
+
*/
|
|
22
45
|
enableResizing?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Включение изменения ячеек
|
|
48
|
+
*/
|
|
23
49
|
enableEditing?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Набор опций для фильтрации строк
|
|
52
|
+
*/
|
|
24
53
|
filters?: {
|
|
25
54
|
value: string;
|
|
26
55
|
label: string;
|
|
27
56
|
}[];
|
|
57
|
+
/**
|
|
58
|
+
* Кастомный обработчик для фильтрации строк
|
|
59
|
+
*/
|
|
28
60
|
filterFn?: (filteredValue: string, cellValue: unknown) => boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Рендер-пропс для ячейки
|
|
63
|
+
*/
|
|
29
64
|
renderCell?: (value: unknown, row: TableRowData, rowIndex: number) => ReactNode;
|
|
65
|
+
/**
|
|
66
|
+
* Сеттер свойств для ячейки
|
|
67
|
+
*/
|
|
68
|
+
setCellProps?: (row: TableRowData, cellId: string) => HTMLAttributes<any> & TdHTMLAttributes<any>;
|
|
30
69
|
};
|
|
31
70
|
export interface TableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
71
|
+
/**
|
|
72
|
+
* Основной контент
|
|
73
|
+
*/
|
|
32
74
|
data: TableRowData[];
|
|
75
|
+
/**
|
|
76
|
+
* Настройка колонок
|
|
77
|
+
*/
|
|
33
78
|
columns: TableColumnData[];
|
|
79
|
+
/**
|
|
80
|
+
* Обработчик изменения состояния
|
|
81
|
+
*/
|
|
34
82
|
onChange?: (data: {
|
|
35
83
|
selected: TableProps['selected'];
|
|
36
84
|
filtered: TableProps['filtered'];
|
|
37
85
|
sorted: TableProps['sorted'];
|
|
38
86
|
}) => void;
|
|
39
|
-
|
|
87
|
+
/**
|
|
88
|
+
* Вариант отображения border
|
|
89
|
+
* @default all
|
|
90
|
+
*/
|
|
91
|
+
borderVariant?: 'all' | 'rows' | 'header';
|
|
92
|
+
/**
|
|
93
|
+
* Включение функционала выбора строк
|
|
94
|
+
* @default false
|
|
95
|
+
*/
|
|
40
96
|
enableSelection?: boolean;
|
|
97
|
+
/**
|
|
98
|
+
* Состояние параметров выбранных строк
|
|
99
|
+
*/
|
|
41
100
|
selected?: RowSelectionState;
|
|
101
|
+
/**
|
|
102
|
+
* Состояние параметров фильтрации
|
|
103
|
+
*/
|
|
42
104
|
filtered?: {
|
|
43
105
|
id: string;
|
|
44
106
|
value: unknown;
|
|
45
107
|
}[];
|
|
108
|
+
/**
|
|
109
|
+
* Состояние параметров сортировки
|
|
110
|
+
*/
|
|
46
111
|
sorted?: {
|
|
47
112
|
id: string;
|
|
48
113
|
desc: boolean;
|
|
49
114
|
}[];
|
|
115
|
+
/**
|
|
116
|
+
* Максимальная высота таблицы
|
|
117
|
+
*/
|
|
50
118
|
maxHeight?: CSSProperties['maxHeight'];
|
|
119
|
+
/**
|
|
120
|
+
* Прилипание шапки при скролле
|
|
121
|
+
* @default false
|
|
122
|
+
*/
|
|
51
123
|
stickyHeader?: boolean;
|
|
52
|
-
|
|
124
|
+
/**
|
|
125
|
+
* Обработчик обновления контента ячейки
|
|
126
|
+
*/
|
|
127
|
+
onCellUpdate?: (rowId: string, columnId: string, value: unknown) => void;
|
|
128
|
+
/**
|
|
129
|
+
* Сеттер свойств для строки
|
|
130
|
+
*/
|
|
131
|
+
setRowProps?: (row: TableRowData) => HTMLAttributes<any> & ThHTMLAttributes<any>;
|
|
132
|
+
/**
|
|
133
|
+
* Размер таблицы
|
|
134
|
+
*/
|
|
53
135
|
size?: string;
|
|
136
|
+
/**
|
|
137
|
+
* Внешний вид таблицы
|
|
138
|
+
*/
|
|
54
139
|
view?: string;
|
|
55
140
|
}
|
|
56
141
|
//# sourceMappingURL=Table.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { HTMLAttributes, TdHTMLAttributes } from 'react';
|
|
2
3
|
import { Cell as CellType } from '@tanstack/react-table';
|
|
3
4
|
import { TableProps, TableRowData } from '../../Table.types';
|
|
4
5
|
type Props = {
|
|
@@ -6,6 +7,7 @@ type Props = {
|
|
|
6
7
|
selected: boolean;
|
|
7
8
|
borderVariant: TableProps['borderVariant'];
|
|
8
9
|
view: TableProps['view'];
|
|
10
|
+
additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;
|
|
9
11
|
};
|
|
10
12
|
export declare const Cell: React.FC<Props>;
|
|
11
13
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/ui/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIrE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI7D,KAAK,KAAK,GAAG;IACT,IAAI,EAAE,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC3C,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/ui/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAc,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIrE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI7D,KAAK,KAAK,GAAG;IACT,IAAI,EAAE,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC3C,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IACzB,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;CAChE,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmBhC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { HTMLAttributes, TdHTMLAttributes } from 'react';
|
|
2
3
|
import { Table, Cell as CellType } from '@tanstack/react-table';
|
|
3
4
|
import { TableProps, TableRowData } from '../../Table.types';
|
|
4
5
|
type Props = {
|
|
@@ -8,6 +9,7 @@ type Props = {
|
|
|
8
9
|
borderVariant: TableProps['borderVariant'];
|
|
9
10
|
selected: boolean;
|
|
10
11
|
table: Table<TableRowData>;
|
|
12
|
+
additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;
|
|
11
13
|
};
|
|
12
14
|
export declare const EditableCell: React.FC<Props>;
|
|
13
15
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAc,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQ5E,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAmB7D,KAAK,KAAK,GAAG;IACT,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,EAAE,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IACtC,aAAa,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"EditableCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAc,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQ5E,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAmB7D,KAAK,KAAK,GAAG;IACT,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IACzB,IAAI,EAAE,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IACtC,aAAa,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;CAChE,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2GxC,CAAC"}
|