@prom-ui/core 0.0.120 → 0.0.121

package/Avatar/package.json

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

package/Body/package.json

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

package/Box/package.json

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

package/Button/package.json

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

package/ButtonPageUp/package.json

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

package/Checkbox/package.json

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

package/Flex/package.json

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

package/Grid/package.json

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

package/Icon/package.json

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

package/Image/package.json

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

package/ImageEmoji/package.json

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

package/Input/package.json

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

package/InputField/addons/AfterClearValue.d.ts

@@ -1,4 +1,3 @@
 import * as React from 'react';
-declare type AfterSpinnerProps = React.ComponentPropsWithRef<"button">;
+export declare type AfterSpinnerProps = React.ComponentPropsWithRef<"button">;
 export declare const AfterClearValue: React.FC<AfterSpinnerProps>;
-export {};

package/InputField/addons/AfterTogglePassword.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-declare type AfterTogglePasswordProps = {
+export declare type AfterTogglePasswordProps = {
     inputType?: React.HTMLInputTypeAttribute;
     onChange: (type: 'text' | 'password') => void;
 };
 export declare const AfterTogglePassword: React.FC<AfterTogglePasswordProps>;
-export {};

package/InputField/addons/ErrorText.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare type ErrorTextProps = {
+    children?: React.ReactNode;
+};
+export declare const ErrorText: React.FC<ErrorTextProps>;

package/InputField/cjs/index.development.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var classNames = require('classnames');
 var Input = require('@prom-ui/core/Input');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
@@ -13,8 +12,6 @@ var Spinner = require('@prom-ui/core/Spinner');
 var Ok = require('@prom-ui/icons/Ok');
 var Cancel = require('@prom-ui/icons/Cancel');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -34,7 +31,6 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -89,8 +85,8 @@ var AfterTogglePassword = function (_a) {
       },
       title: '\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C',
       tabIndex: -1,
-      "data-qaid": 'inputFieldHidePassword',
-      "data-testid": 'inputFieldHidePassword'
+      "data-qaid": 'input_field_hide_password',
+      "data-testid": 'input_field_hide_password'
     }, React__namespace.createElement(Icon.Icon, {
       "icon-as": EyeOpen.SvgEyeOpen,
       "icon-color": 'black-700',
@@ -112,8 +108,8 @@ var AfterTogglePassword = function (_a) {
     },
     title: '\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C',
     tabIndex: -1,
-    "data-qaid": 'inputFieldShowPassword',
-    "data-testid": 'inputFieldShowPassword'
+    "data-qaid": 'input_field_show_password',
+    "data-testid": 'input_field_show_password'
   }, React__namespace.createElement(Icon.Icon, {
     "icon-as": EyeClose.SvgEyeClose,
     "icon-color": 'black-600',
@@ -130,8 +126,8 @@ var AfterLoading = function () {
     "spinner-color": 'violet-500',
     width: 16,
     height: 16,
-    "data-qaid": 'inputFieldLoading',
-    "data-testid": 'inputFieldLoading'
+    "data-qaid": 'input_field_loading',
+    "data-testid": 'input_field_loading'
   });
 };
 
@@ -140,8 +136,8 @@ var AfterCorrectValue = function () {
     "icon-as": Ok.SvgOk,
     "icon-color": 'green-800',
     "icon-events": 'none',
-    "data-qaid": 'inputFieldCorrectValue',
-    "data-testid": 'inputFieldCorrectValue',
+    "data-qaid": 'input_field_correct_value',
+    "data-testid": 'input_field_correct_value',
     style: {
       width: 16,
       height: 16
@@ -157,8 +153,8 @@ var AfterClearValue = function (props) {
     "button-padding": 'none',
     title: '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C',
     tabIndex: -1,
-    "data-qaid": 'inputFieldClearValue',
-    "data-testid": 'inputFieldClearValue'
+    "data-qaid": 'input_field_clear_value',
+    "data-testid": 'input_field_clear_value'
   }, props), React__namespace.createElement(Icon.Icon, {
     "icon-as": Cancel.SvgCancel,
     "icon-color": 'black-600',
@@ -170,6 +166,17 @@ var AfterClearValue = function (props) {
   }));
 };
 
+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"};
+
+var ErrorText = function (_a) {
+  var children = _a.children;
+  return React__namespace.createElement("div", {
+    className: css.error,
+    "data-qaid": 'input_field_error',
+    "data-testid": 'input_field_error'
+  }, children);
+};
+
 function resolveOnChange(target, e, onChange, targetValue) {
   if (!onChange) {
     return;
@@ -255,8 +262,6 @@ var useForwardRef = function (ref, initialValue) {
   return targetRef;
 };
 
-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"};
-
 var InputField = React__namespace.forwardRef(function (_a, ref) {
   var addonBefore = _a.addonBefore,
       addonAfter = _a.addonAfter,
@@ -266,7 +271,9 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
       addonAfterWidth = _c === void 0 ? 40 : _c,
       _d = _a.error,
       error = _d === void 0 ? false : _d,
-      props = __rest(_a, ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error"]);
+      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);
@@ -346,18 +353,33 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     currentAddonAfter = addonAfter;
   }
 
+  var isLabel = !!label;
   var isBefore = !!addonBefore;
   var isAfter = !!currentAddonAfter;
   var isError = isNotEmptyArray(error) || !!error;
-  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement("div", {
-    className: classNames__default["default"](css.root, props.className),
-    style: props.style
+  return React__namespace.createElement("div", {
+    className: props.className,
+    style: props.style,
+    "data-qaid": props['data-qaid'] || 'input_field',
+    "data-testid": props['data-testid'] || 'input_field'
+  }, isLabel && React__namespace.createElement("div", {
+    className: css.label
+  }, React__namespace.createElement("label", {
+    "data-qaid": 'input_field_label',
+    "data-testid": 'input_field_label',
+    htmlFor: props.id
+  }, label), !!isLabelRequired && React__namespace.createElement(React__namespace.Fragment, null, "\u00A0", React__namespace.createElement("span", {
+    className: css.labelRequired,
+    "data-qaid": 'input_field_label_required',
+    "data-testid": 'input_field_label_required'
+  }, "*"))), React__namespace.createElement("div", {
+    className: css.root
   }, React__namespace.createElement(Input.Input, __assign({
     ref: inputRef,
-    "input-theme": isError ? 'red' : 'white',
-    "data-qaid": 'inputField',
-    "data-testid": 'inputField'
+    "input-theme": isError ? 'red' : 'white'
   }, props, {
+    "data-qaid": 'input_field_textbox',
+    "data-testid": 'input_field_textbox',
     style: {
       paddingLeft: isBefore ? addonBeforeWidth : undefined,
       paddingRight: isAfter ? addonAfterWidth : undefined
@@ -393,18 +415,12 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
       width: addonAfterWidth
     }
   }, currentAddonAfter)), isError && (Array.isArray(error) ? error.map(function (errorItem) {
-    return React__namespace.createElement("div", {
-      className: css.error,
-      key: errorItem,
-      "data-qaid": 'inputFieldError',
-      "data-testid": 'inputFieldError'
+    return React__namespace.createElement(ErrorText, {
+      key: errorItem
     }, errorItem);
-  }) : error === true ? null : React__namespace.createElement("div", {
-    className: css.error,
-    "data-qaid": 'inputFieldError',
-    "data-testid": 'inputFieldError'
-  }, error)));
+  }) : error === true ? null : React__namespace.createElement(ErrorText, null, error)));
 });
+InputField.displayName = 'InputField';
 
 exports.InputField = InputField;
 

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var classNames = require('classnames');
 var Input = require('@prom-ui/core/Input');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
@@ -13,8 +12,6 @@ var Spinner = require('@prom-ui/core/Spinner');
 var Ok = require('@prom-ui/icons/Ok');
 var Cancel = require('@prom-ui/icons/Cancel');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -34,7 +31,6 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -89,8 +85,8 @@ var AfterTogglePassword = function (_a) {
       },
       title: '\u0421\u043A\u0440\u044B\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C',
       tabIndex: -1,
-      "data-qaid": 'inputFieldHidePassword',
-      "data-testid": 'inputFieldHidePassword'
+      "data-qaid": 'input_field_hide_password',
+      "data-testid": 'input_field_hide_password'
     }, React__namespace.createElement(Icon.Icon, {
       "icon-as": EyeOpen.SvgEyeOpen,
       "icon-color": 'black-700',
@@ -112,8 +108,8 @@ var AfterTogglePassword = function (_a) {
     },
     title: '\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0430\u0440\u043E\u043B\u044C',
     tabIndex: -1,
-    "data-qaid": 'inputFieldShowPassword',
-    "data-testid": 'inputFieldShowPassword'
+    "data-qaid": 'input_field_show_password',
+    "data-testid": 'input_field_show_password'
   }, React__namespace.createElement(Icon.Icon, {
     "icon-as": EyeClose.SvgEyeClose,
     "icon-color": 'black-600',
@@ -130,8 +126,8 @@ var AfterLoading = function () {
     "spinner-color": 'violet-500',
     width: 16,
     height: 16,
-    "data-qaid": 'inputFieldLoading',
-    "data-testid": 'inputFieldLoading'
+    "data-qaid": 'input_field_loading',
+    "data-testid": 'input_field_loading'
   });
 };
 
@@ -140,8 +136,8 @@ var AfterCorrectValue = function () {
     "icon-as": Ok.SvgOk,
     "icon-color": 'green-800',
     "icon-events": 'none',
-    "data-qaid": 'inputFieldCorrectValue',
-    "data-testid": 'inputFieldCorrectValue',
+    "data-qaid": 'input_field_correct_value',
+    "data-testid": 'input_field_correct_value',
     style: {
       width: 16,
       height: 16
@@ -157,8 +153,8 @@ var AfterClearValue = function (props) {
     "button-padding": 'none',
     title: '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C',
     tabIndex: -1,
-    "data-qaid": 'inputFieldClearValue',
-    "data-testid": 'inputFieldClearValue'
+    "data-qaid": 'input_field_clear_value',
+    "data-testid": 'input_field_clear_value'
   }, props), React__namespace.createElement(Icon.Icon, {
     "icon-as": Cancel.SvgCancel,
     "icon-color": 'black-600',
@@ -170,6 +166,17 @@ var AfterClearValue = function (props) {
   }));
 };
 
+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"};
+
+var ErrorText = function (_a) {
+  var children = _a.children;
+  return React__namespace.createElement("div", {
+    className: css.error,
+    "data-qaid": 'input_field_error',
+    "data-testid": 'input_field_error'
+  }, children);
+};
+
 function resolveOnChange(target, e, onChange, targetValue) {
   if (!onChange) {
     return;
@@ -255,8 +262,6 @@ var useForwardRef = function (ref, initialValue) {
   return targetRef;
 };
 
-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"};
-
 var InputField = React__namespace.forwardRef(function (_a, ref) {
   var addonBefore = _a.addonBefore,
       addonAfter = _a.addonAfter,
@@ -266,7 +271,9 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
       addonAfterWidth = _c === void 0 ? 40 : _c,
       _d = _a.error,
       error = _d === void 0 ? false : _d,
-      props = __rest(_a, ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error"]);
+      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);
@@ -346,18 +353,33 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     currentAddonAfter = addonAfter;
   }
 
+  var isLabel = !!label;
   var isBefore = !!addonBefore;
   var isAfter = !!currentAddonAfter;
   var isError = isNotEmptyArray(error) || !!error;
-  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement("div", {
-    className: classNames__default["default"](css.root, props.className),
-    style: props.style
+  return React__namespace.createElement("div", {
+    className: props.className,
+    style: props.style,
+    "data-qaid": props['data-qaid'] || 'input_field',
+    "data-testid": props['data-testid'] || 'input_field'
+  }, isLabel && React__namespace.createElement("div", {
+    className: css.label
+  }, React__namespace.createElement("label", {
+    "data-qaid": 'input_field_label',
+    "data-testid": 'input_field_label',
+    htmlFor: props.id
+  }, label), !!isLabelRequired && React__namespace.createElement(React__namespace.Fragment, null, "\u00A0", React__namespace.createElement("span", {
+    className: css.labelRequired,
+    "data-qaid": 'input_field_label_required',
+    "data-testid": 'input_field_label_required'
+  }, "*"))), React__namespace.createElement("div", {
+    className: css.root
   }, React__namespace.createElement(Input.Input, __assign({
     ref: inputRef,
-    "input-theme": isError ? 'red' : 'white',
-    "data-qaid": 'inputField',
-    "data-testid": 'inputField'
+    "input-theme": isError ? 'red' : 'white'
   }, props, {
+    "data-qaid": 'input_field_textbox',
+    "data-testid": 'input_field_textbox',
     style: {
       paddingLeft: isBefore ? addonBeforeWidth : undefined,
       paddingRight: isAfter ? addonAfterWidth : undefined
@@ -393,18 +415,12 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
       width: addonAfterWidth
     }
   }, currentAddonAfter)), isError && (Array.isArray(error) ? error.map(function (errorItem) {
-    return React__namespace.createElement("div", {
-      className: css.error,
-      key: errorItem,
-      "data-qaid": 'inputFieldError',
-      "data-testid": 'inputFieldError'
+    return React__namespace.createElement(ErrorText, {
+      key: errorItem
     }, errorItem);
-  }) : error === true ? null : React__namespace.createElement("div", {
-    className: css.error,
-    "data-qaid": 'inputFieldError',
-    "data-testid": 'inputFieldError'
-  }, error)));
+  }) : error === true ? null : React__namespace.createElement(ErrorText, null, error)));
 });
+InputField.displayName = 'InputField';
 
 exports.InputField = InputField;
 

package/InputField/cjs/index.production.js

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

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

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

package/InputField/cjs/style.development.css

@@ -1 +1 @@
-.InputField__root___UnXum{position:relative}.InputField__input___1Wl0O[type=search]::-ms-clear,.InputField__input___1Wl0O[type=search]::-ms-reveal{display:none;width:0;height:0}.InputField__input___1Wl0O[type=search]::-webkit-search-decoration,.InputField__input___1Wl0O[type=search]::-webkit-search-cancel-button,.InputField__input___1Wl0O[type=search]::-webkit-search-results-button,.InputField__input___1Wl0O[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.InputField__beforeAndAfter___cUXq3{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.InputField__before___-TbcG{left:0}.InputField__after___QmiGS{right:0}.InputField__error___7Fcq2{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}.InputField__error___7Fcq2+.InputField__error___7Fcq2{margin-top:calc(var(--pds-spacing-xxs)/2)}
+.InputField__root___UnXum{position:relative}.InputField__input___1Wl0O[type=search]::-ms-clear,.InputField__input___1Wl0O[type=search]::-ms-reveal{display:none;width:0;height:0}.InputField__input___1Wl0O[type=search]::-webkit-search-decoration,.InputField__input___1Wl0O[type=search]::-webkit-search-cancel-button,.InputField__input___1Wl0O[type=search]::-webkit-search-results-button,.InputField__input___1Wl0O[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.InputField__beforeAndAfter___cUXq3{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.InputField__before___-TbcG{left:0}.InputField__after___QmiGS{right:0}.InputField__error___7Fcq2{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}.InputField__error___7Fcq2+.InputField__error___7Fcq2{margin-top:calc(var(--pds-spacing-xxs)/2)}.InputField__label___uV711{margin-bottom:var(--pds-spacing-xxs)}.InputField__labelRequired___cxqrg{color:var(--red-900)}

package/InputField/cjs/style.development.v2.css

@@ -1 +1 @@
-.InputField__root___EVTeN{position:relative}.InputField__input___rfpBC[type=search]::-ms-clear,.InputField__input___rfpBC[type=search]::-ms-reveal{display:none;width:0;height:0}.InputField__input___rfpBC[type=search]::-webkit-search-decoration,.InputField__input___rfpBC[type=search]::-webkit-search-cancel-button,.InputField__input___rfpBC[type=search]::-webkit-search-results-button,.InputField__input___rfpBC[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.InputField__beforeAndAfter___oqO-V{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.InputField__before___GeS6-{left:0}.InputField__after___Cl38-{right:0}.InputField__error___hSs8w{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}.InputField__error___hSs8w+.InputField__error___hSs8w{margin-top:calc(var(--pds-spacing-xxs)/2)}
+.InputField__root___EVTeN{position:relative}.InputField__input___rfpBC[type=search]::-ms-clear,.InputField__input___rfpBC[type=search]::-ms-reveal{display:none;width:0;height:0}.InputField__input___rfpBC[type=search]::-webkit-search-decoration,.InputField__input___rfpBC[type=search]::-webkit-search-cancel-button,.InputField__input___rfpBC[type=search]::-webkit-search-results-button,.InputField__input___rfpBC[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.InputField__beforeAndAfter___oqO-V{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.InputField__before___GeS6-{left:0}.InputField__after___Cl38-{right:0}.InputField__error___hSs8w{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}.InputField__error___hSs8w+.InputField__error___hSs8w{margin-top:calc(var(--pds-spacing-xxs)/2)}.InputField__label___bwxYk{margin-bottom:var(--pds-spacing-xxs)}.InputField__labelRequired___bTTTw{color:var(--red-900)}

package/InputField/cjs/style.production.css

@@ -1 +1 @@
-.UnXum{position:relative}._1Wl0O[type=search]::-ms-clear,._1Wl0O[type=search]::-ms-reveal{display:none;width:0;height:0}._1Wl0O[type=search]::-webkit-search-decoration,._1Wl0O[type=search]::-webkit-search-cancel-button,._1Wl0O[type=search]::-webkit-search-results-button,._1Wl0O[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.cUXq3{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.-TbcG{left:0}.QmiGS{right:0}._7Fcq2{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}._7Fcq2+._7Fcq2{margin-top:calc(var(--pds-spacing-xxs)/2)}
+.UnXum{position:relative}._1Wl0O[type=search]::-ms-clear,._1Wl0O[type=search]::-ms-reveal{display:none;width:0;height:0}._1Wl0O[type=search]::-webkit-search-decoration,._1Wl0O[type=search]::-webkit-search-cancel-button,._1Wl0O[type=search]::-webkit-search-results-button,._1Wl0O[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.cUXq3{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.-TbcG{left:0}.QmiGS{right:0}._7Fcq2{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}._7Fcq2+._7Fcq2{margin-top:calc(var(--pds-spacing-xxs)/2)}.uV711{margin-bottom:var(--pds-spacing-xxs)}.cxqrg{color:var(--red-900)}

package/InputField/cjs/style.production.v2.css

@@ -1 +1 @@
-.EVTeN{position:relative}.rfpBC[type=search]::-ms-clear,.rfpBC[type=search]::-ms-reveal{display:none;width:0;height:0}.rfpBC[type=search]::-webkit-search-decoration,.rfpBC[type=search]::-webkit-search-cancel-button,.rfpBC[type=search]::-webkit-search-results-button,.rfpBC[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.oqO-V{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.GeS6-{left:0}.Cl38-{right:0}.hSs8w{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}.hSs8w+.hSs8w{margin-top:calc(var(--pds-spacing-xxs)/2)}
+.EVTeN{position:relative}.rfpBC[type=search]::-ms-clear,.rfpBC[type=search]::-ms-reveal{display:none;width:0;height:0}.rfpBC[type=search]::-webkit-search-decoration,.rfpBC[type=search]::-webkit-search-cancel-button,.rfpBC[type=search]::-webkit-search-results-button,.rfpBC[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.oqO-V{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center}.GeS6-{left:0}.Cl38-{right:0}.hSs8w{margin-top:var(--pds-spacing-xxs);color:var(--red-900)}.hSs8w+.hSs8w{margin-top:calc(var(--pds-spacing-xxs)/2)}.bwxYk{margin-bottom:var(--pds-spacing-xxs)}.bTTTw{color:var(--red-900)}

package/InputField/index.d.ts

@@ -1,12 +1,16 @@
 import * as React from 'react';
 export declare type InputFieldProps = React.ComponentPropsWithRef<"input"> & {
+    /** Заголовок */
+    label?: string;
+    /** Ошибка */
+    error?: boolean | string | string[];
     /** Дополнение слева */
     addonBefore?: React.ReactNode;
     /** Дополнение справа */
     addonAfter?: ('togglePassword' | 'clearValue' | 'correctValue' | 'loading') & React.ReactNode;
     addonBeforeWidth?: string | number;
     addonAfterWidth?: string | number;
-    /** Ошибка */
-    error?: boolean | string | string[];
+    /** Добавляет красную звездочку заголовку */
+    isLabelRequired?: boolean;
 };
-export declare const InputField: React.ForwardRefExoticComponent<Pick<InputFieldProps, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "addonBefore" | "addonAfter" | "addonBeforeWidth" | "addonAfterWidth" | "error"> & React.RefAttributes<HTMLInputElement>>;
+export declare const InputField: React.ForwardRefExoticComponent<Pick<InputFieldProps, "label" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "addonBefore" | "addonAfter" | "addonBeforeWidth" | "addonAfterWidth" | "error" | "isLabelRequired"> & React.RefAttributes<HTMLInputElement>>;

package/InputField/package.json

@@ -1,12 +1,9 @@
 {
   "name": "@prom-ui/core/InputField",
-  "version": "0.0.120",
+  "version": "0.0.121",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
     "*.css"
-  ],
-  "dependencies": {
-    "classnames": "^2.3.1"
-  }
+  ]
 }

package/KeyPress/package.json

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

package/Line/package.json

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

package/Link/package.json

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

package/List/package.json

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

package/Media/package.json

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

package/OutsideClick/package.json

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

package/Overlay/package.json

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

package/Picture/package.json

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

package/PortableOverlay/package.json

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

package/Portal/package.json

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

package/QRCode/package.json

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

package/Rating/package.json

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

package/SafeQuery/package.json

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

package/Scroll/package.json

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

package/ScrollControls/package.json

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

package/SideOverlay/package.json

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

package/SimpleSlider/package.json

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

package/Skeleton/package.json

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

package/Spinner/package.json

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

package/Text/package.json

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

package/TextEmoji/package.json

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

package/Tooltip/package.json

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

package/Tumbler/package.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.120",
+  "version": "0.0.121",
   "description": "core ui blocks",
   "scripts": {
     "test": "jest",
@@ -63,5 +63,5 @@
       "optional": true
     }
   },
-  "gitHead": "094c5815274b933618050de431b4b88093216ce4"
+  "gitHead": "085957cd82a50ce8e5f9e0584972dab7880443b6"
 }