@adoptaunabuelo/react-components 0.1.12 → 0.1.13

package/dist/esm/components/Input/Input.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="google.maps" />
 import { ReactElement, CSSProperties } from 'react';
 import { InputStyledProps } from './InputStyled';
 declare const Input: (props: Props) => import("react/jsx-runtime").JSX.Element;
@@ -15,4 +16,9 @@ export interface Props extends InputStyledProps {
     country?: string;
     design?: 'primary' | 'secondary';
     onPhoneChange?: (item: any) => void;
+    onLocationChange?: (result: {
+        address: string;
+        geocoder: google.maps.GeocoderResult;
+        location: google.maps.LatLngLiteral;
+    }) => void;
 }

package/dist/esm/components/Input/InputLocation.d.ts

@@ -4,6 +4,7 @@ declare const InputLocation: (props: Props) => import("react/jsx-runtime").JSX.E
 export default InputLocation;
 export interface Props extends InputSecondaryProps {
     onLocationChange?: (result: {
+        address: string;
         geocoder: google.maps.GeocoderResult;
         location: google.maps.LatLngLiteral;
     }) => void;

package/dist/esm/index.js

@@ -499,7 +499,7 @@ var extendStatics=function(e,t){return(extendStatics=Object.setPrototypeOf||{__p
     :hover{
         background-color: ${Color.background.soft};
     }
-`,InputLocation=e=>{const[t,a]=useState(void 0);return jsx(_default,Object.assign({value:t,onChange:e=>{a(e)},onSelect:t=>__awaiter$1(void 0,void 0,void 0,(function*(){a(t);const r=yield geocodeByAddress(t),n=yield getLatLng(r[0]);e.onLocationChange&&e.onLocationChange({geocoder:r[0],location:n})})),searchOptions:{types:["geocode"]}},{children:({getInputProps:a,suggestions:r,getSuggestionItemProps:n})=>jsxs(SearchView,{children:[jsx(InputSecondary,Object.assign({},a({className:"location-search-input",placeholder:e.placeholder}),{containerStyle:{flex:1},value:t})),r.length>0&&jsx(DropdownMenu,Object.assign({role:"menu"},{children:r.map(((e,t)=>jsx(SuggestionView,Object.assign({},n(e),{role:"cell"+t},{children:jsx(Text,Object.assign({type:"p2",style:{textOverflow:"ellipsis"}},{children:e.description}))}))))}))]})}))},Input=e=>"range"===e.type?jsx(InputRange,Object.assign({},e)):"location"===e.type?jsx(InputLocation,Object.assign({},e)):"secondary"===e.design?jsx(InputSecondary,Object.assign({},e)):jsx(InputPrimary,Object.assign({},e)),Container=qe.div`
+`,InputLocation=e=>{const[t,a]=useState(void 0);return jsx(_default,Object.assign({value:t,onChange:e=>{a(e)},onSelect:t=>__awaiter$1(void 0,void 0,void 0,(function*(){a(t);const r=yield geocodeByAddress(t),n=yield getLatLng(r[0]);e.onLocationChange&&e.onLocationChange({address:t,geocoder:r[0],location:n})})),searchOptions:{types:["geocode"]}},{children:({getInputProps:a,suggestions:r,getSuggestionItemProps:n})=>jsxs(SearchView,{children:[jsx(InputSecondary,Object.assign({},a({className:"location-search-input",placeholder:e.placeholder}),{containerStyle:{flex:1},value:t})),r.length>0&&jsx(DropdownMenu,Object.assign({role:"menu"},{children:r.map(((e,t)=>jsx(SuggestionView,Object.assign({},n(e),{role:"cell"+t},{children:jsx(Text,Object.assign({type:"p2",style:{textOverflow:"ellipsis"}},{children:e.description}))}))))}))]})}))},Input=e=>"range"===e.type?jsx(InputRange,Object.assign({},e)):"location"===e.type?jsx(InputLocation,Object.assign({},e)):"secondary"===e.design?jsx(InputSecondary,Object.assign({},e)):jsx(InputPrimary,Object.assign({},e)),Container=qe.div`
     position: relative;
 `,SelectStyled=qe.div`
     display: flex;