@typeolymp/ui-components 1.0.0

package/build/components/molecules/Card/stories.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Overview: {
+    (): JSX.Element;
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+};
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        ellipse: string;
+    };
+    argTypes: {
+        ellipse: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+};

package/build/components/molecules/Card/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledCard: any;
+export declare const Ellipse: any;
+export declare const Content: any;

package/build/components/molecules/FormField/index.d.ts

@@ -0,0 +1,36 @@
+import { FC } from "react";
+export declare type ValueType = string | number | boolean;
+export declare type FeedbackType = {
+    message: string;
+    status: string;
+};
+declare type FieldBaseType = {
+    name: string;
+    label: string;
+    initialValue?: ValueType;
+    autocomplete?: string;
+    autoFocus?: boolean;
+    validateTrigger?: "onBlur";
+    validator?(value: ValueType): FeedbackType;
+};
+declare type InputFieldType = {
+    type: "text" | "password";
+} & FieldBaseType;
+declare type CheckboxFieldType = {
+    type: "checkbox";
+} & FieldBaseType;
+declare type RadioFieldType = {
+    type: "radio";
+} & FieldBaseType;
+declare type NumberFieldType = {
+    type: "number";
+    min?: number;
+    max?: number;
+} & FieldBaseType;
+export declare type PropsType = InputFieldType | CheckboxFieldType | RadioFieldType | NumberFieldType;
+declare const FormField: FC<PropsType & {
+    onChange?(field: string, value: ValueType): void;
+    onBlur?(): void;
+    feedback: FeedbackType;
+}>;
+export default FormField;

package/build/components/molecules/FormField/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const FieldWrapper: any;
+export declare const Label: any;
+export declare const FeedbackWrapper: any;

package/build/components/molecules/IconButton/index.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { PropsType as IconPropsType } from "../../atoms/Icon";
+export declare type PropsType = {
+    icon: IconPropsType["type"];
+    color?: "blue" | "green" | "white";
+    onClick?(): void;
+};
+declare const IconButton: FC<PropsType>;
+export default IconButton;

package/build/components/molecules/IconButton/stories.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        icon: string;
+        color: string;
+    };
+    argTypes: {
+        icon: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/molecules/IconButton/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledIconButton: any;
+export declare const GhostIconButton: any;

package/build/components/molecules/Key/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+export declare type PropsType = {
+    character?: string;
+    color?: string;
+    active?: boolean;
+};
+declare const Key: FC<PropsType>;
+export default Key;

package/build/components/molecules/Key/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: any;

package/build/components/molecules/Link/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+export declare type PropsType = {
+    href?: string;
+    chevron?: "none" | "right" | "left";
+    onClick?(): void;
+};
+declare const Link: FC<PropsType>;
+export default Link;

package/build/components/molecules/Link/stories.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        href: string;
+        chevron: string;
+    };
+};

package/build/components/molecules/Link/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Wrapper: any;
+export declare const StyledLink: any;

package/build/components/molecules/Medals/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+export declare type PropsType = {
+    gold?: number;
+    silver?: number;
+    bronze?: number;
+};
+declare const Medals: FC<PropsType>;
+export default Medals;

package/build/components/molecules/Medals/stories.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        gold: number;
+        silver: number;
+        bronze: number;
+    };
+    argTypes: {
+        gold: {
+            control: {
+                type: string;
+            };
+        };
+        silver: {
+            control: {
+                type: string;
+            };
+        };
+        bronze: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/molecules/Medals/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: any;

package/build/components/molecules/Notification/index.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+import { PropsType as ButtonPropsType } from "../../atoms/Button";
+export declare type PropsType = {
+    title: string;
+    content: string;
+    isVisible?: boolean;
+    contrast?: boolean;
+    button?: {
+        label: ButtonPropsType["label"];
+        onClick: ButtonPropsType["onClick"];
+    };
+    onClose?(): void;
+};
+declare const Notification: FC<PropsType>;
+export default Notification;

package/build/components/molecules/Notification/stories.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.FC<import(".").PropsType>;
+};
+export default _default;
+export declare const Overview: {
+    (): JSX.Element;
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+};
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        title: string;
+        content: string;
+        onClose: () => void;
+        isVisible: boolean;
+        contrast: boolean;
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+};

package/build/components/molecules/Notification/styles.d.ts

@@ -0,0 +1 @@
+export declare const NotificationContainer: any;

package/build/components/molecules/Number/index.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+export declare type PropsType = {
+    initialValue?: number;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+    id?: string;
+    onChange?(value: string): void;
+    onBlur?(): void;
+};
+declare const Number: FC<PropsType>;
+export default Number;

package/build/components/molecules/Number/stories.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        initialValue: number;
+        min: number;
+        max: number;
+        disabled: boolean;
+        id: string;
+    };
+    argTypes: {};
+};

package/build/components/molecules/Number/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Wrapper: any;
+export declare const StyledInputNumber: any;

package/build/components/molecules/Popup/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+export declare type PropsType = {
+    title?: string;
+    content: string;
+    contrast?: boolean;
+};
+declare const Popup: FC<PropsType>;
+export default Popup;

package/build/components/molecules/Popup/stories.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.FC<import(".").PropsType>;
+};
+export default _default;
+export declare const Overview: {
+    (): JSX.Element;
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+};
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        title: string;
+        content: string;
+    };
+    argTypes: {
+        position: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+};

package/build/components/molecules/Popup/styles.d.ts

@@ -0,0 +1 @@
+export declare const PopupContainer: any;

package/build/components/molecules/ProgressBar/index.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+export declare type PropsType = {
+    percent: number;
+    color?: "green" | "red" | "blue";
+    showInfo?: boolean;
+    info?: string;
+};
+declare const ProgressBar: FC<PropsType>;
+export default ProgressBar;

package/build/components/molecules/ProgressBar/stories.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        percent: number;
+        showInfo: boolean;
+    };
+    argTypes: {
+        percent: {
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        showInfo: {
+            control: {
+                type: string;
+            };
+        };
+        info: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/molecules/ProgressBar/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const Wrapper: any;
+export declare const StyledProgressBar: any;
+export declare const Indicator: any;

package/build/components/molecules/Tooltip/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+export declare type PropsType = {
+    title: string;
+    color?: "light" | "dark";
+};
+declare const Tooltip: FC<PropsType>;
+export default Tooltip;

package/build/components/molecules/Tooltip/stories.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Overview: {
+    (): JSX.Element;
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+};
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        title: string;
+        color: string;
+    };
+    argTypes: {
+        color: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+};

package/build/components/molecules/Tooltip/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const TooltipContainer: any;
+export declare const TooltipTitle: any;

package/build/components/organisms/Form/index.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { PropsType as ButtonPropsType } from "../../atoms/Button";
+import { PropsType as FormFieldPropsType, ValueType } from "../../molecules/FormField";
+export declare type PropsType = {
+    title?: string;
+    fields: Array<FormFieldPropsType>;
+    button: ButtonPropsType;
+    onSubmit(values: {
+        [index: string]: ValueType;
+    }): void;
+};
+declare const Form: FC<PropsType>;
+export default Form;

package/build/components/organisms/Form/stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.FC<import(".").PropsType>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;

package/build/components/organisms/Form/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const FormWrapper: any;
+export declare const ButtonWrapper: any;

package/build/components/organisms/Keyboard/index.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+export declare type PropsType = {
+    keys?: Array<{
+        index: number;
+        key: string;
+        color: string;
+    }>;
+    activeKey?: string;
+};
+declare const Keyboard: FC<PropsType>;
+export default Keyboard;

package/build/components/organisms/Keyboard/layouts/azerty.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    _id: string;
+    keyboardLayout: string;
+    index: number;
+    key: string;
+    hand: string;
+    finger: string;
+    color: string;
+    __v: number;
+}[];
+export default _default;

package/build/components/organisms/Keyboard/layouts/index.d.ts

@@ -0,0 +1,3 @@
+import qwerty from "./qwerty";
+import azerty from "./azerty";
+export { qwerty, azerty };

package/build/components/organisms/Keyboard/layouts/qwerty.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    _id: string;
+    keyboardLayout: string;
+    index: number;
+    key: string;
+    hand: string;
+    finger: string;
+    color: string;
+    __v: number;
+}[];
+export default _default;

package/build/components/organisms/Keyboard/stories.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { PropsType } from ".";
+declare const _default: {
+    title: string;
+    component: React.FC<PropsType>;
+};
+export default _default;
+export declare const Playground: {
+    (args: any): JSX.Element;
+    args: {
+        layout: string;
+        activeKey: string;
+    };
+    argTypes: {
+        layout: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};

package/build/components/organisms/Keyboard/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const Container: any;
+export declare const SpecialRow: any;
+export declare const TopRow: any;
+export declare const StartRow: any;
+export declare const BottomRow: any;
+export declare const SpacebarRow: any;

package/build/components/organisms/Modal/index.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+export declare type PropsType = {
+    isVisible?: boolean;
+    footer?: JSX.Element;
+    width?: number;
+    onClose?(): void;
+};
+declare const Modal: FC<PropsType>;
+export default Modal;

package/build/components/organisms/Modal/stories.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.FC<import(".").PropsType>;
+};
+export default _default;
+export declare const Overview: () => JSX.Element;

package/build/components/organisms/Modal/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const Mask: any;
+export declare const CardWrapper: any;
+export declare const CloseIconWrapper: any;
+export declare const ChildrenWrapper: any;
+export declare const FooterContainer: any;

package/build/index.d.ts

@@ -0,0 +1,29 @@
+import theme from "./lib/theme";
+import Button from "./components/atoms/Button";
+import Checkbox from "./components/atoms/Checkbox";
+import Flag from "./components/atoms/Flag";
+import Heading from "./components/atoms/Heading";
+import Icon from "./components/atoms/Icon";
+import Illustration from "./components/atoms/Illustration";
+import Input from "./components/atoms/Input";
+import Logo from "./components/atoms/Logo";
+import Medal from "./components/atoms/Medal";
+import Paragraph from "./components/atoms/Paragraph";
+import Radio from "./components/atoms/Radio";
+import Select from "./components/atoms/Select";
+import Spacer from "./components/atoms/Spacer";
+import Subheading from "./components/atoms/Subheading";
+import Trophy from "./components/atoms/Trophy";
+import Card from "./components/molecules/Card";
+import FormField from "./components/molecules/FormField";
+import IconButton from "./components/molecules/IconButton";
+import Link from "./components/molecules/Link";
+import Medals from "./components/molecules/Medals";
+import Notification from "./components/molecules/Notification";
+import Popup from "./components/molecules/Popup";
+import ProgressBar from "./components/molecules/ProgressBar";
+import Tooltip from "./components/molecules/Tooltip";
+import Form from "./components/organisms/Form";
+import Keyboard from "./components/organisms/Keyboard";
+import Modal from "./components/organisms/Modal";
+export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Paragraph, Radio, Select, Spacer, Subheading, Trophy, Card, FormField, IconButton, Link, Medals, Notification, Popup, ProgressBar, Tooltip, Form, Keyboard, Modal, };