@adoptaunabuelo/react-components 0.1.10 → 0.1.12

package/dist/esm/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/esm/components/Input/Input.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement, CSSProperties } from 'react';
+import { InputStyledProps } from './InputStyled';
+declare const Input: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Input;
+export interface Props extends InputStyledProps {
+    containerStyle?: CSSProperties;
+    icon?: ReactElement;
+    error?: string | undefined;
+    lineColor?: string;
+    thumbColor?: string;
+    min?: number;
+    max?: number;
+    unit?: string;
+    hideRange?: boolean;
+    country?: string;
+    design?: 'primary' | 'secondary';
+    onPhoneChange?: (item: any) => void;
+}

package/dist/esm/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/esm/components/Input/InputPrimary.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement, CSSProperties } from 'react';
+import { InputStyledProps } from './InputStyled';
+declare const InputPrimary: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default InputPrimary;
+export interface Props extends InputStyledProps {
+    containerStyle?: CSSProperties;
+    icon?: ReactElement;
+    error?: string | undefined;
+    country?: string;
+    onPhoneChange?: (item: {
+        country: string;
+        value?: any;
+        isValid: boolean;
+    }) => void;
+}

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

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const InputRange: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default InputRange;
+export interface Props extends ComponentPropsWithoutRef<"input"> {
+    lineColor?: string;
+    thumbColor?: string;
+    min?: number;
+    max?: number;
+    unit?: string;
+    hideRange?: boolean;
+}

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

@@ -0,0 +1,15 @@
+import { ReactElement, CSSProperties } from 'react';
+import { InputStyledProps } from './InputStyled';
+declare const InputSecondary: (props: InputSecondaryProps) => import("react/jsx-runtime").JSX.Element;
+export default InputSecondary;
+export interface InputSecondaryProps extends InputStyledProps {
+    containerStyle?: CSSProperties;
+    icon?: ReactElement;
+    error?: string | undefined;
+    country?: string;
+    onPhoneChange?: (item: {
+        country: string;
+        value?: any;
+        isValid: boolean;
+    }) => void;
+}

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

@@ -0,0 +1,7 @@
+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' | 'location';
+    hideCalendar?: boolean;
+}

package/dist/esm/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;
+}

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

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const SearchBar: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default SearchBar;
+export interface Props extends ComponentPropsWithoutRef<"input"> {
+    type?: "big" | "small";
+    design?: 'primary' | 'secondary';
+}

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

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { CSSProperties } from 'styled-components';
+declare const Select: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Select;
+export interface Props extends ComponentPropsWithoutRef<"div"> {
+    id: string;
+    optionStyle?: CSSProperties;
+    hideTitle?: boolean;
+    options: Array<OptionProps>;
+    selectedItem?: OptionProps;
+    onChange?: (option: any) => void;
+}
+interface OptionProps {
+    icon?: React.ReactElement;
+    label: string;
+}

package/dist/esm/components/Select/SelectPhone.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef } from 'react';
+declare const Select: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default Select;
+export interface Props extends ComponentPropsWithoutRef<"div"> {
+    id: string;
+    optionStyle?: any;
+    options: Array<CountryProps>;
+    selectedItem?: CountryProps;
+    focus: boolean;
+    onChange?: (a: any) => void;
+}
+export interface CountryProps {
+    countryCode: string;
+    prefix: string;
+    esCountry: string;
+    enCountry: string;
+}

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

@@ -3,3 +3,6 @@ export { default as Text } from './Text/Text';
 export { default as ProgressBar } from './ProgressBar/ProgressBar';
 export { default as Feedback } from './Feedback/Feedback';
 export { default as Button } from './Button/Button';
+export { default as Input } from './Input/Input';
+export { default as Select } from './Select/Select';
+export { default as SearchBar } from './SearchBar/SearchBar';

package/dist/esm/constants/Country.d.ts

@@ -0,0 +1,8 @@
+declare const Country: {
+    id: string;
+    esCountry: string;
+    enCountry: string;
+    prefix: string;
+    countryCode: string;
+}[];
+export default Country;