@prosperitainova/mirage-ui 1.0.2 → 1.0.4

package/dist/esm/types/src/App.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "../src/styles/reset.css";
+declare const App: () => JSX.Element;
+export default App;

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

@@ -0,0 +1 @@
+export * from "./lib";

package/dist/{cjs/types/components → esm/types/src/lib}/Breadcrumb/Breadcrumb.d.ts

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

package/dist/{cjs/types/components → esm/types/src/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/{components → src/lib}/Button/Button.d.ts

@@ -1,4 +1,5 @@
 import { ButtonHTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
 export declare const AppButton: import("styled-components").StyledComponent<"button", any, ButtonHTMLAttributes<HTMLButtonElement> & {
     mode: "main" | "border" | "phantom";
     link?: boolean | undefined;
@@ -11,6 +12,7 @@ export declare const AppButton: import("styled-components").StyledComponent<"but
     label?: string | undefined;
     value?: string | undefined;
     type?: string | undefined;
+    children?: JSX.Element | undefined;
 }, never>;
 export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     mode: "main" | "border" | "phantom";
@@ -24,6 +26,7 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     label?: string;
     value?: string;
     type?: string;
+    children?: JSX.Element;
 };
 declare const Button: (props: ButtonProps) => JSX.Element;
 export default Button;

package/dist/esm/types/{components → src/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/{cjs/types/components → esm/types/src/lib}/ButtonDropdown/ButtonDropdown.d.ts

@@ -1,4 +1,5 @@
 import { ButtonHTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
 export type DropdownOptions = {
     value: string;
     label: string;
@@ -13,7 +14,6 @@ export type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     value?: string;
     type?: string;
     double?: boolean;
-    open?: boolean;
     options: DropdownOptions[];
 };
 declare const ButtonDropdown: (props: ButtonDropdownProps) => JSX.Element;

package/dist/{cjs/types/components → esm/types/src/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/{components → src/lib}/Checkbox/Checkbox.d.ts

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

package/dist/esm/types/{components → src/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/src/lib/Dropzone/Dropzone.d.ts

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

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

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

package/dist/{cjs/types/components → esm/types/src/lib}/Input/Input.d.ts

@@ -1,4 +1,5 @@
 import { InputHTMLAttributes, TextareaHTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
 export type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
     error?: string;
     success?: boolean;

package/dist/{cjs/types/components → esm/types/src/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/{components → src/lib}/InteractiveModal/InteractiveModal.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
 export type ModalProps = HTMLAttributes<HTMLDivElement> & {
     open?: boolean;
     header?: boolean;

package/dist/{cjs/types/components → esm/types/src/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/{components → src/lib}/LateralModal/LateralModal.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
 export type ModalProps = HTMLAttributes<HTMLDivElement> & {
     open?: boolean;
     header?: boolean;

package/dist/{cjs/types/components → esm/types/src/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/{cjs/types/components → esm/types/src/lib}/MenuDropdown/MenuDropdown.d.ts

@@ -1,4 +1,5 @@
 import { ButtonHTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
 export type UsersProps = {
     img: string;
     name: string;
@@ -6,7 +7,7 @@ export type UsersProps = {
 };
 export type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     open?: boolean;
-    onClick?: (props: string) => void;
+    onUserChange?: (user: UsersProps, index: number) => void;
     users?: UsersProps[];
 };
 declare const MenuDropdown: (props: MenuDropdownProps) => JSX.Element;

package/dist/esm/types/{components → src/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/{cjs/types/components → esm/types/src/lib}/NotificationsBar/NotificationsBar.d.ts

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

package/dist/esm/types/{components → src/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/{components → src/lib}/Radio/Radio.d.ts

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

package/dist/{cjs/types/components → esm/types/src/lib}/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from "react";
 import { RadioProps } from "../Radio/Radio";
+import "../../../src/theme/fonts/ProximaNova.css";
 export type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
     display: "row" | "column";
     options: RadioProps[];

package/dist/esm/types/{components → src/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/{components → src/lib}/Search/Search.d.ts

@@ -1,4 +1,5 @@
 import { InputHTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
 export type ResultsProps = {
     value: string;
     label: string;

package/dist/esm/types/{components → src/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/{components → src/lib}/Sellect/Sellect.d.ts

@@ -1,9 +1,11 @@
+/// <reference types="react" />
 import { Props as ReactSelectProps } from "react-select";
+import "../../../src/theme/fonts/ProximaNova.css";
 export type SelectProps = ReactSelectProps & {
     error?: string;
     success?: boolean;
     helper?: string;
     label?: string;
 };
-declare const Sellect: (props: SelectProps) => JSX.Element;
-export default Sellect;
+declare const AppSelect: (props: SelectProps) => JSX.Element;
+export default AppSelect;

package/dist/esm/types/src/lib/Sellect/Sellect.stories.d.ts

@@ -0,0 +1,5 @@
+import { SelectProps } from "./Sellect";
+import { Story, Meta } from "@storybook/react";
+declare const SelectStories: Meta<SelectProps>;
+export default SelectStories;
+export declare const Primary: Story<SelectProps>;

package/dist/{cjs/types/components → esm/types/src/lib}/SideBar/SideBar.d.ts

@@ -1,17 +1,14 @@
-export type TopMenusProps = {
-    icon: string;
-    text: string;
-    onClick?: () => void;
-};
-export type BottomMenusProps = {
+/// <reference types="react" />
+import "../../../src/theme/fonts/ProximaNova.css";
+export type MenuItem = {
     icon: string;
     text: string;
     onClick?: () => void;
 };
 export type SideBarProps = {
     activedIndex?: number;
-    topMenus: TopMenusProps[];
-    bottomMenus?: BottomMenusProps[];
+    menu: MenuItem[];
+    footer?: MenuItem[];
     logo: string;
     active?: boolean;
 };

package/dist/esm/types/{components → src/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/{components → src/lib}/Spacer/Spacer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type SpacerProps = {
     top?: number;
     bottom?: number;

package/dist/esm/types/{components → src/lib}/TabMenu/TabMenu.d.ts

@@ -1,9 +1,13 @@
+/// <reference types="react" />
+import "../../../src/theme/fonts/ProximaNova.css";
 export type MenusProps = {
     label: string;
     value: string;
+    disabled?: boolean;
 };
 export type TabMenuProps = {
     menus: MenusProps[];
+    onChangeTab?: (index: number) => void;
 };
 declare const TabMenu: (props: TabMenuProps) => JSX.Element;
 export default TabMenu;

package/dist/esm/types/{components → src/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/{components → src/lib}/Table/Table.d.ts

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

package/dist/esm/types/{components → src/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/{cjs/types/components → esm/types/src/lib}/Toast/Toast.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from "react";
+import "../../../src/theme/fonts/ProximaNova.css";
 export type ToastProps = HTMLAttributes<HTMLDivElement> & {
     active?: boolean;
     mode: "warning" | "success" | "error";

package/dist/esm/types/{components → src/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/{components → src/lib}/Toggle/Toggle.d.ts

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

package/dist/esm/types/{components → src/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/src/reportWebVitals.d.ts

@@ -0,0 +1,3 @@
+import { ReportHandler } from 'web-vitals';
+declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
+export default reportWebVitals;

package/dist/esm/types/src/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/theme/DefaultTheme.d.ts

@@ -0,0 +1,4 @@
+import { AppTheme } from "../types";
+import "./fonts/ProximaNova.css";
+declare const defaultTheme: AppTheme;
+export default defaultTheme;

package/dist/esm/types/src/theme/index.d.ts

@@ -0,0 +1,2 @@
+declare const UITheme: import("../types").AppTheme;
+export default UITheme;

package/dist/esm/types/{theme → src/theme}/prosperitaTheme.d.ts

@@ -1,3 +1,3 @@
-import { AppTheme } from "./../types/index.d";
+import { AppTheme } from "../types";
 declare const prosperitaTheme: AppTheme;
 export default prosperitaTheme;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes } from 'react';
 import { Props } from 'react-select';
 
@@ -23,6 +24,7 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     label?: string;
     value?: string;
     type?: string;
+    children?: JSX.Element;
 };
 declare const Button: (props: ButtonProps) => JSX.Element;
 
@@ -40,7 +42,6 @@ type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     value?: string;
     type?: string;
     double?: boolean;
-    open?: boolean;
     options: DropdownOptions[];
 };
 declare const ButtonDropdown: (props: ButtonDropdownProps) => JSX.Element;
@@ -57,8 +58,9 @@ declare const Checkbox: ({ onChange, ...props }: CheckboxProps) => JSX.Element;
 type DropzoneProps = {
     error: string;
     helper: string;
+    onFilesChanged: (files: File[]) => void;
 };
-declare function Previews(props: DropzoneProps): JSX.Element;
+declare const Dropzone: (props: DropzoneProps) => JSX.Element;
 
 type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
     error?: string;
@@ -92,7 +94,7 @@ type UsersProps = {
 };
 type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     open?: boolean;
-    onClick?: (props: string) => void;
+    onUserChange?: (user: UsersProps, index: number) => void;
     users?: UsersProps[];
 };
 declare const MenuDropdown: (props: MenuDropdownProps) => JSX.Element;
@@ -106,6 +108,7 @@ type NotificationsBarProps = {
     title: string;
     message?: string;
     notifications?: NotificationsProps[];
+    onNotificationClick?: (notification: NotificationsProps, index: number) => void;
 };
 declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
 
@@ -142,22 +145,17 @@ type SelectProps = Props & {
     helper?: string;
     label?: string;
 };
-declare const Sellect: (props: SelectProps) => JSX.Element;
+declare const AppSelect: (props: SelectProps) => JSX.Element;
 
-type TopMenusProps = {
-    icon: string;
-    text: string;
-    onClick?: () => void;
-};
-type BottomMenusProps = {
+type MenuItem = {
     icon: string;
     text: string;
     onClick?: () => void;
 };
 type SideBarProps = {
     activedIndex?: number;
-    topMenus: TopMenusProps[];
-    bottomMenus?: BottomMenusProps[];
+    menu: MenuItem[];
+    footer?: MenuItem[];
     logo: string;
     active?: boolean;
 };
@@ -174,9 +172,11 @@ declare const Spacer: (props: SpacerProps) => JSX.Element;
 type MenusProps = {
     label: string;
     value: string;
+    disabled?: boolean;
 };
 type TabMenuProps = {
     menus: MenusProps[];
+    onChangeTab?: (index: number) => void;
 };
 declare const TabMenu: (props: TabMenuProps) => JSX.Element;
 
@@ -197,4 +197,4 @@ type ToggleProps = {
 };
 declare const Toggle: (props: ToggleProps) => JSX.Element;
 
-export { Breadcrumb, Button, ButtonDropdown, Checkbox, Previews as Dropzone, Input, InteractiveModal, lateralModal as LateralModal, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, RadioGroup, Search, Sellect, SideBar, Spacer, TabMenu as Table, Toast, Toggle };
+export { Breadcrumb, Button, ButtonDropdown, Checkbox, Dropzone, Input, InteractiveModal, lateralModal as LateralModal, MenuDropdown as Menudropdown, NotificationBar as NotificationsBar, RadioGroup, Search, AppSelect as Sellect, SideBar, Spacer, TabMenu as Table, Toast, Toggle };