@adoptaunabuelo/react-components 0.1.11 → 0.1.12

package/README.md

@@ -42,6 +42,14 @@ function App() {
 }
 ```
 
+### Watch out! 
+To be able to use Input location, you will need to add this line to your project header:
+
+```html
+    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places&language=es"/>
+```
+Please, replace ``YOUR_API_KEY`` with your Google Maps API Key.
+
 ## Storybook
 
 You can checkout all the library Components and its docs in our storybook

package/dist/cjs/components/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-declare const Button: (props: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;
-export interface Props extends ComponentPropsWithoutRef<"button"> {
+export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     design?: 'primary' | 'secondary' | 'text' | 'image' | 'call-to-action';
     size?: 'small' | 'normal';
     icon?: React.ReactElement;

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

@@ -0,0 +1,10 @@
+/// <reference types="google.maps" />
+import { InputSecondaryProps } from './InputSecondary';
+declare const InputLocation: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default InputLocation;
+export interface Props extends InputSecondaryProps {
+    onLocationChange?: (result: {
+        geocoder: google.maps.GeocoderResult;
+        location: google.maps.LatLngLiteral;
+    }) => void;
+}

package/dist/cjs/components/Input/InputSecondary.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement, CSSProperties } from 'react';
 import { InputStyledProps } from './InputStyled';
-declare const InputSecondary: (props: Props) => import("react/jsx-runtime").JSX.Element;
+declare const InputSecondary: (props: InputSecondaryProps) => import("react/jsx-runtime").JSX.Element;
 export default InputSecondary;
-export interface Props extends InputStyledProps {
+export interface InputSecondaryProps extends InputStyledProps {
     containerStyle?: CSSProperties;
     icon?: ReactElement;
     error?: string | undefined;

package/dist/cjs/components/Input/InputStyled.d.ts

@@ -2,6 +2,6 @@ import { ComponentPropsWithRef } from 'react';
 declare const InputStyled: import("react").ForwardRefExoticComponent<Omit<InputStyledProps, "ref"> & import("react").RefAttributes<unknown>>;
 export default InputStyled;
 export interface InputStyledProps extends ComponentPropsWithRef<"input"> {
-    type?: 'text' | 'tel' | 'email' | 'date' | 'password' | 'range' | 'time' | 'number';
+    type?: 'text' | 'tel' | 'email' | 'date' | 'password' | 'range' | 'time' | 'number' | 'location';
     hideCalendar?: boolean;
 }

package/dist/cjs/components/Modal/Modal.d.ts

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { CSSProperties } from 'styled-components';
+import { ButtonProps } from '../Button/Button';
+declare const ModalComponent: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<ModalRef>>;
+export default ModalComponent;
+export interface ModalProps extends ComponentPropsWithoutRef<"div"> {
+    isVisible: boolean;
+    design?: 'default' | 'full-screen';
+    title?: string;
+    subtitle?: string;
+    error?: string;
+    hideClose?: boolean;
+    hideHeader?: boolean;
+    contentStyle?: CSSProperties;
+    Header?: JSX.Element;
+    Bottom?: JSX.Element;
+    buttonProps?: ButtonProps;
+    onClose: () => void;
+}
+export interface ModalRef {
+    close: () => void;
+}