@uipath/apollo-react 3.26.2 → 3.27.0-pr163.9d71a81

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/README.md +2 -0
  2. package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs +2 -1
  3. package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map +1 -1
  4. package/dist/canvas/components/BaseCanvas/BaseCanvas.js +2 -1
  5. package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts +1 -0
  6. package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
  7. package/dist/canvas/components/BaseCanvas/CanvasProviders.cjs +12 -8
  8. package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts +2 -1
  9. package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts.map +1 -1
  10. package/dist/canvas/components/BaseCanvas/CanvasProviders.js +12 -8
  11. package/dist/canvas/components/BaseCanvas/CollapsedStateContext.cjs +50 -0
  12. package/dist/canvas/components/BaseCanvas/CollapsedStateContext.d.ts +9 -0
  13. package/dist/canvas/components/BaseCanvas/CollapsedStateContext.d.ts.map +1 -0
  14. package/dist/canvas/components/BaseCanvas/CollapsedStateContext.js +13 -0
  15. package/dist/canvas/components/BaseNode/BaseNode.cjs +18 -5
  16. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  17. package/dist/canvas/components/BaseNode/BaseNode.js +18 -5
  18. package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +4 -3
  19. package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
  20. package/dist/canvas/components/ButtonHandle/useButtonHandles.js +4 -3
  21. package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map +1 -1
  22. package/dist/canvas/hooks/ToolbarActionContext.cjs +5 -9
  23. package/dist/canvas/hooks/ToolbarActionContext.d.ts +1 -2
  24. package/dist/canvas/hooks/ToolbarActionContext.d.ts.map +1 -1
  25. package/dist/canvas/hooks/ToolbarActionContext.js +5 -9
  26. package/dist/canvas/utils/manifest-resolver.cjs +12 -7
  27. package/dist/canvas/utils/manifest-resolver.d.ts +3 -0
  28. package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
  29. package/dist/canvas/utils/manifest-resolver.js +10 -5
  30. package/dist/canvas/utils/toolbar-resolver.cjs +4 -3
  31. package/dist/canvas/utils/toolbar-resolver.d.ts +1 -1
  32. package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
  33. package/dist/canvas/utils/toolbar-resolver.js +4 -3
  34. package/package.json +3 -3
package/README.md CHANGED
@@ -68,6 +68,8 @@ pnpm add @uipath/apollo-react
68
68
  yarn add @uipath/apollo-react
69
69
  ```
70
70
 
71
+ **Note:** This package is published to both npm and GitHub Package Registry. External users will automatically pull from npm. Internal UiPath users with `.npmrc` configured will automatically pull from GitHub Package Registry.
72
+
71
73
  ## Quick Start
72
74
 
73
75
  ### Apollo Themes with Standard Material UI
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, 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)();
@@ -76,6 +76,7 @@ const BaseCanvasInnerComponent = (props)=>{
76
76
  edges: edges,
77
77
  mode: mode,
78
78
  isDarkMode: isDarkMode,
79
+ collapsed: collapsed,
79
80
  children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_cjs_namespaceObject.ReactFlow, {
80
81
  ...reactFlowProps,
81
82
  nodes: nodes,
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;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"}
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, 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();
@@ -48,6 +48,7 @@ const BaseCanvasInnerComponent = (props)=>{
48
48
  edges: edges,
49
49
  mode: mode,
50
50
  isDarkMode: isDarkMode,
51
+ collapsed: collapsed,
51
52
  children: /*#__PURE__*/ jsxs(ReactFlow, {
52
53
  ...reactFlowProps,
53
54
  nodes: nodes,
package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts CHANGED
@@ -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;
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;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"}
package/dist/canvas/components/BaseCanvas/CanvasProviders.cjs CHANGED
@@ -31,16 +31,20 @@ const external_BaseCanvasModeProvider_cjs_namespaceObject = require("./BaseCanva
31
31
  const external_CanvasThemeContext_cjs_namespaceObject = require("./CanvasThemeContext.cjs");
32
32
  const external_ConnectedHandlesContext_cjs_namespaceObject = require("./ConnectedHandlesContext.cjs");
33
33
  const external_SelectionStateContext_cjs_namespaceObject = require("./SelectionStateContext.cjs");
34
- function CanvasProviders({ nodes, edges, mode, isDarkMode, children }) {
34
+ const external_CollapsedStateContext_cjs_namespaceObject = require("./CollapsedStateContext.cjs");
35
+ function CanvasProviders({ nodes, edges, mode, isDarkMode, collapsed, children }) {
35
36
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasThemeContext_cjs_namespaceObject.CanvasThemeProvider, {
36
37
  isDarkMode: isDarkMode,
37
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ConnectedHandlesContext_cjs_namespaceObject.ConnectedHandlesProvider, {
38
- edges: edges,
39
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvasModeProvider_cjs_namespaceObject.BaseCanvasModeProvider, {
40
- mode: mode,
41
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SelectionStateContext_cjs_namespaceObject.SelectionStateProvider, {
42
- nodes: nodes,
43
- children: children
38
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CollapsedStateContext_cjs_namespaceObject.CollapsedStateProvider, {
39
+ collapsed: collapsed,
40
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ConnectedHandlesContext_cjs_namespaceObject.ConnectedHandlesProvider, {
41
+ edges: edges,
42
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_BaseCanvasModeProvider_cjs_namespaceObject.BaseCanvasModeProvider, {
43
+ mode: mode,
44
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_SelectionStateContext_cjs_namespaceObject.SelectionStateProvider, {
45
+ nodes: nodes,
46
+ children: children
47
+ })
44
48
  })
45
49
  })
46
50
  })
package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts CHANGED
@@ -7,7 +7,8 @@ interface CanvasProvidersProps {
7
7
  edges: Edge[];
8
8
  mode: BaseCanvasProps['mode'];
9
9
  isDarkMode?: boolean;
10
+ collapsed?: Set<string>;
10
11
  }
11
- export declare function CanvasProviders({ nodes, edges, mode, isDarkMode, children, }: CanvasProvidersProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function CanvasProviders({ nodes, edges, mode, isDarkMode, collapsed, children, }: CanvasProvidersProps): import("react/jsx-runtime").JSX.Element;
12
13
  export {};
13
14
  //# sourceMappingURL=CanvasProviders.d.ts.map
package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CanvasProviders.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CanvasProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAM1D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAQD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,GACT,EAAE,oBAAoB,2CAUtB"}
1
+ {"version":3,"file":"CanvasProviders.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/CanvasProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAQD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,oBAAoB,2CAYtB"}
package/dist/canvas/components/BaseCanvas/CanvasProviders.js CHANGED
@@ -3,16 +3,20 @@ import { BaseCanvasModeProvider } from "./BaseCanvasModeProvider.js";
3
3
  import { CanvasThemeProvider } from "./CanvasThemeContext.js";
4
4
  import { ConnectedHandlesProvider } from "./ConnectedHandlesContext.js";
5
5
  import { SelectionStateProvider } from "./SelectionStateContext.js";
6
- function CanvasProviders({ nodes, edges, mode, isDarkMode, children }) {
6
+ import { CollapsedStateProvider } from "./CollapsedStateContext.js";
7
+ function CanvasProviders({ nodes, edges, mode, isDarkMode, collapsed, children }) {
7
8
  return /*#__PURE__*/ jsx(CanvasThemeProvider, {
8
9
  isDarkMode: isDarkMode,
9
- children: /*#__PURE__*/ jsx(ConnectedHandlesProvider, {
10
- edges: edges,
11
- children: /*#__PURE__*/ jsx(BaseCanvasModeProvider, {
12
- mode: mode,
13
- children: /*#__PURE__*/ jsx(SelectionStateProvider, {
14
- nodes: nodes,
15
- children: children
10
+ children: /*#__PURE__*/ jsx(CollapsedStateProvider, {
11
+ collapsed: collapsed,
12
+ children: /*#__PURE__*/ jsx(ConnectedHandlesProvider, {
13
+ edges: edges,
14
+ children: /*#__PURE__*/ jsx(BaseCanvasModeProvider, {
15
+ mode: mode,
16
+ children: /*#__PURE__*/ jsx(SelectionStateProvider, {
17
+ nodes: nodes,
18
+ children: children
19
+ })
16
20
  })
17
21
  })
18
22
  })
package/dist/canvas/components/BaseCanvas/CollapsedStateContext.cjs ADDED
@@ -0,0 +1,50 @@
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 ADDED
@@ -0,0 +1,9 @@
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 ADDED
@@ -0,0 +1 @@
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 ADDED
@@ -0,0 +1,13 @@
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 };
package/dist/canvas/components/BaseNode/BaseNode.cjs CHANGED
@@ -38,6 +38,7 @@ const adornment_resolver_cjs_namespaceObject = require("../../utils/adornment-re
38
38
  const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
39
39
  const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
40
40
  const toolbar_resolver_cjs_namespaceObject = require("../../utils/toolbar-resolver.cjs");
41
+ const CollapsedStateContext_cjs_namespaceObject = require("../BaseCanvas/CollapsedStateContext.cjs");
41
42
  const BaseCanvasModeProvider_cjs_namespaceObject = require("../BaseCanvas/BaseCanvasModeProvider.cjs");
42
43
  const CanvasThemeContext_cjs_namespaceObject = require("../BaseCanvas/CanvasThemeContext.cjs");
43
44
  const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
@@ -63,6 +64,7 @@ const BaseNodeComponent = (props)=>{
63
64
  const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
64
65
  const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
65
66
  const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
67
+ const collapsedState = (0, CollapsedStateContext_cjs_namespaceObject.useCollapsedState)();
66
68
  const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
67
69
  type,
68
70
  nodeTypeRegistry
@@ -86,9 +88,15 @@ const BaseNodeComponent = (props)=>{
86
88
  const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
87
89
  const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
88
90
  const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
89
- const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, data.display), [
91
+ const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, {
92
+ ...data.display,
93
+ nodeId: id,
94
+ collapsed: collapsedState
95
+ }), [
90
96
  manifest,
91
- data.display
97
+ data.display,
98
+ id,
99
+ collapsedState
92
100
  ]);
93
101
  const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
94
102
  if (void 0 !== iconComponent) return iconComponent;
@@ -101,7 +109,11 @@ const BaseNodeComponent = (props)=>{
101
109
  const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
102
110
  if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
103
111
  if (!manifest) return [];
104
- 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: collapsedState
116
+ });
105
117
  return resolved.map((group)=>({
106
118
  position: group.position,
107
119
  handles: group.handles.map((h)=>({
@@ -122,11 +134,12 @@ const BaseNodeComponent = (props)=>{
122
134
  ]);
123
135
  const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
124
136
  if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
125
- return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext) : void 0;
137
+ return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext, void 0, collapsedState) : void 0;
126
138
  }, [
127
139
  toolbarConfigProp,
128
140
  manifest,
129
- statusContext
141
+ statusContext,
142
+ collapsedState
130
143
  ]);
131
144
  const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
132
145
  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;AAkgB1B,eAAO,MAAM,QAAQ,8CA7fa,sBAAsB,6CA6fT,CAAC"}
1
+ {"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;AA4gB1B,eAAO,MAAM,QAAQ,8CAvgBa,sBAAsB,6CAugBT,CAAC"}
package/dist/canvas/components/BaseNode/BaseNode.js CHANGED
@@ -10,6 +10,7 @@ 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";
12
12
  import { resolveToolbar } from "../../utils/toolbar-resolver.js";
13
+ import { useCollapsedState } from "../BaseCanvas/CollapsedStateContext.js";
13
14
  import { useBaseCanvasMode } from "../BaseCanvas/BaseCanvasModeProvider.js";
14
15
  import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
15
16
  import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
@@ -35,6 +36,7 @@ const BaseNodeComponent = (props)=>{
35
36
  const isConnecting = useStore(selectIsConnecting);
36
37
  const { multipleNodesSelected } = useSelectionState();
37
38
  const { isDarkMode } = useCanvasTheme();
39
+ const collapsedState = useCollapsedState();
38
40
  const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
39
41
  type,
40
42
  nodeTypeRegistry
@@ -58,9 +60,15 @@ const BaseNodeComponent = (props)=>{
58
60
  const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
59
61
  const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
60
62
  const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
61
- const display = useMemo(()=>resolveDisplay(manifest?.display, data.display), [
63
+ const display = useMemo(()=>resolveDisplay(manifest?.display, {
64
+ ...data.display,
65
+ nodeId: id,
66
+ collapsed: collapsedState
67
+ }), [
62
68
  manifest,
63
- data.display
69
+ data.display,
70
+ id,
71
+ collapsedState
64
72
  ]);
65
73
  const Icon = useMemo(()=>{
66
74
  if (void 0 !== iconComponent) return iconComponent;
@@ -73,7 +81,11 @@ const BaseNodeComponent = (props)=>{
73
81
  const handleConfigurations = useMemo(()=>{
74
82
  if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
75
83
  if (!manifest) return [];
76
- const resolved = resolveHandles(manifest.handleConfiguration, data);
84
+ const resolved = resolveHandles(manifest.handleConfiguration, {
85
+ ...data,
86
+ nodeId: id,
87
+ collapsed: collapsedState
88
+ });
77
89
  return resolved.map((group)=>({
78
90
  position: group.position,
79
91
  handles: group.handles.map((h)=>({
@@ -94,11 +106,12 @@ const BaseNodeComponent = (props)=>{
94
106
  ]);
95
107
  const toolbarConfig = useMemo(()=>{
96
108
  if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
97
- return manifest ? resolveToolbar(manifest, statusContext) : void 0;
109
+ return manifest ? resolveToolbar(manifest, statusContext, void 0, collapsedState) : void 0;
98
110
  }, [
99
111
  toolbarConfigProp,
100
112
  manifest,
101
- statusContext
113
+ statusContext,
114
+ collapsedState
102
115
  ]);
103
116
  const adornments = useMemo(()=>{
104
117
  const adornmentsFromProps = adornmentsProp ?? {};
package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs CHANGED
@@ -30,11 +30,11 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
30
30
  const react_namespaceObject = require("@xyflow/react");
31
31
  const external_react_namespaceObject = require("react");
32
32
  const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
33
+ const CollapsedStateContext_cjs_namespaceObject = require("../BaseCanvas/CollapsedStateContext.cjs");
33
34
  const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
34
35
  const external_index_cjs_namespaceObject = require("./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, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
37
+ const collapsed = (0, CollapsedStateContext_cjs_namespaceObject.useCollapsedState)();
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);
@@ -75,7 +75,8 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
75
75
  shouldShowAddButtonFn,
76
76
  nodeWidth,
77
77
  nodeHeight,
78
- node?.data
78
+ node?.data,
79
+ isCollapsed
79
80
  ]);
80
81
  return handleElements;
81
82
  };
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,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;AAIxE,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,wFAkEA,CAAC"}
package/dist/canvas/components/ButtonHandle/useButtonHandles.js CHANGED
@@ -2,11 +2,11 @@ import { Fragment, jsx } from "react/jsx-runtime";
2
2
  import { useNodesData } from "@xyflow/react";
3
3
  import { useMemo } from "react";
4
4
  import { resolveHandles } from "../../utils/manifest-resolver.js";
5
+ import { useCollapsedState } from "../BaseCanvas/CollapsedStateContext.js";
5
6
  import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
6
7
  import { ButtonHandles } from "./index.js";
7
- import { getToolbarActionStore } from "../../hooks/ToolbarActionContext.js";
8
8
  const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
9
- const { collapsed } = getToolbarActionStore();
9
+ const collapsed = useCollapsedState();
10
10
  const isCollapsed = Boolean(collapsed?.has(nodeId));
11
11
  const connectedHandleIds = useConnectedHandles(nodeId);
12
12
  const node = useNodesData(nodeId);
@@ -47,7 +47,8 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
47
47
  shouldShowAddButtonFn,
48
48
  nodeWidth,
49
49
  nodeHeight,
50
- node?.data
50
+ node?.data,
51
+ isCollapsed
51
52
  ]);
52
53
  return handleElements;
53
54
  };
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;;;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;;;WAyB+9E,CAAC;;yBArB99E,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
@@ -32,8 +32,7 @@ const external_react_namespaceObject = require("react");
32
32
  let toolbarActionStore = {
33
33
  mode: 'design',
34
34
  onToolbarAction: void 0,
35
- breakpoints: void 0,
36
- collapsed: void 0
35
+ breakpoints: void 0
37
36
  };
38
37
  function setToolbarActionStore(store) {
39
38
  toolbarActionStore = store;
@@ -41,27 +40,24 @@ function setToolbarActionStore(store) {
41
40
  function getToolbarActionStore() {
42
41
  return toolbarActionStore;
43
42
  }
44
- function useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed) {
43
+ function useToolbarActionStore(mode, onToolbarAction, breakpoints) {
45
44
  (0, external_react_namespaceObject.useEffect)(()=>{
46
45
  setToolbarActionStore({
47
46
  mode,
48
47
  onToolbarAction,
49
- breakpoints,
50
- collapsed
48
+ breakpoints
51
49
  });
52
50
  return ()=>{
53
51
  setToolbarActionStore({
54
52
  mode: 'design',
55
53
  onToolbarAction: void 0,
56
- breakpoints: void 0,
57
- collapsed: void 0
54
+ breakpoints: void 0
58
55
  });
59
56
  };
60
57
  }, [
61
58
  mode,
62
59
  onToolbarAction,
63
- breakpoints,
64
- collapsed
60
+ breakpoints
65
61
  ]);
66
62
  }
67
63
  exports.getToolbarActionStore = __webpack_exports__.getToolbarActionStore;
package/dist/canvas/hooks/ToolbarActionContext.d.ts CHANGED
@@ -3,10 +3,9 @@ interface ToolbarActionStore {
3
3
  mode: string;
4
4
  onToolbarAction?: ToolbarActionHandler;
5
5
  breakpoints?: Set<string>;
6
- collapsed?: Set<string>;
7
6
  }
8
7
  export declare function setToolbarActionStore(store: ToolbarActionStore): void;
9
8
  export declare function getToolbarActionStore(): ToolbarActionStore;
10
- export declare function useToolbarActionStore(mode: string, onToolbarAction?: ToolbarActionHandler, breakpoints?: Set<string>, collapsed?: Set<string>): void;
9
+ export declare function useToolbarActionStore(mode: string, onToolbarAction?: ToolbarActionHandler, breakpoints?: Set<string>): void;
11
10
  export {};
12
11
  //# sourceMappingURL=ToolbarActionContext.d.ts.map
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":"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"}
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;CAC3B;AAaD,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,GACxB,IAAI,CAcN"}
package/dist/canvas/hooks/ToolbarActionContext.js CHANGED
@@ -2,8 +2,7 @@ import { useEffect } from "react";
2
2
  let toolbarActionStore = {
3
3
  mode: 'design',
4
4
  onToolbarAction: void 0,
5
- breakpoints: void 0,
6
- collapsed: void 0
5
+ breakpoints: void 0
7
6
  };
8
7
  function setToolbarActionStore(store) {
9
8
  toolbarActionStore = store;
@@ -11,27 +10,24 @@ function setToolbarActionStore(store) {
11
10
  function getToolbarActionStore() {
12
11
  return toolbarActionStore;
13
12
  }
14
- function useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed) {
13
+ function useToolbarActionStore(mode, onToolbarAction, breakpoints) {
15
14
  useEffect(()=>{
16
15
  setToolbarActionStore({
17
16
  mode,
18
17
  onToolbarAction,
19
- breakpoints,
20
- collapsed
18
+ breakpoints
21
19
  });
22
20
  return ()=>{
23
21
  setToolbarActionStore({
24
22
  mode: 'design',
25
23
  onToolbarAction: void 0,
26
- breakpoints: void 0,
27
- collapsed: void 0
24
+ breakpoints: void 0
28
25
  });
29
26
  };
30
27
  }, [
31
28
  mode,
32
29
  onToolbarAction,
33
- breakpoints,
34
- collapsed
30
+ breakpoints
35
31
  ]);
36
32
  }
37
33
  export { getToolbarActionStore, setToolbarActionStore, useToolbarActionStore };
package/dist/canvas/utils/manifest-resolver.cjs CHANGED
@@ -26,18 +26,16 @@ __webpack_require__.r(__webpack_exports__);
26
26
  __webpack_require__.d(__webpack_exports__, {
27
27
  replaceTemplateVars: ()=>replaceTemplateVars,
28
28
  resolveDisplay: ()=>resolveDisplay,
29
- resolveVisibility: ()=>resolveVisibility,
30
- resolveHandles: ()=>resolveHandles
29
+ resolveHandles: ()=>resolveHandles,
30
+ resolveVisibility: ()=>resolveVisibility
31
31
  });
32
- const index_cjs_namespaceObject = require("../hooks/index.cjs");
33
32
  function resolveDisplay(manifestDisplay, instanceDisplay) {
34
33
  if (!manifestDisplay) return {
35
34
  icon: 'help-circle',
36
35
  shape: 'square',
37
36
  label: instanceDisplay?.label || 'Unknown Node'
38
37
  };
39
- const { collapsed } = (0, index_cjs_namespaceObject.getToolbarActionStore)();
40
- const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
38
+ const isCollapsed = Boolean(instanceDisplay?.nodeId && instanceDisplay?.collapsed?.has(instanceDisplay.nodeId));
41
39
  const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
42
40
  const collapsedShape = 'rectangle' === shape ? 'square' : shape;
43
41
  return {
@@ -62,6 +60,7 @@ function replaceTemplateVars(template, vars) {
62
60
  });
63
61
  }
64
62
  function resolveHandles(handleGroups, context) {
63
+ const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
65
64
  return handleGroups.map((group)=>{
66
65
  const handles = group.handles.flatMap((handle)=>{
67
66
  if (handle.repeat) {
@@ -77,20 +76,26 @@ function resolveHandles(handleGroups, context) {
77
76
  [itemVar]: item,
78
77
  [indexVar]: index
79
78
  };
79
+ const baseVisible = resolveVisibility(handle.visible, context);
80
+ const isArtifactHandle = 'artifact' === handle.handleType;
81
+ const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
80
82
  return {
81
83
  ...handle,
82
84
  id: replaceTemplateVars(handle.id, vars),
83
85
  label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
84
- visible: resolveVisibility(handle.visible, context),
86
+ visible,
85
87
  repeat: void 0,
86
88
  itemVar: void 0,
87
89
  indexVar: void 0
88
90
  };
89
91
  });
90
92
  }
93
+ const baseVisible = resolveVisibility(handle.visible, context);
94
+ const isArtifactHandle = 'artifact' === handle.handleType;
95
+ const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
91
96
  return {
92
97
  ...handle,
93
- visible: resolveVisibility(handle.visible, context)
98
+ visible
94
99
  };
95
100
  });
96
101
  return {
package/dist/canvas/utils/manifest-resolver.d.ts CHANGED
@@ -5,6 +5,8 @@ import type { HandleActionEvent } from '../components/ButtonHandle/ButtonHandle'
5
5
  export interface ResolutionContext {
6
6
  display?: DisplayConfig;
7
7
  inputs?: Record<string, unknown>;
8
+ nodeId?: string;
9
+ collapsed?: Set<string>;
8
10
  }
9
11
  export type ResolvedDisplay = DisplayConfig & {
10
12
  label: string;
@@ -31,6 +33,7 @@ interface TemplateVars {
31
33
  }
32
34
  export declare function resolveDisplay(manifestDisplay?: NodeDisplayManifest, instanceDisplay?: (DisplayConfig & {
33
35
  nodeId?: string;
36
+ collapsed?: Set<string>;
34
37
  }) | undefined): ResolvedDisplay;
35
38
  export declare function resolveVisibility(visible: boolean | string | undefined, context: ResolutionContext): boolean;
36
39
  export declare function replaceTemplateVars(template: string, vars: TemplateVars): string;
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":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAKjF,MAAM,WAAW,iBAAiB;IAEhC,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAMD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5C,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7F,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAKD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAKD,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,eAAe,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,GAClE,eAAe,CAwBjB;AA6BD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EACrC,OAAO,EAAE,iBAAiB,GACzB,OAAO,CAmBT;AAiCD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAKhF;AAuCD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,mBAAmB,EAAE,EACnC,OAAO,EAAE,iBAAiB,GACzB,mBAAmB,EAAE,CAmDvB"}
1
+ {"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAKjF,MAAM,WAAW,iBAAiB;IAEhC,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAMD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5C,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7F,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAKD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAKD,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,eAAe,CAAC,EAAE,CAAC,aAAa,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC,GAAG,SAAS,GAC3F,eAAe,CAyBjB;AA6BD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EACrC,OAAO,EAAE,iBAAiB,GACzB,OAAO,CAmBT;AAiCD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAKhF;AAuCD,wBAAgB,cAAc,CAC5B,YAAY,EAAE,mBAAmB,EAAE,EACnC,OAAO,EAAE,iBAAiB,GACzB,mBAAmB,EAAE,CAgEvB"}
package/dist/canvas/utils/manifest-resolver.js CHANGED
@@ -1,12 +1,10 @@
1
- import { getToolbarActionStore } from "../hooks/index.js";
2
1
  function resolveDisplay(manifestDisplay, instanceDisplay) {
3
2
  if (!manifestDisplay) return {
4
3
  icon: 'help-circle',
5
4
  shape: 'square',
6
5
  label: instanceDisplay?.label || 'Unknown Node'
7
6
  };
8
- const { collapsed } = getToolbarActionStore();
9
- const isCollapsed = Boolean(instanceDisplay?.nodeId && collapsed?.has(instanceDisplay.nodeId));
7
+ const isCollapsed = Boolean(instanceDisplay?.nodeId && instanceDisplay?.collapsed?.has(instanceDisplay.nodeId));
10
8
  const shape = instanceDisplay?.shape ?? manifestDisplay.shape;
11
9
  const collapsedShape = 'rectangle' === shape ? 'square' : shape;
12
10
  return {
@@ -31,6 +29,7 @@ function replaceTemplateVars(template, vars) {
31
29
  });
32
30
  }
33
31
  function resolveHandles(handleGroups, context) {
32
+ const isNodeCollapsed = Boolean(context.nodeId && context.collapsed?.has(context.nodeId));
34
33
  return handleGroups.map((group)=>{
35
34
  const handles = group.handles.flatMap((handle)=>{
36
35
  if (handle.repeat) {
@@ -46,20 +45,26 @@ function resolveHandles(handleGroups, context) {
46
45
  [itemVar]: item,
47
46
  [indexVar]: index
48
47
  };
48
+ const baseVisible = resolveVisibility(handle.visible, context);
49
+ const isArtifactHandle = 'artifact' === handle.handleType;
50
+ const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
49
51
  return {
50
52
  ...handle,
51
53
  id: replaceTemplateVars(handle.id, vars),
52
54
  label: handle.label ? replaceTemplateVars(handle.label, vars) : void 0,
53
- visible: resolveVisibility(handle.visible, context),
55
+ visible,
54
56
  repeat: void 0,
55
57
  itemVar: void 0,
56
58
  indexVar: void 0
57
59
  };
58
60
  });
59
61
  }
62
+ const baseVisible = resolveVisibility(handle.visible, context);
63
+ const isArtifactHandle = 'artifact' === handle.handleType;
64
+ const visible = isNodeCollapsed && isArtifactHandle ? false : baseVisible;
60
65
  return {
61
66
  ...handle,
62
- visible: resolveVisibility(handle.visible, context)
67
+ visible
63
68
  };
64
69
  });
65
70
  return {
package/dist/canvas/utils/toolbar-resolver.cjs CHANGED
@@ -139,14 +139,15 @@ function mergeToolbarConfigs(base, extension) {
139
139
  ]
140
140
  };
141
141
  }
142
- function resolveToolbar(manifest, context, nodeData) {
142
+ function resolveToolbar(manifest, context, nodeData, collapsed) {
143
143
  const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
144
- const { mode, collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
144
+ const { mode } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
145
+ const nodeId = context.nodeId ?? nodeData?.nodeId;
145
146
  let modeDefaults = toolbarRegistry.getModeDefaults(mode);
146
147
  modeDefaults = {
147
148
  ...modeDefaults,
148
149
  actions: modeDefaults?.actions?.map((action)=>{
149
- const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
150
+ const isCollapsed = Boolean(nodeId && collapsed?.has(nodeId));
150
151
  switch(action.id){
151
152
  case 'collapse':
152
153
  return {
package/dist/canvas/utils/toolbar-resolver.d.ts CHANGED
@@ -4,6 +4,6 @@ interface ExtendedNodeContext extends NodeStatusContext {
4
4
  }
5
5
  export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?: (Record<string, unknown> & {
6
6
  nodeId?: string;
7
- }) | undefined): NodeToolbarConfig | undefined;
7
+ }) | undefined, collapsed?: Set<string>): NodeToolbarConfig | undefined;
8
8
  export {};
9
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;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;AA+ID,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,EACtE,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,iBAAiB,GAAG,SAAS,CAsD/B"}
package/dist/canvas/utils/toolbar-resolver.js CHANGED
@@ -111,14 +111,15 @@ function mergeToolbarConfigs(base, extension) {
111
111
  ]
112
112
  };
113
113
  }
114
- function resolveToolbar(manifest, context, nodeData) {
114
+ function resolveToolbar(manifest, context, nodeData, collapsed) {
115
115
  const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
116
- const { mode, collapsed } = getToolbarActionStore();
116
+ const { mode } = getToolbarActionStore();
117
+ const nodeId = context.nodeId ?? nodeData?.nodeId;
117
118
  let modeDefaults = toolbarRegistry.getModeDefaults(mode);
118
119
  modeDefaults = {
119
120
  ...modeDefaults,
120
121
  actions: modeDefaults?.actions?.map((action)=>{
121
- const isCollapsed = Boolean(nodeData?.nodeId && collapsed?.has(nodeData.nodeId));
122
+ const isCollapsed = Boolean(nodeId && collapsed?.has(nodeId));
122
123
  switch(action.id){
123
124
  case 'collapse':
124
125
  return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "3.26.2",
3
+ "version": "3.27.0-pr163.9d71a81",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",
@@ -197,8 +197,8 @@
197
197
  "use-sync-external-store": "^1.2.0",
198
198
  "zod": "^4.3.5",
199
199
  "zustand": "^5.0.9",
200
- "@uipath/apollo-core": "5.6.2",
201
- "@uipath/apollo-wind": "0.7.3"
200
+ "@uipath/apollo-core": "5.7.0",
201
+ "@uipath/apollo-wind": "0.8.0"
202
202
  },
203
203
  "devDependencies": {
204
204
  "@lingui/cli": "^5.6.1",