@uipath/apollo-react 3.45.0 → 3.45.1-pr280.8f162e1

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.
@@ -28,6 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
28
28
  });
29
29
  const jsx_runtime_namespaceObject = require("react/jsx-runtime");
30
30
  const index_cjs_namespaceObject = require("../../../icons/index.cjs");
31
+ const external_utils_index_cjs_namespaceObject = require("../../../utils/index.cjs");
31
32
  const external_layouts_index_cjs_namespaceObject = require("../../../layouts/index.cjs");
32
33
  const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
33
34
  const components_index_cjs_namespaceObject = require("../../../../material/components/index.cjs");
@@ -177,19 +178,25 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
177
178
  data
178
179
  ]);
179
180
  const toolbarConfig = (0, external_react_namespaceObject.useMemo)(()=>{
180
- if ('view' === mode) return null;
181
+ if ('view' === mode || data.isPlaceholder && (!isSuggestion || !suggestionId)) return null;
181
182
  if (isSuggestion && suggestionId) {
182
183
  if ('0.0.1' === suggestionGroupVersion) return null;
183
184
  const rejectAction = {
184
185
  id: 'reject-suggestion',
185
- icon: 'close',
186
+ icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_utils_index_cjs_namespaceObject.NodeIcon, {
187
+ icon: "X",
188
+ size: 14
189
+ }),
186
190
  label: suggestTranslations.reject,
187
191
  disabled: false,
188
192
  onAction: ()=>handleActOnSuggestion(suggestionId, 'reject')
189
193
  };
190
194
  const acceptAction = {
191
195
  id: 'accept-suggestion',
192
- icon: 'check',
196
+ icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_utils_index_cjs_namespaceObject.NodeIcon, {
197
+ icon: "check",
198
+ size: 14
199
+ }),
193
200
  label: suggestTranslations.accept,
194
201
  disabled: false,
195
202
  onAction: ()=>handleActOnSuggestion(suggestionId, 'accept')
@@ -228,7 +235,10 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
228
235
  };
229
236
  const removeAction = {
230
237
  id: 'remove',
231
- icon: 'delete',
238
+ icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_utils_index_cjs_namespaceObject.NodeIcon, {
239
+ icon: "trash",
240
+ size: 14
241
+ }),
232
242
  label: translations?.remove ?? '',
233
243
  disabled: false,
234
244
  onAction: handleClickRemove
@@ -361,7 +371,7 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
361
371
  ]);
362
372
  const statusAdornment = (0, external_react_namespaceObject.useMemo)(()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ExecutionStatusIcon_cjs_namespaceObject.ExecutionStatusIcon, {
363
373
  status: executionStatus,
364
- size: 16
374
+ size: 14
365
375
  }), [
366
376
  executionStatus
367
377
  ]);
@@ -1 +1 @@
1
- {"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC5B,MAAM,gBAAgB,CAAC;AAexB,UAAU,iBAAkB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAClE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACnF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAClF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,0RAoBpB,iBAAiB,6CAqcrB,CAAC"}
1
+ {"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC5B,MAAM,gBAAgB,CAAC;AAexB,UAAU,iBAAkB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAClE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACnF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAClF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,0RAoBpB,iBAAiB,6CAocrB,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { McpIcon, MemoryIcon } from "../../../icons/index.js";
3
+ import { NodeIcon } from "../../../utils/index.js";
3
4
  import { Row } from "../../../layouts/index.js";
4
5
  import { Position } from "../../../xyflow/react.js";
5
6
  import { ApIcon } from "../../../../material/components/index.js";
@@ -149,19 +150,25 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
149
150
  data
150
151
  ]);
151
152
  const toolbarConfig = useMemo(()=>{
152
- if ('view' === mode) return null;
153
+ if ('view' === mode || data.isPlaceholder && (!isSuggestion || !suggestionId)) return null;
153
154
  if (isSuggestion && suggestionId) {
154
155
  if ('0.0.1' === suggestionGroupVersion) return null;
155
156
  const rejectAction = {
156
157
  id: 'reject-suggestion',
157
- icon: 'close',
158
+ icon: /*#__PURE__*/ jsx(NodeIcon, {
159
+ icon: "X",
160
+ size: 14
161
+ }),
158
162
  label: suggestTranslations.reject,
159
163
  disabled: false,
160
164
  onAction: ()=>handleActOnSuggestion(suggestionId, 'reject')
161
165
  };
162
166
  const acceptAction = {
163
167
  id: 'accept-suggestion',
164
- icon: 'check',
168
+ icon: /*#__PURE__*/ jsx(NodeIcon, {
169
+ icon: "check",
170
+ size: 14
171
+ }),
165
172
  label: suggestTranslations.accept,
166
173
  disabled: false,
167
174
  onAction: ()=>handleActOnSuggestion(suggestionId, 'accept')
@@ -200,7 +207,10 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
200
207
  };
201
208
  const removeAction = {
202
209
  id: 'remove',
203
- icon: 'delete',
210
+ icon: /*#__PURE__*/ jsx(NodeIcon, {
211
+ icon: "trash",
212
+ size: 14
213
+ }),
204
214
  label: translations?.remove ?? '',
205
215
  disabled: false,
206
216
  onAction: handleClickRemove
@@ -333,7 +343,7 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
333
343
  ]);
334
344
  const statusAdornment = useMemo(()=>/*#__PURE__*/ jsx(ExecutionStatusIcon, {
335
345
  status: executionStatus,
336
- size: 16
346
+ size: 14
337
347
  }), [
338
348
  executionStatus
339
349
  ]);
@@ -102,9 +102,7 @@ const BaseCanvasInnerComponent = (props)=>{
102
102
  panOnScroll: isInteractive,
103
103
  zoomOnScroll: isInteractive,
104
104
  zoomOnDoubleClick: isInteractive && zoomOnDoubleClick,
105
- panOnDrag: isInteractive ? [
106
- 1
107
- ] : false,
105
+ panOnDrag: isInteractive ? external_BaseCanvas_constants_cjs_namespaceObject.PAN_ON_DRAG : false,
108
106
  onInit: handleInit,
109
107
  onNodesChange: isInteractive ? onNodesChange : void 0,
110
108
  onEdgesChange: isInteractive ? onEdgesChange : void 0,
@@ -24,13 +24,14 @@ var __webpack_require__ = {};
24
24
  var __webpack_exports__ = {};
25
25
  __webpack_require__.r(__webpack_exports__);
26
26
  __webpack_require__.d(__webpack_exports__, {
27
- FLOW_LAYOUT: ()=>FLOW_LAYOUT,
28
- BASE_CANVAS_DEFAULTS: ()=>BASE_CANVAS_DEFAULTS,
29
- NODE_DIMENSIONS: ()=>NODE_DIMENSIONS,
30
27
  FIT_VIEW_DELAY_MS: ()=>FIT_VIEW_DELAY_MS,
31
28
  CANVAS_READY_DELAY_MS: ()=>CANVAS_READY_DELAY_MS,
32
29
  BASE_CANVAS_GRID_SPACING: ()=>BASE_CANVAS_GRID_SPACING,
33
- EDGE_STYLES: ()=>EDGE_STYLES
30
+ EDGE_STYLES: ()=>EDGE_STYLES,
31
+ FLOW_LAYOUT: ()=>FLOW_LAYOUT,
32
+ BASE_CANVAS_DEFAULTS: ()=>BASE_CANVAS_DEFAULTS,
33
+ NODE_DIMENSIONS: ()=>NODE_DIMENSIONS,
34
+ PAN_ON_DRAG: ()=>PAN_ON_DRAG
34
35
  });
35
36
  const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
36
37
  const external_constants_cjs_namespaceObject = require("../../constants.cjs");
@@ -81,6 +82,9 @@ const BASE_CANVAS_DEFAULTS = {
81
82
  },
82
83
  organizeAnimationDuration: 500
83
84
  };
85
+ const PAN_ON_DRAG = [
86
+ 1
87
+ ];
84
88
  const FIT_VIEW_DELAY_MS = 50;
85
89
  const CANVAS_READY_DELAY_MS = 50;
86
90
  const EDGE_STYLES = {
@@ -117,6 +121,7 @@ exports.EDGE_STYLES = __webpack_exports__.EDGE_STYLES;
117
121
  exports.FIT_VIEW_DELAY_MS = __webpack_exports__.FIT_VIEW_DELAY_MS;
118
122
  exports.FLOW_LAYOUT = __webpack_exports__.FLOW_LAYOUT;
119
123
  exports.NODE_DIMENSIONS = __webpack_exports__.NODE_DIMENSIONS;
124
+ exports.PAN_ON_DRAG = __webpack_exports__.PAN_ON_DRAG;
120
125
  for(var __webpack_i__ in __webpack_exports__)if (-1 === [
121
126
  "BASE_CANVAS_DEFAULTS",
122
127
  "BASE_CANVAS_GRID_SPACING",
@@ -124,7 +129,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
124
129
  "EDGE_STYLES",
125
130
  "FIT_VIEW_DELAY_MS",
126
131
  "FLOW_LAYOUT",
127
- "NODE_DIMENSIONS"
132
+ "NODE_DIMENSIONS",
133
+ "PAN_ON_DRAG"
128
134
  ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
129
135
  Object.defineProperty(exports, '__esModule', {
130
136
  value: true
@@ -43,6 +43,7 @@ export declare const BASE_CANVAS_DEFAULTS: {
43
43
  };
44
44
  readonly organizeAnimationDuration: 500;
45
45
  };
46
+ export declare const PAN_ON_DRAG: [number];
46
47
  export declare const FIT_VIEW_DELAY_MS = 50;
47
48
  export declare const CANVAS_READY_DELAY_MS = 50;
48
49
  export declare const EDGE_STYLES: {
@@ -1 +1 @@
1
- {"version":3,"file":"BaseCanvas.constants.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAG7E,eAAO,MAAM,wBAAwB,KAAe,CAAC;AAErD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAoCmC,CAAC,MAAM,EAAE,MAAM,CAAC;;;;;;CAM1E,CAAC;AAGX,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAGxC,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAGX,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAKlB,CAAC;AAGX,eAAO,MAAM,WAAW;;;;CAId,CAAC"}
1
+ {"version":3,"file":"BaseCanvas.constants.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAG7E,eAAO,MAAM,wBAAwB,KAAe,CAAC;AAErD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAoCmC,CAAC,MAAM,EAAE,MAAM,CAAC;;;;;;CAM1E,CAAC;AAGX,eAAO,MAAM,WAAW,EAAE,CAAC,MAAM,CAAO,CAAC;AAGzC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAGxC,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAGX,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAKlB,CAAC;AAGX,eAAO,MAAM,WAAW;;;;CAId,CAAC"}
@@ -47,6 +47,9 @@ const BASE_CANVAS_DEFAULTS = {
47
47
  },
48
48
  organizeAnimationDuration: 500
49
49
  };
50
+ const PAN_ON_DRAG = [
51
+ 1
52
+ ];
50
53
  const FIT_VIEW_DELAY_MS = 50;
51
54
  const CANVAS_READY_DELAY_MS = 50;
52
55
  const EDGE_STYLES = {
@@ -76,4 +79,4 @@ const FLOW_LAYOUT = {
76
79
  groupDistanceHorizontal: 200,
77
80
  groupDistanceVertical: 160
78
81
  };
79
- export { BASE_CANVAS_DEFAULTS, BASE_CANVAS_GRID_SPACING, CANVAS_READY_DELAY_MS, EDGE_STYLES, FIT_VIEW_DELAY_MS, FLOW_LAYOUT, NODE_DIMENSIONS };
82
+ export { BASE_CANVAS_DEFAULTS, BASE_CANVAS_GRID_SPACING, CANVAS_READY_DELAY_MS, EDGE_STYLES, FIT_VIEW_DELAY_MS, FLOW_LAYOUT, NODE_DIMENSIONS, PAN_ON_DRAG };
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { ConnectionMode, ReactFlow } from "../../xyflow/react.js";
3
3
  import { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useState } from "react";
4
4
  import { useToolbarActionStore } from "../../hooks/ToolbarActionContext.js";
5
- import { BASE_CANVAS_DEFAULTS } from "./BaseCanvas.constants.js";
5
+ import { BASE_CANVAS_DEFAULTS, PAN_ON_DRAG } from "./BaseCanvas.constants.js";
6
6
  import { useAutoLayout, useEnsureNodesInView, useMaintainNodesInView } from "./BaseCanvas.hooks.js";
7
7
  import { CanvasBackground } from "./CanvasBackground.js";
8
8
  import { CanvasProviders } from "./CanvasProviders.js";
@@ -74,9 +74,7 @@ const BaseCanvasInnerComponent = (props)=>{
74
74
  panOnScroll: isInteractive,
75
75
  zoomOnScroll: isInteractive,
76
76
  zoomOnDoubleClick: isInteractive && zoomOnDoubleClick,
77
- panOnDrag: isInteractive ? [
78
- 1
79
- ] : false,
77
+ panOnDrag: isInteractive ? PAN_ON_DRAG : false,
80
78
  onInit: handleInit,
81
79
  onNodesChange: isInteractive ? onNodesChange : void 0,
82
80
  onEdgesChange: isInteractive ? onEdgesChange : void 0,
@@ -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;;;WAyB07E,CAAC;;yBArBz7E,GAAG;;;;CAaoB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
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;;;WAyB+8E,CAAC;;yBArB98E,GAAG;;;;CAaoB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uipath/apollo-react",
3
- "version": "3.45.0",
3
+ "version": "3.45.1-pr280.8f162e1",
4
4
  "description": "Apollo Design System - React component library with Material UI theming",
5
5
  "repository": {
6
6
  "type": "git",