@prosperitainova/mirage-ui 1.0.0
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.
- package/README.md +46 -0
- package/README.old.md +29 -0
- package/dist/cjs/assets/asset-01ba4719 +1 -0
- package/dist/cjs/index.js +59 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/types/src/App.d.ts +4 -0
- package/dist/cjs/types/src/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Breadcrumb/Breadcrumb.d.ts +11 -0
- package/dist/cjs/types/src/lib/Breadcrumb/Breadcrumb.stories.d.ts +14 -0
- package/dist/cjs/types/src/lib/Breadcrumb/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Button/Button.d.ts +29 -0
- package/dist/cjs/types/src/lib/Button/Button.stories.d.ts +17 -0
- package/dist/cjs/types/src/lib/Button/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/ButtonDropdown/ButtonDropdown.d.ts +20 -0
- package/dist/cjs/types/src/lib/ButtonDropdown/ButtonDropdown.stories.d.ts +12 -0
- package/dist/cjs/types/src/lib/ButtonDropdown/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Checkbox/Checkbox.d.ts +10 -0
- package/dist/cjs/types/src/lib/Checkbox/Checkbox.stories.d.ts +9 -0
- package/dist/cjs/types/src/lib/Checkbox/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Dropzone/Dropzone.d.ts +7 -0
- package/dist/cjs/types/src/lib/Dropzone/Dropzone.stories.d.ts +8 -0
- package/dist/cjs/types/src/lib/Dropzone/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Input/Input.d.ts +9 -0
- package/dist/cjs/types/src/lib/Input/Input.stories.d.ts +12 -0
- package/dist/cjs/types/src/lib/Input/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/InteractiveModal/InteractiveModal.d.ts +10 -0
- package/dist/cjs/types/src/lib/InteractiveModal/InteractiveModal.stories.d.ts +9 -0
- package/dist/cjs/types/src/lib/InteractiveModal/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/LateralModal/LateralModal.d.ts +9 -0
- package/dist/cjs/types/src/lib/LateralModal/LateralModal.stories.d.ts +9 -0
- package/dist/cjs/types/src/lib/LateralModal/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/MenuDropdown/MenuDropdown.d.ts +13 -0
- package/dist/cjs/types/src/lib/MenuDropdown/MenuDropdown.stories.d.ts +9 -0
- package/dist/cjs/types/src/lib/MenuDropdown/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/NotificationsBar/NotificationsBar.d.ts +13 -0
- package/dist/cjs/types/src/lib/NotificationsBar/NotificationsBar.stories.d.ts +10 -0
- package/dist/cjs/types/src/lib/NotificationsBar/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Radio/Radio.d.ts +11 -0
- package/dist/cjs/types/src/lib/RadioGroup/RadioGroup.d.ts +10 -0
- package/dist/cjs/types/src/lib/RadioGroup/RadioGroup.stories.d.ts +9 -0
- package/dist/cjs/types/src/lib/RadioGroup/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Search/Search.d.ts +11 -0
- package/dist/cjs/types/src/lib/Search/Search.stories.d.ts +9 -0
- package/dist/cjs/types/src/lib/Search/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Sellect/Sellect.d.ts +10 -0
- package/dist/cjs/types/src/lib/Sellect/Sellect.stories.d.ts +5 -0
- package/dist/cjs/types/src/lib/Sellect/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Sellect/style.d.ts +3 -0
- package/dist/cjs/types/src/lib/SideBar/SideBar.d.ts +20 -0
- package/dist/cjs/types/src/lib/SideBar/SideBar.stories.d.ts +8 -0
- package/dist/cjs/types/src/lib/SideBar/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Spacer/Spacer.d.ts +9 -0
- package/dist/cjs/types/src/lib/Spacer/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/TabMenu/TabMenu.d.ts +10 -0
- package/dist/cjs/types/src/lib/TabMenu/TabMenu.stories.d.ts +9 -0
- package/dist/cjs/types/src/lib/TabMenu/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Table/Table.d.ts +12 -0
- package/dist/cjs/types/src/lib/Table/Table.stories.d.ts +9 -0
- package/dist/cjs/types/src/lib/Table/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Toast/Toast.d.ts +11 -0
- package/dist/cjs/types/src/lib/Toast/Toast.stories.d.ts +11 -0
- package/dist/cjs/types/src/lib/Toast/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/Toggle/Toggle.d.ts +8 -0
- package/dist/cjs/types/src/lib/Toggle/Toggle.stories.d.ts +10 -0
- package/dist/cjs/types/src/lib/Toggle/index.d.ts +1 -0
- package/dist/cjs/types/src/lib/index.d.ts +18 -0
- package/dist/cjs/types/src/reportWebVitals.d.ts +3 -0
- package/dist/cjs/types/src/setupTests.d.ts +1 -0
- package/dist/cjs/types/src/theme/DefaultTheme.d.ts +3 -0
- package/dist/cjs/types/src/theme/index.d.ts +2 -0
- package/dist/cjs/types/src/theme/prosperitaTheme.d.ts +3 -0
- package/dist/esm/assets/asset-01ba4719 +1 -0
- package/dist/esm/index.js +59 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/types/src/App.d.ts +4 -0
- package/dist/esm/types/src/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Breadcrumb/Breadcrumb.d.ts +11 -0
- package/dist/esm/types/src/lib/Breadcrumb/Breadcrumb.stories.d.ts +14 -0
- package/dist/esm/types/src/lib/Breadcrumb/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Button/Button.d.ts +29 -0
- package/dist/esm/types/src/lib/Button/Button.stories.d.ts +17 -0
- package/dist/esm/types/src/lib/Button/index.d.ts +1 -0
- package/dist/esm/types/src/lib/ButtonDropdown/ButtonDropdown.d.ts +20 -0
- package/dist/esm/types/src/lib/ButtonDropdown/ButtonDropdown.stories.d.ts +12 -0
- package/dist/esm/types/src/lib/ButtonDropdown/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Checkbox/Checkbox.d.ts +10 -0
- package/dist/esm/types/src/lib/Checkbox/Checkbox.stories.d.ts +9 -0
- package/dist/esm/types/src/lib/Checkbox/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Dropzone/Dropzone.d.ts +7 -0
- package/dist/esm/types/src/lib/Dropzone/Dropzone.stories.d.ts +8 -0
- package/dist/esm/types/src/lib/Dropzone/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Input/Input.d.ts +9 -0
- package/dist/esm/types/src/lib/Input/Input.stories.d.ts +12 -0
- package/dist/esm/types/src/lib/Input/index.d.ts +1 -0
- package/dist/esm/types/src/lib/InteractiveModal/InteractiveModal.d.ts +10 -0
- package/dist/esm/types/src/lib/InteractiveModal/InteractiveModal.stories.d.ts +9 -0
- package/dist/esm/types/src/lib/InteractiveModal/index.d.ts +1 -0
- package/dist/esm/types/src/lib/LateralModal/LateralModal.d.ts +9 -0
- package/dist/esm/types/src/lib/LateralModal/LateralModal.stories.d.ts +9 -0
- package/dist/esm/types/src/lib/LateralModal/index.d.ts +1 -0
- package/dist/esm/types/src/lib/MenuDropdown/MenuDropdown.d.ts +13 -0
- package/dist/esm/types/src/lib/MenuDropdown/MenuDropdown.stories.d.ts +9 -0
- package/dist/esm/types/src/lib/MenuDropdown/index.d.ts +1 -0
- package/dist/esm/types/src/lib/NotificationsBar/NotificationsBar.d.ts +13 -0
- package/dist/esm/types/src/lib/NotificationsBar/NotificationsBar.stories.d.ts +10 -0
- package/dist/esm/types/src/lib/NotificationsBar/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Radio/Radio.d.ts +11 -0
- package/dist/esm/types/src/lib/RadioGroup/RadioGroup.d.ts +10 -0
- package/dist/esm/types/src/lib/RadioGroup/RadioGroup.stories.d.ts +9 -0
- package/dist/esm/types/src/lib/RadioGroup/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Search/Search.d.ts +11 -0
- package/dist/esm/types/src/lib/Search/Search.stories.d.ts +9 -0
- package/dist/esm/types/src/lib/Search/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Sellect/Sellect.d.ts +10 -0
- package/dist/esm/types/src/lib/Sellect/Sellect.stories.d.ts +5 -0
- package/dist/esm/types/src/lib/Sellect/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Sellect/style.d.ts +3 -0
- package/dist/esm/types/src/lib/SideBar/SideBar.d.ts +20 -0
- package/dist/esm/types/src/lib/SideBar/SideBar.stories.d.ts +8 -0
- package/dist/esm/types/src/lib/SideBar/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Spacer/Spacer.d.ts +9 -0
- package/dist/esm/types/src/lib/Spacer/index.d.ts +1 -0
- package/dist/esm/types/src/lib/TabMenu/TabMenu.d.ts +10 -0
- package/dist/esm/types/src/lib/TabMenu/TabMenu.stories.d.ts +9 -0
- package/dist/esm/types/src/lib/TabMenu/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Table/Table.d.ts +12 -0
- package/dist/esm/types/src/lib/Table/Table.stories.d.ts +9 -0
- package/dist/esm/types/src/lib/Table/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Toast/Toast.d.ts +11 -0
- package/dist/esm/types/src/lib/Toast/Toast.stories.d.ts +11 -0
- package/dist/esm/types/src/lib/Toast/index.d.ts +1 -0
- package/dist/esm/types/src/lib/Toggle/Toggle.d.ts +8 -0
- package/dist/esm/types/src/lib/Toggle/Toggle.stories.d.ts +10 -0
- package/dist/esm/types/src/lib/Toggle/index.d.ts +1 -0
- package/dist/esm/types/src/lib/index.d.ts +18 -0
- package/dist/esm/types/src/reportWebVitals.d.ts +3 -0
- package/dist/esm/types/src/setupTests.d.ts +1 -0
- package/dist/esm/types/src/theme/DefaultTheme.d.ts +3 -0
- package/dist/esm/types/src/theme/index.d.ts +2 -0
- package/dist/esm/types/src/theme/prosperitaTheme.d.ts +3 -0
- package/dist/index.d.ts +201 -0
- package/package.json +102 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./lib";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type ItemsProps = {
|
|
3
|
+
label: string;
|
|
4
|
+
href: string;
|
|
5
|
+
img?: string;
|
|
6
|
+
};
|
|
7
|
+
type BreadcrumbProps = {
|
|
8
|
+
menus: ItemsProps[];
|
|
9
|
+
};
|
|
10
|
+
declare const Breadcrumb: (props: BreadcrumbProps) => JSX.Element;
|
|
11
|
+
export default Breadcrumb;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Story } from "@storybook/react";
|
|
3
|
+
declare const BreadcrumbStories: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: {
|
|
6
|
+
menus: {
|
|
7
|
+
label: string;
|
|
8
|
+
href: string;
|
|
9
|
+
img?: string | undefined;
|
|
10
|
+
}[];
|
|
11
|
+
}) => JSX.Element;
|
|
12
|
+
};
|
|
13
|
+
export default BreadcrumbStories;
|
|
14
|
+
export declare const BreadcrumbStory: Story<import("@storybook/react").Args>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Breadcrumb";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes } from "react";
|
|
2
|
+
export declare const AppButton: import("styled-components").StyledComponent<"button", any, ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
+
mode: "main" | "border" | "phantom";
|
|
4
|
+
link?: boolean | undefined;
|
|
5
|
+
icon?: string | undefined;
|
|
6
|
+
iconPosition?: "left" | "right" | undefined;
|
|
7
|
+
arrow?: "left" | "right" | undefined;
|
|
8
|
+
danger?: boolean | undefined;
|
|
9
|
+
disabled?: boolean | undefined;
|
|
10
|
+
loading?: boolean | undefined;
|
|
11
|
+
label?: string | undefined;
|
|
12
|
+
value?: string | undefined;
|
|
13
|
+
type?: string | undefined;
|
|
14
|
+
}, never>;
|
|
15
|
+
export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
16
|
+
mode: "main" | "border" | "phantom";
|
|
17
|
+
link?: boolean;
|
|
18
|
+
icon?: string;
|
|
19
|
+
iconPosition?: "left" | "right";
|
|
20
|
+
arrow?: "left" | "right";
|
|
21
|
+
danger?: boolean;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
loading?: boolean;
|
|
24
|
+
label?: string;
|
|
25
|
+
value?: string;
|
|
26
|
+
type?: string;
|
|
27
|
+
};
|
|
28
|
+
declare const Button: (props: ButtonProps) => JSX.Element;
|
|
29
|
+
export default Button;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ButtonProps } from "./Button";
|
|
3
|
+
import { Story } from "@storybook/react";
|
|
4
|
+
declare const ButtonStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: ButtonProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default ButtonStories;
|
|
9
|
+
export declare const Main: Story<ButtonProps>;
|
|
10
|
+
export declare const Border: Story<ButtonProps>;
|
|
11
|
+
export declare const Phantom: Story<ButtonProps>;
|
|
12
|
+
export declare const Danger: Story<ButtonProps>;
|
|
13
|
+
export declare const MainWithIcon: Story<ButtonProps>;
|
|
14
|
+
export declare const BorderWithIcon: Story<ButtonProps>;
|
|
15
|
+
export declare const Arrow: Story<ButtonProps>;
|
|
16
|
+
export declare const Icon: Story<ButtonProps>;
|
|
17
|
+
export declare const Link: Story<ButtonProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Button";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes } from "react";
|
|
2
|
+
export type DropdownOptions = {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
color?: string;
|
|
6
|
+
onClick?: (value: string) => void;
|
|
7
|
+
};
|
|
8
|
+
export type ButtonDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
9
|
+
mode: "main" | "border";
|
|
10
|
+
icon?: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
value?: string;
|
|
14
|
+
type?: string;
|
|
15
|
+
double?: boolean;
|
|
16
|
+
open?: boolean;
|
|
17
|
+
options: DropdownOptions[];
|
|
18
|
+
};
|
|
19
|
+
declare const ButtonDropdown: (props: ButtonDropdownProps) => JSX.Element;
|
|
20
|
+
export default ButtonDropdown;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ButtonDropdownProps } from "./ButtonDropdown";
|
|
3
|
+
import { Story } from "@storybook/react";
|
|
4
|
+
declare const ButtonStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: ButtonDropdownProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default ButtonStories;
|
|
9
|
+
export declare const Main: Story<ButtonDropdownProps>;
|
|
10
|
+
export declare const Border: Story<ButtonDropdownProps>;
|
|
11
|
+
export declare const DoubleMain: Story<ButtonDropdownProps>;
|
|
12
|
+
export declare const DoubleBorder: Story<ButtonDropdownProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./ButtonDropdown";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type CheckboxProps = {
|
|
3
|
+
label?: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
position?: "top" | "bottom" | "left" | "right";
|
|
7
|
+
onChange?: (value: boolean) => void;
|
|
8
|
+
};
|
|
9
|
+
declare const Checkbox: ({ onChange, ...props }: CheckboxProps) => JSX.Element;
|
|
10
|
+
export default Checkbox;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CheckboxProps } from "./Checkbox";
|
|
3
|
+
import { Story } from "@storybook/react";
|
|
4
|
+
declare const CheckStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: ({ onChange, ...props }: CheckboxProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default CheckStories;
|
|
9
|
+
export declare const CheckboxStory: Story<CheckboxProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Checkbox";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Dropzone";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { InputHTMLAttributes, TextareaHTMLAttributes } from "react";
|
|
2
|
+
export type InputProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
3
|
+
error?: string;
|
|
4
|
+
success?: boolean;
|
|
5
|
+
helper?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
};
|
|
8
|
+
declare const Input: (props: InputProps) => JSX.Element;
|
|
9
|
+
export default Input;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { InputProps } from "./Input";
|
|
3
|
+
import { Story } from "@storybook/react";
|
|
4
|
+
declare const InputStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: InputProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default InputStories;
|
|
9
|
+
export declare const Text: Story<InputProps>;
|
|
10
|
+
export declare const TextArea: Story<InputProps>;
|
|
11
|
+
export declare const Date: Story<InputProps>;
|
|
12
|
+
export declare const Password: Story<InputProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Input";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
export type ModalProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
header?: boolean;
|
|
5
|
+
title: string;
|
|
6
|
+
children?: JSX.Element;
|
|
7
|
+
size: "md" | "lg";
|
|
8
|
+
};
|
|
9
|
+
declare const InteractiveModal: (props: ModalProps) => JSX.Element;
|
|
10
|
+
export default InteractiveModal;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Story } from "@storybook/react";
|
|
3
|
+
import { ModalProps } from "./InteractiveModal";
|
|
4
|
+
declare const InteractiveModalStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: ModalProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default InteractiveModalStories;
|
|
9
|
+
export declare const Interactive: Story<ModalProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./InteractiveModal";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
export type ModalProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
header?: boolean;
|
|
5
|
+
title: string;
|
|
6
|
+
children?: JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
declare const lateralModal: (props: ModalProps) => JSX.Element;
|
|
9
|
+
export default lateralModal;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Story } from "@storybook/react";
|
|
3
|
+
import { ModalProps } from "./LateralModal";
|
|
4
|
+
declare const LateraleModalStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: ModalProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default LateraleModalStories;
|
|
9
|
+
export declare const Lateral: Story<ModalProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./LateralModal";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes } from "react";
|
|
2
|
+
export type UsersProps = {
|
|
3
|
+
img: string;
|
|
4
|
+
name: string;
|
|
5
|
+
label: string;
|
|
6
|
+
};
|
|
7
|
+
export type MenuDropdownProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
8
|
+
open?: boolean;
|
|
9
|
+
onClick?: (props: string) => void;
|
|
10
|
+
users?: UsersProps[];
|
|
11
|
+
};
|
|
12
|
+
declare const MenuDropdown: (props: MenuDropdownProps) => JSX.Element;
|
|
13
|
+
export default MenuDropdown;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { MenuDropdownProps } from "./MenuDropdown";
|
|
3
|
+
import { Story } from "@storybook/react";
|
|
4
|
+
declare const MenuDropdownStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: MenuDropdownProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default MenuDropdownStories;
|
|
9
|
+
export declare const MenuDropdownStory: Story<MenuDropdownProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./MenuDropdown";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type NotificationsProps = {
|
|
3
|
+
img: string;
|
|
4
|
+
text: string;
|
|
5
|
+
time: string;
|
|
6
|
+
};
|
|
7
|
+
export type NotificationsBarProps = {
|
|
8
|
+
title: string;
|
|
9
|
+
message?: string;
|
|
10
|
+
notifications?: NotificationsProps[];
|
|
11
|
+
};
|
|
12
|
+
declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
|
|
13
|
+
export default NotificationBar;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { NotificationsBarProps } from "./NotificationsBar";
|
|
3
|
+
import { Story } from "@storybook/react";
|
|
4
|
+
declare const SearchStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: NotificationsBarProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default SearchStories;
|
|
9
|
+
export declare const WithNotifications: Story<NotificationsBarProps>;
|
|
10
|
+
export declare const NoNotifications: Story<NotificationsBarProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./NotificationsBar";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type RadioProps = {
|
|
3
|
+
label: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
position?: "top" | "bottom" | "left" | "right";
|
|
7
|
+
value: string;
|
|
8
|
+
onClick?: (value: string) => void;
|
|
9
|
+
};
|
|
10
|
+
declare const Radio: ({ onClick, ...props }: RadioProps) => JSX.Element;
|
|
11
|
+
export default Radio;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
import { RadioProps } from "../Radio/Radio";
|
|
3
|
+
export type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
display: "row" | "column";
|
|
5
|
+
options: RadioProps[];
|
|
6
|
+
value: string;
|
|
7
|
+
onChange?: (value: string) => void;
|
|
8
|
+
};
|
|
9
|
+
declare const RadioGroup: ({ options, value, onChange, ...props }: RadioGroupProps) => JSX.Element;
|
|
10
|
+
export default RadioGroup;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Story } from "@storybook/react";
|
|
3
|
+
import { RadioGroupProps } from "./RadioGroup";
|
|
4
|
+
declare const RadioGroupStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: ({ options, value, onChange, ...props }: RadioGroupProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default RadioGroupStories;
|
|
9
|
+
export declare const Group: Story<RadioGroupProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./RadioGroup";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from "react";
|
|
2
|
+
export type ResultsProps = {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
};
|
|
6
|
+
export type SearchProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
7
|
+
showResults?: ResultsProps[];
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const Search: (props: SearchProps) => JSX.Element;
|
|
11
|
+
export default Search;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SearchProps } from "./Search";
|
|
3
|
+
import { Story } from "@storybook/react";
|
|
4
|
+
declare const SearchStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: SearchProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default SearchStories;
|
|
9
|
+
export declare const SearchBar: Story<SearchProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Search";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Props as ReactSelectProps } from "react-select";
|
|
3
|
+
export type SelectProps = ReactSelectProps & {
|
|
4
|
+
error?: string;
|
|
5
|
+
success?: boolean;
|
|
6
|
+
helper?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const Sellect: (props: SelectProps) => JSX.Element;
|
|
10
|
+
export default Sellect;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Sellect";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type TopMenusProps = {
|
|
3
|
+
icon: string;
|
|
4
|
+
text: string;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
};
|
|
7
|
+
export type BottomMenusProps = {
|
|
8
|
+
icon: string;
|
|
9
|
+
text: string;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
};
|
|
12
|
+
export type SideBarProps = {
|
|
13
|
+
activedIndex?: number;
|
|
14
|
+
topMenus: TopMenusProps[];
|
|
15
|
+
bottomMenus?: BottomMenusProps[];
|
|
16
|
+
logo: string;
|
|
17
|
+
active?: boolean;
|
|
18
|
+
};
|
|
19
|
+
declare const SideBar: (props: SideBarProps) => JSX.Element;
|
|
20
|
+
export default SideBar;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Story } from "@storybook/react";
|
|
3
|
+
declare const SideBarStories: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./SideBar").SideBarProps) => JSX.Element;
|
|
6
|
+
};
|
|
7
|
+
export default SideBarStories;
|
|
8
|
+
export declare const SideBarStory: Story<import("@storybook/react").Args>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./SideBar";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Spacer";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Story } from "@storybook/react";
|
|
3
|
+
import { TabMenuProps } from "./TabMenu";
|
|
4
|
+
declare const TabMenuStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: TabMenuProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default TabMenuStories;
|
|
9
|
+
export declare const primary: Story<TabMenuProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./TabMenu";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type TableColumn<T = any> = {
|
|
3
|
+
label: string;
|
|
4
|
+
key: string;
|
|
5
|
+
render?: (data: T) => JSX.Element;
|
|
6
|
+
};
|
|
7
|
+
export type TableProps = {
|
|
8
|
+
columns: TableColumn<any>[];
|
|
9
|
+
data: any[];
|
|
10
|
+
};
|
|
11
|
+
declare const Table: ({ data, columns }: TableProps) => JSX.Element;
|
|
12
|
+
export default Table;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TableProps } from "./Table";
|
|
3
|
+
import { Story } from "@storybook/react";
|
|
4
|
+
declare const TableStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: ({ data, columns }: TableProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default TableStories;
|
|
9
|
+
export declare const TableStory: Story<TableProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Table";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
export type ToastProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
active?: boolean;
|
|
4
|
+
mode: "warning" | "success" | "error";
|
|
5
|
+
title: string;
|
|
6
|
+
text: string;
|
|
7
|
+
position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
8
|
+
onClick?: (props: string) => void;
|
|
9
|
+
};
|
|
10
|
+
declare const Toast: (props: ToastProps) => JSX.Element;
|
|
11
|
+
export default Toast;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Story } from "@storybook/react";
|
|
3
|
+
import { ToastProps } from "./Toast";
|
|
4
|
+
declare const ToastStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: ToastProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default ToastStories;
|
|
9
|
+
export declare const Warning: Story<ToastProps>;
|
|
10
|
+
export declare const Success: Story<ToastProps>;
|
|
11
|
+
export declare const Error: Story<ToastProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Toast";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ToggleProps } from "./Toggle";
|
|
3
|
+
import { Story } from "@storybook/react";
|
|
4
|
+
declare const ButtonStories: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: ToggleProps) => JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
export default ButtonStories;
|
|
9
|
+
export declare const Small: Story<ToggleProps>;
|
|
10
|
+
export declare const Large: Story<ToggleProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./Toggle";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export { default as Breadcrumb } from "./Breadcrumb";
|
|
2
|
+
export { default as Button } from "./Button";
|
|
3
|
+
export { default as ButtonDropdown } from "./ButtonDropdown";
|
|
4
|
+
export { default as Checkbox } from "./Checkbox";
|
|
5
|
+
export { default as Dropzone } from "./Dropzone";
|
|
6
|
+
export { default as Input } from "./Input";
|
|
7
|
+
export { default as InteractiveModal } from "./InteractiveModal";
|
|
8
|
+
export { default as LateralModal } from "./LateralModal";
|
|
9
|
+
export { default as Menudropdown } from "./MenuDropdown";
|
|
10
|
+
export { default as NotificationsBar } from "./NotificationsBar";
|
|
11
|
+
export { default as RadioGroup } from "./RadioGroup";
|
|
12
|
+
export { default as Search } from "./Search";
|
|
13
|
+
export { default as Sellect } from "./Sellect";
|
|
14
|
+
export { default as SideBar } from "./SideBar";
|
|
15
|
+
export { default as Spacer } from "./Spacer";
|
|
16
|
+
export { default as Table } from "./TabMenu";
|
|
17
|
+
export { default as Toast } from "./Toast";
|
|
18
|
+
export { default as Toggle } from "./Toggle";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|