@uipath/apollo-react 3.31.0 → 3.32.0-pr163.8a6e1de
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 +16 -4
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +17 -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 +12 -7
- package/dist/canvas/utils/manifest-resolver.d.ts +3 -0
- package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/manifest-resolver.js +10 -5
- 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/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,15 @@ 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
|
|
96
|
+
}), [
|
|
92
97
|
manifest,
|
|
93
|
-
data.display
|
|
98
|
+
data.display,
|
|
99
|
+
id,
|
|
100
|
+
collapsed
|
|
94
101
|
]);
|
|
95
102
|
const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
96
103
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -103,7 +110,11 @@ const BaseNodeComponent = (props)=>{
|
|
|
103
110
|
const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
104
111
|
if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
|
|
105
112
|
if (!manifest) return [];
|
|
106
|
-
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration,
|
|
113
|
+
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, {
|
|
114
|
+
...data,
|
|
115
|
+
nodeId: id,
|
|
116
|
+
collapsed
|
|
117
|
+
});
|
|
107
118
|
return resolved.map((group)=>({
|
|
108
119
|
position: group.position,
|
|
109
120
|
handles: group.handles.map((h)=>({
|
|
@@ -128,7 +139,8 @@ const BaseNodeComponent = (props)=>{
|
|
|
128
139
|
}, [
|
|
129
140
|
toolbarConfigProp,
|
|
130
141
|
manifest,
|
|
131
|
-
statusContext
|
|
142
|
+
statusContext,
|
|
143
|
+
collapsed
|
|
132
144
|
]);
|
|
133
145
|
const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
134
146
|
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,15 @@ 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
|
|
68
|
+
}), [
|
|
64
69
|
manifest,
|
|
65
|
-
data.display
|
|
70
|
+
data.display,
|
|
71
|
+
id,
|
|
72
|
+
collapsed
|
|
66
73
|
]);
|
|
67
74
|
const Icon = useMemo(()=>{
|
|
68
75
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -75,7 +82,11 @@ const BaseNodeComponent = (props)=>{
|
|
|
75
82
|
const handleConfigurations = useMemo(()=>{
|
|
76
83
|
if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
|
|
77
84
|
if (!manifest) return [];
|
|
78
|
-
const resolved = resolveHandles(manifest.handleConfiguration,
|
|
85
|
+
const resolved = resolveHandles(manifest.handleConfiguration, {
|
|
86
|
+
...data,
|
|
87
|
+
nodeId: id,
|
|
88
|
+
collapsed
|
|
89
|
+
});
|
|
79
90
|
return resolved.map((group)=>({
|
|
80
91
|
position: group.position,
|
|
81
92
|
handles: group.handles.map((h)=>({
|
|
@@ -100,7 +111,8 @@ const BaseNodeComponent = (props)=>{
|
|
|
100
111
|
}, [
|
|
101
112
|
toolbarConfigProp,
|
|
102
113
|
manifest,
|
|
103
|
-
statusContext
|
|
114
|
+
statusContext,
|
|
115
|
+
collapsed
|
|
104
116
|
]);
|
|
105
117
|
const adornments = useMemo(()=>{
|
|
106
118
|
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,18 +26,16 @@ __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
|
-
const index_cjs_namespaceObject = require("../hooks/index.cjs");
|
|
33
32
|
function resolveDisplay(manifestDisplay, instanceDisplay) {
|
|
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(instanceDisplay?.nodeId && instanceDisplay?.collapsed?.has(instanceDisplay.nodeId));
|
|
41
39
|
const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
|
|
42
40
|
const collapsedShape = 'rectangle' === shape ? 'square' : shape;
|
|
43
41
|
return {
|
|
@@ -62,6 +60,7 @@ function replaceTemplateVars(template, vars) {
|
|
|
62
60
|
});
|
|
63
61
|
}
|
|
64
62
|
function resolveHandles(handleGroups, context) {
|
|
63
|
+
const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
|
|
65
64
|
return handleGroups.map((group)=>{
|
|
66
65
|
const handles = group.handles.flatMap((handle)=>{
|
|
67
66
|
if (handle.repeat) {
|
|
@@ -77,20 +76,26 @@ function resolveHandles(handleGroups, context) {
|
|
|
77
76
|
[itemVar]: item,
|
|
78
77
|
[indexVar]: index
|
|
79
78
|
};
|
|
79
|
+
const baseVisible = resolveVisibility(handle.visible, context);
|
|
80
|
+
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
81
|
+
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
80
82
|
return {
|
|
81
83
|
...handle,
|
|
82
84
|
id: replaceTemplateVars(handle.id, vars),
|
|
83
85
|
label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
|
|
84
|
-
visible
|
|
86
|
+
visible,
|
|
85
87
|
repeat: void 0,
|
|
86
88
|
itemVar: void 0,
|
|
87
89
|
indexVar: void 0
|
|
88
90
|
};
|
|
89
91
|
});
|
|
90
92
|
}
|
|
93
|
+
const baseVisible = resolveVisibility(handle.visible, context);
|
|
94
|
+
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
95
|
+
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
91
96
|
return {
|
|
92
97
|
...handle,
|
|
93
|
-
visible
|
|
98
|
+
visible
|
|
94
99
|
};
|
|
95
100
|
});
|
|
96
101
|
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,6 +33,7 @@ interface TemplateVars {
|
|
|
31
33
|
}
|
|
32
34
|
export declare function resolveDisplay(manifestDisplay?: NodeDisplayManifest, instanceDisplay?: (DisplayConfig & {
|
|
33
35
|
nodeId?: string;
|
|
36
|
+
collapsed?: Set<string>;
|
|
34
37
|
}) | undefined): ResolvedDisplay;
|
|
35
38
|
export declare function resolveVisibility(visible: boolean | string | undefined, context: ResolutionContext): boolean;
|
|
36
39
|
export declare function replaceTemplateVars(template: string, vars: TemplateVars): string;
|
|
@@ -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;AAkBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,eAAe,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC,GAAG,SAAS,GAC3F,eAAe,CAyBjB;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,12 +1,10 @@
|
|
|
1
|
-
import { getToolbarActionStore } from "../hooks/index.js";
|
|
2
1
|
function resolveDisplay(manifestDisplay, instanceDisplay) {
|
|
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(instanceDisplay?.nodeId && instanceDisplay?.collapsed?.has(instanceDisplay.nodeId));
|
|
10
8
|
const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
|
|
11
9
|
const collapsedShape = 'rectangle' === shape ? 'square' : shape;
|
|
12
10
|
return {
|
|
@@ -31,6 +29,7 @@ function replaceTemplateVars(template, vars) {
|
|
|
31
29
|
});
|
|
32
30
|
}
|
|
33
31
|
function resolveHandles(handleGroups, context) {
|
|
32
|
+
const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
|
|
34
33
|
return handleGroups.map((group)=>{
|
|
35
34
|
const handles = group.handles.flatMap((handle)=>{
|
|
36
35
|
if (handle.repeat) {
|
|
@@ -46,20 +45,26 @@ function resolveHandles(handleGroups, context) {
|
|
|
46
45
|
[itemVar]: item,
|
|
47
46
|
[indexVar]: index
|
|
48
47
|
};
|
|
48
|
+
const baseVisible = resolveVisibility(handle.visible, context);
|
|
49
|
+
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
50
|
+
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
49
51
|
return {
|
|
50
52
|
...handle,
|
|
51
53
|
id: replaceTemplateVars(handle.id, vars),
|
|
52
54
|
label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
|
|
53
|
-
visible
|
|
55
|
+
visible,
|
|
54
56
|
repeat: void 0,
|
|
55
57
|
itemVar: void 0,
|
|
56
58
|
indexVar: void 0
|
|
57
59
|
};
|
|
58
60
|
});
|
|
59
61
|
}
|
|
62
|
+
const baseVisible = resolveVisibility(handle.visible, context);
|
|
63
|
+
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
64
|
+
const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
|
|
60
65
|
return {
|
|
61
66
|
...handle,
|
|
62
|
-
visible
|
|
67
|
+
visible
|
|
63
68
|
};
|
|
64
69
|
});
|
|
65
70
|
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));
|