@uipath/apollo-react 6.60.0 → 6.62.0

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

@@ -86,7 +86,7 @@ function searchLeafItems(items, query) {
     }
     return results;
 }
-function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false, quickActions, renderEmptyState, searchPlaceholder: searchPlaceholderProp }) {
+function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false, quickActions, renderEmptyState, searchPlaceholder: searchPlaceholderProp, initialCategoryId }) {
     const { _ } = (0, external_i18n_index_cjs_namespaceObject.useSafeLingui)();
     const searchPlaceholder = searchPlaceholderProp ?? _({
         id: 'toolbox.search',
@@ -116,6 +116,7 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
     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 initialCategoryAppliedRef = (0, external_react_namespaceObject.useRef)(false);
     const handleListScroll = (0, external_react_namespaceObject.useCallback)((e)=>{
         lastScrollTopRef.current = e.currentTarget.scrollTop;
     }, []);
@@ -228,6 +229,7 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
     ]);
     const handleItemSelect = (0, external_react_namespaceObject.useCallback)(async (item, index)=>{
         if (!item.children) return void onItemSelect(item);
+        initialCategoryAppliedRef.current = true;
         setAwaitingChildren(true);
         const nestedItems = 'function' == typeof item.children ? await item.children(item.id, item.name) : item.children;
         const savedIndex = isSearching ? SEARCH_BAR_INDEX : index ?? activeIndex;
@@ -309,6 +311,29 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
         navigationStack,
         currentParentItem
     ]);
+    const pushNavigation = navigationStack.push;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!initialCategoryId || initialCategoryAppliedRef.current) return;
+        const category = findItemById(initialItems, initialCategoryId);
+        if (!category?.children || 'function' == typeof category.children) return;
+        initialCategoryAppliedRef.current = true;
+        pushNavigation({
+            title,
+            data: {
+                items: initialItems,
+                parentItem: null,
+                activeIndex: SEARCH_BAR_INDEX,
+                scrollTop: 0
+            }
+        });
+        setItems(category.children);
+        setCurrentParentItem(category);
+    }, [
+        initialCategoryId,
+        initialItems,
+        pushNavigation,
+        title
+    ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
         if (search) handleSearch(search);
     }, [

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

@@ -21,6 +21,7 @@ export interface ToolboxProps<T> {
     searchPlaceholder?: string;
     quickActions?: ToolboxQuickAction[];
     renderEmptyState?: ToolboxEmptyStateRenderer<T>;
+    initialCategoryId?: string;
 }
-export declare function Toolbox<T>({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth, fullHeight, quickActions, renderEmptyState, searchPlaceholder: searchPlaceholderProp, }: ToolboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Toolbox<T>({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth, fullHeight, quickActions, renderEmptyState, searchPlaceholder: searchPlaceholderProp, initialCategoryId, }: ToolboxProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Toolbox.d.ts.map

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":"AAcA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAC3F,OAAO,EAAmB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AA+D7E,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CAC/B,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAEhC,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;IAQd,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;IAKnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAO3B,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAOpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;CACjD;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,EAClB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EAAE,qBAAqB,GACzC,EAAE,YAAY,CAAC,CAAC,CAAC,2CA4iBjB"}
+{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAC3F,OAAO,EAAmB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AA+D7E,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;CAC/B,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAEhC,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;IAQd,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;IAKnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAO3B,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAOpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;IAOhD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;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,EAClB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EAAE,qBAAqB,EACxC,iBAAiB,GAClB,EAAE,YAAY,CAAC,CAAC,CAAC,2CA6jBjB"}

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

@@ -58,7 +58,7 @@ function searchLeafItems(items, query) {
     }
     return results;
 }
-function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false, quickActions, renderEmptyState, searchPlaceholder: searchPlaceholderProp }) {
+function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false, quickActions, renderEmptyState, searchPlaceholder: searchPlaceholderProp, initialCategoryId }) {
     const { _ } = useSafeLingui();
     const searchPlaceholder = searchPlaceholderProp ?? _({
         id: 'toolbox.search',
@@ -88,6 +88,7 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
     const searchInputRef = useRef(null);
     const clearButtonRef = useRef(null);
     const lastScrollTopRef = useRef(0);
+    const initialCategoryAppliedRef = useRef(false);
     const handleListScroll = useCallback((e)=>{
         lastScrollTopRef.current = e.currentTarget.scrollTop;
     }, []);
@@ -200,6 +201,7 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
     ]);
     const handleItemSelect = useCallback(async (item, index)=>{
         if (!item.children) return void onItemSelect(item);
+        initialCategoryAppliedRef.current = true;
         setAwaitingChildren(true);
         const nestedItems = 'function' == typeof item.children ? await item.children(item.id, item.name) : item.children;
         const savedIndex = isSearching ? SEARCH_BAR_INDEX : index ?? activeIndex;
@@ -281,6 +283,29 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
         navigationStack,
         currentParentItem
     ]);
+    const pushNavigation = navigationStack.push;
+    useEffect(()=>{
+        if (!initialCategoryId || initialCategoryAppliedRef.current) return;
+        const category = findItemById(initialItems, initialCategoryId);
+        if (!category?.children || 'function' == typeof category.children) return;
+        initialCategoryAppliedRef.current = true;
+        pushNavigation({
+            title,
+            data: {
+                items: initialItems,
+                parentItem: null,
+                activeIndex: SEARCH_BAR_INDEX,
+                scrollTop: 0
+            }
+        });
+        setItems(category.children);
+        setCurrentParentItem(category);
+    }, [
+        initialCategoryId,
+        initialItems,
+        pushNavigation,
+        title
+    ]);
     useEffect(()=>{
         if (search) handleSearch(search);
     }, [