@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.
Files changed (33) hide show
  1. package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs +27 -3
  2. package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map +1 -1
  3. package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.cjs +21 -3
  4. package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.d.ts +1 -0
  5. package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.d.ts.map +1 -1
  6. package/dist/canvas/components/BaseCanvas/BaseCanvas.hooks.js +18 -3
  7. package/dist/canvas/components/BaseCanvas/BaseCanvas.js +28 -4
  8. package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.cjs +87 -0
  9. package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.d.ts +4 -0
  10. package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.d.ts.map +1 -0
  11. package/dist/canvas/components/BaseCanvas/BaseCanvas.stories.fixtures.js +53 -0
  12. package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
  13. package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.cjs +30 -3
  14. package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.d.ts +3 -0
  15. package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.d.ts.map +1 -1
  16. package/dist/canvas/components/BaseCanvas/ReadOnlyNodesContext.js +21 -3
  17. package/dist/canvas/components/BaseCanvas/index.cjs +43 -32
  18. package/dist/canvas/components/BaseCanvas/index.d.ts +1 -1
  19. package/dist/canvas/components/BaseCanvas/index.d.ts.map +1 -1
  20. package/dist/canvas/components/BaseCanvas/index.js +2 -2
  21. package/dist/canvas/components/BaseCanvas/useReadOnlyConnectionCallbacks.cjs +87 -0
  22. package/dist/canvas/components/BaseCanvas/useReadOnlyConnectionCallbacks.d.ts +13 -0
  23. package/dist/canvas/components/BaseCanvas/useReadOnlyConnectionCallbacks.d.ts.map +1 -0
  24. package/dist/canvas/components/BaseCanvas/useReadOnlyConnectionCallbacks.js +53 -0
  25. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs +21 -3
  26. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map +1 -1
  27. package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js +21 -3
  28. package/dist/canvas/styles/tailwind.canvas.css +1 -1
  29. package/dist/canvas/utils/createPreviewGraph.cjs +13 -8
  30. package/dist/canvas/utils/createPreviewGraph.d.ts +5 -2
  31. package/dist/canvas/utils/createPreviewGraph.d.ts.map +1 -1
  32. package/dist/canvas/utils/createPreviewGraph.js +13 -8
  33. 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
- setTimeout(()=>{
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
- reactFlowInstance.setEdges((edges)=>[
119
- ...edges.filter((edge)=>!(0, external_createPreviewNode_cjs_namespaceObject.isPreviewEdge)(edge) && edge.id !== originalEdge?.id),
120
- ...preview.edges
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,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAMxF;AAOD,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAgBN"}
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
- setTimeout(()=>{
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
- reactFlowInstance.setEdges((edges)=>[
88
- ...edges.filter((edge)=>!isPreviewEdge(edge) && edge.id !== originalEdge?.id),
89
- ...preview.edges
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "6.27.0",
3
+ "version": "6.28.0",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",