@uipath/apollo-react 4.11.0 → 4.12.1

package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.cjs

@@ -0,0 +1,117 @@
+"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__, {
+    useStageTaskDragHandler: ()=>useStageTaskDragHandler
+});
+const react_namespaceObject = require("@xyflow/react");
+const external_react_namespaceObject = require("react");
+const external_StageNode_utils_cjs_namespaceObject = require("../StageNode.utils.cjs");
+const useStageTaskDragHandler = ({ sequentialTaskGroups, sequentialTasks, onTaskReorder })=>{
+    const storeApi = (0, react_namespaceObject.useStoreApi)();
+    const [activeDragId, setActiveDragId] = (0, external_react_namespaceObject.useState)(null);
+    const [offsetLeft, setOffsetLeft] = (0, external_react_namespaceObject.useState)(0);
+    const [overId, setOverId] = (0, external_react_namespaceObject.useState)(null);
+    const activeSequentialTask = (0, external_react_namespaceObject.useMemo)(()=>sequentialTasks.find(({ task })=>task.id === activeDragId), [
+        sequentialTasks,
+        activeDragId
+    ]);
+    const isActiveTaskParallel = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (!activeDragId) return false;
+        const group = sequentialTaskGroups.find((g)=>g.some((t)=>t.id === activeDragId));
+        return group ? group.length > 1 : false;
+    }, [
+        sequentialTaskGroups,
+        activeDragId
+    ]);
+    const projected = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (!activeDragId || !overId) return null;
+        return (0, external_StageNode_utils_cjs_namespaceObject.getProjection)(sequentialTaskGroups, activeDragId, overId, offsetLeft);
+    }, [
+        sequentialTaskGroups,
+        activeDragId,
+        overId,
+        offsetLeft
+    ]);
+    const resetState = (0, external_react_namespaceObject.useCallback)(()=>{
+        setActiveDragId(null);
+        setOffsetLeft(0);
+        setOverId(null);
+    }, []);
+    const handleDragStart = (0, external_react_namespaceObject.useCallback)((event)=>{
+        setActiveDragId(event.active.id);
+    }, []);
+    const handleDragMove = (0, external_react_namespaceObject.useCallback)((event)=>{
+        setOffsetLeft(event.delta.x / storeApi.getState().transform[2]);
+    }, [
+        storeApi
+    ]);
+    const handleDragOver = (0, external_react_namespaceObject.useCallback)((event)=>{
+        setOverId(event.over?.id ?? null);
+    }, []);
+    const handleDragEnd = (0, external_react_namespaceObject.useCallback)((event)=>{
+        const { active, over } = event;
+        const currentOffsetLeft = offsetLeft;
+        resetState();
+        if (!over) return;
+        const projection = (0, external_StageNode_utils_cjs_namespaceObject.getProjection)(sequentialTaskGroups, active.id, over.id, currentOffsetLeft);
+        if (!projection) return;
+        if (active.id === over.id) {
+            const flattened = (0, external_StageNode_utils_cjs_namespaceObject.flattenTasks)(sequentialTaskGroups);
+            const activeTask = flattened.find((t)=>t.id === active.id);
+            if (activeTask && activeTask.depth === projection.depth) return;
+        }
+        const newTasks = (0, external_StageNode_utils_cjs_namespaceObject.reorderTasks)(sequentialTaskGroups, active.id, over.id, projection.depth);
+        onTaskReorder(newTasks);
+    }, [
+        sequentialTaskGroups,
+        onTaskReorder,
+        offsetLeft,
+        resetState
+    ]);
+    const handleDragCancel = (0, external_react_namespaceObject.useCallback)(()=>{
+        resetState();
+    }, [
+        resetState
+    ]);
+    return {
+        activeDragId,
+        activeSequentialTask,
+        isActiveTaskParallel,
+        projected,
+        handleDragMove,
+        handleDragOver,
+        handleDragStart,
+        handleDragEnd,
+        handleDragCancel
+    };
+};
+exports.useStageTaskDragHandler = __webpack_exports__.useStageTaskDragHandler;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useStageTaskDragHandler"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.d.ts

@@ -0,0 +1,18 @@
+import { DragEndEvent, DragMoveEvent, DragOverEvent, DragStartEvent } from '@dnd-kit/core';
+import { StageTaskGroup, StageTaskItem } from '../StageNode.types';
+export declare const useStageTaskDragHandler: ({ sequentialTaskGroups, sequentialTasks, onTaskReorder, }: {
+    sequentialTaskGroups: StageTaskItem[][];
+    sequentialTasks: StageTaskGroup[];
+    onTaskReorder: (newTasks: StageTaskItem[][]) => void;
+}) => {
+    activeDragId: string | null;
+    activeSequentialTask: StageTaskGroup | undefined;
+    isActiveTaskParallel: boolean;
+    projected: import("../StageNode.utils").ProjectionResult | null;
+    handleDragMove: (event: DragMoveEvent) => void;
+    handleDragOver: (event: DragOverEvent) => void;
+    handleDragStart: (event: DragStartEvent) => void;
+    handleDragEnd: (event: DragEndEvent) => void;
+    handleDragCancel: () => void;
+};
+//# sourceMappingURL=useStageTaskDragHandler.d.ts.map

package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStageTaskDragHandler.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/hooks/useStageTaskDragHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG3F,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnE,eAAO,MAAM,uBAAuB,GAAI,2DAIrC;IACD,oBAAoB,EAAE,aAAa,EAAE,EAAE,CAAC;IACxC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,aAAa,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;CACtD;;;;;4BAkCW,aAAa;4BAMoB,aAAa;6BAXZ,cAAc;2BAgBhD,YAAY;;CAsDvB,CAAC"}

package/dist/canvas/components/StageNode/hooks/useStageTaskDragHandler.js

@@ -0,0 +1,83 @@
+import { useStoreApi } from "@xyflow/react";
+import { useCallback, useMemo, useState } from "react";
+import { flattenTasks, getProjection, reorderTasks } from "../StageNode.utils.js";
+const useStageTaskDragHandler = ({ sequentialTaskGroups, sequentialTasks, onTaskReorder })=>{
+    const storeApi = useStoreApi();
+    const [activeDragId, setActiveDragId] = useState(null);
+    const [offsetLeft, setOffsetLeft] = useState(0);
+    const [overId, setOverId] = useState(null);
+    const activeSequentialTask = useMemo(()=>sequentialTasks.find(({ task })=>task.id === activeDragId), [
+        sequentialTasks,
+        activeDragId
+    ]);
+    const isActiveTaskParallel = useMemo(()=>{
+        if (!activeDragId) return false;
+        const group = sequentialTaskGroups.find((g)=>g.some((t)=>t.id === activeDragId));
+        return group ? group.length > 1 : false;
+    }, [
+        sequentialTaskGroups,
+        activeDragId
+    ]);
+    const projected = useMemo(()=>{
+        if (!activeDragId || !overId) return null;
+        return getProjection(sequentialTaskGroups, activeDragId, overId, offsetLeft);
+    }, [
+        sequentialTaskGroups,
+        activeDragId,
+        overId,
+        offsetLeft
+    ]);
+    const resetState = useCallback(()=>{
+        setActiveDragId(null);
+        setOffsetLeft(0);
+        setOverId(null);
+    }, []);
+    const handleDragStart = useCallback((event)=>{
+        setActiveDragId(event.active.id);
+    }, []);
+    const handleDragMove = useCallback((event)=>{
+        setOffsetLeft(event.delta.x / storeApi.getState().transform[2]);
+    }, [
+        storeApi
+    ]);
+    const handleDragOver = useCallback((event)=>{
+        setOverId(event.over?.id ?? null);
+    }, []);
+    const handleDragEnd = useCallback((event)=>{
+        const { active, over } = event;
+        const currentOffsetLeft = offsetLeft;
+        resetState();
+        if (!over) return;
+        const projection = getProjection(sequentialTaskGroups, active.id, over.id, currentOffsetLeft);
+        if (!projection) return;
+        if (active.id === over.id) {
+            const flattened = flattenTasks(sequentialTaskGroups);
+            const activeTask = flattened.find((t)=>t.id === active.id);
+            if (activeTask && activeTask.depth === projection.depth) return;
+        }
+        const newTasks = reorderTasks(sequentialTaskGroups, active.id, over.id, projection.depth);
+        onTaskReorder(newTasks);
+    }, [
+        sequentialTaskGroups,
+        onTaskReorder,
+        offsetLeft,
+        resetState
+    ]);
+    const handleDragCancel = useCallback(()=>{
+        resetState();
+    }, [
+        resetState
+    ]);
+    return {
+        activeDragId,
+        activeSequentialTask,
+        isActiveTaskParallel,
+        projected,
+        handleDragMove,
+        handleDragOver,
+        handleDragStart,
+        handleDragEnd,
+        handleDragCancel
+    };
+};
+export { useStageTaskDragHandler };

package/dist/canvas/components/StageNode/hooks/useStageTasksByGroups.cjs

@@ -0,0 +1,87 @@
+"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__, {
+    useStageTasksByGroups: ()=>useStageTasksByGroups
+});
+const external_react_namespaceObject = require("react");
+const useStageTasksByGroups = (allTasks)=>{
+    const sequentialTaskGroups = (0, external_react_namespaceObject.useMemo)(()=>allTasks.filter((group)=>group.some((t)=>{
+                if (null != t.taskGroupType) return 'sequential' === t.taskGroupType;
+                if (null != t.isAdhoc) return !t.isAdhoc;
+                return true;
+            })), [
+        allTasks
+    ]);
+    const sequentialTasks = (0, external_react_namespaceObject.useMemo)(()=>sequentialTaskGroups.flatMap((group, groupIndex)=>group.map((task, taskIndex)=>({
+                    task,
+                    groupIndex,
+                    taskIndex
+                }))), [
+        sequentialTaskGroups
+    ]);
+    const adhocTaskGroups = (0, external_react_namespaceObject.useMemo)(()=>allTasks.filter((group)=>group.every((t)=>{
+                if (null != t.taskGroupType) return 'adhoc' === t.taskGroupType;
+                if (null != t.isAdhoc) return t.isAdhoc;
+                return false;
+            })), [
+        allTasks
+    ]);
+    const adhocTasks = (0, external_react_namespaceObject.useMemo)(()=>adhocTaskGroups.flatMap((group, groupIndex)=>group.map((task, taskIndex)=>({
+                    task,
+                    groupIndex,
+                    taskIndex
+                }))), [
+        adhocTaskGroups
+    ]);
+    const eventDrivenTaskGroups = (0, external_react_namespaceObject.useMemo)(()=>allTasks.filter((group)=>group.every((t)=>{
+                if (null != t.taskGroupType) return 'event-driven' === t.taskGroupType;
+                return false;
+            })), [
+        allTasks
+    ]);
+    const eventDrivenTasks = (0, external_react_namespaceObject.useMemo)(()=>eventDrivenTaskGroups.flatMap((group, groupIndex)=>group.map((task, taskIndex)=>({
+                    task,
+                    groupIndex,
+                    taskIndex
+                }))), [
+        eventDrivenTaskGroups
+    ]);
+    return {
+        sequentialTaskGroups,
+        sequentialTasks,
+        adhocTaskGroups,
+        adhocTasks,
+        eventDrivenTaskGroups,
+        eventDrivenTasks
+    };
+};
+exports.useStageTasksByGroups = __webpack_exports__.useStageTasksByGroups;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useStageTasksByGroups"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/StageNode/hooks/useStageTasksByGroups.d.ts

@@ -0,0 +1,22 @@
+import { StageTaskItem } from '../StageNode.types';
+export declare const useStageTasksByGroups: (allTasks: StageTaskItem[][]) => {
+    sequentialTaskGroups: StageTaskItem[][];
+    sequentialTasks: {
+        task: StageTaskItem;
+        groupIndex: number;
+        taskIndex: number;
+    }[];
+    adhocTaskGroups: StageTaskItem[][];
+    adhocTasks: {
+        task: StageTaskItem;
+        groupIndex: number;
+        taskIndex: number;
+    }[];
+    eventDrivenTaskGroups: StageTaskItem[][];
+    eventDrivenTasks: {
+        task: StageTaskItem;
+        groupIndex: number;
+        taskIndex: number;
+    }[];
+};
+//# sourceMappingURL=useStageTasksByGroups.d.ts.map

package/dist/canvas/components/StageNode/hooks/useStageTasksByGroups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStageTasksByGroups.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/hooks/useStageTasksByGroups.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,eAAO,MAAM,qBAAqB,GAAI,UAAU,aAAa,EAAE,EAAE;;;;;;;;;;;;;;;;;;;CA2EhE,CAAC"}

package/dist/canvas/components/StageNode/hooks/useStageTasksByGroups.js

@@ -0,0 +1,53 @@
+import { useMemo } from "react";
+const useStageTasksByGroups = (allTasks)=>{
+    const sequentialTaskGroups = useMemo(()=>allTasks.filter((group)=>group.some((t)=>{
+                if (null != t.taskGroupType) return 'sequential' === t.taskGroupType;
+                if (null != t.isAdhoc) return !t.isAdhoc;
+                return true;
+            })), [
+        allTasks
+    ]);
+    const sequentialTasks = useMemo(()=>sequentialTaskGroups.flatMap((group, groupIndex)=>group.map((task, taskIndex)=>({
+                    task,
+                    groupIndex,
+                    taskIndex
+                }))), [
+        sequentialTaskGroups
+    ]);
+    const adhocTaskGroups = useMemo(()=>allTasks.filter((group)=>group.every((t)=>{
+                if (null != t.taskGroupType) return 'adhoc' === t.taskGroupType;
+                if (null != t.isAdhoc) return t.isAdhoc;
+                return false;
+            })), [
+        allTasks
+    ]);
+    const adhocTasks = useMemo(()=>adhocTaskGroups.flatMap((group, groupIndex)=>group.map((task, taskIndex)=>({
+                    task,
+                    groupIndex,
+                    taskIndex
+                }))), [
+        adhocTaskGroups
+    ]);
+    const eventDrivenTaskGroups = useMemo(()=>allTasks.filter((group)=>group.every((t)=>{
+                if (null != t.taskGroupType) return 'event-driven' === t.taskGroupType;
+                return false;
+            })), [
+        allTasks
+    ]);
+    const eventDrivenTasks = useMemo(()=>eventDrivenTaskGroups.flatMap((group, groupIndex)=>group.map((task, taskIndex)=>({
+                    task,
+                    groupIndex,
+                    taskIndex
+                }))), [
+        eventDrivenTaskGroups
+    ]);
+    return {
+        sequentialTaskGroups,
+        sequentialTasks,
+        adhocTaskGroups,
+        adhocTasks,
+        eventDrivenTaskGroups,
+        eventDrivenTasks
+    };
+};
+export { useStageTasksByGroups };

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

@@ -167,7 +167,7 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
         ]
     });
 });
-const ListViewInner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ items, activeIndex = -1, listRef, onItemClick, onItemHover, emptyStateMessage = 'No items found', emptyStateIcon = 'search-x', isLoading = false, enableSections = true }, ref) {
+const ListViewInner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ items, activeIndex = -1, listRef, onItemClick, onItemHover, onScroll, emptyStateMessage = 'No items found', emptyStateIcon = 'search-x', isLoading = false, enableSections = true }, ref) {
     const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
     const renderedItems = (0, external_react_namespaceObject.useMemo)(()=>buildRenderedItems(items, enableSections), [
         items,
@@ -229,7 +229,8 @@ const ListViewInner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
         rowComponent: ListViewRow,
         rowCount: renderedItems.length,
         rowHeight: 40,
-        overscanCount: 20
+        overscanCount: 20,
+        onScroll: onScroll
     });
 });
 const ListView_ListView = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(ListViewInner);

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

@@ -40,6 +40,7 @@ interface ListViewProps<T extends ListItem> {
     listRef?: React.RefObject<ListImperativeAPI | null>;
     onItemClick: (item: T, index: number) => void;
     onItemHover?: (item: T) => void;
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
     emptyStateMessage?: string;
     emptyStateIcon?: string;
     isLoading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,cAAc,CAAC;AAKzE,MAAM,WAAW,YAAY;IAI3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,GAAG,CAAC,EAAE,MAAM,CAAC;IAIb,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,GAAG,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnF,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,QAAQ,IACrC;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC;AAE9B,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,QAAQ,EACnD,KAAK,EAAE,CAAC,EAAE,EACV,cAAc,EAAE,OAAO,GACtB,UAAU,CAAC,CAAC,CAAC,EAAE,CAqCjB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,QAAQ;IAClD,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AA8FD,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IAC3D,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;CAChC;AAED,UAAU,aAAa,CAAC,CAAC,SAAS,QAAQ;IACxC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACpD,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAiED,eAAO,MAAM,QAAQ,EAA0B,CAAC,CAAC,SAAS,QAAQ,EAChE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KAC7D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,cAAc,CAAC;AAKzE,MAAM,WAAW,YAAY;IAI3B,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,GAAG,CAAC,EAAE,MAAM,CAAC;IAIb,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,GAAG,IAAI;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnF,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,QAAQ,IACrC;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC;AAE9B,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,QAAQ,EACnD,KAAK,EAAE,CAAC,EAAE,EACV,cAAc,EAAE,OAAO,GACtB,UAAU,CAAC,CAAC,CAAC,EAAE,CAqCjB;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,QAAQ;IAClD,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AA8FD,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IAC3D,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;CAChC;AAED,UAAU,aAAa,CAAC,CAAC,SAAS,QAAQ;IACxC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACpD,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAmED,eAAO,MAAM,QAAQ,EAA0B,CAAC,CAAC,SAAS,QAAQ,EAChE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KAC7D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

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

@@ -138,7 +138,7 @@ const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, rendered
         ]
     });
 });
-const ListViewInner = /*#__PURE__*/ forwardRef(function({ items, activeIndex = -1, listRef, onItemClick, onItemHover, emptyStateMessage = 'No items found', emptyStateIcon = 'search-x', isLoading = false, enableSections = true }, ref) {
+const ListViewInner = /*#__PURE__*/ forwardRef(function({ items, activeIndex = -1, listRef, onItemClick, onItemHover, onScroll, emptyStateMessage = 'No items found', emptyStateIcon = 'search-x', isLoading = false, enableSections = true }, ref) {
     const { isDarkMode } = useCanvasTheme();
     const renderedItems = useMemo(()=>buildRenderedItems(items, enableSections), [
         items,
@@ -200,7 +200,8 @@ const ListViewInner = /*#__PURE__*/ forwardRef(function({ items, activeIndex = -
         rowComponent: ListViewRow,
         rowCount: renderedItems.length,
         rowHeight: 40,
-        overscanCount: 20
+        overscanCount: 20,
+        onScroll: onScroll
     });
 });
 const ListView_ListView = /*#__PURE__*/ memo(ListViewInner);

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"}