@redsift/table 12.5.5-alpha.2 → 12.5.5-muiv7
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/_internal/BaseComponents.js +1 -1
- package/_internal/BasePopper.js +2453 -0
- package/_internal/BasePopper.js.map +1 -0
- package/_internal/ControlledPagination.js +11977 -0
- package/_internal/ControlledPagination.js.map +1 -0
- package/_internal/DataGrid2.js +74 -95
- package/_internal/DataGrid2.js.map +1 -1
- package/_internal/GridToolbarFilterSemanticField2.js +2 -1339
- package/_internal/GridToolbarFilterSemanticField2.js.map +1 -1
- package/_internal/Pagination.js +1 -1
- package/_internal/Portal.js +6563 -0
- package/_internal/Portal.js.map +1 -0
- package/_internal/StatefulDataGrid.js +1 -1
- package/_internal/StatefulDataGrid2.js +1818 -876
- package/_internal/StatefulDataGrid2.js.map +1 -1
- package/_internal/Toolbar2.js +1 -1
- package/_internal/Toolbar2.js.map +1 -1
- package/_internal/ToolbarWrapper2.js +27 -11
- package/_internal/ToolbarWrapper2.js.map +1 -1
- package/_internal/jsx-runtime.js +1342 -0
- package/_internal/jsx-runtime.js.map +1 -0
- package/_internal/useControlledDatagridState.js +1125 -6
- package/_internal/useControlledDatagridState.js.map +1 -1
- package/index.d.ts +310 -489
- package/index.js +143 -153
- package/index.js.map +1 -1
- package/package.json +10 -9
- package/_internal/BaseIconButton.js +0 -126
- package/_internal/BaseIconButton.js.map +0 -1
- package/_internal/ServerSideControlledPagination.js +0 -324
- package/_internal/ServerSideControlledPagination.js.map +0 -1
package/index.d.ts
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import
|
|
1
|
+
import * as _mui_x_data_grid_pro from '@mui/x-data-grid-pro';
|
|
2
|
+
import { GridColTypeDef, GridColType, GridColDef, GridFilterOperator, GridFilterInputSingleSelect, GridFilterInputMultipleSingleSelect, DataGridProProps, GridFilterModel, GridPaginationModel, GridSortModel, GridSortItem, GridColumnVisibilityModel, GridPinnedColumnFields, GridSlotsComponent, GridCallbackDetails, GridApiPro as GridApiPro$1, GridRowParams, GridRowSelectionModel, GridToolbarExportProps, GridToolbarFilterButtonProps, GridToolbarColumnsButton, GridToolbarDensitySelector } from '@mui/x-data-grid-pro';
|
|
3
|
+
export { GridAlignment, GridColDef, GridFilterItem, GridFilterModel, getGridBooleanOperators, getGridDateOperators, getGridSingleSelectOperators } from '@mui/x-data-grid-pro';
|
|
4
|
+
import { GridInitialStatePro } from '@mui/x-data-grid-pro/models/gridStatePro';
|
|
5
|
+
import React$1, { ReactNode, ComponentProps, MutableRefObject, RefObject } from 'react';
|
|
5
6
|
import { TablePaginationProps } from '@mui/material';
|
|
7
|
+
import { Theme, Comp, IconProps, NotificationsColorPalette, ProductColorPalette, ShieldVariant } from '@redsift/design-system';
|
|
8
|
+
import { GridApiPro } from '@mui/x-data-grid-pro/models/gridApiPro';
|
|
6
9
|
|
|
7
|
-
declare const DETAIL_PANEL_TOGGLE_COL_DEF:
|
|
10
|
+
declare const DETAIL_PANEL_TOGGLE_COL_DEF: _mui_x_data_grid_pro.GridColDef;
|
|
8
11
|
|
|
9
12
|
declare const getRsStringColumnType: () => GridColTypeDef;
|
|
10
13
|
declare const getRsNumberColumnType: () => GridColTypeDef;
|
|
@@ -54,174 +57,153 @@ type ColumnOptions<T extends ColumnType> = T extends 'string' ? StringColumnOpti
|
|
|
54
57
|
*/
|
|
55
58
|
declare function createColumn<T extends ColumnType>(type: T, options?: ColumnOptions<T>): Partial<GridColDef>;
|
|
56
59
|
|
|
57
|
-
declare const ARRAY_IS_EMPTY: GridFilterOperator<any, string | string[], any
|
|
58
|
-
declare const ARRAY_IS_NOT_EMPTY: GridFilterOperator<any, string | string[], any
|
|
60
|
+
declare const ARRAY_IS_EMPTY: GridFilterOperator<any, string | string[], any>;
|
|
61
|
+
declare const ARRAY_IS_NOT_EMPTY: GridFilterOperator<any, string | string[], any>;
|
|
59
62
|
|
|
60
|
-
declare const DATE_IS_BETWEEN: GridFilterOperator<any,
|
|
63
|
+
declare const DATE_IS_BETWEEN: GridFilterOperator<any, unknown, any>;
|
|
61
64
|
|
|
62
65
|
declare const getGridDateOperatorsExtended: (showTime?: boolean) => GridFilterOperator[];
|
|
63
66
|
|
|
64
|
-
declare const IS_BETWEEN: GridFilterOperator<any, number, any
|
|
67
|
+
declare const IS_BETWEEN: GridFilterOperator<any, number, any>;
|
|
65
68
|
|
|
66
69
|
declare const getGridNumericOperators: () => GridFilterOperator<any, unknown, any>[];
|
|
67
70
|
|
|
68
|
-
declare const DOES_NOT_CONTAIN: GridFilterOperator<any, string | string[], any
|
|
71
|
+
declare const DOES_NOT_CONTAIN: GridFilterOperator<any, string | string[], any>;
|
|
69
72
|
|
|
70
|
-
declare const DOES_NOT_END_WITH: GridFilterOperator<any, string | string[], any
|
|
73
|
+
declare const DOES_NOT_END_WITH: GridFilterOperator<any, string | string[], any>;
|
|
71
74
|
|
|
72
|
-
declare const DOES_NOT_EQUAL: GridFilterOperator<any, string | string[], any
|
|
75
|
+
declare const DOES_NOT_EQUAL: GridFilterOperator<any, string | string[], any>;
|
|
73
76
|
|
|
74
|
-
declare const DOES_NOT_HAVE: GridFilterOperator<any, string | string[], any
|
|
77
|
+
declare const DOES_NOT_HAVE: GridFilterOperator<any, string | string[], any>;
|
|
75
78
|
declare const DOES_NOT_HAVE_WITH_SELECT: {
|
|
76
79
|
InputComponent: typeof GridFilterInputSingleSelect;
|
|
77
80
|
label?: string;
|
|
78
81
|
headerLabel?: string;
|
|
79
|
-
value:
|
|
80
|
-
getApplyFilterFn:
|
|
81
|
-
InputComponentProps?:
|
|
82
|
-
getValueAsString?: (value:
|
|
82
|
+
value: string;
|
|
83
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
84
|
+
InputComponentProps?: Record<string, any>;
|
|
85
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
83
86
|
requiresFilterValue?: boolean;
|
|
84
87
|
};
|
|
85
88
|
|
|
86
|
-
declare const DOES_NOT_START_WITH: GridFilterOperator<any, string | string[], any
|
|
89
|
+
declare const DOES_NOT_START_WITH: GridFilterOperator<any, string | string[], any>;
|
|
87
90
|
|
|
88
|
-
declare const HAS: GridFilterOperator<any, string | string[], any
|
|
91
|
+
declare const HAS: GridFilterOperator<any, string | string[], any>;
|
|
89
92
|
declare const HAS_WITH_SELECT: {
|
|
90
93
|
InputComponent: typeof GridFilterInputSingleSelect;
|
|
91
94
|
label?: string;
|
|
92
95
|
headerLabel?: string;
|
|
93
|
-
value:
|
|
94
|
-
getApplyFilterFn:
|
|
95
|
-
InputComponentProps?:
|
|
96
|
-
getValueAsString?: (value:
|
|
96
|
+
value: string;
|
|
97
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
98
|
+
InputComponentProps?: Record<string, any>;
|
|
99
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
97
100
|
requiresFilterValue?: boolean;
|
|
98
101
|
};
|
|
99
102
|
|
|
100
|
-
declare const HAS_ONLY: GridFilterOperator<any, string | string[], any
|
|
103
|
+
declare const HAS_ONLY: GridFilterOperator<any, string | string[], any>;
|
|
101
104
|
declare const HAS_ONLY_WITH_SELECT: {
|
|
102
105
|
InputComponent: typeof GridFilterInputSingleSelect;
|
|
103
106
|
label?: string;
|
|
104
107
|
headerLabel?: string;
|
|
105
|
-
value:
|
|
106
|
-
getApplyFilterFn:
|
|
107
|
-
InputComponentProps?:
|
|
108
|
-
getValueAsString?: (value:
|
|
108
|
+
value: string;
|
|
109
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
110
|
+
InputComponentProps?: Record<string, any>;
|
|
111
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
109
112
|
requiresFilterValue?: boolean;
|
|
110
113
|
};
|
|
111
114
|
|
|
112
|
-
declare const IS: GridFilterOperator<any, string | string[], any
|
|
115
|
+
declare const IS: GridFilterOperator<any, string | string[], any>;
|
|
113
116
|
declare const IS_WITH_SELECT: {
|
|
114
117
|
InputComponent: typeof GridFilterInputSingleSelect;
|
|
115
118
|
label?: string;
|
|
116
119
|
headerLabel?: string;
|
|
117
|
-
value:
|
|
118
|
-
getApplyFilterFn:
|
|
119
|
-
InputComponentProps?:
|
|
120
|
-
getValueAsString?: (value:
|
|
120
|
+
value: string;
|
|
121
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
122
|
+
InputComponentProps?: Record<string, any>;
|
|
123
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
121
124
|
requiresFilterValue?: boolean;
|
|
122
125
|
};
|
|
123
126
|
|
|
124
|
-
declare const IS_NOT: GridFilterOperator<any, string | string[], any
|
|
127
|
+
declare const IS_NOT: GridFilterOperator<any, string | string[], any>;
|
|
125
128
|
declare const IS_NOT_WITH_SELECT: {
|
|
126
129
|
InputComponent: typeof GridFilterInputSingleSelect;
|
|
127
130
|
label?: string;
|
|
128
131
|
headerLabel?: string;
|
|
129
|
-
value:
|
|
130
|
-
getApplyFilterFn:
|
|
131
|
-
InputComponentProps?:
|
|
132
|
-
getValueAsString?: (value:
|
|
132
|
+
value: string;
|
|
133
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
134
|
+
InputComponentProps?: Record<string, any>;
|
|
135
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
133
136
|
requiresFilterValue?: boolean;
|
|
134
137
|
};
|
|
135
138
|
|
|
136
139
|
declare const getGridStringOperators: () => GridFilterOperator<any, unknown, any>[];
|
|
137
140
|
|
|
138
|
-
declare const CONTAINS_ANY_OF: GridFilterOperator<any, string | string[], any
|
|
141
|
+
declare const CONTAINS_ANY_OF: GridFilterOperator<any, string | string[], any>;
|
|
139
142
|
|
|
140
|
-
declare const DOES_NOT_CONTAIN_ANY_OF: GridFilterOperator<any, string | string[], any
|
|
143
|
+
declare const DOES_NOT_CONTAIN_ANY_OF: GridFilterOperator<any, string | string[], any>;
|
|
141
144
|
|
|
142
|
-
declare const DOES_NOT_END_WITH_ANY_OF: GridFilterOperator<any, string | string[], any
|
|
145
|
+
declare const DOES_NOT_END_WITH_ANY_OF: GridFilterOperator<any, string | string[], any>;
|
|
143
146
|
|
|
144
|
-
declare const DOES_NOT_HAVE_ANY_OF: GridFilterOperator<any, string | string[], any
|
|
145
|
-
declare const DOES_NOT_HAVE_ANY_OF_WITH_SELECT:
|
|
146
|
-
InputComponent: typeof GridFilterInputMultipleSingleSelect;
|
|
147
|
-
label?: string;
|
|
148
|
-
headerLabel?: string;
|
|
149
|
-
value: _mui_x_data_grid.GridFilterItem["operator"];
|
|
150
|
-
getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
|
|
151
|
-
InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
|
|
152
|
-
getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
|
|
153
|
-
requiresFilterValue?: boolean;
|
|
154
|
-
};
|
|
147
|
+
declare const DOES_NOT_HAVE_ANY_OF: GridFilterOperator<any, string | string[], any>;
|
|
148
|
+
declare const DOES_NOT_HAVE_ANY_OF_WITH_SELECT: GridFilterOperator<any, string | string[], any>;
|
|
155
149
|
|
|
156
|
-
declare const DOES_NOT_START_WITH_ANY_OF: GridFilterOperator<any, string | string[], any
|
|
150
|
+
declare const DOES_NOT_START_WITH_ANY_OF: GridFilterOperator<any, string | string[], any>;
|
|
157
151
|
|
|
158
|
-
declare const ENDS_WITH_ANY_OF: GridFilterOperator<any, string | string[], any
|
|
152
|
+
declare const ENDS_WITH_ANY_OF: GridFilterOperator<any, string | string[], any>;
|
|
159
153
|
|
|
160
|
-
declare const HAS_ALL_OF: GridFilterOperator<any, string | string[], any
|
|
154
|
+
declare const HAS_ALL_OF: GridFilterOperator<any, string | string[], any>;
|
|
161
155
|
declare const HAS_ALL_OF_WITH_SELECT: {
|
|
162
156
|
InputComponent: typeof GridFilterInputMultipleSingleSelect;
|
|
163
157
|
label?: string;
|
|
164
158
|
headerLabel?: string;
|
|
165
|
-
value:
|
|
166
|
-
getApplyFilterFn:
|
|
167
|
-
InputComponentProps?:
|
|
168
|
-
getValueAsString?: (value:
|
|
159
|
+
value: string;
|
|
160
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
161
|
+
InputComponentProps?: Record<string, any>;
|
|
162
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
169
163
|
requiresFilterValue?: boolean;
|
|
170
164
|
};
|
|
171
165
|
|
|
172
|
-
declare const HAS_ANY_OF: GridFilterOperator<any, string | string[], any
|
|
166
|
+
declare const HAS_ANY_OF: GridFilterOperator<any, string | string[], any>;
|
|
173
167
|
declare const HAS_ANY_OF_WITH_SELECT: {
|
|
174
168
|
InputComponent: typeof GridFilterInputMultipleSingleSelect;
|
|
175
169
|
label?: string;
|
|
176
170
|
headerLabel?: string;
|
|
177
|
-
value:
|
|
178
|
-
getApplyFilterFn:
|
|
179
|
-
InputComponentProps?:
|
|
180
|
-
getValueAsString?: (value:
|
|
171
|
+
value: string;
|
|
172
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
173
|
+
InputComponentProps?: Record<string, any>;
|
|
174
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
181
175
|
requiresFilterValue?: boolean;
|
|
182
176
|
};
|
|
183
177
|
|
|
184
|
-
declare const IS_ANY_OF: GridFilterOperator<any, string | string[], any
|
|
178
|
+
declare const IS_ANY_OF: GridFilterOperator<any, string | string[], any>;
|
|
185
179
|
declare const IS_ANY_OF_WITH_SELECT: {
|
|
186
180
|
InputComponent: typeof GridFilterInputMultipleSingleSelect;
|
|
187
181
|
label?: string;
|
|
188
182
|
headerLabel?: string;
|
|
189
|
-
value:
|
|
190
|
-
getApplyFilterFn:
|
|
191
|
-
InputComponentProps?:
|
|
192
|
-
getValueAsString?: (value:
|
|
193
|
-
requiresFilterValue?: boolean;
|
|
194
|
-
};
|
|
195
|
-
|
|
196
|
-
declare const IS_ANY_OF_I: GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps>;
|
|
197
|
-
declare const IS_ANY_OF_I_WITH_SELECT: {
|
|
198
|
-
InputComponent: typeof GridFilterInputMultipleSingleSelect;
|
|
199
|
-
label?: string;
|
|
200
|
-
headerLabel?: string;
|
|
201
|
-
value: _mui_x_data_grid.GridFilterItem["operator"];
|
|
202
|
-
getApplyFilterFn: _mui_x_data_grid.GetApplyFilterFn<any, string | string[], any>;
|
|
203
|
-
InputComponentProps?: Partial<_mui_x_data_grid.GridFilterInputValueProps> | undefined;
|
|
204
|
-
getValueAsString?: (value: _mui_x_data_grid.GridFilterItem["value"]) => string;
|
|
183
|
+
value: string;
|
|
184
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
185
|
+
InputComponentProps?: Record<string, any>;
|
|
186
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
205
187
|
requiresFilterValue?: boolean;
|
|
206
188
|
};
|
|
207
189
|
|
|
208
|
-
declare const IS_NOT_ANY_OF: GridFilterOperator<any, string | string[], any
|
|
190
|
+
declare const IS_NOT_ANY_OF: GridFilterOperator<any, string | string[], any>;
|
|
209
191
|
declare const IS_NOT_ANY_OF_WITH_SELECT: {
|
|
210
192
|
InputComponent: typeof GridFilterInputMultipleSingleSelect;
|
|
211
193
|
label?: string;
|
|
212
194
|
headerLabel?: string;
|
|
213
|
-
value:
|
|
214
|
-
getApplyFilterFn:
|
|
215
|
-
InputComponentProps?:
|
|
216
|
-
getValueAsString?: (value:
|
|
195
|
+
value: string;
|
|
196
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
197
|
+
InputComponentProps?: Record<string, any>;
|
|
198
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
217
199
|
requiresFilterValue?: boolean;
|
|
218
200
|
};
|
|
219
201
|
|
|
220
|
-
declare const STARTS_WITH_ANY_OF: GridFilterOperator<any, string | string[], any
|
|
202
|
+
declare const STARTS_WITH_ANY_OF: GridFilterOperator<any, string | string[], any>;
|
|
221
203
|
|
|
222
|
-
declare const getGridStringArrayOperators: () => GridFilterOperator
|
|
223
|
-
declare const getGridStringArrayOperatorsWithSelect: () => GridFilterOperator
|
|
224
|
-
declare const getGridStringArrayOperatorsWithSelectOnStringArrayColumns: () => GridFilterOperator
|
|
204
|
+
declare const getGridStringArrayOperators: () => GridFilterOperator[];
|
|
205
|
+
declare const getGridStringArrayOperatorsWithSelect: () => GridFilterOperator[];
|
|
206
|
+
declare const getGridStringArrayOperatorsWithSelectOnStringArrayColumns: () => GridFilterOperator[];
|
|
225
207
|
|
|
226
208
|
/**
|
|
227
209
|
* Wraps a filter operator's `getApplyFilterFn` to lowercase both the cell value
|
|
@@ -236,93 +218,91 @@ declare const wrapCaseInsensitive: (operator: GridFilterOperator) => GridFilterO
|
|
|
236
218
|
declare const makeCaseInsensitive: (operators: GridFilterOperator[]) => GridFilterOperator[];
|
|
237
219
|
|
|
238
220
|
declare const operatorList: {
|
|
239
|
-
string:
|
|
240
|
-
number:
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
rsSingleSelect: (_mui_x_data_grid.GridFilterOperator<any, string | string[], any, _mui_x_data_grid.GridFilterInputValueProps> | {
|
|
250
|
-
InputComponent: typeof _mui_x_data_grid.GridFilterInputSingleSelect;
|
|
221
|
+
string: _mui_x_data_grid_pro.GridFilterOperator<any, string | number | null, any>[];
|
|
222
|
+
number: _mui_x_data_grid_pro.GridFilterOperator<any, string | number | null, any>[];
|
|
223
|
+
boolean: _mui_x_data_grid_pro.GridFilterOperator<any, boolean | null, any>[];
|
|
224
|
+
date: _mui_x_data_grid_pro.GridFilterOperator<any, Date, any>[];
|
|
225
|
+
dateTime: _mui_x_data_grid_pro.GridFilterOperator<any, Date, any>[];
|
|
226
|
+
singleSelect: _mui_x_data_grid_pro.GridFilterOperator<any, any, any>[];
|
|
227
|
+
rsString: _mui_x_data_grid_pro.GridFilterOperator<any, unknown, any>[];
|
|
228
|
+
rsNumber: _mui_x_data_grid_pro.GridFilterOperator<any, unknown, any>[];
|
|
229
|
+
rsSingleSelect: (_mui_x_data_grid_pro.GridFilterOperator<any, string | string[], any> | {
|
|
230
|
+
InputComponent: typeof _mui_x_data_grid_pro.GridFilterInputSingleSelect;
|
|
251
231
|
label?: string;
|
|
252
232
|
headerLabel?: string;
|
|
253
|
-
value:
|
|
254
|
-
getApplyFilterFn:
|
|
255
|
-
InputComponentProps?:
|
|
256
|
-
getValueAsString?: (value:
|
|
233
|
+
value: string;
|
|
234
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
235
|
+
InputComponentProps?: Record<string, any>;
|
|
236
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
257
237
|
requiresFilterValue?: boolean;
|
|
258
238
|
} | {
|
|
259
|
-
InputComponent: typeof
|
|
239
|
+
InputComponent: typeof _mui_x_data_grid_pro.GridFilterInputMultipleSingleSelect;
|
|
260
240
|
label?: string;
|
|
261
241
|
headerLabel?: string;
|
|
262
|
-
value:
|
|
263
|
-
getApplyFilterFn:
|
|
264
|
-
InputComponentProps?:
|
|
265
|
-
getValueAsString?: (value:
|
|
242
|
+
value: string;
|
|
243
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
244
|
+
InputComponentProps?: Record<string, any>;
|
|
245
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
266
246
|
requiresFilterValue?: boolean;
|
|
267
247
|
})[];
|
|
268
248
|
rsSingleSelectWithShortOperatorList: ({
|
|
269
|
-
InputComponent: typeof
|
|
249
|
+
InputComponent: typeof _mui_x_data_grid_pro.GridFilterInputSingleSelect;
|
|
270
250
|
label?: string;
|
|
271
251
|
headerLabel?: string;
|
|
272
|
-
value:
|
|
273
|
-
getApplyFilterFn:
|
|
274
|
-
InputComponentProps?:
|
|
275
|
-
getValueAsString?: (value:
|
|
252
|
+
value: string;
|
|
253
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
254
|
+
InputComponentProps?: Record<string, any>;
|
|
255
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
276
256
|
requiresFilterValue?: boolean;
|
|
277
257
|
} | {
|
|
278
|
-
InputComponent: typeof
|
|
258
|
+
InputComponent: typeof _mui_x_data_grid_pro.GridFilterInputMultipleSingleSelect;
|
|
279
259
|
label?: string;
|
|
280
260
|
headerLabel?: string;
|
|
281
|
-
value:
|
|
282
|
-
getApplyFilterFn:
|
|
283
|
-
InputComponentProps?:
|
|
284
|
-
getValueAsString?: (value:
|
|
261
|
+
value: string;
|
|
262
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
263
|
+
InputComponentProps?: Record<string, any>;
|
|
264
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
285
265
|
requiresFilterValue?: boolean;
|
|
286
266
|
})[];
|
|
287
|
-
rsMultipleSelect: (
|
|
288
|
-
InputComponent: typeof
|
|
267
|
+
rsMultipleSelect: (_mui_x_data_grid_pro.GridFilterOperator<any, string | string[], any> | {
|
|
268
|
+
InputComponent: typeof _mui_x_data_grid_pro.GridFilterInputSingleSelect;
|
|
289
269
|
label?: string;
|
|
290
270
|
headerLabel?: string;
|
|
291
|
-
value:
|
|
292
|
-
getApplyFilterFn:
|
|
293
|
-
InputComponentProps?:
|
|
294
|
-
getValueAsString?: (value:
|
|
271
|
+
value: string;
|
|
272
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
273
|
+
InputComponentProps?: Record<string, any>;
|
|
274
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
295
275
|
requiresFilterValue?: boolean;
|
|
296
276
|
} | {
|
|
297
|
-
InputComponent: typeof
|
|
277
|
+
InputComponent: typeof _mui_x_data_grid_pro.GridFilterInputMultipleSingleSelect;
|
|
298
278
|
label?: string;
|
|
299
279
|
headerLabel?: string;
|
|
300
|
-
value:
|
|
301
|
-
getApplyFilterFn:
|
|
302
|
-
InputComponentProps?:
|
|
303
|
-
getValueAsString?: (value:
|
|
280
|
+
value: string;
|
|
281
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
282
|
+
InputComponentProps?: Record<string, any>;
|
|
283
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
304
284
|
requiresFilterValue?: boolean;
|
|
305
285
|
})[];
|
|
306
286
|
rsMultipleSelectWithShortOperatorList: ({
|
|
307
|
-
InputComponent: typeof
|
|
287
|
+
InputComponent: typeof _mui_x_data_grid_pro.GridFilterInputSingleSelect;
|
|
308
288
|
label?: string;
|
|
309
289
|
headerLabel?: string;
|
|
310
|
-
value:
|
|
311
|
-
getApplyFilterFn:
|
|
312
|
-
InputComponentProps?:
|
|
313
|
-
getValueAsString?: (value:
|
|
290
|
+
value: string;
|
|
291
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
292
|
+
InputComponentProps?: Record<string, any>;
|
|
293
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
314
294
|
requiresFilterValue?: boolean;
|
|
315
295
|
} | {
|
|
316
|
-
InputComponent: typeof
|
|
296
|
+
InputComponent: typeof _mui_x_data_grid_pro.GridFilterInputMultipleSingleSelect;
|
|
317
297
|
label?: string;
|
|
318
298
|
headerLabel?: string;
|
|
319
|
-
value:
|
|
320
|
-
getApplyFilterFn:
|
|
321
|
-
InputComponentProps?:
|
|
322
|
-
getValueAsString?: (value:
|
|
299
|
+
value: string;
|
|
300
|
+
getApplyFilterFn: _mui_x_data_grid_pro.GetApplyFilterFn<any, string | string[], any>;
|
|
301
|
+
InputComponentProps?: Record<string, any>;
|
|
302
|
+
getValueAsString?: (value: _mui_x_data_grid_pro.GridFilterItem["value"]) => string;
|
|
323
303
|
requiresFilterValue?: boolean;
|
|
324
304
|
})[];
|
|
325
|
-
rsStringArray:
|
|
305
|
+
rsStringArray: _mui_x_data_grid_pro.GridFilterOperator<any, any, any>[];
|
|
326
306
|
};
|
|
327
307
|
|
|
328
308
|
declare function getCompletion(text: string, role: string, openai_api_key: string | undefined, model?: string): Promise<string>;
|
|
@@ -336,13 +316,7 @@ declare const DIMENSION_MODEL_KEY = "dimension";
|
|
|
336
316
|
declare const FILTER_SEARCH_KEY = "searchModel";
|
|
337
317
|
declare const DENSITY_MODEL_KEY = "densityModel";
|
|
338
318
|
declare const COLUMN_ORDER_MODEL_KEY = "columnOrderModel";
|
|
339
|
-
declare const
|
|
340
|
-
declare const AGGREGATION_MODEL_KEY = "aggregationModel";
|
|
341
|
-
/** Storage category key for the pivot column/row/value configuration. Consumer interop — use with `buildStorageKey`. */
|
|
342
|
-
declare const PIVOT_MODEL_KEY = "pivotModel";
|
|
343
|
-
/** Storage category key for whether pivoting is active. Consumer interop — use with `buildStorageKey`. */
|
|
344
|
-
declare const PIVOT_ACTIVE_KEY = "pivotActive";
|
|
345
|
-
declare const CATEGORIES: readonly ["paginationModel", "filterModel", "sortModel", "visibilityModel", "dimension", "searchModel", "pinnedColumns", "densityModel", "columnOrderModel", "rowGroupingModel", "aggregationModel", "pivotModel", "pivotActive"];
|
|
319
|
+
declare const CATEGORIES: readonly ["paginationModel", "filterModel", "sortModel", "visibilityModel", "dimension", "searchModel", "pinnedColumns", "densityModel", "columnOrderModel"];
|
|
346
320
|
type Category = (typeof CATEGORIES)[number];
|
|
347
321
|
/**
|
|
348
322
|
* Build the localStorage key for a specific grid state category.
|
|
@@ -350,7 +324,7 @@ type Category = (typeof CATEGORIES)[number];
|
|
|
350
324
|
*
|
|
351
325
|
* @example
|
|
352
326
|
* ```ts
|
|
353
|
-
* const key = buildStorageKey({ id: pathname, version: 2, category:
|
|
327
|
+
* const key = buildStorageKey({ id: pathname, version: 2, category: SORT_MODEL_KEY });
|
|
354
328
|
* localStorage.removeItem(key);
|
|
355
329
|
* ```
|
|
356
330
|
*/
|
|
@@ -358,7 +332,7 @@ declare const buildStorageKey: ({ id, version, category }: {
|
|
|
358
332
|
id: string;
|
|
359
333
|
version: number;
|
|
360
334
|
category: Category;
|
|
361
|
-
}) => `${string}:${number}:paginationModel` | `${string}:${number}:filterModel` | `${string}:${number}:sortModel` | `${string}:${number}:visibilityModel` | `${string}:${number}:pinnedColumns` | `${string}:${number}:dimension` | `${string}:${number}:searchModel` | `${string}:${number}:densityModel` | `${string}:${number}:columnOrderModel
|
|
335
|
+
}) => `${string}:${number}:paginationModel` | `${string}:${number}:filterModel` | `${string}:${number}:sortModel` | `${string}:${number}:visibilityModel` | `${string}:${number}:pinnedColumns` | `${string}:${number}:dimension` | `${string}:${number}:searchModel` | `${string}:${number}:densityModel` | `${string}:${number}:columnOrderModel`;
|
|
362
336
|
declare const clearPreviousVersionStorage: (id: string, previousLocalStorageVersions: number[]) => void;
|
|
363
337
|
/**
|
|
364
338
|
* Clear localStorage keys for all versions from 0 to `maxVersion` (inclusive).
|
|
@@ -369,6 +343,19 @@ declare const clearAllVersionStorage: (id: string, maxVersion: number) => void;
|
|
|
369
343
|
* Fully reset a `StatefulDataGrid` — clear localStorage for the given versions
|
|
370
344
|
* and strip all grid-owned URL params (`_*` and `v=`), preserving any non-grid params.
|
|
371
345
|
*
|
|
346
|
+
* The function reads `window.location.search` directly so the strip always
|
|
347
|
+
* operates on the live URL. This matters because consumers typically call this
|
|
348
|
+
* from a component whose captured `search` snapshot may be stale — for example
|
|
349
|
+
* when the grid has just written its own keys to the URL via the router adapter
|
|
350
|
+
* but the parent hasn't re-rendered yet. Falling back to the supplied `search`
|
|
351
|
+
* is only used in non-browser environments (SSR, unit tests without jsdom).
|
|
352
|
+
*
|
|
353
|
+
* The write is performed via `historyReplace(newSearch, { authoritative: true })`.
|
|
354
|
+
* Adapters with delta/coalescing logic (e.g. `createReactRouterV5Adapter`)
|
|
355
|
+
* recognise the `authoritative` flag and bypass the delta computation, which
|
|
356
|
+
* would otherwise drop keys that grew into the URL after the parent's last
|
|
357
|
+
* captured snapshot. Adapters without delta logic simply ignore the flag.
|
|
358
|
+
*
|
|
372
359
|
* Call from within a component where the router values are available:
|
|
373
360
|
* ```ts
|
|
374
361
|
* const { search, historyReplace } = useMyRouter();
|
|
@@ -378,233 +365,55 @@ declare const clearAllVersionStorage: (id: string, maxVersion: number) => void;
|
|
|
378
365
|
declare const resetStatefulDataGridState: ({ id, versions, search, historyReplace, }: {
|
|
379
366
|
id: string;
|
|
380
367
|
versions: number[];
|
|
368
|
+
/**
|
|
369
|
+
* Fallback search string used only when `window.location.search` is
|
|
370
|
+
* unavailable (SSR, non-jsdom tests). In a browser the live URL is used
|
|
371
|
+
* regardless of this value.
|
|
372
|
+
*/
|
|
381
373
|
search: string;
|
|
382
|
-
historyReplace: (newSearch: string
|
|
374
|
+
historyReplace: (newSearch: string, options?: {
|
|
375
|
+
authoritative?: boolean;
|
|
376
|
+
}) => void;
|
|
383
377
|
}) => void;
|
|
384
|
-
|
|
385
|
-
/**
|
|
386
|
-
* Type for legacy array-based row selection (v7 and earlier)
|
|
387
|
-
*/
|
|
388
|
-
type LegacyRowSelectionModel = GridRowId[];
|
|
389
|
-
/**
|
|
390
|
-
* Type that accepts both legacy array format and new v8 object format
|
|
391
|
-
*/
|
|
392
|
-
type RowSelectionModelInput = LegacyRowSelectionModel | GridRowSelectionModel;
|
|
393
|
-
/**
|
|
394
|
-
* Default empty row selection model for MUI DataGrid v8+
|
|
395
|
-
* In v8, GridRowSelectionModel changed from GridRowId[] to { type: 'include' | 'exclude'; ids: Set<GridRowId> }
|
|
396
|
-
*/
|
|
397
|
-
declare const EMPTY_ROW_SELECTION_MODEL: GridRowSelectionModel;
|
|
398
378
|
/**
|
|
399
|
-
*
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
*
|
|
404
|
-
*
|
|
405
|
-
* This
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
*
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
*
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
*
|
|
418
|
-
*
|
|
419
|
-
*
|
|
420
|
-
|
|
421
|
-
declare const getSelectedIds: (model: GridRowSelectionModel) => GridRowId[];
|
|
422
|
-
|
|
423
|
-
/** Component Type. */
|
|
424
|
-
type Comp<P, T = HTMLElement> = {
|
|
425
|
-
(props: P & {
|
|
426
|
-
ref?: Ref<T>;
|
|
427
|
-
}): ReactElement | null;
|
|
428
|
-
/** React component type. */
|
|
429
|
-
readonly $$typeof?: symbol;
|
|
430
|
-
/** Component name. */
|
|
431
|
-
displayName?: string;
|
|
432
|
-
/** Component base class name. */
|
|
433
|
-
className?: string;
|
|
434
|
-
};
|
|
435
|
-
/** Get types of the values of a record. */
|
|
436
|
-
type ValueOf<T extends Record<any, any>> = T[keyof T];
|
|
437
|
-
|
|
438
|
-
/**
|
|
439
|
-
* Color palette.
|
|
440
|
-
*/
|
|
441
|
-
declare const Theme: {
|
|
442
|
-
readonly light: "light";
|
|
443
|
-
readonly dark: "dark";
|
|
444
|
-
};
|
|
445
|
-
type Theme = ValueOf<typeof Theme>;
|
|
446
|
-
declare const NotificationsColorPalette: {
|
|
447
|
-
readonly question: "question";
|
|
448
|
-
readonly 'no-data': "no-data";
|
|
449
|
-
readonly success: "success";
|
|
450
|
-
readonly warning: "warning";
|
|
451
|
-
readonly info: "info";
|
|
452
|
-
readonly primary: "primary";
|
|
453
|
-
readonly secondary: "secondary";
|
|
454
|
-
readonly error: "error";
|
|
455
|
-
};
|
|
456
|
-
type NotificationsColorPalette = ValueOf<typeof NotificationsColorPalette>;
|
|
457
|
-
declare const ProductColorPalette: {
|
|
458
|
-
readonly asm: "asm";
|
|
459
|
-
readonly 'brand-trust': "brand-trust";
|
|
460
|
-
readonly certificates: "certificates";
|
|
461
|
-
readonly ondmarc: "ondmarc";
|
|
462
|
-
readonly pulse: "pulse";
|
|
463
|
-
readonly radar: "radar";
|
|
464
|
-
readonly 'rojo-ds': "rojo-ds";
|
|
465
|
-
readonly 'vendor-secure': "vendor-secure";
|
|
466
|
-
readonly website: "website";
|
|
467
|
-
};
|
|
468
|
-
type ProductColorPalette = ValueOf<typeof ProductColorPalette>;
|
|
469
|
-
|
|
470
|
-
declare const AlignSelf: {
|
|
471
|
-
readonly auto: "auto";
|
|
472
|
-
readonly normal: "normal";
|
|
473
|
-
readonly start: "start";
|
|
474
|
-
readonly end: "end";
|
|
475
|
-
readonly center: "center";
|
|
476
|
-
readonly 'flex-start': "flex-start";
|
|
477
|
-
readonly 'flex-end': "flex-end";
|
|
478
|
-
readonly 'self-start': "self-start";
|
|
479
|
-
readonly 'self-end': "self-end";
|
|
480
|
-
readonly baseline: "baseline";
|
|
481
|
-
readonly stretch: "stretch";
|
|
482
|
-
};
|
|
483
|
-
type AlignSelf = ValueOf<typeof AlignSelf>;
|
|
484
|
-
interface LayoutProps {
|
|
485
|
-
/** When used in a flex layout, specifies how the element will grow or shrink to fit the space available. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex">MDN</a>. */
|
|
486
|
-
flex?: string;
|
|
487
|
-
/** When used in a flex layout, specifies how the element will grow to fit the space available. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow">MDN</a>. */
|
|
488
|
-
flexGrow?: number;
|
|
489
|
-
/** When used in a flex layout, specifies how the element will shrink to fit the space available. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink">MDN</a>. */
|
|
490
|
-
flexShrink?: number;
|
|
491
|
-
/** When used in a flex layout, specifies the initial main size of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/flex_basis">MDN</a>. */
|
|
492
|
-
flexBasis?: string;
|
|
493
|
-
/** Overrides the alignItems property of a flex or grid container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/align-self">MDN</a>. */
|
|
494
|
-
alignSelf?: AlignSelf;
|
|
495
|
-
/** Specifies how the element is justified inside a flex or grid container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self">MDN</a>. */
|
|
496
|
-
justifySelf?: string;
|
|
497
|
-
/** The layout order for the element within a flex or grid container. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/order">MDN</a>. */
|
|
498
|
-
order?: number;
|
|
499
|
-
/** When used in a grid layout, specifies the named grid area that the element should be placed in within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area">MDN</a>. */
|
|
500
|
-
gridArea?: string;
|
|
501
|
-
/** When used in a grid layout, specifies the column the element should be placed in within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column">MDN</a>. */
|
|
502
|
-
gridColumn?: string;
|
|
503
|
-
/** When used in a grid layout, specifies the row the element should be placed in within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row">MDN</a>. */
|
|
504
|
-
gridRow?: string;
|
|
505
|
-
/** When used in a grid layout, specifies the starting column to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start">MDN</a>. */
|
|
506
|
-
gridColumnStart?: string;
|
|
507
|
-
/** When used in a grid layout, specifies the ending column to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end">MDN</a>. */
|
|
508
|
-
gridColumnEnd?: string;
|
|
509
|
-
/** When used in a grid layout, specifies the starting row to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start">MDN</a>. */
|
|
510
|
-
gridRowStart?: string;
|
|
511
|
-
/** When used in a grid layout, specifies the ending row to span within the grid. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end">MDN</a>. */
|
|
512
|
-
gridRowEnd?: string;
|
|
513
|
-
}
|
|
514
|
-
interface SpacingProps {
|
|
515
|
-
/** The margin for all four sides of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin">MDN</a>. */
|
|
516
|
-
margin?: string;
|
|
517
|
-
/** The margin for the bottom side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom">MDN</a>. */
|
|
518
|
-
marginBottom?: string;
|
|
519
|
-
/** The margin for the left side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left">MDN</a>. */
|
|
520
|
-
marginLeft?: string;
|
|
521
|
-
/** The margin for the right side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right">MDN</a>. */
|
|
522
|
-
marginRight?: string;
|
|
523
|
-
/** The margin for the top side of the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top">MDN</a>. */
|
|
524
|
-
marginTop?: string;
|
|
525
|
-
}
|
|
526
|
-
interface PositioningProps {
|
|
527
|
-
/** Specifies how the element is positioned. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position">MDN</a>. */
|
|
528
|
-
position?: string;
|
|
529
|
-
/** The top position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/top">MDN</a>. */
|
|
530
|
-
top?: string;
|
|
531
|
-
/** The bottom position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/bottom">MDN</a>. */
|
|
532
|
-
bottom?: string;
|
|
533
|
-
/** The left position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/left">MDN</a>. Consider using start instead for RTL support. */
|
|
534
|
-
left?: string;
|
|
535
|
-
/** The right position for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/right">MDN</a>. Consider using start instead for RTL support. */
|
|
536
|
-
right?: string;
|
|
537
|
-
/** The stacking order for the element. See <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/z-index">MDN</a>. */
|
|
538
|
-
zIndex?: string;
|
|
539
|
-
}
|
|
540
|
-
|
|
541
|
-
/**
|
|
542
|
-
* Component size.
|
|
543
|
-
*/
|
|
544
|
-
declare const IconSize: {
|
|
545
|
-
readonly xsmall: "xsmall";
|
|
546
|
-
readonly small: "small";
|
|
547
|
-
readonly medium: "medium";
|
|
548
|
-
readonly large: "large";
|
|
549
|
-
readonly xlarge: "xlarge";
|
|
550
|
-
readonly xxlarge: "xxlarge";
|
|
551
|
-
};
|
|
552
|
-
type IconSize = ValueOf<typeof IconSize>;
|
|
553
|
-
type IconDimensions = {
|
|
554
|
-
width?: number;
|
|
555
|
-
height?: number;
|
|
556
|
-
fontSize?: number;
|
|
557
|
-
lineHeight?: number;
|
|
558
|
-
};
|
|
559
|
-
/**
|
|
560
|
-
* Component props.
|
|
379
|
+
* Reset only the column-visibility state of a `StatefulDataGrid` back to its
|
|
380
|
+
* default (all columns visible). Clears the persisted `visibilityModel`
|
|
381
|
+
* localStorage entry for the given versions and strips the `_columnVisibility`
|
|
382
|
+
* param from the live URL, leaving every other piece of grid state (filters,
|
|
383
|
+
* sort, pagination, pinned columns, …) untouched.
|
|
384
|
+
*
|
|
385
|
+
* This is the visibility-scoped counterpart to `resetStatefulDataGridState`.
|
|
386
|
+
* Reach for it at transition points where a stale visibility snapshot would
|
|
387
|
+
* otherwise re-seed and keep base columns hidden. Because it leaves the other
|
|
388
|
+
* params alone it will not clobber a filter the caller is writing in the same
|
|
389
|
+
* transition.
|
|
390
|
+
*
|
|
391
|
+
* Like `resetStatefulDataGridState`, the URL strip reads `window.location.search`
|
|
392
|
+
* directly so it operates on the live URL (the caller's captured snapshot may
|
|
393
|
+
* be stale), and writes via `historyReplace(newSearch, { authoritative: true })`.
|
|
394
|
+
*
|
|
395
|
+
* This clears the *persisted* state only. The caller is responsible for
|
|
396
|
+
* resetting the *live* grid in the same tick:
|
|
397
|
+
* ```ts
|
|
398
|
+
* resetColumnVisibility({ id: pathname, versions: [0, 1], search, historyReplace });
|
|
399
|
+
* apiRef.current?.setColumnVisibilityModel?.({});
|
|
400
|
+
* ```
|
|
561
401
|
*/
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
/** A screen reader only label for the Icon. */
|
|
566
|
-
'aria-label'?: string;
|
|
567
|
-
/** Color variant. Either from color palette or hex or rgb strings. */
|
|
568
|
-
color?: NotificationsColorPalette | ProductColorPalette | (string & {});
|
|
569
|
-
/** Whether the icon has a badge attached to it. */
|
|
570
|
-
badge?: ReactElement;
|
|
571
|
-
/**
|
|
572
|
-
* Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
|
|
573
|
-
* Can also be a ReactElement.
|
|
574
|
-
*/
|
|
575
|
-
icon: string | string[] | ReactElement;
|
|
402
|
+
declare const resetColumnVisibility: ({ id, versions, search, historyReplace, }: {
|
|
403
|
+
id: string;
|
|
404
|
+
versions: number[];
|
|
576
405
|
/**
|
|
577
|
-
*
|
|
578
|
-
*
|
|
406
|
+
* Fallback search string used only when `window.location.search` is
|
|
407
|
+
* unavailable (SSR, non-jsdom tests). In a browser the live URL is used
|
|
408
|
+
* regardless of this value.
|
|
579
409
|
*/
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
/**
|
|
588
|
-
* Component variant.
|
|
589
|
-
*/
|
|
590
|
-
declare const ShieldVariant: {
|
|
591
|
-
readonly success: "success";
|
|
592
|
-
readonly successLocked: "successLocked";
|
|
593
|
-
readonly successUnlocked: "successUnlocked";
|
|
594
|
-
readonly fail: "fail";
|
|
595
|
-
readonly failLocked: "failLocked";
|
|
596
|
-
readonly failUnlocked: "failUnlocked";
|
|
597
|
-
readonly warning: "warning";
|
|
598
|
-
readonly warningLocked: "warningLocked";
|
|
599
|
-
readonly warningUnlocked: "warningUnlocked";
|
|
600
|
-
readonly ignored: "ignored";
|
|
601
|
-
readonly noData: "noData";
|
|
602
|
-
readonly question: "question";
|
|
603
|
-
readonly email: "email";
|
|
604
|
-
};
|
|
605
|
-
type ShieldVariant = ValueOf<typeof ShieldVariant>;
|
|
410
|
+
search: string;
|
|
411
|
+
historyReplace: (newSearch: string, options?: {
|
|
412
|
+
authoritative?: boolean;
|
|
413
|
+
}) => void;
|
|
414
|
+
}) => void;
|
|
606
415
|
|
|
607
|
-
interface DataGridProps extends Partial<Pick<
|
|
416
|
+
interface DataGridProps extends Partial<Pick<DataGridProProps, 'rows'>>, Omit<DataGridProProps, 'rows'> {
|
|
608
417
|
/** License key for MUI Datagrid Pro. */
|
|
609
418
|
license?: string;
|
|
610
419
|
/**
|
|
@@ -617,10 +426,32 @@ interface DataGridProps extends Partial<Pick<DataGridPremiumProps, 'rows'>>, Omi
|
|
|
617
426
|
/** Whether the Toolbar is displayed or not. */
|
|
618
427
|
hideToolbar?: boolean;
|
|
619
428
|
/**
|
|
620
|
-
* Indicates
|
|
429
|
+
* Indicates where to render the pagination controls (the "Rows per page" + page
|
|
430
|
+
* navigation bar). Independent of `selectionBannerPlacement`.
|
|
431
|
+
*
|
|
432
|
+
* - `'top'` / `'bottom'` / `'both'` — above / below / both sides of the grid body.
|
|
433
|
+
* - `'none'` — no pager controls.
|
|
434
|
+
* - `'belowToolbar'` — in a row directly below the toolbar (right-aligned). Pair
|
|
435
|
+
* with `selectionBannerPlacement="belowToolbar"` to get the banner on the left
|
|
436
|
+
* and the pager on the right in the same row. Only applies when `pagination` is enabled.
|
|
621
437
|
* @default 'both'
|
|
622
438
|
*/
|
|
623
|
-
paginationPlacement?: 'top' | 'bottom' | 'both' | 'none';
|
|
439
|
+
paginationPlacement?: 'top' | 'bottom' | 'both' | 'none' | 'belowToolbar';
|
|
440
|
+
/**
|
|
441
|
+
* Where to render the row-selection banner (the "All N rows on this page are
|
|
442
|
+
* selected…" line). Independent of `paginationPlacement` — the latter only
|
|
443
|
+
* controls the pager controls.
|
|
444
|
+
*
|
|
445
|
+
* - `'top'` — above the toolbar (default, current behaviour).
|
|
446
|
+
* - `'bottom'` — in the footer, alongside the bottom pager.
|
|
447
|
+
* - `'belowToolbar'` — between the toolbar and the grid body. Rendered via
|
|
448
|
+
* the toolbar slot, so the toolbar slot is forced to render even when
|
|
449
|
+
* `hideToolbar` is set (the toolbar itself stays hidden, only the banner shows).
|
|
450
|
+
* Combine with `paginationPlacement="belowToolbar"` for a banner-left / pager-right
|
|
451
|
+
* row. Only applies when `pagination` is enabled.
|
|
452
|
+
* @default 'top'
|
|
453
|
+
*/
|
|
454
|
+
selectionBannerPlacement?: 'top' | 'bottom' | 'belowToolbar';
|
|
624
455
|
/** Props to forward to the pagination component. */
|
|
625
456
|
paginationProps?: Omit<TablePaginationProps, 'component' | 'count' | 'page' | 'onPageChange' | 'rowsPerPage' | 'onRowsPerPageChange' | 'rowsPerPageOptions' | 'paginationMode'>;
|
|
626
457
|
/** Theme. */
|
|
@@ -717,7 +548,19 @@ interface StatefulDataGridProps extends DataGridProps {
|
|
|
717
548
|
useRouter: () => {
|
|
718
549
|
pathname: string;
|
|
719
550
|
search: string;
|
|
720
|
-
|
|
551
|
+
/**
|
|
552
|
+
* Replace the URL's query string.
|
|
553
|
+
*
|
|
554
|
+
* Adapters that perform delta computation against a captured search snapshot
|
|
555
|
+
* (e.g. `createReactRouterV5Adapter`) should treat `options.authoritative === true`
|
|
556
|
+
* as a directive to bypass any delta/coalescing logic and write `newSearch`
|
|
557
|
+
* directly to the live URL. Authoritative writes are used by resetting
|
|
558
|
+
* APIs such as `resetStatefulDataGridState` and `resetColumnVisibility`
|
|
559
|
+
* where the caller's view of the URL may be stale.
|
|
560
|
+
*/
|
|
561
|
+
historyReplace: (newSearch: string, options?: {
|
|
562
|
+
authoritative?: boolean;
|
|
563
|
+
}) => void;
|
|
721
564
|
};
|
|
722
565
|
/** Local Storage version, to upgrade when we want to force a clean out. */
|
|
723
566
|
localStorageVersion?: number;
|
|
@@ -834,7 +677,7 @@ declare const getFilterModelFromString: (searchString: string, columns: DataGrid
|
|
|
834
677
|
declare const getSearchParamsFromFilterModel: (filterModel: ExtendedGridFilterModel) => URLSearchParams;
|
|
835
678
|
/** SORT */
|
|
836
679
|
declare const getSortingFromString: (searchString: string, columns: DataGridProps["columns"]) => GridSortModel | "invalid";
|
|
837
|
-
declare const getSearchParamsFromSorting: (sorting:
|
|
680
|
+
declare const getSearchParamsFromSorting: (sorting: readonly GridSortItem[]) => URLSearchParams;
|
|
838
681
|
/** PAGINATION */
|
|
839
682
|
declare const getPaginationFromString: (searchString: string) => ExtendedGridPaginationModel | "invalid";
|
|
840
683
|
declare const getSearchParamsFromPagination: (pagination: ExtendedGridPaginationModel) => URLSearchParams;
|
|
@@ -848,36 +691,11 @@ declare const getSearchParamsFromTab: (search: string) => URLSearchParams;
|
|
|
848
691
|
type GridDensityValue = 'compact' | 'standard' | 'comfortable';
|
|
849
692
|
declare const getDensityFromString: (searchString: string) => GridDensityValue | "invalid";
|
|
850
693
|
declare const getSearchParamsFromDensity: (density: GridDensityValue) => URLSearchParams;
|
|
851
|
-
declare const getDensityModel: (search: string, localStorageDensity: string, setLocalStorageDensity: (density: string) => void, initialState:
|
|
694
|
+
declare const getDensityModel: (search: string, localStorageDensity: string, setLocalStorageDensity: (density: string) => void, initialState: GridInitialStatePro | undefined, isNewVersion: boolean) => GridDensityValue;
|
|
852
695
|
/** COLUMN ORDER */
|
|
853
696
|
type ColumnOrderModel = string[];
|
|
854
697
|
declare const getColumnOrderFromString: (searchString: string) => ColumnOrderModel | "invalid";
|
|
855
698
|
declare const getSearchParamsFromColumnOrder: (columnOrder: ColumnOrderModel) => URLSearchParams;
|
|
856
|
-
/** ROW GROUPING */
|
|
857
|
-
declare const getRowGroupingFromString: (searchString: string) => GridRowGroupingModel | "invalid";
|
|
858
|
-
declare const getSearchParamsFromRowGrouping: (rowGrouping: GridRowGroupingModel) => URLSearchParams;
|
|
859
|
-
/** AGGREGATION */
|
|
860
|
-
declare const getAggregationFromString: (searchString: string) => GridAggregationModel | "invalid";
|
|
861
|
-
declare const getSearchParamsFromAggregation: (aggregation: GridAggregationModel) => URLSearchParams;
|
|
862
|
-
/** PIVOT */
|
|
863
|
-
interface PivotModel {
|
|
864
|
-
columns: string[];
|
|
865
|
-
rows: string[];
|
|
866
|
-
values: {
|
|
867
|
-
field: string;
|
|
868
|
-
aggFunc: string;
|
|
869
|
-
}[];
|
|
870
|
-
}
|
|
871
|
-
/** Convert MUI's GridPivotModel → our simplified PivotModel */
|
|
872
|
-
declare const fromGridPivotModel: (model: GridPivotModel) => PivotModel;
|
|
873
|
-
/**
|
|
874
|
-
* Pivot format: `cols:f1,f2;rows:f3;vals:f4.sum,f5.avg`
|
|
875
|
-
*/
|
|
876
|
-
declare const getPivotFromString: (searchString: string) => PivotModel | "invalid";
|
|
877
|
-
declare const getSearchParamsFromPivot: (pivot: PivotModel) => URLSearchParams;
|
|
878
|
-
/** PIVOT ACTIVE */
|
|
879
|
-
declare const getPivotActiveFromString: (searchString: string) => boolean | "invalid";
|
|
880
|
-
declare const getSearchParamsFromPivotActive: (active: boolean) => URLSearchParams;
|
|
881
699
|
/**
|
|
882
700
|
* Builds the `v=<version>` search param the grid uses to detect stale URLs.
|
|
883
701
|
*
|
|
@@ -906,14 +724,10 @@ type FinalSearchInput = {
|
|
|
906
724
|
density: GridDensityValue;
|
|
907
725
|
columnOrderModel: ColumnOrderModel;
|
|
908
726
|
defaultColumnOrder: ColumnOrderModel;
|
|
909
|
-
rowGroupingModel: GridRowGroupingModel;
|
|
910
|
-
aggregationModel: GridAggregationModel;
|
|
911
|
-
pivotModel: PivotModel;
|
|
912
|
-
pivotActive: boolean;
|
|
913
727
|
search: string;
|
|
914
728
|
columns: DataGridProps['columns'];
|
|
915
729
|
};
|
|
916
|
-
declare const getFinalSearch: ({ search, localStorageVersion, filterModel, sortModel, paginationModel, columnsVisibilityModel, pinnedColumnsModel, density, columnOrderModel, defaultColumnOrder,
|
|
730
|
+
declare const getFinalSearch: ({ search, localStorageVersion, filterModel, sortModel, paginationModel, columnsVisibilityModel, pinnedColumnsModel, density, columnOrderModel, defaultColumnOrder, columns, }: FinalSearchInput) => URLSearchParams;
|
|
917
731
|
type PinnedColumns = {
|
|
918
732
|
left: string[];
|
|
919
733
|
right: string[];
|
|
@@ -933,14 +747,6 @@ type ModelsLocalStorage = {
|
|
|
933
747
|
setLocalStorageDensity: (density: string) => void;
|
|
934
748
|
localStorageColumnOrder: string;
|
|
935
749
|
setLocalStorageColumnOrder: (value: string) => void;
|
|
936
|
-
localStorageRowGrouping: string;
|
|
937
|
-
setLocalStorageRowGrouping: (value: string) => void;
|
|
938
|
-
localStorageAggregation: string;
|
|
939
|
-
setLocalStorageAggregation: (value: string) => void;
|
|
940
|
-
localStoragePivot: string;
|
|
941
|
-
setLocalStoragePivot: (value: string) => void;
|
|
942
|
-
localStoragePivotActive: string;
|
|
943
|
-
setLocalStoragePivotActive: (value: string) => void;
|
|
944
750
|
};
|
|
945
751
|
type ModelsTable = {
|
|
946
752
|
filterModel: GridFilterModel;
|
|
@@ -950,15 +756,11 @@ type ModelsTable = {
|
|
|
950
756
|
pinnedColumnsModel: PinnedColumns;
|
|
951
757
|
density: GridDensityValue;
|
|
952
758
|
columnOrderModel: ColumnOrderModel;
|
|
953
|
-
rowGroupingModel: GridRowGroupingModel;
|
|
954
|
-
aggregationModel: GridAggregationModel;
|
|
955
|
-
pivotModel: PivotModel;
|
|
956
|
-
pivotActive: boolean;
|
|
957
759
|
/** The display-format search string the URL should have. Null if no update needed. */
|
|
958
760
|
pendingSearch: string | null;
|
|
959
761
|
};
|
|
960
762
|
/** Return the state of the table given the URL and the local storage state */
|
|
961
|
-
declare const getModelsParsedOrUpdateLocalStorage: (search: string, localStorageVersion: number, columns: DataGridProps["columns"], initialState:
|
|
763
|
+
declare const getModelsParsedOrUpdateLocalStorage: (search: string, localStorageVersion: number, columns: DataGridProps["columns"], initialState: GridInitialStatePro | undefined, localStorage: ModelsLocalStorage) => ModelsTable;
|
|
962
764
|
type DataGridModel = {
|
|
963
765
|
filterModel: GridFilterModel;
|
|
964
766
|
sortModel: GridSortModel;
|
|
@@ -968,62 +770,10 @@ type DataGridModel = {
|
|
|
968
770
|
density: GridDensityValue;
|
|
969
771
|
columnOrderModel: ColumnOrderModel;
|
|
970
772
|
defaultColumnOrder: ColumnOrderModel;
|
|
971
|
-
rowGroupingModel: GridRowGroupingModel;
|
|
972
|
-
aggregationModel: GridAggregationModel;
|
|
973
|
-
pivotModel: PivotModel;
|
|
974
|
-
pivotActive: boolean;
|
|
975
773
|
};
|
|
976
|
-
declare const updateUrl: ({ filterModel, sortModel, paginationModel, columnsModel: columnsVisibilityModel, pinnedColumnsModel, density, columnOrderModel, defaultColumnOrder,
|
|
774
|
+
declare const updateUrl: ({ filterModel, sortModel, paginationModel, columnsModel: columnsVisibilityModel, pinnedColumnsModel, density, columnOrderModel, defaultColumnOrder, }: DataGridModel, search: string, localStorageVersion: number, historyReplace: (newSearch: string) => void, columns: DataGridProps["columns"]) => void;
|
|
977
775
|
declare const areFilterModelsEquivalent: (filterModel: GridFilterModel, filterModelToMatch: GridFilterModel) => boolean;
|
|
978
776
|
|
|
979
|
-
/**
|
|
980
|
-
* A React Router v5 / connected-react-router adapter for `StatefulDataGrid.useRouter`.
|
|
981
|
-
*
|
|
982
|
-
* Defers `history.replace` via `queueMicrotask` to avoid the
|
|
983
|
-
* "Cannot update during an existing state transition" warning
|
|
984
|
-
* that connected-react-router triggers when the grid synchronises
|
|
985
|
-
* URL state during render.
|
|
986
|
-
*
|
|
987
|
-
* Also coalesces multiple `historyReplace` calls within the same microtask
|
|
988
|
-
* by computing per-call deltas against the captured `search` snapshot and
|
|
989
|
-
* merging them into the live URL. This prevents handler stomping when the
|
|
990
|
-
* grid fires several model-change handlers in the same render (e.g. a
|
|
991
|
-
* pivot change re-emits a synthetic column-visibility change alongside a
|
|
992
|
-
* filter change): without coalescing, each handler would compute a full
|
|
993
|
-
* new search from the same captured snapshot, and the second
|
|
994
|
-
* `history.replace` would clobber the first — dropping any keys (such as
|
|
995
|
-
* the filter just typed) that the second handler didn't know about.
|
|
996
|
-
*
|
|
997
|
-
* @example
|
|
998
|
-
* ```tsx
|
|
999
|
-
* import { createReactRouterV5Adapter } from '@redsift/table';
|
|
1000
|
-
*
|
|
1001
|
-
* const useRouter = createReactRouterV5Adapter(history);
|
|
1002
|
-
*
|
|
1003
|
-
* <StatefulDataGrid useRouter={useRouter} … />
|
|
1004
|
-
* ```
|
|
1005
|
-
*/
|
|
1006
|
-
/** Minimal subset of React Router v5 `history` used by the adapter. */
|
|
1007
|
-
interface ReactRouterV5History {
|
|
1008
|
-
location: {
|
|
1009
|
-
pathname: string;
|
|
1010
|
-
search: string;
|
|
1011
|
-
};
|
|
1012
|
-
replace: (path: {
|
|
1013
|
-
pathname: string;
|
|
1014
|
-
search: string;
|
|
1015
|
-
}) => void;
|
|
1016
|
-
}
|
|
1017
|
-
/**
|
|
1018
|
-
* Create a `useRouter` hook compatible with `StatefulDataGrid` from a
|
|
1019
|
-
* React Router v5 `history` object.
|
|
1020
|
-
*/
|
|
1021
|
-
declare const createReactRouterV5Adapter: (history: ReactRouterV5History) => (() => {
|
|
1022
|
-
pathname: string;
|
|
1023
|
-
search: string;
|
|
1024
|
-
historyReplace: (newSearch: string) => void;
|
|
1025
|
-
});
|
|
1026
|
-
|
|
1027
777
|
interface UseLinkedFilterModelOptions {
|
|
1028
778
|
/** Starting filter model. Defaults to `{ items: [] }`. */
|
|
1029
779
|
initialFilterModel?: GridFilterModel;
|
|
@@ -1084,6 +834,63 @@ interface UseLinkedFilterModelReturn {
|
|
|
1084
834
|
*/
|
|
1085
835
|
declare function useLinkedFilterModel(options?: UseLinkedFilterModelOptions): UseLinkedFilterModelReturn;
|
|
1086
836
|
|
|
837
|
+
/**
|
|
838
|
+
* A React Router v5 / connected-react-router adapter for `StatefulDataGrid.useRouter`.
|
|
839
|
+
*
|
|
840
|
+
* Defers `history.replace` via `queueMicrotask` to avoid the
|
|
841
|
+
* "Cannot update during an existing state transition" warning
|
|
842
|
+
* that connected-react-router triggers when the grid synchronises
|
|
843
|
+
* URL state during render.
|
|
844
|
+
*
|
|
845
|
+
* Also coalesces multiple `historyReplace` calls within the same microtask
|
|
846
|
+
* by computing per-call deltas against the captured `search` snapshot and
|
|
847
|
+
* merging them into the live URL. This prevents handler stomping when the
|
|
848
|
+
* grid fires several model-change handlers in the same render (e.g. a
|
|
849
|
+
* pivot change re-emits a synthetic column-visibility change alongside a
|
|
850
|
+
* filter change): without coalescing, each handler would compute a full
|
|
851
|
+
* new search from the same captured snapshot, and the second
|
|
852
|
+
* `history.replace` would clobber the first — dropping any keys (such as
|
|
853
|
+
* the filter just typed) that the second handler didn't know about.
|
|
854
|
+
*
|
|
855
|
+
* Callers that need an authoritative full-URL replacement (e.g.
|
|
856
|
+
* `resetStatefulDataGridState`, which must clear grid params even when the
|
|
857
|
+
* parent component's captured search snapshot is stale relative to the live
|
|
858
|
+
* URL) can pass `{ authoritative: true }` as the second argument to
|
|
859
|
+
* `historyReplace`. Authoritative writes bypass the delta logic and write
|
|
860
|
+
* synchronously to the live URL.
|
|
861
|
+
*
|
|
862
|
+
* @example
|
|
863
|
+
* ```tsx
|
|
864
|
+
* import { createReactRouterV5Adapter } from '@redsift/table';
|
|
865
|
+
*
|
|
866
|
+
* const useRouter = createReactRouterV5Adapter(history);
|
|
867
|
+
*
|
|
868
|
+
* <StatefulDataGrid useRouter={useRouter} … />
|
|
869
|
+
* ```
|
|
870
|
+
*/
|
|
871
|
+
/** Minimal subset of React Router v5 `history` used by the adapter. */
|
|
872
|
+
interface ReactRouterV5History {
|
|
873
|
+
location: {
|
|
874
|
+
pathname: string;
|
|
875
|
+
search: string;
|
|
876
|
+
};
|
|
877
|
+
replace: (path: {
|
|
878
|
+
pathname: string;
|
|
879
|
+
search: string;
|
|
880
|
+
}) => void;
|
|
881
|
+
}
|
|
882
|
+
/**
|
|
883
|
+
* Create a `useRouter` hook compatible with `StatefulDataGrid` from a
|
|
884
|
+
* React Router v5 `history` object.
|
|
885
|
+
*/
|
|
886
|
+
declare const createReactRouterV5Adapter: (history: ReactRouterV5History) => (() => {
|
|
887
|
+
pathname: string;
|
|
888
|
+
search: string;
|
|
889
|
+
historyReplace: (newSearch: string, options?: {
|
|
890
|
+
authoritative?: boolean;
|
|
891
|
+
}) => void;
|
|
892
|
+
});
|
|
893
|
+
|
|
1087
894
|
declare const BaseButton: React$1.JSXElementConstructor<any>;
|
|
1088
895
|
|
|
1089
896
|
declare const BaseCheckbox: React$1.JSXElementConstructor<any>;
|
|
@@ -1091,7 +898,7 @@ declare const BaseCheckbox: React$1.JSXElementConstructor<any>;
|
|
|
1091
898
|
declare const muiIconToDSIcon: Partial<Record<keyof GridSlotsComponent, string>>;
|
|
1092
899
|
declare const BaseIcon: React$1.JSXElementConstructor<any>;
|
|
1093
900
|
|
|
1094
|
-
declare const
|
|
901
|
+
declare const BasePopper: React$1.JSXElementConstructor<any>;
|
|
1095
902
|
|
|
1096
903
|
declare const BaseTextField: React$1.JSXElementConstructor<any>;
|
|
1097
904
|
|
|
@@ -1113,14 +920,9 @@ interface LocaleText {
|
|
|
1113
920
|
powerTooltipContent?: string;
|
|
1114
921
|
errorText?: string;
|
|
1115
922
|
}
|
|
1116
|
-
interface FilterConfigColumn {
|
|
1117
|
-
field: string;
|
|
1118
|
-
type?: string;
|
|
1119
|
-
description?: string;
|
|
1120
|
-
}
|
|
1121
923
|
interface FilterConfig {
|
|
1122
|
-
columns:
|
|
1123
|
-
typeOperators:
|
|
924
|
+
columns: object[];
|
|
925
|
+
typeOperators: object;
|
|
1124
926
|
notes: string;
|
|
1125
927
|
openaiApiKey?: string;
|
|
1126
928
|
completionFunc?: (nlpFilterConfig: FilterConfig, prompt: string, model: string) => Promise<CompletionResponse>;
|
|
@@ -1151,10 +953,13 @@ type ControlledPaginationProps = {
|
|
|
1151
953
|
displayRowsPerPage?: boolean;
|
|
1152
954
|
displayPagination?: boolean;
|
|
1153
955
|
selectionStatus: SelectionStatus;
|
|
1154
|
-
apiRef: MutableRefObject<
|
|
956
|
+
apiRef: MutableRefObject<GridApiPro>;
|
|
1155
957
|
paginationModel: GridPaginationModel;
|
|
1156
958
|
onPaginationModelChange: (model: GridPaginationModel, details: GridCallbackDetails<'pagination'>) => void;
|
|
1157
|
-
pageSizeOptions?: number
|
|
959
|
+
pageSizeOptions?: readonly (number | {
|
|
960
|
+
value: number;
|
|
961
|
+
label: string;
|
|
962
|
+
})[];
|
|
1158
963
|
isRowSelectable?: DataGridProps['isRowSelectable'];
|
|
1159
964
|
paginationProps?: DataGridProps['paginationProps'];
|
|
1160
965
|
};
|
|
@@ -1167,7 +972,10 @@ type ServerSideControlledPaginationProps = {
|
|
|
1167
972
|
selectionStatus: SelectionStatus;
|
|
1168
973
|
paginationModel: GridPaginationModel;
|
|
1169
974
|
onPaginationModelChange: (model: GridPaginationModel, details: GridCallbackDetails<'pagination'>) => void;
|
|
1170
|
-
pageSizeOptions?: number
|
|
975
|
+
pageSizeOptions?: readonly (number | {
|
|
976
|
+
value: number;
|
|
977
|
+
label: string;
|
|
978
|
+
})[];
|
|
1171
979
|
paginationProps?: DataGridProps['paginationProps'];
|
|
1172
980
|
rowCount: number;
|
|
1173
981
|
loading?: boolean;
|
|
@@ -1175,7 +983,7 @@ type ServerSideControlledPaginationProps = {
|
|
|
1175
983
|
/**
|
|
1176
984
|
* Get the IDs of all selectable rows currently loaded in the grid (i.e. the current page for server-side).
|
|
1177
985
|
*/
|
|
1178
|
-
declare const getSelectableRowIdsInPage: (apiRef: React$1.MutableRefObject<
|
|
986
|
+
declare const getSelectableRowIdsInPage: (apiRef: React$1.MutableRefObject<GridApiPro$1>, isRowSelectable: ((params: GridRowParams<any>) => boolean) | undefined) => GridRowSelectionModel;
|
|
1179
987
|
/**
|
|
1180
988
|
* Intercept MUI's `onRowSelectionModelChange` for server-side pagination to fix the
|
|
1181
989
|
* header checkbox behavior when cross-page selections exist.
|
|
@@ -1189,8 +997,8 @@ declare const getSelectableRowIdsInPage: (apiRef: React$1.MutableRefObject<GridA
|
|
|
1189
997
|
* selections with 0 selected on current page), we merge all current page rows with the
|
|
1190
998
|
* existing cross-page selections instead.
|
|
1191
999
|
*/
|
|
1192
|
-
declare const fixServerSideHeaderCheckboxSelection: (newSelectionModel: GridRowSelectionModel, previousSelectionModel: GridRowSelectionModel, selectionStatus: React$1.MutableRefObject<SelectionStatus>, apiRef: React$1.MutableRefObject<
|
|
1193
|
-
declare const onServerSideSelectionStatusChange: (newSelectionModel: GridRowSelectionModel, apiRef: React$1.MutableRefObject<
|
|
1000
|
+
declare const fixServerSideHeaderCheckboxSelection: (newSelectionModel: GridRowSelectionModel, previousSelectionModel: GridRowSelectionModel, selectionStatus: React$1.MutableRefObject<SelectionStatus>, apiRef: React$1.MutableRefObject<GridApiPro$1>, isRowSelectable: ((params: GridRowParams<any>) => boolean) | undefined) => GridRowSelectionModel;
|
|
1001
|
+
declare const onServerSideSelectionStatusChange: (newSelectionModel: GridRowSelectionModel, apiRef: React$1.MutableRefObject<GridApiPro$1>, selectionStatus: React$1.MutableRefObject<SelectionStatus>, forceUpdate: React$1.Dispatch<React$1.SetStateAction<number>>, isRowSelectable: ((params: GridRowParams<any>) => boolean) | undefined, page: number, pageSize: number) => void;
|
|
1194
1002
|
declare const ServerSideControlledPagination: React$1.FC<ServerSideControlledPaginationProps>;
|
|
1195
1003
|
|
|
1196
1004
|
interface TextCellProps extends ComponentProps<'div'> {
|
|
@@ -1276,7 +1084,12 @@ type ToolbarWrapperProps = {
|
|
|
1276
1084
|
filterModel: DataGridProps['filterModel'];
|
|
1277
1085
|
onFilterModelChange: DataGridProps['onFilterModelChange'];
|
|
1278
1086
|
pagination: DataGridProps['pagination'];
|
|
1279
|
-
|
|
1087
|
+
/** Show the selection banner (left). */
|
|
1088
|
+
displaySelection?: boolean;
|
|
1089
|
+
/** Show the pager controls (right). */
|
|
1090
|
+
displayPagination?: boolean;
|
|
1091
|
+
/** Show the rows-per-page selector within the pager. */
|
|
1092
|
+
displayRowsPerPage?: boolean;
|
|
1280
1093
|
selectionStatus: SelectionStatus;
|
|
1281
1094
|
apiRef: DataGridProps['apiRef'];
|
|
1282
1095
|
isRowSelectable: DataGridProps['isRowSelectable'];
|
|
@@ -1287,6 +1100,14 @@ type ToolbarWrapperProps = {
|
|
|
1287
1100
|
paginationMode?: DataGridProps['paginationMode'];
|
|
1288
1101
|
rowCount?: DataGridProps['rowCount'];
|
|
1289
1102
|
};
|
|
1103
|
+
/**
|
|
1104
|
+
* Renders a toolbar followed by a row that can contain the selection banner (left)
|
|
1105
|
+
* and/or the pager controls (right), so they sit between the toolbar and the grid body
|
|
1106
|
+
* (`selectionBannerPlacement="belowToolbar"` and/or `paginationPlacement="belowToolbar"`).
|
|
1107
|
+
* The banner/pager visibility is driven by `displaySelection` / `displayPagination`.
|
|
1108
|
+
* The row gets a top margin matching the banner's built-in bottom margin so the spacing
|
|
1109
|
+
* above and below it is symmetric.
|
|
1110
|
+
*/
|
|
1290
1111
|
declare const ToolbarWrapper: React$1.FC<ToolbarWrapperProps>;
|
|
1291
1112
|
|
|
1292
|
-
export {
|
|
1113
|
+
export { ARRAY_IS_EMPTY, ARRAY_IS_NOT_EMPTY, BaseButton, BaseCheckbox, BaseIcon, BasePopper, BaseTextField, CATEGORIES, COLUMN_ORDER_MODEL_KEY, CONTAINS_ANY_OF, Category, ColumnOptions, ColumnOrderModel, ColumnType, CompletionResponse, ControlledPagination, ControlledPaginationProps, DATE_IS_BETWEEN, DEFAULT_OPERATORS, DENSITY_MODEL_KEY, DETAIL_PANEL_TOGGLE_COL_DEF, DIMENSION_MODEL_KEY, DOES_NOT_CONTAIN, DOES_NOT_CONTAIN_ANY_OF, DOES_NOT_END_WITH, DOES_NOT_END_WITH_ANY_OF, DOES_NOT_EQUAL, DOES_NOT_HAVE, DOES_NOT_HAVE_ANY_OF, DOES_NOT_HAVE_ANY_OF_WITH_SELECT, DOES_NOT_HAVE_WITH_SELECT, DOES_NOT_START_WITH, DOES_NOT_START_WITH_ANY_OF, DataGrid, DataGridModel, DataGridProps, DateOperatorName, ENDS_WITH_ANY_OF, FILTER_MODEL_KEY, FILTER_SEARCH_KEY, FilterConfig, GridDensityValue, GridToolbarFilterSemanticField, GridToolbarFilterSemanticFieldProps, HAS, HAS_ALL_OF, HAS_ALL_OF_WITH_SELECT, HAS_ANY_OF, HAS_ANY_OF_WITH_SELECT, HAS_ONLY, HAS_ONLY_WITH_SELECT, HAS_WITH_SELECT, IS, IS_ANY_OF, IS_ANY_OF_WITH_SELECT, IS_BETWEEN, IS_NOT, IS_NOT_ANY_OF, IS_NOT_ANY_OF_WITH_SELECT, IS_NOT_WITH_SELECT, IS_WITH_SELECT, MultiSelectOperatorName, NumberOperatorName, PAGINATION_MODEL_KEY, PINNED_COLUMNS, PinnedColumns, ReactRouterV5History, SORT_MODEL_KEY, STARTS_WITH_ANY_OF, SelectionStatus, ServerSideControlledPagination, ServerSideControlledPaginationProps, SingleSelectOperatorName, StatefulDataGrid, StatefulDataGridProps, StringOperatorName, StyledDataGridProps, TagsOperatorName, TextCell, Toolbar, ToolbarWrapper, ToolbarWrapperProps, UseLinkedFilterModelOptions, UseLinkedFilterModelReturn, VISIBILITY_MODEL_KEY, areFilterModelsEquivalent, areSearchStringsEqual, buildQueryParamsString, buildStorageKey, clearAllVersionStorage, clearPreviousVersionStorage, convertFromDisplayFormat, convertToDisplayFormat, createColumn, createReactRouterV5Adapter, customColumnTypes, decodeValue, encodeValue, fixServerSideHeaderCheckboxSelection, getColumnOrderFromString, getColumnVisibilityFromString, getCompletion, getDecodedSearchFromUrl, getDensityFromString, getDensityModel, getFilterModelFromString, getFinalSearch, getGridDateOperatorsExtended, getGridNumericOperators, getGridStringArrayOperators, getGridStringArrayOperatorsWithSelect, getGridStringArrayOperatorsWithSelectOnStringArrayColumns, getGridStringOperators, getModelsParsedOrUpdateLocalStorage, getPaginationFromString, getPinnedColumnsFromString, getRsMultipleSelectColumnType, getRsMultipleSelectWithShortOperatorListColumnType, getRsNumberColumnType, getRsSingleSelectColumnType, getRsSingleSelectWithShortOperatorListColumnType, getRsStringColumnType, getSearchParamsFromColumnOrder, getSearchParamsFromColumnVisibility, getSearchParamsFromDensity, getSearchParamsFromFilterModel, getSearchParamsFromPagination, getSearchParamsFromPinnedColumns, getSearchParamsFromSorting, getSearchParamsFromTab, getSearchParamsFromVersion, getSelectableRowIdsInPage, getSortingFromString, isOperatorValueValid, isValueValid, makeCaseInsensitive, muiIconToDSIcon, numberOperatorDecoder, numberOperatorEncoder, onServerSideSelectionStatusChange, operatorList, resetColumnVisibility, resetStatefulDataGridState, updateUrl, urlSearchParamsToString, useLinkedFilterModel, wrapCaseInsensitive };
|