@arcadeai/design-system 1.3.0 → 1.4.0

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker-filter.test.js

@@ -1,42 +1,38 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as c, a as i } from "../../../../../react.esm-369wBsAv.js";
-import { simpleMockToolkitCollection as a } from "../mocks/toolkit-collection.js";
+import { r as c, a as i } from "../../../../../react.esm-CFMQn0EI.js";
+import { mockToolkitCollection as a } from "../mocks/toolkit-collection.js";
 import { useToolkitPicker as n, ToolkitPickerProvider as k } from "./use-toolkit-picker.js";
-import { d as T, b as d, i as u, g as e, v as b } from "../../../../../vi.bdSIJ99Y-CZgZQPWH.js";
+import { d as T, b as d, i as u, g as e, v as p } from "../../../../../vi.bdSIJ99Y-CQ1FdEM8.js";
 T("useToolkitPicker - Filter Tests", () => {
   d(() => {
-    b.clearAllMocks();
+    p.clearAllMocks();
   }), u("should filter tools by toolkit", () => {
-    const r = ({ children: f }) => /* @__PURE__ */ s(k, { toolkitCollection: a, children: f }), { result: t } = c(() => n(), { wrapper: r });
+    const l = ({ children: f }) => /* @__PURE__ */ s(k, { toolkitCollection: a, children: f }), { result: t } = c(() => n(), { wrapper: l });
     i(() => {
       t.current.setToolkitFilter("basic");
     });
     const o = t.current.state;
-    e(o.toolkitFilter).toBe("basic"), e(o.activeTab).toBe("tools"), e(o.filteredTools.size).toBe(2);
-    const l = Array.from(o.filteredTools);
-    e(
-      l.every(
-        (f) => f.fully_qualified_name.startsWith("basic.")
-      )
-    ).toBe(!0);
+    e(o.toolkitFilter).toBe("basic"), e(o.activeTab).toBe("tools"), e(o.filteredTools.size).toBe(1);
+    const r = Array.from(o.filteredTools);
+    e(r[0].fully_qualified_name).toBe("simple_tool");
   }), u("should handle non-existent toolkit filter", () => {
-    const r = ({ children: l }) => /* @__PURE__ */ s(k, { toolkitCollection: a, children: l }), { result: t } = c(() => n(), { wrapper: r });
+    const l = ({ children: r }) => /* @__PURE__ */ s(k, { toolkitCollection: a, children: r }), { result: t } = c(() => n(), { wrapper: l });
     i(() => {
       t.current.setToolkitFilter("nonexistent");
     });
     const o = t.current.state;
-    e(o.toolkitFilter).toBe("nonexistent"), e(o.filteredTools.size).toBe(3);
+    e(o.toolkitFilter).toBe("nonexistent"), e(o.filteredTools.size).toBe(15);
   }), u("should clear toolkit filter and restore all tools", () => {
-    const r = ({ children: l }) => /* @__PURE__ */ s(k, { toolkitCollection: a, children: l }), { result: t } = c(() => n(), { wrapper: r });
+    const l = ({ children: r }) => /* @__PURE__ */ s(k, { toolkitCollection: a, children: r }), { result: t } = c(() => n(), { wrapper: l });
     i(() => {
       t.current.setToolkitFilter("basic");
-    }), e(t.current.state.filteredTools.size).toBe(2), i(() => {
+    }), e(t.current.state.filteredTools.size).toBe(1), i(() => {
       t.current.clearFilter();
     });
     const o = t.current.state;
-    e(o.toolkitFilter).toBe(""), e(o.filteredTools.size).toBe(3), e(o.filteredToolkits.size).toBe(2);
+    e(o.toolkitFilter).toBe(""), e(o.filteredTools.size).toBe(15), e(o.filteredToolkits.size).toBe(6);
   }), u("should switch to tools tab when filtering by toolkit", () => {
-    const r = ({ children: o }) => /* @__PURE__ */ s(k, { toolkitCollection: a, children: o }), { result: t } = c(() => n(), { wrapper: r });
+    const l = ({ children: o }) => /* @__PURE__ */ s(k, { toolkitCollection: a, children: o }), { result: t } = c(() => n(), { wrapper: l });
     e(t.current.state.activeTab).toBe("toolkits"), i(() => {
       t.current.setToolkitFilter("basic");
     }), e(t.current.state.activeTab).toBe("tools");

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker-search.test.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
-import { r as c, a as l } from "../../../../../react.esm-369wBsAv.js";
-import { simpleMockToolkitCollection as a } from "../mocks/toolkit-collection.js";
+import { r as c, a as l } from "../../../../../react.esm-CFMQn0EI.js";
+import { mockToolkitCollection as a } from "../mocks/toolkit-collection.js";
 import { useToolkitPicker as n, ToolkitPickerProvider as u } from "./use-toolkit-picker.js";
-import { d as k, b as h, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-CZgZQPWH.js";
+import { d as k, b as h, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-CQ1FdEM8.js";
 k("useToolkitPicker - Search Tests", () => {
   h(() => {
     m.clearAllMocks();
@@ -12,7 +12,7 @@ k("useToolkitPicker - Search Tests", () => {
       t.current.setSearchQuery("basic");
     });
     const e = t.current.state;
-    o(e.searchQuery).toBe("basic"), o(e.filteredToolkits.size).toBe(1), o(e.filteredTools.size).toBe(2);
+    o(e.searchQuery).toBe("basic"), o(e.filteredToolkits.size).toBe(1), o(e.filteredTools.size).toBe(1);
     const s = Array.from(
       e.filteredToolkits
     )[0];
@@ -20,12 +20,12 @@ k("useToolkitPicker - Search Tests", () => {
   }), d("should filter tools correctly when searching for tool names", () => {
     const r = ({ children: f }) => /* @__PURE__ */ i(u, { toolkitCollection: a, children: f }), { result: t } = c(() => n(), { wrapper: r });
     l(() => {
-      t.current.setSearchQuery("advanced_tool_1");
+      t.current.setSearchQuery("secret_required_tool");
     });
     const e = t.current.state;
     o(e.filteredTools.size).toBe(1);
     const s = Array.from(e.filteredTools)[0];
-    o(s.fully_qualified_name).toBe("advanced.advanced_tool_1");
+    o(s.fully_qualified_name).toBe("secret_required_tool");
   }), d("should return empty results for non-matching search query", () => {
     const r = ({ children: s }) => /* @__PURE__ */ i(u, { toolkitCollection: a, children: s }), { result: t } = c(() => n(), { wrapper: r });
     l(() => {
@@ -41,6 +41,6 @@ k("useToolkitPicker - Search Tests", () => {
       t.current.clearSearchQuery();
     });
     const e = t.current.state;
-    o(e.searchQuery).toBe(""), o(e.filteredToolkits.size).toBe(2), o(e.filteredTools.size).toBe(3);
+    o(e.searchQuery).toBe(""), o(e.filteredToolkits.size).toBe(6), o(e.filteredTools.size).toBe(15);
   });
 });

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker-selection.test.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { r as i, a as t } from "../../../../../react.esm-369wBsAv.js";
+import { r as i, a as t } from "../../../../../react.esm-CFMQn0EI.js";
 import { simpleMockToolkitCollection as c } from "../mocks/toolkit-collection.js";
 import { useToolkitPicker as a, ToolkitPickerProvider as n } from "./use-toolkit-picker.js";
-import { d as u, b as k, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-CZgZQPWH.js";
+import { d as u, b as k, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-CQ1FdEM8.js";
 u("useToolkitPicker - Selection Tests", () => {
   k(() => {
     m.clearAllMocks();

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts

@@ -1,25 +1,26 @@
 import { ReactNode } from 'react';
 import { ProcessedTool, ProcessedToolkit, ToolkitCollection } from '../../../../../lib/arcade/arcade';
 import { SelectionMode } from '../index';
-export interface UseToolkitPickerProps {
+export type UseToolkitPickerProps = {
     toolkitCollection?: ToolkitCollection;
     selectionMode?: SelectionMode;
-}
+};
 export type ToolkitPickerTab = 'toolkits' | 'tools';
-export type SelectionMap = Map<string, boolean>;
-interface UseToolkitPickerState extends UseToolkitPickerProps {
-    selectedToolkits: SelectionMap;
-    selectedTools: SelectionMap;
-    committedToolkits: SelectionMap;
-    committedTools: SelectionMap;
+export type ToolkitSelectionMap = Map<string, ProcessedToolkit>;
+export type ToolSelectionMap = Map<string, boolean>;
+type UseToolkitPickerState = UseToolkitPickerProps & {
+    selectedToolkits: ToolkitSelectionMap;
+    selectedTools: ToolSelectionMap;
+    committedToolkits: ToolkitSelectionMap;
+    committedTools: ToolSelectionMap;
     filteredToolkits: Set<ProcessedToolkit>;
     filteredTools: Set<ProcessedTool>;
     searchQuery: string;
     toolkitFilter: string;
     activeTab: ToolkitPickerTab;
     selectionMode: SelectionMode;
-}
-interface ToolkitPickerContextType {
+};
+type ToolkitPickerContextType = {
     state: UseToolkitPickerState;
     toggleToolkit: (toolkit: ProcessedToolkit) => void;
     toggleTool: (tool: ProcessedTool) => void;
@@ -32,7 +33,7 @@ interface ToolkitPickerContextType {
     setToolkitFilter: (fqName: string) => void;
     clearFilter: () => void;
     setActiveTab: (tab: ToolkitPickerTab) => void;
-}
+};
 export declare function ToolkitPickerProvider({ children, ...props }: {
     children: ReactNode;
 } & UseToolkitPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.js

@@ -1,8 +1,8 @@
 import { jsx as f } from "react/jsx-runtime";
 import { createContext as S, useReducer as w, useEffect as m, useContext as E } from "react";
-const n = (o, t) => t ? new Set(
+const r = (o, t) => t ? new Set(
   o.filter((e) => e.searchableText?.toLowerCase().includes(t))
-) : new Set(o), T = (o, t) => {
+) : new Set(o), a = (o, t) => {
   if (!t)
     return [];
   const e = t.toolkitMap?.get(o);
@@ -12,7 +12,7 @@ const n = (o, t) => t ? new Set(
     return [];
   const l = new Set(e.tools.map((s) => s.fully_qualified_name));
   return t.tools.filter((s) => l.has(s.fully_qualified_name));
-}, C = (o, t, e) => e ? e.toolkitMap?.get(t)?.tools?.some((s) => o.has(s.fully_qualified_name)) ?? !1 : !1, _ = (o, t, e) => !t.size && e.size ? "tools" : t.size && !e.size ? "toolkits" : o, p = (o, t) => {
+}, C = (o, t, e) => e ? e.toolkitMap?.get(t)?.tools?.some((s) => o.has(s.fully_qualified_name)) ?? !1 : !1, p = (o, t, e) => !t.size && e.size ? "tools" : t.size && !e.size ? "toolkits" : o, _ = (o, t) => {
   if (!t)
     return {
       selectedToolkits: /* @__PURE__ */ new Map(),
@@ -23,11 +23,14 @@ const n = (o, t) => t ? new Set(
     for (const s of o) {
       l.set(s, !0);
       const i = t.toolToToolkitMap?.get(s);
-      i && e.set(i, !0);
+      if (i) {
+        const n = t.toolkitMap?.get(i);
+        n && e.set(i, n);
+      }
     }
   else
     for (const s of t.toolkits) {
-      e.set(s.name, !0);
+      e.set(s.name, s);
       for (const i of s.tools)
         l.set(i.fully_qualified_name, !0);
     }
@@ -36,33 +39,41 @@ const n = (o, t) => t ? new Set(
   if (!e)
     return {
       searchQuery: o,
+      activeTab: "toolkits",
       filteredToolkits: /* @__PURE__ */ new Set(),
       filteredTools: /* @__PURE__ */ new Set()
     };
-  const l = t ? new Set(T(t, e)) : new Set(e.tools || []);
+  const l = t ? new Set(a(t, e)) : new Set(e.tools || []);
   return {
     searchQuery: o,
+    activeTab: "toolkits",
     filteredToolkits: new Set(e.toolkits || []),
     filteredTools: l
   };
 }, y = (o, t) => {
-  const e = o.toLowerCase().trim(), { toolkits: l = [], tools: s = [] } = t.toolkitCollection || {}, i = !l.length, r = !s.length;
-  if (i && r)
+  const e = o.toLowerCase().trim(), { toolkits: l = [], tools: s = [] } = t.toolkitCollection || {}, i = !l.length, n = !s.length;
+  if (i && n)
     return { searchQuery: o };
-  const d = n(l, e), u = t.toolkitFilter ? T(t.toolkitFilter, t.toolkitCollection) : s, k = n(u, e);
+  const c = r(l, e), u = t.toolkitFilter ? a(t.toolkitFilter, t.toolkitCollection) : s, k = r(u, e);
   return {
     searchQuery: o,
-    filteredToolkits: d,
+    filteredToolkits: c,
     filteredTools: k,
-    activeTab: _(t.activeTab, d, k)
+    activeTab: p(t.activeTab, c, k)
   };
 }, L = (o, t) => {
   const e = t.selectedTools.has(o), l = t.toolkitCollection?.toolToToolkitMap?.get(o), s = new Map(t.selectedToolkits), i = new Map(t.selectedTools);
-  return e ? (i.delete(o), l && (C(
-    i,
-    l,
-    t.toolkitCollection
-  ) || s.delete(l))) : (t.selectionMode === "single" && (i.clear(), s.clear()), i.set(o, !0), l && s.set(l, !0)), { selectedTools: i, selectedToolkits: s };
+  if (e)
+    i.delete(o), l && (C(
+      i,
+      l,
+      t.toolkitCollection
+    ) || s.delete(l));
+  else if (t.selectionMode === "single" && (i.clear(), s.clear()), i.set(o, !0), l) {
+    const n = t.toolkitCollection?.toolkitMap?.get(l);
+    n && s.set(l, n);
+  }
+  return { selectedTools: i, selectedToolkits: s };
 }, M = (o) => ({
   ...o,
   selectedToolkits: /* @__PURE__ */ new Map(),
@@ -78,20 +89,20 @@ const n = (o, t) => t ? new Set(
 }), I = (o, t) => {
   switch (t.type) {
     case "TOGGLE_TOOLKIT": {
-      const { name: e, tools: l } = t.payload, s = o.selectedToolkits.has(e), i = new Map(o.selectedToolkits), r = new Map(o.selectedTools);
-      if (s) {
-        i.delete(e);
-        for (const c of l)
-          r.delete(c.fully_qualified_name);
+      const e = t.payload, { name: l, tools: s } = e, i = o.selectedToolkits.has(l), n = new Map(o.selectedToolkits), T = new Map(o.selectedTools);
+      if (i) {
+        n.delete(l);
+        for (const c of s)
+          T.delete(c.fully_qualified_name);
       } else {
-        i.set(e, !0);
-        for (const c of l)
-          r.set(c.fully_qualified_name, !0);
+        n.set(l, e);
+        for (const c of s)
+          T.set(c.fully_qualified_name, !0);
       }
       return {
         ...o,
-        selectedToolkits: i,
-        selectedTools: r
+        selectedToolkits: n,
+        selectedTools: T
       };
     }
     case "SET_INITIAL_DATA": {
@@ -111,8 +122,8 @@ const n = (o, t) => t ? new Set(
       const e = t.payload, l = e?.length === 0, i = !e && !o.toolkitCollection?.toolkits?.length;
       if (l || i)
         return o;
-      const r = p(e, o.toolkitCollection);
-      return { ...o, ...r };
+      const n = _(e, o.toolkitCollection);
+      return { ...o, ...n };
     }
     case "CLEAR_SELECTIONS":
       return {
@@ -149,17 +160,18 @@ const n = (o, t) => t ? new Set(
     }
     case "CLEAR_SEARCH_QUERY": {
       const e = o.toolkitFilter ? new Set(
-        T(o.toolkitFilter, o.toolkitCollection)
+        a(o.toolkitFilter, o.toolkitCollection)
       ) : new Set(o.toolkitCollection?.tools || []);
       return {
         ...o,
         searchQuery: "",
+        activeTab: "toolkits",
         filteredToolkits: new Set(o.toolkitCollection?.toolkits || []),
         filteredTools: e
       };
     }
     case "SET_TOOLKIT_FILTER": {
-      const e = t.payload, l = T(
+      const e = t.payload, l = a(
         e,
         o.toolkitCollection
       );
@@ -170,7 +182,7 @@ const n = (o, t) => t ? new Set(
         ...o,
         toolkitFilter: e,
         activeTab: "tools",
-        filteredTools: n(l, s)
+        filteredTools: r(l, s)
       };
     }
     case "CLEAR_FILTER": {
@@ -178,17 +190,19 @@ const n = (o, t) => t ? new Set(
       return e ? {
         ...o,
         toolkitFilter: "",
-        filteredToolkits: n(
+        activeTab: "toolkits",
+        filteredToolkits: r(
           o.toolkitCollection?.toolkits || [],
           e
         ),
-        filteredTools: n(
+        filteredTools: r(
           o.toolkitCollection?.tools || [],
           e
         )
       } : {
         ...o,
         toolkitFilter: "",
+        activeTab: "toolkits",
         filteredToolkits: new Set(o.toolkitCollection?.toolkits || []),
         filteredTools: new Set(o.toolkitCollection?.tools || [])
       };
@@ -201,11 +215,11 @@ const n = (o, t) => t ? new Set(
           ...o,
           activeTab: e,
           toolkitFilter: "",
-          filteredToolkits: n(
+          filteredToolkits: r(
             o.toolkitCollection?.toolkits || [],
             l
           ),
-          filteredTools: n(
+          filteredTools: r(
             o.toolkitCollection?.tools || [],
             l
           )
@@ -222,7 +236,7 @@ const n = (o, t) => t ? new Set(
     default:
       return o;
   }
-}, a = S(
+}, d = S(
   null
 );
 function R({
@@ -251,10 +265,10 @@ function R({
     clearFilter: () => l({ type: "CLEAR_FILTER" }),
     setActiveTab: (i) => l({ type: "SET_ACTIVE_TAB", payload: i })
   };
-  return /* @__PURE__ */ f(a.Provider, { value: s, children: o });
+  return /* @__PURE__ */ f(d.Provider, { value: s, children: o });
 }
-function F() {
-  const o = E(a);
+function g() {
+  const o = E(d);
   if (!o)
     throw new Error(
       "useToolkitPicker must be used within a ToolkitPickerProvider. Make sure to wrap your component with <ToolkitPickerProvider>."
@@ -263,5 +277,5 @@ function F() {
 }
 export {
   R as ToolkitPickerProvider,
-  F as useToolkitPicker
+  g as useToolkitPicker
 };