@typeolymp/ui-components 1.9.9 → 1.9.11

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

@@ -10,6 +10,7 @@ export declare type PropsType = {
     href?: string;
     asAnchor?: boolean;
     onClick?(): void;
+    onClickAsync?(resolve: any): void;
 };
 declare const Button: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default Button;

package/build/components/atoms/Button/styles.d.ts

@@ -1,3 +1,4 @@
 export declare const StyledButton: any;
 export declare const DisabledButton: any;
 export declare const GhostButton: any;
+export declare const LoaderWrapper: any;

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

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

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

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

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

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

package/build/components/molecules/RangeField/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

@@ -9,6 +9,7 @@ import { PropsType as NumberFieldPropsType } from "../../molecules/NumberField";
 import { PropsType as CheckboxesPropsType } from "../../molecules/Checkboxes";
 import { PropsType as SelectFieldPropsType } from "../../molecules/SelectField";
 import { PropsType as ToggleFieldPropsType } from "../../molecules/ToggleField";
+import { PropsType as RangeFieldPropsType } from "../../molecules/RangeField";
 declare type ValueType = string | number | boolean | Array<string>;
 export declare type FeedbackType = {
     message: string;
@@ -47,7 +48,10 @@ declare type SelectFieldType = {
 declare type ToggleFieldType = {
     type: "toggle";
 } & ToggleFieldPropsType & ValidationType;
-export declare type FormFieldType = InputFieldType | PasswordInputFieldType | DateInputFieldType | TextareaFieldType | RadioGroupFieldType | NumberFieldType | CheckboxesFieldType | SelectFieldType | ToggleFieldType;
+declare type RangeFieldType = {
+    type: "range";
+} & RangeFieldPropsType & ValidationType;
+export declare type FormFieldType = InputFieldType | PasswordInputFieldType | DateInputFieldType | TextareaFieldType | RadioGroupFieldType | NumberFieldType | CheckboxesFieldType | SelectFieldType | ToggleFieldType | RangeFieldType;
 export declare type PropsType = {
     title?: string;
     description?: string;

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

@@ -14,6 +14,7 @@ export declare const Number: () => JSX.Element;
 export declare const Checkbox: () => JSX.Element;
 export declare const Select: () => JSX.Element;
 export declare const Toggle: () => JSX.Element;
+export declare const Range: () => JSX.Element;
 export declare const ValidationOnSubmit: () => JSX.Element;
 export declare const ValidationOnBlur: () => JSX.Element;
 export declare const ValidationOnChange: () => JSX.Element;

package/build/index.d.ts

@@ -11,6 +11,7 @@ import Medal from "./components/atoms/Medal";
 import Number from "./components/atoms/Number";
 import Paragraph from "./components/atoms/Paragraph";
 import Radio from "./components/atoms/Radio";
+import Range from "./components/atoms/Range";
 import Select from "./components/atoms/Select";
 import Spacer from "./components/atoms/Spacer";
 import Subheading from "./components/atoms/Subheading";
@@ -43,4 +44,4 @@ import Form from "./components/organisms/Form";
 import Keyboard from "./components/organisms/Keyboard";
 import Modal from "./components/organisms/Modal";
 import Result from "./components/organisms/Result";
-export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Select, Spacer, Subheading, Tag, Toggle, Trophy, Alert, Card, Checkboxes, Collapse, DateInputField, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, Result, };
+export { theme, Button, Checkbox, Flag, Heading, Icon, Illustration, Input, Logo, Medal, Number, Paragraph, Radio, Range, Select, Spacer, Subheading, Tag, Toggle, Trophy, Alert, Card, Checkboxes, Collapse, DateInputField, IconButton, InputField, Key, Link, Loading, LocaleSelect, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, Steps, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, Result, };