@uipath/apollo-react 3.27.0-pr163.8d0bde1 → 3.27.0-pr167.bed2c9d

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 (34) 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 +0 -1
  5. package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
  6. package/dist/canvas/components/BaseNode/BaseNode.cjs +4 -16
  7. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  8. package/dist/canvas/components/BaseNode/BaseNode.js +5 -17
  9. package/dist/canvas/components/BaseNode/BaseNode.stories.cjs +30 -4
  10. package/dist/canvas/components/BaseNode/BaseNode.stories.d.ts.map +1 -1
  11. package/dist/canvas/components/BaseNode/BaseNode.stories.js +30 -4
  12. package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs +3 -3
  13. package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map +1 -1
  14. package/dist/canvas/components/ButtonHandle/ButtonHandle.js +3 -3
  15. package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +4 -5
  16. package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
  17. package/dist/canvas/components/ButtonHandle/useButtonHandles.js +3 -4
  18. package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map +1 -1
  19. package/dist/canvas/hooks/ToolbarActionContext.cjs +2 -1
  20. package/dist/canvas/hooks/ToolbarActionContext.d.ts.map +1 -1
  21. package/dist/canvas/hooks/ToolbarActionContext.js +2 -1
  22. package/dist/canvas/utils/manifest-resolver.cjs +7 -12
  23. package/dist/canvas/utils/manifest-resolver.d.ts +0 -3
  24. package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
  25. package/dist/canvas/utils/manifest-resolver.js +5 -10
  26. package/dist/canvas/utils/toolbar-resolver.cjs +1 -2
  27. package/dist/canvas/utils/toolbar-resolver.d.ts +3 -1
  28. package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
  29. package/dist/canvas/utils/toolbar-resolver.js +1 -2
  30. package/package.json +1 -1
  31. package/dist/canvas/components/BaseCanvas/CollapsedStateContext.cjs +0 -50
  32. package/dist/canvas/components/BaseCanvas/CollapsedStateContext.d.ts +0 -9
  33. package/dist/canvas/components/BaseCanvas/CollapsedStateContext.d.ts.map +0 -1
  34. package/dist/canvas/components/BaseCanvas/CollapsedStateContext.js +0 -13
package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs CHANGED
@@ -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, collapsed, 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, 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, collapsed);
50
+ (0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints);
51
51
  const handleInit = (0, external_react_namespaceObject.useCallback)((instance)=>{
52
52
  setReactFlowInstance(instance);
53
53
  onInit?.(instance);
package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map CHANGED
@@ -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;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"}
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"}
package/dist/canvas/components/BaseCanvas/BaseCanvas.js CHANGED
@@ -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, collapsed, 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, 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, collapsed);
22
+ useToolbarActionStore(mode, onToolbarAction, breakpoints);
23
23
  const handleInit = useCallback((instance)=>{
24
24
  setReactFlowInstance(instance);
25
25
  onInit?.(instance);
package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts CHANGED
@@ -28,7 +28,6 @@ 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>;
32
31
  }
33
32
  export interface EnsureNodesInViewOptions {
34
33
  padding?: number;
package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map CHANGED
@@ -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;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"}
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"}
package/dist/canvas/components/BaseNode/BaseNode.cjs CHANGED
@@ -63,7 +63,6 @@ const BaseNodeComponent = (props)=>{
63
63
  const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
64
64
  const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
65
65
  const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
66
- const { collapsed } = (0, external_hooks_index_cjs_namespaceObject.getToolbarActionStore)();
67
66
  const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
68
67
  type,
69
68
  nodeTypeRegistry
@@ -87,15 +86,9 @@ const BaseNodeComponent = (props)=>{
87
86
  const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
88
87
  const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
89
88
  const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
90
- const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, {
91
- ...data.display,
92
- nodeId: id,
93
- collapsed
94
- }), [
89
+ const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, data.display), [
95
90
  manifest,
96
- data.display,
97
- id,
98
- collapsed
91
+ data.display
99
92
  ]);
100
93
  const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
101
94
  if (void 0 !== iconComponent) return iconComponent;
@@ -108,11 +101,7 @@ const BaseNodeComponent = (props)=>{
108
101
  const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
109
102
  if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
110
103
  if (!manifest) return [];
111
- const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, {
112
- ...data,
113
- nodeId: id,
114
- collapsed
115
- });
104
+ const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, data);
116
105
  return resolved.map((group)=>({
117
106
  position: group.position,
118
107
  handles: group.handles.map((h)=>({
@@ -137,8 +126,7 @@ const BaseNodeComponent = (props)=>{
137
126
  }, [
138
127
  toolbarConfigProp,
139
128
  manifest,
140
- statusContext,
141
- collapsed
129
+ statusContext
142
130
  ]);
143
131
  const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
144
132
  const adornmentsFromProps = adornmentsProp ?? {};
package/dist/canvas/components/BaseNode/BaseNode.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;AAygB1B,eAAO,MAAM,QAAQ,8CApgBa,sBAAsB,6CAogBT,CAAC"}
1
+ {"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;AAkgB1B,eAAO,MAAM,QAAQ,8CA7fa,sBAAsB,6CA6fT,CAAC"}
package/dist/canvas/components/BaseNode/BaseNode.js CHANGED
@@ -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 { getToolbarActionStore, useNodeExecutionState } from "../../hooks/index.js";
8
+ import { 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";
@@ -35,7 +35,6 @@ const BaseNodeComponent = (props)=>{
35
35
  const isConnecting = useStore(selectIsConnecting);
36
36
  const { multipleNodesSelected } = useSelectionState();
37
37
  const { isDarkMode } = useCanvasTheme();
38
- const { collapsed } = getToolbarActionStore();
39
38
  const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
40
39
  type,
41
40
  nodeTypeRegistry
@@ -59,15 +58,9 @@ const BaseNodeComponent = (props)=>{
59
58
  const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
60
59
  const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
61
60
  const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
62
- const display = useMemo(()=>resolveDisplay(manifest?.display, {
63
- ...data.display,
64
- nodeId: id,
65
- collapsed
66
- }), [
61
+ const display = useMemo(()=>resolveDisplay(manifest?.display, data.display), [
67
62
  manifest,
68
- data.display,
69
- id,
70
- collapsed
63
+ data.display
71
64
  ]);
72
65
  const Icon = useMemo(()=>{
73
66
  if (void 0 !== iconComponent) return iconComponent;
@@ -80,11 +73,7 @@ const BaseNodeComponent = (props)=>{
80
73
  const handleConfigurations = useMemo(()=>{
81
74
  if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
82
75
  if (!manifest) return [];
83
- const resolved = resolveHandles(manifest.handleConfiguration, {
84
- ...data,
85
- nodeId: id,
86
- collapsed
87
- });
76
+ const resolved = resolveHandles(manifest.handleConfiguration, data);
88
77
  return resolved.map((group)=>({
89
78
  position: group.position,
90
79
  handles: group.handles.map((h)=>({
@@ -109,8 +98,7 @@ const BaseNodeComponent = (props)=>{
109
98
  }, [
110
99
  toolbarConfigProp,
111
100
  manifest,
112
- statusContext,
113
- collapsed
101
+ statusContext
114
102
  ]);
115
103
  const adornments = useMemo(()=>{
116
104
  const adornmentsFromProps = adornmentsProp ?? {};
package/dist/canvas/components/BaseNode/BaseNode.stories.cjs CHANGED
@@ -30,6 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
30
30
  DynamicHandles: ()=>DynamicHandles
31
31
  });
32
32
  const jsx_runtime_namespaceObject = require("react/jsx-runtime");
33
+ const material_namespaceObject = require("@mui/material");
33
34
  const apollo_core_namespaceObject = require("@uipath/apollo-core");
34
35
  const index_cjs_namespaceObject = require("../../layouts/index.cjs");
35
36
  const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
@@ -192,6 +193,13 @@ const sampleManifest = {
192
193
  handleType: 'output',
193
194
  label: '{item.name}',
194
195
  repeat: 'dynamicOutputs'
196
+ },
197
+ {
198
+ id: 'default',
199
+ type: 'source',
200
+ handleType: 'output',
201
+ label: 'Default Output',
202
+ visible: 'hasDefault'
195
203
  }
196
204
  ]
197
205
  },
@@ -459,7 +467,8 @@ function DynamicHandlesStory() {
459
467
  {
460
468
  name: 'Failure Path'
461
469
  }
462
- ]
470
+ ],
471
+ hasDefault: false
463
472
  });
464
473
  const initialNodes = (0, external_react_namespaceObject.useMemo)(()=>[
465
474
  {
@@ -475,7 +484,8 @@ function DynamicHandlesStory() {
475
484
  version: '1.0.0',
476
485
  inputs: {
477
486
  dynamicInputs: nodeData.dynamicInputs,
478
- dynamicOutputs: nodeData.dynamicOutputs
487
+ dynamicOutputs: nodeData.dynamicOutputs,
488
+ hasDefault: nodeData.hasDefault
479
489
  },
480
490
  display: {
481
491
  label: 'Dynamic Handles',
@@ -500,7 +510,8 @@ function DynamicHandlesStory() {
500
510
  ...node.data,
501
511
  inputs: {
502
512
  dynamicInputs: nodeData.dynamicInputs,
503
- dynamicOutputs: nodeData.dynamicOutputs
513
+ dynamicOutputs: nodeData.dynamicOutputs,
514
+ hasDefault: nodeData.hasDefault
504
515
  },
505
516
  display: {
506
517
  ...node.data.display || {},
@@ -619,6 +630,20 @@ function DynamicHandlesStory() {
619
630
  })
620
631
  ]
621
632
  }, key)),
633
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
634
+ gap: 6,
635
+ align: "flex-start",
636
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(material_namespaceObject.FormControlLabel, {
637
+ control: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(material_namespaceObject.Checkbox, {
638
+ checked: nodeData.hasDefault,
639
+ onChange: (e)=>setNodeData((prev)=>({
640
+ ...prev,
641
+ hasDefault: e.target.checked
642
+ }))
643
+ }),
644
+ label: "Has Default Output"
645
+ })
646
+ }),
622
647
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApButton, {
623
648
  size: "small",
624
649
  variant: "secondary",
@@ -633,7 +658,8 @@ function DynamicHandlesStory() {
633
658
  {
634
659
  name: 'Success Path'
635
660
  }
636
- ]
661
+ ],
662
+ hasDefault: false
637
663
  })
638
664
  })
639
665
  ]
package/dist/canvas/components/BaseNode/BaseNode.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAmBvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA+IrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAqB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+UnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAG5B,CAAC"}
1
+ {"version":3,"file":"BaseNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAmBvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAsJrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAqB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAgWnC,eAAO,MAAM,OAAO,EAAE,KAGrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAG5B,CAAC"}
package/dist/canvas/components/BaseNode/BaseNode.stories.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { Checkbox, FormControlLabel } from "@mui/material";
2
3
  import { FontVariantToken } from "@uipath/apollo-core";
3
4
  import { Column, Row } from "../../layouts/index.js";
4
5
  import { Panel } from "../../xyflow/react.js";
@@ -161,6 +162,13 @@ const sampleManifest = {
161
162
  handleType: 'output',
162
163
  label: '{item.name}',
163
164
  repeat: 'dynamicOutputs'
165
+ },
166
+ {
167
+ id: 'default',
168
+ type: 'source',
169
+ handleType: 'output',
170
+ label: 'Default Output',
171
+ visible: 'hasDefault'
164
172
  }
165
173
  ]
166
174
  },
@@ -428,7 +436,8 @@ function DynamicHandlesStory() {
428
436
  {
429
437
  name: 'Failure Path'
430
438
  }
431
- ]
439
+ ],
440
+ hasDefault: false
432
441
  });
433
442
  const initialNodes = useMemo(()=>[
434
443
  {
@@ -444,7 +453,8 @@ function DynamicHandlesStory() {
444
453
  version: '1.0.0',
445
454
  inputs: {
446
455
  dynamicInputs: nodeData.dynamicInputs,
447
- dynamicOutputs: nodeData.dynamicOutputs
456
+ dynamicOutputs: nodeData.dynamicOutputs,
457
+ hasDefault: nodeData.hasDefault
448
458
  },
449
459
  display: {
450
460
  label: 'Dynamic Handles',
@@ -469,7 +479,8 @@ function DynamicHandlesStory() {
469
479
  ...node.data,
470
480
  inputs: {
471
481
  dynamicInputs: nodeData.dynamicInputs,
472
- dynamicOutputs: nodeData.dynamicOutputs
482
+ dynamicOutputs: nodeData.dynamicOutputs,
483
+ hasDefault: nodeData.hasDefault
473
484
  },
474
485
  display: {
475
486
  ...node.data.display || {},
@@ -588,6 +599,20 @@ function DynamicHandlesStory() {
588
599
  })
589
600
  ]
590
601
  }, key)),
602
+ /*#__PURE__*/ jsx(Column, {
603
+ gap: 6,
604
+ align: "flex-start",
605
+ children: /*#__PURE__*/ jsx(FormControlLabel, {
606
+ control: /*#__PURE__*/ jsx(Checkbox, {
607
+ checked: nodeData.hasDefault,
608
+ onChange: (e)=>setNodeData((prev)=>({
609
+ ...prev,
610
+ hasDefault: e.target.checked
611
+ }))
612
+ }),
613
+ label: "Has Default Output"
614
+ })
615
+ }),
591
616
  /*#__PURE__*/ jsx(ApButton, {
592
617
  size: "small",
593
618
  variant: "secondary",
@@ -602,7 +627,8 @@ function DynamicHandlesStory() {
602
627
  {
603
628
  name: 'Success Path'
604
629
  }
605
- ]
630
+ ],
631
+ hasDefault: false
606
632
  })
607
633
  })
608
634
  ]
package/dist/canvas/components/ButtonHandle/ButtonHandle.cjs CHANGED
@@ -178,13 +178,14 @@ const ButtonHandleBase = ({ id, nodeId, type, position, handleType, label, label
178
178
  };
179
179
  const ButtonHandle = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(ButtonHandleBase);
180
180
  const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visible = true, showAddButton = true, showNotches = true, customPositionAndOffsets, shouldShowAddButtonFn = ({ showAddButton, selected })=>showAddButton && selected, nodeWidth, nodeHeight })=>{
181
- const total = handles.length;
182
181
  const finalSelected = shouldShowAddButtonFn({
183
182
  showAddButton,
184
183
  selected
185
184
  });
185
+ const visibleHandles = handles.filter((h)=>visible && (h.visible ?? true));
186
+ const total = visibleHandles.length;
186
187
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
187
- children: handles.map((handle, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ButtonHandle, {
188
+ children: visibleHandles.map((handle, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ButtonHandle, {
188
189
  id: handle.id,
189
190
  nodeId: nodeId,
190
191
  type: handle.type,
@@ -196,7 +197,6 @@ const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visibl
196
197
  index: index,
197
198
  total: total,
198
199
  selected: selected,
199
- visible: visible && (handle.visible ?? true),
200
200
  showButton: finalSelected && visible && handle.showButton,
201
201
  color: handle.color,
202
202
  onAction: handle.onAction,
package/dist/canvas/components/ButtonHandle/ButtonHandle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAKpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAY/F,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC;CACjC;AA+BD,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA6HF,eAAO,MAAM,YAAY,wPAvGtB,iBAAiB,6CAuG8B,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAEjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE;AA4ED,eAAO,MAAM,aAAa,8LA9DvB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,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,6CAmCmD,CAAC"}
1
+ {"version":3,"file":"ButtonHandle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/ButtonHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAKpE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,qCAAqC,CAAC;AAY/F,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC;CACjC;AA+BD,KAAK,iBAAiB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AA6HF,eAAO,MAAM,YAAY,wPAvGtB,iBAAiB,6CAuG8B,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAEjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,UAAU,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;CAChE;AA6ED,eAAO,MAAM,aAAa,8LA/DvB;IACD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,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,6CAoCmD,CAAC"}
package/dist/canvas/components/ButtonHandle/ButtonHandle.js CHANGED
@@ -149,13 +149,14 @@ const ButtonHandleBase = ({ id, nodeId, type, position, handleType, label, label
149
149
  };
150
150
  const ButtonHandle = /*#__PURE__*/ memo(ButtonHandleBase);
151
151
  const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visible = true, showAddButton = true, showNotches = true, customPositionAndOffsets, shouldShowAddButtonFn = ({ showAddButton, selected })=>showAddButton && selected, nodeWidth, nodeHeight })=>{
152
- const total = handles.length;
153
152
  const finalSelected = shouldShowAddButtonFn({
154
153
  showAddButton,
155
154
  selected
156
155
  });
156
+ const visibleHandles = handles.filter((h)=>visible && (h.visible ?? true));
157
+ const total = visibleHandles.length;
157
158
  return /*#__PURE__*/ jsx(Fragment, {
158
- children: handles.map((handle, index)=>/*#__PURE__*/ jsx(ButtonHandle, {
159
+ children: visibleHandles.map((handle, index)=>/*#__PURE__*/ jsx(ButtonHandle, {
159
160
  id: handle.id,
160
161
  nodeId: nodeId,
161
162
  type: handle.type,
@@ -167,7 +168,6 @@ const ButtonHandlesBase = ({ nodeId, handles, position, selected = false, visibl
167
168
  index: index,
168
169
  total: total,
169
170
  selected: selected,
170
- visible: visible && (handle.visible ?? true),
171
171
  showButton: finalSelected && visible && handle.showButton,
172
172
  color: handle.color,
173
173
  onAction: handle.onAction,
package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs CHANGED
@@ -32,9 +32,9 @@ 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 index_cjs_namespaceObject = require("../../hooks/index.cjs");
35
+ const ToolbarActionContext_cjs_namespaceObject = require("../../hooks/ToolbarActionContext.cjs");
36
36
  const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
37
- const { collapsed } = (0, index_cjs_namespaceObject.getToolbarActionStore)();
37
+ const { collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
38
38
  const isCollapsed = Boolean(collapsed?.has(nodeId));
39
39
  const connectedHandleIds = (0, ConnectedHandlesContext_cjs_namespaceObject.useConnectedHandles)(nodeId);
40
40
  const node = (0, react_namespaceObject.useNodesData)(nodeId);
@@ -44,7 +44,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
44
44
  const elements = resolvedHandles.map((config, i)=>{
45
45
  const hasConnectedHandle = config.handles.some((h)=>connectedHandleIds.has(h.id));
46
46
  const finalVisible = hasConnectedHandle || shouldShowHandles && (config.visible ?? true);
47
- const enhancedHandles = config.handles.map((handle)=>({
47
+ const enhancedHandles = config.handles.filter((handle)=>isCollapsed ? 'artifact' !== handle.handleType : true).map((handle)=>({
48
48
  ...handle,
49
49
  onAction: handle.onAction || handleAction
50
50
  }));
@@ -75,8 +75,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
75
75
  shouldShowAddButtonFn,
76
76
  nodeWidth,
77
77
  nodeHeight,
78
- node?.data,
79
- isCollapsed
78
+ node?.data
80
79
  ]);
81
80
  return handleElements;
82
81
  };
package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map CHANGED
@@ -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,wFAoEA,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;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"}
package/dist/canvas/components/ButtonHandle/useButtonHandles.js CHANGED
@@ -4,7 +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/index.js";
7
+ import { getToolbarActionStore } from "../../hooks/ToolbarActionContext.js";
8
8
  const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
9
9
  const { collapsed } = getToolbarActionStore();
10
10
  const isCollapsed = Boolean(collapsed?.has(nodeId));
@@ -16,7 +16,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
16
16
  const elements = resolvedHandles.map((config, i)=>{
17
17
  const hasConnectedHandle = config.handles.some((h)=>connectedHandleIds.has(h.id));
18
18
  const finalVisible = hasConnectedHandle || shouldShowHandles && (config.visible ?? true);
19
- const enhancedHandles = config.handles.map((handle)=>({
19
+ const enhancedHandles = config.handles.filter((handle)=>isCollapsed ? 'artifact' !== handle.handleType : true).map((handle)=>({
20
20
  ...handle,
21
21
  onAction: handle.onAction || handleAction
22
22
  }));
@@ -47,8 +47,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
47
47
  shouldShowAddButtonFn,
48
48
  nodeWidth,
49
49
  nodeHeight,
50
- node?.data,
51
- isCollapsed
50
+ node?.data
52
51
  ]);
53
52
  return handleElements;
54
53
  };
package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map CHANGED
@@ -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;;;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"}
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"}
package/dist/canvas/hooks/ToolbarActionContext.cjs CHANGED
@@ -60,7 +60,8 @@ function useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed) {
60
60
  }, [
61
61
  mode,
62
62
  onToolbarAction,
63
- breakpoints
63
+ breakpoints,
64
+ collapsed
64
65
  ]);
65
66
  }
66
67
  exports.getToolbarActionStore = __webpack_exports__.getToolbarActionStore;
package/dist/canvas/hooks/ToolbarActionContext.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ToolbarActionContext.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/ToolbarActionContext.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAcD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAErE;AAMD,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAMD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,eAAe,CAAC,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EACzB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,IAAI,CAeN"}
1
+ {"version":3,"file":"ToolbarActionContext.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/ToolbarActionContext.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAcD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAErE;AAMD,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAMD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,eAAe,CAAC,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EACzB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,IAAI,CAeN"}
package/dist/canvas/hooks/ToolbarActionContext.js CHANGED
@@ -30,7 +30,8 @@ function useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed) {
30
30
  }, [
31
31
  mode,
32
32
  onToolbarAction,
33
- breakpoints
33
+ breakpoints,
34
+ collapsed
34
35
  ]);
35
36
  }
36
37
  export { getToolbarActionStore, setToolbarActionStore, useToolbarActionStore };
package/dist/canvas/utils/manifest-resolver.cjs CHANGED
@@ -26,16 +26,18 @@ __webpack_require__.r(__webpack_exports__);
26
26
  __webpack_require__.d(__webpack_exports__, {
27
27
  replaceTemplateVars: ()=>replaceTemplateVars,
28
28
  resolveDisplay: ()=>resolveDisplay,
29
- resolveHandles: ()=>resolveHandles,
30
- resolveVisibility: ()=>resolveVisibility
29
+ resolveVisibility: ()=>resolveVisibility,
30
+ resolveHandles: ()=>resolveHandles
31
31
  });
32
+ const index_cjs_namespaceObject = require("../hooks/index.cjs");
32
33
  function resolveDisplay(manifestDisplay, instanceDisplay) {
33
34
  if (!manifestDisplay) return {
34
35
  icon: 'help-circle',
35
36
  shape: 'square',
36
37
  label: instanceDisplay?.label || 'Unknown Node'
37
38
  };
38
- const isCollapsed = Boolean(instanceDisplay?.nodeId && instanceDisplay?.collapsed?.has(instanceDisplay.nodeId));
39
+ const { collapsed } = (0, index_cjs_namespaceObject.getToolbarActionStore)();
40
+ const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
39
41
  const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
40
42
  const collapsedShape = 'rectangle' === shape ? 'square' : shape;
41
43
  return {
@@ -60,7 +62,6 @@ function replaceTemplateVars(template, vars) {
60
62
  });
61
63
  }
62
64
  function resolveHandles(handleGroups, context) {
63
- const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
64
65
  return handleGroups.map((group)=>{
65
66
  const handles = group.handles.flatMap((handle)=>{
66
67
  if (handle.repeat) {
@@ -76,26 +77,20 @@ function resolveHandles(handleGroups, context) {
76
77
  [itemVar]: item,
77
78
  [indexVar]: index
78
79
  };
79
- const baseVisible = resolveVisibility(handle.visible, context);
80
- const isArtifactHandle = 'artifact' === handle.handleType;
81
- const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
82
80
  return {
83
81
  ...handle,
84
82
  id: replaceTemplateVars(handle.id, vars),
85
83
  label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
86
- visible,
84
+ visible: resolveVisibility(handle.visible, context),
87
85
  repeat: void 0,
88
86
  itemVar: void 0,
89
87
  indexVar: void 0
90
88
  };
91
89
  });
92
90
  }
93
- const baseVisible = resolveVisibility(handle.visible, context);
94
- const isArtifactHandle = 'artifact' === handle.handleType;
95
- const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
96
91
  return {
97
92
  ...handle,
98
- visible
93
+ visible: resolveVisibility(handle.visible, context)
99
94
  };
100
95
  });
101
96
  return {
package/dist/canvas/utils/manifest-resolver.d.ts CHANGED
@@ -5,8 +5,6 @@ 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>;
10
8
  }
11
9
  export type ResolvedDisplay = DisplayConfig & {
12
10
  label: string;
@@ -33,7 +31,6 @@ interface TemplateVars {
33
31
  }
34
32
  export declare function resolveDisplay(manifestDisplay?: NodeDisplayManifest, instanceDisplay?: (DisplayConfig & {
35
33
  nodeId?: string;
36
- collapsed?: Set<string>;
37
34
  }) | undefined): ResolvedDisplay;
38
35
  export declare function resolveVisibility(visible: boolean | string | undefined, context: ResolutionContext): boolean;
39
36
  export declare function replaceTemplateVars(template: string, vars: TemplateVars): string;
package/dist/canvas/utils/manifest-resolver.d.ts.map CHANGED
@@ -1 +1 @@
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
+ {"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"}
package/dist/canvas/utils/manifest-resolver.js CHANGED
@@ -1,10 +1,12 @@
1
+ import { getToolbarActionStore } from "../hooks/index.js";
1
2
  function resolveDisplay(manifestDisplay, instanceDisplay) {
2
3
  if (!manifestDisplay) return {
3
4
  icon: 'help-circle',
4
5
  shape: 'square',
5
6
  label: instanceDisplay?.label || 'Unknown Node'
6
7
  };
7
- const isCollapsed = Boolean(instanceDisplay?.nodeId && instanceDisplay?.collapsed?.has(instanceDisplay.nodeId));
8
+ const { collapsed } = getToolbarActionStore();
9
+ const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
8
10
  const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
9
11
  const collapsedShape = 'rectangle' === shape ? 'square' : shape;
10
12
  return {
@@ -29,7 +31,6 @@ function replaceTemplateVars(template, vars) {
29
31
  });
30
32
  }
31
33
  function resolveHandles(handleGroups, context) {
32
- const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
33
34
  return handleGroups.map((group)=>{
34
35
  const handles = group.handles.flatMap((handle)=>{
35
36
  if (handle.repeat) {
@@ -45,26 +46,20 @@ function resolveHandles(handleGroups, context) {
45
46
  [itemVar]: item,
46
47
  [indexVar]: index
47
48
  };
48
- const baseVisible = resolveVisibility(handle.visible, context);
49
- const isArtifactHandle = 'artifact' === handle.handleType;
50
- const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
51
49
  return {
52
50
  ...handle,
53
51
  id: replaceTemplateVars(handle.id, vars),
54
52
  label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
55
- visible,
53
+ visible: resolveVisibility(handle.visible, context),
56
54
  repeat: void 0,
57
55
  itemVar: void 0,
58
56
  indexVar: void 0
59
57
  };
60
58
  });
61
59
  }
62
- const baseVisible = resolveVisibility(handle.visible, context);
63
- const isArtifactHandle = 'artifact' === handle.handleType;
64
- const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
65
60
  return {
66
61
  ...handle,
67
- visible
62
+ visible: resolveVisibility(handle.visible, context)
68
63
  };
69
64
  });
70
65
  return {
package/dist/canvas/utils/toolbar-resolver.cjs CHANGED
@@ -142,12 +142,11 @@ function mergeToolbarConfigs(base, extension) {
142
142
  function resolveToolbar(manifest, context, nodeData) {
143
143
  const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
144
144
  const { mode, collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
145
- const nodeId = context.nodeId ?? nodeData?.nodeId;
146
145
  let modeDefaults = toolbarRegistry.getModeDefaults(mode);
147
146
  modeDefaults = {
148
147
  ...modeDefaults,
149
148
  actions: modeDefaults?.actions?.map((action)=>{
150
- const isCollapsed = Boolean(nodeId && collapsed?.has(nodeId));
149
+ const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
151
150
  switch(action.id){
152
151
  case 'collapse':
153
152
  return {
package/dist/canvas/utils/toolbar-resolver.d.ts CHANGED
@@ -2,6 +2,8 @@ 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>): NodeToolbarConfig | undefined;
5
+ export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?: (Record<string, unknown> & {
6
+ nodeId?: string;
7
+ }) | undefined): NodeToolbarConfig | undefined;
6
8
  export {};
7
9
  //# sourceMappingURL=toolbar-resolver.d.ts.map
package/dist/canvas/utils/toolbar-resolver.d.ts.map CHANGED
@@ -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;AA+ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACjC,iBAAiB,GAAG,SAAS,CAoD/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,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,GACrE,iBAAiB,GAAG,SAAS,CAmD/B"}
package/dist/canvas/utils/toolbar-resolver.js CHANGED
@@ -114,12 +114,11 @@ function mergeToolbarConfigs(base, extension) {
114
114
  function resolveToolbar(manifest, context, nodeData) {
115
115
  const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
116
116
  const { mode, collapsed } = getToolbarActionStore();
117
- const nodeId = context.nodeId ?? nodeData?.nodeId;
118
117
  let modeDefaults = toolbarRegistry.getModeDefaults(mode);
119
118
  modeDefaults = {
120
119
  ...modeDefaults,
121
120
  actions: modeDefaults?.actions?.map((action)=>{
122
- const isCollapsed = Boolean(nodeId && collapsed?.has(nodeId));
121
+ const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
123
122
  switch(action.id){
124
123
  case 'collapse':
125
124
  return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "3.27.0-pr163.8d0bde1",
3
+ "version": "3.27.0-pr167.bed2c9d",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",
package/dist/canvas/components/BaseCanvas/CollapsedStateContext.cjs DELETED
@@ -1,50 +0,0 @@
1
- "use strict";
2
- var __webpack_require__ = {};
3
- (()=>{
4
- __webpack_require__.d = (exports1, definition)=>{
5
- for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
6
- enumerable: true,
7
- get: definition[key]
8
- });
9
- };
10
- })();
11
- (()=>{
12
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
13
- })();
14
- (()=>{
15
- __webpack_require__.r = (exports1)=>{
16
- if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
17
- value: 'Module'
18
- });
19
- Object.defineProperty(exports1, '__esModule', {
20
- value: true
21
- });
22
- };
23
- })();
24
- var __webpack_exports__ = {};
25
- __webpack_require__.r(__webpack_exports__);
26
- __webpack_require__.d(__webpack_exports__, {
27
- useCollapsedState: ()=>useCollapsedState,
28
- CollapsedStateProvider: ()=>CollapsedStateProvider
29
- });
30
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
31
- const external_react_namespaceObject = require("react");
32
- const CollapsedStateContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(void 0);
33
- function CollapsedStateProvider({ collapsed, children }) {
34
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CollapsedStateContext.Provider, {
35
- value: collapsed,
36
- children: children
37
- });
38
- }
39
- function useCollapsedState() {
40
- return (0, external_react_namespaceObject.useContext)(CollapsedStateContext);
41
- }
42
- exports.CollapsedStateProvider = __webpack_exports__.CollapsedStateProvider;
43
- exports.useCollapsedState = __webpack_exports__.useCollapsedState;
44
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
45
- "CollapsedStateProvider",
46
- "useCollapsedState"
47
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
48
- Object.defineProperty(exports, '__esModule', {
49
- value: true
50
- });
package/dist/canvas/components/BaseCanvas/CollapsedStateContext.d.ts DELETED
@@ -1,9 +0,0 @@
1
- import { type ReactNode } from 'react';
2
- interface CollapsedStateProviderProps {
3
- collapsed?: Set<string>;
4
- children: ReactNode;
5
- }
6
- export declare function CollapsedStateProvider({ collapsed, children }: CollapsedStateProviderProps): import("react/jsx-runtime").JSX.Element;
7
- export declare function useCollapsedState(): Set<string> | undefined;
8
- export {};
9
- //# sourceMappingURL=CollapsedStateContext.d.ts.map
package/dist/canvas/components/BaseCanvas/CollapsedStateContext.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CollapsedStateContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CollapsedStateContext.tsx"],"names":[],"mappings":"AAOA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlE,UAAU,2BAA2B;IAEnC,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAMD,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,2BAA2B,2CAI1F;AAMD,wBAAgB,iBAAiB,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,SAAS,CAE3D"}
package/dist/canvas/components/BaseCanvas/CollapsedStateContext.js DELETED
@@ -1,13 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { createContext, useContext } from "react";
3
- const CollapsedStateContext = /*#__PURE__*/ createContext(void 0);
4
- function CollapsedStateProvider({ collapsed, children }) {
5
- return /*#__PURE__*/ jsx(CollapsedStateContext.Provider, {
6
- value: collapsed,
7
- children: children
8
- });
9
- }
10
- function useCollapsedState() {
11
- return useContext(CollapsedStateContext);
12
- }
13
- export { CollapsedStateProvider, useCollapsedState };