qt-ui-kit 1.0.44 → 1.0.46

package/dist/index.mjs

@@ -16426,38 +16426,20 @@ function Search({
 // src/components/organisms/search_bar/search_bar.tsx
 import { useState as useState4, useEffect as useEffect3 } from "react";
 import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
-function SearchBar() {
+function SearchBar({ loading, results, onUpdate }) {
   const [query, setQuery] = useState4("");
-  const [state, setState] = useState4("inactive");
-  const [results, setResults] = useState4([]);
   useEffect3(() => {
-    if (query === "") {
-      setState("inactive");
-      setResults([]);
+    if (!onUpdate) {
       return;
     }
-    setState("typing");
-    const timeout = setTimeout(() => {
-      setState("loading");
-      setTimeout(() => {
-        setState("results");
-        setResults([
-          { label: "Unread", count: 11 },
-          { label: "Fire", count: 11 },
-          { label: "Slack", count: 9 },
-          { label: "Jira", count: 2 }
-        ]);
-      }, 1e3);
-    }, 300);
-    return () => clearTimeout(timeout);
+    onUpdate(query);
   }, [query]);
   const clearQuery = () => {
     setQuery("");
-    setState("inactive");
   };
   return /* @__PURE__ */ jsxs26("div", { className: "w-full space-y-3", children: [
     /* @__PURE__ */ jsxs26("div", { className: "flex items-center px-4 py-2 rounded-full bg-gray-100 gap-2 text-gray-900", children: [
-      state === "loading" ? /* @__PURE__ */ jsx38(Loading, {}) : /* @__PURE__ */ jsx38(Search, {}),
+      loading ? /* @__PURE__ */ jsx38(Loading, {}) : /* @__PURE__ */ jsx38(Search, {}),
       /* @__PURE__ */ jsx38(
         "input",
         {
@@ -16470,7 +16452,7 @@ function SearchBar() {
       ),
       query && /* @__PURE__ */ jsx38("button", { onClick: clearQuery, children: /* @__PURE__ */ jsx38(CircleX, {}) })
     ] }),
-    state === "results" && /* @__PURE__ */ jsxs26("div", { className: "text-sm", children: [
+    results && /* @__PURE__ */ jsxs26("div", { className: "text-sm", children: [
       /* @__PURE__ */ jsxs26("p", { className: "text-gray-700 font-medium", children: [
         "Search results (",
         results.reduce((acc, r) => acc + r.count, 0),