@mdtl/uikit 0.0.72 → 0.0.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Table/interfaces/interfaces.d.ts +6 -0
- package/dist/themes/aps/augmentation.d.ts +31 -0
- package/dist/themes/aps/controls/configs/toggleButton.d.ts +40 -20
- package/dist/themes/aps/controls/configs/toggleButtonGroup.d.ts +17 -1
- package/dist/uikit.js +4616 -4506
- package/package.json +1 -1
|
@@ -138,6 +138,8 @@ export interface ITableProps<TData> {
|
|
|
138
138
|
selectedKeysChangedCallback?: (selectedKeys: string[], selectedItems?: TData[]) => void;
|
|
139
139
|
/** выбранные строки */
|
|
140
140
|
selectedItems?: TData[];
|
|
141
|
+
/** идентификаторы строк с задизейбленными чекбоксами */
|
|
142
|
+
disabledKeys?: string[];
|
|
141
143
|
/** выбранная строка */
|
|
142
144
|
selectedRow?: (row: TData) => boolean;
|
|
143
145
|
/** показывает тултип для строки с выводом всех ее ячеек в транспонированном виде */
|
|
@@ -294,6 +296,7 @@ export interface ITableBodyProps<TData> {
|
|
|
294
296
|
highlightDragOverRow?: boolean;
|
|
295
297
|
columnOrder: string[];
|
|
296
298
|
onCellClick?: (info: ICellClickInfo) => void;
|
|
299
|
+
disabledKeys?: string[];
|
|
297
300
|
}
|
|
298
301
|
export interface ITableRowWrapperProps<TData> {
|
|
299
302
|
rowDraggable: boolean;
|
|
@@ -349,6 +352,7 @@ export interface ITableRowWrapperProps<TData> {
|
|
|
349
352
|
name: string;
|
|
350
353
|
columnOrder: string[];
|
|
351
354
|
onCellClick?: (info: ICellClickInfo) => void;
|
|
355
|
+
disabledKeys?: string[];
|
|
352
356
|
}
|
|
353
357
|
export interface ITableRowProps<TData> {
|
|
354
358
|
name: string;
|
|
@@ -405,6 +409,7 @@ export interface ITableRowProps<TData> {
|
|
|
405
409
|
onItemClick?: (row: TData) => void;
|
|
406
410
|
columnOrder: string[];
|
|
407
411
|
onCellClick?: (info: ICellClickInfo) => void;
|
|
412
|
+
disabledKeys?: string[];
|
|
408
413
|
}
|
|
409
414
|
export interface IRowCellProps<TData> {
|
|
410
415
|
cells: Cell<TData, unknown>[];
|
|
@@ -445,6 +450,7 @@ export interface IRowCellProps<TData> {
|
|
|
445
450
|
isDragOver: boolean;
|
|
446
451
|
onCellClick?: (info: ICellClickInfo) => void;
|
|
447
452
|
isExpanded?: boolean;
|
|
453
|
+
disabledKeys?: string[];
|
|
448
454
|
}
|
|
449
455
|
export interface IItemActionsProps<TData> {
|
|
450
456
|
actionsVisible: boolean;
|
|
@@ -51,6 +51,7 @@ declare module '@mui/material/styles' {
|
|
|
51
51
|
interface TypeBackground {
|
|
52
52
|
defaultHover: CSSProperties;
|
|
53
53
|
secondary: CSSProperties;
|
|
54
|
+
disabled: CSSProperties;
|
|
54
55
|
}
|
|
55
56
|
|
|
56
57
|
interface TypeAction {
|
|
@@ -151,3 +152,33 @@ declare module '@mui/material/Checkbox' {
|
|
|
151
152
|
|
|
152
153
|
interface CheckboxProps extends CustomCheckProps {}
|
|
153
154
|
}
|
|
155
|
+
|
|
156
|
+
declare module '@mui/material/ToggleButtonGroup' {
|
|
157
|
+
interface ToggleButtonGroupPropsSizeOverrides {
|
|
158
|
+
s: true;
|
|
159
|
+
m: true;
|
|
160
|
+
large: false;
|
|
161
|
+
medium: false;
|
|
162
|
+
small: false;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
interface ToggleButtonGroupPropsColorOverrides {
|
|
166
|
+
primary: true;
|
|
167
|
+
secondary: true;
|
|
168
|
+
standard: false;
|
|
169
|
+
error: false;
|
|
170
|
+
info: false;
|
|
171
|
+
success: false;
|
|
172
|
+
warning: false;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
declare module '@mui/material/ToggleButton' {
|
|
177
|
+
interface ToggleButtonPropsSizeOverrides {
|
|
178
|
+
s: true;
|
|
179
|
+
m: true;
|
|
180
|
+
large: false;
|
|
181
|
+
medium: false;
|
|
182
|
+
small: false;
|
|
183
|
+
}
|
|
184
|
+
}
|
|
@@ -1,35 +1,55 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
export declare const toggleButtonConfig: {
|
|
2
|
+
variants: {
|
|
3
|
+
props: {
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
style: {
|
|
7
7
|
height: string;
|
|
8
|
+
borderRadius: string;
|
|
9
|
+
'&.MuiToggleButtonGroup-firstButton, &.MuiToggleButtonGroup-middleButton, &.MuiToggleButtonGroup-lastButton': {
|
|
10
|
+
borderTopRightRadius: string;
|
|
11
|
+
borderBottomRightRadius: string;
|
|
12
|
+
borderTopLeftRadius: string;
|
|
13
|
+
borderBottomLeftRadius: string;
|
|
14
|
+
marginLeft: number;
|
|
15
|
+
marginRight: number;
|
|
16
|
+
};
|
|
17
|
+
fontSize: number;
|
|
8
18
|
padding: string;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
19
|
+
border: string;
|
|
20
|
+
textTransform: "none";
|
|
21
|
+
display: string;
|
|
22
|
+
alignItems: string;
|
|
23
|
+
justifyContent: string;
|
|
24
|
+
minWidth: string;
|
|
25
|
+
background: string;
|
|
26
|
+
'&:hover': {
|
|
27
|
+
background: string;
|
|
14
28
|
};
|
|
15
29
|
'&.Mui-selected': {
|
|
16
30
|
background: string;
|
|
17
|
-
borderColor: string;
|
|
18
31
|
color: string;
|
|
19
32
|
'&:hover': {
|
|
20
33
|
background: string;
|
|
21
34
|
};
|
|
22
35
|
};
|
|
23
|
-
'&.
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
};
|
|
30
|
-
};
|
|
36
|
+
'&.Mui-disabled': {
|
|
37
|
+
color: string;
|
|
38
|
+
opacity: string;
|
|
39
|
+
border: string;
|
|
40
|
+
};
|
|
41
|
+
'&.Mui-selected.Mui-disabled': {
|
|
31
42
|
color: string;
|
|
32
43
|
};
|
|
44
|
+
'& .MuiSvgIcon-root': {
|
|
45
|
+
fontSize: string;
|
|
46
|
+
};
|
|
33
47
|
};
|
|
48
|
+
}[];
|
|
49
|
+
defaultProps: {
|
|
50
|
+
size: string;
|
|
51
|
+
disableRipple: boolean;
|
|
52
|
+
disableFocusRipple: boolean;
|
|
53
|
+
disableTouchRipple: boolean;
|
|
34
54
|
};
|
|
35
55
|
};
|
|
@@ -1,7 +1,23 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const toggleButtonGroupConfig: {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: {
|
|
4
4
|
gap: string;
|
|
5
|
+
display: string;
|
|
5
6
|
};
|
|
6
7
|
};
|
|
8
|
+
variants: {
|
|
9
|
+
props: {
|
|
10
|
+
color: string;
|
|
11
|
+
size: string;
|
|
12
|
+
};
|
|
13
|
+
style: {
|
|
14
|
+
borderRadius: string;
|
|
15
|
+
backgroundColor: string;
|
|
16
|
+
padding: string;
|
|
17
|
+
};
|
|
18
|
+
}[];
|
|
19
|
+
defaultProps: {
|
|
20
|
+
color: string;
|
|
21
|
+
size: string;
|
|
22
|
+
};
|
|
7
23
|
};
|