@rufous/ui 0.2.0-beta.0 → 0.2.0-beta.1

package/dist/Dialogs/index.js

@@ -1,11 +1,13 @@
 import {
   BaseDialog_default
-} from "../chunk-TYTZEAV5.js";
+} from "../chunk-5DAOQ2V5.js";
 import "../chunk-E5RTHYCU.js";
+import "../chunk-EZI3QGYJ.js";
 import "../chunk-QTGVW36I.js";
 import "../chunk-G2GZDPUL.js";
 import "../chunk-CTWVJQJ5.js";
 import "../chunk-QJPQC544.js";
+import "../chunk-3Y6QBRGD.js";
 import "../chunk-JVN6QVET.js";
 import "../chunk-R4ISYGEP.js";
 import "../chunk-5JWTJ5PY.js";
@@ -13,7 +15,7 @@ import "../chunk-763IHEJ2.js";
 import "../chunk-XHY3OCAQ.js";
 import "../chunk-6KIFTMUN.js";
 import "../chunk-ZJAV3FEQ.js";
-import "../chunk-EZI3QGYJ.js";
+import "../chunk-Q4DHI3B5.js";
 import "../chunk-YTVUM76D.js";
 import "../chunk-WG3Q6GZN.js";
 import "../chunk-RJ43D3XB.js";
@@ -21,7 +23,7 @@ import "../chunk-QDMNCTXT.js";
 import "../chunk-DMP72IAP.js";
 import "../chunk-QZFGQ5JM.js";
 import "../chunk-DK3DA5LH.js";
-import "../chunk-3Y6QBRGD.js";
+import "../chunk-UTBCFDOX.js";
 import "../chunk-4Y7SQ5EP.js";
 import "../chunk-B2LVMM55.js";
 import "../chunk-2AJACSJ3.js";
@@ -29,7 +31,7 @@ import "../chunk-WHGVO3HV.js";
 import "../chunk-7II4Q2WY.js";
 import "../chunk-5GK5B3FD.js";
 import "../chunk-Z7USRFM2.js";
-import "../chunk-Q4DHI3B5.js";
+import "../chunk-4BTXGP7U.js";
 import "../chunk-6SUKO6QW.js";
 import "../chunk-UTYIBUY2.js";
 import "../chunk-N4EJKMJK.js";
@@ -37,14 +39,14 @@ import "../chunk-FPRXN3DS.js";
 import "../chunk-GESVGIAP.js";
 import "../chunk-QIEQRNBE.js";
 import "../chunk-DLJHWFNG.js";
-import "../chunk-UTBCFDOX.js";
+import "../chunk-XCE3QE6Q.js";
 import "../chunk-H372BAXA.js";
 import "../chunk-ZLJDOLXZ.js";
 import "../chunk-OJV6F5JC.js";
 import "../chunk-AXSFVJ3H.js";
 import "../chunk-WZAU77G7.js";
 import "../chunk-77QDKDFI.js";
-import "../chunk-4BTXGP7U.js";
+import "../chunk-6FEUS4CQ.js";
 import "../chunk-5XKFPQLH.js";
 import "../chunk-JI5XMLWT.js";
 import "../chunk-WXANSSXF.js";
@@ -52,17 +54,18 @@ import "../chunk-XPJVVKOU.js";
 import "../chunk-GL43GPEM.js";
 import "../chunk-FZCFFVXW.js";
 import "../chunk-N26C33E6.js";
-import "../chunk-XCE3QE6Q.js";
 import "../chunk-AH6RCYDL.js";
 import "../chunk-3IBCGGN3.js";
 import "../chunk-MNPAE2ZF.js";
 import "../chunk-Q5XKCUE3.js";
-import "../chunk-6FEUS4CQ.js";
+import "../chunk-7KRG7VNW.js";
+import "../chunk-5QEWUCKT.js";
+import "../chunk-UPCMMCPQ.js";
+import "../chunk-NEGQXBQV.js";
+import "../chunk-HMG3FW2Q.js";
+import "../chunk-YXPBXCY5.js";
 import "../chunk-GJGRMMAQ.js";
 import "../chunk-66HHM7VI.js";
-import "../chunk-UPCMMCPQ.js";
-import "../chunk-X357WQOT.js";
-import "../chunk-7KRG7VNW.js";
 import "../chunk-J6E3UO2W.js";
 import "../chunk-QPGJCRBS.js";
 import "../chunk-U7SARO5B.js";
@@ -70,8 +73,6 @@ import "../chunk-BMMDUQDJ.js";
 import "../chunk-R3GARAVJ.js";
 import "../chunk-YRLN3TBF.js";
 import "../chunk-CTBYVXFP.js";
-import "../chunk-WNZLBFLQ.js";
-import "../chunk-QGXXOQJF.js";
 import "../chunk-LI4N7JWK.js";
 export {
   BaseDialog_default as BaseDialog

package/dist/TextFields/AddressLookup.js

@@ -1,304 +1,11 @@
 import {
-  FloatingInput
-} from "../chunk-UPCMMCPQ.js";
-import {
-  circularProgress_default
-} from "../chunk-CTBYVXFP.js";
-import {
-  useRufousTheme
-} from "../chunk-WNZLBFLQ.js";
-import "../chunk-QGXXOQJF.js";
+  AddressLookup_default
+} from "../chunk-5QEWUCKT.js";
+import "../chunk-UPCMMCPQ.js";
+import "../chunk-HMG3FW2Q.js";
+import "../chunk-YXPBXCY5.js";
+import "../chunk-CTBYVXFP.js";
 import "../chunk-LI4N7JWK.js";
-
-// lib/TextFields/AddressLookup.tsx
-import React, { useState, useRef, useEffect } from "react";
-import Axios from "axios";
-import { Country, State, City } from "country-state-city";
-var AddressLookup = ({
-  value = {},
-  onChange = () => {
-  },
-  label = "Address",
-  error = {},
-  size = "medium",
-  sx = {},
-  layout = "stack",
-  required = false,
-  token = ""
-}) => {
-  const { theme } = useRufousTheme();
-  const [suggestions, setSuggestions] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [showSuggestions, setShowSuggestions] = useState(false);
-  const [googleFields, setGoogleFields] = useState({
-    country: false,
-    state: false,
-    city: false,
-    pincode: false
-  });
-  const debounceTimeout = useRef(null);
-  const containerRef = useRef(null);
-  const apiKey = token || "";
-  const countries = Country.getAllCountries();
-  const [states, setStates] = useState([]);
-  const [cities, setCities] = useState([]);
-  useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setShowSuggestions(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
-  useEffect(() => {
-    if (value.country || value.state || value.city || value.pincode) {
-      setGoogleFields({
-        country: !!value.country,
-        state: !!value.state,
-        city: !!value.city,
-        pincode: !!value.pincode
-      });
-    }
-  }, []);
-  useEffect(() => {
-    if (value.country) {
-      const country = countries.find((c) => c.name === value.country);
-      if (country) {
-        const stateList = State.getStatesOfCountry(country.isoCode);
-        setStates(stateList);
-      } else {
-        setStates([]);
-      }
-    } else {
-      setStates([]);
-    }
-  }, [value.country]);
-  useEffect(() => {
-    if (value.state && value.country) {
-      const country = countries.find((c) => c.name === value.country);
-      if (country) {
-        const state = State.getStatesOfCountry(country.isoCode).find((s) => s.name === value.state);
-        if (state) {
-          const cityList = City.getCitiesOfState(country.isoCode, state.isoCode);
-          setCities(cityList);
-        } else {
-          setCities([]);
-        }
-      } else {
-        setCities([]);
-      }
-    } else {
-      setCities([]);
-    }
-  }, [value.state, value.country]);
-  const handleChange = (field, newVal) => {
-    onChange({
-      ...value,
-      [field]: newVal
-    });
-  };
-  const fetchPlaceDetails = async (placeId, mainText = "") => {
-    if (!apiKey) {
-      console.warn("Google Places API Key (token) is missing.");
-      return;
-    }
-    setLoading(true);
-    try {
-      const res = await Axios.get(
-        `https://places.googleapis.com/v1/places/${placeId}`,
-        {
-          headers: {
-            "Content-Type": "application/json",
-            "X-Goog-Api-Key": apiKey,
-            "X-Goog-FieldMask": "addressComponents,formattedAddress"
-          }
-        }
-      );
-      const comps = res.data.addressComponents || [];
-      const findComp = (type) => comps.find((c) => c.types.includes(type))?.longText || "";
-      const city = findComp("locality") || findComp("sublocality_level_1");
-      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,
-        addressLine2: res.data.formattedAddress || value.addressLine2,
-        city,
-        state,
-        country,
-        pincode
-      };
-      onChange(updatedData);
-      setShowSuggestions(false);
-    } catch (err) {
-      console.error("Error fetching place details:", err);
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleQuerySuggestions = async (query) => {
-    if (!apiKey || !query || query.length < 3) {
-      setSuggestions([]);
-      setShowSuggestions(false);
-      return;
-    }
-    setLoading(true);
-    try {
-      const res = await Axios.post(
-        `https://places.googleapis.com/v1/places:autocomplete`,
-        { input: query },
-        {
-          headers: {
-            "Content-Type": "application/json",
-            "X-Goog-Api-Key": apiKey
-          }
-        }
-      );
-      setSuggestions(res.data.suggestions || []);
-      setShowSuggestions(true);
-    } catch (err) {
-      console.error("Autocomplete Error:", err);
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleCountryChange = (newCountry) => {
-    onChange({
-      ...value,
-      country: newCountry,
-      state: "",
-      city: ""
-    });
-    setGoogleFields({ ...googleFields, country: false, state: false, city: false });
-  };
-  const handleStateChange = (newState) => {
-    onChange({
-      ...value,
-      state: newState,
-      city: ""
-    });
-  };
-  return /* @__PURE__ */ React.createElement("div", { className: "address-lookup-container", style: sx, ref: containerRef }, /* @__PURE__ */ React.createElement("div", { className: `address-lookup-grid address-lookup-grid-${layout}` }, /* @__PURE__ */ React.createElement("div", { className: "address-lookup-grid-item col-l1" }, /* @__PURE__ */ React.createElement(
-    FloatingInput,
-    {
-      label,
-      name: "addressLine1",
-      value: value.addressLine1 || "",
-      required,
-      autoComplete: "off",
-      onChange: (e) => {
-        const val = e.target.value;
-        handleChange("addressLine1", val);
-        if (!val) {
-          onChange({
-            ...value,
-            addressLine1: "",
-            city: "",
-            state: "",
-            country: "",
-            pincode: ""
-          });
-          setSuggestions([]);
-          setShowSuggestions(false);
-          setGoogleFields({ country: false, state: false, city: false, pincode: false });
-        } else {
-          if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
-          debounceTimeout.current = setTimeout(() => {
-            handleQuerySuggestions(val);
-          }, 500);
-        }
-      },
-      onFocus: () => suggestions.length > 0 && setShowSuggestions(true)
-    }
-  ), loading && /* @__PURE__ */ React.createElement("div", { className: "loading-indicator" }, /* @__PURE__ */ React.createElement(circularProgress_default, { size: 20 })), showSuggestions && suggestions.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "autocomplete-dropdown" }, suggestions.map((option, idx) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: idx,
-      className: "autocomplete-option",
-      onClick: () => {
-        const mainText = option?.placePrediction?.structuredFormat?.mainText?.text || "";
-        handleChange("addressLine1", mainText);
-        fetchPlaceDetails(option.placePrediction.placeId, mainText);
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "autocomplete-main-text" }, option?.placePrediction?.structuredFormat?.mainText?.text),
-    /* @__PURE__ */ React.createElement("div", { className: "autocomplete-secondary-text" }, option?.placePrediction?.structuredFormat?.secondaryText?.text)
-  ))), error.addressLine1 && /* @__PURE__ */ React.createElement("div", { className: "field-error-text" }, error.addressLine1)), layout === "compact" && /* @__PURE__ */ React.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ React.createElement(
-    FloatingInput,
-    {
-      label: "Address Line 2",
-      name: "addressLine2",
-      value: value.addressLine2 || "",
-      onChange: (e) => handleChange("addressLine2", e.target.value)
-    }
-  )), layout !== "compact" && /* @__PURE__ */ React.createElement("div", { className: "address-lookup-grid-item col-l2" }, /* @__PURE__ */ React.createElement(
-    FloatingInput,
-    {
-      label: "Address Line 2",
-      name: "addressLine2",
-      value: value.addressLine2 || "",
-      onChange: (e) => handleChange("addressLine2", e.target.value)
-    }
-  )), /* @__PURE__ */ React.createElement("div", { className: "address-lookup-grid-item col-country" }, /* @__PURE__ */ React.createElement(
-    FloatingInput,
-    {
-      label: "Country",
-      name: "country",
-      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"
-    }
-  ), /* @__PURE__ */ React.createElement("datalist", { id: "countries-list" }, countries.map((c) => /* @__PURE__ */ React.createElement("option", { key: c.isoCode, value: c.name }))), error.country && /* @__PURE__ */ React.createElement("div", { className: "field-error-text" }, error.country)), /* @__PURE__ */ React.createElement("div", { className: "address-lookup-grid-item col-state" }, /* @__PURE__ */ React.createElement(
-    FloatingInput,
-    {
-      label: "State",
-      name: "state",
-      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"
-    }
-  ), /* @__PURE__ */ React.createElement("datalist", { id: "states-list" }, states.map((s) => /* @__PURE__ */ React.createElement("option", { key: s.isoCode, value: s.name }))), error.state && /* @__PURE__ */ React.createElement("div", { className: "field-error-text" }, error.state)), /* @__PURE__ */ React.createElement("div", { className: "address-lookup-grid-item col-city" }, /* @__PURE__ */ React.createElement(
-    FloatingInput,
-    {
-      label: "City",
-      name: "city",
-      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"
-    }
-  ), /* @__PURE__ */ React.createElement("datalist", { id: "cities-list" }, cities.map((c, i) => /* @__PURE__ */ React.createElement("option", { key: i, value: c.name }))), error.city && /* @__PURE__ */ React.createElement("div", { className: "field-error-text" }, error.city)), /* @__PURE__ */ React.createElement("div", { className: "address-lookup-grid-item col-pin" }, /* @__PURE__ */ React.createElement(
-    FloatingInput,
-    {
-      label: "Pincode",
-      name: "pincode",
-      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__ */ React.createElement("div", { className: "field-error-text" }, error.pincode))));
-};
-var AddressLookup_default = AddressLookup;
 export {
   AddressLookup_default as default
 };

package/dist/{chunk-TYTZEAV5.js → chunk-5DAOQ2V5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-Q5XKCUE3.js";
 import {
   useRufousTheme
-} from "./chunk-WNZLBFLQ.js";
+} from "./chunk-HMG3FW2Q.js";
 
 // lib/Dialogs/BaseDialog.tsx
 import * as React from "react";