@typeolymp/ui-components 1.3.1 → 1.4.0

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

@@ -1,6 +1,6 @@
 import { FC } from "react";
 export declare type PropsType = {
-    type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand";
+    type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar";
     size?: "tiny" | "small" | "medium" | "large";
     color?: "blue" | "green" | "orange" | "red" | "purple" | "gray" | "darkGray" | "lightGray" | "white";
     onClick?(e?: MouseEvent): void;

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

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

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

@@ -1,5 +1,6 @@
 import { FC } from "react";
 import { PropsType as PasswordInputPropsType } from "./Password";
+import { PropsType as DateInputPropsType } from "./Date";
 export declare type PropsType = {
     id: string;
     initialValue?: string;
@@ -12,5 +13,6 @@ export declare type PropsType = {
 };
 declare const Input: FC<PropsType> & {
     Password: FC<PasswordInputPropsType>;
+    Date: FC<DateInputPropsType>;
 };
 export default Input;

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

@@ -4,6 +4,7 @@ declare const _default: {
     title: string;
     component: React.FC<PropsType> & {
         Password: React.FC<import("./Password").PropsType>;
+        Date: React.FC<import("./Date").PropsType>;
     };
 };
 export default _default;

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

@@ -1,2 +1,2 @@
-export declare const PasswordInputWrapper: any;
+export declare const InputIconWrapper: any;
 export declare const StyledInput: any;

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

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

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

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

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

@@ -8,7 +8,7 @@ export declare type PropsType = {
     disabled?: boolean;
     placeholder?: string;
     onChange?(fieldName: string, value: string): void;
-    onKeyPressEnter?(): void;
+    onKeyPress?(e: KeyboardEvent): void;
     onBlur?(fieldName: string): void;
 };
 declare const PasswordInputField: FC<PropsType>;

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

@@ -2,6 +2,7 @@ import { FC } from "react";
 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 RadioGroupPropsType } from "../../molecules/RadioGroup";
 import { PropsType as NumberFieldPropsType } from "../../molecules/NumberField";
 import { PropsType as CheckboxesPropsType } from "../../molecules/Checkboxes";
@@ -24,6 +25,9 @@ declare type PasswordInputFieldType = {
     type: "password";
     submitOnEnter?: boolean;
 } & PasswordInputFieldPropsType & ValidationType;
+declare type DateInputFieldType = {
+    type: "date";
+} & DateInputFieldPropsType & ValidationType;
 declare type RadioGroupFieldType = {
     type: "radio";
 } & RadioGroupPropsType & ValidationType;
@@ -39,7 +43,7 @@ declare type SelectFieldType = {
 declare type ToggleFieldType = {
     type: "toggle";
 } & ToggleFieldPropsType & ValidationType;
-export declare type FormFieldType = InputFieldType | PasswordInputFieldType | RadioGroupFieldType | NumberFieldType | CheckboxesFieldType | SelectFieldType | ToggleFieldType;
+export declare type FormFieldType = InputFieldType | PasswordInputFieldType | DateInputFieldType | RadioGroupFieldType | NumberFieldType | CheckboxesFieldType | SelectFieldType | ToggleFieldType;
 export declare type PropsType = {
     title?: string;
     description?: string;

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

@@ -6,6 +6,7 @@ declare const _default: {
 export default _default;
 export declare const AllTogether: () => JSX.Element;
 export declare const Input: () => JSX.Element;
+export declare const Date: () => JSX.Element;
 export declare const Radio: () => JSX.Element;
 export declare const Number: () => JSX.Element;
 export declare const Checkbox: () => JSX.Element;

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 DateInputField from "./components/molecules/DateInputField";
 import IconButton from "./components/molecules/IconButton";
 import InputField from "./components/molecules/InputField";
 import Link from "./components/molecules/Link";
@@ -36,4 +37,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, 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, Medals, Notification, NumberField, PasswordInputField, Popup, ProgressBar, RadioGroup, SelectField, ToggleField, Tooltip, Form, Keyboard, Modal, };