@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.
@@ -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;AAuMzE,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"}
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;CACtB;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"}
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, data.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, data);
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;AA0f1B,eAAO,MAAM,QAAQ,8CArfa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAqfhB,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, data.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, data);
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.filter((handle)=>isCollapsed ? 'artifact' !== handle.handleType : true).map((handle)=>({
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;AAIzD,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,wFAiEA,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.filter((handle)=>isCollapsed ? 'artifact' !== handle.handleType : true).map((handle)=>({
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;;;WAyB07E,CAAC;;yBArBz7E,GAAG;;;;CAaoB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
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;AAsD/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
+ {"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
- resolveVisibility: ()=>resolveVisibility,
30
- resolveHandles: ()=>resolveHandles
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 { collapsed } = (0, index_cjs_namespaceObject.getToolbarActionStore)();
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: resolveVisibility(handle.visible, context),
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: resolveVisibility(handle.visible, context)
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":"AAaA,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;CAClC;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,CAAA;CAAE,CAAC,GAAG,SAAS,GAClE,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,CAmDvB"}
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 { collapsed } = getToolbarActionStore();
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: resolveVisibility(handle.visible, context),
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: resolveVisibility(handle.visible, context)
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, collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
145
- let modeDefaults = toolbarRegistry.getModeDefaults(mode);
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?: (Record<string, unknown> & {
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,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,GACrE,iBAAiB,GAAG,SAAS,CAmD/B"}
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, collapsed } = getToolbarActionStore();
117
- let modeDefaults = toolbarRegistry.getModeDefaults(mode);
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));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "3.31.0",
3
+ "version": "3.32.0-pr163.8a6e1de",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",