@floegence/floe-webapp-core 0.44.2 → 0.46.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/workbench/WorkbenchFilterBar.d.ts +20 -1
- package/dist/components/workbench/WorkbenchFilterBar.js +443 -322
- package/dist/components/workbench/WorkbenchSurface.d.ts +6 -1
- package/dist/components/workbench/WorkbenchSurface.js +415 -323
- package/dist/components/workbench/index.d.ts +1 -1
- package/dist/components/workbench/workbenchDockFocusCycle.d.ts +30 -0
- package/dist/components/workbench/workbenchDockFocusCycle.js +39 -0
- package/dist/styles.css +1 -1
- package/dist/workbench.css +21 -0
- package/package.json +1 -1
|
@@ -8,6 +8,8 @@ export interface WorkbenchFilterBarProps {
|
|
|
8
8
|
widgets: readonly WorkbenchWidgetItem[];
|
|
9
9
|
filters: Record<string, boolean>;
|
|
10
10
|
mode?: WorkbenchInteractionMode;
|
|
11
|
+
/** Changes built-in Dock clicks without affecting drag-to-create behavior. */
|
|
12
|
+
activationMode?: WorkbenchDockItemActivationMode;
|
|
11
13
|
/** Solo a single dock component in the supplied mode scope; soloing it again shows the full scope. */
|
|
12
14
|
onSoloFilter: (id: string, scope: readonly string[]) => void;
|
|
13
15
|
onSelectMode?: (mode: WorkbenchInteractionMode) => void;
|
|
@@ -22,14 +24,26 @@ export interface WorkbenchFilterBarProps {
|
|
|
22
24
|
onCreateToolAt?: (tool: WorkbenchDockToolId, clientX: number, clientY: number, context?: WorkbenchDockDropContext) => void;
|
|
23
25
|
/**
|
|
24
26
|
* Handles a plain click on a dock item. Return true when the host consumed
|
|
25
|
-
* the click and the default
|
|
27
|
+
* the click and the configured default activation should be skipped.
|
|
26
28
|
*/
|
|
27
29
|
onItemClick?: (item: WorkbenchDockItemActivation) => boolean | void;
|
|
30
|
+
onFocusCycleItem?: (item: WorkbenchDockItemActivation) => void;
|
|
31
|
+
resolveItemPresentation?: (item: Pick<WorkbenchDockItemActivation, 'kind' | 'id'>) => WorkbenchDockItemPresentation;
|
|
32
|
+
onDockActivation?: (item: Readonly<{
|
|
33
|
+
kind: 'widget' | 'tool' | 'host' | 'external' | 'action' | 'mode';
|
|
34
|
+
id: string;
|
|
35
|
+
}>) => void;
|
|
28
36
|
onDragPreviewChange?: (preview: WorkbenchDockDragPreview | null) => void;
|
|
29
37
|
viewport?: WorkbenchViewport;
|
|
30
38
|
onViewportCommit?: (viewport: WorkbenchViewport) => void;
|
|
31
39
|
onViewportInteractionStart?: (kind: 'pan') => void;
|
|
32
40
|
}
|
|
41
|
+
export type WorkbenchDockItemActivationMode = 'solo-filter' | 'focus-cycle';
|
|
42
|
+
export type WorkbenchDockItemPresentation = Readonly<{
|
|
43
|
+
count: number;
|
|
44
|
+
currentIndex: number | null;
|
|
45
|
+
active: boolean;
|
|
46
|
+
}>;
|
|
33
47
|
export type WorkbenchDockAction = Readonly<{
|
|
34
48
|
id: string;
|
|
35
49
|
label: string;
|
|
@@ -49,8 +63,11 @@ export type WorkbenchHostDockItem = Readonly<{
|
|
|
49
63
|
onActivate?: (trigger: HTMLButtonElement) => void;
|
|
50
64
|
/** Requests a product-owned context menu for this concrete Dock button. */
|
|
51
65
|
onContextMenu?: BarItemContextMenuHandler;
|
|
66
|
+
/** Places the host item before or after Floe's built-in component group. */
|
|
67
|
+
dockPlacement?: WorkbenchDockItemPlacement;
|
|
52
68
|
canvasPlacement?: WorkbenchDockCanvasPlacement;
|
|
53
69
|
}>;
|
|
70
|
+
export type WorkbenchDockItemPlacement = 'before-components' | 'after-components';
|
|
54
71
|
export type WorkbenchDockItemActivation = Readonly<{
|
|
55
72
|
kind: 'widget' | 'tool';
|
|
56
73
|
id: WorkbenchWidgetType | WorkbenchDockToolId;
|
|
@@ -63,6 +80,8 @@ export type WorkbenchExternalDockDragItem = Readonly<{
|
|
|
63
80
|
icon: Component<{
|
|
64
81
|
class?: string;
|
|
65
82
|
}>;
|
|
83
|
+
/** Places the Dock drop preview before or after Floe's built-in component group. */
|
|
84
|
+
dockPlacement?: WorkbenchDockItemPlacement;
|
|
66
85
|
canvasPlacement?: WorkbenchDockCanvasPlacement;
|
|
67
86
|
onDropToDock?: () => void;
|
|
68
87
|
}>;
|