@adoptaunabuelo/react-components 0.3.142 → 0.3.143

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, ReactElement, CSSProperties } from 'react';
+import react__default, { ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, ReactElement, CSSProperties, ChangeEvent } from 'react';
 import moment from 'moment';
 import { ButtonProps as ButtonProps$2 } from '@components/Button/Button';
+import { CheckboxOption as CheckboxOption$1 } from '@components/Checkbox/CheckboxList';
 import { PaymentMethod } from '@stripe/stripe-js';
 import { LocationProps as LocationProps$1 } from '@components/Input/Location/InputLocation';
 
@@ -114,7 +115,9 @@ type InputProps = (InputPrimaryProps | InputSecondaryProps | InputThirdProps) &
 
 declare const InputBirthday: ({ error, onChange, containerStyle, ...restProps }: InputBirthdayProps) => react_jsx_runtime.JSX.Element;
 
-type InputBirthdayProps = {} & InputProps;
+type InputBirthdayProps = Omit<InputProps, 'onChange'> & {
+    onChange?: (date: Date | ChangeEvent<HTMLInputElement>) => void;
+};
 
 declare const InputChat: (props: InputChatProps) => react_jsx_runtime.JSX.Element;
 
@@ -174,7 +177,7 @@ interface InputImageProps {
     maxHeight?: number;
     maxWidth?: number;
     hideCrop?: boolean;
-    onChange?: (image: any) => void;
+    onChange?: (image: string | ArrayBuffer | null) => void;
 }
 
 declare const InputLocation: ({ isLoaded, isForm, searchTypes, searchFields, onLocationChange, ...restProps }: InputLocationProps) => react_jsx_runtime.JSX.Element;
@@ -201,21 +204,22 @@ interface LocationProps {
     timeZone?: string;
 }
 
+interface CountryProps {
+    id?: string;
+    countryCode: string;
+    prefix: string;
+    esCountry: string;
+    enCountry: string;
+}
+
 declare const InputPhone: (props: InputPhoneProps) => react_jsx_runtime.JSX.Element;
 
 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;
 };
@@ -233,7 +237,11 @@ 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;
@@ -263,13 +271,13 @@ type InputPriceProps = {
 
 declare const Select: (props: Props$e) => react_jsx_runtime.JSX.Element;
 
-interface Props$e extends ComponentPropsWithoutRef<"div"> {
+interface Props$e extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
     id: string;
     optionStyle?: CSSProperties;
     hideTitle?: boolean;
     options: Array<OptionProps$5>;
     selectedItem?: OptionProps$5;
-    onChange?: (option: any) => void;
+    onChange?: (option: OptionProps$5) => void;
 }
 interface OptionProps$5 {
     icon?: React.ReactElement;
@@ -335,7 +343,7 @@ interface OptionsProps {
     id: string;
     label: string;
     labelColor?: string;
-    icon?: any;
+    icon?: React.ReactElement;
 }
 interface MenuRef {
     close: () => void;
@@ -355,12 +363,12 @@ interface Props$c extends ComponentPropsWithoutRef<"div"> {
 
 declare const Avatar: (props: Props$b) => react_jsx_runtime.JSX.Element;
 
-interface Props$b extends ComponentPropsWithoutRef<"div"> {
+interface Props$b extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
     icon?: string;
     name?: string;
     editable?: boolean;
     clickable?: boolean;
-    onChange?: (file: any) => void;
+    onChange?: (file: string | ArrayBuffer | null) => void;
 }
 
 interface FilterDefaultProps {
@@ -380,6 +388,7 @@ interface FilterDefaultProps {
     onSave?: () => void;
 }
 
+type OptionWithDynamicProps = CheckboxOption$1;
 interface FilterCheckboxProps extends FilterDefaultProps {
     type: "single" | "multiple";
     shape?: "circle" | "square";
@@ -388,14 +397,8 @@ 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;
 }
 interface FilterCheckboxRef {
     clean: () => void;
@@ -444,26 +447,25 @@ declare const Filter: react.ForwardRefExoticComponent<(FilterCheckboxProps | Fil
 
 declare const CheckboxList: (props: Props$a) => react_jsx_runtime.JSX.Element;
 
+type CheckboxOption = {
+    id: string;
+    label?: string;
+    sublabel?: string;
+    Element?: React.ReactElement;
+    error?: boolean;
+    [key: string]: string | React.ReactElement | boolean | undefined;
+};
 interface Props$a {
     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";
@@ -598,7 +600,7 @@ interface Props$5 {
     }>;
     onChange?: (option: {
         id: string;
-        icon: any;
+        icon: react__default.ReactElement;
     }) => void;
 }
 
@@ -624,7 +626,7 @@ declare const TagSelector: (props: Props$2) => react_jsx_runtime.JSX.Element;
 
 interface Props$2 {
     type?: "multiple" | "single";
-    style?: any;
+    style?: CSSProperties;
     options: Array<OptionProps>;
     optionsSelected?: Array<OptionProps>;
     onChange?: (selection: Array<OptionProps>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@adoptaunabuelo/react-components",
-	"version": "0.3.142",
+	"version": "0.3.143",
 	"homepage": "https://github.com/Adopta-Un-Abuelo/react-components",
 	"author": "Guillermo Angeles <guilleangeles94@gmail.com>",
 	"private": false,