@rufous/ui 0.2.78 → 0.2.79

package/dist/main.cjs

@@ -1927,12 +1927,6 @@ var AddressLookup = ({
   const [suggestions, setSuggestions] = (0, import_react18.useState)([]);
   const [loading, setLoading] = (0, import_react18.useState)(false);
   const [showSuggestions, setShowSuggestions] = (0, import_react18.useState)(false);
-  const [googleFields, setGoogleFields] = (0, import_react18.useState)({
-    country: false,
-    state: false,
-    city: false,
-    pincode: false
-  });
   const debounceTimeout = (0, import_react18.useRef)(null);
   const containerRef = (0, import_react18.useRef)(null);
   const apiKey = token || "";
@@ -1948,16 +1942,6 @@ var AddressLookup = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  (0, import_react18.useEffect)(() => {
-    if (value.country || value.state || value.city || value.pincode) {
-      setGoogleFields({
-        country: !!value.country,
-        state: !!value.state,
-        city: !!value.city,
-        pincode: !!value.pincode
-      });
-    }
-  }, []);
   (0, import_react18.useEffect)(() => {
     if (value.country) {
       const country = countries.find((c) => c.name === value.country);
@@ -2018,12 +2002,6 @@ var AddressLookup = ({
       const state = findComp("administrative_area_level_1");
       const country = findComp("country");
       const pincode = findComp("postal_code");
-      setGoogleFields({
-        country: !!country,
-        state: !!state,
-        city: !!city,
-        pincode: !!pincode
-      });
       const updatedData = {
         ...value,
         addressLine1: mainText || value.addressLine1,
@@ -2074,7 +2052,6 @@ var AddressLookup = ({
       state: "",
       city: ""
     });
-    setGoogleFields({ ...googleFields, country: false, state: false, city: false });
   };
   const handleStateChange = (newState) => {
     onChange({
@@ -2106,7 +2083,6 @@ var AddressLookup = ({
           });
           setSuggestions([]);
           setShowSuggestions(false);
-          setGoogleFields({ country: false, state: false, city: false, pincode: false });
         } else {
           if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
           debounceTimeout.current = setTimeout(() => {
@@ -2155,8 +2131,6 @@ var AddressLookup = ({
       fullWidth: true,
       value: value.country || "",
       required,
-      className: googleFields.country && value.country ? "field-disabled" : "",
-      readOnly: googleFields.country && !!value.country,
       onChange: (e) => handleCountryChange(e.target.value),
       list: "countries-list"
     }
@@ -2168,9 +2142,6 @@ var AddressLookup = ({
       fullWidth: true,
       value: value.state || "",
       required,
-      disabled: !value.country,
-      className: googleFields.state && value.state ? "field-disabled" : "",
-      readOnly: googleFields.state && !!value.state,
       onChange: (e) => handleStateChange(e.target.value),
       list: "states-list"
     }
@@ -2182,9 +2153,6 @@ var AddressLookup = ({
       fullWidth: true,
       value: value.city || "",
       required,
-      disabled: !value.state,
-      className: googleFields.city && value.city ? "field-disabled" : "",
-      readOnly: googleFields.city && !!value.city,
       onChange: (e) => handleChange("city", e.target.value),
       list: "cities-list"
     }
@@ -2196,8 +2164,6 @@ var AddressLookup = ({
       fullWidth: true,
       value: value.pincode || "",
       required,
-      className: googleFields.pincode && value.pincode ? "field-disabled" : "",
-      readOnly: googleFields.pincode && !!value.pincode,
       onChange: (e) => handleChange("pincode", e.target.value)
     }
   ), error.pincode && /* @__PURE__ */ import_react18.default.createElement("div", { className: "field-error-text" }, error.pincode))));

package/dist/main.css

@@ -1069,7 +1069,6 @@ pre {
 .autocomplete-option {
   padding: 10px 14px;
   cursor: pointer;
-  border-bottom: 1px solid var(--border-color, #f0f0f0);
 }
 .autocomplete-option:last-child {
   border-bottom: none;
@@ -1079,11 +1078,11 @@ pre {
 }
 .autocomplete-main-text {
   font-weight: 600;
-  font-size: 0.95em;
+  font-size: 0.8em;
   color: var(--text-color, #333);
 }
 .autocomplete-secondary-text {
-  font-size: 0.85em;
+  font-size: 0.75em;
   color: var(--text-secondary, #666);
 }
 .loading-indicator {
@@ -1094,10 +1093,6 @@ pre {
   display: flex;
   align-items: center;
 }
-.field-disabled {
-  background-color: var(--hover-color, #f0f0f0);
-  cursor: not-allowed;
-}
 .field-error-text {
   color: #dc2626;
   font-size: 0.75rem;

package/dist/main.js

@@ -1761,12 +1761,6 @@ var AddressLookup = ({
   const [suggestions, setSuggestions] = useState4([]);
   const [loading, setLoading] = useState4(false);
   const [showSuggestions, setShowSuggestions] = useState4(false);
-  const [googleFields, setGoogleFields] = useState4({
-    country: false,
-    state: false,
-    city: false,
-    pincode: false
-  });
   const debounceTimeout = useRef3(null);
   const containerRef = useRef3(null);
   const apiKey = token || "";
@@ -1782,16 +1776,6 @@ var AddressLookup = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  useEffect4(() => {
-    if (value.country || value.state || value.city || value.pincode) {
-      setGoogleFields({
-        country: !!value.country,
-        state: !!value.state,
-        city: !!value.city,
-        pincode: !!value.pincode
-      });
-    }
-  }, []);
   useEffect4(() => {
     if (value.country) {
       const country = countries.find((c) => c.name === value.country);
@@ -1852,12 +1836,6 @@ var AddressLookup = ({
       const state = findComp("administrative_area_level_1");
       const country = findComp("country");
       const pincode = findComp("postal_code");
-      setGoogleFields({
-        country: !!country,
-        state: !!state,
-        city: !!city,
-        pincode: !!pincode
-      });
       const updatedData = {
         ...value,
         addressLine1: mainText || value.addressLine1,
@@ -1908,7 +1886,6 @@ var AddressLookup = ({
       state: "",
       city: ""
     });
-    setGoogleFields({ ...googleFields, country: false, state: false, city: false });
   };
   const handleStateChange = (newState) => {
     onChange({
@@ -1940,7 +1917,6 @@ var AddressLookup = ({
           });
           setSuggestions([]);
           setShowSuggestions(false);
-          setGoogleFields({ country: false, state: false, city: false, pincode: false });
         } else {
           if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
           debounceTimeout.current = setTimeout(() => {
@@ -1989,8 +1965,6 @@ var AddressLookup = ({
       fullWidth: true,
       value: value.country || "",
       required,
-      className: googleFields.country && value.country ? "field-disabled" : "",
-      readOnly: googleFields.country && !!value.country,
       onChange: (e) => handleCountryChange(e.target.value),
       list: "countries-list"
     }
@@ -2002,9 +1976,6 @@ var AddressLookup = ({
       fullWidth: true,
       value: value.state || "",
       required,
-      disabled: !value.country,
-      className: googleFields.state && value.state ? "field-disabled" : "",
-      readOnly: googleFields.state && !!value.state,
       onChange: (e) => handleStateChange(e.target.value),
       list: "states-list"
     }
@@ -2016,9 +1987,6 @@ var AddressLookup = ({
       fullWidth: true,
       value: value.city || "",
       required,
-      disabled: !value.state,
-      className: googleFields.city && value.city ? "field-disabled" : "",
-      readOnly: googleFields.city && !!value.city,
       onChange: (e) => handleChange("city", e.target.value),
       list: "cities-list"
     }
@@ -2030,8 +1998,6 @@ var AddressLookup = ({
       fullWidth: true,
       value: value.pincode || "",
       required,
-      className: googleFields.pincode && value.pincode ? "field-disabled" : "",
-      readOnly: googleFields.pincode && !!value.pincode,
       onChange: (e) => handleChange("pincode", e.target.value)
     }
   ), error.pincode && /* @__PURE__ */ React69.createElement("div", { className: "field-error-text" }, error.pincode))));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.2.78",
+  "version": "0.2.79",
   "type": "module",
   "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/main.css",