warqadui 0.0.105 → 0.0.106

package/dist/index.js

@@ -2587,7 +2587,16 @@ var useSearchApiContext = () => {
 };
 var SearchApi = (0, import_react16.forwardRef)(
   (props, _) => {
-    const { form, name, onChange, onSelect, onClear, value, children, ...restProps } = props;
+    const {
+      form,
+      name,
+      onChange,
+      onSelect,
+      onClear,
+      value,
+      children,
+      ...restProps
+    } = props;
     (0, import_react16.useEffect)(() => {
       if (form && name && value !== void 0 && value !== null && value !== "") {
         const currentFormValue = form.getValues(name);
@@ -2794,7 +2803,7 @@ var SearchApiRoot = ({
   }, [fieldInternalProps]);
   const getDisplayValue = () => {
     if (selectedObject) return selectedObject[labelKey];
-    if (options3.length > 0 && (currentValue !== void 0 && currentValue !== null && currentValue !== "")) {
+    if (options3.length > 0 && currentValue !== void 0 && currentValue !== null && currentValue !== "") {
       const found = options3.find((o) => getOptionValue(o) === currentValue);
       if (found) return found[labelKey];
     }
@@ -3057,7 +3066,7 @@ var SearchApiInput = (0, import_react16.forwardRef)(
       }
     };
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-      !isOpen && (selectedValue !== void 0 && selectedValue !== null && selectedValue !== "") && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0 flex items-center ms-1 truncate select-none", children: getDisplayValue() }),
+      !isOpen && selectedValue !== void 0 && selectedValue !== null && selectedValue !== "" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "absolute inset-0 flex items-center ms-1 truncate select-none", children: getDisplayValue() }),
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "input",
         {
@@ -3097,12 +3106,15 @@ var SearchApiInput = (0, import_react16.forwardRef)(
             props.onFocus?.(e);
           },
           onBlur: (e) => {
-            if (!dropdownContentRef.current?.contains(e.relatedTarget) && !containerRef.current?.contains(e.relatedTarget)) {
-              setIsFocused(false);
-              setIsOpen(false);
-              setSearchTerm("");
-              fieldInternalProps?.onBlur?.();
-            }
+            const relatedTarget = e.relatedTarget;
+            setTimeout(() => {
+              if (!dropdownContentRef.current?.contains(relatedTarget) && !containerRef.current?.contains(relatedTarget)) {
+                setIsFocused(false);
+                setIsOpen(false);
+                setSearchTerm("");
+                fieldInternalProps?.onBlur?.();
+              }
+            }, 150);
             props.onBlur?.(e);
           }
         }
@@ -3128,16 +3140,12 @@ var SearchApiContent = (0, import_react16.forwardRef)(
       if (dropdownAnchorRef.current) {
         const rect = dropdownAnchorRef.current.getBoundingClientRect();
         const newStyle = {
-          position: "fixed",
-          top: `${rect.bottom + 4}px`,
-          left: `${rect.left}px`,
+          position: "absolute",
+          top: `${rect.bottom + window.scrollY + 4}px`,
+          left: `${rect.left + window.scrollX}px`,
           width: `${rect.width}px`,
           zIndex: 999999
         };
-        if (rect.bottom + 240 > window.innerHeight) {
-          newStyle.top = "auto";
-          newStyle.bottom = `${window.innerHeight - rect.top + 4}px`;
-        }
         setDropdownStyle(newStyle);
       }
     };
@@ -3207,7 +3215,7 @@ var SearchApiItem = (0, import_react16.forwardRef)(
           color: primaryColor
         } : void 0,
         onMouseDown: (e) => e.stopPropagation(),
-        onClick: (e) => {
+        onPointerDown: (e) => {
           e.stopPropagation();
           e.preventDefault();
           handleSelect(option);

package/dist/index.mjs

@@ -2454,7 +2454,16 @@ var useSearchApiContext = () => {
 };
 var SearchApi = forwardRef5(
   (props, _) => {
-    const { form, name, onChange, onSelect, onClear, value, children, ...restProps } = props;
+    const {
+      form,
+      name,
+      onChange,
+      onSelect,
+      onClear,
+      value,
+      children,
+      ...restProps
+    } = props;
     useEffect10(() => {
       if (form && name && value !== void 0 && value !== null && value !== "") {
         const currentFormValue = form.getValues(name);
@@ -2661,7 +2670,7 @@ var SearchApiRoot = ({
   }, [fieldInternalProps]);
   const getDisplayValue = () => {
     if (selectedObject) return selectedObject[labelKey];
-    if (options3.length > 0 && (currentValue !== void 0 && currentValue !== null && currentValue !== "")) {
+    if (options3.length > 0 && currentValue !== void 0 && currentValue !== null && currentValue !== "") {
       const found = options3.find((o) => getOptionValue(o) === currentValue);
       if (found) return found[labelKey];
     }
@@ -2924,7 +2933,7 @@ var SearchApiInput = forwardRef5(
       }
     };
     return /* @__PURE__ */ jsxs18(Fragment5, { children: [
-      !isOpen && (selectedValue !== void 0 && selectedValue !== null && selectedValue !== "") && /* @__PURE__ */ jsx23("div", { className: "absolute inset-0 flex items-center ms-1 truncate select-none", children: getDisplayValue() }),
+      !isOpen && selectedValue !== void 0 && selectedValue !== null && selectedValue !== "" && /* @__PURE__ */ jsx23("div", { className: "absolute inset-0 flex items-center ms-1 truncate select-none", children: getDisplayValue() }),
       /* @__PURE__ */ jsx23(
         "input",
         {
@@ -2964,12 +2973,15 @@ var SearchApiInput = forwardRef5(
             props.onFocus?.(e);
           },
           onBlur: (e) => {
-            if (!dropdownContentRef.current?.contains(e.relatedTarget) && !containerRef.current?.contains(e.relatedTarget)) {
-              setIsFocused(false);
-              setIsOpen(false);
-              setSearchTerm("");
-              fieldInternalProps?.onBlur?.();
-            }
+            const relatedTarget = e.relatedTarget;
+            setTimeout(() => {
+              if (!dropdownContentRef.current?.contains(relatedTarget) && !containerRef.current?.contains(relatedTarget)) {
+                setIsFocused(false);
+                setIsOpen(false);
+                setSearchTerm("");
+                fieldInternalProps?.onBlur?.();
+              }
+            }, 150);
             props.onBlur?.(e);
           }
         }
@@ -2995,16 +3007,12 @@ var SearchApiContent = forwardRef5(
       if (dropdownAnchorRef.current) {
         const rect = dropdownAnchorRef.current.getBoundingClientRect();
         const newStyle = {
-          position: "fixed",
-          top: `${rect.bottom + 4}px`,
-          left: `${rect.left}px`,
+          position: "absolute",
+          top: `${rect.bottom + window.scrollY + 4}px`,
+          left: `${rect.left + window.scrollX}px`,
           width: `${rect.width}px`,
           zIndex: 999999
         };
-        if (rect.bottom + 240 > window.innerHeight) {
-          newStyle.top = "auto";
-          newStyle.bottom = `${window.innerHeight - rect.top + 4}px`;
-        }
         setDropdownStyle(newStyle);
       }
     };
@@ -3074,7 +3082,7 @@ var SearchApiItem = forwardRef5(
           color: primaryColor
         } : void 0,
         onMouseDown: (e) => e.stopPropagation(),
-        onClick: (e) => {
+        onPointerDown: (e) => {
           e.stopPropagation();
           e.preventDefault();
           handleSelect(option);

package/package.json

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