cr-ui-lib 1.1.22 → 1.1.24

package/dist/index.js

@@ -2670,7 +2670,7 @@ var MultipleAutoSuggestionInput = ({
   React.useEffect(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setIsDropdownOpen(false);
+        setTimeout(() => setIsDropdownOpen(false), 150);
       }
     };
     document.addEventListener("mousedown", handleClickOutside);
@@ -3510,6 +3510,14 @@ var CommonInputSingle = ({
   className = "",
   inputClass = ""
 }) => {
+  const [showAll, setShowAll] = React.useState(hasAll);
+  React.useEffect(() => {
+    setShowAll(hasAll);
+  }, [hasAll]);
+  const handleRemoveAll = (e) => {
+    e.stopPropagation();
+    setShowAll(false);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "label",
@@ -3525,11 +3533,11 @@ var CommonInputSingle = ({
       "div",
       {
         className: tailwindMerge.twMerge(
-          `border ${error ? "border-red-500" : " border-[#E2E2E2]"} rounded-lg p-1.5 bg-custom-gray cursor-pointer flex flex-wrap items-center gap-2`,
+          `border ${error ? "border-red-500" : "border-[#E2E2E2]"} rounded-lg p-1.5 bg-custom-gray cursor-pointer flex flex-wrap items-center gap-2`,
           className
         ),
         children: [
-          hasAll && inputValue === "" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex border-custom-gray items-center px-2 py-1 bg-white text-gray-700 rounded-md text-xs font-medium", children: [
+          showAll && inputValue === "" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex border-custom-gray items-center px-2 py-1 bg-white text-gray-700 rounded-md text-xs font-medium", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { children: "All" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "svg",
@@ -3539,7 +3547,8 @@ var CommonInputSingle = ({
                 height: "14",
                 viewBox: "0 0 14 14",
                 fill: "none",
-                className: "ml-1",
+                className: "ml-1 cursor-pointer hover:opacity-70",
+                onClick: handleRemoveAll,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   "path",
                   {
@@ -3555,7 +3564,12 @@ var CommonInputSingle = ({
             {
               type: "text",
               value: inputValue,
-              onChange,
+              onChange: (e) => {
+                onChange(e);
+                if (inputValue === "") {
+                  setShowAll(true);
+                }
+              },
               onKeyDown: keyDown,
               className: tailwindMerge.twMerge(
                 "flex-grow px-0 py-1 bg-custom-gray text-xs border-none outline-none focus:ring-0",
@@ -3566,7 +3580,7 @@ var CommonInputSingle = ({
         ]
       }
     ),
-    error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: " text-[12px] text-red-500", children: error })
+    error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] text-red-500", children: error })
   ] });
 };
 var CommonInputSingle_default = CommonInputSingle;