@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.
Files changed (25) hide show
  1. package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs +2 -2
  2. package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map +1 -1
  3. package/dist/canvas/components/BaseCanvas/BaseCanvas.js +2 -2
  4. package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts +1 -0
  5. package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
  6. package/dist/canvas/components/BaseNode/BaseNode.cjs +15 -4
  7. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  8. package/dist/canvas/components/BaseNode/BaseNode.js +16 -5
  9. package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +1 -4
  10. package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
  11. package/dist/canvas/components/ButtonHandle/useButtonHandles.js +1 -4
  12. package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map +1 -1
  13. package/dist/canvas/utils/icon-registry.cjs +8 -0
  14. package/dist/canvas/utils/icon-registry.d.ts.map +1 -1
  15. package/dist/canvas/utils/icon-registry.js +9 -1
  16. package/dist/canvas/utils/manifest-resolver.cjs +19 -8
  17. package/dist/canvas/utils/manifest-resolver.d.ts +3 -1
  18. package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
  19. package/dist/canvas/utils/manifest-resolver.js +17 -6
  20. package/dist/canvas/utils/toolbar-resolver.cjs +2 -17
  21. package/dist/canvas/utils/toolbar-resolver.d.ts +1 -3
  22. package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
  23. package/dist/canvas/utils/toolbar-resolver.js +2 -17
  24. package/dist/material/components/ap-chat/components/header/header-actions.d.ts.map +1 -1
  25. 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;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,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, 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), [
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, data);
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;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,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, data.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, data);
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.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,20 +26,24 @@ __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
- 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 { collapsed } = (0, index_cjs_namespaceObject.getToolbarActionStore)();
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: resolveVisibility(handle.visible, context),
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: resolveVisibility(handle.visible, context)
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":"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;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
- import { getToolbarActionStore } from "../hooks/index.js";
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 { collapsed } = getToolbarActionStore();
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: resolveVisibility(handle.visible, context),
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: resolveVisibility(handle.visible, context)
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, 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));
@@ -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,4CAoM3C;AAED,eAAO,MAAM,0BAA0B,uEAAkD,CAAC"}
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"}
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.7d72902",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",