@salutejs/plasma-new-hope 0.338.0-canary.2271.18220523301.0 → 0.338.0-canary.2277.18274788623.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/Drawer/Drawer.js +4 -1
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Popup/Popup.styles.js +3 -2
- package/cjs/components/Popup/Popup.styles.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/Drawer/Drawer.js +3 -1
- package/emotion/cjs/components/Popup/Popup.styles.js +13 -13
- 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/Drawer/Drawer.js +3 -1
- package/emotion/es/components/Popup/Popup.styles.js +13 -13
- 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/Drawer/Drawer.js +4 -1
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Popup/Popup.styles.js +3 -2
- package/es/components/Popup/Popup.styles.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/Drawer/Drawer.js +3 -1
- package/styled-components/cjs/components/Popup/Popup.styles.js +7 -7
- 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/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/es/components/Drawer/Drawer.js +3 -1
- package/styled-components/es/components/Popup/Popup.styles.js +7 -7
- 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/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Popup/Popup.types.d.ts +8 -1
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- 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
|
@@ -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"}
|