@uipath/apollo-react 4.65.1 → 5.0.0

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.cjs

@@ -31,7 +31,7 @@ __webpack_require__.d(__webpack_exports__, {
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const index_cjs_namespaceObject = require("../../utils/index.cjs");
-const collapse_cjs_namespaceObject = require("../../utils/collapse.cjs");
+const node_size_cjs_namespaceObject = require("../../utils/node-size.cjs");
 const container_cjs_namespaceObject = require("../../utils/container.cjs");
 const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
 const TOP_LEVEL_INSERTION_GAP_PX = 5 * external_constants_cjs_namespaceObject.GRID_SPACING;
@@ -45,7 +45,7 @@ function getPrimaryPreviewHandlePosition(previewNode, previewConnections) {
 }
 function alignNodeToPreview(node, previewNode, previewConnections, nodeManifest) {
     const previewSize = (0, container_cjs_namespaceObject.getNodeDimensions)(previewNode);
-    const nodeSize = (0, container_cjs_namespaceObject.getNodeDimensions)(node, (0, collapse_cjs_namespaceObject.getExpandedSize)(nodeManifest?.display.shape));
+    const nodeSize = (0, container_cjs_namespaceObject.getNodeDimensions)(node, (0, node_size_cjs_namespaceObject.getExpandedSize)(nodeManifest?.display.shape));
     if (previewSize.width === nodeSize.width && previewSize.height === nodeSize.height) return node;
     const previewHandlePosition = getPrimaryPreviewHandlePosition(previewNode, previewConnections);
     const previewCenterX = previewNode.position.x + previewSize.width / 2;

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.js

@@ -1,7 +1,7 @@
 import { Position } from "../../xyflow/react.js";
 import { GRID_SPACING } from "../../constants.js";
 import { resolveCollisions } from "../../utils/index.js";
-import { getExpandedSize } from "../../utils/collapse.js";
+import { getExpandedSize } from "../../utils/node-size.js";
 import { CONTAINER_SEQUENCE_GAP_PX, collectLinearDownstreamSiblings, fitContainersAndPushSiblings, getContainerPlacement, getContainerSafeArea, getNodeDimensions as container_js_getNodeDimensions, placeContainerNode } from "../../utils/container.js";
 import { snapUpToGrid } from "../../utils/NodeUtils.js";
 const TOP_LEVEL_INSERTION_GAP_PX = 5 * GRID_SPACING;

package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.cjs

@@ -30,13 +30,14 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
 function getExecutionStatusColor(status) {
     switch(status){
         case 'NotExecuted':
             return 'var(--color-foreground-de-emp)';
         case 'InProgress':
-            return 'var(--color-info-icon)';
+            return 'var(--color-primary)';
         case 'Completed':
             return 'var(--color-success-icon)';
         case 'ActionNeeded':
@@ -72,13 +73,20 @@ function getExecutionStatusColor(status) {
     }
 }
 function ExecutionStatusIcon({ status, size = 16 }) {
+    const { _ } = (0, index_cjs_namespaceObject.useSafeLingui)();
     return (0, external_react_namespaceObject.useMemo)(()=>{
         const color = getExecutionStatusColor(status);
         switch(status){
             case 'InProgress':
                 return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Spinner, {
                     size: "sm",
+                    label: _({
+                        id: 'stage-node.status.in-progress',
+                        message: 'In progress'
+                    }),
+                    className: "[&>svg]:text-[color:var(--spinner-color)] [&>svg]:[stroke-width:3]",
                     style: {
+                        '--spinner-color': color,
                         backgroundColor: 'transparent',
                         width: size,
                         height: size
@@ -138,7 +146,8 @@ function ExecutionStatusIcon({ status, size = 16 }) {
         }
     }, [
         status,
-        size
+        size,
+        _
     ]);
 }
 exports.ExecutionStatusIcon = __webpack_exports__.ExecutionStatusIcon;

package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExecutionStatusIcon.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.tsx"],"names":[],"mappings":"AAIA,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAuC1E;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,IAAS,GACV,EAAE;IACD,MAAM,CAAC,EACH,cAAc,GACd,YAAY,GACZ,WAAW,GACX,eAAe,GACf,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,SAAS,GACT,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,kDAiCA"}
+{"version":3,"file":"ExecutionStatusIcon.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.tsx"],"names":[],"mappings":"AAKA,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAuC1E;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,IAAS,GACV,EAAE;IACD,MAAM,CAAC,EACH,cAAc,GACd,YAAY,GACZ,WAAW,GACX,eAAe,GACf,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,SAAS,GACT,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,kDA4CA"}

package/dist/canvas/components/ExecutionStatusIcon/ExecutionStatusIcon.js

@@ -1,13 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { Spinner } from "@uipath/apollo-wind";
 import { useMemo } from "react";
+import { useSafeLingui } from "../../../i18n/index.js";
 import { CanvasIcon } from "../../utils/icon-registry.js";
 function getExecutionStatusColor(status) {
     switch(status){
         case 'NotExecuted':
             return 'var(--color-foreground-de-emp)';
         case 'InProgress':
-            return 'var(--color-info-icon)';
+            return 'var(--color-primary)';
         case 'Completed':
             return 'var(--color-success-icon)';
         case 'ActionNeeded':
@@ -43,13 +44,20 @@ function getExecutionStatusColor(status) {
     }
 }
 function ExecutionStatusIcon({ status, size = 16 }) {
+    const { _ } = useSafeLingui();
     return useMemo(()=>{
         const color = getExecutionStatusColor(status);
         switch(status){
             case 'InProgress':
                 return /*#__PURE__*/ jsx(Spinner, {
                     size: "sm",
+                    label: _({
+                        id: 'stage-node.status.in-progress',
+                        message: 'In progress'
+                    }),
+                    className: "[&>svg]:text-[color:var(--spinner-color)] [&>svg]:[stroke-width:3]",
                     style: {
+                        '--spinner-color': color,
                         backgroundColor: 'transparent',
                         width: size,
                         height: size
@@ -109,7 +117,8 @@ function ExecutionStatusIcon({ status, size = 16 }) {
         }
     }, [
         status,
-        size
+        size,
+        _
     ]);
 }
 export { ExecutionStatusIcon, getExecutionStatusColor };

package/dist/canvas/hooks/useCanvasNodeLayout.cjs

@@ -29,7 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../core/index.cjs");
-const collapse_cjs_namespaceObject = require("../utils/collapse.cjs");
+const node_size_cjs_namespaceObject = require("../utils/node-size.cjs");
 const container_cjs_namespaceObject = require("../utils/container.cjs");
 function useNodeManifestResolver() {
     const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
@@ -42,7 +42,7 @@ function useCanvasNodeLayout() {
     return (0, external_react_namespaceObject.useMemo)(()=>{
         const getNodeDimensions = (node)=>{
             const manifest = getManifestForNode(node);
-            return (0, container_cjs_namespaceObject.getNodeDimensions)(node, (0, collapse_cjs_namespaceObject.getExpandedSize)(manifest?.display.shape));
+            return (0, container_cjs_namespaceObject.getNodeDimensions)(node, (0, node_size_cjs_namespaceObject.getExpandedSize)(manifest?.display.shape));
         };
         const isContainerNode = (node)=>(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(node));
         return {

package/dist/canvas/hooks/useCanvasNodeLayout.js

@@ -1,6 +1,6 @@
 import { useCallback, useMemo } from "react";
 import { useOptionalNodeTypeRegistry } from "../core/index.js";
-import { getExpandedSize } from "../utils/collapse.js";
+import { getExpandedSize } from "../utils/node-size.js";
 import { getContainerFitGeometry, getNodeDimensions as container_js_getNodeDimensions, isContainerNodeManifest } from "../utils/container.js";
 function useNodeManifestResolver() {
     const registry = useOptionalNodeTypeRegistry();