@uipath/apollo-react 3.31.0 → 3.32.0-pr163.7d72902
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/canvas/components/BaseCanvas/BaseCanvas.cjs +2 -2
- package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.js +2 -2
- package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts +1 -0
- package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.cjs +15 -4
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +16 -5
- package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +1 -4
- package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/useButtonHandles.js +1 -4
- package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map +1 -1
- package/dist/canvas/utils/icon-registry.cjs +8 -0
- package/dist/canvas/utils/icon-registry.d.ts.map +1 -1
- package/dist/canvas/utils/icon-registry.js +9 -1
- package/dist/canvas/utils/manifest-resolver.cjs +19 -8
- package/dist/canvas/utils/manifest-resolver.d.ts +3 -1
- package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/manifest-resolver.js +17 -6
- package/dist/canvas/utils/toolbar-resolver.cjs +2 -17
- package/dist/canvas/utils/toolbar-resolver.d.ts +1 -3
- package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/toolbar-resolver.js +2 -17
- package/dist/material/components/ap-chat/components/header/header-actions.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -39,7 +39,7 @@ const external_usePreventBackNavigation_cjs_namespaceObject = require("./usePrev
|
|
|
39
39
|
const BaseCanvasInnerComponent = (props)=>{
|
|
40
40
|
const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
|
|
41
41
|
const fitViewOptions = fitViewOptionsProps ?? external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.fitViewOptions;
|
|
42
|
-
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
|
|
42
|
+
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, collapsed, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
|
|
43
43
|
const isInteractive = 'readonly' !== mode;
|
|
44
44
|
const isDesignMode = 'design' === mode;
|
|
45
45
|
const [reactFlowInstance, setReactFlowInstance] = (0, external_react_namespaceObject.useState)();
|
|
@@ -47,7 +47,7 @@ const BaseCanvasInnerComponent = (props)=>{
|
|
|
47
47
|
const { ensureNodesInView, ensureAllNodesInView, centerNode } = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useEnsureNodesInView)();
|
|
48
48
|
(0, external_usePreventBackNavigation_cjs_namespaceObject.usePreventBackNavigation)();
|
|
49
49
|
(0, external_BaseCanvas_hooks_cjs_namespaceObject.useMaintainNodesInView)(maintainNodesInView, fitViewOptions);
|
|
50
|
-
(0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints);
|
|
50
|
+
(0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints, collapsed);
|
|
51
51
|
const handleInit = (0, external_react_namespaceObject.useCallback)((instance)=>{
|
|
52
52
|
setReactFlowInstance(instance);
|
|
53
53
|
onInit?.(instance);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAwMzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { usePreventBackNavigation } from "./usePreventBackNavigation.js";
|
|
|
11
11
|
const BaseCanvasInnerComponent = (props)=>{
|
|
12
12
|
const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
|
|
13
13
|
const fitViewOptions = fitViewOptionsProps ?? BASE_CANVAS_DEFAULTS.fitViewOptions;
|
|
14
|
-
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
|
|
14
|
+
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, collapsed, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
|
|
15
15
|
const isInteractive = 'readonly' !== mode;
|
|
16
16
|
const isDesignMode = 'design' === mode;
|
|
17
17
|
const [reactFlowInstance, setReactFlowInstance] = useState();
|
|
@@ -19,7 +19,7 @@ const BaseCanvasInnerComponent = (props)=>{
|
|
|
19
19
|
const { ensureNodesInView, ensureAllNodesInView, centerNode } = useEnsureNodesInView();
|
|
20
20
|
usePreventBackNavigation();
|
|
21
21
|
useMaintainNodesInView(maintainNodesInView, fitViewOptions);
|
|
22
|
-
useToolbarActionStore(mode, onToolbarAction, breakpoints);
|
|
22
|
+
useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed);
|
|
23
23
|
const handleInit = useCallback((instance)=>{
|
|
24
24
|
setReactFlowInstance(instance);
|
|
25
25
|
onInit?.(instance);
|
|
@@ -28,6 +28,7 @@ export interface BaseCanvasProps<NodeType extends Node = Node, EdgeType extends
|
|
|
28
28
|
onToolbarAction?: ToolbarActionHandler;
|
|
29
29
|
breakpoints?: Set<string>;
|
|
30
30
|
isDarkMode?: boolean;
|
|
31
|
+
collapsed?: Set<string>;
|
|
31
32
|
}
|
|
32
33
|
export interface EnsureNodesInViewOptions {
|
|
33
34
|
padding?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAMrB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}
|
|
@@ -65,6 +65,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
65
65
|
const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
|
|
66
66
|
const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
|
|
67
67
|
const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
|
|
68
|
+
const { collapsed } = (0, external_hooks_index_cjs_namespaceObject.getToolbarActionStore)();
|
|
68
69
|
const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
|
|
69
70
|
type,
|
|
70
71
|
nodeTypeRegistry
|
|
@@ -88,9 +89,14 @@ const BaseNodeComponent = (props)=>{
|
|
|
88
89
|
const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
|
|
89
90
|
const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
|
|
90
91
|
const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
|
|
91
|
-
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display,
|
|
92
|
+
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, {
|
|
93
|
+
...data.display,
|
|
94
|
+
nodeId: id
|
|
95
|
+
}, collapsed), [
|
|
92
96
|
manifest,
|
|
93
|
-
data.display
|
|
97
|
+
data.display,
|
|
98
|
+
id,
|
|
99
|
+
collapsed
|
|
94
100
|
]);
|
|
95
101
|
const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
96
102
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -103,7 +109,11 @@ const BaseNodeComponent = (props)=>{
|
|
|
103
109
|
const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
104
110
|
if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
|
|
105
111
|
if (!manifest) return [];
|
|
106
|
-
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration,
|
|
112
|
+
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, {
|
|
113
|
+
...data,
|
|
114
|
+
nodeId: id,
|
|
115
|
+
collapsed
|
|
116
|
+
});
|
|
107
117
|
return resolved.map((group)=>({
|
|
108
118
|
position: group.position,
|
|
109
119
|
handles: group.handles.map((h)=>({
|
|
@@ -128,7 +138,8 @@ const BaseNodeComponent = (props)=>{
|
|
|
128
138
|
}, [
|
|
129
139
|
toolbarConfigProp,
|
|
130
140
|
manifest,
|
|
131
|
-
statusContext
|
|
141
|
+
statusContext,
|
|
142
|
+
collapsed
|
|
132
143
|
]);
|
|
133
144
|
const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
134
145
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAkChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAkChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAggB1B,eAAO,MAAM,QAAQ,8CA3fa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CA2fhB,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { ApIcon } from "../../../material/components/index.js";
|
|
|
5
5
|
import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
6
6
|
import { DEFAULT_NODE_SIZE } from "../../constants.js";
|
|
7
7
|
import { useNodeTypeRegistry } from "../../core/index.js";
|
|
8
|
-
import { useNodeExecutionState } from "../../hooks/index.js";
|
|
8
|
+
import { getToolbarActionStore, useNodeExecutionState } from "../../hooks/index.js";
|
|
9
9
|
import { resolveAdornments } from "../../utils/adornment-resolver.js";
|
|
10
10
|
import { getIcon } from "../../utils/icon-registry.js";
|
|
11
11
|
import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
|
|
@@ -37,6 +37,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
37
37
|
const isConnecting = useStore(selectIsConnecting);
|
|
38
38
|
const { multipleNodesSelected } = useSelectionState();
|
|
39
39
|
const { isDarkMode } = useCanvasTheme();
|
|
40
|
+
const { collapsed } = getToolbarActionStore();
|
|
40
41
|
const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
|
|
41
42
|
type,
|
|
42
43
|
nodeTypeRegistry
|
|
@@ -60,9 +61,14 @@ const BaseNodeComponent = (props)=>{
|
|
|
60
61
|
const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
|
|
61
62
|
const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
|
|
62
63
|
const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
|
|
63
|
-
const display = useMemo(()=>resolveDisplay(manifest?.display,
|
|
64
|
+
const display = useMemo(()=>resolveDisplay(manifest?.display, {
|
|
65
|
+
...data.display,
|
|
66
|
+
nodeId: id
|
|
67
|
+
}, collapsed), [
|
|
64
68
|
manifest,
|
|
65
|
-
data.display
|
|
69
|
+
data.display,
|
|
70
|
+
id,
|
|
71
|
+
collapsed
|
|
66
72
|
]);
|
|
67
73
|
const Icon = useMemo(()=>{
|
|
68
74
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -75,7 +81,11 @@ const BaseNodeComponent = (props)=>{
|
|
|
75
81
|
const handleConfigurations = useMemo(()=>{
|
|
76
82
|
if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
|
|
77
83
|
if (!manifest) return [];
|
|
78
|
-
const resolved = resolveHandles(manifest.handleConfiguration,
|
|
84
|
+
const resolved = resolveHandles(manifest.handleConfiguration, {
|
|
85
|
+
...data,
|
|
86
|
+
nodeId: id,
|
|
87
|
+
collapsed
|
|
88
|
+
});
|
|
79
89
|
return resolved.map((group)=>({
|
|
80
90
|
position: group.position,
|
|
81
91
|
handles: group.handles.map((h)=>({
|
|
@@ -100,7 +110,8 @@ const BaseNodeComponent = (props)=>{
|
|
|
100
110
|
}, [
|
|
101
111
|
toolbarConfigProp,
|
|
102
112
|
manifest,
|
|
103
|
-
statusContext
|
|
113
|
+
statusContext,
|
|
114
|
+
collapsed
|
|
104
115
|
]);
|
|
105
116
|
const adornments = useMemo(()=>{
|
|
106
117
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -32,10 +32,7 @@ const external_react_namespaceObject = require("react");
|
|
|
32
32
|
const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
|
|
33
33
|
const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
|
|
34
34
|
const external_index_cjs_namespaceObject = require("./index.cjs");
|
|
35
|
-
const ToolbarActionContext_cjs_namespaceObject = require("../../hooks/ToolbarActionContext.cjs");
|
|
36
35
|
const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
|
|
37
|
-
const { collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
38
|
-
const isCollapsed = Boolean(collapsed?.has(nodeId));
|
|
39
36
|
const connectedHandleIds = (0, ConnectedHandlesContext_cjs_namespaceObject.useConnectedHandles)(nodeId);
|
|
40
37
|
const node = (0, react_namespaceObject.useNodesData)(nodeId);
|
|
41
38
|
const handleElements = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
@@ -44,7 +41,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
|
|
|
44
41
|
const elements = resolvedHandles.map((config, i)=>{
|
|
45
42
|
const hasConnectedHandle = config.handles.some((h)=>connectedHandleIds.has(h.id));
|
|
46
43
|
const finalVisible = hasConnectedHandle || shouldShowHandles && (config.visible ?? true);
|
|
47
|
-
const enhancedHandles = config.handles.
|
|
44
|
+
const enhancedHandles = config.handles.map((handle)=>({
|
|
48
45
|
...handle,
|
|
49
46
|
onAction: handle.onAction || handleAction
|
|
50
47
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useButtonHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/useButtonHandles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"useButtonHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/useButtonHandles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,eAAO,MAAM,gBAAgB,GAAI,wJAW9B;IACD,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,wFA2DA,CAAC"}
|
|
@@ -4,10 +4,7 @@ import { useMemo } from "react";
|
|
|
4
4
|
import { resolveHandles } from "../../utils/manifest-resolver.js";
|
|
5
5
|
import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
|
|
6
6
|
import { ButtonHandles } from "./index.js";
|
|
7
|
-
import { getToolbarActionStore } from "../../hooks/ToolbarActionContext.js";
|
|
8
7
|
const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
|
|
9
|
-
const { collapsed } = getToolbarActionStore();
|
|
10
|
-
const isCollapsed = Boolean(collapsed?.has(nodeId));
|
|
11
8
|
const connectedHandleIds = useConnectedHandles(nodeId);
|
|
12
9
|
const node = useNodesData(nodeId);
|
|
13
10
|
const handleElements = useMemo(()=>{
|
|
@@ -16,7 +13,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
|
|
|
16
13
|
const elements = resolvedHandles.map((config, i)=>{
|
|
17
14
|
const hasConnectedHandle = config.handles.some((h)=>connectedHandleIds.has(h.id));
|
|
18
15
|
const finalVisible = hasConnectedHandle || shouldShowHandles && (config.visible ?? true);
|
|
19
|
-
const enhancedHandles = config.handles.
|
|
16
|
+
const enhancedHandles = config.handles.map((handle)=>({
|
|
20
17
|
...handle,
|
|
21
18
|
onAction: handle.onAction || handleAction
|
|
22
19
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TriggerNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAEV,IAAI,EAEJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAsNlD,QAAA,MAAM,IAAI;;;
|
|
1
|
+
{"version":3,"file":"TriggerNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAEV,IAAI,EAEJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAsNlD,QAAA,MAAM,IAAI;;;WAyBo9E,CAAC;;yBArBn9E,GAAG;;;;CAaoB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|
|
@@ -36,6 +36,14 @@ const iconRegistry = {
|
|
|
36
36
|
w: w ?? 29,
|
|
37
37
|
h: h ?? 28
|
|
38
38
|
}),
|
|
39
|
+
'autonomous-agent': ({ w, h })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.AutonomousAgentIcon, {
|
|
40
|
+
w: w ?? 29,
|
|
41
|
+
h: h ?? 28
|
|
42
|
+
}),
|
|
43
|
+
'conversational-agent': ({ w, h })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ConversationalAgentIcon, {
|
|
44
|
+
w: w ?? 29,
|
|
45
|
+
h: h ?? 28
|
|
46
|
+
}),
|
|
39
47
|
'coded-agent': ({ w, h })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.CodedAgentIcon, {
|
|
40
48
|
w: w ?? 29,
|
|
41
49
|
h: h ?? 28
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-registry.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/icon-registry.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,GAAG,EAAiB,MAAM,OAAO,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-registry.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/icon-registry.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,GAAG,EAAiB,MAAM,OAAO,CAAC;AAGhD,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE;IAAE,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC;AAwD/F,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAkCrD;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,eAAO,MAAM,QAAQ,qDAInB,CAAC"}
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { icons } from "lucide-react";
|
|
3
3
|
import { memo, useMemo } from "react";
|
|
4
|
-
import { AgentDiagramIcon, AgentProject, ApiProject, CodedAgentIcon, ConnectorBuilderProject, ControlFlowIcon, DataAndTools, DecisionIcon, FlaskRunIcon, RpaProject, SwitchIcon, UiPathIcon, WebAppProject } from "../icons/index.js";
|
|
4
|
+
import { AgentDiagramIcon, AgentProject, ApiProject, AutonomousAgentIcon, CodedAgentIcon, ConnectorBuilderProject, ControlFlowIcon, ConversationalAgentIcon, DataAndTools, DecisionIcon, FlaskRunIcon, RpaProject, SwitchIcon, UiPathIcon, WebAppProject } from "../icons/index.js";
|
|
5
5
|
const iconRegistry = {
|
|
6
6
|
agent: ({ w, h })=>/*#__PURE__*/ jsx(AgentProject, {
|
|
7
7
|
w: w ?? 29,
|
|
8
8
|
h: h ?? 28
|
|
9
9
|
}),
|
|
10
|
+
'autonomous-agent': ({ w, h })=>/*#__PURE__*/ jsx(AutonomousAgentIcon, {
|
|
11
|
+
w: w ?? 29,
|
|
12
|
+
h: h ?? 28
|
|
13
|
+
}),
|
|
14
|
+
'conversational-agent': ({ w, h })=>/*#__PURE__*/ jsx(ConversationalAgentIcon, {
|
|
15
|
+
w: w ?? 29,
|
|
16
|
+
h: h ?? 28
|
|
17
|
+
}),
|
|
10
18
|
'coded-agent': ({ w, h })=>/*#__PURE__*/ jsx(CodedAgentIcon, {
|
|
11
19
|
w: w ?? 29,
|
|
12
20
|
h: h ?? 28
|
|
@@ -26,20 +26,24 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
27
|
replaceTemplateVars: ()=>replaceTemplateVars,
|
|
28
28
|
resolveDisplay: ()=>resolveDisplay,
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
resolveHandles: ()=>resolveHandles,
|
|
30
|
+
resolveVisibility: ()=>resolveVisibility
|
|
31
31
|
});
|
|
32
|
-
|
|
33
|
-
function resolveDisplay(manifestDisplay, instanceDisplay) {
|
|
32
|
+
function resolveDisplay(manifestDisplay, instanceDisplay, collapsed) {
|
|
34
33
|
if (!manifestDisplay) return {
|
|
35
34
|
icon: 'help-circle',
|
|
36
35
|
shape: 'square',
|
|
37
36
|
label: instanceDisplay?.label || 'Unknown Node'
|
|
38
37
|
};
|
|
39
|
-
const
|
|
40
|
-
const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
|
|
38
|
+
const isCollapsed = Boolean(collapsed?.has(instanceDisplay?.nodeId ?? ''));
|
|
41
39
|
const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
|
|
42
40
|
const collapsedShape = 'rectangle' === shape ? 'square' : shape;
|
|
41
|
+
console.log({
|
|
42
|
+
nodeId: instanceDisplay?.nodeId,
|
|
43
|
+
isCollapsed,
|
|
44
|
+
shape,
|
|
45
|
+
collapsedShape
|
|
46
|
+
});
|
|
43
47
|
return {
|
|
44
48
|
...manifestDisplay,
|
|
45
49
|
...instanceDisplay,
|
|
@@ -62,6 +66,7 @@ function replaceTemplateVars(template, vars) {
|
|
|
62
66
|
});
|
|
63
67
|
}
|
|
64
68
|
function resolveHandles(handleGroups, context) {
|
|
69
|
+
const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
|
|
65
70
|
return handleGroups.map((group)=>{
|
|
66
71
|
const handles = group.handles.flatMap((handle)=>{
|
|
67
72
|
if (handle.repeat) {
|
|
@@ -77,20 +82,26 @@ function resolveHandles(handleGroups, context) {
|
|
|
77
82
|
[itemVar]: item,
|
|
78
83
|
[indexVar]: index
|
|
79
84
|
};
|
|
85
|
+
const baseVisible = resolveVisibility(handle.visible, context);
|
|
86
|
+
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
87
|
+
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
80
88
|
return {
|
|
81
89
|
...handle,
|
|
82
90
|
id: replaceTemplateVars(handle.id, vars),
|
|
83
91
|
label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
|
|
84
|
-
visible
|
|
92
|
+
visible,
|
|
85
93
|
repeat: void 0,
|
|
86
94
|
itemVar: void 0,
|
|
87
95
|
indexVar: void 0
|
|
88
96
|
};
|
|
89
97
|
});
|
|
90
98
|
}
|
|
99
|
+
const baseVisible = resolveVisibility(handle.visible, context);
|
|
100
|
+
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
101
|
+
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
91
102
|
return {
|
|
92
103
|
...handle,
|
|
93
|
-
visible
|
|
104
|
+
visible
|
|
94
105
|
};
|
|
95
106
|
});
|
|
96
107
|
return {
|
|
@@ -5,6 +5,8 @@ import type { HandleActionEvent } from '../components/ButtonHandle/ButtonHandle'
|
|
|
5
5
|
export interface ResolutionContext {
|
|
6
6
|
display?: DisplayConfig;
|
|
7
7
|
inputs?: Record<string, unknown>;
|
|
8
|
+
nodeId?: string;
|
|
9
|
+
collapsed?: Set<string>;
|
|
8
10
|
}
|
|
9
11
|
export type ResolvedDisplay = DisplayConfig & {
|
|
10
12
|
label: string;
|
|
@@ -31,7 +33,7 @@ interface TemplateVars {
|
|
|
31
33
|
}
|
|
32
34
|
export declare function resolveDisplay(manifestDisplay?: NodeDisplayManifest, instanceDisplay?: (DisplayConfig & {
|
|
33
35
|
nodeId?: string;
|
|
34
|
-
}) | undefined): ResolvedDisplay;
|
|
36
|
+
}) | undefined, collapsed?: Set<string>): ResolvedDisplay;
|
|
35
37
|
export declare function resolveVisibility(visible: boolean | string | undefined, context: ResolutionContext): boolean;
|
|
36
38
|
export declare function replaceTemplateVars(template: string, vars: TemplateVars): string;
|
|
37
39
|
export declare function resolveHandles(handleGroups: HandleGroupManifest[], context: ResolutionContext): ResolvedHandleGroup[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAKjF,MAAM,WAAW,iBAAiB;IAEhC,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAMD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5C,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7F,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAKD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAKD,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,eAAe,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,EACnE,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,eAAe,CAwBjB;AA6BD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EACrC,OAAO,EAAE,iBAAiB,GACzB,OAAO,CAmBT;AAiCD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAKhF;AAuCD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,mBAAmB,EAAE,EACnC,OAAO,EAAE,iBAAiB,GACzB,mBAAmB,EAAE,CAgEvB"}
|
|
@@ -1,14 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
function resolveDisplay(manifestDisplay, instanceDisplay) {
|
|
1
|
+
function resolveDisplay(manifestDisplay, instanceDisplay, collapsed) {
|
|
3
2
|
if (!manifestDisplay) return {
|
|
4
3
|
icon: 'help-circle',
|
|
5
4
|
shape: 'square',
|
|
6
5
|
label: instanceDisplay?.label || 'Unknown Node'
|
|
7
6
|
};
|
|
8
|
-
const
|
|
9
|
-
const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
|
|
7
|
+
const isCollapsed = Boolean(collapsed?.has(instanceDisplay?.nodeId ?? ''));
|
|
10
8
|
const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
|
|
11
9
|
const collapsedShape = 'rectangle' === shape ? 'square' : shape;
|
|
10
|
+
console.log({
|
|
11
|
+
nodeId: instanceDisplay?.nodeId,
|
|
12
|
+
isCollapsed,
|
|
13
|
+
shape,
|
|
14
|
+
collapsedShape
|
|
15
|
+
});
|
|
12
16
|
return {
|
|
13
17
|
...manifestDisplay,
|
|
14
18
|
...instanceDisplay,
|
|
@@ -31,6 +35,7 @@ function replaceTemplateVars(template, vars) {
|
|
|
31
35
|
});
|
|
32
36
|
}
|
|
33
37
|
function resolveHandles(handleGroups, context) {
|
|
38
|
+
const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
|
|
34
39
|
return handleGroups.map((group)=>{
|
|
35
40
|
const handles = group.handles.flatMap((handle)=>{
|
|
36
41
|
if (handle.repeat) {
|
|
@@ -46,20 +51,26 @@ function resolveHandles(handleGroups, context) {
|
|
|
46
51
|
[itemVar]: item,
|
|
47
52
|
[indexVar]: index
|
|
48
53
|
};
|
|
54
|
+
const baseVisible = resolveVisibility(handle.visible, context);
|
|
55
|
+
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
56
|
+
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
49
57
|
return {
|
|
50
58
|
...handle,
|
|
51
59
|
id: replaceTemplateVars(handle.id, vars),
|
|
52
60
|
label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
|
|
53
|
-
visible
|
|
61
|
+
visible,
|
|
54
62
|
repeat: void 0,
|
|
55
63
|
itemVar: void 0,
|
|
56
64
|
indexVar: void 0
|
|
57
65
|
};
|
|
58
66
|
});
|
|
59
67
|
}
|
|
68
|
+
const baseVisible = resolveVisibility(handle.visible, context);
|
|
69
|
+
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
70
|
+
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
60
71
|
return {
|
|
61
72
|
...handle,
|
|
62
|
-
visible
|
|
73
|
+
visible
|
|
63
74
|
};
|
|
64
75
|
});
|
|
65
76
|
return {
|
|
@@ -141,23 +141,8 @@ function mergeToolbarConfigs(base, extension) {
|
|
|
141
141
|
}
|
|
142
142
|
function resolveToolbar(manifest, context, nodeData) {
|
|
143
143
|
const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
|
|
144
|
-
const { mode
|
|
145
|
-
|
|
146
|
-
modeDefaults = {
|
|
147
|
-
...modeDefaults,
|
|
148
|
-
actions: modeDefaults?.actions?.map((action)=>{
|
|
149
|
-
const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
|
|
150
|
-
switch(action.id){
|
|
151
|
-
case 'collapse':
|
|
152
|
-
return {
|
|
153
|
-
...action,
|
|
154
|
-
icon: isCollapsed ? 'chevrons-up-down' : 'chevrons-down-up'
|
|
155
|
-
};
|
|
156
|
-
default:
|
|
157
|
-
return action;
|
|
158
|
-
}
|
|
159
|
-
})
|
|
160
|
-
};
|
|
144
|
+
const { mode } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
145
|
+
const modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
161
146
|
const nodeExtensions = manifestToolbarExtensions?.[mode];
|
|
162
147
|
const merged = mergeToolbarConfigs(modeDefaults, nodeExtensions);
|
|
163
148
|
const filteredActions = merged.actions.filter((action)=>evaluateCondition(manifest, action, nodeType, context)).map((action)=>convertToNodeAction(action, mode, nodeData));
|
|
@@ -2,8 +2,6 @@ import type { NodeManifest, NodeStatusContext, NodeToolbarConfig } from '../inde
|
|
|
2
2
|
interface ExtendedNodeContext extends NodeStatusContext {
|
|
3
3
|
permissions?: string[];
|
|
4
4
|
}
|
|
5
|
-
export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?:
|
|
6
|
-
nodeId?: string;
|
|
7
|
-
}) | undefined): NodeToolbarConfig | undefined;
|
|
5
|
+
export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?: Record<string, unknown>): NodeToolbarConfig | undefined;
|
|
8
6
|
export {};
|
|
9
7
|
//# sourceMappingURL=toolbar-resolver.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AA0ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AA0ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACjC,iBAAiB,GAAG,SAAS,CAmC/B"}
|
|
@@ -113,23 +113,8 @@ function mergeToolbarConfigs(base, extension) {
|
|
|
113
113
|
}
|
|
114
114
|
function resolveToolbar(manifest, context, nodeData) {
|
|
115
115
|
const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
|
|
116
|
-
const { mode
|
|
117
|
-
|
|
118
|
-
modeDefaults = {
|
|
119
|
-
...modeDefaults,
|
|
120
|
-
actions: modeDefaults?.actions?.map((action)=>{
|
|
121
|
-
const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
|
|
122
|
-
switch(action.id){
|
|
123
|
-
case 'collapse':
|
|
124
|
-
return {
|
|
125
|
-
...action,
|
|
126
|
-
icon: isCollapsed ? 'chevrons-up-down' : 'chevrons-down-up'
|
|
127
|
-
};
|
|
128
|
-
default:
|
|
129
|
-
return action;
|
|
130
|
-
}
|
|
131
|
-
})
|
|
132
|
-
};
|
|
116
|
+
const { mode } = getToolbarActionStore();
|
|
117
|
+
const modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
133
118
|
const nodeExtensions = manifestToolbarExtensions?.[mode];
|
|
134
119
|
const merged = mergeToolbarConfigs(modeDefaults, nodeExtensions);
|
|
135
120
|
const filteredActions = merged.actions.filter((action)=>evaluateCondition(manifest, action, nodeType, context)).map((action)=>convertToNodeAction(action, mode, nodeData));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-actions.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/header/header-actions.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,iBAAS,mCAAmC,
|
|
1
|
+
{"version":3,"file":"header-actions.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/header/header-actions.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,iBAAS,mCAAmC,4CA0M3C;AAED,eAAO,MAAM,0BAA0B,uEAAkD,CAAC"}
|