@typeolymp/ui-components 1.5.5 → 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/components/organisms/Keyboard/index.d.ts

@@ -6,7 +6,7 @@ export declare type PropsType = {
         key: string;
         hand: "left" | "right" | "any";
         color: KeyPropsType["color"];
-        shiftKey: boolean;
+        isShiftKey: boolean;
     }>;
     activeKey?: string;
 };

package/build/index.es.js

@@ -382,7 +382,7 @@ getCountryCodeByLocale_1 = parsers.getCountryCodeByLocale = getCountryCodeByLoca
 var flags = {
     NL: (jsxs("svg", __assign({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsx("path", { d: "M0 1c0-.6.4-1 1-1h20c.6 0 1 .4 1 1v5H0V1z", fill: "#e62743" }, void 0), jsx("path", { fill: "#fff", d: "M0 6H22V12H0z" }, void 0), jsx("path", { d: "M0 12h22v5c0 .6-.4 1-1 1H1c-.6 0-1-.4-1-1v-5z", fill: "#148cc6" }, void 0)] }), void 0)),
     BE: (jsxs("svg", __assign({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsx("path", { d: "M15 0h6c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1h-6V0z", fill: "#e62743" }, void 0), jsx("path", { fill: "#ffd800", d: "M7 0H15V18H7z" }, void 0), jsx("path", { d: "M0 1c0-.6.4-1 1-1h6v18H1c-.6 0-1-.4-1-1V1z", fill: "#23292f" }, void 0)] }), void 0)),
-    GB: (jsxs("svg", __assign({ viewBox: "0 0 24 24", xmlSpace: "preserve" }, { children: [jsx("path", { d: "M24 3H0v18h24V3z", fill: "#1899D6" }, void 0), jsx("path", { d: "M24 3h-3.003l-6.252 4.683V3H9.238v4.875L2.63 3H0v2.434l4.74 3.514H0v6.236h4.702L0 18.722V21h3.11l6.128-4.606V21h5.507v-4.687L21.075 21H24v-2.253l-4.817-3.564H24V8.947h-4.793L24 5.347V3z", fill: "#fff" }, void 0), jsx("path", { d: "M7.726 8.947L0 3v1.57l5.772 4.378h1.954zM16.285 15.184L24 21v-1.46l-5.761-4.356h-1.954zM9.238 15.184H7.65L0 21h1.832l7.406-5.531v-.286zM14.745 8.947h1.48L24 3.146V3h-1.75l-7.505 5.58v.367z", fill: "#FF4B4B" }, void 0), jsx("path", { d: "M24 10.27H13.565V3h-3.147v7.27H0v3.59h10.418V21h3.147v-7.14H24v-3.59z", fill: "#FF4B4B" }, void 0)] }), void 0)),
+    GB: (jsxs("svg", __assign({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsx("path", { fill: "#1799D6", d: "M0 2.4L0 5.9 4.3 5.9z" }, void 0), jsx("path", { fill: "#1799D6", d: "M2.9 18L7 18 8.5 18 8.5 13.4z" }, void 0), jsx("path", { fill: "#1799D6", d: "M19.2 0L15 0 13.5 0 13.5 4.7z" }, void 0), jsx("path", { fill: "#1799D6", d: "M0 12.2L0 15.7 4.3 12.2z" }, void 0), jsx("path", { fill: "#1799D6", d: "M22 5.9L22 2.3 17.6 5.9z" }, void 0), jsx("path", { fill: "#1799D6", d: "M13.5 18L15 18 19.3 18 13.5 13.3z" }, void 0), jsx("path", { fill: "#1799D6", d: "M8.5 0L7 0 2.4 0 8.5 4.9z" }, void 0), jsx("path", { fill: "#1799D6", d: "M22 15.7L22 12.2 17.6 12.2z" }, void 0), jsx("path", { fill: "#FFF", d: "M9.5 0h-1v4.9L2.4 0H1C.7 0 .5.1.3.3L7.1 6H5.3L0 1.6v.9L4.3 6H0v1.3h9.5V0zM12.4 18h1.1v-4.7l5.8 4.7H21c.3 0 .5-.1.7-.3l-6.8-5.6h1.8l5.3 4.4v-.8l-4.4-3.6H22v-1.3h-9.6V18zM14.9 5.9h-1.4v-.3L20.4 0h-1.1l-5.7 4.7V0h-1.1v7.3H22V5.9h-4.4L22 2.3V1c0-.3-.1-.5-.2-.7l-6.9 5.6zM0 10.9v1.3h4.3L0 15.7V17c0 .3.1.6.3.7L7 12.2h1.5v.3L1.7 18h1.2l5.6-4.6V18h1.1v-7.1H0z" }, void 0), jsx("path", { fill: "#E94D4F", d: "M8.5 12.2H7L.3 17.8c.2.1.4.2.7.2h.7l6.8-5.5v-.3zM13.5 5.9h1.4L21.8.3c-.2-.2-.5-.3-.8-.3h-.6l-6.9 5.6v.3zM14.9 12.2l6.8 5.6c.2-.2.3-.4.3-.7v-.5l-5.3-4.4h-1.8zM7.1 5.9L.3.3C.1.4 0 .7 0 1v.6L5.3 6h1.8z" }, void 0), jsx("path", { fill: "#E94D4F", d: "M12.4 0L9.5 0 9.5 7.3 0 7.3 0 10.9 9.5 10.9 9.5 18 12.4 18 12.4 10.9 22 10.9 22 7.3 12.4 7.3z" }, void 0)] }), void 0)),
     FR: (jsxs("svg", __assign({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsx("path", { d: "M15 0h6c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1h-6V0z", fill: "#148cc6" }, void 0), jsx("path", { fill: "#fff", d: "M7 0H15V18H7z" }, void 0), jsx("path", { d: "M0 1c0-.6.4-1 1-1h6v18H1c-.6 0-1-.4-1-1V1z", fill: "#e62743" }, void 0)] }), void 0)),
     DE: (jsxs("svg", __assign({ viewBox: "0 0 22 18", xmlSpace: "preserve" }, { children: [jsx("path", { d: "M0 1c0-.6.4-1 1-1h20c.6 0 1 .4 1 1v5H0V1z", fill: "#000" }, void 0), jsx("path", { fill: "#e62743", d: "M0 6H22V12H0z" }, void 0), jsx("path", { d: "M0 12h22v5c0 .6-.4 1-1 1H1c-.6 0-1-.4-1-1v-5z", fill: "#ffd800" }, void 0)] }), void 0)),
 };
@@ -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) {
@@ -1722,9 +1723,9 @@ var Keyboard = function (props) {
             };
             for (var _i = 0, _a = props.keys; _i < _a.length; _i++) {
                 var k = _a[_i];
-                var index = k.index, key = k.key, color = k.color, shiftKey = k.shiftKey;
+                var index = k.index, key = k.key, color = k.color, isShiftKey = k.isShiftKey;
                 keys_1[index] = { character: key, color: color };
-                if (shiftKey) {
+                if (isShiftKey) {
                     shiftKeys_1[k.hand].push(key);
                 }
             }