@uipath/apollo-react 3.27.0-pr163.8398523 → 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/utils/toolbar-resolver.cjs +2 -8
- 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 -8
- 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"}
|
|
@@ -139,15 +139,9 @@ 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
|
-
|
|
145
|
-
manifest,
|
|
146
|
-
context,
|
|
147
|
-
nodeData,
|
|
148
|
-
collapsed
|
|
149
|
-
});
|
|
150
|
-
const { mode } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
144
|
+
const { mode, collapsed } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
151
145
|
const nodeId = context.nodeId ?? nodeData?.nodeId;
|
|
152
146
|
let modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
153
147
|
modeDefaults = {
|
|
@@ -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,15 +111,9 @@ 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
|
-
|
|
117
|
-
manifest,
|
|
118
|
-
context,
|
|
119
|
-
nodeData,
|
|
120
|
-
collapsed
|
|
121
|
-
});
|
|
122
|
-
const { mode } = getToolbarActionStore();
|
|
116
|
+
const { mode, collapsed } = getToolbarActionStore();
|
|
123
117
|
const nodeId = context.nodeId ?? nodeData?.nodeId;
|
|
124
118
|
let modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
125
119
|
modeDefaults = {
|