@adoptaunabuelo/react-components 0.3.141 → 0.3.143

package/dist/index.d.ts

@@ -1,8 +1,11 @@
 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';
 
 declare const BreadCrumb: ({ steps, selectedStep, ...restProps }: Props$g) => react_jsx_runtime.JSX.Element;
 
@@ -112,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;
 
@@ -172,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;
@@ -199,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;
 };
@@ -231,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;
@@ -261,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;
@@ -293,7 +303,7 @@ interface ModalPrimaryProps extends ComponentPropsWithoutRef<"div"> {
     contentStyle?: CSSProperties;
     Header?: ReactElement;
     Bottom?: ReactElement;
-    buttonProps?: ButtonProps;
+    buttonProps?: ButtonProps$2;
     footerStyle?: CSSProperties;
     onClose: () => void;
     shouldCloseOnOverlayClick?: boolean;
@@ -333,7 +343,7 @@ interface OptionsProps {
     id: string;
     label: string;
     labelColor?: string;
-    icon?: any;
+    icon?: React.ReactElement;
 }
 interface MenuRef {
     close: () => void;
@@ -353,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 {
@@ -378,6 +388,7 @@ interface FilterDefaultProps {
     onSave?: () => void;
 }
 
+type OptionWithDynamicProps = CheckboxOption$1;
 interface FilterCheckboxProps extends FilterDefaultProps {
     type: "single" | "multiple";
     shape?: "circle" | "square";
@@ -386,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;
@@ -442,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";
@@ -596,7 +600,7 @@ interface Props$5 {
     }>;
     onChange?: (option: {
         id: string;
-        icon: any;
+        icon: react__default.ReactElement;
     }) => void;
 }
 
@@ -622,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;
@@ -727,10 +731,10 @@ interface LocationFormProps {
     type: "location";
     design?: "primary" | "secondary" | "third";
     placeholder?: string;
-    defaultLocation?: LocationProps;
+    defaultLocation?: LocationProps$1;
     isLoaded: boolean;
     onSubmit: (result: {
-        data?: LocationProps;
+        data?: LocationProps$1;
         error?: string;
     }) => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@adoptaunabuelo/react-components",
-	"version": "0.3.141",
+	"version": "0.3.143",
 	"homepage": "https://github.com/Adopta-Un-Abuelo/react-components",
 	"author": "Guillermo Angeles <guilleangeles94@gmail.com>",
 	"private": false,
@@ -59,17 +59,17 @@
 		"styled-media-query": "^2.1.2"
 	},
 	"devDependencies": {
-		"@chromatic-com/storybook": "^4.1.3",
+		"@chromatic-com/storybook": "^5.0.0",
 		"@rollup/plugin-commonjs": "^29.0.0",
 		"@rollup/plugin-json": "^6.1.0",
 		"@rollup/plugin-node-resolve": "^16.0.3",
 		"@rollup/plugin-replace": "^6.0.3",
 		"@rollup/plugin-typescript": "^8.5.0",
-		"@storybook/addon-a11y": "^10.1.5",
-		"@storybook/addon-docs": "^10.1.5",
-		"@storybook/addon-links": "^10.1.5",
-		"@storybook/addon-onboarding": "^10.1.5",
-		"@storybook/nextjs": "^10.1.5",
+		"@storybook/addon-a11y": "^10.2.0",
+		"@storybook/addon-docs": "^10.2.0",
+		"@storybook/addon-links": "^10.2.0",
+		"@storybook/addon-onboarding": "^10.2.0",
+		"@storybook/nextjs": "^10.2.0",
 		"@svgr/rollup": "^8.1.0",
 		"@types/draftjs-to-html": "^0.8.4",
 		"@types/google-libphonenumber": "^7.4.30",
@@ -84,7 +84,7 @@
 		"ajv": "^8.17.1",
 		"eslint": "^9.39.1",
 		"eslint-config-next": "^16.0.8",
-		"eslint-plugin-storybook": "^10.1.5",
+		"eslint-plugin-storybook": "^10.2.0",
 		"rollup": "^2.77.2",
 		"rollup-plugin-dts": "^6.3.0",
 		"rollup-plugin-import-css": "^4.1.2",
@@ -93,7 +93,8 @@
 		"rollup-plugin-styles": "^4.0.0",
 		"rollup-plugin-svg": "^2.0.0",
 		"rollup-plugin-terser": "^7.0.2",
-		"storybook": "^10.1.5",
+		"rollup-plugin-typescript-paths": "^1.5.0",
+		"storybook": "^10.2.0",
 		"typescript": "^5"
 	},
 	"overrides": {