@uipath/apollo-react 3.32.0-pr163.0fc585e → 3.32.0-pr163.437c8a5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs +2 -2
- package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.js +2 -2
- package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts +0 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.cjs +5 -9
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +6 -10
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts +1 -0
- package/dist/canvas/components/BaseNode/BaseNode.types.d.ts.map +1 -1
- package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map +1 -1
- package/dist/canvas/hooks/ToolbarActionContext.cjs +5 -9
- package/dist/canvas/hooks/ToolbarActionContext.d.ts +1 -2
- package/dist/canvas/hooks/ToolbarActionContext.d.ts.map +1 -1
- package/dist/canvas/hooks/ToolbarActionContext.js +5 -9
- package/dist/canvas/utils/collapse.cjs +54 -0
- package/dist/canvas/utils/collapse.d.ts +9 -0
- package/dist/canvas/utils/collapse.d.ts.map +1 -0
- package/dist/canvas/utils/collapse.js +11 -0
- package/dist/canvas/utils/index.cjs +45 -36
- package/dist/canvas/utils/index.d.ts +1 -0
- package/dist/canvas/utils/index.d.ts.map +1 -1
- package/dist/canvas/utils/index.js +1 -0
- package/dist/canvas/utils/manifest-resolver.cjs +12 -18
- package/dist/canvas/utils/manifest-resolver.d.ts +2 -4
- package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/manifest-resolver.js +10 -16
- package/package.json +1 -1
|
@@ -39,7 +39,7 @@ const external_usePreventBackNavigation_cjs_namespaceObject = require("./usePrev
|
|
|
39
39
|
const BaseCanvasInnerComponent = (props)=>{
|
|
40
40
|
const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
|
|
41
41
|
const fitViewOptions = fitViewOptionsProps ?? external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.fitViewOptions;
|
|
42
|
-
const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints,
|
|
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
|
|
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);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;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"}
|
|
@@ -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,
|
|
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
|
|
22
|
+
useToolbarActionStore(mode, onToolbarAction, breakpoints);
|
|
23
23
|
const handleInit = useCallback((instance)=>{
|
|
24
24
|
setReactFlowInstance(instance);
|
|
25
25
|
onInit?.(instance);
|
|
@@ -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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;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"}
|
|
@@ -65,7 +65,6 @@ const BaseNodeComponent = (props)=>{
|
|
|
65
65
|
const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
|
|
66
66
|
const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
|
|
67
67
|
const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
|
|
68
|
-
const { collapsed } = (0, external_hooks_index_cjs_namespaceObject.getToolbarActionStore)();
|
|
69
68
|
const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
|
|
70
69
|
type,
|
|
71
70
|
nodeTypeRegistry
|
|
@@ -90,13 +89,12 @@ const BaseNodeComponent = (props)=>{
|
|
|
90
89
|
const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
|
|
91
90
|
const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
|
|
92
91
|
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, {
|
|
93
|
-
...data
|
|
92
|
+
...data,
|
|
94
93
|
nodeId: id
|
|
95
|
-
}
|
|
94
|
+
}), [
|
|
96
95
|
manifest,
|
|
97
96
|
data.display,
|
|
98
|
-
id
|
|
99
|
-
collapsed
|
|
97
|
+
id
|
|
100
98
|
]);
|
|
101
99
|
const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
102
100
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -111,8 +109,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
111
109
|
if (!manifest) return [];
|
|
112
110
|
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, {
|
|
113
111
|
...data,
|
|
114
|
-
nodeId: id
|
|
115
|
-
collapsed
|
|
112
|
+
nodeId: id
|
|
116
113
|
});
|
|
117
114
|
return resolved.map((group)=>({
|
|
118
115
|
position: group.position,
|
|
@@ -138,8 +135,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
138
135
|
}, [
|
|
139
136
|
toolbarConfigProp,
|
|
140
137
|
manifest,
|
|
141
|
-
statusContext
|
|
142
|
-
collapsed
|
|
138
|
+
statusContext
|
|
143
139
|
]);
|
|
144
140
|
const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
145
141
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAkChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAkChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA2f1B,eAAO,MAAM,QAAQ,8CAtfa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAsfhB,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { ApIcon } from "../../../material/components/index.js";
|
|
|
5
5
|
import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
6
6
|
import { DEFAULT_NODE_SIZE } from "../../constants.js";
|
|
7
7
|
import { useNodeTypeRegistry } from "../../core/index.js";
|
|
8
|
-
import {
|
|
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";
|
|
@@ -37,7 +37,6 @@ const BaseNodeComponent = (props)=>{
|
|
|
37
37
|
const isConnecting = useStore(selectIsConnecting);
|
|
38
38
|
const { multipleNodesSelected } = useSelectionState();
|
|
39
39
|
const { isDarkMode } = useCanvasTheme();
|
|
40
|
-
const { collapsed } = getToolbarActionStore();
|
|
41
40
|
const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
|
|
42
41
|
type,
|
|
43
42
|
nodeTypeRegistry
|
|
@@ -62,13 +61,12 @@ const BaseNodeComponent = (props)=>{
|
|
|
62
61
|
const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
|
|
63
62
|
const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
|
|
64
63
|
const display = useMemo(()=>resolveDisplay(manifest?.display, {
|
|
65
|
-
...data
|
|
64
|
+
...data,
|
|
66
65
|
nodeId: id
|
|
67
|
-
}
|
|
66
|
+
}), [
|
|
68
67
|
manifest,
|
|
69
68
|
data.display,
|
|
70
|
-
id
|
|
71
|
-
collapsed
|
|
69
|
+
id
|
|
72
70
|
]);
|
|
73
71
|
const Icon = useMemo(()=>{
|
|
74
72
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -83,8 +81,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
83
81
|
if (!manifest) return [];
|
|
84
82
|
const resolved = resolveHandles(manifest.handleConfiguration, {
|
|
85
83
|
...data,
|
|
86
|
-
nodeId: id
|
|
87
|
-
collapsed
|
|
84
|
+
nodeId: id
|
|
88
85
|
});
|
|
89
86
|
return resolved.map((group)=>({
|
|
90
87
|
position: group.position,
|
|
@@ -110,8 +107,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
110
107
|
}, [
|
|
111
108
|
toolbarConfigProp,
|
|
112
109
|
manifest,
|
|
113
|
-
statusContext
|
|
114
|
-
collapsed
|
|
110
|
+
statusContext
|
|
115
111
|
]);
|
|
116
112
|
const adornments = useMemo(()=>{
|
|
117
113
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAOF,eAAe,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAOF,eAAe,CAAC,EAAE,OAAO,CAAC;IAM1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TriggerNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAEV,IAAI,EAEJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAsNlD,QAAA,MAAM,IAAI;;;
|
|
1
|
+
{"version":3,"file":"TriggerNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/TriggerNode/TriggerNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAEV,IAAI,EAEJ,IAAI,EAEL,MAAM,0CAA0C,CAAC;AAsNlD,QAAA,MAAM,IAAI;;;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"}
|
|
@@ -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
|
|
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;
|
|
@@ -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
|
|
9
|
+
export declare function useToolbarActionStore(mode: string, onToolbarAction?: ToolbarActionHandler, breakpoints?: Set<string>): void;
|
|
11
10
|
export {};
|
|
12
11
|
//# sourceMappingURL=ToolbarActionContext.d.ts.map
|
|
@@ -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;
|
|
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;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"}
|
|
@@ -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
|
|
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 };
|
|
@@ -0,0 +1,54 @@
|
|
|
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
|
+
COLLAPSED_NODE_SIZE: ()=>COLLAPSED_NODE_SIZE,
|
|
28
|
+
getCollapsedShape: ()=>getCollapsedShape,
|
|
29
|
+
getCollapsedSize: ()=>getCollapsedSize,
|
|
30
|
+
getExpandedShape: ()=>getExpandedShape
|
|
31
|
+
});
|
|
32
|
+
const COLLAPSED_NODE_SIZE = 96;
|
|
33
|
+
const getCollapsedShape = (originalShape)=>{
|
|
34
|
+
const shape = originalShape ?? 'rectangle';
|
|
35
|
+
return 'rectangle' === shape ? 'square' : shape;
|
|
36
|
+
};
|
|
37
|
+
const getExpandedShape = (collapsedShape)=>{
|
|
38
|
+
const shape = collapsedShape ?? 'rectangle';
|
|
39
|
+
return 'square' === shape ? 'rectangle' : shape;
|
|
40
|
+
};
|
|
41
|
+
const getCollapsedSize = (width, height, measured)=>height ?? measured?.height ?? width ?? measured?.width ?? COLLAPSED_NODE_SIZE;
|
|
42
|
+
exports.COLLAPSED_NODE_SIZE = __webpack_exports__.COLLAPSED_NODE_SIZE;
|
|
43
|
+
exports.getCollapsedShape = __webpack_exports__.getCollapsedShape;
|
|
44
|
+
exports.getCollapsedSize = __webpack_exports__.getCollapsedSize;
|
|
45
|
+
exports.getExpandedShape = __webpack_exports__.getExpandedShape;
|
|
46
|
+
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
|
|
47
|
+
"COLLAPSED_NODE_SIZE",
|
|
48
|
+
"getCollapsedShape",
|
|
49
|
+
"getCollapsedSize",
|
|
50
|
+
"getExpandedShape"
|
|
51
|
+
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
|
|
52
|
+
Object.defineProperty(exports, '__esModule', {
|
|
53
|
+
value: true
|
|
54
|
+
});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { NodeShape } from '../schema/node-definition';
|
|
2
|
+
export declare const COLLAPSED_NODE_SIZE = 96;
|
|
3
|
+
export declare const getCollapsedShape: (originalShape: NodeShape | undefined) => NodeShape;
|
|
4
|
+
export declare const getExpandedShape: (collapsedShape: NodeShape | undefined) => NodeShape;
|
|
5
|
+
export declare const getCollapsedSize: (width: number | undefined, height: number | undefined, measured?: {
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
}) => number;
|
|
9
|
+
//# sourceMappingURL=collapse.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/collapse.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAK3D,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAMtC,eAAO,MAAM,iBAAiB,GAAI,eAAe,SAAS,GAAG,SAAS,KAAG,SAGxE,CAAC;AAOF,eAAO,MAAM,gBAAgB,GAAI,gBAAgB,SAAS,GAAG,SAAS,KAAG,SAGxE,CAAC;AAMF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,MAAM,GAAG,SAAS,EACzB,QAAQ,MAAM,GAAG,SAAS,EAC1B,WAAW;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,KAC7C,MAEF,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const COLLAPSED_NODE_SIZE = 96;
|
|
2
|
+
const getCollapsedShape = (originalShape)=>{
|
|
3
|
+
const shape = originalShape ?? 'rectangle';
|
|
4
|
+
return 'rectangle' === shape ? 'square' : shape;
|
|
5
|
+
};
|
|
6
|
+
const getExpandedShape = (collapsedShape)=>{
|
|
7
|
+
const shape = collapsedShape ?? 'rectangle';
|
|
8
|
+
return 'square' === shape ? 'rectangle' : shape;
|
|
9
|
+
};
|
|
10
|
+
const getCollapsedSize = (width, height, measured)=>height ?? measured?.height ?? width ?? measured?.width ?? COLLAPSED_NODE_SIZE;
|
|
11
|
+
export { COLLAPSED_NODE_SIZE, getCollapsedShape, getCollapsedSize, getExpandedShape };
|
|
@@ -27,6 +27,9 @@ var __webpack_modules__ = {
|
|
|
27
27
|
"./coded-agents/mermaid-parser": function(module) {
|
|
28
28
|
module.exports = require("./coded-agents/mermaid-parser.cjs");
|
|
29
29
|
},
|
|
30
|
+
"./collapse": function(module) {
|
|
31
|
+
module.exports = require("./collapse.cjs");
|
|
32
|
+
},
|
|
30
33
|
"./constraint-validator": function(module) {
|
|
31
34
|
module.exports = require("./constraint-validator.cjs");
|
|
32
35
|
},
|
|
@@ -116,76 +119,82 @@ var __webpack_exports__ = {};
|
|
|
116
119
|
return _CssUtil__WEBPACK_IMPORTED_MODULE_3__[key];
|
|
117
120
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
118
121
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
119
|
-
var
|
|
122
|
+
var _collapse__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./collapse");
|
|
123
|
+
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
124
|
+
for(var __WEBPACK_IMPORT_KEY__ in _collapse__WEBPACK_IMPORTED_MODULE_4__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
125
|
+
return _collapse__WEBPACK_IMPORTED_MODULE_4__[key];
|
|
126
|
+
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
127
|
+
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
128
|
+
var _coded_agents_d3_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./coded-agents/d3-layout");
|
|
120
129
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
121
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
122
|
-
return
|
|
130
|
+
for(var __WEBPACK_IMPORT_KEY__ in _coded_agents_d3_layout__WEBPACK_IMPORTED_MODULE_5__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
131
|
+
return _coded_agents_d3_layout__WEBPACK_IMPORTED_MODULE_5__[key];
|
|
123
132
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
124
133
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
125
|
-
var
|
|
134
|
+
var _coded_agents_mermaid_parser__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./coded-agents/mermaid-parser");
|
|
126
135
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
127
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
128
|
-
return
|
|
136
|
+
for(var __WEBPACK_IMPORT_KEY__ in _coded_agents_mermaid_parser__WEBPACK_IMPORTED_MODULE_6__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
137
|
+
return _coded_agents_mermaid_parser__WEBPACK_IMPORTED_MODULE_6__[key];
|
|
129
138
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
130
139
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
131
|
-
var
|
|
140
|
+
var _constraint_validator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./constraint-validator");
|
|
132
141
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
133
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
134
|
-
return
|
|
142
|
+
for(var __WEBPACK_IMPORT_KEY__ in _constraint_validator__WEBPACK_IMPORTED_MODULE_7__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
143
|
+
return _constraint_validator__WEBPACK_IMPORTED_MODULE_7__[key];
|
|
135
144
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
136
145
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
137
|
-
var
|
|
146
|
+
var _createPreviewNode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./createPreviewNode");
|
|
138
147
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
139
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
140
|
-
return
|
|
148
|
+
for(var __WEBPACK_IMPORT_KEY__ in _createPreviewNode__WEBPACK_IMPORTED_MODULE_8__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
149
|
+
return _createPreviewNode__WEBPACK_IMPORTED_MODULE_8__[key];
|
|
141
150
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
142
151
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
143
|
-
var
|
|
152
|
+
var _export_canvas__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./export-canvas");
|
|
144
153
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
145
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
146
|
-
return
|
|
154
|
+
for(var __WEBPACK_IMPORT_KEY__ in _export_canvas__WEBPACK_IMPORTED_MODULE_9__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
155
|
+
return _export_canvas__WEBPACK_IMPORTED_MODULE_9__[key];
|
|
147
156
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
148
157
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
149
|
-
var
|
|
158
|
+
var _icon_registry__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("./icon-registry");
|
|
150
159
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
151
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
152
|
-
return
|
|
160
|
+
for(var __WEBPACK_IMPORT_KEY__ in _icon_registry__WEBPACK_IMPORTED_MODULE_10__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
161
|
+
return _icon_registry__WEBPACK_IMPORTED_MODULE_10__[key];
|
|
153
162
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
154
163
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
155
|
-
var
|
|
164
|
+
var _manifest_resolver__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("./manifest-resolver");
|
|
156
165
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
157
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
158
|
-
return
|
|
166
|
+
for(var __WEBPACK_IMPORT_KEY__ in _manifest_resolver__WEBPACK_IMPORTED_MODULE_11__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
167
|
+
return _manifest_resolver__WEBPACK_IMPORTED_MODULE_11__[key];
|
|
159
168
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
160
169
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
161
|
-
var
|
|
170
|
+
var _NodeUtils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("./NodeUtils");
|
|
162
171
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
163
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
164
|
-
return
|
|
172
|
+
for(var __WEBPACK_IMPORT_KEY__ in _NodeUtils__WEBPACK_IMPORTED_MODULE_12__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
173
|
+
return _NodeUtils__WEBPACK_IMPORTED_MODULE_12__[key];
|
|
165
174
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
166
175
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
167
|
-
var
|
|
176
|
+
var _props_helpers__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("./props-helpers");
|
|
168
177
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
169
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
170
|
-
return
|
|
178
|
+
for(var __WEBPACK_IMPORT_KEY__ in _props_helpers__WEBPACK_IMPORTED_MODULE_13__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
179
|
+
return _props_helpers__WEBPACK_IMPORTED_MODULE_13__[key];
|
|
171
180
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
172
181
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
173
|
-
var
|
|
182
|
+
var _resource_operations__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("./resource-operations");
|
|
174
183
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
175
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
176
|
-
return
|
|
184
|
+
for(var __WEBPACK_IMPORT_KEY__ in _resource_operations__WEBPACK_IMPORTED_MODULE_14__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
185
|
+
return _resource_operations__WEBPACK_IMPORTED_MODULE_14__[key];
|
|
177
186
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
178
187
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
179
|
-
var
|
|
188
|
+
var _Storage__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("./Storage");
|
|
180
189
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
181
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
182
|
-
return
|
|
190
|
+
for(var __WEBPACK_IMPORT_KEY__ in _Storage__WEBPACK_IMPORTED_MODULE_15__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
191
|
+
return _Storage__WEBPACK_IMPORTED_MODULE_15__[key];
|
|
183
192
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
184
193
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
185
|
-
var
|
|
194
|
+
var _StyleUtil__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__("./StyleUtil");
|
|
186
195
|
var __WEBPACK_REEXPORT_OBJECT__ = {};
|
|
187
|
-
for(var __WEBPACK_IMPORT_KEY__ in
|
|
188
|
-
return
|
|
196
|
+
for(var __WEBPACK_IMPORT_KEY__ in _StyleUtil__WEBPACK_IMPORTED_MODULE_16__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
|
|
197
|
+
return _StyleUtil__WEBPACK_IMPORTED_MODULE_16__[key];
|
|
189
198
|
}).bind(0, __WEBPACK_IMPORT_KEY__);
|
|
190
199
|
__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
|
|
191
200
|
})();
|
|
@@ -2,6 +2,7 @@ export * from './ArrayUtil';
|
|
|
2
2
|
export * from './auto-layout';
|
|
3
3
|
export * from './CanvasEventBus';
|
|
4
4
|
export * from './CssUtil';
|
|
5
|
+
export * from './collapse';
|
|
5
6
|
export * from './coded-agents/d3-layout';
|
|
6
7
|
export * from './coded-agents/mermaid-parser';
|
|
7
8
|
export * from './constraint-validator';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
|
|
@@ -2,6 +2,7 @@ export * from "./ArrayUtil.js";
|
|
|
2
2
|
export * from "./auto-layout.js";
|
|
3
3
|
export * from "./CanvasEventBus.js";
|
|
4
4
|
export * from "./CssUtil.js";
|
|
5
|
+
export * from "./collapse.js";
|
|
5
6
|
export * from "./coded-agents/d3-layout.js";
|
|
6
7
|
export * from "./coded-agents/mermaid-parser.js";
|
|
7
8
|
export * from "./constraint-validator.js";
|
|
@@ -26,29 +26,23 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
26
26
|
__webpack_require__.d(__webpack_exports__, {
|
|
27
27
|
replaceTemplateVars: ()=>replaceTemplateVars,
|
|
28
28
|
resolveDisplay: ()=>resolveDisplay,
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
resolveVisibility: ()=>resolveVisibility,
|
|
30
|
+
resolveHandles: ()=>resolveHandles
|
|
31
31
|
});
|
|
32
|
-
|
|
32
|
+
const external_collapse_cjs_namespaceObject = require("./collapse.cjs");
|
|
33
|
+
function resolveDisplay(manifestDisplay, context) {
|
|
33
34
|
if (!manifestDisplay) return {
|
|
34
35
|
icon: 'help-circle',
|
|
35
36
|
shape: 'square',
|
|
36
|
-
label:
|
|
37
|
+
label: context?.display?.label || 'Unknown Node'
|
|
37
38
|
};
|
|
38
|
-
const isCollapsed =
|
|
39
|
-
const shape =
|
|
40
|
-
const collapsedShape =
|
|
39
|
+
const isCollapsed = context?.isCollapsed ?? false;
|
|
40
|
+
const shape = context?.display?.shape ?? manifestDisplay.shape;
|
|
41
|
+
const collapsedShape = (0, external_collapse_cjs_namespaceObject.getCollapsedShape)(shape);
|
|
41
42
|
const expandedShape = manifestDisplay.shape;
|
|
42
|
-
console.log({
|
|
43
|
-
nodeId: instanceDisplay?.nodeId,
|
|
44
|
-
isCollapsed,
|
|
45
|
-
shape,
|
|
46
|
-
collapsedShape,
|
|
47
|
-
expandedShape
|
|
48
|
-
});
|
|
49
43
|
return {
|
|
50
44
|
...manifestDisplay,
|
|
51
|
-
...
|
|
45
|
+
...context?.display,
|
|
52
46
|
shape: isCollapsed ? collapsedShape : expandedShape
|
|
53
47
|
};
|
|
54
48
|
}
|
|
@@ -68,7 +62,7 @@ function replaceTemplateVars(template, vars) {
|
|
|
68
62
|
});
|
|
69
63
|
}
|
|
70
64
|
function resolveHandles(handleGroups, context) {
|
|
71
|
-
const
|
|
65
|
+
const isCollapsed = context?.isCollapsed ?? false;
|
|
72
66
|
return handleGroups.map((group)=>{
|
|
73
67
|
const handles = group.handles.flatMap((handle)=>{
|
|
74
68
|
if (handle.repeat) {
|
|
@@ -86,7 +80,7 @@ function resolveHandles(handleGroups, context) {
|
|
|
86
80
|
};
|
|
87
81
|
const baseVisible = resolveVisibility(handle.visible, context);
|
|
88
82
|
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
89
|
-
const visible =
|
|
83
|
+
const visible = context.isCollapsed && isArtifactHandle ? false : baseVisible;
|
|
90
84
|
return {
|
|
91
85
|
...handle,
|
|
92
86
|
id: replaceTemplateVars(handle.id, vars),
|
|
@@ -100,7 +94,7 @@ function resolveHandles(handleGroups, context) {
|
|
|
100
94
|
}
|
|
101
95
|
const baseVisible = resolveVisibility(handle.visible, context);
|
|
102
96
|
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
103
|
-
const visible =
|
|
97
|
+
const visible = isCollapsed && isArtifactHandle ? false : baseVisible;
|
|
104
98
|
return {
|
|
105
99
|
...handle,
|
|
106
100
|
visible
|
|
@@ -6,7 +6,7 @@ export interface ResolutionContext {
|
|
|
6
6
|
display?: DisplayConfig;
|
|
7
7
|
inputs?: Record<string, unknown>;
|
|
8
8
|
nodeId?: string;
|
|
9
|
-
|
|
9
|
+
isCollapsed?: boolean;
|
|
10
10
|
}
|
|
11
11
|
export type ResolvedDisplay = DisplayConfig & {
|
|
12
12
|
label: string;
|
|
@@ -31,9 +31,7 @@ interface TemplateVars {
|
|
|
31
31
|
item?: unknown;
|
|
32
32
|
index?: number;
|
|
33
33
|
}
|
|
34
|
-
export declare function resolveDisplay(manifestDisplay?: NodeDisplayManifest,
|
|
35
|
-
nodeId?: string;
|
|
36
|
-
}) | undefined, collapsed?: Set<string>): ResolvedDisplay;
|
|
34
|
+
export declare function resolveDisplay(manifestDisplay?: NodeDisplayManifest, context?: ResolutionContext): ResolvedDisplay;
|
|
37
35
|
export declare function resolveVisibility(visible: boolean | string | undefined, context: ResolutionContext): boolean;
|
|
38
36
|
export declare function replaceTemplateVars(template: string, vars: TemplateVars): string;
|
|
39
37
|
export declare function resolveHandles(handleGroups: HandleGroupManifest[], context: ResolutionContext): ResolvedHandleGroup[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"manifest-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/manifest-resolver.ts"],"names":[],"mappings":"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;
|
|
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;AAMjF,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;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAMD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5C,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAE7F,EAAE,EAAE,MAAM,CAAC;IAEX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,OAAO,CAAC;IAEjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;AAKD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;IAE/E,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAKD,UAAU,YAAY;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBD,wBAAgB,cAAc,CAC5B,eAAe,CAAC,EAAE,mBAAmB,EACrC,OAAO,CAAC,EAAE,iBAAiB,GAE1B,eAAe,CAoBjB;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,CA+DvB"}
|
|
@@ -1,23 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
import { getCollapsedShape } from "./collapse.js";
|
|
2
|
+
function resolveDisplay(manifestDisplay, context) {
|
|
2
3
|
if (!manifestDisplay) return {
|
|
3
4
|
icon: 'help-circle',
|
|
4
5
|
shape: 'square',
|
|
5
|
-
label:
|
|
6
|
+
label: context?.display?.label || 'Unknown Node'
|
|
6
7
|
};
|
|
7
|
-
const isCollapsed =
|
|
8
|
-
const shape =
|
|
9
|
-
const collapsedShape =
|
|
8
|
+
const isCollapsed = context?.isCollapsed ?? false;
|
|
9
|
+
const shape = context?.display?.shape ?? manifestDisplay.shape;
|
|
10
|
+
const collapsedShape = getCollapsedShape(shape);
|
|
10
11
|
const expandedShape = manifestDisplay.shape;
|
|
11
|
-
console.log({
|
|
12
|
-
nodeId: instanceDisplay?.nodeId,
|
|
13
|
-
isCollapsed,
|
|
14
|
-
shape,
|
|
15
|
-
collapsedShape,
|
|
16
|
-
expandedShape
|
|
17
|
-
});
|
|
18
12
|
return {
|
|
19
13
|
...manifestDisplay,
|
|
20
|
-
...
|
|
14
|
+
...context?.display,
|
|
21
15
|
shape: isCollapsed ? collapsedShape : expandedShape
|
|
22
16
|
};
|
|
23
17
|
}
|
|
@@ -37,7 +31,7 @@ function replaceTemplateVars(template, vars) {
|
|
|
37
31
|
});
|
|
38
32
|
}
|
|
39
33
|
function resolveHandles(handleGroups, context) {
|
|
40
|
-
const
|
|
34
|
+
const isCollapsed = context?.isCollapsed ?? false;
|
|
41
35
|
return handleGroups.map((group)=>{
|
|
42
36
|
const handles = group.handles.flatMap((handle)=>{
|
|
43
37
|
if (handle.repeat) {
|
|
@@ -55,7 +49,7 @@ function resolveHandles(handleGroups, context) {
|
|
|
55
49
|
};
|
|
56
50
|
const baseVisible = resolveVisibility(handle.visible, context);
|
|
57
51
|
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
58
|
-
const visible =
|
|
52
|
+
const visible = context.isCollapsed && isArtifactHandle ? false : baseVisible;
|
|
59
53
|
return {
|
|
60
54
|
...handle,
|
|
61
55
|
id: replaceTemplateVars(handle.id, vars),
|
|
@@ -69,7 +63,7 @@ function resolveHandles(handleGroups, context) {
|
|
|
69
63
|
}
|
|
70
64
|
const baseVisible = resolveVisibility(handle.visible, context);
|
|
71
65
|
const isArtifactHandle = 'artifact' === handle.handleType;
|
|
72
|
-
const visible =
|
|
66
|
+
const visible = isCollapsed && isArtifactHandle ? false : baseVisible;
|
|
73
67
|
return {
|
|
74
68
|
...handle,
|
|
75
69
|
visible
|