@salutejs/plasma-new-hope 0.338.0-canary.2270.18222140946.0 → 0.338.0-canary.2271.18274881210.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/DatePicker/DatePicker.tokens.js +0 -2
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +3 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_5c37vu.css → SingleDate.styles_15voqba.css} +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/cjs/index.css +3 -3
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +0 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- 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/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +0 -2
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- 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/DatePicker/DatePicker.tokens.js +0 -2
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +3 -3
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/{SingleDate.styles_5c37vu.css → SingleDate.styles_15voqba.css} +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/es/index.css +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +0 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -10
- 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/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +0 -2
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -10
- 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/types/components/DatePicker/DatePicker.tokens.d.ts +0 -2
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- 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,
|
|
@@ -83,8 +83,6 @@ export declare const tokens: {
|
|
|
83
83
|
focusColor: string;
|
|
84
84
|
/** Токены полей ввода */
|
|
85
85
|
textFieldColor: string;
|
|
86
|
-
textFieldColorError: string;
|
|
87
|
-
textFieldColorSuccess: string;
|
|
88
86
|
textFieldPlaceholderColorFocus: string;
|
|
89
87
|
textFieldFocusColor: string;
|
|
90
88
|
textFieldPlaceholderColor: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,MAAM;;IAGf,kCAAkC;;;;;;;;;;;;;IAclC,yBAAyB;;;;;;;;;;;IAYzB,yCAAyC;;;;IAKzC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;;;;;;;;;IAqBxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB
|
|
1
|
+
{"version":3,"file":"DatePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,MAAM;;IAGf,kCAAkC;;;;;;;;;;;;;IAclC,yBAAyB;;;;;;;;;;;IAYzB,yCAAyC;;;;IAKzC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;;;;;;;;;IAqBxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuDzB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmG1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;
|
|
1
|
+
{"version":3,"file":"SingleDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;kBAgFe,MAAO,YAAY;mBAExC,MAAO,YAAY;;;oCAKV,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFqB,CAAC;;;;;;;;;;;;wBAyEJ,YAAY;yBAEjC,YAAY;;;oCAKV,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPkB,YAAY;yBAEjC,YAAY;;;oCAKV,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFqB,CAAC;;;;;;;;;;;;wBAyEJ,YAAY;yBAEjC,YAAY;;;oCAKV,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPkB,YAAY;yBAEjC,YAAY;;;oCAKV,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFqB,CAAC;;;;;;;;;;;;wBAyEJ,YAAY;yBAEjC,YAAY;;;oCAKV,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPkB,YAAY;yBAEjC,YAAY;;;oCAKV,CAAC;;;;;;;;;;;;;;;;;;;;oCAhFqB,CAAC;;;;;;;;;;;;wBAyEJ,YAAY;yBAEjC,YAAY;;;oCAKV,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;4IAS3B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAchB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAUtB,CAAC"}
|
|
@@ -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"}
|