@prosperitainova/mirage-ui 1.0.3 → 1.0.6

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

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

package/dist/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/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/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/esm/types/src/lib/Checkbox/Checkbox.d.ts

@@ -1,3 +1,4 @@
+import "../../../src/theme/fonts/ProximaNova.css";
 export type CheckboxProps = {
     label?: string;
     disabled?: boolean;

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

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

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

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

package/dist/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/esm/types/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/esm/types/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/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/src/lib/NotificationsBar/NotificationsBar.d.ts

@@ -1,3 +1,4 @@
+import "../../../src/theme/fonts/ProximaNova.css";
 export type NotificationsProps = {
     img: string;
     text: string;
@@ -7,6 +8,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/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/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/src/lib/Sellect/Sellect.d.ts

@@ -1,9 +1,10 @@
 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/SideBar/SideBar.d.ts

@@ -1,17 +1,13 @@
-export type TopMenusProps = {
-    icon: string;
-    text: string;
-    onClick?: () => void;
-};
-export type BottomMenusProps = {
+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/src/lib/TabMenu/TabMenu.d.ts

@@ -1,9 +1,12 @@
+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/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/src/lib/Table/Table.d.ts

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

package/dist/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/src/theme/DefaultTheme.d.ts

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

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes } from 'react';
 import { Props } from 'react-select';
 
@@ -24,6 +23,7 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     label?: string;
     value?: string;
     type?: string;
+    children?: JSX.Element;
 };
 declare const Button: (props: ButtonProps) => JSX.Element;
 
@@ -41,7 +41,6 @@ type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     value?: string;
     type?: string;
     double?: boolean;
-    open?: boolean;
     options: DropdownOptions[];
 };
 declare const ButtonDropdown: (props: ButtonDropdownProps) => JSX.Element;
@@ -58,8 +57,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;
@@ -93,7 +93,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;
@@ -107,6 +107,7 @@ type NotificationsBarProps = {
     title: string;
     message?: string;
     notifications?: NotificationsProps[];
+    onNotificationClick?: (notification: NotificationsProps, index: number) => void;
 };
 declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
 
@@ -143,22 +144,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;
 };
@@ -175,9 +171,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;
 
@@ -198,4 +196,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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prosperitainova/mirage-ui",
-  "version": "1.0.3",
+  "version": "1.0.6",
   "private": false,
   "license": "MIT",
   "publishConfig": {
@@ -56,10 +56,7 @@
     "styled-components": "^5.3.6"
   },
   "devDependencies": {
-    "@types/node": "^16.18.8",
-    "@types/react": "^18.0.26",
     "@rollup/plugin-commonjs": "^24.0.0",
-    "@rollup/plugin-image": "^3.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
     "@storybook/addon-actions": "^6.5.14",
@@ -72,18 +69,21 @@
     "@storybook/preset-create-react-app": "^4.1.2",
     "@storybook/react": "^6.5.14",
     "@storybook/testing-library": "^0.0.13",
+    "@types/node": "^16.18.8",
+    "@types/react": "^18.0.26",
     "@types/styled-components": "^5.1.26",
     "babel-plugin-named-exports-order": "^0.0.2",
+    "postcss": "^8.4.21",
     "postcss-assets": "^6.0.0",
     "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
     "rollup": "^3.10.0",
-    "rollup-plugin-css-only": "^4.3.0",
     "rollup-plugin-dts": "^5.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-svg": "^2.0.0",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-url": "^3.0.1",
     "storybook-addon-styled-component-theme": "^2.0.0",
     "webpack": "^5.75.0"
   },

package/README.old.md

@@ -1,29 +0,0 @@
-# README #
-
-This README would normally document whatever steps are necessary to get your application up and running.
-
-### What is this repository for? ###
-
-* Quick summary
-* Version
-* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
-
-### How do I get set up? ###
-
-* Summary of set up
-* Configuration
-* Dependencies
-* Database configuration
-* How to run tests
-* Deployment instructions
-
-### Contribution guidelines ###
-
-* Writing tests
-* Code review
-* Other guidelines
-
-### Who do I talk to? ###
-
-* Repo owner or admin
-* Other community or team contact