@uipath/apollo-react 3.27.0-pr163.1275e76 → 3.27.0-pr163.18784f0
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.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.cjs +12 -6
- package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
- package/dist/canvas/components/BaseNode/BaseNode.js +12 -6
- 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 +6 -0
- package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
- package/dist/canvas/utils/toolbar-resolver.js +6 -0
- package/package.json +1 -1
|
@@ -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;AA8MzE,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"}
|
|
@@ -64,7 +64,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
64
64
|
const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
|
|
65
65
|
const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
|
|
66
66
|
const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
|
|
67
|
-
const
|
|
67
|
+
const collapsed = (0, CollapsedStateContext_cjs_namespaceObject.useCollapsedState)();
|
|
68
68
|
const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
|
|
69
69
|
type,
|
|
70
70
|
nodeTypeRegistry
|
|
@@ -91,12 +91,12 @@ const BaseNodeComponent = (props)=>{
|
|
|
91
91
|
const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, {
|
|
92
92
|
...data.display,
|
|
93
93
|
nodeId: id,
|
|
94
|
-
collapsed
|
|
94
|
+
collapsed
|
|
95
95
|
}), [
|
|
96
96
|
manifest,
|
|
97
97
|
data.display,
|
|
98
98
|
id,
|
|
99
|
-
|
|
99
|
+
collapsed
|
|
100
100
|
]);
|
|
101
101
|
const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
102
102
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -112,7 +112,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
112
112
|
const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, {
|
|
113
113
|
...data,
|
|
114
114
|
nodeId: id,
|
|
115
|
-
collapsed
|
|
115
|
+
collapsed
|
|
116
116
|
});
|
|
117
117
|
return resolved.map((group)=>({
|
|
118
118
|
position: group.position,
|
|
@@ -133,13 +133,19 @@ const BaseNodeComponent = (props)=>{
|
|
|
133
133
|
data
|
|
134
134
|
]);
|
|
135
135
|
const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
136
|
+
console.log('[BaseNode] toolbarConfig', {
|
|
137
|
+
toolbarConfigProp,
|
|
138
|
+
manifest,
|
|
139
|
+
statusContext,
|
|
140
|
+
collapsed
|
|
141
|
+
});
|
|
136
142
|
if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
|
|
137
|
-
return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext, void 0,
|
|
143
|
+
return manifest ? (0, toolbar_resolver_cjs_namespaceObject.resolveToolbar)(manifest, statusContext, void 0, collapsed) : void 0;
|
|
138
144
|
}, [
|
|
139
145
|
toolbarConfigProp,
|
|
140
146
|
manifest,
|
|
141
147
|
statusContext,
|
|
142
|
-
|
|
148
|
+
collapsed
|
|
143
149
|
]);
|
|
144
150
|
const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
|
|
145
151
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;AA+gB1B,eAAO,MAAM,QAAQ,8CA1gBa,sBAAsB,6CA0gBT,CAAC"}
|
|
@@ -36,7 +36,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
36
36
|
const isConnecting = useStore(selectIsConnecting);
|
|
37
37
|
const { multipleNodesSelected } = useSelectionState();
|
|
38
38
|
const { isDarkMode } = useCanvasTheme();
|
|
39
|
-
const
|
|
39
|
+
const collapsed = useCollapsedState();
|
|
40
40
|
const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
|
|
41
41
|
type,
|
|
42
42
|
nodeTypeRegistry
|
|
@@ -63,12 +63,12 @@ const BaseNodeComponent = (props)=>{
|
|
|
63
63
|
const display = useMemo(()=>resolveDisplay(manifest?.display, {
|
|
64
64
|
...data.display,
|
|
65
65
|
nodeId: id,
|
|
66
|
-
collapsed
|
|
66
|
+
collapsed
|
|
67
67
|
}), [
|
|
68
68
|
manifest,
|
|
69
69
|
data.display,
|
|
70
70
|
id,
|
|
71
|
-
|
|
71
|
+
collapsed
|
|
72
72
|
]);
|
|
73
73
|
const Icon = useMemo(()=>{
|
|
74
74
|
if (void 0 !== iconComponent) return iconComponent;
|
|
@@ -84,7 +84,7 @@ const BaseNodeComponent = (props)=>{
|
|
|
84
84
|
const resolved = resolveHandles(manifest.handleConfiguration, {
|
|
85
85
|
...data,
|
|
86
86
|
nodeId: id,
|
|
87
|
-
collapsed
|
|
87
|
+
collapsed
|
|
88
88
|
});
|
|
89
89
|
return resolved.map((group)=>({
|
|
90
90
|
position: group.position,
|
|
@@ -105,13 +105,19 @@ const BaseNodeComponent = (props)=>{
|
|
|
105
105
|
data
|
|
106
106
|
]);
|
|
107
107
|
const toolbarConfig = useMemo(()=>{
|
|
108
|
+
console.log('[BaseNode] toolbarConfig', {
|
|
109
|
+
toolbarConfigProp,
|
|
110
|
+
manifest,
|
|
111
|
+
statusContext,
|
|
112
|
+
collapsed
|
|
113
|
+
});
|
|
108
114
|
if (void 0 !== toolbarConfigProp) return null === toolbarConfigProp ? void 0 : toolbarConfigProp;
|
|
109
|
-
return manifest ? resolveToolbar(manifest, statusContext, void 0,
|
|
115
|
+
return manifest ? resolveToolbar(manifest, statusContext, void 0, collapsed) : void 0;
|
|
110
116
|
}, [
|
|
111
117
|
toolbarConfigProp,
|
|
112
118
|
manifest,
|
|
113
119
|
statusContext,
|
|
114
|
-
|
|
120
|
+
collapsed
|
|
115
121
|
]);
|
|
116
122
|
const adornments = useMemo(()=>{
|
|
117
123
|
const adornmentsFromProps = adornmentsProp ?? {};
|
|
@@ -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;;;WAyBkgF,CAAC;;yBArBjgF,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
|
}, [
|
|
@@ -141,6 +141,12 @@ function mergeToolbarConfigs(base, extension) {
|
|
|
141
141
|
}
|
|
142
142
|
function resolveToolbar(manifest, context, nodeData, collapsed) {
|
|
143
143
|
const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
|
|
144
|
+
console.log('[resolveToolbar]', {
|
|
145
|
+
manifest,
|
|
146
|
+
context,
|
|
147
|
+
nodeData,
|
|
148
|
+
collapsed
|
|
149
|
+
});
|
|
144
150
|
const { mode } = (0, ToolbarActionContext_cjs_namespaceObject.getToolbarActionStore)();
|
|
145
151
|
const nodeId = context.nodeId ?? nodeData?.nodeId;
|
|
146
152
|
let modeDefaults = toolbarRegistry.getModeDefaults(mode);
|
|
@@ -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,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,EACtE,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,iBAAiB,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"toolbar-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/toolbar-resolver.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAKrC,UAAU,mBAAoB,SAAQ,iBAAiB;IAErD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB;AA+ID,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAAS,EACtE,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,GACtB,iBAAiB,GAAG,SAAS,CA4D/B"}
|
|
@@ -113,6 +113,12 @@ function mergeToolbarConfigs(base, extension) {
|
|
|
113
113
|
}
|
|
114
114
|
function resolveToolbar(manifest, context, nodeData, collapsed) {
|
|
115
115
|
const { nodeType, toolbarExtensions: manifestToolbarExtensions } = manifest;
|
|
116
|
+
console.log('[resolveToolbar]', {
|
|
117
|
+
manifest,
|
|
118
|
+
context,
|
|
119
|
+
nodeData,
|
|
120
|
+
collapsed
|
|
121
|
+
});
|
|
116
122
|
const { mode } = getToolbarActionStore();
|
|
117
123
|
const nodeId = context.nodeId ?? nodeData?.nodeId;
|
|
118
124
|
let modeDefaults = toolbarRegistry.getModeDefaults(mode);
|