@uipath/apollo-react 4.32.1 → 4.33.0

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

@@ -3,7 +3,9 @@ export * from './AgentCanvas';
 export * from './BaseCanvas';
 export * from './BaseNode';
 export * from './ButtonHandle';
+export * from './CanvasModeToolbar';
 export * from './CanvasPositionControls';
+export * from './CanvasZoomControls';
 export * from './CodedAgent';
 export * from './Edges';
 export * from './ExecutionStatusIcon';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/canvas/components/index.js

@@ -3,7 +3,9 @@ export * from "./AgentCanvas/index.js";
 export * from "./BaseCanvas/index.js";
 export * from "./BaseNode/index.js";
 export * from "./ButtonHandle/index.js";
+export * from "./CanvasModeToolbar/index.js";
 export * from "./CanvasPositionControls.js";
+export * from "./CanvasZoomControls/index.js";
 export * from "./CodedAgent/index.js";
 export * from "./Edges/index.js";
 export * from "./ExecutionStatusIcon/index.js";

package/dist/canvas/hooks/index.cjs

@@ -21,6 +21,9 @@ var __webpack_modules__ = {
     "./useEdgePath" (module) {
         module.exports = require("./useEdgePath.cjs");
     },
+    "./useElementsOverlap" (module) {
+        module.exports = require("./useElementsOverlap.cjs");
+    },
     "./useExportCanvas" (module) {
         module.exports = require("./useExportCanvas.cjs");
     },
@@ -101,25 +104,29 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _useEdgePath__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useEdgePath__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useExportCanvas__rspack_import_6 = __webpack_require__("./useExportCanvas");
+    var _useElementsOverlap__rspack_import_6 = __webpack_require__("./useElementsOverlap");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _useElementsOverlap__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useElementsOverlap__rspack_import_6[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _useExportCanvas__rspack_import_7 = __webpack_require__("./useExportCanvas");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useExportCanvas__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useExportCanvas__rspack_import_6[__rspack_import_key];
+    for(const __rspack_import_key in _useExportCanvas__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useExportCanvas__rspack_import_7[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useNavigationState__rspack_import_7 = __webpack_require__("./useNavigationState");
+    var _useNavigationState__rspack_import_8 = __webpack_require__("./useNavigationState");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useNavigationState__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useNavigationState__rspack_import_7[__rspack_import_key];
+    for(const __rspack_import_key in _useNavigationState__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useNavigationState__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _usePreviewNode__rspack_import_8 = __webpack_require__("./usePreviewNode");
+    var _usePreviewNode__rspack_import_9 = __webpack_require__("./usePreviewNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _usePreviewNode__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_usePreviewNode__rspack_import_8[__rspack_import_key];
+    for(const __rspack_import_key in _usePreviewNode__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_usePreviewNode__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useStorageState__rspack_import_9 = __webpack_require__("./useStorageState");
+    var _useStorageState__rspack_import_10 = __webpack_require__("./useStorageState");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useStorageState__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useStorageState__rspack_import_9[__rspack_import_key];
+    for(const __rspack_import_key in _useStorageState__rspack_import_10)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useStorageState__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _ValidationStatusContext__rspack_import_10 = __webpack_require__("./ValidationStatusContext");
+    var _ValidationStatusContext__rspack_import_11 = __webpack_require__("./ValidationStatusContext");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _ValidationStatusContext__rspack_import_10)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ValidationStatusContext__rspack_import_10[__rspack_import_key];
+    for(const __rspack_import_key in _ValidationStatusContext__rspack_import_11)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ValidationStatusContext__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
 })();
 for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];

package/dist/canvas/hooks/index.d.ts

@@ -4,6 +4,7 @@ export * from './useAddNodeOnConnectEnd';
 export * from './useCanvasEvents';
 export * from './useCanvasNodeLayout';
 export * from './useEdgePath';
+export * from './useElementsOverlap';
 export * from './useExportCanvas';
 export * from './useNavigationState';
 export * from './usePreviewNode';

package/dist/canvas/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}

package/dist/canvas/hooks/index.js

@@ -4,6 +4,7 @@ export * from "./useAddNodeOnConnectEnd.js";
 export * from "./useCanvasEvents.js";
 export * from "./useCanvasNodeLayout.js";
 export * from "./useEdgePath.js";
+export * from "./useElementsOverlap.js";
 export * from "./useExportCanvas.js";
 export * from "./useNavigationState.js";
 export * from "./usePreviewNode.js";

package/dist/canvas/hooks/useElementsOverlap.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__, {
+    useElementsOverlap: ()=>useElementsOverlap
+});
+const external_react_namespaceObject = require("react");
+function useElementsOverlap(obstacleRefs, triggerRefs = []) {
+    const [overlaps, setOverlaps] = (0, external_react_namespaceObject.useState)(false);
+    const [target, setTarget] = (0, external_react_namespaceObject.useState)(null);
+    const obstaclesRef = (0, external_react_namespaceObject.useRef)(obstacleRefs);
+    const triggersRef = (0, external_react_namespaceObject.useRef)(triggerRefs);
+    const targetRef = (0, external_react_namespaceObject.useCallback)((el)=>{
+        setTarget(el);
+    }, []);
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        obstaclesRef.current = obstacleRefs;
+        triggersRef.current = triggerRefs;
+    });
+    (0, external_react_namespaceObject.useLayoutEffect)(()=>{
+        if (!target) return;
+        let baselineWidth = 0;
+        let baselineHeight = 0;
+        let lastOverlap = false;
+        const measure = ()=>{
+            const tRect = target.getBoundingClientRect();
+            if (!lastOverlap) {
+                baselineWidth = tRect.width;
+                baselineHeight = tRect.height;
+            }
+            const left = tRect.right - baselineWidth;
+            const top = tRect.bottom - baselineHeight;
+            let isOverlapping = false;
+            for (const ref of obstaclesRef.current){
+                const el = ref.current;
+                if (!el) continue;
+                const oRect = el.getBoundingClientRect();
+                if (!(oRect.right <= left || oRect.left >= tRect.right || oRect.bottom <= top || oRect.top >= tRect.bottom)) {
+                    isOverlapping = true;
+                    break;
+                }
+            }
+            lastOverlap = isOverlapping;
+            setOverlaps(isOverlapping);
+        };
+        const ro = new ResizeObserver(measure);
+        ro.observe(target);
+        for (const ref of obstaclesRef.current)if (ref.current) ro.observe(ref.current);
+        for (const ref of triggersRef.current)if (ref.current) ro.observe(ref.current);
+        measure();
+        return ()=>ro.disconnect();
+    }, [
+        target
+    ]);
+    return {
+        overlaps,
+        targetRef
+    };
+}
+exports.useElementsOverlap = __webpack_exports__.useElementsOverlap;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useElementsOverlap"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/hooks/useElementsOverlap.d.ts

@@ -0,0 +1,6 @@
+import { type RefObject } from 'react';
+export declare function useElementsOverlap(obstacleRefs: ReadonlyArray<RefObject<HTMLElement | null>>, triggerRefs?: ReadonlyArray<RefObject<HTMLElement | null>>): {
+    overlaps: boolean;
+    targetRef: (el: HTMLElement | null) => void;
+};
+//# sourceMappingURL=useElementsOverlap.d.ts.map

package/dist/canvas/hooks/useElementsOverlap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementsOverlap.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useElementsOverlap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvF,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,aAAa,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,EAC1D,WAAW,GAAE,aAAa,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAM,GAC7D;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CAAE,CAiEpE"}

package/dist/canvas/hooks/useElementsOverlap.js

@@ -0,0 +1,54 @@
+import { useCallback, useLayoutEffect, useRef, useState } from "react";
+function useElementsOverlap(obstacleRefs, triggerRefs = []) {
+    const [overlaps, setOverlaps] = useState(false);
+    const [target, setTarget] = useState(null);
+    const obstaclesRef = useRef(obstacleRefs);
+    const triggersRef = useRef(triggerRefs);
+    const targetRef = useCallback((el)=>{
+        setTarget(el);
+    }, []);
+    useLayoutEffect(()=>{
+        obstaclesRef.current = obstacleRefs;
+        triggersRef.current = triggerRefs;
+    });
+    useLayoutEffect(()=>{
+        if (!target) return;
+        let baselineWidth = 0;
+        let baselineHeight = 0;
+        let lastOverlap = false;
+        const measure = ()=>{
+            const tRect = target.getBoundingClientRect();
+            if (!lastOverlap) {
+                baselineWidth = tRect.width;
+                baselineHeight = tRect.height;
+            }
+            const left = tRect.right - baselineWidth;
+            const top = tRect.bottom - baselineHeight;
+            let isOverlapping = false;
+            for (const ref of obstaclesRef.current){
+                const el = ref.current;
+                if (!el) continue;
+                const oRect = el.getBoundingClientRect();
+                if (!(oRect.right <= left || oRect.left >= tRect.right || oRect.bottom <= top || oRect.top >= tRect.bottom)) {
+                    isOverlapping = true;
+                    break;
+                }
+            }
+            lastOverlap = isOverlapping;
+            setOverlaps(isOverlapping);
+        };
+        const ro = new ResizeObserver(measure);
+        ro.observe(target);
+        for (const ref of obstaclesRef.current)if (ref.current) ro.observe(ref.current);
+        for (const ref of triggersRef.current)if (ref.current) ro.observe(ref.current);
+        measure();
+        return ()=>ro.disconnect();
+    }, [
+        target
+    ]);
+    return {
+        overlaps,
+        targetRef
+    };
+}
+export { useElementsOverlap };