@prom-ui/core 1.2.0 → 1.3.0

package/Button/package.json

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

package/ButtonPageUp/package.json

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

package/Checkbox/package.json

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

package/Flex/package.json

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

package/Grid/package.json

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

package/Icon/package.json

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

package/Image/package.json

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

package/ImageEmoji/package.json

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

package/Input/package.json

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

package/InputField/addons/ErrorText.d.ts

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

package/InputField/cjs/index.development.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var Input = require('@prom-ui/core/Input');
+var useId = require('@prom-ui/core/useId');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
 var useBodyTTag = require('@prom-ui/core/useBodyTTag');
@@ -177,8 +178,10 @@ 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"};
 
 var ErrorText = function (_a) {
-  var children = _a.children;
+  var id = _a.id,
+    children = _a.children;
   return React__namespace.createElement("div", {
+    id: id,
     className: css.error,
     "data-qaid": 'input_field_error',
     "data-testid": 'input_field_error'
@@ -264,6 +267,23 @@ var useForwardRef = function (ref, initialValue) {
   }, [ref]);
   return targetRef;
 };
+var prepareErrorList = function (prefix, error) {
+  var result = [];
+  if (Array.isArray(error)) {
+    result = error.map(function (errorItem, index) {
+      return {
+        id: "".concat(prefix, "-error-").concat(index),
+        content: errorItem
+      };
+    });
+  } else if (typeof error === 'string') {
+    result = [{
+      id: "".concat(prefix, "-error-0"),
+      content: error
+    }];
+  }
+  return result;
+};
 
 var InputField = React__namespace.forwardRef(function (_a, ref) {
   var addonBefore = _a.addonBefore,
@@ -277,6 +297,7 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     label = _a.label,
     isLabelRequired = _a.isLabelRequired,
     props = __rest(_a, ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error", "label", "isLabelRequired"]);
+  var componentId = useId.useId();
   var isMounted = React__namespace.useRef(false);
   var isSkipOnFocus = React__namespace.useRef(false);
   var isSkipOnBlur = React__namespace.useRef(false);
@@ -346,10 +367,14 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
   } else {
     currentAddonAfter = addonAfter;
   }
+  var currentInputId = (props === null || props === void 0 ? void 0 : props.id) || componentId;
+  var currentErrorList = prepareErrorList(currentInputId, error);
   var isLabel = !!label;
   var isBefore = !!addonBefore;
   var isAfter = !!currentAddonAfter;
-  var isError = isNotEmptyArray(error) || !!error;
+  var isRenderError = isNotEmptyArray(currentErrorList);
+  var isInputError = isRenderError || error === true;
+  var isInputRequired = Boolean((props === null || props === void 0 ? void 0 : props.required) || isLabelRequired);
   return React__namespace.createElement("div", {
     className: props.className,
     style: props.style,
@@ -360,8 +385,8 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
   }, 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", {
+    htmlFor: currentInputId
+  }, label), isInputRequired && 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'
@@ -369,8 +394,15 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     className: css.root
   }, React__namespace.createElement(Input.Input, __assign({
     ref: inputRef,
-    "input-theme": isError ? 'red' : 'white'
+    "input-theme": isInputError ? 'red' : 'white',
+    "aria-invalid": isInputError,
+    "aria-required": isInputRequired,
+    "aria-describedby": isRenderError ? currentErrorList.map(function (_a) {
+      var id = _a.id;
+      return id;
+    }).join(' ') : undefined
   }, props, {
+    id: currentInputId,
     "data-qaid": 'input_field_textbox',
     "data-testid": 'input_field_textbox',
     style: {
@@ -405,11 +437,14 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     style: {
       width: addonAfterWidth
     }
-  }, currentAddonAfter)), isError && (Array.isArray(error) ? error.map(function (errorItem) {
+  }, currentAddonAfter)), isRenderError && currentErrorList.map(function (_a) {
+    var id = _a.id,
+      content = _a.content;
     return React__namespace.createElement(ErrorText, {
-      key: errorItem
-    }, errorItem);
-  }) : error === true ? null : React__namespace.createElement(ErrorText, null, error)));
+      key: id,
+      id: id
+    }, content);
+  }));
 });
 InputField.displayName = 'InputField';
 

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var Input = require('@prom-ui/core/Input');
+var useId = require('@prom-ui/core/useId');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
 var useBodyTTag = require('@prom-ui/core/useBodyTTag');
@@ -177,8 +178,10 @@ 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"};
 
 var ErrorText = function (_a) {
-  var children = _a.children;
+  var id = _a.id,
+    children = _a.children;
   return React__namespace.createElement("div", {
+    id: id,
     className: css.error,
     "data-qaid": 'input_field_error',
     "data-testid": 'input_field_error'
@@ -264,6 +267,23 @@ var useForwardRef = function (ref, initialValue) {
   }, [ref]);
   return targetRef;
 };
+var prepareErrorList = function (prefix, error) {
+  var result = [];
+  if (Array.isArray(error)) {
+    result = error.map(function (errorItem, index) {
+      return {
+        id: "".concat(prefix, "-error-").concat(index),
+        content: errorItem
+      };
+    });
+  } else if (typeof error === 'string') {
+    result = [{
+      id: "".concat(prefix, "-error-0"),
+      content: error
+    }];
+  }
+  return result;
+};
 
 var InputField = React__namespace.forwardRef(function (_a, ref) {
   var addonBefore = _a.addonBefore,
@@ -277,6 +297,7 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     label = _a.label,
     isLabelRequired = _a.isLabelRequired,
     props = __rest(_a, ["addonBefore", "addonAfter", "addonBeforeWidth", "addonAfterWidth", "error", "label", "isLabelRequired"]);
+  var componentId = useId.useId();
   var isMounted = React__namespace.useRef(false);
   var isSkipOnFocus = React__namespace.useRef(false);
   var isSkipOnBlur = React__namespace.useRef(false);
@@ -346,10 +367,14 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
   } else {
     currentAddonAfter = addonAfter;
   }
+  var currentInputId = (props === null || props === void 0 ? void 0 : props.id) || componentId;
+  var currentErrorList = prepareErrorList(currentInputId, error);
   var isLabel = !!label;
   var isBefore = !!addonBefore;
   var isAfter = !!currentAddonAfter;
-  var isError = isNotEmptyArray(error) || !!error;
+  var isRenderError = isNotEmptyArray(currentErrorList);
+  var isInputError = isRenderError || error === true;
+  var isInputRequired = Boolean((props === null || props === void 0 ? void 0 : props.required) || isLabelRequired);
   return React__namespace.createElement("div", {
     className: props.className,
     style: props.style,
@@ -360,8 +385,8 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
   }, 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", {
+    htmlFor: currentInputId
+  }, label), isInputRequired && 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'
@@ -369,8 +394,15 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     className: css.root
   }, React__namespace.createElement(Input.Input, __assign({
     ref: inputRef,
-    "input-theme": isError ? 'red' : 'white'
+    "input-theme": isInputError ? 'red' : 'white',
+    "aria-invalid": isInputError,
+    "aria-required": isInputRequired,
+    "aria-describedby": isRenderError ? currentErrorList.map(function (_a) {
+      var id = _a.id;
+      return id;
+    }).join(' ') : undefined
   }, props, {
+    id: currentInputId,
     "data-qaid": 'input_field_textbox',
     "data-testid": 'input_field_textbox',
     style: {
@@ -405,11 +437,14 @@ var InputField = React__namespace.forwardRef(function (_a, ref) {
     style: {
       width: addonAfterWidth
     }
-  }, currentAddonAfter)), isError && (Array.isArray(error) ? error.map(function (errorItem) {
+  }, currentAddonAfter)), isRenderError && currentErrorList.map(function (_a) {
+    var id = _a.id,
+      content = _a.content;
     return React__namespace.createElement(ErrorText, {
-      key: errorItem
-    }, errorItem);
-  }) : error === true ? null : React__namespace.createElement(ErrorText, null, error)));
+      key: id,
+      id: id
+    }, content);
+  }));
 });
 InputField.displayName = 'InputField';
 

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/core/useBodyTTag"),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&&"object"==typeof e&&"default"in e)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,b=function(e){var t=e.inputType,u=e.onChange,c=a.useBodyTTag().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}}))},g=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}})},_=function(e){var t=a.useBodyTTag().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 T(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 N=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),N=s.useRef(!1),S=function(e,t){void 0===t&&(t=null);var n=s.useRef(t);return s.useEffect((function(){return e&&("function"==typeof e?e(n.current):e.current=n.current),function(){}}),[e]),n}(n,null),k=s.useState(h.type),P=k[0],A=k[1],F=s.useState(C(h.value||h.defaultValue)),R=F[0],W=F[1];s.useEffect((function(){if(m.current){var e=C(h.value);e!==R&&W(e)}else m.current=!0}),[h.value]);var L=null;L="password"===h.type&&"togglePassword"===a?s.createElement(b,{inputType:P,onChange:function(e){return A(e)}}):"clearValue"===a?R?null:s.createElement(_,{onClick:function(e){var t;C(h.value)||h.onChange?S.current&&(W(!0),S.current.focus(),T(S.current,e,h.onChange),C(h.value)&&(S.current.value="")):null===(t=S.current)||void 0===t||t.focus()},onMouseEnter:function(){j.current=!0,N.current=!0},onTouchStart:function(){j.current=!0,N.current=!0},onMouseLeave:function(){j.current=!1,N.current=!1},onTouchEnd:function(){j.current=!1,N.current=!1}}):"correctValue"===a?s.createElement(y,null):"loading"===a?s.createElement(g,null):a;var V,M=!!p,U=!!r,X=!!L,G=(V=d,Array.isArray(V)&&V.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"},M&&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:S,"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:P,onFocus:function(e){!j.current&&h.onFocus&&h.onFocus(e),j.current=!1},onBlur:function(e){!N.current&&h.onBlur&&h.onBlur(e),N.current=!1},onChange:function(e){W(C(e.target.value)),T(e.currentTarget,e,h.onChange)}})),U&&s.createElement("div",{className:w,style:{width:o}},r),X&&s.createElement("div",{className:O,style:{width:c}},L)),G&&(Array.isArray(d)?d.map((function(e){return s.createElement(I,{key:e},e)})):!0===d?null:s.createElement(I,null,d)))}));N.displayName="InputField",exports.InputField=N,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/useId"),r=require("@prom-ui/core/Button"),i=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/useBodyTTag"),o=require("@prom-ui/icons/EyeOpen"),u=require("@prom-ui/icons/EyeClose"),c=require("@prom-ui/core/Spinner"),l=require("@prom-ui/icons/Ok"),d=require("@prom-ui/icons/Cancel");function s(e){if(e&&"object"==typeof e&&"default"in e)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=function(){return p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},p.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var m,h,b,y=function(e){var t=e.inputType,n=e.onChange,c=a.useBodyTTag().t;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:c(m||(m=v(["Скрыть пароль"],["Скрыть пароль"]))),tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},f.createElement(i.Icon,{"icon-as":o.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:c(h||(h=v(["Показать пароль"],["Показать пароль"]))),tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},f.createElement(i.Icon,{"icon-as":u.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},g=function(){return f.createElement(c.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},_=function(){return f.createElement(i.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}})},q=function(e){var t=a.useBodyTTag().t;return f.createElement(r.Button,p({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:t(b||(b=v(["Очистить"],["Очистить"]))),tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),f.createElement(i.Icon,{"icon-as":d.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},E="UnXum",w="_1Wl0O",O="-TbcG cUXq3",j="QmiGS cUXq3",I="_7Fcq2",B="uV711",x="cxqrg",T=function(e){var t=e.id,n=e.children;return f.createElement("div",{id:t,className:I,"data-qaid":"input_field_error","data-testid":"input_field_error"},n)};function C(e,t,n,r){if(n){var i=t;if("click"===t.type){var a=e.cloneNode(!0);return i=Object.create(t,{target:{value:a},currentTarget:{value:a}}),a.value="",void n(i)}if(void 0!==r)return i=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(i);n(i)}}function N(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var S=f.forwardRef((function(e,r){var i=e.addonBefore,a=e.addonAfter,o=e.addonBeforeWidth,u=void 0===o?40:o,c=e.addonAfterWidth,l=void 0===c?40:c,d=e.error,s=void 0!==d&&d,v=e.label,m=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 i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(e,["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"]),b=n.useId(),I=f.useRef(!1),S=f.useRef(!1),k=f.useRef(!1),P=function(e,t){void 0===t&&(t=null);var n=f.useRef(t);return f.useEffect((function(){return e&&("function"==typeof e?e(n.current):e.current=n.current),function(){}}),[e]),n}(r,null),A=f.useState(h.type),F=A[0],R=A[1],W=f.useState(N(h.value||h.defaultValue)),L=W[0],V=W[1];f.useEffect((function(){if(I.current){var e=N(h.value);e!==L&&V(e)}else I.current=!0}),[h.value]);var M=null;M="password"===h.type&&"togglePassword"===a?f.createElement(y,{inputType:F,onChange:function(e){return R(e)}}):"clearValue"===a?L?null:f.createElement(q,{onClick:function(e){var t;N(h.value)||h.onChange?P.current&&(V(!0),P.current.focus(),C(P.current,e,h.onChange),N(h.value)&&(P.current.value="")):null===(t=P.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?f.createElement(_,null):"loading"===a?f.createElement(g,null):a;var U,X=(null==h?void 0:h.id)||b,G=function(e,t){var n=[];return Array.isArray(t)?n=t.map((function(t,n){return{id:"".concat(e,"-error-").concat(n),content:t}})):"string"==typeof t&&(n=[{id:"".concat(e,"-error-0"),content:t}]),n}(X,s),z=!!v,D=!!i,Q=!!M,H=(U=G,Array.isArray(U)&&U.length>0),J=H||!0===s,K=Boolean((null==h?void 0:h.required)||m);return f.createElement("div",{className:h.className,style:h.style,"data-qaid":h["data-qaid"]||"input_field","data-testid":h["data-testid"]||"input_field"},z&&f.createElement("div",{className:B},f.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:X},v),K&&f.createElement(f.Fragment,null," ",f.createElement("span",{className:x,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),f.createElement("div",{className:E},f.createElement(t.Input,p({ref:P,"input-theme":J?"red":"white","aria-invalid":J,"aria-required":K,"aria-describedby":H?G.map((function(e){return e.id})).join(" "):void 0},h,{id:X,"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:D?u:void 0,paddingRight:Q?l:void 0},className:w,type:F,onFocus:function(e){!S.current&&h.onFocus&&h.onFocus(e),S.current=!1},onBlur:function(e){!k.current&&h.onBlur&&h.onBlur(e),k.current=!1},onChange:function(e){V(N(e.target.value)),C(e.currentTarget,e,h.onChange)}})),D&&f.createElement("div",{className:O,style:{width:u}},i),Q&&f.createElement("div",{className:j,style:{width:l}},M)),H&&G.map((function(e){var t=e.id,n=e.content;return f.createElement(T,{key:t,id:t},n)})))}));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/core/useBodyTTag"),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&&"object"==typeof e&&"default"in e)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,c=a.useBodyTTag().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}}))},y=function(){return s.createElement(u.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},g=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}})},_=function(e){var t=a.useBodyTTag().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":l.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",T="bwxYk",B="bTTTw",C=function(e){var t=e.children;return s.createElement("div",{className:j,"data-qaid":"input_field_error","data-testid":"input_field_error"},t)};function x(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 I(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var N=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"]),b=s.useRef(!1),j=s.useRef(!1),N=s.useRef(!1),S=function(e,t){void 0===t&&(t=null);var n=s.useRef(t);return s.useEffect((function(){return e&&("function"==typeof e?e(n.current):e.current=n.current),function(){}}),[e]),n}(n,null),k=s.useState(h.type),P=k[0],A=k[1],R=s.useState(I(h.value||h.defaultValue)),F=R[0],V=R[1];s.useEffect((function(){if(b.current){var e=I(h.value);e!==F&&V(e)}else b.current=!0}),[h.value]);var L=null;L="password"===h.type&&"togglePassword"===a?s.createElement(m,{inputType:P,onChange:function(e){return A(e)}}):"clearValue"===a?F?null:s.createElement(_,{onClick:function(e){var t;I(h.value)||h.onChange?S.current&&(V(!0),S.current.focus(),x(S.current,e,h.onChange),I(h.value)&&(S.current.value="")):null===(t=S.current)||void 0===t||t.focus()},onMouseEnter:function(){j.current=!0,N.current=!0},onTouchStart:function(){j.current=!0,N.current=!0},onMouseLeave:function(){j.current=!1,N.current=!1},onTouchEnd:function(){j.current=!1,N.current=!1}}):"correctValue"===a?s.createElement(g,null):"loading"===a?s.createElement(y,null):a;var W,M=!!p,z=!!r,D=!!L,G=(W=d,Array.isArray(W)&&W.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"},M&&s.createElement("div",{className:T},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:S,"input-theme":G?"red":"white"},h,{"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:z?o:void 0,paddingRight:D?c:void 0},className:w,type:P,onFocus:function(e){!j.current&&h.onFocus&&h.onFocus(e),j.current=!1},onBlur:function(e){!N.current&&h.onBlur&&h.onBlur(e),N.current=!1},onChange:function(e){V(I(e.target.value)),x(e.currentTarget,e,h.onChange)}})),z&&s.createElement("div",{className:O,style:{width:o}},r),D&&s.createElement("div",{className:q,style:{width:c}},L)),G&&(Array.isArray(d)?d.map((function(e){return s.createElement(C,{key:e},e)})):!0===d?null:s.createElement(C,null,d)))}));N.displayName="InputField",exports.InputField=N,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/useId"),r=require("@prom-ui/core/Button"),i=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/useBodyTTag"),o=require("@prom-ui/icons/EyeOpen"),u=require("@prom-ui/icons/EyeClose"),c=require("@prom-ui/core/Spinner"),l=require("@prom-ui/icons/Ok"),d=require("@prom-ui/icons/Cancel");function s(e){if(e&&"object"==typeof e&&"default"in e)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=function(){return p=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},p.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var h,b,m,y=function(e){var t=e.inputType,n=e.onChange,c=a.useBodyTTag().t;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:c(h||(h=v(["Скрыть пароль"],["Скрыть пароль"]))),tabIndex:-1,"data-qaid":"input_field_hide_password","data-testid":"input_field_hide_password"},f.createElement(i.Icon,{"icon-as":o.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:c(b||(b=v(["Показать пароль"],["Показать пароль"]))),tabIndex:-1,"data-qaid":"input_field_show_password","data-testid":"input_field_show_password"},f.createElement(i.Icon,{"icon-as":u.SvgEyeClose,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},g=function(){return f.createElement(c.Spinner,{"spinner-color":"violet-500",width:16,height:16,"data-qaid":"input_field_loading","data-testid":"input_field_loading"})},_=function(){return f.createElement(i.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}})},E=function(e){var t=a.useBodyTTag().t;return f.createElement(r.Button,p({type:"button","button-height":"1-1","button-width":"1-1","button-padding":"none",title:t(m||(m=v(["Очистить"],["Очистить"]))),tabIndex:-1,"data-qaid":"input_field_clear_value","data-testid":"input_field_clear_value"},e),f.createElement(i.Icon,{"icon-as":d.SvgCancel,"icon-color":"black-600","icon-events":"none",style:{width:16,height:16}}))},q="EVTeN",w="rfpBC",O="GeS6- oqO-V",j="Cl38- oqO-V",T="hSs8w",B="bwxYk",I="bTTTw",C=function(e){var t=e.id,n=e.children;return f.createElement("div",{id:t,className:T,"data-qaid":"input_field_error","data-testid":"input_field_error"},n)};function x(e,t,n,r){if(n){var i=t;if("click"===t.type){var a=e.cloneNode(!0);return i=Object.create(t,{target:{value:a},currentTarget:{value:a}}),a.value="",void n(i)}if(void 0!==r)return i=Object.create(t,{target:{value:e},currentTarget:{value:e}}),e.value=r,void n(i);n(i)}}function N(e){return function(e){return Number.isInteger(e)||e?"".concat(e):""}(e).length<=0}var S=f.forwardRef((function(e,r){var i=e.addonBefore,a=e.addonAfter,o=e.addonBeforeWidth,u=void 0===o?40:o,c=e.addonAfterWidth,l=void 0===c?40:c,d=e.error,s=void 0!==d&&d,v=e.label,h=e.isLabelRequired,b=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 i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(e,["addonBefore","addonAfter","addonBeforeWidth","addonAfterWidth","error","label","isLabelRequired"]),m=n.useId(),T=f.useRef(!1),S=f.useRef(!1),k=f.useRef(!1),P=function(e,t){void 0===t&&(t=null);var n=f.useRef(t);return f.useEffect((function(){return e&&("function"==typeof e?e(n.current):e.current=n.current),function(){}}),[e]),n}(r,null),A=f.useState(b.type),R=A[0],F=A[1],V=f.useState(N(b.value||b.defaultValue)),L=V[0],W=V[1];f.useEffect((function(){if(T.current){var e=N(b.value);e!==L&&W(e)}else T.current=!0}),[b.value]);var M=null;M="password"===b.type&&"togglePassword"===a?f.createElement(y,{inputType:R,onChange:function(e){return F(e)}}):"clearValue"===a?L?null:f.createElement(E,{onClick:function(e){var t;N(b.value)||b.onChange?P.current&&(W(!0),P.current.focus(),x(P.current,e,b.onChange),N(b.value)&&(P.current.value="")):null===(t=P.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?f.createElement(_,null):"loading"===a?f.createElement(g,null):a;var z,D=(null==b?void 0:b.id)||m,G=function(e,t){var n=[];return Array.isArray(t)?n=t.map((function(t,n){return{id:"".concat(e,"-error-").concat(n),content:t}})):"string"==typeof t&&(n=[{id:"".concat(e,"-error-0"),content:t}]),n}(D,s),Y=!!v,H=!!i,J=!!M,K=(z=G,Array.isArray(z)&&z.length>0),Q=K||!0===s,U=Boolean((null==b?void 0:b.required)||h);return f.createElement("div",{className:b.className,style:b.style,"data-qaid":b["data-qaid"]||"input_field","data-testid":b["data-testid"]||"input_field"},Y&&f.createElement("div",{className:B},f.createElement("label",{"data-qaid":"input_field_label","data-testid":"input_field_label",htmlFor:D},v),U&&f.createElement(f.Fragment,null," ",f.createElement("span",{className:I,"data-qaid":"input_field_label_required","data-testid":"input_field_label_required"},"*"))),f.createElement("div",{className:q},f.createElement(t.Input,p({ref:P,"input-theme":Q?"red":"white","aria-invalid":Q,"aria-required":U,"aria-describedby":K?G.map((function(e){return e.id})).join(" "):void 0},b,{id:D,"data-qaid":"input_field_textbox","data-testid":"input_field_textbox",style:{paddingLeft:H?u:void 0,paddingRight:J?l:void 0},className:w,type:R,onFocus:function(e){!S.current&&b.onFocus&&b.onFocus(e),S.current=!1},onBlur:function(e){!k.current&&b.onBlur&&b.onBlur(e),k.current=!1},onChange:function(e){W(N(e.target.value)),x(e.currentTarget,e,b.onChange)}})),H&&f.createElement("div",{className:O,style:{width:u}},i),J&&f.createElement("div",{className:j,style:{width:l}},M)),K&&G.map((function(e){var t=e.id,n=e.content;return f.createElement(C,{key:t,id:t},n)})))}));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": "1.2.0",
+  "version": "1.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/InputField/utils.d.ts

@@ -4,3 +4,7 @@ export declare function valueToString<T>(value?: T): string;
 export declare function isNotEmptyArray<T>(arr?: T | T[]): boolean;
 export declare function getIsValueEmpty<T>(value: T): boolean;
 export declare const useForwardRef: <T>(ref: React.ForwardedRef<T>, initialValue?: any) => React.MutableRefObject<T>;
+export declare const prepareErrorList: (prefix: string, error: boolean | string | string[]) => {
+    id: string;
+    content: string;
+}[];

package/KeyPress/package.json

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

package/Line/package.json

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

package/Link/package.json

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

package/List/package.json

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

package/Media/package.json

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

package/OutsideClick/package.json

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

package/Overlay/package.json

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

package/Picture/package.json

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

package/Portal/package.json

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

package/QRCode/package.json

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

package/Rating/package.json

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

package/RatingSelect/package.json

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

package/SafeQuery/package.json

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

package/Scroll/package.json

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

package/ScrollControls/package.json

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

package/SimpleSlider/cjs/index.development.js

@@ -173,8 +173,8 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     }),
     position = _m[0],
     setPosition = _m[1];
-  var childrenCount = React__namespace.Children.count(children);
   var childrenArray = React__namespace.Children.toArray(children);
+  var childrenCount = childrenArray.length;
   var isDisablePrev = !infinite && position.index === 0;
   var isDisableNext = !infinite && position.index === childrenCount - 1;
   var isShowNavi = childrenCount > 1;
@@ -339,7 +339,8 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
       childrenCount: infinite ? childrenCount + 2 : childrenCount,
       duration: duration,
       offset: position.offset
-    })
+    }),
+    "data-testid": 'simple_slider_track'
   }, infinite && React__namespace.createElement("li", {
     className: css.trackItem
   }, childrenArray[childrenArray.length - 1]), childrenArray.map(function (child, index) {

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

@@ -173,8 +173,8 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     }),
     position = _m[0],
     setPosition = _m[1];
-  var childrenCount = React__namespace.Children.count(children);
   var childrenArray = React__namespace.Children.toArray(children);
+  var childrenCount = childrenArray.length;
   var isDisablePrev = !infinite && position.index === 0;
   var isDisableNext = !infinite && position.index === childrenCount - 1;
   var isShowNavi = childrenCount > 1;
@@ -339,7 +339,8 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
       childrenCount: infinite ? childrenCount + 2 : childrenCount,
       duration: duration,
       offset: position.offset
-    })
+    }),
+    "data-testid": 'simple_slider_track'
   }, infinite && React__namespace.createElement("li", {
     className: css.trackItem
   }, childrenArray[childrenArray.length - 1]), childrenArray.map(function (child, index) {