mytek-components 2.0.1 → 2.0.2

package/README.md

@@ -1,12 +1,12 @@
-# React + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

package/dist/main.es.js

@@ -23180,29 +23180,47 @@ const ComboDropdown = ({
   const handleInputChange = (e) => {
     const val = e.target.value;
     setInputValue(val);
-    if (mode !== "select" && onChange) {
-      onChange(name, val);
-    }
-    if (mode !== "type") {
-      const normalized = normalizeOptions2(options);
-      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(options);
+    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(options);
+    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;
@@ -23254,6 +23272,7 @@ const ComboDropdown = ({
           name,
           value: inputValue,
           onChange: handleInputChange,
+          onBlur: handleBlur,
           onFocus: () => {
             if (mode !== "type") {
               setFilteredOptions(normalizeOptions2(options));
@@ -29242,6 +29261,11 @@ const CustomInput = ({
   const [showPassword, setShowPassword] = useState(false);
   const [amountInWords, setAmountInWords] = useState("");
   const [enable, setEnable] = useState(true);
+  useEffect(() => {
+    if (value) {
+      validate(value);
+    }
+  }, [value]);
   console.log(enable);
   const validate = (val) => {
     const raw = category === "amount" ? removeCommas(val) : val;
@@ -29279,7 +29303,7 @@ const CustomInput = ({
         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":
@@ -29465,7 +29489,6 @@ const CustomInput = ({
   const handleChange = (e) => {
     let val;
     if (category == "mobile") {
-      alert(val.length);
       console.log(e);
       val = e;
       validate(val);
@@ -31091,7 +31114,7 @@ function DynamicTabs({
         ))
       }
     ) }),
-    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", {