@ansible/ansible-ui-framework 2.4.672 → 2.4.1112
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +3 -105
- package/assets/editor.worker-CKha-MBL.js +11 -0
- package/assets/json.worker-BXgpME0S.js +42 -0
- package/assets/yaml.worker-DhJ2nZ1S.js +466 -0
- package/framework/PageActions/PageAction.d.ts +2 -0
- package/framework/PageCells/DateTimeCell.d.ts +0 -1
- package/framework/PageCells/LabelsCell.d.ts +4 -0
- package/framework/PageDashboard/PageDashboardCard.d.ts +3 -1
- package/framework/PageDetails/PageDetails.d.ts +2 -0
- package/framework/PageDetails/PageDetailsFromColumns.d.ts +2 -2
- package/framework/PageDialogs/BulkActionDialog.d.ts +3 -1
- package/framework/PageDialogs/BulkConfirmationDialog.d.ts +3 -1
- package/framework/PageDialogs/MultiSelectDialog.d.ts +1 -0
- package/framework/PageDialogs/PageDialog.d.ts +8 -3
- package/framework/PageDialogs/{SelectSingleDialog.d.ts → SingleSelectDialog.d.ts} +3 -2
- package/framework/PageForm/Inputs/FormGroupTypeAheadMultiSelect.d.ts +1 -0
- package/framework/PageForm/Inputs/PageFormAsyncMultiSelect.d.ts +1 -1
- package/framework/PageForm/Inputs/PageFormCheckbox.d.ts +3 -0
- package/framework/PageForm/Inputs/PageFormDataEditor.d.ts +30 -14
- package/framework/PageForm/Inputs/PageFormMarkdown.d.ts +19 -0
- package/framework/PageForm/Inputs/PageFormMarkdownEditor.cy.d.ts +1 -0
- package/framework/PageForm/Inputs/PageFormMultiInput.d.ts +1 -0
- package/framework/PageForm/Inputs/PageFormSecret.cy.d.ts +1 -0
- package/framework/{PageInputs/PageHiddenInput.d.ts → PageForm/Inputs/PageFormSecret.d.ts} +2 -2
- package/framework/PageForm/Inputs/PageFormSwitch.d.ts +2 -0
- package/framework/PageForm/Inputs/validation-hooks.d.ts +4 -0
- package/framework/PageForm/PageForm.d.ts +2 -0
- package/framework/PageForm/Utils/PageFormSection.d.ts +1 -0
- package/framework/PageForm/Utils/PageFormSetError.d.ts +5 -0
- package/framework/PageForm/Utils/PageFormSetValue.d.ts +5 -0
- package/framework/PageForm/Utils/PageFormWatch.d.ts +4 -3
- package/framework/PageForm/typesErrorAdapter.d.ts +1 -1
- package/framework/PageHeader.d.ts +1 -0
- package/framework/PageInputs/PageMultiSelect.d.ts +2 -0
- package/framework/PageInputs/PageSelectOption.d.ts +2 -1
- package/framework/PageInputs/PageSingleSelect.d.ts +15 -0
- package/framework/PageMasonry.d.ts +6 -0
- package/framework/PageMasthead/PageMasthead.d.ts +1 -3
- package/framework/PageMasthead/PageNotificationsIcon.d.ts +1 -4
- package/framework/PageNavigation/PageNavigationItem.d.ts +4 -0
- package/framework/PageNotifications/PageNotificationsProvider.cy.d.ts +1 -0
- package/framework/PageNotifications/PageNotificationsProvider.d.ts +27 -0
- package/framework/PageTable/PageTable.d.ts +1 -0
- package/framework/PageTable/PageTableCard.d.ts +3 -3
- package/framework/PageTable/PageTableColumn.d.ts +103 -80
- package/framework/PageTable/useTableItems.d.ts +2 -5
- package/framework/PageTabs/PageBreadcrumbs.d.ts +11 -0
- package/framework/PageTabs/PageRoutedTabs.d.ts +6 -0
- package/framework/PageTabs/PageTabs.d.ts +1 -0
- package/framework/PageToolbar/PageToolbar.d.ts +2 -0
- package/framework/PageToolbar/PageToolbarFilter.d.ts +10 -8
- package/framework/PageToolbar/PageToolbarFilters/ToolbarAsyncMultiSelectFilter.d.ts +7 -2
- package/framework/PageToolbar/PageToolbarFilters/ToolbarAsyncSelectFilterBuilder.d.ts +4 -2
- package/framework/PageToolbar/PageToolbarFilters/ToolbarAsyncSingleSelectFilter.d.ts +2 -1
- package/framework/PageToolbar/PageToolbarFilters/ToolbarTextFilter.d.ts +16 -5
- package/framework/PageWizard/PageWizard.d.ts +3 -1
- package/framework/PageWizard/PageWizardBody.d.ts +2 -6
- package/framework/PageWizard/PageWizardFooter.d.ts +1 -1
- package/framework/PageWizard/PageWizardHeader.d.ts +5 -0
- package/framework/PageWizard/PageWizardNavigation.d.ts +1 -1
- package/framework/PageWizard/PageWizardProvider.d.ts +1 -0
- package/framework/PageWizard/PageWizardToggle.d.ts +1 -1
- package/framework/PageWizard/index.d.ts +1 -1
- package/framework/PageWizard/types.d.ts +12 -1
- package/framework/Settings.d.ts +2 -0
- package/framework/components/DataEditor.d.ts +12 -0
- package/framework/components/DropZone.d.ts +7 -0
- package/framework/components/ErrorBoundary.d.ts +3 -3
- package/framework/components/IconButton.d.ts +2 -0
- package/framework/components/Scrollable.d.ts +3 -1
- package/framework/components/icons/ExpandIcon.d.ts +4 -0
- package/framework/components/icons/RunningIcon.d.ts +1 -1
- package/framework/hooks/useID.d.ts +1 -0
- package/framework/index.d.ts +0 -1
- package/framework/publish/assets/editor.worker-CKha-MBL.d.ts +0 -0
- package/framework/publish/assets/json.worker-BXgpME0S.d.ts +3 -0
- package/framework/publish/assets/yaml.worker-DhJ2nZ1S.d.ts +3 -0
- package/framework/publish/index.d.ts +166 -141
- package/framework/utils/codeEditorUtils.d.ts +0 -4
- package/framework/utils/download-file.d.ts +1 -1
- package/index.js +28505 -25209
- package/index.umd.cjs +336 -281
- package/package.json +1 -1
- package/style.css +1 -1
- package/framework/PageCells/CapacityCell.d.ts +0 -5
- package/framework/PageForm/Inputs/DataEditor.d.ts +0 -12
- /package/framework/{PageInputs/PageHiddenInput.cy.d.ts → PageDialogs/PageDialog.cy.d.ts} +0 -0
@@ -1,42 +1,49 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
2
|
import { PageTableViewTypeE } from '../PageToolbar/PageTableViewType';
|
3
3
|
export declare enum ColumnTableOption {
|
4
|
-
|
5
|
-
|
6
|
-
|
4
|
+
description = "description",
|
5
|
+
expanded = "expanded",
|
6
|
+
hidden = "hidden"
|
7
7
|
}
|
8
8
|
export declare enum ColumnListOption {
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
9
|
+
name = "name",
|
10
|
+
subtitle = "subtitle",
|
11
|
+
description = "description",
|
12
|
+
hidden = "hidden",
|
13
|
+
primary = "primary",
|
14
|
+
secondary = "secondary"
|
15
15
|
}
|
16
16
|
export declare enum ColumnCardOption {
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
17
|
+
name = "name",
|
18
|
+
subtitle = "subtitle",
|
19
|
+
description = "description",
|
20
|
+
hidden = "hidden"
|
21
21
|
}
|
22
22
|
export declare enum ColumnModalOption {
|
23
|
-
|
23
|
+
hidden = "hidden"
|
24
|
+
}
|
25
|
+
export declare enum ColumnDashboardOption {
|
26
|
+
hidden = "hidden"
|
27
|
+
}
|
28
|
+
export declare enum ColumnPriority {
|
29
|
+
last = "last"
|
24
30
|
}
|
25
31
|
interface ITableColumnCommon<T extends object> {
|
26
32
|
id?: string;
|
27
33
|
header: string;
|
28
34
|
minWidth?: number;
|
29
35
|
maxWidth?: number;
|
30
|
-
|
31
|
-
isIdColumn?: boolean;
|
36
|
+
fullWidth?: boolean;
|
32
37
|
sort?: string;
|
33
38
|
defaultSortDirection?: 'asc' | 'desc';
|
34
39
|
defaultSort?: boolean;
|
35
40
|
icon?: (item: T) => ReactNode;
|
36
|
-
table?: ColumnTableOption;
|
37
|
-
list?:
|
38
|
-
card?:
|
39
|
-
modal?: ColumnModalOption;
|
41
|
+
table?: keyof typeof ColumnTableOption;
|
42
|
+
list?: keyof typeof ColumnListOption;
|
43
|
+
card?: keyof typeof ColumnCardOption;
|
44
|
+
modal?: keyof typeof ColumnModalOption;
|
45
|
+
dashboard?: keyof typeof ColumnDashboardOption;
|
46
|
+
priority?: keyof typeof ColumnPriority;
|
40
47
|
}
|
41
48
|
export interface ITableColumnTypeReactNode<T extends object> extends ITableColumnCommon<T> {
|
42
49
|
type?: undefined;
|
@@ -46,6 +53,7 @@ export interface ITableColumnTypeReactNode<T extends object> extends ITableColum
|
|
46
53
|
export interface ITableColumnTypeText<T extends object> extends ITableColumnCommon<T> {
|
47
54
|
type: 'text';
|
48
55
|
value: CellFn<T, string | null | undefined>;
|
56
|
+
to?: (item: T) => string | undefined;
|
49
57
|
}
|
50
58
|
export interface ITableColumnTypeDescription<T extends object> extends ITableColumnCommon<T> {
|
51
59
|
type: 'description';
|
@@ -72,6 +80,7 @@ export declare function useVisibleTableColumns<T extends object>(columns: ITable
|
|
72
80
|
export declare function useVisibleListColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
|
73
81
|
export declare function useVisibleCardColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
|
74
82
|
export declare function useVisibleModalColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
|
83
|
+
export declare function useDashboardColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
|
75
84
|
export declare function useVisibleColumns<T extends object>(columns: ITableColumn<T>[], viewType: PageTableViewTypeE): ITableColumn<T>[];
|
76
85
|
export declare function useDescriptionColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
|
77
86
|
export declare function useExpandedColumns<T extends object>(columns: ITableColumn<T>[]): ITableColumn<T>[];
|
@@ -85,32 +94,35 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
|
|
85
94
|
header: string;
|
86
95
|
minWidth?: number | undefined;
|
87
96
|
maxWidth?: number | undefined;
|
88
|
-
|
89
|
-
isIdColumn?: boolean | undefined;
|
97
|
+
fullWidth?: boolean | undefined;
|
90
98
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
91
99
|
defaultSort?: boolean | undefined;
|
92
100
|
icon?: ((item: T) => ReactNode) | undefined;
|
93
|
-
table?:
|
94
|
-
list?: "name" | "hidden" | "
|
101
|
+
table?: "hidden" | "description" | "expanded" | undefined;
|
102
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
95
103
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
96
|
-
modal?:
|
104
|
+
modal?: "hidden" | undefined;
|
105
|
+
dashboard?: "hidden" | undefined;
|
106
|
+
priority?: "last" | undefined;
|
97
107
|
} | {
|
98
108
|
sort: undefined;
|
99
109
|
type: "text";
|
100
110
|
value: CellFn<T, string | null | undefined>;
|
111
|
+
to?: ((item: T) => string | undefined) | undefined;
|
101
112
|
id?: string | undefined;
|
102
113
|
header: string;
|
103
114
|
minWidth?: number | undefined;
|
104
115
|
maxWidth?: number | undefined;
|
105
|
-
|
106
|
-
isIdColumn?: boolean | undefined;
|
116
|
+
fullWidth?: boolean | undefined;
|
107
117
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
108
118
|
defaultSort?: boolean | undefined;
|
109
119
|
icon?: ((item: T) => ReactNode) | undefined;
|
110
|
-
table?:
|
111
|
-
list?: "name" | "hidden" | "
|
120
|
+
table?: "hidden" | "description" | "expanded" | undefined;
|
121
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
112
122
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
113
|
-
modal?:
|
123
|
+
modal?: "hidden" | undefined;
|
124
|
+
dashboard?: "hidden" | undefined;
|
125
|
+
priority?: "last" | undefined;
|
114
126
|
} | {
|
115
127
|
sort: undefined;
|
116
128
|
type: "description";
|
@@ -119,15 +131,16 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
|
|
119
131
|
header: string;
|
120
132
|
minWidth?: number | undefined;
|
121
133
|
maxWidth?: number | undefined;
|
122
|
-
|
123
|
-
isIdColumn?: boolean | undefined;
|
134
|
+
fullWidth?: boolean | undefined;
|
124
135
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
125
136
|
defaultSort?: boolean | undefined;
|
126
137
|
icon?: ((item: T) => ReactNode) | undefined;
|
127
|
-
table?:
|
128
|
-
list?: "name" | "hidden" | "
|
138
|
+
table?: "hidden" | "description" | "expanded" | undefined;
|
139
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
129
140
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
130
|
-
modal?:
|
141
|
+
modal?: "hidden" | undefined;
|
142
|
+
dashboard?: "hidden" | undefined;
|
143
|
+
priority?: "last" | undefined;
|
131
144
|
} | {
|
132
145
|
sort: undefined;
|
133
146
|
type: "datetime";
|
@@ -136,15 +149,16 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
|
|
136
149
|
header: string;
|
137
150
|
minWidth?: number | undefined;
|
138
151
|
maxWidth?: number | undefined;
|
139
|
-
|
140
|
-
isIdColumn?: boolean | undefined;
|
152
|
+
fullWidth?: boolean | undefined;
|
141
153
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
142
154
|
defaultSort?: boolean | undefined;
|
143
155
|
icon?: ((item: T) => ReactNode) | undefined;
|
144
|
-
table?:
|
145
|
-
list?: "name" | "hidden" | "
|
156
|
+
table?: "hidden" | "description" | "expanded" | undefined;
|
157
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
146
158
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
147
|
-
modal?:
|
159
|
+
modal?: "hidden" | undefined;
|
160
|
+
dashboard?: "hidden" | undefined;
|
161
|
+
priority?: "last" | undefined;
|
148
162
|
} | {
|
149
163
|
sort: undefined;
|
150
164
|
type: "labels";
|
@@ -153,15 +167,16 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
|
|
153
167
|
header: string;
|
154
168
|
minWidth?: number | undefined;
|
155
169
|
maxWidth?: number | undefined;
|
156
|
-
|
157
|
-
isIdColumn?: boolean | undefined;
|
170
|
+
fullWidth?: boolean | undefined;
|
158
171
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
159
172
|
defaultSort?: boolean | undefined;
|
160
173
|
icon?: ((item: T) => ReactNode) | undefined;
|
161
|
-
table?:
|
162
|
-
list?: "name" | "hidden" | "
|
174
|
+
table?: "hidden" | "description" | "expanded" | undefined;
|
175
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
163
176
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
164
|
-
modal?:
|
177
|
+
modal?: "hidden" | undefined;
|
178
|
+
dashboard?: "hidden" | undefined;
|
179
|
+
priority?: "last" | undefined;
|
165
180
|
} | {
|
166
181
|
sort: undefined;
|
167
182
|
type: "count";
|
@@ -170,18 +185,19 @@ export declare function useColumnsWithoutSort<T extends object>(columns: ITableC
|
|
170
185
|
header: string;
|
171
186
|
minWidth?: number | undefined;
|
172
187
|
maxWidth?: number | undefined;
|
173
|
-
|
174
|
-
isIdColumn?: boolean | undefined;
|
188
|
+
fullWidth?: boolean | undefined;
|
175
189
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
176
190
|
defaultSort?: boolean | undefined;
|
177
191
|
icon?: ((item: T) => ReactNode) | undefined;
|
178
|
-
table?:
|
179
|
-
list?: "name" | "hidden" | "
|
192
|
+
table?: "hidden" | "description" | "expanded" | undefined;
|
193
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
180
194
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
181
|
-
modal?:
|
195
|
+
modal?: "hidden" | undefined;
|
196
|
+
dashboard?: "hidden" | undefined;
|
197
|
+
priority?: "last" | undefined;
|
182
198
|
})[];
|
183
199
|
export declare function useColumnsWithoutExpandedRow<T extends object>(columns: ITableColumn<T>[]): ({
|
184
|
-
table:
|
200
|
+
table: "hidden" | "description" | undefined;
|
185
201
|
type?: undefined;
|
186
202
|
value?: CellFn<T, string | number | boolean | string[] | null | undefined> | undefined;
|
187
203
|
cell: CellFn<T, ReactNode>;
|
@@ -189,99 +205,106 @@ export declare function useColumnsWithoutExpandedRow<T extends object>(columns:
|
|
189
205
|
header: string;
|
190
206
|
minWidth?: number | undefined;
|
191
207
|
maxWidth?: number | undefined;
|
192
|
-
|
193
|
-
isIdColumn?: boolean | undefined;
|
208
|
+
fullWidth?: boolean | undefined;
|
194
209
|
sort?: string | undefined;
|
195
210
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
196
211
|
defaultSort?: boolean | undefined;
|
197
212
|
icon?: ((item: T) => ReactNode) | undefined;
|
198
|
-
list?: "name" | "hidden" | "
|
213
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
199
214
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
200
|
-
modal?:
|
215
|
+
modal?: "hidden" | undefined;
|
216
|
+
dashboard?: "hidden" | undefined;
|
217
|
+
priority?: "last" | undefined;
|
201
218
|
} | {
|
202
|
-
table:
|
219
|
+
table: "hidden" | "description" | undefined;
|
203
220
|
type: "text";
|
204
221
|
value: CellFn<T, string | null | undefined>;
|
222
|
+
to?: ((item: T) => string | undefined) | undefined;
|
205
223
|
id?: string | undefined;
|
206
224
|
header: string;
|
207
225
|
minWidth?: number | undefined;
|
208
226
|
maxWidth?: number | undefined;
|
209
|
-
|
210
|
-
isIdColumn?: boolean | undefined;
|
227
|
+
fullWidth?: boolean | undefined;
|
211
228
|
sort?: string | undefined;
|
212
229
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
213
230
|
defaultSort?: boolean | undefined;
|
214
231
|
icon?: ((item: T) => ReactNode) | undefined;
|
215
|
-
list?: "name" | "hidden" | "
|
232
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
216
233
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
217
|
-
modal?:
|
234
|
+
modal?: "hidden" | undefined;
|
235
|
+
dashboard?: "hidden" | undefined;
|
236
|
+
priority?: "last" | undefined;
|
218
237
|
} | {
|
219
|
-
table:
|
238
|
+
table: "hidden" | "description" | undefined;
|
220
239
|
type: "description";
|
221
240
|
value: CellFn<T, string | null | undefined>;
|
222
241
|
id?: string | undefined;
|
223
242
|
header: string;
|
224
243
|
minWidth?: number | undefined;
|
225
244
|
maxWidth?: number | undefined;
|
226
|
-
|
227
|
-
isIdColumn?: boolean | undefined;
|
245
|
+
fullWidth?: boolean | undefined;
|
228
246
|
sort?: string | undefined;
|
229
247
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
230
248
|
defaultSort?: boolean | undefined;
|
231
249
|
icon?: ((item: T) => ReactNode) | undefined;
|
232
|
-
list?: "name" | "hidden" | "
|
250
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
233
251
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
234
|
-
modal?:
|
252
|
+
modal?: "hidden" | undefined;
|
253
|
+
dashboard?: "hidden" | undefined;
|
254
|
+
priority?: "last" | undefined;
|
235
255
|
} | {
|
236
|
-
table:
|
256
|
+
table: "hidden" | "description" | undefined;
|
237
257
|
type: "datetime";
|
238
258
|
value: CellFn<T, string | number | undefined>;
|
239
259
|
id?: string | undefined;
|
240
260
|
header: string;
|
241
261
|
minWidth?: number | undefined;
|
242
262
|
maxWidth?: number | undefined;
|
243
|
-
|
244
|
-
isIdColumn?: boolean | undefined;
|
263
|
+
fullWidth?: boolean | undefined;
|
245
264
|
sort?: string | undefined;
|
246
265
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
247
266
|
defaultSort?: boolean | undefined;
|
248
267
|
icon?: ((item: T) => ReactNode) | undefined;
|
249
|
-
list?: "name" | "hidden" | "
|
268
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
250
269
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
251
|
-
modal?:
|
270
|
+
modal?: "hidden" | undefined;
|
271
|
+
dashboard?: "hidden" | undefined;
|
272
|
+
priority?: "last" | undefined;
|
252
273
|
} | {
|
253
|
-
table:
|
274
|
+
table: "hidden" | "description" | undefined;
|
254
275
|
type: "labels";
|
255
276
|
value: CellFn<T, string[] | undefined>;
|
256
277
|
id?: string | undefined;
|
257
278
|
header: string;
|
258
279
|
minWidth?: number | undefined;
|
259
280
|
maxWidth?: number | undefined;
|
260
|
-
|
261
|
-
isIdColumn?: boolean | undefined;
|
281
|
+
fullWidth?: boolean | undefined;
|
262
282
|
sort?: string | undefined;
|
263
283
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
264
284
|
defaultSort?: boolean | undefined;
|
265
285
|
icon?: ((item: T) => ReactNode) | undefined;
|
266
|
-
list?: "name" | "hidden" | "
|
286
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
267
287
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
268
|
-
modal?:
|
288
|
+
modal?: "hidden" | undefined;
|
289
|
+
dashboard?: "hidden" | undefined;
|
290
|
+
priority?: "last" | undefined;
|
269
291
|
} | {
|
270
|
-
table:
|
292
|
+
table: "hidden" | "description" | undefined;
|
271
293
|
type: "count";
|
272
294
|
value: CellFn<T, number | undefined>;
|
273
295
|
id?: string | undefined;
|
274
296
|
header: string;
|
275
297
|
minWidth?: number | undefined;
|
276
298
|
maxWidth?: number | undefined;
|
277
|
-
|
278
|
-
isIdColumn?: boolean | undefined;
|
299
|
+
fullWidth?: boolean | undefined;
|
279
300
|
sort?: string | undefined;
|
280
301
|
defaultSortDirection?: "desc" | "asc" | undefined;
|
281
302
|
defaultSort?: boolean | undefined;
|
282
303
|
icon?: ((item: T) => ReactNode) | undefined;
|
283
|
-
list?: "name" | "hidden" | "
|
304
|
+
list?: "name" | "hidden" | "secondary" | "primary" | "description" | "subtitle" | undefined;
|
284
305
|
card?: "name" | "hidden" | "description" | "subtitle" | undefined;
|
285
|
-
modal?:
|
306
|
+
modal?: "hidden" | undefined;
|
307
|
+
dashboard?: "hidden" | undefined;
|
308
|
+
priority?: "last" | undefined;
|
286
309
|
})[];
|
287
310
|
export {};
|
@@ -1,4 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
import debounce from 'debounce';
|
2
3
|
export declare function useTableItems<T extends object>(items: T[], keyFn: (item: T) => string | number, defaults?: {
|
3
4
|
search?: string | null;
|
4
5
|
}): {
|
@@ -17,11 +18,7 @@ export declare function useTableItems<T extends object>(items: T[], keyFn: (item
|
|
17
18
|
setFilterFn: (filterFn: ((item: T) => boolean) | undefined) => void;
|
18
19
|
setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
|
19
20
|
setPerPage: import("react").Dispatch<import("react").SetStateAction<number>>;
|
20
|
-
setSearch: (
|
21
|
-
clear(): void;
|
22
|
-
} & {
|
23
|
-
flush(): void;
|
24
|
-
};
|
21
|
+
setSearch: debounce.DebouncedFunction<(search: string) => void>;
|
25
22
|
setSearchFn: (searchFn: (item: T, search: string) => number) => void;
|
26
23
|
setSort: import("react").Dispatch<import("react").SetStateAction<ISort<T> | undefined>>;
|
27
24
|
sort: ISort<T> | undefined;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { Dispatch, ReactNode, SetStateAction } from 'react';
|
2
|
+
import { ICatalogBreadcrumb } from '../PageHeader';
|
3
|
+
export type PageBreadcrumbsContext = {
|
4
|
+
tabBreadcrumb?: ICatalogBreadcrumb;
|
5
|
+
setTabBreadcrumb: Dispatch<SetStateAction<ICatalogBreadcrumb | undefined>>;
|
6
|
+
};
|
7
|
+
export declare const PageBreadcrumbsContext: import("react").Context<PageBreadcrumbsContext>;
|
8
|
+
export declare function PageBreadcrumbsProvider(props: {
|
9
|
+
children: ReactNode;
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
11
|
+
export declare const usePageBreadcrumbs: () => PageBreadcrumbsContext;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import './PageTabs.css';
|
1
2
|
export declare function PageRoutedTabs(props: {
|
2
3
|
backTab?: {
|
3
4
|
label: string;
|
@@ -7,8 +8,13 @@ export declare function PageRoutedTabs(props: {
|
|
7
8
|
tabs: ({
|
8
9
|
label: string;
|
9
10
|
page: string;
|
11
|
+
dataCy?: string;
|
10
12
|
} | false)[];
|
11
13
|
params?: {
|
12
14
|
[key: string]: string | number | undefined;
|
13
15
|
};
|
16
|
+
componentParams?: {
|
17
|
+
[key: string]: unknown;
|
18
|
+
};
|
19
|
+
sharedQueryKeys?: string[];
|
14
20
|
}): import("react/jsx-runtime").JSX.Element;
|
@@ -38,8 +38,10 @@ export type PageToolbarProps<T extends object> = {
|
|
38
38
|
disableListView?: boolean;
|
39
39
|
disableCardView?: boolean;
|
40
40
|
disablePagination?: boolean;
|
41
|
+
autoHidePagination?: boolean;
|
41
42
|
sortOptions?: PageTableSortOption[];
|
42
43
|
maxSelections?: number;
|
43
44
|
toolbarContent?: React.ReactNode;
|
45
|
+
limitFiltersToOneOrOperation?: boolean;
|
44
46
|
};
|
45
47
|
export declare function PageToolbar<T extends object>(props: PageToolbarProps<T>): import("react/jsx-runtime").JSX.Element;
|
@@ -4,20 +4,22 @@ import { IToolbarAsyncSingleSelectFilter } from './PageToolbarFilters/ToolbarAsy
|
|
4
4
|
import { IToolbarDateRangeFilter } from './PageToolbarFilters/ToolbarDateRangeFilter';
|
5
5
|
import { IToolbarMultiSelectFilter } from './PageToolbarFilters/ToolbarMultiSelectFilter';
|
6
6
|
import { IToolbarSingleSelectFilter } from './PageToolbarFilters/ToolbarSingleSelectFilter';
|
7
|
-
import {
|
7
|
+
import { IToolbarMultiTextFilter, IToolbarSingleTextFilter } from './PageToolbarFilters/ToolbarTextFilter';
|
8
8
|
export declare enum ToolbarFilterType {
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
9
|
+
SingleText = 0,
|
10
|
+
MultiText = 1,
|
11
|
+
SingleSelect = 2,
|
12
|
+
MultiSelect = 3,
|
13
|
+
DateRange = 4,
|
14
|
+
AsyncSingleSelect = 5,
|
15
|
+
AsyncMultiSelect = 6
|
15
16
|
}
|
16
|
-
export type IToolbarFilter =
|
17
|
+
export type IToolbarFilter = IToolbarSingleTextFilter | IToolbarMultiTextFilter | IToolbarDateRangeFilter | IToolbarSingleSelectFilter | IToolbarMultiSelectFilter | IToolbarAsyncSingleSelectFilter | IToolbarAsyncMultiSelectFilter;
|
17
18
|
export type IFilterState = Record<string, string[] | undefined>;
|
18
19
|
export type PageToolbarFiltersProps = {
|
19
20
|
toolbarFilters?: IToolbarFilter[];
|
20
21
|
filterState: IFilterState;
|
21
22
|
setFilterState: Dispatch<SetStateAction<IFilterState>>;
|
23
|
+
limitFiltersToOneOrOperation?: boolean;
|
22
24
|
};
|
23
25
|
export declare function PageToolbarFilters(props: PageToolbarFiltersProps): import("react/jsx-runtime").JSX.Element;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { ToolbarFilterType } from '../PageToolbarFilter';
|
2
1
|
import { PageAsyncMultiSelectOptionsFn } from '../../PageInputs/PageAsyncMultiSelect';
|
3
2
|
import { PageAsyncQueryErrorTextType } from '../../PageInputs/PageAsyncSingleSelect';
|
3
|
+
import { ToolbarFilterType } from '../PageToolbarFilter';
|
4
4
|
import { ToolbarFilterCommon } from './ToolbarFilterCommon';
|
5
5
|
type ToolbarOpenMultiSelectBrowse = (onSelect: (values: string[]) => void, defaultSelections?: string[]) => void;
|
6
6
|
export interface IToolbarAsyncMultiSelectFilter extends ToolbarFilterCommon {
|
@@ -8,8 +8,13 @@ export interface IToolbarAsyncMultiSelectFilter extends ToolbarFilterCommon {
|
|
8
8
|
queryOptions: PageAsyncMultiSelectOptionsFn<string>;
|
9
9
|
queryPlaceholder?: string;
|
10
10
|
queryErrorText?: PageAsyncQueryErrorTextType;
|
11
|
+
queryLabel?: (value: string) => Promise<string | undefined>;
|
11
12
|
openBrowse?: ToolbarOpenMultiSelectBrowse;
|
12
13
|
isRequired?: boolean;
|
13
14
|
}
|
14
|
-
export declare function
|
15
|
+
export declare function multiSelectBrowseAdapter<T>(selectFn: (onItemsSelect: (itemValue: T[]) => void, itemDefaultSelections?: T[]) => void, keyFn: (item: T) => string, objectFn: (name: string) => object, customOnSelect?: (items: T[]) => void): ToolbarOpenMultiSelectBrowse;
|
16
|
+
export declare function AsyncQueryChip(props: {
|
17
|
+
value: string;
|
18
|
+
queryLabel?: (value: string) => Promise<string | undefined>;
|
19
|
+
}): import("react/jsx-runtime").JSX.Element;
|
15
20
|
export {};
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { ITableColumn, IToolbarFilter, ISelected } from '../../../framework';
|
2
2
|
import { IView, ViewExtendedOptions } from '../../useView';
|
3
|
+
import { MultiDialogs } from '../../../frontend/hub/administration/repositories/hooks/useAddCollections';
|
3
4
|
type BaseView<T extends object> = IView & ISelected<T> & {
|
4
5
|
itemCount: number | undefined;
|
5
6
|
pageItems: T[] | undefined;
|
@@ -11,11 +12,12 @@ export type AsyncSelectFilterBuilderProps<T extends object> = {
|
|
11
12
|
toolbarFilters?: IToolbarFilter[];
|
12
13
|
viewParams: ViewExtendedOptions<T>;
|
13
14
|
useView: (viewParams: ViewExtendedOptions<T>) => BaseView<T>;
|
15
|
+
multiDialogs?: MultiDialogs;
|
14
16
|
};
|
15
17
|
export declare function useAsyncSingleSelectFilterBuilder<T extends object>(props: AsyncSelectFilterBuilderProps<T>): {
|
16
|
-
|
18
|
+
openBrowse: (onSelect: (value: T) => void, defaultSelection?: T) => void;
|
17
19
|
};
|
18
20
|
export declare function useAsyncMultiSelectFilterBuilder<T extends object>(props: AsyncSelectFilterBuilderProps<T>): {
|
19
|
-
|
21
|
+
openBrowse: (onSelect: (value: T[]) => void, defaultSelection?: T[]) => void;
|
20
22
|
};
|
21
23
|
export {};
|
@@ -8,7 +8,8 @@ export interface IToolbarAsyncSingleSelectFilter extends ToolbarFilterCommon {
|
|
8
8
|
queryPlaceholder?: string;
|
9
9
|
queryErrorText?: PageAsyncQueryErrorTextType;
|
10
10
|
openBrowse?: ToolbarOpenSingleSelectBrowse;
|
11
|
+
queryLabel?: (value: string) => Promise<string | undefined>;
|
11
12
|
isRequired?: boolean;
|
12
13
|
}
|
13
|
-
export declare function
|
14
|
+
export declare function singleSelectBrowseAdapter<T>(selectFn: (onItemSelect: (itemValue: T) => void, itemDefaultSelection?: T) => void, keyFn: (item: T) => string, objectFn: (name: string) => object, customOnSelect?: (item: T) => void): ToolbarOpenSingleSelectBrowse;
|
14
15
|
export {};
|
@@ -1,13 +1,24 @@
|
|
1
1
|
import { ToolbarFilterType } from '../PageToolbarFilter';
|
2
2
|
import { ToolbarFilterCommon } from './ToolbarFilterCommon';
|
3
|
-
export interface
|
4
|
-
type: ToolbarFilterType.
|
3
|
+
export interface IToolbarSingleTextFilter extends ToolbarFilterCommon {
|
4
|
+
type: ToolbarFilterType.SingleText;
|
5
5
|
comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
|
6
6
|
}
|
7
|
-
export interface
|
7
|
+
export interface IToolbarMultiTextFilter extends ToolbarFilterCommon {
|
8
|
+
type: ToolbarFilterType.MultiText;
|
9
|
+
comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
|
10
|
+
}
|
11
|
+
export declare function ToolbarTextMultiFilter(props: {
|
8
12
|
id?: string;
|
9
13
|
addFilter: (value: string) => void;
|
10
14
|
placeholder?: string;
|
11
15
|
comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
|
12
|
-
}
|
13
|
-
export declare function
|
16
|
+
}): import("react/jsx-runtime").JSX.Element;
|
17
|
+
export declare function ToolbarSingleTextFilter(props: {
|
18
|
+
id?: string;
|
19
|
+
placeholder?: string;
|
20
|
+
comparison: 'contains' | 'startsWith' | 'endsWith' | 'equals';
|
21
|
+
setValue: (value: string) => void;
|
22
|
+
value: string;
|
23
|
+
hasKey: boolean;
|
24
|
+
}): import("react/jsx-runtime").JSX.Element;
|
@@ -1,10 +1,12 @@
|
|
1
1
|
import '@patternfly/patternfly/components/Wizard/wizard.css';
|
2
2
|
import { ErrorAdapter } from '../PageForm/typesErrorAdapter';
|
3
3
|
import type { PageWizardStep } from './types';
|
4
|
-
export
|
4
|
+
export declare function PageWizard<T extends object>(props: {
|
5
5
|
steps: PageWizardStep[];
|
6
6
|
defaultValue?: Record<string, object>;
|
7
7
|
onCancel?: () => void;
|
8
8
|
onSubmit: (wizardData: T) => Promise<void>;
|
9
9
|
errorAdapter?: ErrorAdapter;
|
10
|
+
disableGrid?: boolean;
|
11
|
+
title?: string;
|
10
12
|
}): import("react/jsx-runtime").JSX.Element;
|
@@ -1,6 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
export
|
3
|
-
onCancel?: () => void;
|
4
|
-
onSubmit: (wizardData: T) => Promise<void>;
|
5
|
-
errorAdapter?: ErrorAdapter;
|
6
|
-
}): import("react/jsx-runtime").JSX.Element;
|
1
|
+
import type { PageWizardBody } from './types';
|
2
|
+
export declare function PageWizardBody<T>({ onCancel, onSubmit, disableGrid, errorAdapter, isVertical, singleColumn, }: PageWizardBody<T>): import("react/jsx-runtime").JSX.Element;
|
@@ -1 +1 @@
|
|
1
|
-
export
|
1
|
+
export declare function PageWizardNavigation(): import("react/jsx-runtime").JSX.Element | undefined;
|
@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
|
|
2
2
|
import type { PageWizardStep, PageWizardState } from './types';
|
3
3
|
export declare const PageWizardContext: import("react").Context<PageWizardState>;
|
4
4
|
export declare function usePageWizard(): PageWizardState;
|
5
|
+
export declare function isStepVisible(step: PageWizardStep, values: object): PageWizardStep | null;
|
5
6
|
export declare function PageWizardProvider<T extends object>(props: {
|
6
7
|
children: ReactNode;
|
7
8
|
steps: PageWizardStep[];
|
@@ -1 +1 @@
|
|
1
|
-
export
|
1
|
+
export declare function PageWizardToggle(): import("react/jsx-runtime").JSX.Element;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { SetStateAction } from 'react';
|
2
|
+
import { ErrorAdapter } from '../PageForm/typesErrorAdapter';
|
2
3
|
export interface PageWizardStep {
|
3
4
|
id: string;
|
4
5
|
label: string;
|
@@ -16,6 +17,16 @@ export interface PageWizardState {
|
|
16
17
|
setWizardData: (data: object) => void;
|
17
18
|
stepData: Record<string, object>;
|
18
19
|
stepError: Record<string, object>;
|
19
|
-
|
20
|
+
allSteps: PageWizardStep[];
|
21
|
+
visibleSteps: PageWizardStep[];
|
22
|
+
setVisibleSteps: (steps: PageWizardStep[]) => void;
|
20
23
|
wizardData: object;
|
21
24
|
}
|
25
|
+
export interface PageWizardBody<T> {
|
26
|
+
onCancel?: () => void;
|
27
|
+
onSubmit: (wizardData: T) => Promise<void>;
|
28
|
+
errorAdapter?: ErrorAdapter;
|
29
|
+
disableGrid?: boolean;
|
30
|
+
isVertical?: boolean;
|
31
|
+
singleColumn?: boolean;
|
32
|
+
}
|