@typeolymp/ui-components 1.4.0 → 1.5.2

package/build/components/atoms/Heading/index.d.ts

@@ -1,10 +1,11 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 declare type HeadingType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 declare type PropsType = {
     type: HeadingType;
     color?: "black" | "white" | "gray";
     align?: "left" | "center" | "right";
     as?: HeadingType | "span";
+    children: ReactNode;
 };
 declare const Heading: FC<PropsType>;
 export type { PropsType };

package/build/components/atoms/Input/Date.d.ts

@@ -2,8 +2,8 @@ import { FC } from "react";
 import { PropsType as InputPropsType } from ".";
 export declare type PropsType = InputPropsType & {
     value?: string;
-    min?: number;
-    max?: number;
+    min?: string;
+    max?: string;
 };
 declare const DateInput: FC<PropsType>;
 export default DateInput;

package/build/components/atoms/Paragraph/index.d.ts

@@ -1,9 +1,10 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 declare type PropsType = {
     size?: "tiny" | "small" | "medium" | "large";
     align?: "left" | "center" | "right";
     weight?: "regular" | "medium";
     color?: "white" | "lightGray" | "darkGray";
+    children: ReactNode;
 };
 declare const Paragraph: FC<PropsType>;
 export type { PropsType };

package/build/components/atoms/Select/index.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 export declare type PropsType = {
     id: string;
     name: string;
@@ -8,6 +8,7 @@ export declare type PropsType = {
     autoFocus?: boolean;
     onChange?(value: string): void;
     onBlur?(): void;
+    children: ReactNode;
 };
 declare const Select: FC<PropsType>;
 export default Select;

package/build/components/atoms/Subheading/index.d.ts

@@ -1,8 +1,9 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 declare type PropsType = {
     size?: "small" | "medium" | "large";
     align?: "left" | "center" | "right";
     color?: "black" | "white" | "gray";
+    children: ReactNode;
 };
 declare const Subheading: FC<PropsType>;
 export type { PropsType };

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

@@ -1,8 +1,9 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 import { ColorType } from "@typeolymp/utility/build/types";
 export declare type PropsType = {
     ellipse?: ColorType;
     id?: string;
+    children: ReactNode;
 };
 declare const Card: FC<PropsType>;
 export default Card;

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

@@ -4,6 +4,8 @@ export declare type PropsType = {
     label: string | JSX.Element;
     autocomplete?: string;
     initialValue?: string;
+    min?: string;
+    max?: string;
     autoFocus?: boolean;
     disabled?: boolean;
     onChange?(fieldName: string, value: string): void;

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

@@ -1,7 +1,7 @@
 import { FC } from "react";
 export declare type PropsType = {
-    character?: string;
-    color?: string;
+    characters?: string[];
+    color?: "purple" | "yellow" | "green" | "blue" | "pink";
     active?: boolean;
 };
 declare const Key: FC<PropsType>;

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

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

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

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { LocaleType } from "@typeolymp/utility/build/types";
+export declare type PropsType = {
+    color?: "light" | "dark";
+    locales: Array<LocaleType>;
+    initialValue: LocaleType;
+    onChange(locale: LocaleType): void;
+};
+declare const LocaleSelect: FC<PropsType>;
+export default LocaleSelect;

package/build/components/molecules/LocaleSelect/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;
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};

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

@@ -0,0 +1,4 @@
+export declare const Container: any;
+export declare const SelectedTranslationWrapper: any;
+export declare const DropdownContainer: any;
+export declare const Locale: any;

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

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

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

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

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

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

package/build/components/molecules/Steps/Horizontal/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { PropsType } from "..";
+declare const Steps: FC<PropsType>;
+export default Steps;

package/build/components/molecules/Steps/Horizontal/styles.d.ts

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

package/build/components/molecules/Steps/Vertical/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { PropsType } from "..";
+declare const Steps: FC<PropsType>;
+export default Steps;

package/build/components/molecules/Steps/Vertical/styles.d.ts

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

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+declare type StepType = {
+    title: string;
+    onClick?(step: number): void;
+};
+export declare type PropsType = {
+    alignment?: "horizontal" | "vertical";
+    current: number;
+    steps: StepType[];
+};
+declare const Steps: FC<PropsType>;
+export default Steps;

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

@@ -0,0 +1,8 @@
+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;

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

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

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { TranslationType } from "@typeolymp/utility/build/types";
+export declare type PropsType = {
+    initialValue: TranslationType;
+    onChange(translation: TranslationType): void;
+};
+declare const TranslationSelect: FC<PropsType>;
+export default TranslationSelect;

package/build/components/molecules/TranslationSelect/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;
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};

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

@@ -0,0 +1,4 @@
+export declare const Container: any;
+export declare const SelectedTranslationWrapper: any;
+export declare const DropdownContainer: any;
+export declare const Translation: any;

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

@@ -1,9 +1,12 @@
 import { FC } from "react";
+import { PropsType as KeyPropsType } from "../../molecules/Key";
 export declare type PropsType = {
     keys?: Array<{
         index: number;
         key: string;
-        color: string;
+        hand: "left" | "right" | "any";
+        color: KeyPropsType["color"];
+        shiftKey: boolean;
     }>;
     activeKey?: string;
 };

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

@@ -6,6 +6,6 @@ declare const _default: {
     hand: string;
     finger: string;
     color: string;
-    __v: number;
+    shiftKey: boolean;
 }[];
 export default _default;

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

@@ -6,6 +6,6 @@ declare const _default: {
     hand: string;
     finger: string;
     color: string;
-    __v: number;
+    shiftKey: boolean;
 }[];
 export default _default;

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

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

package/build/index.d.ts

@@ -24,12 +24,14 @@ import IconButton from "./components/molecules/IconButton";
 import InputField from "./components/molecules/InputField";
 import Link from "./components/molecules/Link";
 import Loading from "./components/molecules/Loading";
+import LocaleSelect from "./components/molecules/LocaleSelect";
 import Medals from "./components/molecules/Medals";
 import Notification from "./components/molecules/Notification";
 import NumberField from "./components/molecules/NumberField";
 import PasswordInputField from "./components/molecules/PasswordInputField";
 import Popup from "./components/molecules/Popup";
 import ProgressBar from "./components/molecules/ProgressBar";
+import Steps from "./components/molecules/Steps";
 import RadioGroup from "./components/molecules/RadioGroup";
 import SelectField from "./components/molecules/SelectField";
 import ToggleField from "./components/molecules/ToggleField";
@@ -37,4 +39,4 @@ 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, Number, Paragraph, Radio, Select, Spacer, Subheading, Toggle, Trophy, Alert, Card, Checkboxes, DateInputField, IconButton, InputField, Link, Loading, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, };
+export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Select, Spacer, Subheading, Toggle, Trophy, Alert, Card, Checkboxes, DateInputField, IconButton, InputField, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, };