@tedi-design-system/react 19.1.0-rc.18 → 19.1.0-rc.19

package/src/community/components/form/category-search/use-category-search.es.js

@@ -0,0 +1,64 @@
+import { useState as S, useRef as m, useEffect as o } from "react";
+function b(u) {
+  const [f, l] = S(
+    () => new Map(u.map((t) => [t.id, { draft: t.initialValue(), status: "idle" }]))
+  ), s = m(/* @__PURE__ */ new Map());
+  o(() => {
+    const t = s.current;
+    return () => {
+      t.forEach((n) => n.abort()), t.clear();
+    };
+  }, []), o(() => {
+    const t = new Set(u.map((n) => n.id));
+    if (t.size !== u.length) throw new Error("CategorySearch category IDs must be unique.");
+    s.current.forEach((n, e) => {
+      t.has(e) || (n.abort(), s.current.delete(e));
+    }), l((n) => {
+      const e = new Map(n);
+      let r = !1;
+      for (const a of u)
+        e.has(a.id) || (e.set(a.id, { draft: a.initialValue(), status: "idle" }), r = !0);
+      for (const a of n.keys())
+        t.has(a) || (e.delete(a), r = !0);
+      return r ? e : n;
+    });
+  }, [u]);
+  function c(t, n) {
+    l((e) => {
+      const r = e.get(t);
+      if (!r) return e;
+      const a = new Map(e);
+      return a.set(t, { ...r, ...n }), a;
+    });
+  }
+  function d(t, n) {
+    c(t, { draft: n });
+  }
+  function i(t) {
+    var n;
+    (n = s.current.get(t)) == null || n.abort(), s.current.delete(t), c(t, { status: "idle" });
+  }
+  function h(t) {
+    i(t.id), c(t.id, { draft: t.initialValue(), completedSearch: void 0, status: "idle" });
+  }
+  async function w(t, n) {
+    const e = t.id;
+    i(e);
+    const r = new AbortController();
+    s.current.set(e, r), c(e, { status: "loading" });
+    try {
+      const a = await t.onSearch(n, { signal: r.signal });
+      if (s.current.get(e) !== r) return;
+      c(e, { completedSearch: { input: n, result: a }, status: "idle" });
+    } catch {
+      if (s.current.get(e) !== r) return;
+      c(e, { status: "error" });
+    } finally {
+      s.current.get(e) === r && s.current.delete(e);
+    }
+  }
+  return { states: f, changeDraft: d, search: w, clear: h, cancel: i };
+}
+export {
+  b as useCategorySearch
+};

package/src/community/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/dropdown/dropdown';
 export * from './components/stepper';
 export * from './components/card';
 export * from './components/feedback/feedback';
+export * from './components/form/category-search';
 export * from './components/form/hidden-field/hidden-field';
 export * from './components/form/choice-group';
 export * from './components/form/check/check';