@adoptaunabuelo/react-components 0.3.141 → 0.3.143

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

@@ -1,10 +1,10 @@
 import { ComponentPropsWithoutRef } from "react";
 declare const Avatar: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default Avatar;
-export interface Props extends ComponentPropsWithoutRef<"div"> {
+export interface Props extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
     icon?: string;
     name?: string;
     editable?: boolean;
     clickable?: boolean;
-    onChange?: (file: any) => void;
+    onChange?: (file: string | ArrayBuffer | null) => void;
 }

package/dist/esm/components/Button/ButtonEditor.d.ts

@@ -1,13 +1,15 @@
+import { EditorState } from "draft-js";
+import { CSSProperties } from "react";
 export declare const ButtonEditor: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default ButtonEditor;
 export interface Props {
-    style?: any;
+    style?: CSSProperties;
     text: string;
     design?: "primary" | "secondary";
     type: {
         control: string;
-        value: any;
+        value: string;
     };
-    editorState?: any;
-    onChange?: Function;
+    editorState: EditorState;
+    onChange?: (editorState: EditorState) => void;
 }

package/dist/esm/components/Checkbox/CheckboxList.d.ts

@@ -1,26 +1,25 @@
 import { CSSProperties } from "react";
 declare const CheckboxList: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxList;
+export type CheckboxOption = {
+    id: string;
+    label?: string;
+    sublabel?: string;
+    Element?: React.ReactElement;
+    error?: boolean;
+    [key: string]: string | React.ReactElement | boolean | undefined;
+};
 export interface Props {
     style?: CSSProperties;
     elementStyle?: CSSProperties;
-    options: Array<{
-        id: string;
-        label?: string;
-        sublabel?: string;
-        Element?: React.ReactElement;
-        error?: boolean;
-    }>;
+    options: Array<CheckboxOption>;
     selectedOptions?: Array<{
         id: string;
     }>;
     height?: number;
     width?: number;
     type: "single" | "multiple";
-    onChange?: (result: Array<{
-        id: string;
-        [key: string]: any;
-    }>) => void;
+    onChange?: (result: Array<CheckboxOption>) => void;
     position?: "left" | "right";
     avatarEnabled?: boolean;
     shape?: "circle" | "square";

package/dist/esm/components/Filter/FilterCheckbox.d.ts

@@ -1,4 +1,6 @@
 import { FilterDefaultProps } from "./FilterDefault";
+import { CheckboxOption } from "@components/Checkbox/CheckboxList";
+type OptionWithDynamicProps = CheckboxOption;
 declare const FilterCheckbox: import("react").ForwardRefExoticComponent<FilterCheckboxProps & import("react").RefAttributes<FilterCheckboxRef>>;
 export default FilterCheckbox;
 export interface FilterCheckboxProps extends FilterDefaultProps {
@@ -9,14 +11,8 @@ export interface FilterCheckboxProps extends FilterDefaultProps {
         label: string;
         sublabel?: string;
     }>;
-    selectedOptions?: Array<{
-        id: string;
-        [key: string]: any;
-    }>;
-    onChange?: (r: Array<{
-        id: string;
-        [key: string]: any;
-    }>) => void;
+    selectedOptions?: OptionWithDynamicProps[];
+    onChange?: (r: OptionWithDynamicProps[]) => void;
 }
 export interface FilterCheckboxRef {
     clean: () => void;

package/dist/esm/components/Form/LocationForm.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from "react";
-import { LocationProps } from "../../components/Input/Location/InputLocation";
+import { LocationProps } from "@components/Input/Location/InputLocation";
 declare const LocationForm: (props: LocationFormProps) => import("react/jsx-runtime").JSX.Element;
 export default LocationForm;
 export interface LocationFormProps {

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef } from "react";
-declare const InputStyled: import("react").ForwardRefExoticComponent<Omit<InputStyledProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const InputStyled: import("react").ForwardRefExoticComponent<Omit<InputStyledProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export default InputStyled;
 export interface InputStyledProps extends ComponentPropsWithRef<"input"> {
 }

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

@@ -1,4 +1,7 @@
+import { ChangeEvent } from "react";
 import { InputProps } from "../Basic/Input";
 declare const InputBirthday: ({ error, onChange, containerStyle, ...restProps }: InputBirthdayProps) => import("react/jsx-runtime").JSX.Element;
 export default InputBirthday;
-export type InputBirthdayProps = {} & InputProps;
+export type InputBirthdayProps = Omit<InputProps, 'onChange'> & {
+    onChange?: (date: Date | ChangeEvent<HTMLInputElement>) => void;
+};

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

@@ -14,5 +14,5 @@ export interface InputImageProps {
     maxHeight?: number;
     maxWidth?: number;
     hideCrop?: boolean;
-    onChange?: (image: any) => void;
+    onChange?: (image: string | ArrayBuffer | null) => void;
 }

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

@@ -1,19 +1,13 @@
+import { CountryProps } from "./SelectPhone";
 import { InputProps } from "../Basic/Input";
 declare const InputPhone: (props: InputPhoneProps) => import("react/jsx-runtime").JSX.Element;
 export default InputPhone;
 export type InputPhoneProps = InputProps & {
     country?: string;
-    countryOptions?: {
-        id: string;
-        esCountry: string;
-        enCountry: string;
-        prefix: string;
-        countryCode: string;
-        [key: string]: any;
-    }[];
+    countryOptions?: CountryProps[];
     onPhoneChange?: (item: {
         country: string;
-        value?: any;
+        value?: string | number;
         isValid: boolean;
     }) => void;
 };

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

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

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

@@ -12,7 +12,11 @@ export interface InputRangeProps extends ComponentPropsWithoutRef<"input"> {
     hideLabels?: boolean;
     presents?: {
         value: number;
-        icon: any;
+        icon: React.ComponentType<{
+            height?: number;
+            width?: number;
+            color?: string;
+        }>;
         color: string;
         colorSuccess: string;
         onClick?: () => void;

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

@@ -17,7 +17,7 @@ export interface OptionsProps {
     id: string;
     label: string;
     labelColor?: string;
-    icon?: any;
+    icon?: React.ReactElement;
 }
 export interface MenuRef {
     close: () => void;

package/dist/esm/components/Modal/ModalPrimary.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, CSSProperties, ReactElement } from "react";
-import { ButtonProps } from "../../components/Button/Button";
+import { ButtonProps } from "@components/Button/Button";
 declare const ModalComponent: import("react").ForwardRefExoticComponent<ModalPrimaryProps & import("react").RefAttributes<ModalRef>>;
 export default ModalComponent;
 export interface ModalPrimaryProps extends ComponentPropsWithoutRef<"div"> {

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

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

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

@@ -9,6 +9,6 @@ export interface Props {
     }>;
     onChange?: (option: {
         id: string;
-        icon: any;
+        icon: React.ReactElement;
     }) => void;
 }

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

@@ -1,9 +1,9 @@
-import React from "react";
+import React, { CSSProperties } from "react";
 declare const TagSelector: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default TagSelector;
 export interface Props {
     type?: "multiple" | "single";
-    style?: any;
+    style?: CSSProperties;
     options: Array<OptionProps>;
     optionsSelected?: Array<OptionProps>;
     onChange?: (selection: Array<OptionProps>) => void;