@uipath/apollo-react 4.11.0 → 4.12.1-pr556.9394355

package/dist/canvas/components/Toolbox/Toolbox.cjs

@@ -100,6 +100,10 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
     const listViewRef = (0, external_react_namespaceObject.useRef)(null);
     const searchInputRef = (0, external_react_namespaceObject.useRef)(null);
     const clearButtonRef = (0, external_react_namespaceObject.useRef)(null);
+    const lastScrollTopRef = (0, external_react_namespaceObject.useRef)(0);
+    const handleListScroll = (0, external_react_namespaceObject.useCallback)((e)=>{
+        lastScrollTopRef.current = e.currentTarget.scrollTop;
+    }, []);
     const isSearching = (0, external_react_namespaceObject.useMemo)(()=>search.length > 0, [
         search
     ]);
@@ -185,31 +189,45 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
         setSearchLoading(false);
         setIsSearchingInitialItems(true);
         const restoredIndex = previousState?.data.activeIndex ?? SEARCH_BAR_INDEX;
-        navigateToIndex(restoredIndex);
+        const restoredScrollTop = previousState?.data.scrollTop ?? 0;
+        setActiveIndex(restoredIndex);
+        searchInputRef.current?.focus();
+        requestAnimationFrame(()=>{
+            const element = listRef.current?.element;
+            if (element) element.scrollTop = restoredScrollTop;
+            lastScrollTopRef.current = restoredScrollTop;
+        });
         onBack?.();
     }, [
         navigationStack,
         onBack,
         startTransition,
-        navigateToIndex
+        listRef
     ]);
     const handleItemSelect = (0, external_react_namespaceObject.useCallback)(async (item, index)=>{
         if (!item.children) return void onItemSelect(item);
         setChildrenLoading(true);
         const nestedItems = 'function' == typeof item.children ? await item.children(item.id, item.name) : item.children;
         const savedIndex = isSearching ? SEARCH_BAR_INDEX : index ?? activeIndex;
+        const savedScrollTop = isSearching ? 0 : lastScrollTopRef.current;
         navigationStack.push({
             title: currentParentItem?.name || title,
             data: {
                 items,
                 parentItem: currentParentItem,
-                activeIndex: savedIndex
+                activeIndex: savedIndex,
+                scrollTop: savedScrollTop
             }
         });
         setItems(nestedItems);
         setCurrentParentItem(item);
         clearSearch();
         setActiveIndex(SEARCH_BAR_INDEX);
+        requestAnimationFrame(()=>{
+            const element = listRef.current?.element;
+            if (element) element.scrollTop = 0;
+            lastScrollTopRef.current = 0;
+        });
         startTransition('forward');
         setChildrenLoading(false);
     }, [
@@ -221,7 +239,8 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
         isSearching,
         clearSearch,
         startTransition,
-        onItemSelect
+        onItemSelect,
+        listRef
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>()=>{
             if (transitionTimeoutRef.current) clearTimeout(transitionTimeoutRef.current);
@@ -242,7 +261,8 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
                 data: {
                     items: newInitialItems,
                     parentItem: null,
-                    activeIndex: stackItem.data.activeIndex
+                    activeIndex: stackItem.data.activeIndex,
+                    scrollTop: stackItem.data.scrollTop
                 }
             };
             const updatedParentItem = findItemById(newInitialItems, stackItem.data.parentItem.id);
@@ -253,7 +273,8 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
                 data: {
                     items: updatedItems,
                     parentItem: updatedParentItem,
-                    activeIndex: stackItem.data.activeIndex
+                    activeIndex: stackItem.data.activeIndex,
+                    scrollTop: stackItem.data.scrollTop
                 }
             };
         });
@@ -360,6 +381,13 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
         handleItemSelect,
         handleBackTransition
     ]);
+    const handleClose = (0, external_react_namespaceObject.useCallback)(()=>{
+        navigationStack.clear();
+        onClose();
+    }, [
+        navigationStack,
+        onClose
+    ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
         const handleKeyDown = (e)=>{
             if ('Escape' === e.key) if (isSearching) {
@@ -367,10 +395,10 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
                 startTransition('back');
                 clearSearch();
             } else if (navigationStack.canGoBack) handleBackTransition();
-            else onClose();
+            else handleClose();
         };
         const handleClickOutside = (e)=>{
-            if (containerRef.current && !containerRef.current.contains(e.target)) onClose();
+            if (containerRef.current && !containerRef.current.contains(e.target)) handleClose();
         };
         document.addEventListener('keydown', handleKeyDown);
         document.addEventListener('mousedown', handleClickOutside);
@@ -381,7 +409,7 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
     }, [
         isSearching,
         navigationStack.canGoBack,
-        onClose,
+        handleClose,
         clearSearch,
         startTransition,
         handleBackTransition
@@ -425,6 +453,7 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
                             emptyStateMessage: isSearching ? 'No matching nodes found' : 'No nodes found',
                             onItemClick: handleItemSelect,
                             onItemHover: onItemHover,
+                            onScroll: handleListScroll,
                             enableSections: !isSearching
                         })
                     })

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAwC3F,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,GACnB,EAAE,YAAY,CAAC,CAAC,CAAC,2CA0cjB"}
+{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAwC3F,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,GACnB,EAAE,YAAY,CAAC,CAAC,CAAC,2CAwfjB"}

package/dist/canvas/components/Toolbox/Toolbox.js

@@ -72,6 +72,10 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
     const listViewRef = useRef(null);
     const searchInputRef = useRef(null);
     const clearButtonRef = useRef(null);
+    const lastScrollTopRef = useRef(0);
+    const handleListScroll = useCallback((e)=>{
+        lastScrollTopRef.current = e.currentTarget.scrollTop;
+    }, []);
     const isSearching = useMemo(()=>search.length > 0, [
         search
     ]);
@@ -157,31 +161,45 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
         setSearchLoading(false);
         setIsSearchingInitialItems(true);
         const restoredIndex = previousState?.data.activeIndex ?? SEARCH_BAR_INDEX;
-        navigateToIndex(restoredIndex);
+        const restoredScrollTop = previousState?.data.scrollTop ?? 0;
+        setActiveIndex(restoredIndex);
+        searchInputRef.current?.focus();
+        requestAnimationFrame(()=>{
+            const element = listRef.current?.element;
+            if (element) element.scrollTop = restoredScrollTop;
+            lastScrollTopRef.current = restoredScrollTop;
+        });
         onBack?.();
     }, [
         navigationStack,
         onBack,
         startTransition,
-        navigateToIndex
+        listRef
     ]);
     const handleItemSelect = useCallback(async (item, index)=>{
         if (!item.children) return void onItemSelect(item);
         setChildrenLoading(true);
         const nestedItems = 'function' == typeof item.children ? await item.children(item.id, item.name) : item.children;
         const savedIndex = isSearching ? SEARCH_BAR_INDEX : index ?? activeIndex;
+        const savedScrollTop = isSearching ? 0 : lastScrollTopRef.current;
         navigationStack.push({
             title: currentParentItem?.name || title,
             data: {
                 items,
                 parentItem: currentParentItem,
-                activeIndex: savedIndex
+                activeIndex: savedIndex,
+                scrollTop: savedScrollTop
             }
         });
         setItems(nestedItems);
         setCurrentParentItem(item);
         clearSearch();
         setActiveIndex(SEARCH_BAR_INDEX);
+        requestAnimationFrame(()=>{
+            const element = listRef.current?.element;
+            if (element) element.scrollTop = 0;
+            lastScrollTopRef.current = 0;
+        });
         startTransition('forward');
         setChildrenLoading(false);
     }, [
@@ -193,7 +211,8 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
         isSearching,
         clearSearch,
         startTransition,
-        onItemSelect
+        onItemSelect,
+        listRef
     ]);
     useEffect(()=>()=>{
             if (transitionTimeoutRef.current) clearTimeout(transitionTimeoutRef.current);
@@ -214,7 +233,8 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
                 data: {
                     items: newInitialItems,
                     parentItem: null,
-                    activeIndex: stackItem.data.activeIndex
+                    activeIndex: stackItem.data.activeIndex,
+                    scrollTop: stackItem.data.scrollTop
                 }
             };
             const updatedParentItem = findItemById(newInitialItems, stackItem.data.parentItem.id);
@@ -225,7 +245,8 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
                 data: {
                     items: updatedItems,
                     parentItem: updatedParentItem,
-                    activeIndex: stackItem.data.activeIndex
+                    activeIndex: stackItem.data.activeIndex,
+                    scrollTop: stackItem.data.scrollTop
                 }
             };
         });
@@ -332,6 +353,13 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
         handleItemSelect,
         handleBackTransition
     ]);
+    const handleClose = useCallback(()=>{
+        navigationStack.clear();
+        onClose();
+    }, [
+        navigationStack,
+        onClose
+    ]);
     useEffect(()=>{
         const handleKeyDown = (e)=>{
             if ('Escape' === e.key) if (isSearching) {
@@ -339,10 +367,10 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
                 startTransition('back');
                 clearSearch();
             } else if (navigationStack.canGoBack) handleBackTransition();
-            else onClose();
+            else handleClose();
         };
         const handleClickOutside = (e)=>{
-            if (containerRef.current && !containerRef.current.contains(e.target)) onClose();
+            if (containerRef.current && !containerRef.current.contains(e.target)) handleClose();
         };
         document.addEventListener('keydown', handleKeyDown);
         document.addEventListener('mousedown', handleClickOutside);
@@ -353,7 +381,7 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
     }, [
         isSearching,
         navigationStack.canGoBack,
-        onClose,
+        handleClose,
         clearSearch,
         startTransition,
         handleBackTransition
@@ -397,6 +425,7 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
                             emptyStateMessage: isSearching ? 'No matching nodes found' : 'No nodes found',
                             onItemClick: handleItemSelect,
                             onItemHover: onItemHover,
+                            onScroll: handleListScroll,
                             enableSections: !isSearching
                         })
                     })

package/dist/canvas/components/index.cjs

@@ -36,6 +36,9 @@ var __webpack_modules__ = {
     "./HierarchicalCanvas" (module) {
         module.exports = require("./HierarchicalCanvas/index.cjs");
     },
+    "./LoopNode?4ffc" (module) {
+        module.exports = require("./LoopNode/index.cjs");
+    },
     "./MiniCanvasNavigator?564d" (module) {
         module.exports = require("./MiniCanvasNavigator/index.cjs");
     },
@@ -158,45 +161,49 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _HierarchicalCanvas__rspack_import_11)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_HierarchicalCanvas__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _MiniCanvasNavigator__rspack_import_12 = __webpack_require__("./MiniCanvasNavigator?564d");
+    var _LoopNode__rspack_import_12 = __webpack_require__("./LoopNode?4ffc");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _LoopNode__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopNode__rspack_import_12[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _MiniCanvasNavigator__rspack_import_13 = __webpack_require__("./MiniCanvasNavigator?564d");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_12[__rspack_import_key];
+    for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_13[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _NodeContextMenu__rspack_import_13 = __webpack_require__("./NodeContextMenu");
+    var _NodeContextMenu__rspack_import_14 = __webpack_require__("./NodeContextMenu");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _NodeContextMenu__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_13[__rspack_import_key];
+    for(const __rspack_import_key in _NodeContextMenu__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _NodeInspector__rspack_import_14 = __webpack_require__("./NodeInspector");
+    var _NodeInspector__rspack_import_15 = __webpack_require__("./NodeInspector");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _NodeInspector__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_14[__rspack_import_key];
+    for(const __rspack_import_key in _NodeInspector__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_15[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _NodePropertiesPanel__rspack_import_15 = __webpack_require__("./NodePropertiesPanel?a3e8");
+    var _NodePropertiesPanel__rspack_import_16 = __webpack_require__("./NodePropertiesPanel?a3e8");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_15[__rspack_import_key];
+    for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StageNode__rspack_import_16 = __webpack_require__("./StageNode");
+    var _StageNode__rspack_import_17 = __webpack_require__("./StageNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StageNode__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_16[__rspack_import_key];
+    for(const __rspack_import_key in _StageNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_17[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StickyNoteNode__rspack_import_17 = __webpack_require__("./StickyNoteNode?d2a3");
+    var _StickyNoteNode__rspack_import_18 = __webpack_require__("./StickyNoteNode?d2a3");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StickyNoteNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_17[__rspack_import_key];
+    for(const __rspack_import_key in _StickyNoteNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TaskIcon__rspack_import_18 = __webpack_require__("./TaskIcon");
+    var _TaskIcon__rspack_import_19 = __webpack_require__("./TaskIcon");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TaskIcon__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_18[__rspack_import_key];
+    for(const __rspack_import_key in _TaskIcon__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbar__rspack_import_19 = __webpack_require__("./Toolbar");
+    var _Toolbar__rspack_import_20 = __webpack_require__("./Toolbar");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbar__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_19[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbar__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbox__rspack_import_20 = __webpack_require__("./Toolbox?2740");
+    var _Toolbox__rspack_import_21 = __webpack_require__("./Toolbox?2740");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbox__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_20[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbox__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_21[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TriggerNode__rspack_import_21 = __webpack_require__("./TriggerNode");
+    var _TriggerNode__rspack_import_22 = __webpack_require__("./TriggerNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TriggerNode__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_21[__rspack_import_key];
+    for(const __rspack_import_key in _TriggerNode__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_22[__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/components/index.d.ts

@@ -10,6 +10,7 @@ export * from './ExecutionStatusIcon';
 export * from './FloatingCanvasPanel';
 export * from './GroupNode';
 export * from './HierarchicalCanvas';
+export * from './LoopNode';
 export * from './MiniCanvasNavigator';
 export * from './NodeContextMenu';
 export * from './NodeInspector';

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,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,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,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,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

@@ -10,6 +10,7 @@ export * from "./ExecutionStatusIcon/index.js";
 export * from "./FloatingCanvasPanel/index.js";
 export * from "./GroupNode/index.js";
 export * from "./HierarchicalCanvas/index.js";
+export * from "./LoopNode/index.js";
 export * from "./MiniCanvasNavigator/index.js";
 export * from "./NodeContextMenu/index.js";
 export * from "./NodeInspector.js";

package/dist/canvas/core/NodeTypeRegistry.cjs

@@ -32,12 +32,24 @@ const external_CategoryTreeAdapter_cjs_namespaceObject = require("./CategoryTree
 class NodeTypeRegistry {
     categoryById = new Map();
     nodeByType = new Map();
+    nodeByTypeVersion = new Map();
     nodeHandles = new Map();
+    nodeHandlesByTypeVersion = new Map();
     categoriesByParent = new Map();
     nodesByCategory = new Map();
     categoryAncestors = new Map();
     categoryDescendants = new Map();
     categoryTree = null;
+    getNodeHandles(manifest) {
+        return manifest.handleConfiguration.flatMap((hc)=>hc.handles).reduce((acc, handle)=>{
+            if (!acc[handle.type]) acc[handle.type] = [];
+            acc[handle.type]?.push(handle);
+            return acc;
+        }, {});
+    }
+    getTypeVersionKey(nodeType, version) {
+        return `${nodeType}:${version}`;
+    }
     registerNodeManifests(nodes) {
         const categoryMap = new Map();
         for (const node of nodes){
@@ -59,18 +71,20 @@ class NodeTypeRegistry {
                 c.id,
                 c
             ]));
-        this.nodeByType = new Map(nodeManifests.map((n)=>[
-                n.nodeType,
-                n
-            ]));
-        this.nodeHandles = new Map(nodeManifests.map((n)=>[
-                n.nodeType,
-                n.handleConfiguration.flatMap((hc)=>hc.handles).reduce((acc, handle)=>{
-                    if (!acc[handle.type]) acc[handle.type] = [];
-                    acc[handle.type]?.push(handle);
-                    return acc;
-                }, {})
-            ]));
+        this.nodeByType = new Map();
+        this.nodeByTypeVersion = new Map();
+        this.nodeHandles = new Map();
+        this.nodeHandlesByTypeVersion = new Map();
+        for (const nodeManifest of nodeManifests){
+            const manifestsForType = this.nodeByTypeVersion.get(nodeManifest.nodeType) ?? new Map();
+            manifestsForType.set(nodeManifest.version, nodeManifest);
+            this.nodeByTypeVersion.set(nodeManifest.nodeType, manifestsForType);
+            const nodeHandles = this.getNodeHandles(nodeManifest);
+            this.nodeByType.set(nodeManifest.nodeType, nodeManifest);
+            this.nodeHandles.set(nodeManifest.nodeType, nodeHandles);
+            this.nodeHandlesByTypeVersion.set(this.getTypeVersionKey(nodeManifest.nodeType, nodeManifest.version), nodeHandles);
+        }
+        const defaultNodeManifests = Array.from(this.nodeByType.values());
         this.categoriesByParent = new Map();
         for (const cat of categoryManifests){
             const siblings = this.categoriesByParent.get(cat.parentId) ?? [];
@@ -104,16 +118,17 @@ class NodeTypeRegistry {
             this.categoryDescendants.set(cat.id, descendants);
         }
         this.nodesByCategory = new Map();
-        for (const node of nodeManifests){
+        for (const node of defaultNodeManifests){
             const categoryKey = node.category ?? void 0;
             const nodes = this.nodesByCategory.get(categoryKey) ?? [];
             nodes.push(node);
             this.nodesByCategory.set(categoryKey, nodes);
         }
-        this.categoryTree = new external_CategoryTree_cjs_namespaceObject.CategoryTree(categoryManifests, nodeManifests);
+        this.categoryTree = new external_CategoryTree_cjs_namespaceObject.CategoryTree(categoryManifests, defaultNodeManifests);
     }
-    getManifest(nodeType) {
-        return this.nodeByType.get(nodeType);
+    getManifest(nodeType, version) {
+        if (!version) return this.nodeByType.get(nodeType);
+        return this.nodeByTypeVersion.get(nodeType)?.get(version);
     }
     getAllManifests() {
         return Array.from(this.nodeByType.values());
@@ -124,18 +139,19 @@ class NodeTypeRegistry {
     getAllNodeTypes() {
         return Array.from(this.nodeByType.keys());
     }
-    getHandlesByNodeType(nodeType) {
-        return this.nodeHandles.get(nodeType) ?? {};
+    getHandlesByNodeType(nodeType, version) {
+        if (!version) return this.nodeHandles.get(nodeType) ?? {};
+        return this.nodeHandlesByTypeVersion.get(this.getTypeVersionKey(nodeType, version)) ?? {};
     }
-    getDefaultHandle(nodeType, handleType) {
-        const handles = this.nodeHandles.get(nodeType)?.[handleType];
+    getDefaultHandle(nodeType, handleType, version) {
+        const handles = this.getHandlesByNodeType(nodeType, version)[handleType];
         return handles?.find((h)=>h.isDefaultForType) ?? handles?.[0];
     }
-    createDefaultData(nodeType, label) {
-        const manifest = this.getManifest(nodeType);
+    createDefaultData(nodeType, label, version) {
+        const manifest = this.getManifest(nodeType, version);
         if (!manifest) return {
             nodeType,
-            version: '1.0.0',
+            version: version ?? '1.0.0',
             display: {
                 label: label || nodeType
             }
@@ -162,7 +178,9 @@ class NodeTypeRegistry {
     clear() {
         this.nodesByCategory.clear();
         this.nodeHandles.clear();
+        this.nodeHandlesByTypeVersion.clear();
         this.nodeByType.clear();
+        this.nodeByTypeVersion.clear();
         this.categoryById.clear();
         this.categoryAncestors.clear();
         this.categoryDescendants.clear();

package/dist/canvas/core/NodeTypeRegistry.d.ts

@@ -9,21 +9,25 @@ interface NodeHandles {
 export declare class NodeTypeRegistry {
     private categoryById;
     private nodeByType;
+    private nodeByTypeVersion;
     private nodeHandles;
+    private nodeHandlesByTypeVersion;
     private categoriesByParent;
     private nodesByCategory;
     private categoryAncestors;
     private categoryDescendants;
     private categoryTree;
+    private getNodeHandles;
+    private getTypeVersionKey;
     registerNodeManifests(nodes: NodeManifest[]): void;
     registerManifest(nodeManifests: NodeManifest[], categoryManifests: CategoryManifest[]): void;
-    getManifest(nodeType: string): NodeManifest | undefined;
+    getManifest(nodeType: string, version?: string): NodeManifest | undefined;
     getAllManifests(): NodeManifest[];
     getAllCategories(): string[];
     getAllNodeTypes(): string[];
-    getHandlesByNodeType(nodeType: string): NodeHandles;
-    getDefaultHandle(nodeType: string, handleType: 'source' | 'target'): HandleManifest | undefined;
-    createDefaultData(nodeType: string, label?: string): BaseNodeData;
+    getHandlesByNodeType(nodeType: string, version?: string): NodeHandles;
+    getDefaultHandle(nodeType: string, handleType: 'source' | 'target', version?: string): HandleManifest | undefined;
+    createDefaultData(nodeType: string, label?: string, version?: string): BaseNodeData;
     getCategoryTree(): CategoryTree | null;
     clear(): void;
     isValidCategoryForConnection(categoryId: string, previewNodeConnectionInfo: PreviewNodeConnectionInfo[] | null | undefined): boolean;

package/dist/canvas/core/NodeTypeRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeTypeRegistry.d.ts","sourceRoot":"","sources":["../../../src/canvas/core/NodeTypeRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMhG,OAAO,EAAE,YAAY,EAA4B,MAAM,gBAAgB,CAAC;AAGxE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B;AAMD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,WAAW,CAAkC;IACrD,OAAO,CAAC,kBAAkB,CAAqD;IAC/E,OAAO,CAAC,eAAe,CAAiD;IACxE,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,mBAAmB,CAA+B;IAC1D,OAAO,CAAC,YAAY,CAA6B;IAUjD,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE;IA8B3C,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;IA0ErF,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IAQvD,eAAe,IAAI,YAAY,EAAE;IAQjC,gBAAgB,IAAI,MAAM,EAAE;IAQ5B,eAAe,IAAI,MAAM,EAAE;IAO3B,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW;IAOnD,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,cAAc,GAAG,SAAS;IAW/F,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY;IAqCjE,eAAe,IAAI,YAAY,GAAG,IAAI;IAOtC,KAAK,IAAI,IAAI;IAwBb,4BAA4B,CAC1B,UAAU,EAAE,MAAM,EAClB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS,GACxE,OAAO;IA6CV,wBAAwB,CACtB,QAAQ,EAAE,MAAM,EAChB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS;IAgE3E,OAAO,CAAC,yBAAyB;IAqCjC,cAAc,CAAC,OAAO,EAAE;QACtB,WAAW,CAAC,EAAE,yBAAyB,EAAE,GAAG,IAAI,CAAC;QACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,GAAG,QAAQ,EAAE;CAyCf"}
+{"version":3,"file":"NodeTypeRegistry.d.ts","sourceRoot":"","sources":["../../../src/canvas/core/NodeTypeRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMhG,OAAO,EAAE,YAAY,EAA4B,MAAM,gBAAgB,CAAC;AAGxE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B;AAMD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,iBAAiB,CAAgD;IACzE,OAAO,CAAC,WAAW,CAAkC;IACrD,OAAO,CAAC,wBAAwB,CAAkC;IAClE,OAAO,CAAC,kBAAkB,CAAqD;IAC/E,OAAO,CAAC,eAAe,CAAiD;IACxE,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,mBAAmB,CAA+B;IAC1D,OAAO,CAAC,YAAY,CAA6B;IAEjD,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,iBAAiB;IAYzB,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE;IA8B3C,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;IA+ErF,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IAYzE,eAAe,IAAI,YAAY,EAAE;IAQjC,gBAAgB,IAAI,MAAM,EAAE;IAQ5B,eAAe,IAAI,MAAM,EAAE;IAO3B,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW;IAWrE,gBAAgB,CACd,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,QAAQ,GAAG,QAAQ,EAC/B,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,GAAG,SAAS;IAW7B,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY;IAqCnF,eAAe,IAAI,YAAY,GAAG,IAAI;IAOtC,KAAK,IAAI,IAAI;IA0Bb,4BAA4B,CAC1B,UAAU,EAAE,MAAM,EAClB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS,GACxE,OAAO;IA6CV,wBAAwB,CACtB,QAAQ,EAAE,MAAM,EAChB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS;IAgE3E,OAAO,CAAC,yBAAyB;IAqCjC,cAAc,CAAC,OAAO,EAAE;QACtB,WAAW,CAAC,EAAE,yBAAyB,EAAE,GAAG,IAAI,CAAC;QACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,GAAG,QAAQ,EAAE;CAyCf"}