@uipath/apollo-react 3.27.0-pr163.4bee177 → 3.27.0-pr163.8d0bde1
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 +1 -2
- package/dist/canvas/components/BaseCanvas/BaseCanvas.js +1 -2
- package/dist/canvas/components/BaseCanvas/CanvasProviders.cjs +8 -12
- package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts +1 -2
- package/dist/canvas/components/BaseCanvas/CanvasProviders.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/CanvasProviders.js +8 -12
- package/dist/canvas/components/BaseNode/BaseNode.cjs +6 -7
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +7 -8
- package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +3 -3
- package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
- package/dist/canvas/components/ButtonHandle/useButtonHandles.js +3 -3
- package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map +1 -1
- package/dist/canvas/hooks/ToolbarActionContext.cjs +7 -4
- package/dist/canvas/hooks/ToolbarActionContext.d.ts +2 -1
- package/dist/canvas/hooks/ToolbarActionContext.d.ts.map +1 -1
- package/dist/canvas/hooks/ToolbarActionContext.js +7 -4
- package/dist/canvas/utils/toolbar-resolver.cjs +2 -14
- package/dist/canvas/utils/toolbar-resolver.d.ts +1 -3
- package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/toolbar-resolver.js +2 -14
- package/package.json +1 -1
|
@@ -47,7 +47,7 @@ const BaseCanvasInnerComponent = (props)=>{
|
|
|
47
47
|
const { ensureNodesInView, ensureAllNodesInView, centerNode } = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useEnsureNodesInView)();
|
|
48
48
|
(0, external_usePreventBackNavigation_cjs_namespaceObject.usePreventBackNavigation)();
|
|
49
49
|
(0, external_BaseCanvas_hooks_cjs_namespaceObject.useMaintainNodesInView)(maintainNodesInView, fitViewOptions);
|
|
50
|
-
(0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints);
|
|
50
|
+
(0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints, collapsed);
|
|
51
51
|
const handleInit = (0, external_react_namespaceObject.useCallback)((instance)=>{
|
|
52
52
|
setReactFlowInstance(instance);
|
|
53
53
|
onInit?.(instance);
|
|
@@ -76,7 +76,6 @@ const BaseCanvasInnerComponent = (props)=>{
|
|
|
76
76
|
edges: edges,
|
|
77
77
|
mode: mode,
|
|
78
78
|
isDarkMode: isDarkMode,
|
|
79
|
-
collapsed: collapsed,
|
|
80
79
|
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_cjs_namespaceObject.ReactFlow, {
|
|
81
80
|
...reactFlowProps,
|
|
82
81
|
nodes: nodes,
|
|
@@ -19,7 +19,7 @@ const BaseCanvasInnerComponent = (props)=>{
|
|
|
19
19
|
const { ensureNodesInView, ensureAllNodesInView, centerNode } = useEnsureNodesInView();
|
|
20
20
|
usePreventBackNavigation();
|
|
21
21
|
useMaintainNodesInView(maintainNodesInView, fitViewOptions);
|
|
22
|
-
useToolbarActionStore(mode, onToolbarAction, breakpoints);
|
|
22
|
+
useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed);
|
|
23
23
|
const handleInit = useCallback((instance)=>{
|
|
24
24
|
setReactFlowInstance(instance);
|
|
25
25
|
onInit?.(instance);
|
|
@@ -48,7 +48,6 @@ const BaseCanvasInnerComponent = (props)=>{
|
|
|
48
48
|
edges: edges,
|
|
49
49
|
mode: mode,
|
|
50
50
|
isDarkMode: isDarkMode,
|
|
51
|
-
collapsed: collapsed,
|
|
52
51
|
children: /*#__PURE__*/ jsxs(ReactFlow, {
|
|
53
52
|
...reactFlowProps,
|
|
54
53
|
nodes: nodes,
|
|
@@ -31,20 +31,16 @@ 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
|
-
|
|
35
|
-
function CanvasProviders({ nodes, edges, mode, isDarkMode, collapsed, children }) {
|
|
34
|
+
function CanvasProviders({ nodes, edges, mode, isDarkMode, children }) {
|
|
36
35
|
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasThemeContext_cjs_namespaceObject.CanvasThemeProvider, {
|
|
37
36
|
isDarkMode: isDarkMode,
|
|
38
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
39
|
-
|
|
40
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
41
|
-
|
|
42
|
-
children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
|
|
43
|
-
|
|
44
|
-
children:
|
|
45
|
-
nodes: nodes,
|
|
46
|
-
children: children
|
|
47
|
-
})
|
|
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
|
|
48
44
|
})
|
|
49
45
|
})
|
|
50
46
|
})
|
|
@@ -7,8 +7,7 @@ interface CanvasProvidersProps {
|
|
|
7
7
|
edges: Edge[];
|
|
8
8
|
mode: BaseCanvasProps['mode'];
|
|
9
9
|
isDarkMode?: boolean;
|
|
10
|
-
collapsed?: Set<string>;
|
|
11
10
|
}
|
|
12
|
-
export declare function CanvasProviders({ nodes, edges, mode, isDarkMode,
|
|
11
|
+
export declare function CanvasProviders({ nodes, edges, mode, isDarkMode, children, }: CanvasProvidersProps): import("react/jsx-runtime").JSX.Element;
|
|
13
12
|
export {};
|
|
14
13
|
//# sourceMappingURL=CanvasProviders.d.ts.map
|
|
@@ -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;
|
|
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"}
|
|
@@ -3,20 +3,16 @@ 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
|
-
|
|
7
|
-
function CanvasProviders({ nodes, edges, mode, isDarkMode, collapsed, children }) {
|
|
6
|
+
function CanvasProviders({ nodes, edges, mode, isDarkMode, children }) {
|
|
8
7
|
return /*#__PURE__*/ jsx(CanvasThemeProvider, {
|
|
9
8
|
isDarkMode: isDarkMode,
|
|
10
|
-
children: /*#__PURE__*/ jsx(
|
|
11
|
-
|
|
12
|
-
children: /*#__PURE__*/ jsx(
|
|
13
|
-
|
|
14
|
-
children: /*#__PURE__*/ jsx(
|
|
15
|
-
|
|
16
|
-
children:
|
|
17
|
-
nodes: nodes,
|
|
18
|
-
children: children
|
|
19
|
-
})
|
|
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
|
|
20
16
|
})
|
|
21
17
|
})
|
|
22
18
|
})
|
|
@@ -38,7 +38,6 @@ 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");
|
|
42
41
|
const BaseCanvasModeProvider_cjs_namespaceObject = require("../BaseCanvas/BaseCanvasModeProvider.cjs");
|
|
43
42
|
const CanvasThemeContext_cjs_namespaceObject = require("../BaseCanvas/CanvasThemeContext.cjs");
|
|
44
43
|
const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
|
|
@@ -64,7 +63,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
64
63
|
const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
|
|
65
64
|
const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
|
|
66
65
|
const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
|
|
67
|
-
const
|
|
66
|
+
const { collapsed } = (0, external_hooks_index_cjs_namespaceObject.getToolbarActionStore)();
|
|
68
67
|
const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
|
|
69
68
|
type,
|
|
70
69
|
nodeTypeRegistry
|
|
@@ -91,12 +90,12 @@ const BaseNodeComponent = (props)=>{
|
|
|
91
90
|
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, {
|
|
92
91
|
...data.display,
|
|
93
92
|
nodeId: id,
|
|
94
|
-
collapsed
|
|
93
|
+
collapsed
|
|
95
94
|
}), [
|
|
96
95
|
manifest,
|
|
97
96
|
data.display,
|
|
98
97
|
id,
|
|
99
|
-
|
|
98
|
+
collapsed
|
|
100
99
|
]);
|
|
101
100
|
const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
102
101
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -112,7 +111,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
112
111
|
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, {
|
|
113
112
|
...data,
|
|
114
113
|
nodeId: id,
|
|
115
|
-
collapsed
|
|
114
|
+
collapsed
|
|
116
115
|
});
|
|
117
116
|
return resolved.map((group)=>({
|
|
118
117
|
position: group.position,
|
|
@@ -134,12 +133,12 @@ const BaseNodeComponent = (props)=>{
|
|
|
134
133
|
]);
|
|
135
134
|
const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
136
135
|
if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
|
|
137
|
-
return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext
|
|
136
|
+
return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext) : void 0;
|
|
138
137
|
}, [
|
|
139
138
|
toolbarConfigProp,
|
|
140
139
|
manifest,
|
|
141
140
|
statusContext,
|
|
142
|
-
|
|
141
|
+
collapsed
|
|
143
142
|
]);
|
|
144
143
|
const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
145
144
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;AAygB1B,eAAO,MAAM,QAAQ,8CApgBa,sBAAsB,6CAogBT,CAAC"}
|
|
@@ -5,12 +5,11 @@ import { ApIcon } from "../../../material/components/index.js";
|
|
|
5
5
|
import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
6
6
|
import { DEFAULT_NODE_SIZE } from "../../constants.js";
|
|
7
7
|
import { useNodeTypeRegistry } from "../../core/index.js";
|
|
8
|
-
import { useNodeExecutionState } from "../../hooks/index.js";
|
|
8
|
+
import { getToolbarActionStore, useNodeExecutionState } from "../../hooks/index.js";
|
|
9
9
|
import { resolveAdornments } from "../../utils/adornment-resolver.js";
|
|
10
10
|
import { getIcon } from "../../utils/icon-registry.js";
|
|
11
11
|
import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
|
|
12
12
|
import { resolveToolbar } from "../../utils/toolbar-resolver.js";
|
|
13
|
-
import { useCollapsedState } from "../BaseCanvas/CollapsedStateContext.js";
|
|
14
13
|
import { useBaseCanvasMode } from "../BaseCanvas/BaseCanvasModeProvider.js";
|
|
15
14
|
import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
|
|
16
15
|
import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
|
|
@@ -36,7 +35,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
36
35
|
const isConnecting = useStore(selectIsConnecting);
|
|
37
36
|
const { multipleNodesSelected } = useSelectionState();
|
|
38
37
|
const { isDarkMode } = useCanvasTheme();
|
|
39
|
-
const
|
|
38
|
+
const { collapsed } = getToolbarActionStore();
|
|
40
39
|
const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
|
|
41
40
|
type,
|
|
42
41
|
nodeTypeRegistry
|
|
@@ -63,12 +62,12 @@ const BaseNodeComponent = (props)=>{
|
|
|
63
62
|
const display = useMemo(()=>resolveDisplay(manifest?.display, {
|
|
64
63
|
...data.display,
|
|
65
64
|
nodeId: id,
|
|
66
|
-
collapsed
|
|
65
|
+
collapsed
|
|
67
66
|
}), [
|
|
68
67
|
manifest,
|
|
69
68
|
data.display,
|
|
70
69
|
id,
|
|
71
|
-
|
|
70
|
+
collapsed
|
|
72
71
|
]);
|
|
73
72
|
const Icon = useMemo(()=>{
|
|
74
73
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -84,7 +83,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
84
83
|
const resolved = resolveHandles(manifest.handleConfiguration, {
|
|
85
84
|
...data,
|
|
86
85
|
nodeId: id,
|
|
87
|
-
collapsed
|
|
86
|
+
collapsed
|
|
88
87
|
});
|
|
89
88
|
return resolved.map((group)=>({
|
|
90
89
|
position: group.position,
|
|
@@ -106,12 +105,12 @@ const BaseNodeComponent = (props)=>{
|
|
|
106
105
|
]);
|
|
107
106
|
const toolbarConfig = useMemo(()=>{
|
|
108
107
|
if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
|
|
109
|
-
return manifest ? resolveToolbar(manifest, statusContext
|
|
108
|
+
return manifest ? resolveToolbar(manifest, statusContext) : void 0;
|
|
110
109
|
}, [
|
|
111
110
|
toolbarConfigProp,
|
|
112
111
|
manifest,
|
|
113
112
|
statusContext,
|
|
114
|
-
|
|
113
|
+
collapsed
|
|
115
114
|
]);
|
|
116
115
|
const adornments = useMemo(()=>{
|
|
117
116
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -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");
|
|
34
33
|
const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
|
|
35
34
|
const external_index_cjs_namespaceObject = require("./index.cjs");
|
|
35
|
+
const index_cjs_namespaceObject = require("../../hooks/index.cjs");
|
|
36
36
|
const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
|
|
37
|
-
const collapsed = (0,
|
|
37
|
+
const { collapsed } = (0, index_cjs_namespaceObject.getToolbarActionStore)();
|
|
38
38
|
const isCollapsed = Boolean(collapsed?.has(nodeId));
|
|
39
39
|
const connectedHandleIds = (0, ConnectedHandlesContext_cjs_namespaceObject.useConnectedHandles)(nodeId);
|
|
40
40
|
const node = (0, react_namespaceObject.useNodesData)(nodeId);
|
|
@@ -44,7 +44,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
|
|
|
44
44
|
const elements = resolvedHandles.map((config, i)=>{
|
|
45
45
|
const hasConnectedHandle = config.handles.some((h)=>connectedHandleIds.has(h.id));
|
|
46
46
|
const finalVisible = hasConnectedHandle || shouldShowHandles && (config.visible ?? true);
|
|
47
|
-
const enhancedHandles = config.handles.
|
|
47
|
+
const enhancedHandles = config.handles.map((handle)=>({
|
|
48
48
|
...handle,
|
|
49
49
|
onAction: handle.onAction || handleAction
|
|
50
50
|
}));
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"useButtonHandles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ButtonHandle/useButtonHandles.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIzD,eAAO,MAAM,gBAAgB,GAAI,wJAW9B;IACD,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,OAAO,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAUpB,qBAAqB,CAAC,EAAE,CAAC,EACvB,aAAa,EACb,QAAQ,GACT,EAAE;QACD,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,wFAoEA,CAAC"}
|
|
@@ -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";
|
|
6
5
|
import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
|
|
7
6
|
import { ButtonHandles } from "./index.js";
|
|
7
|
+
import { getToolbarActionStore } from "../../hooks/index.js";
|
|
8
8
|
const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleAction, nodeId, selected, showAddButton, showNotches, shouldShowAddButtonFn, nodeWidth, nodeHeight })=>{
|
|
9
|
-
const collapsed =
|
|
9
|
+
const { collapsed } = getToolbarActionStore();
|
|
10
10
|
const isCollapsed = Boolean(collapsed?.has(nodeId));
|
|
11
11
|
const connectedHandleIds = useConnectedHandles(nodeId);
|
|
12
12
|
const node = useNodesData(nodeId);
|
|
@@ -16,7 +16,7 @@ const useButtonHandles = ({ handleConfigurations, shouldShowHandles, handleActio
|
|
|
16
16
|
const elements = resolvedHandles.map((config, i)=>{
|
|
17
17
|
const hasConnectedHandle = config.handles.some((h)=>connectedHandleIds.has(h.id));
|
|
18
18
|
const finalVisible = hasConnectedHandle || shouldShowHandles && (config.visible ?? true);
|
|
19
|
-
const enhancedHandles = config.handles.
|
|
19
|
+
const enhancedHandles = config.handles.map((handle)=>({
|
|
20
20
|
...handle,
|
|
21
21
|
onAction: handle.onAction || handleAction
|
|
22
22
|
}));
|
|
@@ -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;;;WAyBo9E,CAAC;;yBArBn9E,GAAG;;;;CAaoB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
|
|
@@ -32,7 +32,8 @@ const external_react_namespaceObject = require("react");
|
|
|
32
32
|
let toolbarActionStore = {
|
|
33
33
|
mode: 'design',
|
|
34
34
|
onToolbarAction: void 0,
|
|
35
|
-
breakpoints: void 0
|
|
35
|
+
breakpoints: void 0,
|
|
36
|
+
collapsed: void 0
|
|
36
37
|
};
|
|
37
38
|
function setToolbarActionStore(store) {
|
|
38
39
|
toolbarActionStore = store;
|
|
@@ -40,18 +41,20 @@ function setToolbarActionStore(store) {
|
|
|
40
41
|
function getToolbarActionStore() {
|
|
41
42
|
return toolbarActionStore;
|
|
42
43
|
}
|
|
43
|
-
function useToolbarActionStore(mode, onToolbarAction, breakpoints) {
|
|
44
|
+
function useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed) {
|
|
44
45
|
(0, external_react_namespaceObject.useEffect)(()=>{
|
|
45
46
|
setToolbarActionStore({
|
|
46
47
|
mode,
|
|
47
48
|
onToolbarAction,
|
|
48
|
-
breakpoints
|
|
49
|
+
breakpoints,
|
|
50
|
+
collapsed
|
|
49
51
|
});
|
|
50
52
|
return ()=>{
|
|
51
53
|
setToolbarActionStore({
|
|
52
54
|
mode: 'design',
|
|
53
55
|
onToolbarAction: void 0,
|
|
54
|
-
breakpoints: void 0
|
|
56
|
+
breakpoints: void 0,
|
|
57
|
+
collapsed: void 0
|
|
55
58
|
});
|
|
56
59
|
};
|
|
57
60
|
}, [
|
|
@@ -3,9 +3,10 @@ interface ToolbarActionStore {
|
|
|
3
3
|
mode: string;
|
|
4
4
|
onToolbarAction?: ToolbarActionHandler;
|
|
5
5
|
breakpoints?: Set<string>;
|
|
6
|
+
collapsed?: Set<string>;
|
|
6
7
|
}
|
|
7
8
|
export declare function setToolbarActionStore(store: ToolbarActionStore): void;
|
|
8
9
|
export declare function getToolbarActionStore(): ToolbarActionStore;
|
|
9
|
-
export declare function useToolbarActionStore(mode: string, onToolbarAction?: ToolbarActionHandler, breakpoints?: Set<string>): void;
|
|
10
|
+
export declare function useToolbarActionStore(mode: string, onToolbarAction?: ToolbarActionHandler, breakpoints?: Set<string>, collapsed?: Set<string>): void;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=ToolbarActionContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarActionContext.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/ToolbarActionContext.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarActionContext.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/ToolbarActionContext.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAcD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAErE;AAMD,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAMD,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,eAAe,CAAC,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EACzB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,IAAI,CAeN"}
|
|
@@ -2,7 +2,8 @@ import { useEffect } from "react";
|
|
|
2
2
|
let toolbarActionStore = {
|
|
3
3
|
mode: 'design',
|
|
4
4
|
onToolbarAction: void 0,
|
|
5
|
-
breakpoints: void 0
|
|
5
|
+
breakpoints: void 0,
|
|
6
|
+
collapsed: void 0
|
|
6
7
|
};
|
|
7
8
|
function setToolbarActionStore(store) {
|
|
8
9
|
toolbarActionStore = store;
|
|
@@ -10,18 +11,20 @@ function setToolbarActionStore(store) {
|
|
|
10
11
|
function getToolbarActionStore() {
|
|
11
12
|
return toolbarActionStore;
|
|
12
13
|
}
|
|
13
|
-
function useToolbarActionStore(mode, onToolbarAction, breakpoints) {
|
|
14
|
+
function useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed) {
|
|
14
15
|
useEffect(()=>{
|
|
15
16
|
setToolbarActionStore({
|
|
16
17
|
mode,
|
|
17
18
|
onToolbarAction,
|
|
18
|
-
breakpoints
|
|
19
|
+
breakpoints,
|
|
20
|
+
collapsed
|
|
19
21
|
});
|
|
20
22
|
return ()=>{
|
|
21
23
|
setToolbarActionStore({
|
|
22
24
|
mode: 'design',
|
|
23
25
|
onToolbarAction: void 0,
|
|
24
|
-
breakpoints: void 0
|
|
26
|
+
breakpoints: void 0,
|
|
27
|
+
collapsed: void 0
|
|
25
28
|
});
|
|
26
29
|
};
|
|
27
30
|
}, [
|
|
@@ -139,17 +139,10 @@ function mergeToolbarConfigs(base, extension) {
|
|
|
139
139
|
]
|
|
140
140
|
};
|
|
141
141
|
}
|
|
142
|
-
function resolveToolbar(manifest, context, nodeData
|
|
142
|
+
function resolveToolbar(manifest, context, nodeData) {
|
|
143
143
|
const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
|
|
144
|
-
const { mode } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
144
|
+
const { mode, collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
145
145
|
const nodeId = context.nodeId ?? nodeData?.nodeId;
|
|
146
|
-
console.log('[resolveToolbar]', {
|
|
147
|
-
nodeId,
|
|
148
|
-
collapsed: collapsed ? `Set(${collapsed.size}) [${[
|
|
149
|
-
...collapsed
|
|
150
|
-
].join(', ')}]` : void 0,
|
|
151
|
-
hasNodeId: collapsed?.has(nodeId ?? '')
|
|
152
|
-
});
|
|
153
146
|
let modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
154
147
|
modeDefaults = {
|
|
155
148
|
...modeDefaults,
|
|
@@ -157,11 +150,6 @@ function resolveToolbar(manifest, context, nodeData, collapsed) {
|
|
|
157
150
|
const isCollapsed = Boolean(nodeId && collapsed?.has(nodeId));
|
|
158
151
|
switch(action.id){
|
|
159
152
|
case 'collapse':
|
|
160
|
-
console.log('[resolveToolbar] collapse action:', {
|
|
161
|
-
nodeId,
|
|
162
|
-
isCollapsed,
|
|
163
|
-
icon: isCollapsed ? 'chevrons-up-down' : 'chevrons-down-up'
|
|
164
|
-
});
|
|
165
153
|
return {
|
|
166
154
|
...action,
|
|
167
155
|
icon: isCollapsed ? 'chevrons-up-down' : 'chevrons-down-up'
|
|
@@ -2,8 +2,6 @@ import type { NodeManifest, NodeStatusContext, NodeToolbarConfig } from '../inde
|
|
|
2
2
|
interface ExtendedNodeContext extends NodeStatusContext {
|
|
3
3
|
permissions?: string[];
|
|
4
4
|
}
|
|
5
|
-
export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?:
|
|
6
|
-
nodeId?: string;
|
|
7
|
-
}) | undefined, collapsed?: Set<string>): NodeToolbarConfig | undefined;
|
|
5
|
+
export declare function resolveToolbar(manifest: NodeManifest, context: ExtendedNodeContext, nodeData?: Record<string, unknown>): NodeToolbarConfig | undefined;
|
|
8
6
|
export {};
|
|
9
7
|
//# sourceMappingURL=toolbar-resolver.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AA+ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AA+ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACjC,iBAAiB,GAAG,SAAS,CAoD/B"}
|
|
@@ -111,17 +111,10 @@ function mergeToolbarConfigs(base, extension) {
|
|
|
111
111
|
]
|
|
112
112
|
};
|
|
113
113
|
}
|
|
114
|
-
function resolveToolbar(manifest, context, nodeData
|
|
114
|
+
function resolveToolbar(manifest, context, nodeData) {
|
|
115
115
|
const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
|
|
116
|
-
const { mode } = getToolbarActionStore();
|
|
116
|
+
const { mode, collapsed } = getToolbarActionStore();
|
|
117
117
|
const nodeId = context.nodeId ?? nodeData?.nodeId;
|
|
118
|
-
console.log('[resolveToolbar]', {
|
|
119
|
-
nodeId,
|
|
120
|
-
collapsed: collapsed ? `Set(${collapsed.size}) [${[
|
|
121
|
-
...collapsed
|
|
122
|
-
].join(', ')}]` : void 0,
|
|
123
|
-
hasNodeId: collapsed?.has(nodeId ?? '')
|
|
124
|
-
});
|
|
125
118
|
let modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
126
119
|
modeDefaults = {
|
|
127
120
|
...modeDefaults,
|
|
@@ -129,11 +122,6 @@ function resolveToolbar(manifest, context, nodeData, collapsed) {
|
|
|
129
122
|
const isCollapsed = Boolean(nodeId && collapsed?.has(nodeId));
|
|
130
123
|
switch(action.id){
|
|
131
124
|
case 'collapse':
|
|
132
|
-
console.log('[resolveToolbar] collapse action:', {
|
|
133
|
-
nodeId,
|
|
134
|
-
isCollapsed,
|
|
135
|
-
icon: isCollapsed ? 'chevrons-up-down' : 'chevrons-down-up'
|
|
136
|
-
});
|
|
137
125
|
return {
|
|
138
126
|
...action,
|
|
139
127
|
icon: isCollapsed ? 'chevrons-up-down' : 'chevrons-down-up'
|