@prosperitainova/mirage-ui 1.0.21 → 1.0.23

package/dist/esm/types/lib/Breadcrumb/Breadcrumb.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "../../../src/theme/fonts/ProximaNova.css";
 type ItemsProps = {
     label: string;

package/dist/esm/types/lib/Checkbox/Checkbox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "../../../src/theme/fonts/ProximaNova.css";
 export type CheckboxProps = {
     label?: string;

package/dist/esm/types/lib/Checkbox/Checkbox.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps } from "./Checkbox";
 import { Story } from "@storybook/react";
 declare const CheckStories: {

package/dist/esm/types/lib/Dropzone/Dropzone.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import "../../../src/theme/fonts/ProximaNova.css";
 export type DropzoneProps = {
-    error: string;
-    helper: string;
-    onFilesChanged: (files: File[]) => void;
+    error?: string;
+    helper?: string;
+    onFilesChanged?: (files: File[]) => void;
 };
 declare const Dropzone: (props: DropzoneProps) => JSX.Element;
 export default Dropzone;

package/dist/esm/types/lib/InputToken/InputToken.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type InputTokenProps = {
+    inputsNumber?: number;
+};
+declare function InputToken({ inputsNumber: numberOfInputs }: InputTokenProps): JSX.Element;
+export default InputToken;

package/dist/esm/types/lib/InputToken/InputToken.stories.d.ts

@@ -0,0 +1,8 @@
+import InputToken, { InputTokenProps } from "./InputToken";
+import { Story } from "@storybook/react";
+declare const InputTokenStories: {
+    title: string;
+    component: typeof InputToken;
+};
+export default InputTokenStories;
+export declare const Primary: Story<InputTokenProps>;

package/dist/esm/types/lib/InputToken/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./InputToken";

package/dist/esm/types/lib/InteractiveModal/TesterInteractiveModal.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const TesterInteractiveModal: () => JSX.Element;
 export default TesterInteractiveModal;

package/dist/esm/types/lib/MaskInput/MaskInput.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
+export type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+    error?: string | boolean;
+    success?: boolean;
+    helper?: string;
+    label?: string;
+    cep?: boolean;
+    mask?: string;
+};
+declare const MaskInput: (props: InputProps) => JSX.Element;
+export default MaskInput;

package/dist/esm/types/lib/MaskInput/MaskInput.stories.d.ts

@@ -0,0 +1,8 @@
+import { InputProps as InputMaskProps } from "./MaskInput";
+import { Story } from "@storybook/react";
+declare const InputStories: {
+    title: string;
+    component: (props: InputMaskProps) => JSX.Element;
+};
+export default InputStories;
+export declare const Text: Story<InputMaskProps>;

package/dist/esm/types/lib/MaskInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./MaskInput";

package/dist/esm/types/lib/NotificationsBar/NotificationsBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "../../../src/theme/fonts/ProximaNova.css";
 export type NotificationsProps = {
     img: string;
@@ -10,6 +9,10 @@ export type NotificationsBarProps = {
     message?: string;
     notifications?: NotificationsProps[];
     onNotificationClick?: (notification: NotificationsProps, index: number) => void;
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
 };
 declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
 export default NotificationBar;

package/dist/esm/types/lib/NotificationsBar/NotificationsBar.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NotificationsBarProps } from "./NotificationsBar";
 import { Story } from "@storybook/react";
 declare const SearchStories: {

package/dist/esm/types/lib/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,6 @@
+export type ProgressBarProps = {
+    percent: number;
+    color?: string;
+};
+declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

package/dist/esm/types/lib/ProgressBar/ProgressBar.stories.d.ts

@@ -0,0 +1,8 @@
+import { Story } from "@storybook/react";
+import { ProgressBarProps } from "./ProgressBar";
+declare const ProgressBarStories: {
+    title: string;
+    component: (props: ProgressBarProps) => JSX.Element;
+};
+export default ProgressBarStories;
+export declare const Primary: Story<ProgressBarProps>;

package/dist/esm/types/lib/ProgressBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ProgressBar";

package/dist/esm/types/lib/SideBar/SideBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "../../../src/theme/fonts/ProximaNova.css";
 export type MenuItem = {
     icon: string;
@@ -6,7 +5,6 @@ export type MenuItem = {
     onClick?: () => void;
 };
 export type SideBarProps = {
-    activedIndex?: number;
     menu: MenuItem[];
     footer?: MenuItem[];
     logo: string;

package/dist/esm/types/lib/SideBar/SideBar.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Story } from "@storybook/react";
 declare const SideBarStories: {
     title: string;

package/dist/esm/types/lib/Toast/TesterToast.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const TesterToast: () => JSX.Element;
 export default TesterToast;

package/dist/esm/types/lib/Toast/TesterToast.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Story } from "@storybook/react";
 import { ToastProps } from "./Toast";
 declare const TesterToastStories: {

package/dist/esm/types/lib/VerifyCodeInput/VerifyCodeInput.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type VerifyCodeInputProps = {
+    inputsNumber?: number;
+};
+declare function VerifyCodeInput({ inputsNumber: numberOfInputs, }: VerifyCodeInputProps): JSX.Element;
+export default VerifyCodeInput;

package/dist/esm/types/lib/VerifyCodeInput/VerifyCodeInput.stories.d.ts

@@ -0,0 +1,8 @@
+import VerifyCodeInput, { VerifyCodeInputProps } from "./VerifyCodeInput";
+import { Story } from "@storybook/react";
+declare const VerifyCodeInputStories: {
+    title: string;
+    component: typeof VerifyCodeInput;
+};
+export default VerifyCodeInputStories;
+export declare const Primary: Story<VerifyCodeInputProps>;

package/dist/esm/types/lib/VerifyCodeInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VerifyCodeInput";

package/dist/esm/types/lib/index.d.ts

@@ -17,3 +17,6 @@ export { default as Spacer } from "./Spacer";
 export { default as TabMenu } from "./TabMenu";
 export { default as Toast } from "./Toast";
 export { default as Toggle } from "./Toggle";
+export { default as ProgressBar } from "./ProgressBar";
+export { default as MaskInput } from "./MaskInput";
+export { default as InputToken } from "./InputToken";

package/dist/index.d.ts

@@ -57,13 +57,13 @@ type CheckboxProps = {
 declare const Checkbox: ({ onChange, ...props }: CheckboxProps) => JSX.Element;
 
 type DropzoneProps = {
-    error: string;
-    helper: string;
-    onFilesChanged: (files: File[]) => void;
+    error?: string;
+    helper?: string;
+    onFilesChanged?: (files: File[]) => void;
 };
 declare const Dropzone: (props: DropzoneProps) => JSX.Element;
 
-type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
+type InputProps$1 = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
     error?: string | boolean;
     success?: boolean;
     helper?: string;
@@ -72,7 +72,7 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes
     newPasswordLevel?: string;
     filled?: boolean;
 };
-declare const Input: (props: InputProps) => JSX.Element;
+declare const Input: (props: InputProps$1) => JSX.Element;
 
 type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
     open?: boolean;
@@ -115,6 +115,10 @@ type NotificationsBarProps = {
     message?: string;
     notifications?: NotificationsProps[];
     onNotificationClick?: (notification: NotificationsProps, index: number) => void;
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
 };
 declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
 
@@ -169,7 +173,6 @@ type MenuItem = {
     onClick?: () => void;
 };
 type SideBarProps = {
-    activedIndex?: number;
     menu: MenuItem[];
     footer?: MenuItem[];
     logo: string;
@@ -213,4 +216,25 @@ type ToggleProps = {
 };
 declare const Toggle: (props: ToggleProps) => JSX.Element;
 
-export { Breadcrumb, Button, ButtonDropdown, Checkbox, CustomSelect, Dropzone, Input, InteractiveModal, lateralModal as LateralModal, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, Radio, RadioGroup, Search, SideBar, Spacer, TabMenu, Toast, Toggle };
+type ProgressBarProps = {
+    percent: number;
+    color?: string;
+};
+declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
+
+type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+    error?: string | boolean;
+    success?: boolean;
+    helper?: string;
+    label?: string;
+    cep?: boolean;
+    mask?: string;
+};
+declare const MaskInput: (props: InputProps) => JSX.Element;
+
+type InputTokenProps = {
+    inputsNumber?: number;
+};
+declare function InputToken({ inputsNumber: numberOfInputs }: InputTokenProps): JSX.Element;
+
+export { Breadcrumb, Button, ButtonDropdown, Checkbox, CustomSelect, Dropzone, Input, InputToken, InteractiveModal, lateralModal as LateralModal, MaskInput, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, ProgressBar, Radio, RadioGroup, Search, SideBar, Spacer, TabMenu, Toast, Toggle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prosperitainova/mirage-ui",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "private": false,
   "license": "MIT",
   "publishConfig": {
@@ -8,7 +8,9 @@
   },
   "dependencies": {
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
+    "@types/react-input-mask": "^3.0.2",
     "react-dropzone": "^14.2.3",
+    "react-input-mask": "^2.0.4",
     "react-select": "^5.7.0",
     "typescript": "^4.9.4"
   },