@inf-monkeys-tech/monkeys-design 1.0.53 → 1.0.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/WorkbenchRadarMatrix-3b2384181e2d.d.mts +1257 -0
- package/dist/WorkbenchRadarMatrix-3f0daea32926.d.ts +1257 -0
- package/dist/components/agent-workbench/index.js +2 -2
- package/dist/components/agent-workbench/index.js.map +1 -1
- package/dist/components/agent-workbench/index.mjs +2 -2
- package/dist/components/agent-workbench/index.mjs.map +1 -1
- package/dist/components/primitives/index.js +2 -2
- package/dist/components/primitives/index.js.map +1 -1
- package/dist/components/primitives/index.mjs +2 -2
- package/dist/components/primitives/index.mjs.map +1 -1
- package/dist/components/workbench/index.d.mts +16 -1251
- package/dist/components/workbench/index.d.ts +16 -1251
- package/dist/components/workbench/index.js +256 -13
- package/dist/components/workbench/index.js.map +1 -1
- package/dist/components/workbench/index.mjs +255 -14
- package/dist/components/workbench/index.mjs.map +1 -1
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +75 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +75 -15
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -1,1258 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
import { ReactNode, MouseEvent, ElementType, CSSProperties, ComponentPropsWithoutRef, ComponentType, HTMLAttributes, KeyboardEvent, DragEvent } from 'react';
|
|
1
|
+
export { I as InteractiveTable, a as InteractiveTableClassNames, b as InteractiveTableColumn, c as InteractiveTableColumnMenuLabels, d as InteractiveTableEditableTextCell, e as InteractiveTableEditableTextCellProps, f as InteractiveTableHeaderContext, g as InteractiveTableHeaderProps, h as InteractiveTableProps, i as InteractiveTableReadonlyCell, j as InteractiveTableReadonlyCellProps, k as InteractiveTableRenderContext, l as InteractiveTableRowState, m as InteractiveTableSelectCell, n as InteractiveTableSelectCellProps, o as InteractiveTableSelectOption, W as WorkbenchAssetGallery, p as WorkbenchAssetGalleryItem, q as WorkbenchAssetGalleryProps, r as WorkbenchCollection, bx as WorkbenchCollectionActionsPlacement, by as WorkbenchCollectionActionsVisibility, s as WorkbenchCollectionActivationEvent, t as WorkbenchCollectionAppearanceConfig, u as WorkbenchCollectionCallbacks, v as WorkbenchCollectionClassNames, w as WorkbenchCollectionConfig, x as WorkbenchCollectionGroupContext, y as WorkbenchCollectionGroupingConfig, z as WorkbenchCollectionHoverEffect, bz as WorkbenchCollectionItemActionsConfig, bA as WorkbenchCollectionItemAlign, A as WorkbenchCollectionItemConfig, B as WorkbenchCollectionItemContext, C as WorkbenchCollectionItemSize, D as WorkbenchCollectionItemSlotName, E as WorkbenchCollectionItemSlots, F as WorkbenchCollectionItemStatus, G as WorkbenchCollectionItemTitleConfig, H as WorkbenchCollectionKey, J as WorkbenchCollectionLabels, K as WorkbenchCollectionLayoutConfig, L as WorkbenchCollectionLayoutContext, M as WorkbenchCollectionLayoutMode, N as WorkbenchCollectionLayoutSnapshot, O as WorkbenchCollectionLoadingConfig, P as WorkbenchCollectionLoadingVariant, Q as WorkbenchCollectionProps, R as WorkbenchCollectionResponsive, S as WorkbenchCollectionSelectionBehavior, T as WorkbenchCollectionSelectionConfig, U as WorkbenchCollectionSelectionMode, V as WorkbenchCollectionSkeletonConfig, X as WorkbenchCollectionSlotContext, Y as WorkbenchCollectionSlots, Z as WorkbenchCollectionStateConfig, _ as WorkbenchCollectionTitlePlacement, $ as WorkbenchCollectionTitleVisibility, a0 as WorkbenchCollectionVirtualizationAdapter, a1 as WorkbenchCollectionVirtualizationConfig, a2 as WorkbenchCollectionVirtualizationRenderOptions, a3 as WorkbenchContentPane, a4 as WorkbenchContentPaneBodyProps, a5 as WorkbenchContentPaneClassNames, a6 as WorkbenchContentPaneProps, a7 as WorkbenchContentToolbar, a8 as WorkbenchContentToolbarClassNames, a9 as WorkbenchContentToolbarProps, aa as WorkbenchContentToolbarViewModeOption, ab as WorkbenchDetailSidebar, ac as WorkbenchDetailSidebarBodyProps, ad as WorkbenchDetailSidebarClassNames, ae as WorkbenchDetailSidebarField, af as WorkbenchDetailSidebarProps, ag as WorkbenchDetailSidebarRenderContext, ah as WorkbenchDetailSidebarSection, ai as WorkbenchEvidenceItem, aj as WorkbenchEvidenceList, ak as WorkbenchEvidenceListProps, al as WorkbenchGalleryCard, am as WorkbenchGalleryCardMetaContext, an as WorkbenchGalleryCardProps, ao as WorkbenchGalleryCardRenderContext, ap as WorkbenchGalleryColumn, aq as WorkbenchGalleryLabels, ar as WorkbenchGalleryRecordVisual, as as WorkbenchGallerySettingsButton, at as WorkbenchGallerySettingsButtonClassNames, au as WorkbenchGallerySettingsButtonProps, av as WorkbenchGallerySettingsLabels, aw as WorkbenchGallerySettingsOption, ax as WorkbenchGallerySettingsPanel, ay as WorkbenchGallerySettingsPanelClassNames, az as WorkbenchGallerySettingsPanelProps, aA as WorkbenchGallerySettingsValue, aB as WorkbenchGalleryView, aC as WorkbenchGalleryViewProps, aD as WorkbenchJourneyItem, aE as WorkbenchJourneyItemState, aF as WorkbenchJourneyNavigation, aG as WorkbenchJourneyNavigationProps, aH as WorkbenchLaneClassNames, aI as WorkbenchLaneColumn, aJ as WorkbenchLaneRenderCardContext, aK as WorkbenchLaneView, aL as WorkbenchLaneViewProps, aM as WorkbenchMasonryItemSize, aN as WorkbenchMasonryLayout, aO as WorkbenchMasonryLayoutContext, aP as WorkbenchMasonryLayoutProps, aQ as WorkbenchMetricGrid, aR as WorkbenchMetricGridDensity, aS as WorkbenchMetricGridProps, aT as WorkbenchMetricGridVariant, aU as WorkbenchMetricItem, aV as WorkbenchRadarFilterChip, aW as WorkbenchRadarInspectorSection, aX as WorkbenchRadarLegendItem, aY as WorkbenchRadarMatrix, aZ as WorkbenchRadarMatrixProps, a_ as WorkbenchRadarNavigation, a$ as WorkbenchRadarNavigationChild, b0 as WorkbenchRadarNavigationItem, b1 as WorkbenchRadarNavigationProps, b2 as WorkbenchRadarQuadrant, b3 as WorkbenchRadarWorkspace, b4 as WorkbenchRadarWorkspaceProps, b5 as WorkbenchRankedList, b6 as WorkbenchRankedListItem, b7 as WorkbenchRankedListMetric, b8 as WorkbenchRankedListProps, b9 as WorkbenchRelationshipEdge, ba as WorkbenchRelationshipGraph, bb as WorkbenchRelationshipGraphProps, bc as WorkbenchRelationshipNode, bd as WorkbenchResizableSidebar, be as WorkbenchResizableSidebarClassNames, bf as WorkbenchResizableSidebarItem, bg as WorkbenchResizableSidebarProps, bh as WorkbenchResizableSidebarSection, bi as WorkbenchScatterAxis, bj as WorkbenchScatterPlot, bk as WorkbenchScatterPlotProps, bl as WorkbenchScatterPoint, bm as WorkbenchScatterThresholds, bn as WorkbenchSelectionTray, bo as WorkbenchSelectionTrayItem, bp as WorkbenchSelectionTrayProps, bq as WorkbenchTableView, br as WorkbenchTableViewClassNames, bs as WorkbenchTableViewColumn, bt as WorkbenchTableViewHeaderContext, bu as WorkbenchTableViewProps, bv as WorkbenchTableViewRenderContext, bw as WorkbenchVisualizationTone } from '../../WorkbenchRadarMatrix-3b2384181e2d.mjs';
|
|
3
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import {
|
|
3
|
+
import { HTMLAttributes } from 'react';
|
|
4
|
+
import '../../types-c6ec8b90925b.mjs';
|
|
5
5
|
import '@radix-ui/react-context-menu';
|
|
6
|
-
|
|
6
|
+
type WorkbenchGallerySkeletonLayout = "grid" | "rail";
|
|
7
|
+
interface WorkbenchGallerySkeletonSection {
|
|
7
8
|
id: string;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
href?: string;
|
|
13
|
-
to?: string;
|
|
14
|
-
title?: string;
|
|
15
|
-
endContent?: ReactNode;
|
|
16
|
-
className?: string;
|
|
17
|
-
onClick?: (event: MouseEvent<HTMLElement>) => void;
|
|
18
|
-
}
|
|
19
|
-
interface WorkbenchResizableSidebarSection {
|
|
20
|
-
id: string;
|
|
21
|
-
label?: ReactNode;
|
|
22
|
-
items: WorkbenchResizableSidebarItem[];
|
|
23
|
-
className?: string;
|
|
24
|
-
labelClassName?: string;
|
|
25
|
-
}
|
|
26
|
-
interface WorkbenchResizableSidebarClassNames {
|
|
27
|
-
root?: string;
|
|
28
|
-
header?: string;
|
|
29
|
-
title?: string;
|
|
30
|
-
collapseButton?: string;
|
|
31
|
-
list?: string;
|
|
32
|
-
section?: string;
|
|
33
|
-
sectionLabel?: string;
|
|
34
|
-
item?: string;
|
|
35
|
-
itemIcon?: string;
|
|
36
|
-
itemLabel?: string;
|
|
37
|
-
resizeHandle?: string;
|
|
38
|
-
mobileNav?: string;
|
|
39
|
-
mobileItem?: string;
|
|
40
|
-
}
|
|
41
|
-
interface WorkbenchResizableSidebarProps {
|
|
42
|
-
title?: ReactNode;
|
|
43
|
-
items: WorkbenchResizableSidebarItem[];
|
|
44
|
-
sections?: WorkbenchResizableSidebarSection[];
|
|
45
|
-
activeItemId?: string;
|
|
46
|
-
itemAs?: ElementType;
|
|
47
|
-
collapsed?: boolean;
|
|
48
|
-
defaultCollapsed?: boolean;
|
|
49
|
-
onCollapsedChange?: (collapsed: boolean) => void;
|
|
50
|
-
width?: number;
|
|
51
|
-
onWidthChange?: (width: number) => void;
|
|
52
|
-
defaultWidth?: number;
|
|
53
|
-
minWidth?: number;
|
|
54
|
-
maxWidth?: number;
|
|
55
|
-
collapsedWidth?: number;
|
|
56
|
-
collapseThreshold?: number;
|
|
57
|
-
storageKey?: string;
|
|
58
|
-
resizable?: boolean;
|
|
59
|
-
collapsible?: boolean;
|
|
60
|
-
collapseLabel?: string;
|
|
61
|
-
expandLabel?: string;
|
|
62
|
-
resizeLabel?: string;
|
|
63
|
-
desktopClassName?: string;
|
|
64
|
-
mobileClassName?: string;
|
|
65
|
-
className?: string;
|
|
66
|
-
classNames?: WorkbenchResizableSidebarClassNames;
|
|
67
|
-
style?: CSSProperties;
|
|
68
|
-
}
|
|
69
|
-
declare const WorkbenchResizableSidebar: React.ForwardRefExoticComponent<WorkbenchResizableSidebarProps & React.RefAttributes<HTMLElement>>;
|
|
70
|
-
interface WorkbenchContentPaneClassNames {
|
|
71
|
-
root?: string;
|
|
72
|
-
header?: string;
|
|
73
|
-
body?: string;
|
|
74
|
-
footer?: string;
|
|
75
|
-
}
|
|
76
|
-
interface WorkbenchContentPaneBodyProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'> {
|
|
77
|
-
className?: string;
|
|
78
|
-
}
|
|
79
|
-
interface WorkbenchContentPaneProps extends Omit<ComponentPropsWithoutRef<'section'>, 'children' | 'className' | 'style'> {
|
|
80
|
-
as?: ElementType;
|
|
81
|
-
bodyAs?: ElementType;
|
|
82
|
-
header?: ReactNode;
|
|
83
|
-
footer?: ReactNode;
|
|
84
|
-
children?: ReactNode;
|
|
85
|
-
className?: string;
|
|
86
|
-
headerClassName?: string;
|
|
87
|
-
bodyClassName?: string;
|
|
88
|
-
footerClassName?: string;
|
|
89
|
-
bodyProps?: WorkbenchContentPaneBodyProps;
|
|
90
|
-
classNames?: WorkbenchContentPaneClassNames;
|
|
91
|
-
style?: CSSProperties;
|
|
92
|
-
[key: string]: any;
|
|
93
|
-
}
|
|
94
|
-
declare const WorkbenchContentPane: React.ForwardRefExoticComponent<Omit<WorkbenchContentPaneProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
95
|
-
interface WorkbenchGalleryColumn {
|
|
96
|
-
key: string;
|
|
97
|
-
label?: ReactNode;
|
|
98
|
-
renderType?: string;
|
|
99
|
-
type?: string;
|
|
100
|
-
wrap?: boolean;
|
|
101
|
-
[key: string]: any;
|
|
102
|
-
}
|
|
103
|
-
interface WorkbenchGallerySettingsValue {
|
|
104
|
-
visibleColumnKeys?: string[];
|
|
105
|
-
galleryFieldKey?: string;
|
|
106
|
-
galleryLayout?: 'fixed' | 'masonry' | string;
|
|
107
|
-
galleryDensity?: 'comfortable' | 'compact' | 'detailed' | string;
|
|
108
|
-
galleryGridColumns?: 'auto' | number | string;
|
|
109
|
-
galleryBentoColumns?: 1 | 2 | 3 | number;
|
|
110
|
-
galleryDetailVisibility?: 'all' | 'limit' | string;
|
|
111
|
-
galleryDetailLimit?: number | string;
|
|
112
|
-
[key: string]: any;
|
|
113
|
-
}
|
|
114
|
-
interface WorkbenchGallerySettingsOption<Value extends number | string = string> {
|
|
115
|
-
value: Value;
|
|
116
|
-
label: ReactNode;
|
|
117
|
-
disabled?: boolean;
|
|
118
|
-
}
|
|
119
|
-
interface WorkbenchGallerySettingsLabels {
|
|
120
|
-
settingsButton?: ReactNode;
|
|
121
|
-
title?: ReactNode;
|
|
122
|
-
visibleColumns?: ReactNode;
|
|
123
|
-
coverField?: ReactNode;
|
|
124
|
-
autoDetect?: ReactNode;
|
|
125
|
-
cardDensity?: ReactNode;
|
|
126
|
-
cardColumns?: ReactNode;
|
|
127
|
-
detailColumns?: ReactNode;
|
|
128
|
-
fieldVisibility?: ReactNode;
|
|
129
|
-
fieldLimit?: ReactNode;
|
|
130
|
-
fieldLimitHint?: ReactNode;
|
|
131
|
-
layout?: ReactNode;
|
|
132
|
-
compact?: ReactNode;
|
|
133
|
-
comfortable?: ReactNode;
|
|
134
|
-
detailed?: ReactNode;
|
|
135
|
-
autoColumns?: ReactNode;
|
|
136
|
-
columns?: (count: number) => ReactNode;
|
|
137
|
-
bentoColumns?: (count: number) => ReactNode;
|
|
138
|
-
topLimit?: ReactNode;
|
|
139
|
-
allFields?: ReactNode;
|
|
140
|
-
adaptiveGrid?: ReactNode;
|
|
141
|
-
masonry?: ReactNode;
|
|
142
|
-
}
|
|
143
|
-
interface WorkbenchGallerySettingsPanelClassNames {
|
|
144
|
-
root?: string;
|
|
145
|
-
section?: string;
|
|
146
|
-
sectionHeader?: string;
|
|
147
|
-
columnList?: string;
|
|
148
|
-
columnItem?: string;
|
|
149
|
-
control?: string;
|
|
150
|
-
}
|
|
151
|
-
interface WorkbenchGallerySettingsPanelProps {
|
|
152
|
-
columns?: WorkbenchGalleryColumn[];
|
|
153
|
-
galleryFieldOptions?: WorkbenchGalleryColumn[];
|
|
154
|
-
value?: WorkbenchGallerySettingsValue;
|
|
155
|
-
onValueChange?: (nextValue: WorkbenchGallerySettingsValue, patch: Partial<WorkbenchGallerySettingsValue>) => void;
|
|
156
|
-
labels?: WorkbenchGallerySettingsLabels;
|
|
157
|
-
densityOptions?: Array<WorkbenchGallerySettingsOption>;
|
|
158
|
-
gridColumnOptions?: Array<WorkbenchGallerySettingsOption<'auto' | number>>;
|
|
159
|
-
bentoColumnOptions?: Array<WorkbenchGallerySettingsOption<number>>;
|
|
160
|
-
detailVisibilityOptions?: Array<WorkbenchGallerySettingsOption>;
|
|
161
|
-
layoutOptions?: Array<WorkbenchGallerySettingsOption>;
|
|
162
|
-
getColumnLabel?: (column: WorkbenchGalleryColumn) => ReactNode;
|
|
163
|
-
getColumnDescription?: (column: WorkbenchGalleryColumn) => ReactNode;
|
|
164
|
-
showColumnVisibility?: boolean;
|
|
165
|
-
showGalleryControls?: boolean;
|
|
166
|
-
showLayoutControl?: boolean;
|
|
167
|
-
showGridColumns?: boolean;
|
|
168
|
-
showDetailColumns?: boolean;
|
|
169
|
-
allowEmptyVisibleColumns?: boolean;
|
|
170
|
-
className?: string;
|
|
171
|
-
classNames?: WorkbenchGallerySettingsPanelClassNames;
|
|
172
|
-
}
|
|
173
|
-
interface WorkbenchGallerySettingsButtonClassNames {
|
|
174
|
-
root?: string;
|
|
175
|
-
trigger?: string;
|
|
176
|
-
popover?: string;
|
|
177
|
-
header?: string;
|
|
178
|
-
panel?: string;
|
|
179
|
-
}
|
|
180
|
-
interface WorkbenchGallerySettingsButtonProps extends WorkbenchGallerySettingsPanelProps {
|
|
181
|
-
open?: boolean;
|
|
182
|
-
defaultOpen?: boolean;
|
|
183
|
-
onOpenChange?: (open: boolean) => void;
|
|
184
|
-
triggerIcon?: ReactNode;
|
|
185
|
-
triggerLabel?: ReactNode;
|
|
186
|
-
triggerTitle?: string;
|
|
187
|
-
align?: 'end' | 'start';
|
|
188
|
-
popoverWidth?: number;
|
|
189
|
-
panelHeader?: ReactNode;
|
|
190
|
-
panelBefore?: ReactNode;
|
|
191
|
-
panelAfter?: ReactNode;
|
|
192
|
-
panelClassName?: string;
|
|
193
|
-
buttonClassName?: string;
|
|
194
|
-
popoverClassName?: string;
|
|
195
|
-
buttonClassNames?: WorkbenchGallerySettingsButtonClassNames;
|
|
196
|
-
}
|
|
197
|
-
declare function WorkbenchGallerySettingsPanel({ columns, galleryFieldOptions, value, onValueChange, labels, densityOptions, gridColumnOptions, bentoColumnOptions, detailVisibilityOptions, layoutOptions, getColumnLabel, getColumnDescription, showColumnVisibility, showGalleryControls, showLayoutControl, showGridColumns, showDetailColumns, allowEmptyVisibleColumns, className, classNames, }: WorkbenchGallerySettingsPanelProps): react_jsx_runtime.JSX.Element;
|
|
198
|
-
declare function WorkbenchGallerySettingsButton({ open, defaultOpen, onOpenChange, triggerIcon, triggerLabel, triggerTitle, align, popoverWidth, panelHeader, panelBefore, panelAfter, panelClassName, buttonClassName, popoverClassName, buttonClassNames, labels, className, classNames, ...panelProps }: WorkbenchGallerySettingsButtonProps): react_jsx_runtime.JSX.Element;
|
|
199
|
-
interface WorkbenchContentToolbarViewModeOption {
|
|
200
|
-
value: string;
|
|
201
|
-
label: ReactNode;
|
|
202
|
-
icon?: ReactNode;
|
|
203
|
-
disabled?: boolean;
|
|
204
|
-
}
|
|
205
|
-
interface WorkbenchContentToolbarClassNames {
|
|
206
|
-
root?: string;
|
|
207
|
-
start?: string;
|
|
208
|
-
end?: string;
|
|
209
|
-
viewModeRoot?: string;
|
|
210
|
-
viewModeTrigger?: string;
|
|
211
|
-
viewModeMenu?: string;
|
|
212
|
-
viewModeItem?: string;
|
|
213
|
-
settings?: string;
|
|
214
|
-
}
|
|
215
|
-
interface WorkbenchContentToolbarProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'> {
|
|
216
|
-
as?: ElementType;
|
|
217
|
-
children?: ReactNode;
|
|
218
|
-
end?: ReactNode;
|
|
219
|
-
viewMode?: string;
|
|
220
|
-
viewModeOptions?: WorkbenchContentToolbarViewModeOption[];
|
|
221
|
-
onViewModeChange?: (nextValue: string, option: WorkbenchContentToolbarViewModeOption) => void;
|
|
222
|
-
gallerySettings?: false | WorkbenchGallerySettingsButtonProps;
|
|
223
|
-
gallerySettingsPlacement?: 'end' | 'start';
|
|
224
|
-
className?: string;
|
|
225
|
-
startClassName?: string;
|
|
226
|
-
endClassName?: string;
|
|
227
|
-
classNames?: WorkbenchContentToolbarClassNames;
|
|
228
|
-
[key: string]: any;
|
|
229
|
-
}
|
|
230
|
-
declare const WorkbenchContentToolbar: React.ForwardRefExoticComponent<Omit<WorkbenchContentToolbarProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
231
|
-
interface WorkbenchDetailSidebarClassNames {
|
|
232
|
-
root?: string;
|
|
233
|
-
header?: string;
|
|
234
|
-
body?: string;
|
|
235
|
-
footer?: string;
|
|
236
|
-
resizeHandle?: string;
|
|
237
|
-
autoBody?: string;
|
|
238
|
-
section?: string;
|
|
239
|
-
sectionHeader?: string;
|
|
240
|
-
sectionTitle?: string;
|
|
241
|
-
sectionDescription?: string;
|
|
242
|
-
descriptionList?: string;
|
|
243
|
-
descriptionListItem?: string;
|
|
244
|
-
descriptionListTerm?: string;
|
|
245
|
-
descriptionListValue?: string;
|
|
246
|
-
fieldLabel?: string;
|
|
247
|
-
fieldLabelIcon?: string;
|
|
248
|
-
fieldValue?: string;
|
|
249
|
-
mediaValue?: string;
|
|
250
|
-
mediaImage?: string;
|
|
251
|
-
mediaCaption?: string;
|
|
252
|
-
emptyState?: string;
|
|
253
|
-
}
|
|
254
|
-
interface WorkbenchDetailSidebarBodyProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'className'> {
|
|
255
|
-
className?: string;
|
|
256
|
-
}
|
|
257
|
-
interface WorkbenchDetailSidebarField<Row = any> {
|
|
258
|
-
key: string;
|
|
259
|
-
label?: ReactNode;
|
|
260
|
-
labelIcon?: ElementType | ReactNode;
|
|
261
|
-
icon?: ElementType | ReactNode;
|
|
262
|
-
renderType?: string;
|
|
263
|
-
value?: ((record: null | Row | undefined, field: WorkbenchDetailSidebarField<Row>) => ReactNode) | ReactNode;
|
|
264
|
-
description?: ReactNode;
|
|
265
|
-
hidden?: ((field: WorkbenchDetailSidebarField<Row>, record: null | Row | undefined) => boolean) | boolean;
|
|
266
|
-
emptyValue?: ReactNode;
|
|
267
|
-
[key: string]: any;
|
|
268
|
-
}
|
|
269
|
-
interface WorkbenchDetailSidebarSection<Row = any> {
|
|
270
|
-
id?: string;
|
|
271
|
-
title?: ReactNode;
|
|
272
|
-
description?: ReactNode;
|
|
273
|
-
fields?: WorkbenchDetailSidebarField<Row>[];
|
|
274
|
-
columns?: 1 | 2 | 3;
|
|
275
|
-
hidden?: ((section: WorkbenchDetailSidebarSection<Row>, record: null | Row | undefined) => boolean) | boolean;
|
|
276
|
-
emptyState?: ReactNode;
|
|
277
|
-
[key: string]: any;
|
|
278
|
-
}
|
|
279
|
-
interface WorkbenchDetailSidebarRenderContext<Row = any> {
|
|
280
|
-
field: WorkbenchDetailSidebarField<Row>;
|
|
281
|
-
fieldIndex: number;
|
|
282
|
-
section: WorkbenchDetailSidebarSection<Row>;
|
|
283
|
-
sectionIndex: number;
|
|
284
|
-
record: null | Row | undefined;
|
|
285
|
-
}
|
|
286
|
-
interface WorkbenchDetailSidebarProps<Row = any> extends Omit<ComponentPropsWithoutRef<'aside'>, 'children' | 'className' | 'style'> {
|
|
287
|
-
as?: ElementType;
|
|
288
|
-
bodyAs?: ElementType;
|
|
289
|
-
open?: boolean;
|
|
290
|
-
width?: number | string;
|
|
291
|
-
header?: ReactNode;
|
|
292
|
-
footer?: ReactNode;
|
|
293
|
-
resizeHandle?: ReactNode;
|
|
294
|
-
children?: ReactNode;
|
|
295
|
-
record?: null | Row;
|
|
296
|
-
fields?: WorkbenchDetailSidebarField<Row>[];
|
|
297
|
-
sections?: WorkbenchDetailSidebarSection<Row>[];
|
|
298
|
-
fieldColumns?: 1 | 2 | 3;
|
|
299
|
-
emptyValue?: ReactNode;
|
|
300
|
-
emptyState?: ReactNode;
|
|
301
|
-
getFieldValue?: (field: WorkbenchDetailSidebarField<Row>, record: null | Row | undefined, context: WorkbenchDetailSidebarRenderContext<Row>) => unknown;
|
|
302
|
-
renderFieldValue?: (field: WorkbenchDetailSidebarField<Row>, record: null | Row | undefined, context: WorkbenchDetailSidebarRenderContext<Row>) => ReactNode;
|
|
303
|
-
formatFieldValue?: (value: unknown, context: WorkbenchDetailSidebarRenderContext<Row>) => ReactNode;
|
|
304
|
-
formatFieldLabel?: (label: ReactNode, context: Omit<WorkbenchDetailSidebarRenderContext<Row>, 'fieldIndex'> & {
|
|
305
|
-
field: WorkbenchDetailSidebarField<Row>;
|
|
306
|
-
fieldIndex?: number;
|
|
307
|
-
}) => ReactNode;
|
|
308
|
-
className?: string;
|
|
309
|
-
headerClassName?: string;
|
|
310
|
-
bodyClassName?: string;
|
|
311
|
-
footerClassName?: string;
|
|
312
|
-
resizeHandleClassName?: string;
|
|
313
|
-
bodyProps?: WorkbenchDetailSidebarBodyProps;
|
|
314
|
-
classNames?: WorkbenchDetailSidebarClassNames;
|
|
315
|
-
style?: CSSProperties;
|
|
316
|
-
[key: string]: any;
|
|
317
|
-
}
|
|
318
|
-
declare const WorkbenchDetailSidebar: React.ForwardRefExoticComponent<Omit<WorkbenchDetailSidebarProps<any>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
319
|
-
interface WorkbenchTableViewColumn {
|
|
320
|
-
key: string;
|
|
321
|
-
label?: ReactNode;
|
|
322
|
-
helperText?: ReactNode;
|
|
323
|
-
renderType?: string;
|
|
324
|
-
type?: string;
|
|
325
|
-
description?: ReactNode;
|
|
326
|
-
meta?: ReactNode;
|
|
327
|
-
actions?: ReactNode;
|
|
328
|
-
trailing?: ReactNode;
|
|
329
|
-
wrap?: boolean;
|
|
330
|
-
align?: 'center' | 'left' | 'right';
|
|
331
|
-
width?: number | string;
|
|
332
|
-
minWidth?: number | string;
|
|
333
|
-
maxWidth?: number | string;
|
|
334
|
-
sortable?: boolean;
|
|
335
|
-
sortDirection?: BaseTableSortDirection;
|
|
336
|
-
sortLabel?: string;
|
|
337
|
-
draggable?: boolean;
|
|
338
|
-
dragLabel?: string;
|
|
339
|
-
resizable?: boolean;
|
|
340
|
-
resizeLabel?: string;
|
|
341
|
-
compactHeaderClassName?: string;
|
|
342
|
-
compactCellClassName?: string;
|
|
343
|
-
headerClassName?: string;
|
|
344
|
-
cellClassName?: string;
|
|
345
|
-
[key: string]: any;
|
|
346
|
-
}
|
|
347
|
-
interface WorkbenchTableViewClassNames {
|
|
348
|
-
root?: string;
|
|
349
|
-
scrollArea?: string;
|
|
350
|
-
table?: string;
|
|
351
|
-
header?: string;
|
|
352
|
-
headerRow?: string;
|
|
353
|
-
headerCell?: string;
|
|
354
|
-
body?: string;
|
|
355
|
-
row?: string;
|
|
356
|
-
cell?: string;
|
|
357
|
-
footer?: string;
|
|
358
|
-
helper?: string;
|
|
359
|
-
}
|
|
360
|
-
interface WorkbenchTableViewRenderContext<Row = any> {
|
|
361
|
-
row: Row;
|
|
362
|
-
rowIndex: number;
|
|
363
|
-
column: WorkbenchTableViewColumn;
|
|
364
|
-
columnIndex: number;
|
|
365
|
-
compact: boolean;
|
|
366
|
-
surface: 'list' | string;
|
|
367
|
-
}
|
|
368
|
-
interface WorkbenchTableViewHeaderContext<Row = any> {
|
|
369
|
-
column: WorkbenchTableViewColumn;
|
|
370
|
-
columnIndex: number;
|
|
371
|
-
columns: WorkbenchTableViewColumn[];
|
|
372
|
-
rows: Row[];
|
|
373
|
-
columnType?: string;
|
|
374
|
-
}
|
|
375
|
-
interface WorkbenchTableViewProps<Row = any> {
|
|
376
|
-
rows?: Row[];
|
|
377
|
-
columns?: WorkbenchTableViewColumn[];
|
|
378
|
-
onRowClick?: (row: Row, rowIndex: number) => void;
|
|
379
|
-
selectedRowKey?: string;
|
|
380
|
-
selectedLinkKey?: string;
|
|
381
|
-
activePrimaryColumn?: null | WorkbenchTableViewColumn;
|
|
382
|
-
activeTablePrimaryColumn?: null | WorkbenchTableViewColumn;
|
|
383
|
-
renderedRowCount?: number;
|
|
384
|
-
totalRowCount?: number;
|
|
385
|
-
tableMinWidth?: number;
|
|
386
|
-
minWidth?: number;
|
|
387
|
-
bodyMaxHeight?: number | string;
|
|
388
|
-
stickyFirstColumn?: boolean;
|
|
389
|
-
appearance?: BaseAppearance;
|
|
390
|
-
columnOrder?: string[];
|
|
391
|
-
columnSizes?: BaseTableColumnSizes;
|
|
392
|
-
columnDragEnabled?: boolean;
|
|
393
|
-
columnResizeEnabled?: boolean;
|
|
394
|
-
className?: string;
|
|
395
|
-
tableClassName?: string;
|
|
396
|
-
rowClassName?: ((row: Row, rowIndex: number) => string | undefined) | string;
|
|
397
|
-
classNames?: WorkbenchTableViewClassNames;
|
|
398
|
-
style?: CSSProperties;
|
|
399
|
-
renderCell?: (column: WorkbenchTableViewColumn, row: Row, context: WorkbenchTableViewRenderContext<Row>) => ReactNode;
|
|
400
|
-
renderFieldValue?: (column: WorkbenchTableViewColumn, row: Row, context: WorkbenchTableViewRenderContext<Row>) => ReactNode;
|
|
401
|
-
renderColumnHeader?: (column: WorkbenchTableViewColumn, context: WorkbenchTableViewHeaderContext<Row>) => ReactNode;
|
|
402
|
-
onColumnOrderChange?: (nextOrder: string[], detail: BaseTableColumnOrderChangeDetail) => void;
|
|
403
|
-
onColumnSizeChange?: (columnId: string, width: number, detail: BaseTableColumnSizeChangeDetail) => void;
|
|
404
|
-
onSort?: (columnKey: string, column: WorkbenchTableViewColumn) => void;
|
|
405
|
-
formatLabel?: (value: ReactNode, context?: {
|
|
406
|
-
column?: WorkbenchTableViewColumn;
|
|
407
|
-
}) => ReactNode;
|
|
408
|
-
getColumnDataType?: (columnKey: string, rows: Row[], column?: WorkbenchTableViewColumn) => string | undefined;
|
|
409
|
-
getColumnIcon?: (columnType?: string, column?: WorkbenchTableViewColumn) => ComponentType<{
|
|
410
|
-
className?: string;
|
|
411
|
-
}> | null | ReactNode | undefined;
|
|
412
|
-
getColumnTypeIcon?: (columnType?: string, column?: WorkbenchTableViewColumn) => ComponentType<{
|
|
413
|
-
className?: string;
|
|
414
|
-
}> | null | ReactNode | undefined;
|
|
415
|
-
getRowKey?: (row: Row, rowIndex: number) => number | string;
|
|
416
|
-
getRowSelectionKey?: (row: Row, rowIndex: number) => number | string | undefined;
|
|
417
|
-
isActionColumn?: (column: WorkbenchTableViewColumn) => boolean;
|
|
418
|
-
isActionField?: (column: WorkbenchTableViewColumn) => boolean;
|
|
419
|
-
isRowDisabled?: (row: Row, rowIndex: number) => boolean;
|
|
420
|
-
isWorkbenchPlaceholderRow?: (row: Row, rowIndex?: number) => boolean;
|
|
421
|
-
emptyState?: ReactNode;
|
|
422
|
-
hiddenRowsMessage?: ((hiddenRowCount: number, renderedRowCount: number, totalRowCount: number) => ReactNode) | ReactNode;
|
|
423
|
-
}
|
|
424
|
-
declare function WorkbenchTableView<Row = any>({ rows, columns, onRowClick, selectedRowKey, selectedLinkKey, activePrimaryColumn, activeTablePrimaryColumn, renderedRowCount, totalRowCount, tableMinWidth, minWidth, bodyMaxHeight, stickyFirstColumn, appearance, columnOrder, columnSizes, columnDragEnabled, columnResizeEnabled, className, tableClassName, rowClassName, classNames, style, renderCell, renderFieldValue, renderColumnHeader, onColumnOrderChange, onColumnSizeChange, onSort, formatLabel, getColumnDataType, getColumnIcon, getColumnTypeIcon, getRowKey, getRowSelectionKey, isActionColumn, isActionField, isRowDisabled, isWorkbenchPlaceholderRow, emptyState, hiddenRowsMessage, }: WorkbenchTableViewProps<Row>): react_jsx_runtime.JSX.Element;
|
|
425
|
-
interface InteractiveTableColumn {
|
|
426
|
-
key: string;
|
|
427
|
-
label?: ReactNode;
|
|
428
|
-
description?: ReactNode;
|
|
429
|
-
align?: 'center' | 'left' | 'right';
|
|
430
|
-
width?: number | string;
|
|
431
|
-
minWidth?: number;
|
|
432
|
-
maxWidth?: number;
|
|
433
|
-
sortable?: boolean;
|
|
434
|
-
sortDirection?: BaseTableSortDirection;
|
|
435
|
-
sortLabel?: string;
|
|
436
|
-
draggable?: boolean;
|
|
437
|
-
resizable?: boolean;
|
|
438
|
-
className?: string;
|
|
439
|
-
headerClassName?: string;
|
|
440
|
-
cellClassName?: string;
|
|
441
|
-
wrap?: boolean;
|
|
442
|
-
[key: string]: any;
|
|
443
|
-
}
|
|
444
|
-
interface InteractiveTableClassNames {
|
|
445
|
-
root?: string;
|
|
446
|
-
header?: string;
|
|
447
|
-
headerLeading?: string;
|
|
448
|
-
headerTitle?: string;
|
|
449
|
-
headerDescription?: string;
|
|
450
|
-
headerActions?: string;
|
|
451
|
-
scrollArea?: string;
|
|
452
|
-
table?: string;
|
|
453
|
-
tableHeader?: string;
|
|
454
|
-
headerRow?: string;
|
|
455
|
-
headerCell?: string;
|
|
456
|
-
body?: string;
|
|
457
|
-
row?: string;
|
|
458
|
-
pinnedTopRow?: string;
|
|
459
|
-
cell?: string;
|
|
460
|
-
empty?: string;
|
|
461
|
-
}
|
|
462
|
-
interface InteractiveTableRenderContext<Row = any> {
|
|
463
|
-
row: Row;
|
|
464
|
-
rowIndex: number;
|
|
465
|
-
column: InteractiveTableColumn;
|
|
466
|
-
columnIndex: number;
|
|
467
|
-
isPinnedTopRow: boolean;
|
|
468
|
-
}
|
|
469
|
-
interface InteractiveTableHeaderContext<Row = any> {
|
|
470
|
-
column: InteractiveTableColumn;
|
|
471
|
-
columnIndex: number;
|
|
472
|
-
columns: InteractiveTableColumn[];
|
|
473
|
-
rows: Row[];
|
|
474
|
-
}
|
|
475
|
-
interface InteractiveTableRowState {
|
|
476
|
-
disabled?: boolean;
|
|
477
|
-
pending?: boolean;
|
|
478
|
-
saving?: boolean;
|
|
479
|
-
selected?: boolean;
|
|
480
|
-
}
|
|
481
|
-
interface InteractiveTableHeaderProps {
|
|
482
|
-
title?: ReactNode;
|
|
483
|
-
description?: ReactNode;
|
|
484
|
-
actions?: ReactNode;
|
|
485
|
-
resetColumnSizesLabel?: ReactNode;
|
|
486
|
-
}
|
|
487
|
-
interface InteractiveTableColumnMenuLabels {
|
|
488
|
-
columnActions?: ReactNode;
|
|
489
|
-
freezeColumn?: ReactNode;
|
|
490
|
-
freezeEndColumn?: ReactNode;
|
|
491
|
-
unfreezeColumn?: ReactNode;
|
|
492
|
-
unfreezeEndColumn?: ReactNode;
|
|
493
|
-
unfreezeAllColumns?: ReactNode;
|
|
494
|
-
resetColumnWidth?: ReactNode;
|
|
495
|
-
frozenColumnTitle?: string;
|
|
496
|
-
}
|
|
497
|
-
interface InteractiveTableProps<Row = any, PinnedTopRow = Row> {
|
|
498
|
-
rows?: Row[];
|
|
499
|
-
columns?: InteractiveTableColumn[];
|
|
500
|
-
pinnedTopRows?: PinnedTopRow[];
|
|
501
|
-
getRowKey?: (row: Row, rowIndex: number) => number | string;
|
|
502
|
-
getPinnedTopRowKey?: (row: PinnedTopRow, rowIndex: number) => number | string;
|
|
503
|
-
renderCell?: (column: InteractiveTableColumn, row: Row, context: InteractiveTableRenderContext<Row>) => ReactNode;
|
|
504
|
-
renderPinnedTopCell?: (column: InteractiveTableColumn, row: PinnedTopRow, context: InteractiveTableRenderContext<PinnedTopRow>) => ReactNode;
|
|
505
|
-
renderColumnHeader?: (column: InteractiveTableColumn, context: InteractiveTableHeaderContext<Row>) => ReactNode;
|
|
506
|
-
onRowClick?: (row: Row, rowIndex: number) => void;
|
|
507
|
-
getRowState?: (row: Row, rowIndex: number) => InteractiveTableRowState | undefined;
|
|
508
|
-
rowClassName?: ((row: Row, rowIndex: number) => string | undefined) | string;
|
|
509
|
-
pinnedTopRowClassName?: ((row: PinnedTopRow, rowIndex: number) => string | undefined) | string;
|
|
510
|
-
emptyState?: ReactNode;
|
|
511
|
-
header?: InteractiveTableHeaderProps;
|
|
512
|
-
showResetColumnSizes?: boolean;
|
|
513
|
-
columnMenuLabels?: InteractiveTableColumnMenuLabels;
|
|
514
|
-
columnStorageKey?: string;
|
|
515
|
-
columnOrder?: string[];
|
|
516
|
-
columnSizes?: BaseTableColumnSizes;
|
|
517
|
-
defaultColumnSizes?: BaseTableColumnSizes;
|
|
518
|
-
columnDragEnabled?: boolean;
|
|
519
|
-
columnResizeEnabled?: boolean;
|
|
520
|
-
frozenColumnCount?: number;
|
|
521
|
-
frozenEndColumnCount?: number;
|
|
522
|
-
tableMinWidth?: number;
|
|
523
|
-
bodyMaxHeight?: number | string;
|
|
524
|
-
appearance?: BaseAppearance;
|
|
525
|
-
className?: string;
|
|
526
|
-
tableClassName?: string;
|
|
527
|
-
classNames?: InteractiveTableClassNames;
|
|
528
|
-
style?: CSSProperties;
|
|
529
|
-
onColumnOrderChange?: (nextOrder: string[], detail: BaseTableColumnOrderChangeDetail) => void;
|
|
530
|
-
onColumnSizeChange?: (columnId: string, width: number, detail: BaseTableColumnSizeChangeDetail) => void;
|
|
531
|
-
onResetColumnSizes?: (nextSizes: BaseTableColumnSizes) => void;
|
|
532
|
-
onFrozenColumnCountChange?: (nextCount: number) => void;
|
|
533
|
-
onFrozenEndColumnCountChange?: (nextCount: number) => void;
|
|
534
|
-
onSort?: (columnKey: string, column: InteractiveTableColumn) => void;
|
|
535
|
-
}
|
|
536
|
-
interface InteractiveTableEditableTextCellProps {
|
|
537
|
-
value?: null | string;
|
|
538
|
-
placeholder?: string;
|
|
539
|
-
disabled?: boolean;
|
|
540
|
-
multiline?: boolean;
|
|
541
|
-
commitOnBlur?: boolean;
|
|
542
|
-
className?: string;
|
|
543
|
-
inputClassName?: string;
|
|
544
|
-
onCommit?: (value: string) => Promise<void> | void;
|
|
545
|
-
}
|
|
546
|
-
interface InteractiveTableReadonlyCellProps {
|
|
547
|
-
children?: ReactNode;
|
|
548
|
-
mono?: boolean;
|
|
549
|
-
className?: string;
|
|
550
|
-
}
|
|
551
|
-
interface InteractiveTableSelectOption<T extends string = string> {
|
|
552
|
-
value: T;
|
|
553
|
-
label: string;
|
|
554
|
-
}
|
|
555
|
-
interface InteractiveTableSelectCellProps<T extends string = string> {
|
|
556
|
-
value: T;
|
|
557
|
-
options: Array<InteractiveTableSelectOption<T>>;
|
|
558
|
-
disabled?: boolean;
|
|
559
|
-
ariaLabel: string;
|
|
560
|
-
children: ReactNode;
|
|
561
|
-
className?: string;
|
|
562
|
-
onChange?: (nextValue: T) => void;
|
|
563
|
-
}
|
|
564
|
-
declare function InteractiveTable<Row = any, PinnedTopRow = Row>({ rows, columns, pinnedTopRows, getRowKey, getPinnedTopRowKey, renderCell, renderPinnedTopCell, renderColumnHeader, onRowClick, getRowState, rowClassName, pinnedTopRowClassName, emptyState, columnMenuLabels, columnStorageKey, columnOrder, columnSizes, defaultColumnSizes, columnDragEnabled, columnResizeEnabled, frozenColumnCount, frozenEndColumnCount, tableMinWidth, bodyMaxHeight, appearance, className, tableClassName, classNames, style, onColumnOrderChange, onColumnSizeChange, onResetColumnSizes, onFrozenColumnCountChange, onFrozenEndColumnCountChange, onSort, }: InteractiveTableProps<Row, PinnedTopRow>): react_jsx_runtime.JSX.Element;
|
|
565
|
-
declare function InteractiveTableEditableTextCell({ value, placeholder, disabled, multiline, commitOnBlur, className, inputClassName, onCommit, }: InteractiveTableEditableTextCellProps): react_jsx_runtime.JSX.Element;
|
|
566
|
-
declare function InteractiveTableReadonlyCell({ children, mono, className, }: InteractiveTableReadonlyCellProps): react_jsx_runtime.JSX.Element;
|
|
567
|
-
declare function InteractiveTableSelectCell<T extends string = string>({ value, options, disabled, ariaLabel, children, className, onChange, }: InteractiveTableSelectCellProps<T>): react_jsx_runtime.JSX.Element;
|
|
568
|
-
interface WorkbenchGalleryRecordVisual {
|
|
569
|
-
Icon?: ComponentType<{
|
|
570
|
-
className?: string;
|
|
571
|
-
}> | ReactNode;
|
|
572
|
-
icon?: ComponentType<{
|
|
573
|
-
className?: string;
|
|
574
|
-
}> | ReactNode;
|
|
575
|
-
chipClassName?: string;
|
|
576
|
-
iconClassName?: string;
|
|
577
|
-
label?: ReactNode;
|
|
578
|
-
title?: ReactNode;
|
|
579
|
-
[key: string]: any;
|
|
580
|
-
}
|
|
581
|
-
interface WorkbenchGalleryLabels {
|
|
582
|
-
fieldCount?: (count: number) => ReactNode;
|
|
583
|
-
coverOnlyHint?: ReactNode;
|
|
584
|
-
}
|
|
585
|
-
interface WorkbenchGalleryCardProps<Row = any> {
|
|
586
|
-
row: Row;
|
|
587
|
-
columns: WorkbenchGalleryColumn[];
|
|
588
|
-
onClick?: () => void;
|
|
589
|
-
isSelected?: boolean;
|
|
590
|
-
isMasonry?: boolean;
|
|
591
|
-
galleryFieldKey?: string;
|
|
592
|
-
galleryDensity?: 'comfortable' | 'compact' | 'detailed' | string;
|
|
593
|
-
galleryBentoColumns?: 1 | 2 | 3 | number;
|
|
594
|
-
galleryDetailVisibility?: 'all' | 'limit' | string;
|
|
595
|
-
galleryDetailLimit?: number | string;
|
|
596
|
-
shouldEnhanceMultimodal?: boolean;
|
|
597
|
-
getFieldValue?: (column: WorkbenchGalleryColumn, row: Row) => unknown;
|
|
598
|
-
isMediaColumn?: (column: WorkbenchGalleryColumn, row: Row) => boolean;
|
|
599
|
-
isTitleCandidate?: (column: WorkbenchGalleryColumn, row: Row) => boolean;
|
|
600
|
-
isSummaryCandidate?: (column: WorkbenchGalleryColumn, row: Row) => boolean;
|
|
601
|
-
getDisplayText?: (value: unknown) => ReactNode;
|
|
602
|
-
renderFieldValue?: (column: WorkbenchGalleryColumn, row: Row, context: {
|
|
603
|
-
compact?: boolean;
|
|
604
|
-
surface?: string;
|
|
605
|
-
}) => ReactNode;
|
|
606
|
-
getImagePreviewSrc?: (value: unknown, rowId?: number | string, columnLabel?: ReactNode) => string;
|
|
607
|
-
isImageField?: (column: WorkbenchGalleryColumn, value: unknown) => boolean;
|
|
608
|
-
isAudioField?: (column: WorkbenchGalleryColumn, value: unknown) => boolean;
|
|
609
|
-
AudioPlayerComponent?: ComponentType<{
|
|
610
|
-
filename: string;
|
|
611
|
-
}>;
|
|
612
|
-
cardVariant?: 'chromatic-bento' | 'default' | 'image-only' | 'preview-only' | string;
|
|
613
|
-
renderPreview?: (context: WorkbenchGalleryCardRenderContext<Row>) => ReactNode;
|
|
614
|
-
renderMeta?: (context: WorkbenchGalleryCardMetaContext<Row>) => ReactNode;
|
|
615
|
-
renderLeadingVisual?: (context: WorkbenchGalleryCardMetaContext<Row> & {
|
|
616
|
-
iconVisual?: null | WorkbenchGalleryRecordVisual;
|
|
617
|
-
}) => ReactNode;
|
|
618
|
-
resolveRecordVisual?: (value: unknown, row: Row, iconColumn?: WorkbenchGalleryColumn) => null | undefined | WorkbenchGalleryRecordVisual;
|
|
619
|
-
hiddenDetailFieldKeys?: string[];
|
|
620
|
-
labels?: WorkbenchGalleryLabels;
|
|
621
|
-
formatLabel?: (value: ReactNode, context?: {
|
|
622
|
-
column?: WorkbenchGalleryColumn;
|
|
623
|
-
}) => ReactNode;
|
|
624
|
-
className?: string;
|
|
625
|
-
}
|
|
626
|
-
interface WorkbenchGalleryCardRenderContext<Row = any> {
|
|
627
|
-
row: Row;
|
|
628
|
-
mediaColumn?: null | WorkbenchGalleryColumn;
|
|
629
|
-
mediaValue: unknown;
|
|
630
|
-
isImageMedia: boolean;
|
|
631
|
-
isAudioMedia: boolean;
|
|
632
|
-
iconVisual?: null | WorkbenchGalleryRecordVisual;
|
|
633
|
-
IconComponent?: ComponentType<{
|
|
634
|
-
className?: string;
|
|
635
|
-
}> | null;
|
|
636
|
-
previewClassName: string;
|
|
637
|
-
}
|
|
638
|
-
interface WorkbenchGalleryCardMetaContext<Row = any> {
|
|
639
|
-
row: Row;
|
|
640
|
-
contentColumns: WorkbenchGalleryColumn[];
|
|
641
|
-
detailColumns: WorkbenchGalleryColumn[];
|
|
642
|
-
titleColumn?: null | WorkbenchGalleryColumn;
|
|
643
|
-
summaryColumn?: null | WorkbenchGalleryColumn;
|
|
644
|
-
getDisplayText: (value: unknown) => ReactNode;
|
|
645
|
-
getFieldValue: (column: WorkbenchGalleryColumn, row: Row) => unknown;
|
|
646
|
-
}
|
|
647
|
-
declare function WorkbenchGalleryCard<Row = any>({ row, columns, onClick, isSelected, isMasonry, galleryFieldKey, galleryDensity, galleryBentoColumns, galleryDetailVisibility, galleryDetailLimit, shouldEnhanceMultimodal, getFieldValue, isMediaColumn, isTitleCandidate, isSummaryCandidate, getDisplayText, renderFieldValue, getImagePreviewSrc, isImageField, isAudioField, AudioPlayerComponent, cardVariant, renderPreview, renderMeta, renderLeadingVisual, resolveRecordVisual, hiddenDetailFieldKeys, labels, formatLabel, className, }: WorkbenchGalleryCardProps<Row>): react_jsx_runtime.JSX.Element;
|
|
648
|
-
interface WorkbenchMasonryItemSize {
|
|
649
|
-
width?: number | string;
|
|
650
|
-
height?: number | string;
|
|
651
|
-
columnSpan?: number;
|
|
652
|
-
rowSpan?: number;
|
|
653
|
-
}
|
|
654
|
-
interface WorkbenchMasonryLayoutContext {
|
|
655
|
-
columnCount: number;
|
|
656
|
-
columnSpan?: number;
|
|
657
|
-
columnWidth: number;
|
|
658
|
-
containerWidth: number;
|
|
659
|
-
gap: number;
|
|
660
|
-
itemWidth?: number;
|
|
661
|
-
placementStrategy: 'dense' | 'shelf' | 'shortest';
|
|
662
|
-
rowSpan?: number;
|
|
663
|
-
rowHeight: number;
|
|
664
|
-
size?: WorkbenchMasonryItemSize;
|
|
665
|
-
}
|
|
666
|
-
interface WorkbenchMasonryLayoutProps<Item = any> {
|
|
667
|
-
items?: readonly Item[];
|
|
668
|
-
renderItem: (item: Item, context: WorkbenchMasonryLayoutContext) => ReactNode;
|
|
669
|
-
getItemKey?: (item: Item, index: number) => number | string;
|
|
670
|
-
getItemSize?: (item: Item, context: WorkbenchMasonryLayoutContext) => undefined | WorkbenchMasonryItemSize;
|
|
671
|
-
columnWidth?: number | string;
|
|
672
|
-
columnCount?: number;
|
|
673
|
-
gap?: number;
|
|
674
|
-
rowHeight?: number;
|
|
675
|
-
placementStrategy?: 'dense' | 'shelf' | 'shortest';
|
|
676
|
-
containerProps?: Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
|
|
677
|
-
getItemProps?: (item: Item, context: WorkbenchMasonryLayoutContext) => Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
|
|
678
|
-
className?: string;
|
|
679
|
-
}
|
|
680
|
-
declare function WorkbenchMasonryLayout<Item = any>({ items, renderItem, getItemKey, getItemSize, columnWidth, columnCount: requestedColumnCount, gap, rowHeight, placementStrategy, containerProps, getItemProps, className, }: WorkbenchMasonryLayoutProps<Item>): react_jsx_runtime.JSX.Element;
|
|
681
|
-
interface WorkbenchGalleryViewProps<Row = any> extends Omit<WorkbenchGalleryCardProps<Row>, 'columns' | 'isMasonry' | 'isSelected' | 'onClick' | 'row'> {
|
|
682
|
-
rows?: Row[];
|
|
683
|
-
columns?: WorkbenchGalleryColumn[];
|
|
684
|
-
onRowClick?: (row: Row, rowIndex: number) => void;
|
|
685
|
-
selectedLinkKey?: string;
|
|
686
|
-
selectedRowKey?: string;
|
|
687
|
-
className?: string;
|
|
688
|
-
isMasonry?: boolean;
|
|
689
|
-
galleryLayoutMode?: 'auto' | 'rail' | string;
|
|
690
|
-
galleryRailCardWidth?: number;
|
|
691
|
-
galleryGridColumns?: 'auto' | number | string;
|
|
692
|
-
galleryGridCardWidth?: number | string;
|
|
693
|
-
galleryMasonryColumnWidth?: number | string;
|
|
694
|
-
masonryPlacementStrategy?: 'dense' | 'shelf';
|
|
695
|
-
getMasonryItemSize?: (row: Row, context: {
|
|
696
|
-
defaultSize: WorkbenchMasonryItemSize;
|
|
697
|
-
columnCount: number;
|
|
698
|
-
columnWidth: number;
|
|
699
|
-
containerWidth: number;
|
|
700
|
-
gap: number;
|
|
701
|
-
placementStrategy: 'dense' | 'shelf';
|
|
702
|
-
rowHeight: number;
|
|
703
|
-
}) => undefined | WorkbenchMasonryItemSize;
|
|
704
|
-
}
|
|
705
|
-
declare function WorkbenchGalleryView<Row = any>({ rows, columns, onRowClick, selectedLinkKey, selectedRowKey, className, isMasonry, galleryLayoutMode, galleryRailCardWidth, galleryGridColumns, galleryGridCardWidth, galleryMasonryColumnWidth, masonryPlacementStrategy, galleryFieldKey, galleryDensity, galleryBentoColumns, galleryDetailVisibility, galleryDetailLimit, shouldEnhanceMultimodal, getFieldValue, isMediaColumn, isTitleCandidate, isSummaryCandidate, getDisplayText, renderFieldValue, getImagePreviewSrc, isImageField, isAudioField, AudioPlayerComponent, cardVariant, renderPreview, renderMeta, renderLeadingVisual, resolveRecordVisual, hiddenDetailFieldKeys, labels, formatLabel, getMasonryItemSize, }: WorkbenchGalleryViewProps<Row>): react_jsx_runtime.JSX.Element;
|
|
706
|
-
type WorkbenchCollectionLoadingVariant = 'skeleton' | 'spinner';
|
|
707
|
-
interface WorkbenchCollectionSkeletonConfig {
|
|
708
|
-
count?: number;
|
|
709
|
-
loadMoreCount?: number;
|
|
9
|
+
layout?: WorkbenchGallerySkeletonLayout;
|
|
10
|
+
filterCount?: number;
|
|
11
|
+
cardCount?: number;
|
|
710
12
|
aspectRatios?: readonly number[];
|
|
711
|
-
animated?: boolean;
|
|
712
|
-
}
|
|
713
|
-
type WorkbenchCollectionKey = number | string;
|
|
714
|
-
type WorkbenchCollectionLayoutMode = 'dense' | 'grid' | 'masonry' | 'rail';
|
|
715
|
-
type WorkbenchCollectionSelectionMode = 'multiple' | 'none' | 'single';
|
|
716
|
-
type WorkbenchCollectionSelectionBehavior = 'range' | 'replace' | 'toggle';
|
|
717
|
-
type WorkbenchCollectionActivationEvent = KeyboardEvent<HTMLElement> | MouseEvent<HTMLElement>;
|
|
718
|
-
type WorkbenchCollectionItemStatus = 'failed' | 'idle' | 'loading' | 'pending' | string;
|
|
719
|
-
type WorkbenchCollectionItemSlotName = 'actions' | 'badges' | 'body' | 'detail' | 'detailTrigger' | 'fallback' | 'footer' | 'header' | 'media' | 'meta' | 'selectionControl' | 'statusOverlay' | 'title' | 'top';
|
|
720
|
-
type WorkbenchCollectionResponsive<Value> = {
|
|
721
|
-
mobile?: Value;
|
|
722
|
-
tablet?: Value;
|
|
723
|
-
desktop?: Value;
|
|
724
|
-
} | Value;
|
|
725
|
-
type WorkbenchCollectionItemSize = WorkbenchMasonryItemSize;
|
|
726
|
-
interface WorkbenchCollectionLayoutContext {
|
|
727
|
-
mode: WorkbenchCollectionLayoutMode;
|
|
728
|
-
columnCount: number;
|
|
729
|
-
columnSpan?: number;
|
|
730
|
-
columnWidth: number;
|
|
731
|
-
containerWidth: number;
|
|
732
|
-
gap: number;
|
|
733
|
-
itemWidth?: number;
|
|
734
|
-
placementStrategy: 'dense' | 'shelf' | 'shortest';
|
|
735
|
-
rowSpan?: number;
|
|
736
|
-
rowHeight: number;
|
|
737
|
-
size?: WorkbenchCollectionItemSize;
|
|
738
|
-
}
|
|
739
|
-
interface WorkbenchCollectionLayoutSnapshot {
|
|
740
|
-
mode: WorkbenchCollectionLayoutMode;
|
|
741
|
-
columnCount: number;
|
|
742
|
-
columnWidth: number;
|
|
743
|
-
containerWidth: number;
|
|
744
|
-
gap: number;
|
|
745
|
-
itemCount: number;
|
|
746
|
-
}
|
|
747
|
-
interface WorkbenchCollectionItemContext<Item> {
|
|
748
|
-
item: Item;
|
|
749
|
-
index: number;
|
|
750
|
-
key: WorkbenchCollectionKey;
|
|
751
|
-
status: WorkbenchCollectionItemStatus;
|
|
752
|
-
disabled: boolean;
|
|
753
|
-
selected: boolean;
|
|
754
|
-
selectionMode: WorkbenchCollectionSelectionMode;
|
|
755
|
-
layout: WorkbenchCollectionLayoutContext;
|
|
756
|
-
select: (behavior?: WorkbenchCollectionSelectionBehavior) => void;
|
|
757
|
-
preview: () => void;
|
|
758
|
-
detail: () => void;
|
|
759
|
-
renderSlot: (name: WorkbenchCollectionItemSlotName) => ReactNode;
|
|
760
|
-
notifyMediaLoad: () => void;
|
|
761
|
-
notifyMediaError: (error?: unknown) => void;
|
|
762
|
-
}
|
|
763
|
-
interface WorkbenchCollectionStateConfig {
|
|
764
|
-
loading?: boolean;
|
|
765
|
-
loadingMore?: boolean;
|
|
766
|
-
error?: unknown;
|
|
767
|
-
empty?: boolean;
|
|
768
|
-
hasMore?: boolean;
|
|
769
|
-
permission?: boolean;
|
|
770
|
-
offline?: boolean;
|
|
771
|
-
}
|
|
772
|
-
interface WorkbenchCollectionSelectionConfig<Item> {
|
|
773
|
-
mode?: WorkbenchCollectionSelectionMode;
|
|
774
|
-
selectedKeys?: Iterable<WorkbenchCollectionKey>;
|
|
775
|
-
defaultSelectedKeys?: Iterable<WorkbenchCollectionKey>;
|
|
776
|
-
behavior?: WorkbenchCollectionSelectionBehavior;
|
|
777
|
-
isItemDisabled?: (item: Item, index: number) => boolean;
|
|
778
|
-
}
|
|
779
|
-
interface WorkbenchCollectionGroupingConfig<Item> {
|
|
780
|
-
getGroupKey: (item: Item, index: number) => WorkbenchCollectionKey;
|
|
781
|
-
getGroupLabel?: (groupKey: WorkbenchCollectionKey, firstItem: Item) => ReactNode;
|
|
782
|
-
}
|
|
783
|
-
interface WorkbenchCollectionLoadingConfig {
|
|
784
|
-
rootMargin?: string;
|
|
785
|
-
threshold?: number;
|
|
786
|
-
/** Request another page while the configured scroll viewport is not filled. */
|
|
787
|
-
autoFill?: boolean;
|
|
788
|
-
/** Collection loading defaults to a layout-aware skeleton. */
|
|
789
|
-
variant?: WorkbenchCollectionLoadingVariant;
|
|
790
|
-
skeleton?: WorkbenchCollectionSkeletonConfig;
|
|
791
13
|
}
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
type WorkbenchCollectionActionsVisibility = 'always' | 'hover' | 'never';
|
|
796
|
-
type WorkbenchCollectionActionsPlacement = 'above' | 'below' | 'overlay-bottom' | 'overlay-top';
|
|
797
|
-
type WorkbenchCollectionItemAlign = 'center' | 'end' | 'start';
|
|
798
|
-
interface WorkbenchCollectionItemTitleConfig<Item> {
|
|
799
|
-
getContent?: (item: Item, context: WorkbenchCollectionItemContext<Item>) => ReactNode;
|
|
800
|
-
visibility?: WorkbenchCollectionTitleVisibility;
|
|
801
|
-
placement?: WorkbenchCollectionTitlePlacement;
|
|
802
|
-
align?: WorkbenchCollectionItemAlign;
|
|
803
|
-
maxLines?: number;
|
|
804
|
-
surface?: 'none' | 'scrim' | 'surface';
|
|
805
|
-
}
|
|
806
|
-
interface WorkbenchCollectionItemActionsConfig {
|
|
807
|
-
visibility?: WorkbenchCollectionActionsVisibility;
|
|
808
|
-
placement?: WorkbenchCollectionActionsPlacement;
|
|
809
|
-
align?: WorkbenchCollectionItemAlign;
|
|
810
|
-
wrap?: boolean;
|
|
811
|
-
}
|
|
812
|
-
interface WorkbenchCollectionItemConfig<Item> {
|
|
813
|
-
title?: WorkbenchCollectionItemTitleConfig<Item>;
|
|
814
|
-
actions?: WorkbenchCollectionItemActionsConfig;
|
|
815
|
-
}
|
|
816
|
-
interface WorkbenchCollectionAppearanceConfig {
|
|
817
|
-
density?: 'comfortable' | 'compact' | 'detailed' | string;
|
|
818
|
-
radius?: 'lg' | 'md' | 'none' | 'sm' | 'xl' | string;
|
|
819
|
-
mediaFit?: 'contain' | 'cover' | 'natural';
|
|
820
|
-
hover?: WorkbenchCollectionHoverEffect;
|
|
821
|
-
selection?: 'none' | 'outline' | 'ring';
|
|
822
|
-
}
|
|
823
|
-
interface WorkbenchCollectionLabels {
|
|
824
|
-
collection: string;
|
|
825
|
-
loading: string;
|
|
826
|
-
empty: string;
|
|
827
|
-
loadError: string;
|
|
828
|
-
refreshError: string;
|
|
829
|
-
retry: string;
|
|
830
|
-
loadingMore: string;
|
|
831
|
-
permission: string;
|
|
832
|
-
offline: string;
|
|
833
|
-
requestAccess: string;
|
|
834
|
-
}
|
|
835
|
-
interface WorkbenchCollectionVirtualizationRenderOptions<Item> {
|
|
836
|
-
items: readonly Item[];
|
|
837
|
-
keys: readonly WorkbenchCollectionKey[];
|
|
838
|
-
layout: WorkbenchCollectionLayoutConfig<Item>;
|
|
839
|
-
scrollOwner: HTMLElement | null;
|
|
840
|
-
renderItem: (item: Item, index: number, layout: WorkbenchCollectionLayoutContext) => ReactNode;
|
|
841
|
-
}
|
|
842
|
-
interface WorkbenchCollectionVirtualizationAdapter<Item> {
|
|
843
|
-
supports?: (mode: WorkbenchCollectionLayoutMode) => boolean;
|
|
844
|
-
render: (options: WorkbenchCollectionVirtualizationRenderOptions<Item>) => ReactNode;
|
|
845
|
-
}
|
|
846
|
-
interface WorkbenchCollectionVirtualizationConfig<Item> {
|
|
847
|
-
enabled?: boolean;
|
|
848
|
-
adapter?: WorkbenchCollectionVirtualizationAdapter<Item>;
|
|
849
|
-
fallback?: 'error' | 'render-all';
|
|
850
|
-
}
|
|
851
|
-
interface WorkbenchCollectionLayoutConfig<Item> {
|
|
852
|
-
mode: WorkbenchCollectionLayoutMode;
|
|
853
|
-
columns?: 'auto' | WorkbenchCollectionResponsive<number>;
|
|
854
|
-
/** Control whether an underfilled automatic grid stretches its items or preserves full-grid card widths. */
|
|
855
|
-
underfilledBehavior?: 'preserve-columns' | 'stretch-items';
|
|
856
|
-
maxColumns?: WorkbenchCollectionResponsive<number>;
|
|
857
|
-
minCardWidth?: number | string;
|
|
858
|
-
idealCardWidth?: number | string;
|
|
859
|
-
maxCardWidth?: number | string;
|
|
860
|
-
cardWidth?: number | string;
|
|
861
|
-
columnWidth?: number | string;
|
|
862
|
-
gap?: number;
|
|
863
|
-
rowHeight?: number;
|
|
864
|
-
placementStrategy?: 'dense' | 'shelf' | 'shortest';
|
|
865
|
-
padding?: number | string;
|
|
866
|
-
fillHeight?: boolean;
|
|
867
|
-
maxHeight?: number | string;
|
|
868
|
-
scrollOwner?: 'parent' | 'self' | HTMLElement | null;
|
|
869
|
-
getItemSize?: (item: Item, context: WorkbenchCollectionLayoutContext) => undefined | WorkbenchCollectionItemSize;
|
|
870
|
-
getItemAspectRatio?: (item: Item, index: number) => number | undefined;
|
|
871
|
-
}
|
|
872
|
-
interface WorkbenchCollectionConfig<Item> {
|
|
873
|
-
getItemKey?: (item: Item, index: number) => WorkbenchCollectionKey;
|
|
874
|
-
getItemStatus?: (item: Item, index: number) => WorkbenchCollectionItemStatus;
|
|
875
|
-
layout: WorkbenchCollectionLayoutConfig<Item>;
|
|
876
|
-
state?: WorkbenchCollectionStateConfig;
|
|
877
|
-
selection?: WorkbenchCollectionSelectionConfig<Item>;
|
|
878
|
-
grouping?: WorkbenchCollectionGroupingConfig<Item>;
|
|
879
|
-
loading?: WorkbenchCollectionLoadingConfig;
|
|
880
|
-
virtualization?: WorkbenchCollectionVirtualizationConfig<Item>;
|
|
881
|
-
item?: WorkbenchCollectionItemConfig<Item>;
|
|
882
|
-
appearance?: WorkbenchCollectionAppearanceConfig;
|
|
883
|
-
labels?: Partial<WorkbenchCollectionLabels>;
|
|
884
|
-
scrollRestorationKey?: string;
|
|
885
|
-
}
|
|
886
|
-
interface WorkbenchCollectionSlotContext<Item> {
|
|
887
|
-
items: readonly Item[];
|
|
888
|
-
error?: unknown;
|
|
889
|
-
loading: boolean;
|
|
890
|
-
loadingMore: boolean;
|
|
891
|
-
selectedKeys: ReadonlySet<WorkbenchCollectionKey>;
|
|
892
|
-
retry: () => void;
|
|
893
|
-
}
|
|
894
|
-
interface WorkbenchCollectionGroupContext<Item> {
|
|
895
|
-
key: WorkbenchCollectionKey;
|
|
896
|
-
label?: ReactNode;
|
|
897
|
-
items: readonly Item[];
|
|
898
|
-
groupIndex: number;
|
|
899
|
-
}
|
|
900
|
-
type WorkbenchCollectionItemSlots<Item> = Partial<Record<WorkbenchCollectionItemSlotName, (item: Item, context: WorkbenchCollectionItemContext<Item>) => ReactNode>>;
|
|
901
|
-
interface WorkbenchCollectionSlots<Item> {
|
|
902
|
-
header?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
903
|
-
toolbar?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
904
|
-
beforeItems?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
905
|
-
groupHeading?: (group: WorkbenchCollectionGroupContext<Item>, context: WorkbenchCollectionSlotContext<Item>) => ReactNode;
|
|
906
|
-
selectionToolbar?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
907
|
-
loading?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
908
|
-
empty?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
909
|
-
error?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
910
|
-
permission?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
911
|
-
offline?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
912
|
-
loadMore?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
913
|
-
footer?: ((context: WorkbenchCollectionSlotContext<Item>) => ReactNode) | ReactNode;
|
|
914
|
-
item?: WorkbenchCollectionItemSlots<Item>;
|
|
915
|
-
}
|
|
916
|
-
interface WorkbenchCollectionCallbacks<Item> {
|
|
917
|
-
onItemClick?: (item: Item, context: WorkbenchCollectionItemContext<Item>, event: WorkbenchCollectionActivationEvent) => void;
|
|
918
|
-
onItemDoubleClick?: (item: Item, context: WorkbenchCollectionItemContext<Item>, event: MouseEvent<HTMLElement>) => void;
|
|
919
|
-
onItemHoverChange?: (item: Item, context: WorkbenchCollectionItemContext<Item>, hovered: boolean, event: MouseEvent<HTMLElement>) => void;
|
|
920
|
-
onItemPreview?: (item: Item, context: WorkbenchCollectionItemContext<Item>) => void;
|
|
921
|
-
onItemDetail?: (item: Item, context: WorkbenchCollectionItemContext<Item>) => void;
|
|
922
|
-
onItemDragStart?: (item: Item, context: WorkbenchCollectionItemContext<Item>, event: DragEvent<HTMLElement>) => void;
|
|
923
|
-
onItemDrop?: (item: Item, context: WorkbenchCollectionItemContext<Item>, event: DragEvent<HTMLElement>) => void;
|
|
924
|
-
onSelectionChange?: (selectedKeys: ReadonlySet<WorkbenchCollectionKey>, details: {
|
|
925
|
-
item: Item;
|
|
926
|
-
key: WorkbenchCollectionKey;
|
|
927
|
-
behavior: WorkbenchCollectionSelectionBehavior;
|
|
928
|
-
}) => void;
|
|
929
|
-
onLoadMore?: () => Promise<void> | void;
|
|
930
|
-
onRetry?: () => void;
|
|
931
|
-
onRequestAccess?: () => void;
|
|
932
|
-
onLayoutChange?: (snapshot: WorkbenchCollectionLayoutSnapshot) => void;
|
|
933
|
-
onLayoutReady?: (snapshot: WorkbenchCollectionLayoutSnapshot) => void;
|
|
934
|
-
onMediaLoad?: (item: Item, context: WorkbenchCollectionItemContext<Item>) => void;
|
|
935
|
-
onMediaError?: (item: Item, context: WorkbenchCollectionItemContext<Item>, error?: unknown) => void;
|
|
936
|
-
}
|
|
937
|
-
interface WorkbenchCollectionClassNames {
|
|
938
|
-
root?: string;
|
|
939
|
-
header?: string;
|
|
940
|
-
toolbar?: string;
|
|
941
|
-
selectionToolbar?: string;
|
|
942
|
-
beforeItems?: string;
|
|
943
|
-
items?: string;
|
|
944
|
-
layout?: string;
|
|
945
|
-
group?: string;
|
|
946
|
-
groupHeading?: string;
|
|
947
|
-
item?: string;
|
|
948
|
-
itemContent?: string;
|
|
949
|
-
itemTitle?: string;
|
|
950
|
-
itemActions?: string;
|
|
951
|
-
status?: string;
|
|
952
|
-
loadMore?: string;
|
|
953
|
-
footer?: string;
|
|
954
|
-
}
|
|
955
|
-
interface WorkbenchCollectionProps<Item> {
|
|
956
|
-
items: readonly Item[];
|
|
957
|
-
config: WorkbenchCollectionConfig<Item>;
|
|
958
|
-
renderItem: (item: Item, context: WorkbenchCollectionItemContext<Item>) => ReactNode;
|
|
959
|
-
slots?: WorkbenchCollectionSlots<Item>;
|
|
960
|
-
callbacks?: WorkbenchCollectionCallbacks<Item>;
|
|
961
|
-
className?: string;
|
|
962
|
-
classNames?: WorkbenchCollectionClassNames;
|
|
963
|
-
style?: CSSProperties;
|
|
964
|
-
ariaLabel?: string;
|
|
965
|
-
}
|
|
966
|
-
declare function WorkbenchCollection<Item>({ items, config, renderItem, slots, callbacks, className, classNames, style, ariaLabel, }: WorkbenchCollectionProps<Item>): react_jsx_runtime.JSX.Element;
|
|
967
|
-
interface WorkbenchLaneColumn<ColumnId extends string = string> {
|
|
968
|
-
id: ColumnId;
|
|
969
|
-
label?: ReactNode;
|
|
970
|
-
icon?: ReactNode;
|
|
971
|
-
className?: string;
|
|
972
|
-
headerClassName?: string;
|
|
973
|
-
bodyClassName?: string;
|
|
974
|
-
badgeClassName?: string;
|
|
975
|
-
iconClassName?: string;
|
|
976
|
-
}
|
|
977
|
-
interface WorkbenchLaneClassNames {
|
|
978
|
-
root?: string;
|
|
979
|
-
column?: string;
|
|
980
|
-
columnHeader?: string;
|
|
981
|
-
columnIcon?: string;
|
|
982
|
-
columnBadge?: string;
|
|
983
|
-
columnCount?: string;
|
|
984
|
-
columnBody?: string;
|
|
985
|
-
cardWrapper?: string;
|
|
986
|
-
overlayWrapper?: string;
|
|
987
|
-
emptyColumn?: string;
|
|
988
|
-
}
|
|
989
|
-
interface WorkbenchLaneRenderCardContext<Row = any, ColumnId extends string = string> {
|
|
990
|
-
row: Row;
|
|
991
|
-
rowIndex: number;
|
|
992
|
-
column: WorkbenchLaneColumn<ColumnId>;
|
|
993
|
-
isDragging: boolean;
|
|
994
|
-
isOverlay: boolean;
|
|
995
|
-
}
|
|
996
|
-
interface WorkbenchLaneViewProps<Row = any, ColumnId extends string = string> {
|
|
997
|
-
rows?: Row[];
|
|
998
|
-
columns?: Array<WorkbenchLaneColumn<ColumnId>>;
|
|
999
|
-
getRowId?: (row: Row, rowIndex: number) => string;
|
|
1000
|
-
getColumnId?: (row: Row, rowIndex: number) => ColumnId;
|
|
1001
|
-
renderCard?: (row: Row, context: WorkbenchLaneRenderCardContext<Row, ColumnId>) => ReactNode;
|
|
1002
|
-
renderOverlayCard?: (row: Row, context: WorkbenchLaneRenderCardContext<Row, ColumnId>) => ReactNode;
|
|
1003
|
-
onMoveRow?: (rowId: string, nextColumnId: ColumnId, row: Row) => void;
|
|
1004
|
-
emptyColumn?: ReactNode;
|
|
1005
|
-
activationDistance?: number;
|
|
1006
|
-
columnWidth?: number | string;
|
|
1007
|
-
columnMinHeight?: number | string;
|
|
1008
|
-
className?: string;
|
|
1009
|
-
classNames?: WorkbenchLaneClassNames;
|
|
1010
|
-
style?: CSSProperties;
|
|
1011
|
-
}
|
|
1012
|
-
declare function WorkbenchLaneView<Row = any, ColumnId extends string = string>({ rows, columns, getRowId, getColumnId, renderCard, renderOverlayCard, onMoveRow, emptyColumn, activationDistance, columnWidth, columnMinHeight, className, classNames, style, }: WorkbenchLaneViewProps<Row, ColumnId>): react_jsx_runtime.JSX.Element;
|
|
1013
|
-
interface WorkbenchMetricItem {
|
|
1014
|
-
id: string;
|
|
1015
|
-
label: ReactNode;
|
|
1016
|
-
value: ReactNode;
|
|
1017
|
-
progress?: number;
|
|
1018
|
-
description?: ReactNode;
|
|
1019
|
-
}
|
|
1020
|
-
type WorkbenchMetricGridVariant = "bars" | "cards" | "list";
|
|
1021
|
-
type WorkbenchMetricGridDensity = "comfortable" | "compact";
|
|
1022
|
-
interface WorkbenchMetricGridProps {
|
|
1023
|
-
items: WorkbenchMetricItem[];
|
|
1024
|
-
variant?: WorkbenchMetricGridVariant;
|
|
1025
|
-
density?: WorkbenchMetricGridDensity;
|
|
1026
|
-
emptyState?: ReactNode;
|
|
1027
|
-
ariaLabel?: string;
|
|
1028
|
-
className?: string;
|
|
1029
|
-
itemClassName?: string;
|
|
1030
|
-
}
|
|
1031
|
-
declare function WorkbenchMetricGrid({ items, variant, density, emptyState, ariaLabel, className, itemClassName, }: WorkbenchMetricGridProps): null | react_jsx_runtime.JSX.Element;
|
|
1032
|
-
type WorkbenchVisualizationTone = "accent" | "muted" | "primary" | "secondary";
|
|
1033
|
-
interface WorkbenchScatterPoint {
|
|
1034
|
-
id: string;
|
|
1035
|
-
label: string;
|
|
1036
|
-
x: number;
|
|
1037
|
-
y: number;
|
|
1038
|
-
size?: number;
|
|
1039
|
-
description?: string;
|
|
1040
|
-
tone?: WorkbenchVisualizationTone;
|
|
1041
|
-
}
|
|
1042
|
-
interface WorkbenchScatterAxis {
|
|
1043
|
-
label: string;
|
|
1044
|
-
min?: number;
|
|
1045
|
-
max?: number;
|
|
1046
|
-
}
|
|
1047
|
-
interface WorkbenchScatterThresholds {
|
|
1048
|
-
x?: number;
|
|
1049
|
-
y?: number;
|
|
1050
|
-
}
|
|
1051
|
-
interface WorkbenchScatterPlotProps {
|
|
1052
|
-
points: WorkbenchScatterPoint[];
|
|
1053
|
-
xAxis: WorkbenchScatterAxis;
|
|
1054
|
-
yAxis: WorkbenchScatterAxis;
|
|
1055
|
-
thresholds?: WorkbenchScatterThresholds;
|
|
1056
|
-
selectedPointId?: string;
|
|
1057
|
-
onPointSelect?: (point: WorkbenchScatterPoint) => void;
|
|
1058
|
-
width?: number;
|
|
1059
|
-
height?: number;
|
|
1060
|
-
emptyState?: ReactNode;
|
|
1061
|
-
ariaLabel?: string;
|
|
1062
|
-
className?: string;
|
|
1063
|
-
}
|
|
1064
|
-
declare function WorkbenchScatterPlot({ points, xAxis, yAxis, thresholds, selectedPointId, onPointSelect, width, height, emptyState, ariaLabel, className, }: WorkbenchScatterPlotProps): null | react_jsx_runtime.JSX.Element;
|
|
1065
|
-
interface WorkbenchRelationshipNode {
|
|
1066
|
-
id: string;
|
|
1067
|
-
label: string;
|
|
1068
|
-
meta?: string;
|
|
1069
|
-
tone?: WorkbenchVisualizationTone;
|
|
1070
|
-
}
|
|
1071
|
-
interface WorkbenchRelationshipEdge {
|
|
1072
|
-
id?: string;
|
|
1073
|
-
sourceId: string;
|
|
1074
|
-
targetId: string;
|
|
1075
|
-
label?: string;
|
|
1076
|
-
}
|
|
1077
|
-
interface WorkbenchRelationshipGraphProps {
|
|
1078
|
-
nodes: WorkbenchRelationshipNode[];
|
|
1079
|
-
edges: WorkbenchRelationshipEdge[];
|
|
1080
|
-
selectedNodeId?: string;
|
|
1081
|
-
onNodeSelect?: (node: WorkbenchRelationshipNode) => void;
|
|
1082
|
-
width?: number;
|
|
1083
|
-
height?: number;
|
|
1084
|
-
emptyState?: ReactNode;
|
|
1085
|
-
ariaLabel?: string;
|
|
1086
|
-
className?: string;
|
|
1087
|
-
variant?: "default" | "radar";
|
|
1088
|
-
}
|
|
1089
|
-
declare function WorkbenchRelationshipGraph({ nodes, edges, selectedNodeId, onNodeSelect, width, height, emptyState, ariaLabel, className, variant, }: WorkbenchRelationshipGraphProps): null | react_jsx_runtime.JSX.Element;
|
|
1090
|
-
type WorkbenchJourneyItemState = "complete" | "current" | "upcoming";
|
|
1091
|
-
interface WorkbenchJourneyItem {
|
|
1092
|
-
id: string;
|
|
1093
|
-
label: ReactNode;
|
|
1094
|
-
eyebrow?: ReactNode;
|
|
1095
|
-
state?: WorkbenchJourneyItemState;
|
|
1096
|
-
disabled?: boolean;
|
|
1097
|
-
}
|
|
1098
|
-
interface WorkbenchJourneyNavigationProps {
|
|
1099
|
-
items: WorkbenchJourneyItem[];
|
|
1100
|
-
onItemSelect?: (item: WorkbenchJourneyItem) => void;
|
|
1101
|
-
ariaLabel?: string;
|
|
1102
|
-
className?: string;
|
|
1103
|
-
}
|
|
1104
|
-
declare function WorkbenchJourneyNavigation({ items, onItemSelect, ariaLabel, className, }: WorkbenchJourneyNavigationProps): react_jsx_runtime.JSX.Element;
|
|
1105
|
-
interface WorkbenchRankedListMetric {
|
|
1106
|
-
id: string;
|
|
1107
|
-
label: ReactNode;
|
|
1108
|
-
value: ReactNode;
|
|
1109
|
-
}
|
|
1110
|
-
interface WorkbenchRankedListItem {
|
|
1111
|
-
id: string;
|
|
1112
|
-
label: ReactNode;
|
|
1113
|
-
description?: ReactNode;
|
|
1114
|
-
score?: ReactNode;
|
|
1115
|
-
tags?: ReactNode[];
|
|
1116
|
-
metrics?: WorkbenchRankedListMetric[];
|
|
1117
|
-
leading?: ReactNode;
|
|
1118
|
-
trailing?: ReactNode;
|
|
1119
|
-
}
|
|
1120
|
-
interface WorkbenchRankedListProps {
|
|
1121
|
-
items: WorkbenchRankedListItem[];
|
|
1122
|
-
selectedItemId?: string;
|
|
1123
|
-
onItemSelect?: (item: WorkbenchRankedListItem) => void;
|
|
1124
|
-
emptyState?: ReactNode;
|
|
1125
|
-
ariaLabel?: string;
|
|
1126
|
-
className?: string;
|
|
1127
|
-
}
|
|
1128
|
-
declare function WorkbenchRankedList({ items, selectedItemId, onItemSelect, emptyState, ariaLabel, className, }: WorkbenchRankedListProps): null | react_jsx_runtime.JSX.Element;
|
|
1129
|
-
interface WorkbenchSelectionTrayItem {
|
|
1130
|
-
id: string;
|
|
1131
|
-
label: ReactNode;
|
|
1132
|
-
meta?: ReactNode;
|
|
1133
|
-
}
|
|
1134
|
-
interface WorkbenchSelectionTrayProps {
|
|
1135
|
-
title: ReactNode;
|
|
1136
|
-
description?: ReactNode;
|
|
1137
|
-
items: WorkbenchSelectionTrayItem[];
|
|
1138
|
-
onRemove?: (item: WorkbenchSelectionTrayItem) => void;
|
|
1139
|
-
removeLabel?: (item: WorkbenchSelectionTrayItem) => string;
|
|
1140
|
-
actions?: ReactNode;
|
|
1141
|
-
emptyState?: ReactNode;
|
|
1142
|
-
className?: string;
|
|
1143
|
-
}
|
|
1144
|
-
declare function WorkbenchSelectionTray({ title, description, items, onRemove, removeLabel, actions, emptyState, className, }: WorkbenchSelectionTrayProps): react_jsx_runtime.JSX.Element;
|
|
1145
|
-
interface WorkbenchEvidenceItem {
|
|
1146
|
-
id: string;
|
|
1147
|
-
title: ReactNode;
|
|
1148
|
-
description?: ReactNode;
|
|
1149
|
-
source?: ReactNode;
|
|
1150
|
-
timestamp?: ReactNode;
|
|
1151
|
-
marker?: ReactNode;
|
|
1152
|
-
action?: ReactNode;
|
|
1153
|
-
}
|
|
1154
|
-
interface WorkbenchEvidenceListProps {
|
|
1155
|
-
items: WorkbenchEvidenceItem[];
|
|
1156
|
-
emptyState?: ReactNode;
|
|
1157
|
-
ariaLabel?: string;
|
|
1158
|
-
className?: string;
|
|
1159
|
-
}
|
|
1160
|
-
declare function WorkbenchEvidenceList({ items, emptyState, ariaLabel, className, }: WorkbenchEvidenceListProps): null | react_jsx_runtime.JSX.Element;
|
|
1161
|
-
interface WorkbenchAssetGalleryItem {
|
|
1162
|
-
id: string;
|
|
1163
|
-
url: string;
|
|
1164
|
-
alt: string;
|
|
1165
|
-
title?: ReactNode;
|
|
1166
|
-
description?: ReactNode;
|
|
1167
|
-
badges?: ReactNode[];
|
|
1168
|
-
}
|
|
1169
|
-
interface WorkbenchAssetGalleryProps {
|
|
1170
|
-
items: WorkbenchAssetGalleryItem[];
|
|
1171
|
-
selectedItemId?: string;
|
|
1172
|
-
onItemSelect?: (item: WorkbenchAssetGalleryItem) => void;
|
|
1173
|
-
emptyState?: ReactNode;
|
|
1174
|
-
ariaLabel?: string;
|
|
1175
|
-
className?: string;
|
|
1176
|
-
}
|
|
1177
|
-
declare function WorkbenchAssetGallery({ items, selectedItemId, onItemSelect, emptyState, ariaLabel, className, }: WorkbenchAssetGalleryProps): null | react_jsx_runtime.JSX.Element;
|
|
1178
|
-
interface WorkbenchRadarNavigationChild {
|
|
1179
|
-
id: string;
|
|
1180
|
-
label: ReactNode;
|
|
1181
|
-
icon?: ReactNode;
|
|
1182
|
-
}
|
|
1183
|
-
interface WorkbenchRadarNavigationItem {
|
|
1184
|
-
id: string;
|
|
1185
|
-
label: ReactNode;
|
|
1186
|
-
icon?: ReactNode;
|
|
1187
|
-
children?: WorkbenchRadarNavigationChild[];
|
|
1188
|
-
}
|
|
1189
|
-
interface WorkbenchRadarWorkspaceProps {
|
|
1190
|
-
navigationItems?: WorkbenchRadarNavigationItem[];
|
|
1191
|
-
activeNavigationId?: string;
|
|
1192
|
-
activeNavigationChildId?: string;
|
|
1193
|
-
onNavigationSelect?: (item: WorkbenchRadarNavigationItem) => void;
|
|
1194
|
-
onNavigationChildSelect?: (child: WorkbenchRadarNavigationChild, parent: WorkbenchRadarNavigationItem) => void;
|
|
1195
|
-
navigationFooter?: ReactNode;
|
|
1196
|
-
navigation?: ReactNode;
|
|
1197
|
-
children: ReactNode;
|
|
1198
|
-
inspector?: ReactNode;
|
|
1199
|
-
inspectorLabel?: string;
|
|
1200
|
-
className?: string;
|
|
1201
|
-
contentClassName?: string;
|
|
1202
|
-
minimumHeight?: number | string;
|
|
1203
|
-
ariaLabel?: string;
|
|
1204
|
-
}
|
|
1205
|
-
interface WorkbenchRadarNavigationProps {
|
|
1206
|
-
items: WorkbenchRadarNavigationItem[];
|
|
1207
|
-
activeItemId?: string;
|
|
1208
|
-
activeChildId?: string;
|
|
1209
|
-
onItemSelect?: (item: WorkbenchRadarNavigationItem) => void;
|
|
1210
|
-
onChildSelect?: (child: WorkbenchRadarNavigationChild, parent: WorkbenchRadarNavigationItem) => void;
|
|
1211
|
-
footer?: ReactNode;
|
|
1212
|
-
ariaLabel?: string;
|
|
1213
|
-
}
|
|
1214
|
-
declare function WorkbenchRadarNavigation({ items, activeItemId, activeChildId, onItemSelect, onChildSelect, footer, ariaLabel, }: WorkbenchRadarNavigationProps): react_jsx_runtime.JSX.Element;
|
|
1215
|
-
declare function WorkbenchRadarWorkspace({ navigationItems, activeNavigationId, activeNavigationChildId, onNavigationSelect, onNavigationChildSelect, navigationFooter, navigation, children, inspector, inspectorLabel, className, contentClassName, minimumHeight, ariaLabel, }: WorkbenchRadarWorkspaceProps): react_jsx_runtime.JSX.Element;
|
|
1216
|
-
declare function WorkbenchRadarInspectorSection({ title, icon, description, children, className, }: {
|
|
1217
|
-
title: ReactNode;
|
|
1218
|
-
icon?: ReactNode;
|
|
1219
|
-
description?: ReactNode;
|
|
1220
|
-
children?: ReactNode;
|
|
1221
|
-
className?: string;
|
|
1222
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1223
|
-
declare function WorkbenchRadarFilterChip({ label, value, icon, selected, onSelect, className, }: {
|
|
1224
|
-
label: ReactNode;
|
|
1225
|
-
value?: ReactNode;
|
|
1226
|
-
icon?: ReactNode;
|
|
1227
|
-
selected?: boolean;
|
|
1228
|
-
onSelect?: () => void;
|
|
1229
|
-
className?: string;
|
|
1230
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1231
|
-
interface WorkbenchRadarQuadrant {
|
|
1232
|
-
id: "high-high" | "high-low" | "low-high" | "low-low";
|
|
1233
|
-
title: ReactNode;
|
|
1234
|
-
description?: ReactNode;
|
|
1235
|
-
}
|
|
1236
|
-
interface WorkbenchRadarLegendItem {
|
|
1237
|
-
id: string;
|
|
1238
|
-
label: ReactNode;
|
|
1239
|
-
tone?: WorkbenchVisualizationTone;
|
|
14
|
+
interface WorkbenchGallerySkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
15
|
+
sections?: readonly WorkbenchGallerySkeletonSection[];
|
|
16
|
+
animated?: boolean;
|
|
1240
17
|
}
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
yAxis: WorkbenchScatterAxis;
|
|
1245
|
-
thresholds?: WorkbenchScatterThresholds;
|
|
1246
|
-
quadrants?: WorkbenchRadarQuadrant[];
|
|
1247
|
-
legend?: WorkbenchRadarLegendItem[];
|
|
1248
|
-
selectedPointId?: string;
|
|
1249
|
-
onPointSelect?: (point: WorkbenchScatterPoint) => void;
|
|
1250
|
-
width?: number;
|
|
1251
|
-
height?: number;
|
|
1252
|
-
labelLimit?: number;
|
|
1253
|
-
emptyState?: ReactNode;
|
|
1254
|
-
ariaLabel?: string;
|
|
1255
|
-
className?: string;
|
|
18
|
+
declare function WorkbenchGallerySkeleton({ sections, animated, className, ...props }: WorkbenchGallerySkeletonProps): react_jsx_runtime.JSX.Element;
|
|
19
|
+
interface WorkbenchPageSkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
+
animated?: boolean;
|
|
1256
21
|
}
|
|
1257
|
-
declare function
|
|
1258
|
-
export {
|
|
22
|
+
declare function WorkbenchPageSkeleton({ animated, className, ...props }: WorkbenchPageSkeletonProps): react_jsx_runtime.JSX.Element;
|
|
23
|
+
export { WorkbenchGallerySkeleton, type WorkbenchGallerySkeletonLayout, type WorkbenchGallerySkeletonProps, type WorkbenchGallerySkeletonSection, WorkbenchPageSkeleton, type WorkbenchPageSkeletonProps };
|