@adoptaunabuelo/react-components 0.3.142 → 0.3.144

package/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2018 Chroma Software Inc.
+Copyright (c) 2026 Fundación Adopta Un Abuelo.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -14,15 +14,38 @@ React Components is available as an [npm package](https://www.npmjs.com/package/
 **npm:**
 
 ```sh
-npm install @adoptaunabuelo/react-components
+npm install @adoptaunabuelo/react-components react react-dom styled-components
 ```
 
 **yarn:**
 
 ```sh
-yarn add @adoptaunabuelo/react-components
+yarn add @adoptaunabuelo/react-components react react-dom styled-components
 ```
 
+### Peer Dependencies
+
+This library requires the following peer dependencies to be installed in your project:
+
+| Package | Version | Required |
+|---------|---------|----------|
+| `react` | ^18.0.0 \|\| ^19.0.0 | ✅ Yes |
+| `react-dom` | ^18.0.0 \|\| ^19.0.0 | ✅ Yes |
+| `styled-components` | ^5.0.0 \|\| ^6.0.0 | ✅ Yes |
+
+### Optional Dependencies (Required for Specific Components)
+
+Some components require additional dependencies. Install only what you need:
+
+| Component(s) | Package(s) | Installation |
+|--------------|-----------|--------------|
+| `InputLocation` | `@react-google-maps/api` | `npm install @react-google-maps/api` |
+| `Payout` | `@stripe/react-stripe-js` `@stripe/stripe-js` | `npm install @stripe/react-stripe-js @stripe/stripe-js` |
+| `TextArea` (Rich Text) | `@tiptap/react` `@tiptap/starter-kit` `@tiptap/extension-text-align` `@tiptap/extension-text-style` `@tiptap/extensions` | `npm install @tiptap/react @tiptap/starter-kit @tiptap/extension-text-align @tiptap/extension-text-style @tiptap/extensions` |
+| `Button` (Loading animations) | `@lottiefiles/react-lottie-player` | `npm install @lottiefiles/react-lottie-player` |
+| `InputImage` | `react-webcam` | `npm install react-webcam` |
+| Styled Components | `@emotion/is-prop-valid` | `npm install @emotion/is-prop-valid` |
+
 ## Getting started with React Components
 
 Here is an example of a basic app using React Components `ProgressBar` component:
@@ -58,7 +81,7 @@ You can checkout all the library Components and its docs in our storybook
 
 ## Changelog
 
-The [changelog](https://github.com/mui/material-ui/releases) is regularly updated to reflect what's changed in each new release.
+The [changelog](https://github.com/Adopta-Un-Abuelo/react-components/releases) is regularly updated to reflect what's changed in each new release.
 
 ## License
 

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/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/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;