@prosperitainova/mirage-ui 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/dist/cjs/assets/asset-1f5f3d97 +5 -0
  2. package/dist/cjs/assets/asset-90a77f27 +83 -0
  3. package/dist/cjs/assets/asset-d29508fd +2 -0
  4. package/dist/cjs/assets/asset-e29ddd46 +1 -0
  5. package/dist/cjs/index.js +2 -2
  6. package/dist/cjs/index.js.map +1 -1
  7. package/dist/cjs/types/src/lib/Breadcrumb/Breadcrumb.d.ts +2 -0
  8. package/dist/cjs/types/src/lib/Breadcrumb/Breadcrumb.stories.d.ts +1 -0
  9. package/dist/cjs/types/src/lib/Button/Button.d.ts +3 -0
  10. package/dist/cjs/types/src/lib/Button/Button.stories.d.ts +1 -0
  11. package/dist/cjs/types/src/lib/ButtonDropdown/ButtonDropdown.d.ts +1 -1
  12. package/dist/cjs/types/src/lib/ButtonDropdown/ButtonDropdown.stories.d.ts +1 -0
  13. package/dist/cjs/types/src/lib/Checkbox/Checkbox.d.ts +2 -0
  14. package/dist/cjs/types/src/lib/Checkbox/Checkbox.stories.d.ts +1 -0
  15. package/dist/cjs/types/src/lib/Dropzone/Dropzone.d.ts +4 -2
  16. package/dist/cjs/types/src/lib/Dropzone/Dropzone.stories.d.ts +4 -3
  17. package/dist/cjs/types/src/lib/Input/Input.d.ts +1 -0
  18. package/dist/cjs/types/src/lib/Input/Input.stories.d.ts +1 -0
  19. package/dist/cjs/types/src/lib/InteractiveModal/InteractiveModal.d.ts +1 -0
  20. package/dist/cjs/types/src/lib/InteractiveModal/InteractiveModal.stories.d.ts +1 -0
  21. package/dist/cjs/types/src/lib/LateralModal/LateralModal.d.ts +1 -0
  22. package/dist/cjs/types/src/lib/LateralModal/LateralModal.stories.d.ts +1 -0
  23. package/dist/cjs/types/src/lib/MenuDropdown/MenuDropdown.d.ts +2 -1
  24. package/dist/cjs/types/src/lib/MenuDropdown/MenuDropdown.stories.d.ts +1 -0
  25. package/dist/cjs/types/src/lib/NotificationsBar/NotificationsBar.d.ts +3 -0
  26. package/dist/cjs/types/src/lib/NotificationsBar/NotificationsBar.stories.d.ts +1 -0
  27. package/dist/cjs/types/src/lib/Radio/Radio.d.ts +1 -0
  28. package/dist/cjs/types/src/lib/RadioGroup/RadioGroup.d.ts +1 -0
  29. package/dist/cjs/types/src/lib/RadioGroup/RadioGroup.stories.d.ts +1 -0
  30. package/dist/cjs/types/src/lib/Search/Search.d.ts +1 -0
  31. package/dist/cjs/types/src/lib/Search/Search.stories.d.ts +1 -0
  32. package/dist/cjs/types/src/lib/Sellect/Sellect.d.ts +4 -2
  33. package/dist/cjs/types/src/lib/SideBar/SideBar.d.ts +5 -8
  34. package/dist/cjs/types/src/lib/SideBar/SideBar.stories.d.ts +1 -0
  35. package/dist/cjs/types/src/lib/Spacer/Spacer.d.ts +1 -0
  36. package/dist/cjs/types/src/lib/TabMenu/TabMenu.d.ts +4 -0
  37. package/dist/cjs/types/src/lib/TabMenu/TabMenu.stories.d.ts +1 -0
  38. package/dist/cjs/types/src/lib/Table/Table.d.ts +1 -0
  39. package/dist/cjs/types/src/lib/Table/Table.stories.d.ts +1 -0
  40. package/dist/cjs/types/src/lib/Toast/Toast.d.ts +1 -0
  41. package/dist/cjs/types/src/lib/Toast/Toast.stories.d.ts +1 -0
  42. package/dist/cjs/types/src/lib/Toggle/Toggle.d.ts +1 -0
  43. package/dist/cjs/types/src/lib/Toggle/Toggle.stories.d.ts +1 -0
  44. package/dist/cjs/types/src/theme/DefaultTheme.d.ts +1 -0
  45. package/dist/esm/assets/asset-1f5f3d97 +5 -0
  46. package/dist/esm/assets/asset-90a77f27 +83 -0
  47. package/dist/esm/assets/asset-d29508fd +2 -0
  48. package/dist/esm/assets/asset-e29ddd46 +1 -0
  49. package/dist/esm/index.js +2 -2
  50. package/dist/esm/index.js.map +1 -1
  51. package/dist/esm/types/src/lib/Breadcrumb/Breadcrumb.d.ts +2 -0
  52. package/dist/esm/types/src/lib/Breadcrumb/Breadcrumb.stories.d.ts +1 -0
  53. package/dist/esm/types/src/lib/Button/Button.d.ts +3 -0
  54. package/dist/esm/types/src/lib/Button/Button.stories.d.ts +1 -0
  55. package/dist/esm/types/src/lib/ButtonDropdown/ButtonDropdown.d.ts +1 -1
  56. package/dist/esm/types/src/lib/ButtonDropdown/ButtonDropdown.stories.d.ts +1 -0
  57. package/dist/esm/types/src/lib/Checkbox/Checkbox.d.ts +2 -0
  58. package/dist/esm/types/src/lib/Checkbox/Checkbox.stories.d.ts +1 -0
  59. package/dist/esm/types/src/lib/Dropzone/Dropzone.d.ts +4 -2
  60. package/dist/esm/types/src/lib/Dropzone/Dropzone.stories.d.ts +4 -3
  61. package/dist/esm/types/src/lib/Input/Input.d.ts +1 -0
  62. package/dist/esm/types/src/lib/Input/Input.stories.d.ts +1 -0
  63. package/dist/esm/types/src/lib/InteractiveModal/InteractiveModal.d.ts +1 -0
  64. package/dist/esm/types/src/lib/InteractiveModal/InteractiveModal.stories.d.ts +1 -0
  65. package/dist/esm/types/src/lib/LateralModal/LateralModal.d.ts +1 -0
  66. package/dist/esm/types/src/lib/LateralModal/LateralModal.stories.d.ts +1 -0
  67. package/dist/esm/types/src/lib/MenuDropdown/MenuDropdown.d.ts +2 -1
  68. package/dist/esm/types/src/lib/MenuDropdown/MenuDropdown.stories.d.ts +1 -0
  69. package/dist/esm/types/src/lib/NotificationsBar/NotificationsBar.d.ts +3 -0
  70. package/dist/esm/types/src/lib/NotificationsBar/NotificationsBar.stories.d.ts +1 -0
  71. package/dist/esm/types/src/lib/Radio/Radio.d.ts +1 -0
  72. package/dist/esm/types/src/lib/RadioGroup/RadioGroup.d.ts +1 -0
  73. package/dist/esm/types/src/lib/RadioGroup/RadioGroup.stories.d.ts +1 -0
  74. package/dist/esm/types/src/lib/Search/Search.d.ts +1 -0
  75. package/dist/esm/types/src/lib/Search/Search.stories.d.ts +1 -0
  76. package/dist/esm/types/src/lib/Sellect/Sellect.d.ts +4 -2
  77. package/dist/esm/types/src/lib/SideBar/SideBar.d.ts +5 -8
  78. package/dist/esm/types/src/lib/SideBar/SideBar.stories.d.ts +1 -0
  79. package/dist/esm/types/src/lib/Spacer/Spacer.d.ts +1 -0
  80. package/dist/esm/types/src/lib/TabMenu/TabMenu.d.ts +4 -0
  81. package/dist/esm/types/src/lib/TabMenu/TabMenu.stories.d.ts +1 -0
  82. package/dist/esm/types/src/lib/Table/Table.d.ts +1 -0
  83. package/dist/esm/types/src/lib/Table/Table.stories.d.ts +1 -0
  84. package/dist/esm/types/src/lib/Toast/Toast.d.ts +1 -0
  85. package/dist/esm/types/src/lib/Toast/Toast.stories.d.ts +1 -0
  86. package/dist/esm/types/src/lib/Toggle/Toggle.d.ts +1 -0
  87. package/dist/esm/types/src/lib/Toggle/Toggle.stories.d.ts +1 -0
  88. package/dist/esm/types/src/theme/DefaultTheme.d.ts +1 -0
  89. package/dist/index.d.ts +12 -13
  90. package/package.json +4 -7
@@ -1,3 +1,5 @@
1
+ /// <reference types="react" />
2
+ import "../../../src/theme/fonts/ProximaNova.css";
1
3
  type ItemsProps = {
2
4
  label: string;
3
5
  href: string;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Story } from "@storybook/react";
2
3
  declare const BreadcrumbStories: {
3
4
  title: string;
@@ -1,4 +1,5 @@
1
1
  import { ButtonHTMLAttributes } from "react";
2
+ import "../../../src/theme/fonts/ProximaNova.css";
2
3
  export declare const AppButton: import("styled-components").StyledComponent<"button", any, ButtonHTMLAttributes<HTMLButtonElement> & {
3
4
  mode: "main" | "border" | "phantom";
4
5
  link?: boolean | undefined;
@@ -11,6 +12,7 @@ export declare const AppButton: import("styled-components").StyledComponent<"but
11
12
  label?: string | undefined;
12
13
  value?: string | undefined;
13
14
  type?: string | undefined;
15
+ children?: JSX.Element | undefined;
14
16
  }, never>;
15
17
  export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
16
18
  mode: "main" | "border" | "phantom";
@@ -24,6 +26,7 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
24
26
  label?: string;
25
27
  value?: string;
26
28
  type?: string;
29
+ children?: JSX.Element;
27
30
  };
28
31
  declare const Button: (props: ButtonProps) => JSX.Element;
29
32
  export default Button;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { ButtonProps } from "./Button";
2
3
  import { Story } from "@storybook/react";
3
4
  declare const ButtonStories: {
@@ -1,4 +1,5 @@
1
1
  import { ButtonHTMLAttributes } from "react";
2
+ import "../../../src/theme/fonts/ProximaNova.css";
2
3
  export type DropdownOptions = {
3
4
  value: string;
4
5
  label: string;
@@ -13,7 +14,6 @@ export type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
13
14
  value?: string;
14
15
  type?: string;
15
16
  double?: boolean;
16
- open?: boolean;
17
17
  options: DropdownOptions[];
18
18
  };
19
19
  declare const ButtonDropdown: (props: ButtonDropdownProps) => JSX.Element;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { ButtonDropdownProps } from "./ButtonDropdown";
2
3
  import { Story } from "@storybook/react";
3
4
  declare const ButtonStories: {
@@ -1,3 +1,5 @@
1
+ /// <reference types="react" />
2
+ import "../../../src/theme/fonts/ProximaNova.css";
1
3
  export type CheckboxProps = {
2
4
  label?: string;
3
5
  disabled?: boolean;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { CheckboxProps } from "./Checkbox";
2
3
  import { Story } from "@storybook/react";
3
4
  declare const CheckStories: {
@@ -1,7 +1,9 @@
1
1
  /// <reference types="react" />
2
+ import "../../../src/theme/fonts/ProximaNova.css";
2
3
  export type DropzoneProps = {
3
4
  error: string;
4
5
  helper: string;
6
+ onFilesChanged: (files: File[]) => void;
5
7
  };
6
- declare function Previews(props: DropzoneProps): JSX.Element;
7
- export default Previews;
8
+ declare const Dropzone: (props: DropzoneProps) => JSX.Element;
9
+ export default Dropzone;
@@ -1,8 +1,9 @@
1
- import Dropzone from "./Dropzone";
1
+ /// <reference types="react" />
2
+ import { DropzoneProps } from "./Dropzone";
2
3
  import { Story } from "@storybook/react";
3
4
  declare const DropzoneStories: {
4
5
  title: string;
5
- component: typeof Dropzone;
6
+ component: (props: DropzoneProps) => JSX.Element;
6
7
  };
7
8
  export default DropzoneStories;
8
- export declare const DropzoneStory: Story<any>;
9
+ export declare const DropzoneStory: Story<DropzoneProps>;
@@ -1,4 +1,5 @@
1
1
  import { InputHTMLAttributes, TextareaHTMLAttributes } from "react";
2
+ import "../../../src/theme/fonts/ProximaNova.css";
2
3
  export type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
3
4
  error?: string;
4
5
  success?: boolean;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { InputProps } from "./Input";
2
3
  import { Story } from "@storybook/react";
3
4
  declare const InputStories: {
@@ -1,4 +1,5 @@
1
1
  import { HTMLAttributes } from "react";
2
+ import "../../../src/theme/fonts/ProximaNova.css";
2
3
  export type ModalProps = HTMLAttributes<HTMLDivElement> & {
3
4
  open?: boolean;
4
5
  header?: boolean;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Story } from "@storybook/react";
2
3
  import { ModalProps } from "./InteractiveModal";
3
4
  declare const InteractiveModalStories: {
@@ -1,4 +1,5 @@
1
1
  import { HTMLAttributes } from "react";
2
+ import "../../../src/theme/fonts/ProximaNova.css";
2
3
  export type ModalProps = HTMLAttributes<HTMLDivElement> & {
3
4
  open?: boolean;
4
5
  header?: boolean;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Story } from "@storybook/react";
2
3
  import { ModalProps } from "./LateralModal";
3
4
  declare const LateraleModalStories: {
@@ -1,4 +1,5 @@
1
1
  import { ButtonHTMLAttributes } from "react";
2
+ import "../../../src/theme/fonts/ProximaNova.css";
2
3
  export type UsersProps = {
3
4
  img: string;
4
5
  name: string;
@@ -6,7 +7,7 @@ export type UsersProps = {
6
7
  };
7
8
  export type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
8
9
  open?: boolean;
9
- onClick?: (props: string) => void;
10
+ onUserChange?: (user: UsersProps, index: number) => void;
10
11
  users?: UsersProps[];
11
12
  };
12
13
  declare const MenuDropdown: (props: MenuDropdownProps) => JSX.Element;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { MenuDropdownProps } from "./MenuDropdown";
2
3
  import { Story } from "@storybook/react";
3
4
  declare const MenuDropdownStories: {
@@ -1,3 +1,5 @@
1
+ /// <reference types="react" />
2
+ import "../../../src/theme/fonts/ProximaNova.css";
1
3
  export type NotificationsProps = {
2
4
  img: string;
3
5
  text: string;
@@ -7,6 +9,7 @@ export type NotificationsBarProps = {
7
9
  title: string;
8
10
  message?: string;
9
11
  notifications?: NotificationsProps[];
12
+ onNotificationClick?: (notification: NotificationsProps, index: number) => void;
10
13
  };
11
14
  declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
12
15
  export default NotificationBar;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { NotificationsBarProps } from "./NotificationsBar";
2
3
  import { Story } from "@storybook/react";
3
4
  declare const SearchStories: {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export type RadioProps = {
2
3
  label: string;
3
4
  disabled?: boolean;
@@ -1,5 +1,6 @@
1
1
  import { HTMLAttributes } from "react";
2
2
  import { RadioProps } from "../Radio/Radio";
3
+ import "../../../src/theme/fonts/ProximaNova.css";
3
4
  export type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
4
5
  display: "row" | "column";
5
6
  options: RadioProps[];
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Story } from "@storybook/react";
2
3
  import { RadioGroupProps } from "./RadioGroup";
3
4
  declare const RadioGroupStories: {
@@ -1,4 +1,5 @@
1
1
  import { InputHTMLAttributes } from "react";
2
+ import "../../../src/theme/fonts/ProximaNova.css";
2
3
  export type ResultsProps = {
3
4
  value: string;
4
5
  label: string;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { SearchProps } from "./Search";
2
3
  import { Story } from "@storybook/react";
3
4
  declare const SearchStories: {
@@ -1,9 +1,11 @@
1
+ /// <reference types="react" />
1
2
  import { Props as ReactSelectProps } from "react-select";
3
+ import "../../../src/theme/fonts/ProximaNova.css";
2
4
  export type SelectProps = ReactSelectProps & {
3
5
  error?: string;
4
6
  success?: boolean;
5
7
  helper?: string;
6
8
  label?: string;
7
9
  };
8
- declare const Sellect: (props: SelectProps) => JSX.Element;
9
- export default Sellect;
10
+ declare const AppSelect: (props: SelectProps) => JSX.Element;
11
+ export default AppSelect;
@@ -1,17 +1,14 @@
1
- export type TopMenusProps = {
2
- icon: string;
3
- text: string;
4
- onClick?: () => void;
5
- };
6
- export type BottomMenusProps = {
1
+ /// <reference types="react" />
2
+ import "../../../src/theme/fonts/ProximaNova.css";
3
+ export type MenuItem = {
7
4
  icon: string;
8
5
  text: string;
9
6
  onClick?: () => void;
10
7
  };
11
8
  export type SideBarProps = {
12
9
  activedIndex?: number;
13
- topMenus: TopMenusProps[];
14
- bottomMenus?: BottomMenusProps[];
10
+ menu: MenuItem[];
11
+ footer?: MenuItem[];
15
12
  logo: string;
16
13
  active?: boolean;
17
14
  };
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Story } from "@storybook/react";
2
3
  declare const SideBarStories: {
3
4
  title: string;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  type SpacerProps = {
2
3
  top?: number;
3
4
  bottom?: number;
@@ -1,9 +1,13 @@
1
+ /// <reference types="react" />
2
+ import "../../../src/theme/fonts/ProximaNova.css";
1
3
  export type MenusProps = {
2
4
  label: string;
3
5
  value: string;
6
+ disabled?: boolean;
4
7
  };
5
8
  export type TabMenuProps = {
6
9
  menus: MenusProps[];
10
+ onChangeTab?: (index: number) => void;
7
11
  };
8
12
  declare const TabMenu: (props: TabMenuProps) => JSX.Element;
9
13
  export default TabMenu;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Story } from "@storybook/react";
2
3
  import { TabMenuProps } from "./TabMenu";
3
4
  declare const TabMenuStories: {
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import "../../../src/theme/fonts/ProximaNova.css";
2
3
  export type TableColumn<T = any> = {
3
4
  label: string;
4
5
  key: string;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { TableProps } from "./Table";
2
3
  import { Story } from "@storybook/react";
3
4
  declare const TableStories: {
@@ -1,4 +1,5 @@
1
1
  import { HTMLAttributes } from "react";
2
+ import "../../../src/theme/fonts/ProximaNova.css";
2
3
  export type ToastProps = HTMLAttributes<HTMLDivElement> & {
3
4
  active?: boolean;
4
5
  mode: "warning" | "success" | "error";
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { Story } from "@storybook/react";
2
3
  import { ToastProps } from "./Toast";
3
4
  declare const ToastStories: {
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export type ToggleProps = {
2
3
  mode: "small" | "large";
3
4
  actived?: boolean;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { ToggleProps } from "./Toggle";
2
3
  import { Story } from "@storybook/react";
3
4
  declare const ButtonStories: {
@@ -1,3 +1,4 @@
1
1
  import { AppTheme } from "../types";
2
+ import "./fonts/ProximaNova.css";
2
3
  declare const defaultTheme: AppTheme;
3
4
  export default defaultTheme;