@prom-ui/core 0.0.121 → 0.0.130

package/InputField/cjs/index.development.js

@@ -6,6 +6,7 @@ var React = require('react');
 var Input = require('@prom-ui/core/Input');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
+var BodyProvider = require('@prom-ui/core/BodyProvider');
 var EyeOpen = require('@prom-ui/icons/EyeOpen');
 var EyeClose = require('@prom-ui/icons/EyeClose');
 var Spinner = require('@prom-ui/core/Spinner');
@@ -68,12 +69,17 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
+}
+
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 }
 
 var AfterTogglePassword = function (_a) {
   var inputType = _a.inputType,
-      onChange = _a.onChange;
-
+    onChange = _a.onChange;
+  var t = BodyProvider.useBodyLocale().t;
   if (inputType === 'text') {
     return React__namespace.createElement(Button.Button, {
       type: 'button',
@@ -83,7 +89,7 @@ var AfterTogglePassword = function (_a) {
       onClick: function () {
         return onChange('password');
       },
-      title: '\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C',
+      title: t(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C"], ["\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C"]))),
       tabIndex: -1,
       "data-qaid": 'input_field_hide_password',
       "data-testid": 'input_field_hide_password'
@@ -97,7 +103,6 @@ var AfterTogglePassword = function (_a) {
       }
     }));
   }
-
   return React__namespace.createElement(Button.Button, {
     type: 'button',
     "button-height": '1-1',
@@ -106,7 +111,7 @@ var AfterTogglePassword = function (_a) {
     onClick: function () {
       return onChange('text');
     },
-    title: '\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C',
+    title: t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C"], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C"]))),
     tabIndex: -1,
     "data-qaid": 'input_field_show_password',
     "data-testid": 'input_field_show_password'
@@ -120,6 +125,7 @@ var AfterTogglePassword = function (_a) {
     }
   }));
 };
+var templateObject_1$1, templateObject_2;
 
 var AfterLoading = function () {
   return React__namespace.createElement(Spinner.Spinner, {
@@ -146,12 +152,13 @@ var AfterCorrectValue = function () {
 };
 
 var AfterClearValue = function (props) {
+  var t = BodyProvider.useBodyLocale().t;
   return React__namespace.createElement(Button.Button, __assign({
     type: 'button',
     "button-height": '1-1',
     "button-width": '1-1',
     "button-padding": 'none',
-    title: '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C',
+    title: t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C"], ["\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C"]))),
     tabIndex: -1,
     "data-qaid": 'input_field_clear_value',
     "data-testid": 'input_field_clear_value'
@@ -165,6 +172,7 @@ var AfterClearValue = function (props) {
     }
   }));
 };
+var templateObject_1;
 
 var css = {"root":"InputField__root___UnXum","input":"InputField__input___1Wl0O","beforeAndAfter":"InputField__beforeAndAfter___cUXq3","before":"InputField__before___-TbcG InputField__beforeAndAfter___cUXq3","after":"InputField__after___QmiGS InputField__beforeAndAfter___cUXq3","error":"InputField__error___7Fcq2","label":"InputField__label___uV711","labelRequired":"InputField__labelRequired___cxqrg"};
 
@@ -177,13 +185,12 @@ var ErrorText = function (_a) {
   }, children);
 };
 
+// https://github.com/ant-design/ant-design/blob/master/components/input/Input.tsx:36
 function resolveOnChange(target, e, onChange, targetValue) {
   if (!onChange) {
     return;
   }
-
   var event = e;
-
   if (e.type === 'click') {
     // Clone a new target for event.
     // Avoid the following usage, the setQuery method gets the original value.
@@ -195,8 +202,8 @@ function resolveOnChange(target, e, onChange, targetValue) {
     //         setQuery((prevStatus) => e.target.value);
     //     }}
     // />
-    var currentTarget = target.cloneNode(true); // Click clear button
-
+    var currentTarget = target.cloneNode(true);
+    // Click clear button
     event = Object.create(e, {
       target: {
         value: currentTarget
@@ -208,9 +215,8 @@ function resolveOnChange(target, e, onChange, targetValue) {
     currentTarget.value = '';
     onChange(event);
     return;
-  } // Trigger by composition event, this means we need force change the input value
-
-
+  }
+  // Trigger by composition event, this means we need force change the input value
   if (targetValue !== undefined) {
     event = Object.create(e, {
       target: {
@@ -224,18 +230,15 @@ function resolveOnChange(target, e, onChange, targetValue) {
     onChange(event);
     return;
   }
-
   onChange(event);
 }
 function valueToString(value) {
   if (Number.isInteger(value)) {
     return "".concat(value);
   }
-
   if (!value) {
     return '';
   }
-
   return "".concat(value);
 }
 function isNotEmptyArray(arr) {
@@ -248,11 +251,9 @@ var useForwardRef = function (ref, initialValue) {
   if (initialValue === void 0) {
     initialValue = null;
   }
-
   var targetRef = React__namespace.useRef(initialValue);
   React__namespace.useEffect(function () {
     if (!ref) return;
-
     if (typeof ref === 'function') {
       ref(targetRef.current);
     } else {
@@ -264,34 +265,29 @@ var useForwardRef = function (ref, initialValue) {
 
 var InputField = React__namespace.forwardRef(function (_a, ref) {
   var addonBefore = _a.addonBefore,
-      addonAfter = _a.addonAfter,
-      _b = _a.addonBeforeWidth,
-      addonBeforeWidth = _b === void 0 ? 40 : _b,
-      _c = _a.addonAfterWidth,
-      addonAfterWidth = _c === void 0 ? 40 : _c,
-      _d = _a.error,
-      error = _d === void 0 ? false : _d,
-      label = _a.label,
-      isLabelRequired = _a.isLabelRequired,
-      props = __rest(_a, ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error", "label", "isLabelRequired"]);
-
+    addonAfter = _a.addonAfter,
+    _b = _a.addonBeforeWidth,
+    addonBeforeWidth = _b === void 0 ? 40 : _b,
+    _c = _a.addonAfterWidth,
+    addonAfterWidth = _c === void 0 ? 40 : _c,
+    _d = _a.error,
+    error = _d === void 0 ? false : _d,
+    label = _a.label,
+    isLabelRequired = _a.isLabelRequired,
+    props = __rest(_a, ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error", "label", "isLabelRequired"]);
   var isMounted = React__namespace.useRef(false);
   var isSkipOnFocus = React__namespace.useRef(false);
   var isSkipOnBlur = React__namespace.useRef(false);
   var inputRef = useForwardRef(ref, null);
-
   var _e = React__namespace.useState(props.type),
-      localType = _e[0],
-      setLocalType = _e[1];
-
+    localType = _e[0],
+    setLocalType = _e[1];
   var _f = React__namespace.useState(getIsValueEmpty(props.value || props.defaultValue)),
-      isValueEmpty = _f[0],
-      setIsValueEmpty = _f[1];
-
+    isValueEmpty = _f[0],
+    setIsValueEmpty = _f[1];
   React__namespace.useEffect(function () {
     if (isMounted.current) {
       var nextIsValueEmpty = getIsValueEmpty(props.value);
-
       if (nextIsValueEmpty !== isValueEmpty) {
         setIsValueEmpty(nextIsValueEmpty);
       }
@@ -300,7 +296,6 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     }
   }, [props.value]);
   var currentAddonAfter = null;
-
   if (props.type === 'password' && addonAfter === 'togglePassword') {
     currentAddonAfter = React__namespace.createElement(AfterTogglePassword, {
       inputType: localType,
@@ -312,17 +307,14 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     currentAddonAfter = isValueEmpty ? null : React__namespace.createElement(AfterClearValue, {
       onClick: function (e) {
         var _a;
-
         if (!getIsValueEmpty(props.value) && !props.onChange) {
           (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
           return;
         }
-
         if (inputRef.current) {
           setIsValueEmpty(true);
           inputRef.current.focus();
           resolveOnChange(inputRef.current, e, props.onChange);
-
           if (getIsValueEmpty(props.value)) {
             inputRef.current.value = '';
           }
@@ -352,7 +344,6 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
   } else {
     currentAddonAfter = addonAfter;
   }
-
   var isLabel = !!label;
   var isBefore = !!addonBefore;
   var isAfter = !!currentAddonAfter;
@@ -390,14 +381,12 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
       if (!isSkipOnFocus.current && props.onFocus) {
         props.onFocus(e);
       }
-
       isSkipOnFocus.current = false;
     },
     onBlur: function (e) {
       if (!isSkipOnBlur.current && props.onBlur) {
         props.onBlur(e);
       }
-
       isSkipOnBlur.current = false;
     },
     onChange: function (e) {

package/InputField/cjs/index.development.v2.js

@@ -6,6 +6,7 @@ var React = require('react');
 var Input = require('@prom-ui/core/Input');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
+var BodyProvider = require('@prom-ui/core/BodyProvider');
 var EyeOpen = require('@prom-ui/icons/EyeOpen');
 var EyeClose = require('@prom-ui/icons/EyeClose');
 var Spinner = require('@prom-ui/core/Spinner');
@@ -68,12 +69,17 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
+}
+
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 }
 
 var AfterTogglePassword = function (_a) {
   var inputType = _a.inputType,
-      onChange = _a.onChange;
-
+    onChange = _a.onChange;
+  var t = BodyProvider.useBodyLocale().t;
   if (inputType === 'text') {
     return React__namespace.createElement(Button.Button, {
       type: 'button',
@@ -83,7 +89,7 @@ var AfterTogglePassword = function (_a) {
       onClick: function () {
         return onChange('password');
       },
-      title: '\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C',
+      title: t(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C"], ["\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C"]))),
       tabIndex: -1,
       "data-qaid": 'input_field_hide_password',
       "data-testid": 'input_field_hide_password'
@@ -97,7 +103,6 @@ var AfterTogglePassword = function (_a) {
       }
     }));
   }
-
   return React__namespace.createElement(Button.Button, {
     type: 'button',
     "button-height": '1-1',
@@ -106,7 +111,7 @@ var AfterTogglePassword = function (_a) {
     onClick: function () {
       return onChange('text');
     },
-    title: '\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C',
+    title: t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C"], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C"]))),
     tabIndex: -1,
     "data-qaid": 'input_field_show_password',
     "data-testid": 'input_field_show_password'
@@ -120,6 +125,7 @@ var AfterTogglePassword = function (_a) {
     }
   }));
 };
+var templateObject_1$1, templateObject_2;
 
 var AfterLoading = function () {
   return React__namespace.createElement(Spinner.Spinner, {
@@ -146,12 +152,13 @@ var AfterCorrectValue = function () {
 };
 
 var AfterClearValue = function (props) {
+  var t = BodyProvider.useBodyLocale().t;
   return React__namespace.createElement(Button.Button, __assign({
     type: 'button',
     "button-height": '1-1',
     "button-width": '1-1',
     "button-padding": 'none',
-    title: '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C',
+    title: t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C"], ["\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C"]))),
     tabIndex: -1,
     "data-qaid": 'input_field_clear_value',
     "data-testid": 'input_field_clear_value'
@@ -165,6 +172,7 @@ var AfterClearValue = function (props) {
     }
   }));
 };
+var templateObject_1;
 
 var css = {"root":"InputField__root___EVTeN","input":"InputField__input___rfpBC","beforeAndAfter":"InputField__beforeAndAfter___oqO-V","before":"InputField__before___GeS6- InputField__beforeAndAfter___oqO-V","after":"InputField__after___Cl38- InputField__beforeAndAfter___oqO-V","error":"InputField__error___hSs8w","label":"InputField__label___bwxYk","labelRequired":"InputField__labelRequired___bTTTw"};
 
@@ -177,13 +185,12 @@ var ErrorText = function (_a) {
   }, children);
 };
 
+// https://github.com/ant-design/ant-design/blob/master/components/input/Input.tsx:36
 function resolveOnChange(target, e, onChange, targetValue) {
   if (!onChange) {
     return;
   }
-
   var event = e;
-
   if (e.type === 'click') {
     // Clone a new target for event.
     // Avoid the following usage, the setQuery method gets the original value.
@@ -195,8 +202,8 @@ function resolveOnChange(target, e, onChange, targetValue) {
     //         setQuery((prevStatus) => e.target.value);
     //     }}
     // />
-    var currentTarget = target.cloneNode(true); // Click clear button
-
+    var currentTarget = target.cloneNode(true);
+    // Click clear button
     event = Object.create(e, {
       target: {
         value: currentTarget
@@ -208,9 +215,8 @@ function resolveOnChange(target, e, onChange, targetValue) {
     currentTarget.value = '';
     onChange(event);
     return;
-  } // Trigger by composition event, this means we need force change the input value
-
-
+  }
+  // Trigger by composition event, this means we need force change the input value
   if (targetValue !== undefined) {
     event = Object.create(e, {
       target: {
@@ -224,18 +230,15 @@ function resolveOnChange(target, e, onChange, targetValue) {
     onChange(event);
     return;
   }
-
   onChange(event);
 }
 function valueToString(value) {
   if (Number.isInteger(value)) {
     return "".concat(value);
   }
-
   if (!value) {
     return '';
   }
-
   return "".concat(value);
 }
 function isNotEmptyArray(arr) {
@@ -248,11 +251,9 @@ var useForwardRef = function (ref, initialValue) {
   if (initialValue === void 0) {
     initialValue = null;
   }
-
   var targetRef = React__namespace.useRef(initialValue);
   React__namespace.useEffect(function () {
     if (!ref) return;
-
     if (typeof ref === 'function') {
       ref(targetRef.current);
     } else {
@@ -264,34 +265,29 @@ var useForwardRef = function (ref, initialValue) {
 
 var InputField = React__namespace.forwardRef(function (_a, ref) {
   var addonBefore = _a.addonBefore,
-      addonAfter = _a.addonAfter,
-      _b = _a.addonBeforeWidth,
-      addonBeforeWidth = _b === void 0 ? 40 : _b,
-      _c = _a.addonAfterWidth,
-      addonAfterWidth = _c === void 0 ? 40 : _c,
-      _d = _a.error,
-      error = _d === void 0 ? false : _d,
-      label = _a.label,
-      isLabelRequired = _a.isLabelRequired,
-      props = __rest(_a, ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error", "label", "isLabelRequired"]);
-
+    addonAfter = _a.addonAfter,
+    _b = _a.addonBeforeWidth,
+    addonBeforeWidth = _b === void 0 ? 40 : _b,
+    _c = _a.addonAfterWidth,
+    addonAfterWidth = _c === void 0 ? 40 : _c,
+    _d = _a.error,
+    error = _d === void 0 ? false : _d,
+    label = _a.label,
+    isLabelRequired = _a.isLabelRequired,
+    props = __rest(_a, ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error", "label", "isLabelRequired"]);
   var isMounted = React__namespace.useRef(false);
   var isSkipOnFocus = React__namespace.useRef(false);
   var isSkipOnBlur = React__namespace.useRef(false);
   var inputRef = useForwardRef(ref, null);
-
   var _e = React__namespace.useState(props.type),
-      localType = _e[0],
-      setLocalType = _e[1];
-
+    localType = _e[0],
+    setLocalType = _e[1];
   var _f = React__namespace.useState(getIsValueEmpty(props.value || props.defaultValue)),
-      isValueEmpty = _f[0],
-      setIsValueEmpty = _f[1];
-
+    isValueEmpty = _f[0],
+    setIsValueEmpty = _f[1];
   React__namespace.useEffect(function () {
     if (isMounted.current) {
       var nextIsValueEmpty = getIsValueEmpty(props.value);
-
       if (nextIsValueEmpty !== isValueEmpty) {
         setIsValueEmpty(nextIsValueEmpty);
       }
@@ -300,7 +296,6 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     }
   }, [props.value]);
   var currentAddonAfter = null;
-
   if (props.type === 'password' && addonAfter === 'togglePassword') {
     currentAddonAfter = React__namespace.createElement(AfterTogglePassword, {
       inputType: localType,
@@ -312,17 +307,14 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     currentAddonAfter = isValueEmpty ? null : React__namespace.createElement(AfterClearValue, {
       onClick: function (e) {
         var _a;
-
         if (!getIsValueEmpty(props.value) && !props.onChange) {
           (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
           return;
         }
-
         if (inputRef.current) {
           setIsValueEmpty(true);
           inputRef.current.focus();
           resolveOnChange(inputRef.current, e, props.onChange);
-
           if (getIsValueEmpty(props.value)) {
             inputRef.current.value = '';
           }
@@ -352,7 +344,6 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
   } else {
     currentAddonAfter = addonAfter;
   }
-
   var isLabel = !!label;
   var isBefore = !!addonBefore;
   var isAfter = !!currentAddonAfter;
@@ -390,14 +381,12 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
       if (!isSkipOnFocus.current && props.onFocus) {
         props.onFocus(e);
       }
-
       isSkipOnFocus.current = false;
     },
     onBlur: function (e) {
       if (!isSkipOnBlur.current && props.onBlur) {
         props.onBlur(e);
       }
-
       isSkipOnBlur.current = false;
     },
     onChange: function (e) {

package/InputField/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@prom-ui/core/Input"),n=require("@prom-ui/core/Button"),r=require("@prom-ui/core/Icon"),a=require("@prom-ui/icons/EyeOpen"),i=require("@prom-ui/icons/EyeClose"),o=require("@prom-ui/core/Spinner"),u=require("@prom-ui/icons/Ok"),c=require("@prom-ui/icons/Cancel");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=l(e),s=function(){return s=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},s.apply(this,arguments)};var f=function(e){var t=e.inputType,o=e.onChange;return"text"===t?d.createElement(n.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return o("password")},title:"Скрыть пароль",tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},d.createElement(r.Icon,{"icon-as":a.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):d.createElement(n.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return o("text")},title:"Показать пароль",tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},d.createElement(r.Icon,{"icon-as":i.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},p=function(){return d.createElement(o.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},v=function(){return d.createElement(r.Icon,{"icon-as":u.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"input_field_correct_value","data-testid":"input_field_correct_value",style:{width:16,height:16}})},h=function(e){return d.createElement(n.Button,s({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:"Очистить",tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),d.createElement(r.Icon,{"icon-as":c.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},_="UnXum",m="_1Wl0O",b="-TbcG cUXq3",g="QmiGS cUXq3",y="_7Fcq2",E="uV711",q="cxqrg",w=function(e){var t=e.children;return d.createElement("div",{className:y,"data-qaid":"input_field_error","data-testid":"input_field_error"},t)};function O(e,t,n,r){if(n){var a=t;if("click"===t.type){var i=e.cloneNode(!0);return a=Object.create(t,{target:{value:i},currentTarget:{value:i}}),i.value="",void n(a)}if(void 0!==r)return a=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(a);n(a)}}function j(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var x=d.forwardRef((function(e,n){var r=e.addonBefore,a=e.addonAfter,i=e.addonBeforeWidth,o=void 0===i?40:i,u=e.addonAfterWidth,c=void 0===u?40:u,l=e.error,y=void 0!==l&&l,x=e.label,I=e.isLabelRequired,C=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"]),N=d.useRef(!1),S=d.useRef(!1),k=d.useRef(!1),B=function(e,t){void 0===t&&(t=null);var n=d.useRef(t);return d.useEffect((function(){e&&("function"==typeof e?e(n.current):e.current=n.current)}),[e]),n}(n,null),A=d.useState(C.type),F=A[0],P=A[1],R=d.useState(j(C.value||C.defaultValue)),T=R[0],W=R[1];d.useEffect((function(){if(N.current){var e=j(C.value);e!==T&&W(e)}else N.current=!0}),[C.value]);var L=null;L="password"===C.type&&"togglePassword"===a?d.createElement(f,{inputType:F,onChange:function(e){return P(e)}}):"clearValue"===a?T?null:d.createElement(h,{onClick:function(e){var t;j(C.value)||C.onChange?B.current&&(W(!0),B.current.focus(),O(B.current,e,C.onChange),j(C.value)&&(B.current.value="")):null===(t=B.current)||void 0===t||t.focus()},onMouseEnter:function(){S.current=!0,k.current=!0},onTouchStart:function(){S.current=!0,k.current=!0},onMouseLeave:function(){S.current=!1,k.current=!1},onTouchEnd:function(){S.current=!1,k.current=!1}}):"correctValue"===a?d.createElement(v,null):"loading"===a?d.createElement(p,null):a;var M,V=!!x,U=!!r,X=!!L,G=(M=y,Array.isArray(M)&&M.length>0||!!y);return d.createElement("div",{className:C.className,style:C.style,"data-qaid":C["data-qaid"]||"input_field","data-testid":C["data-testid"]||"input_field"},V&&d.createElement("div",{className:E},d.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:C.id},x),!!I&&d.createElement(d.Fragment,null," ",d.createElement("span",{className:q,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),d.createElement("div",{className:_},d.createElement(t.Input,s({ref:B,"input-theme":G?"red":"white"},C,{"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:U?o:void 0,paddingRight:X?c:void 0},className:m,type:F,onFocus:function(e){!S.current&&C.onFocus&&C.onFocus(e),S.current=!1},onBlur:function(e){!k.current&&C.onBlur&&C.onBlur(e),k.current=!1},onChange:function(e){W(j(e.target.value)),O(e.currentTarget,e,C.onChange)}})),U&&d.createElement("div",{className:b,style:{width:o}},r),X&&d.createElement("div",{className:g,style:{width:c}},L)),G&&(Array.isArray(y)?y.map((function(e){return d.createElement(w,{key:e},e)})):!0===y?null:d.createElement(w,null,y)))}));x.displayName="InputField",exports.InputField=x,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@prom-ui/core/Input"),n=require("@prom-ui/core/Button"),r=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/BodyProvider"),i=require("@prom-ui/icons/EyeOpen"),o=require("@prom-ui/icons/EyeClose"),u=require("@prom-ui/core/Spinner"),c=require("@prom-ui/icons/Ok"),l=require("@prom-ui/icons/Cancel");function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=d(e),f=function(){return f=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},f.apply(this,arguments)};function p(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var v,h,m,_=function(e){var t=e.inputType,u=e.onChange,c=a.useBodyLocale().t;return"text"===t?s.createElement(n.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return u("password")},title:c(v||(v=p(["Скрыть пароль"],["Скрыть пароль"]))),tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},s.createElement(r.Icon,{"icon-as":i.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):s.createElement(n.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return u("text")},title:c(h||(h=p(["Показать пароль"],["Показать пароль"]))),tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},s.createElement(r.Icon,{"icon-as":o.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},b=function(){return s.createElement(u.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},y=function(){return s.createElement(r.Icon,{"icon-as":c.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"input_field_correct_value","data-testid":"input_field_correct_value",style:{width:16,height:16}})},g=function(e){var t=a.useBodyLocale().t;return s.createElement(n.Button,f({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:t(m||(m=p(["Очистить"],["Очистить"]))),tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),s.createElement(r.Icon,{"icon-as":l.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},E="UnXum",q="_1Wl0O",w="-TbcG cUXq3",O="QmiGS cUXq3",j="_7Fcq2",x="uV711",B="cxqrg",I=function(e){var t=e.children;return s.createElement("div",{className:j,"data-qaid":"input_field_error","data-testid":"input_field_error"},t)};function C(e,t,n,r){if(n){var a=t;if("click"===t.type){var i=e.cloneNode(!0);return a=Object.create(t,{target:{value:i},currentTarget:{value:i}}),i.value="",void n(a)}if(void 0!==r)return a=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(a);n(a)}}function N(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var S=s.forwardRef((function(e,n){var r=e.addonBefore,a=e.addonAfter,i=e.addonBeforeWidth,o=void 0===i?40:i,u=e.addonAfterWidth,c=void 0===u?40:u,l=e.error,d=void 0!==l&&l,p=e.label,v=e.isLabelRequired,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"]),m=s.useRef(!1),j=s.useRef(!1),S=s.useRef(!1),k=function(e,t){void 0===t&&(t=null);var n=s.useRef(t);return s.useEffect((function(){e&&("function"==typeof e?e(n.current):e.current=n.current)}),[e]),n}(n,null),P=s.useState(h.type),A=P[0],F=P[1],R=s.useState(N(h.value||h.defaultValue)),T=R[0],L=R[1];s.useEffect((function(){if(m.current){var e=N(h.value);e!==T&&L(e)}else m.current=!0}),[h.value]);var W=null;W="password"===h.type&&"togglePassword"===a?s.createElement(_,{inputType:A,onChange:function(e){return F(e)}}):"clearValue"===a?T?null:s.createElement(g,{onClick:function(e){var t;N(h.value)||h.onChange?k.current&&(L(!0),k.current.focus(),C(k.current,e,h.onChange),N(h.value)&&(k.current.value="")):null===(t=k.current)||void 0===t||t.focus()},onMouseEnter:function(){j.current=!0,S.current=!0},onTouchStart:function(){j.current=!0,S.current=!0},onMouseLeave:function(){j.current=!1,S.current=!1},onTouchEnd:function(){j.current=!1,S.current=!1}}):"correctValue"===a?s.createElement(y,null):"loading"===a?s.createElement(b,null):a;var M,V=!!p,U=!!r,X=!!W,G=(M=d,Array.isArray(M)&&M.length>0||!!d);return s.createElement("div",{className:h.className,style:h.style,"data-qaid":h["data-qaid"]||"input_field","data-testid":h["data-testid"]||"input_field"},V&&s.createElement("div",{className:x},s.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:h.id},p),!!v&&s.createElement(s.Fragment,null," ",s.createElement("span",{className:B,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),s.createElement("div",{className:E},s.createElement(t.Input,f({ref:k,"input-theme":G?"red":"white"},h,{"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:U?o:void 0,paddingRight:X?c:void 0},className:q,type:A,onFocus:function(e){!j.current&&h.onFocus&&h.onFocus(e),j.current=!1},onBlur:function(e){!S.current&&h.onBlur&&h.onBlur(e),S.current=!1},onChange:function(e){L(N(e.target.value)),C(e.currentTarget,e,h.onChange)}})),U&&s.createElement("div",{className:w,style:{width:o}},r),X&&s.createElement("div",{className:O,style:{width:c}},W)),G&&(Array.isArray(d)?d.map((function(e){return s.createElement(I,{key:e},e)})):!0===d?null:s.createElement(I,null,d)))}));S.displayName="InputField",exports.InputField=S,require("./style.production.css");

package/InputField/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@prom-ui/core/Input"),n=require("@prom-ui/core/Button"),r=require("@prom-ui/core/Icon"),a=require("@prom-ui/icons/EyeOpen"),i=require("@prom-ui/icons/EyeClose"),o=require("@prom-ui/core/Spinner"),u=require("@prom-ui/icons/Ok"),l=require("@prom-ui/icons/Cancel");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=c(e),s=function(){return s=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},s.apply(this,arguments)};var f=function(e){var t=e.inputType,o=e.onChange;return"text"===t?d.createElement(n.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return o("password")},title:"Скрыть пароль",tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},d.createElement(r.Icon,{"icon-as":a.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):d.createElement(n.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return o("text")},title:"Показать пароль",tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},d.createElement(r.Icon,{"icon-as":i.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},p=function(){return d.createElement(o.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},v=function(){return d.createElement(r.Icon,{"icon-as":u.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"input_field_correct_value","data-testid":"input_field_correct_value",style:{width:16,height:16}})},h=function(e){return d.createElement(n.Button,s({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:"Очистить",tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),d.createElement(r.Icon,{"icon-as":l.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},_="EVTeN",m="rfpBC",b="GeS6- oqO-V",g="Cl38- oqO-V",y="hSs8w",E="bwxYk",w="bTTTw",q=function(e){var t=e.children;return d.createElement("div",{className:y,"data-qaid":"input_field_error","data-testid":"input_field_error"},t)};function O(e,t,n,r){if(n){var a=t;if("click"===t.type){var i=e.cloneNode(!0);return a=Object.create(t,{target:{value:i},currentTarget:{value:i}}),i.value="",void n(a)}if(void 0!==r)return a=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(a);n(a)}}function C(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var j=d.forwardRef((function(e,n){var r=e.addonBefore,a=e.addonAfter,i=e.addonBeforeWidth,o=void 0===i?40:i,u=e.addonAfterWidth,l=void 0===u?40:u,c=e.error,y=void 0!==c&&c,j=e.label,x=e.isLabelRequired,I=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"]),N=d.useRef(!1),S=d.useRef(!1),k=d.useRef(!1),B=function(e,t){void 0===t&&(t=null);var n=d.useRef(t);return d.useEffect((function(){e&&("function"==typeof e?e(n.current):e.current=n.current)}),[e]),n}(n,null),T=d.useState(I.type),A=T[0],P=T[1],R=d.useState(C(I.value||I.defaultValue)),F=R[0],V=R[1];d.useEffect((function(){if(N.current){var e=C(I.value);e!==F&&V(e)}else N.current=!0}),[I.value]);var L=null;L="password"===I.type&&"togglePassword"===a?d.createElement(f,{inputType:A,onChange:function(e){return P(e)}}):"clearValue"===a?F?null:d.createElement(h,{onClick:function(e){var t;C(I.value)||I.onChange?B.current&&(V(!0),B.current.focus(),O(B.current,e,I.onChange),C(I.value)&&(B.current.value="")):null===(t=B.current)||void 0===t||t.focus()},onMouseEnter:function(){S.current=!0,k.current=!0},onTouchStart:function(){S.current=!0,k.current=!0},onMouseLeave:function(){S.current=!1,k.current=!1},onTouchEnd:function(){S.current=!1,k.current=!1}}):"correctValue"===a?d.createElement(v,null):"loading"===a?d.createElement(p,null):a;var M,W=!!j,z=!!r,D=!!L,G=(M=y,Array.isArray(M)&&M.length>0||!!y);return d.createElement("div",{className:I.className,style:I.style,"data-qaid":I["data-qaid"]||"input_field","data-testid":I["data-testid"]||"input_field"},W&&d.createElement("div",{className:E},d.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:I.id},j),!!x&&d.createElement(d.Fragment,null," ",d.createElement("span",{className:w,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),d.createElement("div",{className:_},d.createElement(t.Input,s({ref:B,"input-theme":G?"red":"white"},I,{"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:z?o:void 0,paddingRight:D?l:void 0},className:m,type:A,onFocus:function(e){!S.current&&I.onFocus&&I.onFocus(e),S.current=!1},onBlur:function(e){!k.current&&I.onBlur&&I.onBlur(e),k.current=!1},onChange:function(e){V(C(e.target.value)),O(e.currentTarget,e,I.onChange)}})),z&&d.createElement("div",{className:b,style:{width:o}},r),D&&d.createElement("div",{className:g,style:{width:l}},L)),G&&(Array.isArray(y)?y.map((function(e){return d.createElement(q,{key:e},e)})):!0===y?null:d.createElement(q,null,y)))}));j.displayName="InputField",exports.InputField=j,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@prom-ui/core/Input"),n=require("@prom-ui/core/Button"),r=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/BodyProvider"),i=require("@prom-ui/icons/EyeOpen"),o=require("@prom-ui/icons/EyeClose"),u=require("@prom-ui/core/Spinner"),l=require("@prom-ui/icons/Ok"),c=require("@prom-ui/icons/Cancel");function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=d(e),f=function(){return f=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},f.apply(this,arguments)};function p(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var v,h,b,m=function(e){var t=e.inputType,u=e.onChange,l=a.useBodyLocale().t;return"text"===t?s.createElement(n.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return u("password")},title:l(v||(v=p(["Скрыть пароль"],["Скрыть пароль"]))),tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},s.createElement(r.Icon,{"icon-as":i.SvgEyeOpen,"icon-color":"black-700","icon-events":"none",style:{width:16,height:16}})):s.createElement(n.Button,{type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",onClick:function(){return u("text")},title:l(h||(h=p(["Показать пароль"],["Показать пароль"]))),tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},s.createElement(r.Icon,{"icon-as":o.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},_=function(){return s.createElement(u.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},y=function(){return s.createElement(r.Icon,{"icon-as":l.SvgOk,"icon-color":"green-800","icon-events":"none","data-qaid":"input_field_correct_value","data-testid":"input_field_correct_value",style:{width:16,height:16}})},g=function(e){var t=a.useBodyLocale().t;return s.createElement(n.Button,f({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:t(b||(b=p(["Очистить"],["Очистить"]))),tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),s.createElement(r.Icon,{"icon-as":c.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},E="EVTeN",w="rfpBC",O="GeS6- oqO-V",q="Cl38- oqO-V",j="hSs8w",B="bwxYk",C="bTTTw",x=function(e){var t=e.children;return s.createElement("div",{className:j,"data-qaid":"input_field_error","data-testid":"input_field_error"},t)};function I(e,t,n,r){if(n){var a=t;if("click"===t.type){var i=e.cloneNode(!0);return a=Object.create(t,{target:{value:i},currentTarget:{value:i}}),i.value="",void n(a)}if(void 0!==r)return a=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(a);n(a)}}function N(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var S=s.forwardRef((function(e,n){var r=e.addonBefore,a=e.addonAfter,i=e.addonBeforeWidth,o=void 0===i?40:i,u=e.addonAfterWidth,l=void 0===u?40:u,c=e.error,d=void 0!==c&&c,p=e.label,v=e.isLabelRequired,h=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"]),b=s.useRef(!1),j=s.useRef(!1),S=s.useRef(!1),k=function(e,t){void 0===t&&(t=null);var n=s.useRef(t);return s.useEffect((function(){e&&("function"==typeof e?e(n.current):e.current=n.current)}),[e]),n}(n,null),P=s.useState(h.type),T=P[0],A=P[1],R=s.useState(N(h.value||h.defaultValue)),F=R[0],L=R[1];s.useEffect((function(){if(b.current){var e=N(h.value);e!==F&&L(e)}else b.current=!0}),[h.value]);var V=null;V="password"===h.type&&"togglePassword"===a?s.createElement(m,{inputType:T,onChange:function(e){return A(e)}}):"clearValue"===a?F?null:s.createElement(g,{onClick:function(e){var t;N(h.value)||h.onChange?k.current&&(L(!0),k.current.focus(),I(k.current,e,h.onChange),N(h.value)&&(k.current.value="")):null===(t=k.current)||void 0===t||t.focus()},onMouseEnter:function(){j.current=!0,S.current=!0},onTouchStart:function(){j.current=!0,S.current=!0},onMouseLeave:function(){j.current=!1,S.current=!1},onTouchEnd:function(){j.current=!1,S.current=!1}}):"correctValue"===a?s.createElement(y,null):"loading"===a?s.createElement(_,null):a;var M,W=!!p,z=!!r,D=!!V,G=(M=d,Array.isArray(M)&&M.length>0||!!d);return s.createElement("div",{className:h.className,style:h.style,"data-qaid":h["data-qaid"]||"input_field","data-testid":h["data-testid"]||"input_field"},W&&s.createElement("div",{className:B},s.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:h.id},p),!!v&&s.createElement(s.Fragment,null," ",s.createElement("span",{className:C,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),s.createElement("div",{className:E},s.createElement(t.Input,f({ref:k,"input-theme":G?"red":"white"},h,{"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:z?o:void 0,paddingRight:D?l:void 0},className:w,type:T,onFocus:function(e){!j.current&&h.onFocus&&h.onFocus(e),j.current=!1},onBlur:function(e){!S.current&&h.onBlur&&h.onBlur(e),S.current=!1},onChange:function(e){L(N(e.target.value)),I(e.currentTarget,e,h.onChange)}})),z&&s.createElement("div",{className:O,style:{width:o}},r),D&&s.createElement("div",{className:q,style:{width:l}},V)),G&&(Array.isArray(d)?d.map((function(e){return s.createElement(x,{key:e},e)})):!0===d?null:s.createElement(x,null,d)))}));S.displayName="InputField",exports.InputField=S,require("./style.production.v2.css");

package/InputField/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/InputField",
-  "version": "0.0.121",
+  "version": "0.0.130",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/KeyPress/cjs/index.development.js

@@ -27,21 +27,19 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var KeyPressApp = function (_a) {
   var code = _a.code,
-      onKeyDown = _a.onKeyDown,
-      onKeyUp = _a.onKeyUp;
+    onKeyDown = _a.onKeyDown,
+    onKeyUp = _a.onKeyUp;
   useKeyPress.useKeyPress(code, onKeyDown, onKeyUp);
   return null;
 };
-
 var KeyPress = function (_a) {
   var _b = _a.isActive,
-      isActive = _b === void 0 ? true : _b,
-      code = _a.code,
-      _c = _a.onKeyDown,
-      onKeyDown = _c === void 0 ? function () {} : _c,
-      _d = _a.onKeyUp,
-      onKeyUp = _d === void 0 ? function () {} : _d;
-
+    isActive = _b === void 0 ? true : _b,
+    code = _a.code,
+    _c = _a.onKeyDown,
+    onKeyDown = _c === void 0 ? function () {} : _c,
+    _d = _a.onKeyUp,
+    onKeyUp = _d === void 0 ? function () {} : _d;
   if (isActive) {
     return React__namespace.createElement(KeyPressApp, {
       code: code,
@@ -49,7 +47,6 @@ var KeyPress = function (_a) {
       onKeyUp: onKeyUp
     });
   }
-
   return null;
 };