@adoptaunabuelo/react-components 0.1.9 → 0.1.11

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

@@ -0,0 +1,15 @@
+import { ReactElement, CSSProperties } from 'react';
+import { InputStyledProps } from './InputStyled';
+declare const InputSecondary: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default InputSecondary;
+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/cjs/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';
+    hideCalendar?: boolean;
+}

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/constants/Country.d.ts

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