@uipath/apollo-react 3.50.0-pr318.cf1b844 → 3.50.0-pr319.6f7b163

package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs

@@ -35,6 +35,7 @@ const external_BaseCanvas_hooks_cjs_namespaceObject = require("./BaseCanvas.hook
 const external_CanvasBackground_cjs_namespaceObject = require("./CanvasBackground.cjs");
 const external_CanvasProviders_cjs_namespaceObject = require("./CanvasProviders.cjs");
 const external_PanShortcutTeachingUI_cjs_namespaceObject = require("./PanShortcutTeachingUI.cjs");
+const external_usePreventBackNavigation_cjs_namespaceObject = require("./usePreventBackNavigation.cjs");
 const BaseCanvasInnerComponent = (props)=>{
     const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
     const fitViewOptions = fitViewOptionsProps ?? external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.fitViewOptions;
@@ -44,6 +45,7 @@ const BaseCanvasInnerComponent = (props)=>{
     const [reactFlowInstance, setReactFlowInstance] = (0, external_react_namespaceObject.useState)();
     const { isReady } = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useAutoLayout)(nodes, initialAutoLayout, fitViewOptions);
     const { ensureNodesInView, ensureAllNodesInView, centerNode } = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useEnsureNodesInView)();
+    (0, external_usePreventBackNavigation_cjs_namespaceObject.usePreventBackNavigation)();
     (0, external_BaseCanvas_hooks_cjs_namespaceObject.useMaintainNodesInView)(maintainNodesInView, fitViewOptions);
     (0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints);
     const handleInit = (0, external_react_namespaceObject.useCallback)((instance)=>{

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

@@ -1 +1 @@
-{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAmMzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}
+{"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAuMzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}

package/dist/canvas/components/BaseCanvas/BaseCanvas.js

@@ -7,6 +7,7 @@ import { useAutoLayout, useEnsureNodesInView, useMaintainNodesInView } from "./B
 import { CanvasBackground } from "./CanvasBackground.js";
 import { CanvasProviders } from "./CanvasProviders.js";
 import { PanShortcutTeachingUI } from "./PanShortcutTeachingUI.js";
+import { usePreventBackNavigation } from "./usePreventBackNavigation.js";
 const BaseCanvasInnerComponent = (props)=>{
     const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
     const fitViewOptions = fitViewOptionsProps ?? BASE_CANVAS_DEFAULTS.fitViewOptions;
@@ -16,6 +17,7 @@ const BaseCanvasInnerComponent = (props)=>{
     const [reactFlowInstance, setReactFlowInstance] = useState();
     const { isReady } = useAutoLayout(nodes, initialAutoLayout, fitViewOptions);
     const { ensureNodesInView, ensureAllNodesInView, centerNode } = useEnsureNodesInView();
+    usePreventBackNavigation();
     useMaintainNodesInView(maintainNodesInView, fitViewOptions);
     useToolbarActionStore(mode, onToolbarAction, breakpoints);
     const handleInit = useCallback((instance)=>{

package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map

@@ -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;;;WAyBkzE,CAAC;;yBArBjzE,GAAG;;;;CAaoB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
+{"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/dist/canvas/utils/adornment-resolver.cjs

@@ -28,7 +28,8 @@ __webpack_require__.d(__webpack_exports__, {
     BreakpointIndicator: ()=>BreakpointIndicator,
     ValidationErrorIndicator: ()=>ValidationErrorIndicator,
     resolveAdornments: ()=>resolveAdornments,
-    ExecutionStatusIndicator: ()=>ExecutionStatusIndicator
+    ExecutionStatusIndicator: ()=>ExecutionStatusIndicator,
+    ValidationWarningIndicator: ()=>ValidationWarningIndicator
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_index_cjs_namespaceObject = require("../index.cjs");
@@ -102,6 +103,22 @@ function ValidationErrorIndicator({ message }) {
         })
     });
 }
+function ValidationWarningIndicator({ message }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
+        content: message || 'Validation warning',
+        placement: "bottom",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            style: {
+                display: 'inline-flex'
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIcon, {
+                name: "warning",
+                size: "16px",
+                color: "var(--uix-canvas-warning-icon)"
+            })
+        })
+    });
+}
 const getDefaultAdornments = (context)=>{
     const executionState = context.executionState;
     const status = 'object' == typeof executionState ? executionState?.status : executionState;
@@ -110,14 +127,26 @@ const getDefaultAdornments = (context)=>{
     const isExecutionStartPoint = 'object' == typeof executionState && executionState?.isExecutionStartPoint;
     const isOutputPinned = 'object' == typeof executionState && executionState?.isOutputPinned;
     const hasValidationError = context.validationState?.validationStatus === validation_cjs_namespaceObject.ValidationErrorSeverity.ERROR || context.validationState?.validationStatus === validation_cjs_namespaceObject.ValidationErrorSeverity.CRITICAL;
-    return {
-        topLeft: hasBreakpoint ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BreakpointIndicator, {}) : void 0,
-        topRight: !status && hasValidationError ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ValidationErrorIndicator, {
+    const hasValidationWarning = context.validationState?.validationStatus === validation_cjs_namespaceObject.ValidationErrorSeverity.WARNING;
+    const getTopRight = ()=>{
+        if (status) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ExecutionStatusIndicator, {
+            status: status,
+            count: count
+        });
+        if (hasValidationError) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ValidationErrorIndicator, {
+            message: context.validationState?.validationError?.message
+        });
+        if (hasValidationWarning) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ValidationWarningIndicator, {
             message: context.validationState?.validationError?.message
-        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ExecutionStatusIndicator, {
+        });
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ExecutionStatusIndicator, {
             status: status,
             count: count
-        }),
+        });
+    };
+    return {
+        topLeft: hasBreakpoint ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BreakpointIndicator, {}) : void 0,
+        topRight: getTopRight(),
         bottomLeft: isExecutionStartPoint ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ExecutionStartPointIndicator, {}) : void 0,
         bottomRight: isOutputPinned ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PinnedOutputIndicator, {}) : void 0
     };
@@ -129,12 +158,14 @@ exports.BreakpointIndicator = __webpack_exports__.BreakpointIndicator;
 exports.ExecutionStartPointIndicator = __webpack_exports__.ExecutionStartPointIndicator;
 exports.ExecutionStatusIndicator = __webpack_exports__.ExecutionStatusIndicator;
 exports.ValidationErrorIndicator = __webpack_exports__.ValidationErrorIndicator;
+exports.ValidationWarningIndicator = __webpack_exports__.ValidationWarningIndicator;
 exports.resolveAdornments = __webpack_exports__.resolveAdornments;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "BreakpointIndicator",
     "ExecutionStartPointIndicator",
     "ExecutionStatusIndicator",
     "ValidationErrorIndicator",
+    "ValidationWarningIndicator",
     "resolveAdornments"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/canvas/utils/adornment-resolver.d.ts

@@ -15,6 +15,9 @@ export declare const ExecutionStatusIndicator: import("react").MemoExoticCompone
 export declare function ValidationErrorIndicator({ message }: {
     message?: string;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function ValidationWarningIndicator({ message }: {
+    message?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function resolveAdornments(context: NodeStatusContext): NodeAdornments;
 export {};
 //# sourceMappingURL=adornment-resolver.d.ts.map

package/dist/canvas/utils/adornment-resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"adornment-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/adornment-resolver.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAIvE,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAe,EAAE,EAAE,wBAAwB,kDAWhF;AAED,UAAU,iCAAiC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,QAAe,GAChB,EAAE,iCAAiC,kDAWnC;AAED,iBAAS,gCAAgC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAc/F;AAYD,eAAO,MAAM,wBAAwB,8EAAyC,CAAC;AAE/E,wBAAgB,wBAAwB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQzE;AA0BD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,kBAG3D"}
+{"version":3,"file":"adornment-resolver.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/adornment-resolver.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAIvE,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAe,EAAE,EAAE,wBAAwB,kDAWhF;AAED,UAAU,iCAAiC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,QAAe,GAChB,EAAE,iCAAiC,kDAWnC;AAED,iBAAS,gCAAgC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAc/F;AAYD,eAAO,MAAM,wBAAwB,8EAAyC,CAAC;AAE/E,wBAAgB,wBAAwB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQzE;AAED,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQ3E;AAwCD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,kBAG3D"}

package/dist/canvas/utils/adornment-resolver.js

@@ -70,6 +70,22 @@ function ValidationErrorIndicator({ message }) {
         })
     });
 }
+function ValidationWarningIndicator({ message }) {
+    return /*#__PURE__*/ jsx(ApTooltip, {
+        content: message || 'Validation warning',
+        placement: "bottom",
+        children: /*#__PURE__*/ jsx("span", {
+            style: {
+                display: 'inline-flex'
+            },
+            children: /*#__PURE__*/ jsx(ApIcon, {
+                name: "warning",
+                size: "16px",
+                color: "var(--uix-canvas-warning-icon)"
+            })
+        })
+    });
+}
 const getDefaultAdornments = (context)=>{
     const executionState = context.executionState;
     const status = 'object' == typeof executionState ? executionState?.status : executionState;
@@ -78,14 +94,26 @@ const getDefaultAdornments = (context)=>{
     const isExecutionStartPoint = 'object' == typeof executionState && executionState?.isExecutionStartPoint;
     const isOutputPinned = 'object' == typeof executionState && executionState?.isOutputPinned;
     const hasValidationError = context.validationState?.validationStatus === ValidationErrorSeverity.ERROR || context.validationState?.validationStatus === ValidationErrorSeverity.CRITICAL;
-    return {
-        topLeft: hasBreakpoint ? /*#__PURE__*/ jsx(BreakpointIndicator, {}) : void 0,
-        topRight: !status && hasValidationError ? /*#__PURE__*/ jsx(ValidationErrorIndicator, {
+    const hasValidationWarning = context.validationState?.validationStatus === ValidationErrorSeverity.WARNING;
+    const getTopRight = ()=>{
+        if (status) return /*#__PURE__*/ jsx(ExecutionStatusIndicator, {
+            status: status,
+            count: count
+        });
+        if (hasValidationError) return /*#__PURE__*/ jsx(ValidationErrorIndicator, {
+            message: context.validationState?.validationError?.message
+        });
+        if (hasValidationWarning) return /*#__PURE__*/ jsx(ValidationWarningIndicator, {
             message: context.validationState?.validationError?.message
-        }) : /*#__PURE__*/ jsx(ExecutionStatusIndicator, {
+        });
+        return /*#__PURE__*/ jsx(ExecutionStatusIndicator, {
             status: status,
             count: count
-        }),
+        });
+    };
+    return {
+        topLeft: hasBreakpoint ? /*#__PURE__*/ jsx(BreakpointIndicator, {}) : void 0,
+        topRight: getTopRight(),
         bottomLeft: isExecutionStartPoint ? /*#__PURE__*/ jsx(ExecutionStartPointIndicator, {}) : void 0,
         bottomRight: isOutputPinned ? /*#__PURE__*/ jsx(PinnedOutputIndicator, {}) : void 0
     };
@@ -93,4 +121,4 @@ const getDefaultAdornments = (context)=>{
 function resolveAdornments(context) {
     return getDefaultAdornments(context);
 }
-export { BreakpointIndicator, ExecutionStartPointIndicator, ExecutionStatusIndicator, ValidationErrorIndicator, resolveAdornments };
+export { BreakpointIndicator, ExecutionStartPointIndicator, ExecutionStatusIndicator, ValidationErrorIndicator, ValidationWarningIndicator, resolveAdornments };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "3.50.0-pr318.cf1b844",
+  "version": "3.50.0-pr319.6f7b163",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",