@salutejs/plasma-new-hope 0.338.0-canary.2271.18277060318.0 → 0.338.0-canary.2273.18341837173.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 +27 -34
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/ui/Cell/Cell.js +3 -5
- package/cjs/components/Table/ui/Cell/Cell.js.map +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.js +3 -4
- 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 +11 -16
- package/emotion/cjs/components/Table/ui/Cell/Cell.js +3 -31
- package/emotion/cjs/components/Table/ui/EditableCell/EditableCell.js +3 -31
- 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 +11 -16
- package/emotion/es/components/Table/ui/Cell/Cell.js +3 -31
- package/emotion/es/components/Table/ui/EditableCell/EditableCell.js +3 -31
- 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 +27 -34
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.js +3 -5
- package/es/components/Table/ui/Cell/Cell.js.map +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.js +4 -5
- 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 +11 -16
- package/styled-components/cjs/components/Table/ui/Cell/Cell.js +3 -31
- package/styled-components/cjs/components/Table/ui/EditableCell/EditableCell.js +3 -31
- 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 +11 -16
- package/styled-components/es/components/Table/ui/Cell/Cell.js +3 -31
- package/styled-components/es/components/Table/ui/EditableCell/EditableCell.js +3 -31
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/types/components/Table/Table.d.ts.map +1 -1
- package/types/components/Table/Table.types.d.ts +3 -88
- package/types/components/Table/Table.types.d.ts.map +1 -1
- package/types/components/Table/ui/Cell/Cell.d.ts +0 -2
- package/types/components/Table/ui/Cell/Cell.d.ts.map +1 -1
- package/types/components/Table/ui/EditableCell/EditableCell.d.ts +0 -2
- 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, enableSelection = _param.enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, stickyHeader = _param.stickyHeader, onCellUpdate = _param.onCellUpdate, props = _object_without_properties(_param, [
|
|
123
123
|
"data",
|
|
124
124
|
"onChange",
|
|
125
125
|
"columns",
|
|
@@ -132,8 +132,7 @@ export var tableRoot = function(Root) {
|
|
|
132
132
|
"sorted",
|
|
133
133
|
"maxHeight",
|
|
134
134
|
"stickyHeader",
|
|
135
|
-
"onCellUpdate"
|
|
136
|
-
"setRowProps"
|
|
135
|
+
"onCellUpdate"
|
|
137
136
|
]);
|
|
138
137
|
var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
|
|
139
138
|
var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
|
|
@@ -208,7 +207,7 @@ export var tableRoot = function(Root) {
|
|
|
208
207
|
enableResizing: false
|
|
209
208
|
}
|
|
210
209
|
] : []).concat(_to_consumable_array(columns.map(function(param) {
|
|
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
|
|
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;
|
|
212
211
|
return {
|
|
213
212
|
header: label,
|
|
214
213
|
accessorKey: id,
|
|
@@ -226,8 +225,7 @@ export var tableRoot = function(Root) {
|
|
|
226
225
|
meta: {
|
|
227
226
|
filters: filters,
|
|
228
227
|
enableEditing: enableEditing,
|
|
229
|
-
renderCell: renderCell
|
|
230
|
-
setCellProps: setCellProps
|
|
228
|
+
renderCell: renderCell
|
|
231
229
|
}
|
|
232
230
|
};
|
|
233
231
|
})));
|
|
@@ -294,30 +292,27 @@ export var tableRoot = function(Root) {
|
|
|
294
292
|
});
|
|
295
293
|
}));
|
|
296
294
|
})), /*#__PURE__*/ React.createElement(Tbody, null, table.getRowModel().rows.map(function(row) {
|
|
297
|
-
return /*#__PURE__*/ React.createElement(Tr,
|
|
295
|
+
return /*#__PURE__*/ React.createElement(Tr, {
|
|
298
296
|
key: row.id,
|
|
299
297
|
selected: row.getIsSelected()
|
|
300
|
-
},
|
|
301
|
-
var
|
|
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
|
|
298
|
+
}, row.getVisibleCells().map(function(cell) {
|
|
299
|
+
var // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
304
300
|
// @ts-ignore
|
|
305
|
-
|
|
301
|
+
_cell_column_columnDef_meta, _cell_column_columnDef, _cell_column;
|
|
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, {
|
|
306
303
|
key: cell.id,
|
|
307
304
|
size: size,
|
|
308
305
|
cell: cell,
|
|
309
306
|
borderVariant: borderVariant,
|
|
310
307
|
table: table,
|
|
311
308
|
selected: row.getIsSelected(),
|
|
312
|
-
view: view
|
|
313
|
-
additionalProps: additionalProps
|
|
309
|
+
view: view
|
|
314
310
|
}) : /*#__PURE__*/ React.createElement(Cell, {
|
|
315
311
|
key: cell.id,
|
|
316
312
|
cell: cell,
|
|
317
313
|
borderVariant: borderVariant,
|
|
318
314
|
selected: row.getIsSelected(),
|
|
319
|
-
view: view
|
|
320
|
-
additionalProps: additionalProps
|
|
315
|
+
view: view
|
|
321
316
|
});
|
|
322
317
|
}));
|
|
323
318
|
}))));
|
|
@@ -1,47 +1,19 @@
|
|
|
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
|
-
}
|
|
29
1
|
import React from "react";
|
|
30
2
|
import { flexRender } from "@tanstack/react-table";
|
|
31
3
|
import { Resizer } from "../../Table.styles";
|
|
32
4
|
import { SELECT_COLUMN_ID } from "../../Table";
|
|
33
5
|
import { Td } from "./Cell.styles";
|
|
34
6
|
export var Cell = function(param) {
|
|
35
|
-
var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view
|
|
7
|
+
var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view;
|
|
36
8
|
var _cell_column_columnDef_meta;
|
|
37
9
|
var renderCell = (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.renderCell;
|
|
38
|
-
return /*#__PURE__*/ React.createElement(Td,
|
|
10
|
+
return /*#__PURE__*/ React.createElement(Td, {
|
|
39
11
|
key: cell.id,
|
|
40
12
|
borderVariant: borderVariant,
|
|
41
13
|
selectionCell: cell.column.id === SELECT_COLUMN_ID,
|
|
42
14
|
selected: selected,
|
|
43
15
|
view: view
|
|
44
|
-
},
|
|
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, {
|
|
45
17
|
isResizing: true
|
|
46
18
|
}));
|
|
47
19
|
};
|
|
@@ -6,19 +6,6 @@ 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
|
-
}
|
|
22
9
|
function _iterable_to_array_limit(arr, i) {
|
|
23
10
|
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
24
11
|
if (_i == null) return;
|
|
@@ -46,21 +33,6 @@ function _iterable_to_array_limit(arr, i) {
|
|
|
46
33
|
function _non_iterable_rest() {
|
|
47
34
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
48
35
|
}
|
|
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
|
-
}
|
|
64
36
|
function _sliced_to_array(arr, i) {
|
|
65
37
|
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
66
38
|
}
|
|
@@ -87,7 +59,7 @@ var keys = {
|
|
|
87
59
|
Escape: 'Escape'
|
|
88
60
|
};
|
|
89
61
|
export var EditableCell = function(param) {
|
|
90
|
-
var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected
|
|
62
|
+
var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected;
|
|
91
63
|
var _table_options_meta;
|
|
92
64
|
var _useState = _sliced_to_array(useState(cell.getValue()), 2), value = _useState[0], setValue = _useState[1];
|
|
93
65
|
var _useState1 = _sliced_to_array(useState(false), 2), editingMode = _useState1[0], setEditingMode = _useState1[1];
|
|
@@ -138,7 +110,7 @@ export var EditableCell = function(param) {
|
|
|
138
110
|
}
|
|
139
111
|
}
|
|
140
112
|
};
|
|
141
|
-
return /*#__PURE__*/ React.createElement(Td,
|
|
113
|
+
return /*#__PURE__*/ React.createElement(Td, {
|
|
142
114
|
key: cell.id,
|
|
143
115
|
borderVariant: borderVariant,
|
|
144
116
|
selectionCell: cell.column.id === SELECT_COLUMN_ID,
|
|
@@ -147,7 +119,7 @@ export var EditableCell = function(param) {
|
|
|
147
119
|
selected: selected,
|
|
148
120
|
view: view,
|
|
149
121
|
ref: ref
|
|
150
|
-
},
|
|
122
|
+
}, /*#__PURE__*/ React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/ React.createElement(EditModeWrapper, null, /*#__PURE__*/ React.createElement(InputWrapper, null, /*#__PURE__*/ React.createElement(Input, {
|
|
151
123
|
value: value,
|
|
152
124
|
onChange: handleChange,
|
|
153
125
|
autoFocus: true,
|
|
@@ -1,7 +0,0 @@
|
|
|
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;AAerE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AASzD,eAAO,MAAM,gBAAgB,4BAA4B,CAAC;AAE1D,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAqOhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAvOQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;CAiPpE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ReactNode, HTMLAttributes, CSSProperties
|
|
1
|
+
import type { ReactNode, HTMLAttributes, CSSProperties } 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,134 +8,49 @@ declare module '@tanstack/react-table' {
|
|
|
8
8
|
filters?: TableColumnData['filters'];
|
|
9
9
|
enableEditing?: boolean;
|
|
10
10
|
renderCell?: TableColumnData['renderCell'];
|
|
11
|
-
setCellProps?: TableColumnData['setCellProps'];
|
|
12
11
|
}
|
|
13
12
|
}
|
|
14
13
|
export type TableRowData = {
|
|
15
|
-
/**
|
|
16
|
-
* Уникальный идентификатор строки
|
|
17
|
-
*/
|
|
18
14
|
id: string;
|
|
19
|
-
/**
|
|
20
|
-
* Неограниченный список пар ключ:значение, составляющих контент таблицы.
|
|
21
|
-
* Должен совпадать с ключами из TableColumnData
|
|
22
|
-
*/
|
|
23
15
|
[key: string]: string | number | object;
|
|
24
16
|
};
|
|
25
17
|
export type TableColumnData = {
|
|
26
|
-
/**
|
|
27
|
-
* Уникальный идентификатор колонки
|
|
28
|
-
*/
|
|
29
18
|
id: string;
|
|
30
|
-
/**
|
|
31
|
-
* Label колонки
|
|
32
|
-
*/
|
|
33
19
|
label: string;
|
|
34
|
-
/**
|
|
35
|
-
* Ширина колонки
|
|
36
|
-
*/
|
|
37
20
|
width?: number;
|
|
38
|
-
/**
|
|
39
|
-
* Включение сортировки
|
|
40
|
-
*/
|
|
41
21
|
enableSorting?: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Включение ресайза
|
|
44
|
-
*/
|
|
45
22
|
enableResizing?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Включение изменения ячеек
|
|
48
|
-
*/
|
|
49
23
|
enableEditing?: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Набор опций для фильтрации строк
|
|
52
|
-
*/
|
|
53
24
|
filters?: {
|
|
54
25
|
value: string;
|
|
55
26
|
label: string;
|
|
56
27
|
}[];
|
|
57
|
-
/**
|
|
58
|
-
* Кастомный обработчик для фильтрации строк
|
|
59
|
-
*/
|
|
60
28
|
filterFn?: (filteredValue: string, cellValue: unknown) => boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Рендер-пропс для ячейки
|
|
63
|
-
*/
|
|
64
29
|
renderCell?: (value: unknown, row: TableRowData, rowIndex: number) => ReactNode;
|
|
65
|
-
/**
|
|
66
|
-
* Сеттер свойств для ячейки
|
|
67
|
-
*/
|
|
68
|
-
setCellProps?: (row: TableRowData, cellId: string) => HTMLAttributes<any> & TdHTMLAttributes<any>;
|
|
69
30
|
};
|
|
70
31
|
export interface TableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
71
|
-
/**
|
|
72
|
-
* Основной контент
|
|
73
|
-
*/
|
|
74
32
|
data: TableRowData[];
|
|
75
|
-
/**
|
|
76
|
-
* Настройка колонок
|
|
77
|
-
*/
|
|
78
33
|
columns: TableColumnData[];
|
|
79
|
-
/**
|
|
80
|
-
* Обработчик изменения состояния
|
|
81
|
-
*/
|
|
82
34
|
onChange?: (data: {
|
|
83
35
|
selected: TableProps['selected'];
|
|
84
36
|
filtered: TableProps['filtered'];
|
|
85
37
|
sorted: TableProps['sorted'];
|
|
86
38
|
}) => void;
|
|
87
|
-
|
|
88
|
-
* Вариант отображения border
|
|
89
|
-
* @default all
|
|
90
|
-
*/
|
|
91
|
-
borderVariant?: 'all' | 'rows' | 'header';
|
|
92
|
-
/**
|
|
93
|
-
* Включение функционала выбора строк
|
|
94
|
-
* @default false
|
|
95
|
-
*/
|
|
39
|
+
borderVariant?: 'rows' | 'header' | 'all';
|
|
96
40
|
enableSelection?: boolean;
|
|
97
|
-
/**
|
|
98
|
-
* Состояние параметров выбранных строк
|
|
99
|
-
*/
|
|
100
41
|
selected?: RowSelectionState;
|
|
101
|
-
/**
|
|
102
|
-
* Состояние параметров фильтрации
|
|
103
|
-
*/
|
|
104
42
|
filtered?: {
|
|
105
43
|
id: string;
|
|
106
44
|
value: unknown;
|
|
107
45
|
}[];
|
|
108
|
-
/**
|
|
109
|
-
* Состояние параметров сортировки
|
|
110
|
-
*/
|
|
111
46
|
sorted?: {
|
|
112
47
|
id: string;
|
|
113
48
|
desc: boolean;
|
|
114
49
|
}[];
|
|
115
|
-
/**
|
|
116
|
-
* Максимальная высота таблицы
|
|
117
|
-
*/
|
|
118
50
|
maxHeight?: CSSProperties['maxHeight'];
|
|
119
|
-
/**
|
|
120
|
-
* Прилипание шапки при скролле
|
|
121
|
-
* @default false
|
|
122
|
-
*/
|
|
123
51
|
stickyHeader?: boolean;
|
|
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
|
-
*/
|
|
52
|
+
onCellUpdate?: (rowIndex: string, columnId: string, value: unknown) => void;
|
|
135
53
|
size?: string;
|
|
136
|
-
/**
|
|
137
|
-
* Внешний вид таблицы
|
|
138
|
-
*/
|
|
139
54
|
view?: string;
|
|
140
55
|
}
|
|
141
56
|
//# 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,
|
|
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;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,SAAS,CAAC,KAAK,SAAS,OAAO;QACrC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;KACzE;IACD,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QACrC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;KAC9C;CACJ;AAED,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,OAAO,CAAC;IAClE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;CACnF,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChF,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QACd,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACjC,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACjC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;KAChC,KAAK,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,OAAO,CAAC;KAClB,EAAE,CAAC;IACJ,MAAM,CAAC,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,OAAO,CAAC;KACjB,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { HTMLAttributes, TdHTMLAttributes } from 'react';
|
|
3
2
|
import { Cell as CellType } from '@tanstack/react-table';
|
|
4
3
|
import { TableProps, TableRowData } from '../../Table.types';
|
|
5
4
|
type Props = {
|
|
@@ -7,7 +6,6 @@ type Props = {
|
|
|
7
6
|
selected: boolean;
|
|
8
7
|
borderVariant: TableProps['borderVariant'];
|
|
9
8
|
view: TableProps['view'];
|
|
10
|
-
additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;
|
|
11
9
|
};
|
|
12
10
|
export declare const Cell: React.FC<Props>;
|
|
13
11
|
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,
|
|
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;CAC5B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkBhC,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { HTMLAttributes, TdHTMLAttributes } from 'react';
|
|
3
2
|
import { Table, Cell as CellType } from '@tanstack/react-table';
|
|
4
3
|
import { TableProps, TableRowData } from '../../Table.types';
|
|
5
4
|
type Props = {
|
|
@@ -9,7 +8,6 @@ type Props = {
|
|
|
9
8
|
borderVariant: TableProps['borderVariant'];
|
|
10
9
|
selected: boolean;
|
|
11
10
|
table: Table<TableRowData>;
|
|
12
|
-
additionalProps: HTMLAttributes<any> & TdHTMLAttributes<any>;
|
|
13
11
|
};
|
|
14
12
|
export declare const EditableCell: React.FC<Props>;
|
|
15
13
|
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,
|
|
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;CAC9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkGxC,CAAC"}
|