@typeolymp/ui-components 1.5.6 → 1.5.7

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

@@ -5,7 +5,7 @@ export declare type PropsType = {
     id: string;
     initialValue?: string;
     placeholder?: string;
-    autocomplete?: string;
+    autoComplete?: string;
     autoFocus?: boolean;
     disabled?: boolean;
     onChange?(value: string): void;

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

@@ -13,7 +13,7 @@ export declare const Playground: {
     (args: any): JSX.Element;
     args: {
         placeholder: string;
-        autocomplete: string;
+        autoComplete: string;
         id: string;
         disabled: boolean;
         password: boolean;

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

@@ -1,7 +1,7 @@
 import { FC } from "react";
 export declare type PropsType = {
     initialValue?: number;
-    autocomplete?: string;
+    autoComplete?: string;
     autoFocus?: boolean;
     min?: number;
     max?: number;

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

@@ -2,7 +2,7 @@ import { FC } from "react";
 export declare type PropsType = {
     name: string;
     label: string | JSX.Element;
-    autocomplete?: string;
+    autoComplete?: string;
     initialValue?: string;
     min?: string;
     max?: string;

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

@@ -2,7 +2,7 @@ import { FC } from "react";
 export declare type PropsType = {
     name: string;
     label: string | JSX.Element;
-    autocomplete?: string;
+    autoComplete?: string;
     initialValue?: string;
     autoFocus?: boolean;
     disabled?: boolean;

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

@@ -2,7 +2,7 @@ import { FC } from "react";
 export declare type PropsType = {
     name: string;
     label: string | JSX.Element;
-    autocomplete?: string;
+    autoComplete?: string;
     initialValue?: number;
     autoFocus?: boolean;
     disabled?: any;

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

@@ -2,7 +2,7 @@ import { FC } from "react";
 export declare type PropsType = {
     name: string;
     label: string | JSX.Element;
-    autocomplete?: string;
+    autoComplete?: string;
     initialValue?: string;
     autoFocus?: boolean;
     disabled?: boolean;

package/build/index.es.js

@@ -541,6 +541,7 @@ var PasswordInput = function (props) {
         if (props.onKeyPress)
             props.onKeyPress(e);
     };
+    console.log(props);
     return (jsxs(InputIconWrapper, __assign({ disabled: props.disabled }, { children: [jsx(Icon, { type: isVisible ? "eyeInvisible" : "eye", color: "gray", size: "small", onClick: toggle }, void 0), jsx(StyledInput, __assign({ type: isVisible ? "text" : "password" }, props, { value: value, onChange: onChange, onKeyPress: onKeyPress }), void 0)] }), void 0));
 };
 
@@ -1141,7 +1142,7 @@ var DateInputField = function (props) {
         if (props.onBlur)
             props.onBlur(props.name);
     };
-    return (jsxs(Container$b, { children: [jsx(Label$6, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input.Date, { initialValue: props.initialValue, min: props.min, max: props.max, autocomplete: props.autocomplete, autoFocus: props.autoFocus, disabled: props.disabled, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
+    return (jsxs(Container$b, { children: [jsx(Label$6, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input.Date, { initialValue: props.initialValue, min: props.min, max: props.max, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
 };
 
 var StyledIconButton = styled(StyledButton)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n  min-width: 40px;\n  max-width: 40px;\n  min-height: 40px;\n  max-height: 40px;\n  padding: 2px 0 0 0;\n\n  > div:first-child {\n    margin-top: -2px;\n  }\n\n  :active {\n    min-height: 38px;\n    max-height: 38px;\n    margin-top: 2px;\n  }\n"], ["\n  min-width: 40px;\n  max-width: 40px;\n  min-height: 40px;\n  max-height: 40px;\n  padding: 2px 0 0 0;\n\n  > div:first-child {\n    margin-top: -2px;\n  }\n\n  :active {\n    min-height: 38px;\n    max-height: 38px;\n    margin-top: 2px;\n  }\n"])));
@@ -1167,7 +1168,7 @@ var InputField = function (props) {
         if (props.onBlur)
             props.onBlur(props.name);
     };
-    return (jsxs(Container$a, { children: [jsx(Label$5, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input, { initialValue: props.initialValue, autocomplete: props.autocomplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
+    return (jsxs(Container$a, { children: [jsx(Label$5, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input, { initialValue: props.initialValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
 };
 
 var Wrapper$2 = styled.a(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n\n  > div {\n    width: 19px;\n    height: 19px;\n    margin-right: ", ";\n    margin-left: ", ";\n  }\n"], ["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  text-decoration: none;\n\n  > div {\n    width: 19px;\n    height: 19px;\n    margin-right: ", ";\n    margin-left: ", ";\n  }\n"])), function (_a) {
@@ -1268,7 +1269,7 @@ var NumberField = function (props) {
         if (props.onBlur)
             props.onBlur(props.name);
     };
-    return (jsxs(Container$7, { children: [jsx(Label$4, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Number, { min: props.min, max: props.max, initialValue: props.initialValue, autocomplete: props.autocomplete, disabled: props.disabled, autoFocus: props.autoFocus, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
+    return (jsxs(Container$7, { children: [jsx(Label$4, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Number, { min: props.min, max: props.max, initialValue: props.initialValue, autoComplete: props.autoComplete, disabled: props.disabled, autoFocus: props.autoFocus, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
 };
 
 var Container$6 = styled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"])));
@@ -1289,7 +1290,7 @@ var PasswordInputField = function (props) {
         if (props.onBlur)
             props.onBlur(props.name);
     };
-    return (jsxs(Container$6, { children: [jsx(Label$3, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input.Password, { initialValue: props.initialValue, autocomplete: props.autocomplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur }, void 0)] }, void 0));
+    return (jsxs(Container$6, { children: [jsx(Label$3, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input.Password, { initialValue: props.initialValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur }, void 0)] }, void 0));
 };
 
 var generateRandomString = function (length) {