warqadui 0.0.23 → 0.0.24

package/dist/index.js

@@ -1877,7 +1877,7 @@ var Textarea = (0, import_react11.forwardRef)(
 );
 
 // src/components/Fields/searchApi.tsx
-var import_react13 = __toESM(require("react"));
+var import_react13 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_lucide_react8 = require("lucide-react");
 
@@ -2063,7 +2063,7 @@ var useSearchApiContext = () => {
 };
 var SearchApi = (0, import_react13.forwardRef)(
   (props, _) => {
-    const { form, name, onChange, value, children } = props;
+    const { form, name, onChange, value, children, ...restProps } = props;
     if (form && name) {
       return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         import_react_hook_form5.Controller,
@@ -2073,7 +2073,9 @@ var SearchApi = (0, import_react13.forwardRef)(
           render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             SearchApiRoot,
             {
-              ...props,
+              ...restProps,
+              form,
+              name,
               currentValue: field.value !== void 0 && field.value !== "" ? field.value : value,
               onChangeHandler: (val) => {
                 field.onChange(val);
@@ -2089,7 +2091,9 @@ var SearchApi = (0, import_react13.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       SearchApiRoot,
       {
-        ...props,
+        ...restProps,
+        form,
+        name,
         currentValue: value,
         onChangeHandler: onChange || (() => {
         }),
@@ -2343,7 +2347,7 @@ var SearchApiRoot = ({
     obj,
     error: message
   };
-  const hasChildren = import_react13.default.Children.count(children) > 0;
+  const hasChildren = !!children;
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SearchApiContext.Provider, { value: valueCtx, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
@@ -2390,7 +2394,8 @@ var SearchApiTrigger = (0, import_react13.forwardRef)(
       clearSelection,
       selectedValue,
       variant,
-      inputRef
+      inputRef,
+      searchTerm
     } = useSearchApiContext();
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "relative", ref: dropdownAnchorRef, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       "div",
@@ -2403,7 +2408,9 @@ var SearchApiTrigger = (0, import_react13.forwardRef)(
         onClick: () => {
           if (disabled) return;
           inputRef.current?.focus();
-          setIsOpen(true);
+          if (searchTerm.trim()) {
+            setIsOpen(true);
+          }
         },
         ...props,
         children: [
@@ -2471,7 +2478,8 @@ var SearchApiInput = (0, import_react13.forwardRef)(
     };
     const handleKeyDown = (e) => {
       if (!isOpen) {
-        if (e.key === "ArrowDown" || e.key === "Enter") setIsOpen(true);
+        if ((e.key === "ArrowDown" || e.key === "Enter") && searchTerm.trim())
+          setIsOpen(true);
         return;
       }
       switch (e.key) {
@@ -2510,10 +2518,20 @@ var SearchApiInput = (0, import_react13.forwardRef)(
           className: `block w-full bg-transparent border-none focus:ring-0 py-1 focus:outline-none text-sm placeholder-gray-400 dark:placeholder-zinc-500 ${!isOpen && selectedValue ? "opacity-0" : "opacity-100"} ${variant === "ghost" ? "h-full" : "h-9"} ${className}`,
           placeholder: !selectedValue ? placeholder : "",
           value: searchTerm,
-          onChange: (e) => setSearchTerm(e.target.value),
+          onChange: (e) => {
+            const val = e.target.value;
+            setSearchTerm(val);
+            if (val.trim()) {
+              setIsOpen(true);
+            } else {
+              setIsOpen(false);
+            }
+          },
           onFocus: () => {
             setIsFocused(true);
-            setIsOpen(true);
+            if (searchTerm.trim()) {
+              setIsOpen(true);
+            }
           },
           onKeyDown: handleKeyDown,
           disabled,
@@ -2580,7 +2598,7 @@ var SearchApiContent = (0, import_react13.forwardRef)(
             isLoading && options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-4 text-center text-sm text-gray-500", children: [
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.Loader2, { className: "h-5 w-5 animate-spin mx-auto mb-2" }),
               "Loading options..."
-            ] }) : import_react13.default.Children.count(children) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "py-1", children }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "p-4 text-center text-sm text-gray-500", children: searchTerm ? `No results for "${searchTerm}"` : "No options available" })
+            ] }) : children ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "py-1", children }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "p-4 text-center text-sm text-gray-500", children: searchTerm ? `No results for "${searchTerm}"` : "No options available" })
           ]
         }
       ),

package/dist/index.mjs

@@ -1811,7 +1811,7 @@ var Textarea = forwardRef4(
 );
 
 // src/components/Fields/searchApi.tsx
-import React7, {
+import {
   createContext as createContext4,
   useContext as useContext4,
   useState as useState12,
@@ -2004,7 +2004,7 @@ var useSearchApiContext = () => {
 };
 var SearchApi = forwardRef5(
   (props, _) => {
-    const { form, name, onChange, value, children } = props;
+    const { form, name, onChange, value, children, ...restProps } = props;
     if (form && name) {
       return /* @__PURE__ */ jsx20(
         Controller5,
@@ -2014,7 +2014,9 @@ var SearchApi = forwardRef5(
           render: ({ field }) => /* @__PURE__ */ jsx20(
             SearchApiRoot,
             {
-              ...props,
+              ...restProps,
+              form,
+              name,
               currentValue: field.value !== void 0 && field.value !== "" ? field.value : value,
               onChangeHandler: (val) => {
                 field.onChange(val);
@@ -2030,7 +2032,9 @@ var SearchApi = forwardRef5(
     return /* @__PURE__ */ jsx20(
       SearchApiRoot,
       {
-        ...props,
+        ...restProps,
+        form,
+        name,
         currentValue: value,
         onChangeHandler: onChange || (() => {
         }),
@@ -2284,7 +2288,7 @@ var SearchApiRoot = ({
     obj,
     error: message
   };
-  const hasChildren = React7.Children.count(children) > 0;
+  const hasChildren = !!children;
   return /* @__PURE__ */ jsx20(SearchApiContext.Provider, { value: valueCtx, children: /* @__PURE__ */ jsxs15(
     "div",
     {
@@ -2331,7 +2335,8 @@ var SearchApiTrigger = forwardRef5(
       clearSelection,
       selectedValue,
       variant,
-      inputRef
+      inputRef,
+      searchTerm
     } = useSearchApiContext();
     return /* @__PURE__ */ jsx20("div", { className: "relative", ref: dropdownAnchorRef, children: /* @__PURE__ */ jsxs15(
       "div",
@@ -2344,7 +2349,9 @@ var SearchApiTrigger = forwardRef5(
         onClick: () => {
           if (disabled) return;
           inputRef.current?.focus();
-          setIsOpen(true);
+          if (searchTerm.trim()) {
+            setIsOpen(true);
+          }
         },
         ...props,
         children: [
@@ -2412,7 +2419,8 @@ var SearchApiInput = forwardRef5(
     };
     const handleKeyDown = (e) => {
       if (!isOpen) {
-        if (e.key === "ArrowDown" || e.key === "Enter") setIsOpen(true);
+        if ((e.key === "ArrowDown" || e.key === "Enter") && searchTerm.trim())
+          setIsOpen(true);
         return;
       }
       switch (e.key) {
@@ -2451,10 +2459,20 @@ var SearchApiInput = forwardRef5(
           className: `block w-full bg-transparent border-none focus:ring-0 py-1 focus:outline-none text-sm placeholder-gray-400 dark:placeholder-zinc-500 ${!isOpen && selectedValue ? "opacity-0" : "opacity-100"} ${variant === "ghost" ? "h-full" : "h-9"} ${className}`,
           placeholder: !selectedValue ? placeholder : "",
           value: searchTerm,
-          onChange: (e) => setSearchTerm(e.target.value),
+          onChange: (e) => {
+            const val = e.target.value;
+            setSearchTerm(val);
+            if (val.trim()) {
+              setIsOpen(true);
+            } else {
+              setIsOpen(false);
+            }
+          },
           onFocus: () => {
             setIsFocused(true);
-            setIsOpen(true);
+            if (searchTerm.trim()) {
+              setIsOpen(true);
+            }
           },
           onKeyDown: handleKeyDown,
           disabled,
@@ -2521,7 +2539,7 @@ var SearchApiContent = forwardRef5(
             isLoading && options.length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "p-4 text-center text-sm text-gray-500", children: [
               /* @__PURE__ */ jsx20(Loader22, { className: "h-5 w-5 animate-spin mx-auto mb-2" }),
               "Loading options..."
-            ] }) : React7.Children.count(children) > 0 ? /* @__PURE__ */ jsx20("div", { className: "py-1", children }) : /* @__PURE__ */ jsx20("div", { className: "p-4 text-center text-sm text-gray-500", children: searchTerm ? `No results for "${searchTerm}"` : "No options available" })
+            ] }) : children ? /* @__PURE__ */ jsx20("div", { className: "py-1", children }) : /* @__PURE__ */ jsx20("div", { className: "p-4 text-center text-sm text-gray-500", children: searchTerm ? `No results for "${searchTerm}"` : "No options available" })
           ]
         }
       ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "warqadui",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",