@prosperitainova/mirage-ui 1.0.90 → 1.0.92

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

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

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
+export type ModalProps = HTMLAttributes<HTMLDivElement> & {
+    open?: boolean;
+    header?: boolean;
+    title?: string;
+    children?: JSX.Element;
+    toggleModal: () => void;
+};
+declare const BottomModal: (props: ModalProps) => JSX.Element;
+export default BottomModal;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react";
+import { ModalProps } from "./BottomModal";
+declare const LateraleModalStories: {
+    title: string;
+    component: (props: ModalProps) => JSX.Element;
+};
+export default LateraleModalStories;
+export declare const Bottom: Story<ModalProps>;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Props as ReactSelectProps } from "react-select";
 import "../../../src/theme/fonts/ProximaNova.css";
 export type SelectProps = Omit<ReactSelectProps, "onChange"> & {

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

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

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

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

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

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

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

@@ -17,6 +17,8 @@ export type InputCurrencyProps = InputHTMLAttributes<HTMLInputElement> & Textare
     maxLength?: number;
     fontSize?: "normal" | "large";
     name?: string;
+    inputSize?: "normal" | "large";
+    isPercentage: boolean;
 };
 declare const InputCurrency: (props: InputCurrencyProps) => JSX.Element;
 export default InputCurrency;

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

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

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

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

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

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

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

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

package/dist/esm/types/lib/LateralModal/TesterLateralModal.d.ts

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

package/dist/esm/types/lib/LateralModal/TesterLateralModal.stories.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type ProgressBarProps = {
     percent: number;
     color?: string;

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

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

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

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

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

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

package/dist/esm/types/lib/RadioGroup/Radio.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type RadioProps = {
     label?: string;
     title?: string;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type ToggleProps = {
     mode: "small" | "large";
     actived?: boolean;

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

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

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

@@ -30,3 +30,4 @@ export { default as ButtonMoreDetails } from "./ButtonMoreDetails";
 export { default as AddBalanceOutput } from "./AddBalanceOutput";
 export { default as IconWithTooltip } from "./IconWithTooltip";
 export { default as Tooltip } from "./TooltTip";
+export { default as BottomModal } from "./BottomModal";

package/dist/esm/types/utils.d.ts

@@ -1 +1,2 @@
 export declare const handleCurrencyInput: (string: string, noLeadingZeros?: boolean, thousandSeparator?: string, decimalSeparator?: string) => string;
+export declare const handlePercentageInput: (string: string, maxValue?: number, decimalSeparator?: string) => string;

package/dist/index.d.ts

@@ -85,7 +85,7 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes
 };
 declare const Input: (props: InputProps) => JSX.Element;
 
-type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
+type ModalProps$2 = HTMLAttributes<HTMLDivElement> & {
     open?: boolean;
     header?: boolean;
     title?: string;
@@ -93,16 +93,16 @@ type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
     size: "md" | "lg";
     toggleModal: (event: any) => void;
 };
-declare const InteractiveModal: (props: ModalProps$1) => JSX.Element;
+declare const InteractiveModal: (props: ModalProps$2) => JSX.Element;
 
-type ModalProps = HTMLAttributes<HTMLDivElement> & {
+type ModalProps$1 = HTMLAttributes<HTMLDivElement> & {
     open?: boolean;
     header?: boolean;
     title?: string;
     children?: JSX.Element;
     toggleModal: () => void;
 };
-declare const lateralModal: (props: ModalProps) => JSX.Element;
+declare const lateralModal: (props: ModalProps$1) => JSX.Element;
 
 type UsersProps = {
     img?: string;
@@ -279,6 +279,8 @@ type InputCurrencyProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAt
     maxLength?: number;
     fontSize?: "normal" | "large";
     name?: string;
+    inputSize?: "normal" | "large";
+    isPercentage: boolean;
 };
 declare const InputCurrency: (props: InputCurrencyProps) => JSX.Element;
 
@@ -372,5 +374,14 @@ type IconProps = {
 };
 declare const Tooltip: (props: IconProps) => JSX.Element;
 
-export { AddBalanceOutput, BalanceAlert, Breadcrumb, Button, ButtonDropdown, ButtonMoreDetails, Checkbox, CustomSelect, Dropzone, IconWithTooltip, Input, InputCurrency, InputToken, InteractiveModal, lateralModal as LateralModal, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, Pagination, ParcelSelector, ProgressBar, Radio, RadioGroup, ReturnButton, Search, SideBar, Spacer, SummaryPanel, TabMenu, Table, Toast, Toggle, Tooltip };
+type ModalProps = HTMLAttributes<HTMLDivElement> & {
+    open?: boolean;
+    header?: boolean;
+    title?: string;
+    children?: JSX.Element;
+    toggleModal: () => void;
+};
+declare const BottomModal: (props: ModalProps) => JSX.Element;
+
+export { AddBalanceOutput, BalanceAlert, BottomModal, Breadcrumb, Button, ButtonDropdown, ButtonMoreDetails, Checkbox, CustomSelect, Dropzone, IconWithTooltip, Input, InputCurrency, InputToken, InteractiveModal, lateralModal as LateralModal, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, Pagination, ParcelSelector, ProgressBar, Radio, RadioGroup, ReturnButton, Search, SideBar, Spacer, SummaryPanel, TabMenu, Table, Toast, Toggle, Tooltip };
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prosperitainova/mirage-ui",
-    "version": "1.0.90",
+    "version": "1.0.92",
     "private": false,
     "license": "MIT",
     "publishConfig": {
@@ -9,6 +9,7 @@
     "dependencies": {
         "@fortawesome/free-regular-svg-icons": "^6.2.1",
         "bootstrap": "^5.2.3",
+        "formik": "^2.4.3",
         "react-currency-input": "^1.3.6",
         "react-currency-input-field": "^3.6.11",
         "react-dropzone": "^14.2.3",
@@ -102,4 +103,4 @@
         "dist"
     ],
     "types": "dist/index.d.ts"
-}
+}