@floegence/floe-webapp-core 0.40.14 → 0.40.16
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 +23 -0
- package/dist/components/workbench/WorkbenchFilterBar.js +403 -256
- package/dist/components/workbench/WorkbenchSurface.d.ts +4 -1
- package/dist/components/workbench/WorkbenchSurface.js +32 -23
- package/dist/components/workbench/index.d.ts +1 -1
- package/dist/styles.css +1 -1
- package/dist/workbench.css +51 -0
- package/package.json +1 -1
|
@@ -10,6 +10,9 @@ export interface WorkbenchFilterBarProps {
|
|
|
10
10
|
onSoloFilter: (id: string, scope: readonly string[]) => void;
|
|
11
11
|
onSelectMode?: (mode: WorkbenchInteractionMode) => void;
|
|
12
12
|
dockActions?: readonly WorkbenchDockAction[];
|
|
13
|
+
dockItems?: readonly WorkbenchHostDockItem[];
|
|
14
|
+
registerExternalDockDragController?: (controller: WorkbenchExternalDockDragController | null) => void;
|
|
15
|
+
onExternalDockDrop?: (item: WorkbenchExternalDockDragItem) => void;
|
|
13
16
|
/**
|
|
14
17
|
* Called when the user drags a widget pill onto the canvas to create a
|
|
15
18
|
* new widget of that type. Coordinates are in client space (clientX/Y).
|
|
@@ -35,12 +38,32 @@ export type WorkbenchDockAction = Readonly<{
|
|
|
35
38
|
active?: boolean;
|
|
36
39
|
onActivate: (trigger: HTMLButtonElement) => void;
|
|
37
40
|
}>;
|
|
41
|
+
export type WorkbenchHostDockItem = Readonly<{
|
|
42
|
+
id: string;
|
|
43
|
+
label: string;
|
|
44
|
+
icon: Component<{
|
|
45
|
+
class?: string;
|
|
46
|
+
}>;
|
|
47
|
+
active?: boolean;
|
|
48
|
+
onActivate?: (trigger: HTMLButtonElement) => void;
|
|
49
|
+
onDropToCanvas?: (clientX: number, clientY: number, context?: WorkbenchDockDropContext) => void;
|
|
50
|
+
}>;
|
|
38
51
|
export type WorkbenchDockItemActivation = Readonly<{
|
|
39
52
|
kind: 'widget' | 'tool';
|
|
40
53
|
id: WorkbenchWidgetType | WorkbenchDockToolId;
|
|
41
54
|
label: string;
|
|
42
55
|
trigger: HTMLButtonElement;
|
|
43
56
|
}>;
|
|
57
|
+
export type WorkbenchExternalDockDragItem = Readonly<{
|
|
58
|
+
id: string;
|
|
59
|
+
label: string;
|
|
60
|
+
icon: Component<{
|
|
61
|
+
class?: string;
|
|
62
|
+
}>;
|
|
63
|
+
}>;
|
|
64
|
+
export type WorkbenchExternalDockDragController = Readonly<{
|
|
65
|
+
begin: (event: PointerEvent, item: WorkbenchExternalDockDragItem) => void;
|
|
66
|
+
}>;
|
|
44
67
|
export type WorkbenchDockDragPreview = Readonly<{
|
|
45
68
|
kind: 'widget' | 'tool';
|
|
46
69
|
id: WorkbenchWidgetType | WorkbenchDockToolId;
|