cr-ui-lib 1.1.101 → 1.1.102

package/dist/index.js

@@ -3818,22 +3818,58 @@ function SingleSelectDropdown({
             )
           ]
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "text",
-          autoFocus: true,
-          onClick: openList,
-          className: tailwindMerge.twMerge(
-            "input-placeholder-ellipsis w-full pr-[30px] h-[48px] px-2 py-1 rounded-md border border-gray-300 text-sm focus:border-1 focus:border-[#4683B4] focus:outline-none",
-            searchInputClass,
-            uniqueSearch && "placeholder:opacity-100 placeholder:text-[#131414]"
-          ),
-          value: searchTerm,
-          placeholder: (selectedOption == null ? void 0 : selectedOption.name) || placeholder,
-          onChange: (e) => handleSearchChange(e.target.value)
-        }
-      ),
+      ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: dropdownRef, className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            autoFocus: true,
+            onClick: openList,
+            className: tailwindMerge.twMerge(
+              "input-placeholder-ellipsis w-full pr-[30px] h-[48px] px-2 py-1 rounded-md border border-gray-300 text-sm focus:border-1 focus:border-[#4683B4] focus:outline-none",
+              searchInputClass,
+              uniqueSearch && "placeholder:opacity-100 placeholder:text-[#131414]"
+            ),
+            value: searchTerm,
+            placeholder: (selectedOption == null ? void 0 : selectedOption.name) || placeholder,
+            onChange: (e) => handleSearchChange(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: `absolute right-[8px]  top-[12.5px] transition-transform duration-200 ${!isOpen ? "rotate-180" : ""} ${disabled ? "text-gray-400" : ""} ${hasIcon ? "block" : "hidden"} ${iconClass}`,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "svg",
+              {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_10508_5931)", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      d: "M5.83333 11.6665L10 7.49984L14.1667 11.6665H5.83333Z",
+                      fill: "currentColor"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_10508_5931", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "rect",
+                    {
+                      width: "20",
+                      height: "20",
+                      fill: "white",
+                      transform: "matrix(1 0 0 -1 0 20)"
+                    }
+                  ) }) })
+                ]
+              }
+            )
+          }
+        )
+      ] }),
       isOpen && !disabled && (usePortal ? reactDom.createPortal(DropdownMenu, document.body) : DropdownMenu)
     ] })
   ] });