@typeolymp/ui-components 1.6.0 → 1.7.0

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

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

package/build/components/atoms/Textarea/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/atoms/Textarea/styles.d.ts

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

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

@@ -0,0 +1,9 @@
+import { FC } from "react";
+export declare type PropsType = {
+    items: Array<{
+        title: string;
+        content: string;
+    }>;
+};
+declare const Collapse: FC<PropsType>;
+export default Collapse;

package/build/components/molecules/Collapse/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/Collapse/styles.d.ts

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

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

@@ -0,0 +1,16 @@
+import { FC } from "react";
+export declare type PropsType = {
+    name: string;
+    label: string | JSX.Element;
+    tips?: string[];
+    autoComplete?: string;
+    defaultValue?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    rows?: number;
+    onChange?(fieldName: string, value: string): void;
+    onBlur?(fieldName: string): void;
+};
+declare const TextareaField: FC<PropsType>;
+export default TextareaField;

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

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

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

@@ -3,6 +3,7 @@ import { PropsType as ButtonPropsType } from "../../atoms/Button";
 import { PropsType as InputFieldPropsType } from "../../molecules/InputField";
 import { PropsType as PasswordInputFieldPropsType } from "../../molecules/PasswordInputField";
 import { PropsType as DateInputFieldPropsType } from "../../molecules/DateInputField";
+import { PropsType as TextareaFieldPropsType } from "../../molecules/TextareaField";
 import { PropsType as RadioGroupPropsType } from "../../molecules/RadioGroup";
 import { PropsType as NumberFieldPropsType } from "../../molecules/NumberField";
 import { PropsType as CheckboxesPropsType } from "../../molecules/Checkboxes";
@@ -28,6 +29,9 @@ declare type PasswordInputFieldType = {
 declare type DateInputFieldType = {
     type: "date";
 } & DateInputFieldPropsType & ValidationType;
+declare type TextareaFieldType = {
+    type: "textarea";
+} & TextareaFieldPropsType & ValidationType;
 declare type RadioGroupFieldType = {
     type: "radio";
 } & RadioGroupPropsType & ValidationType;
@@ -43,7 +47,7 @@ declare type SelectFieldType = {
 declare type ToggleFieldType = {
     type: "toggle";
 } & ToggleFieldPropsType & ValidationType;
-export declare type FormFieldType = InputFieldType | PasswordInputFieldType | DateInputFieldType | RadioGroupFieldType | NumberFieldType | CheckboxesFieldType | SelectFieldType | ToggleFieldType;
+export declare type FormFieldType = InputFieldType | PasswordInputFieldType | DateInputFieldType | TextareaFieldType | RadioGroupFieldType | NumberFieldType | CheckboxesFieldType | SelectFieldType | ToggleFieldType;
 export declare type PropsType = {
     title?: string;
     description?: string;

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

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

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

@@ -13,7 +13,7 @@ export declare const Playground: {
     };
     argTypes: {
         layout: {
-            options: string[];
+            options: import("@typeolymp/utility/build/types/KeyboardLayout").default[];
             control: {
                 type: string;
             };

package/build/index.d.ts

@@ -19,6 +19,7 @@ import Trophy from "./components/atoms/Trophy";
 import Alert from "./components/molecules/Alert";
 import Card from "./components/molecules/Card";
 import Checkboxes from "./components/molecules/Checkboxes";
+import Collapse from "./components/molecules/Collapse";
 import DateInputField from "./components/molecules/DateInputField";
 import IconButton from "./components/molecules/IconButton";
 import InputField from "./components/molecules/InputField";
@@ -39,4 +40,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, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, 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, Collapse, DateInputField, IconButton, InputField, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, };