@adoptaunabuelo/react-components 0.1.13 → 0.1.15

package/dist/index.d.ts

@@ -1,25 +1,27 @@
 /// <reference types="google.maps" />
+/// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react, { ComponentPropsWithoutRef, ComponentPropsWithRef, CSSProperties, ReactElement } from 'react';
+import * as react from 'react';
+import react__default, { ComponentPropsWithoutRef, ComponentPropsWithRef, CSSProperties, ReactElement } from 'react';
 import { CSSProperties as CSSProperties$1 } from 'styled-components';
 
-declare const BreadCrumb: ({ steps, ...props }: Props$6) => react_jsx_runtime.JSX.Element;
+declare const BreadCrumb: ({ steps, ...props }: Props$7) => react_jsx_runtime.JSX.Element;
 
-interface Props$6 extends ComponentPropsWithoutRef<"div"> {
+interface Props$7 extends ComponentPropsWithoutRef<"div"> {
     selectedStep?: number;
     steps: number;
 }
 
-declare const Text: (props: Props$5) => react_jsx_runtime.JSX.Element;
+declare const Text: (props: Props$6) => react_jsx_runtime.JSX.Element;
 
-interface Props$5 extends ComponentPropsWithoutRef<"p"> {
+interface Props$6 extends ComponentPropsWithoutRef<"p"> {
     type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'p2' | 'c1' | 'c2';
     weight?: 'semibold' | 'medium' | 'regular';
 }
 
-declare const ProgressBar: (props: Props$4) => react_jsx_runtime.JSX.Element;
+declare const ProgressBar: (props: Props$5) => react_jsx_runtime.JSX.Element;
 
-interface Props$4 extends ComponentPropsWithoutRef<"div"> {
+interface Props$5 extends ComponentPropsWithoutRef<"div"> {
     progress: number | Array<{
         value: number;
         color?: string;
@@ -31,9 +33,9 @@ interface Props$4 extends ComponentPropsWithoutRef<"div"> {
     animationDelay?: number;
 }
 
-declare const FeedBack: ({ type, isVisible, ...props }: Props$3) => react_jsx_runtime.JSX.Element | null;
+declare const FeedBack: ({ type, isVisible, ...props }: Props$4) => react_jsx_runtime.JSX.Element | null;
 
-interface Props$3 extends ComponentPropsWithoutRef<"div"> {
+interface Props$4 extends ComponentPropsWithoutRef<"div"> {
     isVisible: boolean;
     type: 'success' | 'error';
     text: string;
@@ -45,7 +47,7 @@ declare const Button: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
 interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     design?: 'primary' | 'secondary' | 'text' | 'image' | 'call-to-action';
     size?: 'small' | 'normal';
-    icon?: react.ReactElement;
+    icon?: react__default.ReactElement;
     iconPosition?: 'left' | 'right';
     loading?: boolean;
     disabled?: boolean;
@@ -61,9 +63,9 @@ interface InputStyledProps extends ComponentPropsWithRef<"input"> {
     hideCalendar?: boolean;
 }
 
-declare const Input: (props: Props$2) => react_jsx_runtime.JSX.Element;
+declare const Input: (props: Props$3) => react_jsx_runtime.JSX.Element;
 
-interface Props$2 extends InputStyledProps {
+interface Props$3 extends InputStyledProps {
     containerStyle?: CSSProperties;
     icon?: ReactElement;
     error?: string | undefined;
@@ -83,9 +85,9 @@ interface Props$2 extends InputStyledProps {
     }) => void;
 }
 
-declare const Select: (props: Props$1) => react_jsx_runtime.JSX.Element;
+declare const Select: (props: Props$2) => react_jsx_runtime.JSX.Element;
 
-interface Props$1 extends ComponentPropsWithoutRef<"div"> {
+interface Props$2 extends ComponentPropsWithoutRef<"div"> {
     id: string;
     optionStyle?: CSSProperties$1;
     hideTitle?: boolean;
@@ -98,13 +100,64 @@ interface OptionProps {
     label: string;
 }
 
-declare const SearchBar: (props: Props) => react_jsx_runtime.JSX.Element;
+declare const SearchBar: (props: Props$1) => react_jsx_runtime.JSX.Element;
 
-interface Props extends ComponentPropsWithoutRef<"input"> {
+interface Props$1 extends ComponentPropsWithoutRef<"input"> {
     type?: "big" | "small";
     design?: 'primary' | 'secondary';
 }
 
+declare const ModalComponent: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<ModalRef>>;
+
+interface ModalProps extends ComponentPropsWithoutRef<"div"> {
+    isVisible: boolean;
+    design?: 'default' | 'full-screen';
+    title?: string;
+    subtitle?: string;
+    error?: string;
+    hideClose?: boolean;
+    hideHeader?: boolean;
+    contentStyle?: CSSProperties$1;
+    Header?: JSX.Element;
+    Bottom?: JSX.Element;
+    buttonProps?: ButtonProps;
+    onClose: () => void;
+}
+interface ModalRef {
+    close: () => void;
+}
+
+declare const MenuList: react.ForwardRefExoticComponent<MenuProps & react.RefAttributes<MenuRef>>;
+
+interface MenuProps {
+    id: string;
+    style?: CSSProperties$1;
+    menuStyle?: CSSProperties$1;
+    icon?: JSX.Element;
+    Icon?: JSX.Element;
+    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    children: React.ReactNode;
+    options: Array<OptionsProps>;
+    onChange?: (visible: boolean) => void;
+    onClick?: (option: OptionsProps) => void;
+}
+interface OptionsProps {
+    id: string;
+    label: string;
+    icon?: any;
+}
+interface MenuRef {
+    close: () => void;
+}
+
+declare const Label: (props: Props) => react_jsx_runtime.JSX.Element;
+
+interface Props extends ComponentPropsWithoutRef<"div"> {
+    text?: string;
+    backgroundColor?: string;
+    color?: string;
+}
+
 declare const Color: {
     background: {
         primary: string;
@@ -198,4 +251,4 @@ declare const Color: {
     };
 };
 
-export { BreadCrumb, Button, Color, FeedBack as Feedback, Input, ProgressBar, SearchBar, Select, Text };
+export { BreadCrumb, Button, Color, FeedBack as Feedback, Input, Label, MenuList as Menu, ModalComponent as Modal, ProgressBar, SearchBar, Select, Text };

package/package.json

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