@adoptaunabuelo/react-components 0.3.142 → 0.3.144

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.144",
 	"homepage": "https://github.com/Adopta-Un-Abuelo/react-components",
 	"author": "Guillermo Angeles <guilleangeles94@gmail.com>",
 	"private": false,
@@ -21,26 +21,14 @@
 		"release": "auto shipit --base-branch=main",
 		"prepare": "npm run build",
 		"clean": "rm -rf package-lock.json && rm -rf node_modules && rm -rf dist && npm cache clean --force && npm install",
-		"chromatic": "npx chromatic --project-token=chpt_0dcfdd1e76a01ba",
+		"chromatic": "npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN",
 		"storybook": "BROWSER='google chrome' storybook dev -p 6006",
 		"build-storybook": "storybook build"
 	},
 	"dependencies": {
-		"@emotion/is-prop-valid": "^1.4.0",
-		"@lottiefiles/react-lottie-player": "^3.6.0",
-		"@react-google-maps/api": "^2.20.7",
-		"@stripe/react-stripe-js": "^5.4.1",
-		"@stripe/stripe-js": "^8.5.3",
-		"@tiptap/extension-text-align": "^3.13.0",
-		"@tiptap/extension-text-style": "^3.13.0",
-		"@tiptap/extensions": "^3.13.0",
-		"@tiptap/react": "^3.13.0",
-		"@tiptap/starter-kit": "^3.13.0",
-		"auto": "^11.3.6",
 		"clsx": "^2.1.1",
 		"compressorjs": "^1.2.1",
 		"country-flag-icons": "^1.6.4",
-		"date-fns": "^4.1.0",
 		"draft-js": "^0.11.7",
 		"draftjs-to-html": "^0.9.1",
 		"fuse.js": "^7.1.0",
@@ -48,18 +36,64 @@
 		"lodash.debounce": "^4.0.8",
 		"lucide-react": "^0.556.0",
 		"moment": "^2.30.1",
-		"next": "16.0.8",
-		"react": "19.2.3",
 		"react-dates": "^21.8.0",
-		"react-dom": "19.2.3",
 		"react-image-crop": "^11.0.10",
 		"react-modal": "^3.16.3",
-		"react-webcam": "^7.2.0",
-		"styled-components": "^6.1.19",
 		"styled-media-query": "^2.1.2"
 	},
+	"peerDependencies": {
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0",
+		"styled-components": "^5.0.0 || ^6.0.0"
+	},
+	"peerDependenciesMeta": {
+		"@emotion/is-prop-valid": {
+			"optional": true
+		},
+		"@lottiefiles/react-lottie-player": {
+			"optional": true
+		},
+		"@react-google-maps/api": {
+			"optional": true
+		},
+		"@stripe/react-stripe-js": {
+			"optional": true
+		},
+		"@stripe/stripe-js": {
+			"optional": true
+		},
+		"@tiptap/extension-text-align": {
+			"optional": true
+		},
+		"@tiptap/extension-text-style": {
+			"optional": true
+		},
+		"@tiptap/extensions": {
+			"optional": true
+		},
+		"@tiptap/react": {
+			"optional": true
+		},
+		"@tiptap/starter-kit": {
+			"optional": true
+		},
+		"react-webcam": {
+			"optional": true
+		}
+	},
 	"devDependencies": {
 		"@chromatic-com/storybook": "^5.0.0",
+		"@emotion/is-prop-valid": "^1.4.0",
+		"@lottiefiles/react-lottie-player": "^3.6.0",
+		"@react-google-maps/api": "^2.20.7",
+		"@stripe/react-stripe-js": "^5.4.1",
+		"@stripe/stripe-js": "^8.5.3",
+		"@tiptap/extension-text-align": "^3.13.0",
+		"@tiptap/extension-text-style": "^3.13.0",
+		"@tiptap/extensions": "^3.13.0",
+		"@tiptap/react": "^3.13.0",
+		"@tiptap/starter-kit": "^3.13.0",
+		"auto": "^11.3.6",
 		"@rollup/plugin-commonjs": "^29.0.0",
 		"@rollup/plugin-json": "^6.1.0",
 		"@rollup/plugin-node-resolve": "^16.0.3",
@@ -81,7 +115,9 @@
 		"@types/react-draft-wysiwyg": "^1.13.9",
 		"@types/react-modal": "^3.16.3",
 		"@types/react-places-autocomplete": "^7.2.14",
+		"@types/react-webcam": "^3.0.0",
 		"ajv": "^8.17.1",
+		"react-webcam": "^7.2.0",
 		"eslint": "^9.39.1",
 		"eslint-config-next": "^16.0.8",
 		"eslint-plugin-storybook": "^10.2.0",