mytek-components 2.0.1 → 2.0.2

package/dist/main.umd.js

@@ -23196,29 +23196,47 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     const handleInputChange = (e) => {
       const val = e.target.value;
       setInputValue(val);
-      if (mode !== "select" && onChange) {
-        onChange(name, val);
-      }
-      if (mode !== "type") {
-        const normalized = normalizeOptions2(options2);
-        const filtered = normalized.filter(
-          (opt) => {
-            var _a;
-            return (_a = opt.label) == null ? void 0 : _a.toLowerCase().includes(val.toLowerCase());
-          }
-        );
-        setFilteredOptions(filtered);
-        setShowDropdown(true);
-        setHighlightIndex(-1);
-      }
+      const normalized = normalizeOptions2(options2);
+      const filtered = normalized.filter(
+        (opt) => {
+          var _a;
+          return (_a = opt.label) == null ? void 0 : _a.toLowerCase().includes(val.toLowerCase());
+        }
+      );
+      setFilteredOptions(filtered);
+      setShowDropdown(true);
+      setHighlightIndex(-1);
     };
     const handleSelect = (val, label2) => {
       setInputValue(label2);
-      if (onChange) {
+      onChange(name, val);
+      setShowDropdown(false);
+      setHighlightIndex(-1);
+    };
+    const handleBlur = () => {
+      const val = inputValue.trim();
+      const normalized = normalizeOptions2(options2);
+      const matchedOption = normalized.find(
+        (opt) => opt.label.toLowerCase() === val.toLowerCase()
+      );
+      if (matchedOption) {
+        setInputValue(matchedOption.label);
+        onChange(name, matchedOption.value);
+      } else if (mode === "both") {
         onChange(name, val);
+      } else if (mode === "type") {
+        onChange(name, val);
+      } else {
+        const selected = normalized.find(
+          (opt) => opt.value === value
+        );
+        if (selected) {
+          setInputValue(selected.label);
+        } else {
+          setInputValue("");
+        }
       }
       setShowDropdown(false);
-      setHighlightIndex(-1);
     };
     const handleKeyDown = (e) => {
       if (!showDropdown || filteredOptions.length === 0) return;
@@ -23270,6 +23288,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
             name,
             value: inputValue,
             onChange: handleInputChange,
+            onBlur: handleBlur,
             onFocus: () => {
               if (mode !== "type") {
                 setFilteredOptions(normalizeOptions2(options2));
@@ -29258,6 +29277,11 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     const [showPassword, setShowPassword] = React.useState(false);
     const [amountInWords, setAmountInWords] = React.useState("");
     const [enable, setEnable] = React.useState(true);
+    React.useEffect(() => {
+      if (value) {
+        validate(value);
+      }
+    }, [value]);
     console.log(enable);
     const validate = (val) => {
       const raw = category === "amount" ? removeCommas(val) : val;
@@ -29295,7 +29319,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
           break;
         }
         case "mobile":
-          if (val.length !== 10) return setError("Invalid mobile number");
+          if (val.length < 12) return setError("Invalid mobile number");
           if (val.length == 10) setEnable(true);
           break;
         case "aadhaar":
@@ -29481,7 +29505,6 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     const handleChange = (e) => {
       let val;
       if (category == "mobile") {
-        alert(val.length);
         console.log(e);
         val = e;
         validate(val);
@@ -31107,7 +31130,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
           ))
         }
       ) }),
-      tabs.map((tab, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(CustomTabPanel, { value, index, className: "focus:outline-none !pl-0 !pb-0 !p-2 ", children: tab.content }, index))
+      tabs.map((tab, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(CustomTabPanel, { value, index, className: "focus:outline-none !pr-0 !pt-0 !pl-0 !pb-0 sm:!pr-2 ", children: tab.content }, index))
     ] });
   }
   const ArrowDropDownIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("path", {