@uipath/apollo-react 3.53.0 → 3.54.0

package/dist/canvas/components/GroupNode/GroupNode.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;sBACP,MAAM;kBACV,MAAM;eACT,OAAO;gBACN,OAAO;yGAsBpB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAgBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAe5B,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAUtB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAIzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;gBAA+B,OAAO;qHA0BnE,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAKhC,CAAC;AAEF,eAAO,MAAM,YAAY;;;;gBAA4B,OAAO;yGAK3D,CAAC;AAEF,eAAO,MAAM,YAAY;;;;eAA2B,OAAO;aAAW,MAAM;yGAW3E,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;eAA2B,OAAO;yGAgCjE,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;eAA2B,OAAO;yGAgCpE,CAAC"}
+{"version":3,"file":"GroupNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;sBACP,MAAM;kBACV,MAAM;eACT,OAAO;gBACN,OAAO;sBACD,MAAM;yGA0BzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAgBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAe5B,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAUtB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAIzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;gBAA+B,OAAO;qHA0BnE,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,YAAY;;;;gBAA4B,OAAO;yGAK3D,CAAC;AAEF,eAAO,MAAM,YAAY;;;;eAA2B,OAAO;aAAW,MAAM;yGAW3E,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;eAA2B,OAAO;yGAgCjE,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;eAA2B,OAAO;yGAgCpE,CAAC"}

package/dist/canvas/components/GroupNode/GroupNode.styles.js

@@ -1,19 +1,22 @@
 import styled from "@emotion/styled";
+import { getExecutionStatusBorder } from "../../styles/execution-status.js";
 const GroupContainer = styled.div`
   position: relative;
   width: 100%;
   height: 100%;
   background-color: ${({ backgroundColor })=>backgroundColor || 'var(--uix-canvas-background-raised)'} !important;
   border: 2px solid
-    ${({ borderColor, selected })=>selected ? 'var(--uix-canvas-primary)' : borderColor || 'var(--uix-canvas-border)'} !important;
+    ${({ borderColor, selected })=>selected ? 'var(--uix-canvas-primary)' : borderColor || 'var(--uix-canvas-border)'};
   border-radius: 16px !important;
   transition: border-color 0.2s ease;
   overflow: visible;
   box-shadow: ${({ selected })=>selected ? '0 0 0 1px var(--uix-canvas-primary)' : 'none'};
   padding: 0 !important;
 
+  ${({ executionStatus })=>getExecutionStatusBorder(executionStatus)}
+
   &:hover {
-    border-color: ${({ selected })=>selected ? 'var(--uix-canvas-primary)' : 'var(--uix-canvas-border-hover)'} !important;
+    ${({ selected, executionStatus })=>executionStatus ? '' : `border-color: ${selected ? 'var(--uix-canvas-primary)' : 'var(--uix-canvas-border-hover)'};`}
   }
 `;
 const GroupHeader = styled.div`
@@ -95,6 +98,7 @@ const GroupHeaderButton = styled.button`
 const GroupHeaderSeparator = styled.div`
   width: 1px;
   height: 20px;
+  margin: 0 4px;
   background: var(--uix-canvas-border-grid);
   align-self: center;
 `;

package/dist/canvas/components/GroupNode/GroupNode.types.d.ts

@@ -5,6 +5,7 @@ export interface GroupNodeData extends BaseNodeData {
     backgroundColor?: string;
     borderColor?: string;
     collapsed?: boolean;
+    expandedHeight?: number;
     width?: number;
     height?: number;
 }

package/dist/canvas/components/GroupNode/GroupNode.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,YAAY;IAEjD,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"GroupNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,YAAY;IAEjD,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/canvas/components/GroupNode/GroupNodeConfigContext.cjs

@@ -0,0 +1,45 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    GroupNodeConfigProvider: ()=>GroupNodeConfigProvider,
+    useGroupNodeConfig: ()=>useGroupNodeConfig
+});
+const external_react_namespaceObject = require("react");
+const EMPTY_CONFIG = {};
+const GroupNodeConfigContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(EMPTY_CONFIG);
+const GroupNodeConfigProvider = GroupNodeConfigContext.Provider;
+function useGroupNodeConfig() {
+    return (0, external_react_namespaceObject.useContext)(GroupNodeConfigContext);
+}
+exports.GroupNodeConfigProvider = __webpack_exports__.GroupNodeConfigProvider;
+exports.useGroupNodeConfig = __webpack_exports__.useGroupNodeConfig;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GroupNodeConfigProvider",
+    "useGroupNodeConfig"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/GroupNode/GroupNodeConfigContext.d.ts

@@ -0,0 +1,11 @@
+export interface GroupNodeConfig {
+    headerActions?: React.ReactNode;
+    executionStatus?: string;
+    executionMessage?: string;
+    onMoreOptions?: () => void;
+    hideMoreOptions?: boolean;
+    hideCollapseButton?: boolean;
+}
+export declare const GroupNodeConfigProvider: import("react").Provider<GroupNodeConfig>;
+export declare function useGroupNodeConfig(): GroupNodeConfig;
+//# sourceMappingURL=GroupNodeConfigContext.d.ts.map

package/dist/canvas/components/GroupNode/GroupNodeConfigContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupNodeConfigContext.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/GroupNodeConfigContext.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAE9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAMD,eAAO,MAAM,uBAAuB,2CAAkC,CAAC;AAEvE,wBAAgB,kBAAkB,IAAI,eAAe,CAEpD"}

package/dist/canvas/components/GroupNode/GroupNodeConfigContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "react";
+const EMPTY_CONFIG = {};
+const GroupNodeConfigContext = /*#__PURE__*/ createContext(EMPTY_CONFIG);
+const GroupNodeConfigProvider = GroupNodeConfigContext.Provider;
+function useGroupNodeConfig() {
+    return useContext(GroupNodeConfigContext);
+}
+export { GroupNodeConfigProvider, useGroupNodeConfig };

package/dist/canvas/components/GroupNode/index.cjs

@@ -24,12 +24,19 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    GroupNode: ()=>external_GroupNode_cjs_namespaceObject.GroupNode
+    GroupNode: ()=>external_GroupNode_cjs_namespaceObject.GroupNode,
+    GroupNodeConfigProvider: ()=>external_GroupNodeConfigContext_cjs_namespaceObject.GroupNodeConfigProvider,
+    useGroupNodeConfig: ()=>external_GroupNodeConfigContext_cjs_namespaceObject.useGroupNodeConfig
 });
 const external_GroupNode_cjs_namespaceObject = require("./GroupNode.cjs");
+const external_GroupNodeConfigContext_cjs_namespaceObject = require("./GroupNodeConfigContext.cjs");
 exports.GroupNode = __webpack_exports__.GroupNode;
+exports.GroupNodeConfigProvider = __webpack_exports__.GroupNodeConfigProvider;
+exports.useGroupNodeConfig = __webpack_exports__.useGroupNodeConfig;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "GroupNode"
+    "GroupNode",
+    "GroupNodeConfigProvider",
+    "useGroupNodeConfig"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/canvas/components/GroupNode/index.d.ts

@@ -1,4 +1,6 @@
 export type { GroupNodeProps } from './GroupNode';
 export { GroupNode } from './GroupNode';
 export type { GroupNodeData } from './GroupNode.types';
+export type { GroupNodeConfig } from './GroupNodeConfigContext';
+export { GroupNodeConfigProvider, useGroupNodeConfig } from './GroupNodeConfigContext';
 //# sourceMappingURL=index.d.ts.map

package/dist/canvas/components/GroupNode/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/GroupNode/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/canvas/components/GroupNode/index.js

@@ -1,2 +1,3 @@
 import { GroupNode } from "./GroupNode.js";
-export { GroupNode };
+import { GroupNodeConfigProvider, useGroupNodeConfig } from "./GroupNodeConfigContext.js";
+export { GroupNode, GroupNodeConfigProvider, useGroupNodeConfig };

package/dist/canvas/styles/execution-status.cjs

@@ -0,0 +1,88 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    getExecutionStatusBorder: ()=>getExecutionStatusBorder,
+    pulseAnimation: ()=>pulseAnimation
+});
+const react_namespaceObject = require("@emotion/react");
+const pulseAnimation = (cssVar)=>(0, react_namespaceObject.keyframes)`
+  0% {
+    box-shadow: 0 0 0 0 color-mix(in srgb, var(${cssVar}) 20%, transparent);
+  }
+  70% {
+    box-shadow: 0 0 0 10px color-mix(in srgb, var(${cssVar}) 0%, transparent);
+  }
+  100% {
+    box-shadow: 0 0 0 0 color-mix(in srgb, var(${cssVar}) 0%, transparent);
+  }
+`;
+const getExecutionStatusBorder = (executionStatus)=>{
+    switch(executionStatus){
+        case 'NotExecuted':
+        case 'INFO':
+            return (0, react_namespaceObject.css)`
+        border-color: var(--uix-canvas-border-de-emp);
+      `;
+        case 'InProgress':
+            return (0, react_namespaceObject.css)`
+        border-color: var(--uix-canvas-info-icon);
+        animation: ${pulseAnimation('--uix-canvas-info-icon')} 2s infinite;
+      `;
+        case 'Completed':
+            return (0, react_namespaceObject.css)`
+        border-color: var(--uix-canvas-success-icon);
+      `;
+        case 'Paused':
+        case 'WARNING':
+            return (0, react_namespaceObject.css)`
+        border-color: var(--uix-canvas-warning-icon);
+        animation: ${pulseAnimation('--uix-canvas-warning-icon')} 2s infinite;
+      `;
+        case 'Cancelled':
+        case 'Failed':
+        case 'Terminated':
+        case 'ERROR':
+        case 'CRITICAL':
+            return (0, react_namespaceObject.css)`
+        border-color: var(--uix-canvas-error-icon);
+        background: var(--uix-canvas-error-background);
+        animation: ${pulseAnimation('--uix-canvas-error-icon')} 2s infinite;
+      `;
+        default:
+            return (0, react_namespaceObject.css)`
+        border-color: var(--uix-canvas-border-de-emp);
+      `;
+    }
+};
+exports.getExecutionStatusBorder = __webpack_exports__.getExecutionStatusBorder;
+exports.pulseAnimation = __webpack_exports__.pulseAnimation;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getExecutionStatusBorder",
+    "pulseAnimation"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/styles/execution-status.d.ts

@@ -0,0 +1,8 @@
+export declare const pulseAnimation: (cssVar: string) => {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const getExecutionStatusBorder: (executionStatus?: string) => import("@emotion/react").SerializedStyles;
+//# sourceMappingURL=execution-status.d.ts.map

package/dist/canvas/styles/execution-status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"execution-status.d.ts","sourceRoot":"","sources":["../../../src/canvas/styles/execution-status.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,QAAQ,MAAM;;;;;UAU5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,kBAAkB,MAAM,8CAwChE,CAAC"}

package/dist/canvas/styles/execution-status.js

@@ -0,0 +1,51 @@
+import { css, keyframes } from "@emotion/react";
+const pulseAnimation = (cssVar)=>keyframes`
+  0% {
+    box-shadow: 0 0 0 0 color-mix(in srgb, var(${cssVar}) 20%, transparent);
+  }
+  70% {
+    box-shadow: 0 0 0 10px color-mix(in srgb, var(${cssVar}) 0%, transparent);
+  }
+  100% {
+    box-shadow: 0 0 0 0 color-mix(in srgb, var(${cssVar}) 0%, transparent);
+  }
+`;
+const getExecutionStatusBorder = (executionStatus)=>{
+    switch(executionStatus){
+        case 'NotExecuted':
+        case 'INFO':
+            return css`
+        border-color: var(--uix-canvas-border-de-emp);
+      `;
+        case 'InProgress':
+            return css`
+        border-color: var(--uix-canvas-info-icon);
+        animation: ${pulseAnimation('--uix-canvas-info-icon')} 2s infinite;
+      `;
+        case 'Completed':
+            return css`
+        border-color: var(--uix-canvas-success-icon);
+      `;
+        case 'Paused':
+        case 'WARNING':
+            return css`
+        border-color: var(--uix-canvas-warning-icon);
+        animation: ${pulseAnimation('--uix-canvas-warning-icon')} 2s infinite;
+      `;
+        case 'Cancelled':
+        case 'Failed':
+        case 'Terminated':
+        case 'ERROR':
+        case 'CRITICAL':
+            return css`
+        border-color: var(--uix-canvas-error-icon);
+        background: var(--uix-canvas-error-background);
+        animation: ${pulseAnimation('--uix-canvas-error-icon')} 2s infinite;
+      `;
+        default:
+            return css`
+        border-color: var(--uix-canvas-border-de-emp);
+      `;
+    }
+};
+export { getExecutionStatusBorder, pulseAnimation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "3.53.0",
+  "version": "3.54.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",