@uipath/apollo-react 6.27.0 → 6.28.0
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 +27 -3
- package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.cjs +21 -3
- package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.d.ts +1 -0
- package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.js +18 -3
- package/dist/canvas/components/BaseCanvas/BaseCanvas.js +28 -4
- package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.cjs +87 -0
- package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.d.ts +4 -0
- package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.d.ts.map +1 -0
- package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.js +53 -0
- package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.cjs +30 -3
- package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.d.ts +3 -0
- package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.js +21 -3
- package/dist/canvas/components/BaseCanvas/index.cjs +43 -32
- package/dist/canvas/components/BaseCanvas/index.d.ts +1 -1
- package/dist/canvas/components/BaseCanvas/index.d.ts.map +1 -1
- package/dist/canvas/components/BaseCanvas/index.js +2 -2
- package/dist/canvas/components/BaseCanvas/useReadOnlyConnectionCallbacks.cjs +87 -0
- package/dist/canvas/components/BaseCanvas/useReadOnlyConnectionCallbacks.d.ts +13 -0
- package/dist/canvas/components/BaseCanvas/useReadOnlyConnectionCallbacks.d.ts.map +1 -0
- package/dist/canvas/components/BaseCanvas/useReadOnlyConnectionCallbacks.js +53 -0
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs +21 -3
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map +1 -1
- package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js +21 -3
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/dist/canvas/utils/createPreviewGraph.cjs +13 -8
- package/dist/canvas/utils/createPreviewGraph.d.ts +5 -2
- package/dist/canvas/utils/createPreviewGraph.d.ts.map +1 -1
- package/dist/canvas/utils/createPreviewGraph.js +13 -8
- package/package.json +1 -1
|
@@ -100,14 +100,14 @@ function createPreviewGraph(options) {
|
|
|
100
100
|
edges
|
|
101
101
|
};
|
|
102
102
|
}
|
|
103
|
-
function showPreviewGraph(options) {
|
|
103
|
+
function showPreviewGraph(options, applicationOptions = {}) {
|
|
104
104
|
const preview = createPreviewGraph(options);
|
|
105
|
-
if (preview) applyPreviewGraphToReactFlow(preview, options.reactFlowInstance);
|
|
105
|
+
if (preview) applyPreviewGraphToReactFlow(preview, options.reactFlowInstance, applicationOptions);
|
|
106
106
|
return preview;
|
|
107
107
|
}
|
|
108
|
-
function applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
|
|
108
|
+
function applyPreviewGraphToReactFlow(preview, reactFlowInstance, { canApply } = {}) {
|
|
109
109
|
const originalEdge = preview.node.data?.originalEdge;
|
|
110
|
-
|
|
110
|
+
const applyNodes = ()=>{
|
|
111
111
|
reactFlowInstance.setNodes((nodes)=>[
|
|
112
112
|
...nodes.filter((node)=>node.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID).map((node)=>({
|
|
113
113
|
...node,
|
|
@@ -115,10 +115,15 @@ function applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
|
|
|
115
115
|
})),
|
|
116
116
|
preview.node
|
|
117
117
|
]);
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
118
|
+
};
|
|
119
|
+
const applyEdges = (edges)=>[
|
|
120
|
+
...edges.filter((edge)=>!(0, external_createPreviewNode_cjs_namespaceObject.isPreviewEdge)(edge) && edge.id !== originalEdge?.id),
|
|
121
|
+
...preview.edges
|
|
122
|
+
];
|
|
123
|
+
setTimeout(()=>{
|
|
124
|
+
if (canApply?.(reactFlowInstance.getEdges()) === false) return;
|
|
125
|
+
applyNodes();
|
|
126
|
+
reactFlowInstance.setEdges(applyEdges);
|
|
122
127
|
}, 0);
|
|
123
128
|
}
|
|
124
129
|
exports.applyPreviewGraphToReactFlow = __webpack_exports__.applyPreviewGraphToReactFlow;
|
|
@@ -6,6 +6,9 @@ export interface PreviewGraph {
|
|
|
6
6
|
node: Node;
|
|
7
7
|
edges: Edge[];
|
|
8
8
|
}
|
|
9
|
+
export interface PreviewApplicationOptions {
|
|
10
|
+
canApply?: (edges: Edge[]) => boolean;
|
|
11
|
+
}
|
|
9
12
|
export interface PreviewEndpoint {
|
|
10
13
|
nodeId: string;
|
|
11
14
|
handleId?: string | null;
|
|
@@ -35,6 +38,6 @@ export interface CreatePreviewGraphOptions {
|
|
|
35
38
|
export type PreviewGraphOverrides = Partial<Pick<CreatePreviewGraphOptions, 'containerId' | 'data' | 'position' | 'positionMode' | 'target' | 'trailingEdgeId' | 'trailingEdgeStyle'>>;
|
|
36
39
|
export declare function reparentPreviewNodeToContainer(previewNode: Node, containerId: string, reactFlowInstance: ReactFlowInstance): Node | null;
|
|
37
40
|
export declare function createPreviewGraph(options: CreatePreviewGraphOptions): PreviewGraph | null;
|
|
38
|
-
export declare function showPreviewGraph(options: CreatePreviewGraphOptions): PreviewGraph | null;
|
|
39
|
-
export declare function applyPreviewGraphToReactFlow(preview: PreviewGraph, reactFlowInstance: ReactFlowInstance): void;
|
|
41
|
+
export declare function showPreviewGraph(options: CreatePreviewGraphOptions, applicationOptions?: PreviewApplicationOptions): PreviewGraph | null;
|
|
42
|
+
export declare function applyPreviewGraphToReactFlow(preview: PreviewGraph, reactFlowInstance: ReactFlowInstance, { canApply }?: PreviewApplicationOptions): void;
|
|
40
43
|
//# sourceMappingURL=createPreviewGraph.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createPreviewGraph.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewGraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,iBAAiB,EAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAuB,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG/E,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAGD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAMD,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAOlC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;CAC3C;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CACF,yBAAyB,EACvB,aAAa,GACb,MAAM,GACN,UAAU,GACV,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,CACtB,CACF,CAAC;AAgCF,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,MAAM,EACnB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,GAAG,IAAI,CAkBb;AAwDD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAqB1F;AAOD,wBAAgB,gBAAgB,
|
|
1
|
+
{"version":3,"file":"createPreviewGraph.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewGraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,iBAAiB,EAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAuB,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG/E,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,MAAM,WAAW,yBAAyB;IAKxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC;CACvC;AAGD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAMD,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAOlC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;CAC3C;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CACF,yBAAyB,EACvB,aAAa,GACb,MAAM,GACN,UAAU,GACV,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,CACtB,CACF,CAAC;AAgCF,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,MAAM,EACnB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,GAAG,IAAI,CAkBb;AAwDD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAqB1F;AAOD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,yBAAyB,EAClC,kBAAkB,GAAE,yBAA8B,GACjD,YAAY,GAAG,IAAI,CAMrB;AAOD,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,EACpC,EAAE,QAAQ,EAAE,GAAE,yBAA8B,GAC3C,IAAI,CAuBN"}
|
|
@@ -69,14 +69,14 @@ function createPreviewGraph(options) {
|
|
|
69
69
|
edges
|
|
70
70
|
};
|
|
71
71
|
}
|
|
72
|
-
function showPreviewGraph(options) {
|
|
72
|
+
function showPreviewGraph(options, applicationOptions = {}) {
|
|
73
73
|
const preview = createPreviewGraph(options);
|
|
74
|
-
if (preview) applyPreviewGraphToReactFlow(preview, options.reactFlowInstance);
|
|
74
|
+
if (preview) applyPreviewGraphToReactFlow(preview, options.reactFlowInstance, applicationOptions);
|
|
75
75
|
return preview;
|
|
76
76
|
}
|
|
77
|
-
function applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
|
|
77
|
+
function applyPreviewGraphToReactFlow(preview, reactFlowInstance, { canApply } = {}) {
|
|
78
78
|
const originalEdge = preview.node.data?.originalEdge;
|
|
79
|
-
|
|
79
|
+
const applyNodes = ()=>{
|
|
80
80
|
reactFlowInstance.setNodes((nodes)=>[
|
|
81
81
|
...nodes.filter((node)=>node.id !== PREVIEW_NODE_ID).map((node)=>({
|
|
82
82
|
...node,
|
|
@@ -84,10 +84,15 @@ function applyPreviewGraphToReactFlow(preview, reactFlowInstance) {
|
|
|
84
84
|
})),
|
|
85
85
|
preview.node
|
|
86
86
|
]);
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
87
|
+
};
|
|
88
|
+
const applyEdges = (edges)=>[
|
|
89
|
+
...edges.filter((edge)=>!isPreviewEdge(edge) && edge.id !== originalEdge?.id),
|
|
90
|
+
...preview.edges
|
|
91
|
+
];
|
|
92
|
+
setTimeout(()=>{
|
|
93
|
+
if (canApply?.(reactFlowInstance.getEdges()) === false) return;
|
|
94
|
+
applyNodes();
|
|
95
|
+
reactFlowInstance.setEdges(applyEdges);
|
|
91
96
|
}, 0);
|
|
92
97
|
}
|
|
93
98
|
export { applyPreviewGraphToReactFlow, createPreviewGraph, reparentPreviewNodeToContainer, showPreviewGraph };
|