intelicoreact 0.2.80 → 0.2.83

package/dist/Atomic/FormElements/Calendar/Calendar.js

@@ -39,7 +39,8 @@ function _default(props) {
       allowNext = _props$allowNext === void 0 ? true : _props$allowNext,
       params = props.params,
       className = props.className,
-      isListTop = props.isListTop; // const { minDate = '01/01/1900', maxDate = moment().format('MM/DD/YYYY') } = params;
+      isListTop = props.isListTop,
+      testId = props.testId; // const { minDate = '01/01/1900', maxDate = moment().format('MM/DD/YYYY') } = params;
 
   var format = params.format,
       minDate = params.minDate,
@@ -164,13 +165,15 @@ function _default(props) {
     }
   }, [isChangeYear]);
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "calendar--key-".concat(testId, "--container"),
     className: (0, _classnames.default)('calendar', className, {
       'calendar_list-top': isListTop
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "calendar-header"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "calendar-header__prev"
+    className: "calendar-header__prev",
+    "data-testid": "calendar--key-".concat(testId, "--prevArrow")
   }, isShovPrevArrow && /*#__PURE__*/_react.default.createElement("div", {
     onClick: handlePrev
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronLeft, null))), /*#__PURE__*/_react.default.createElement("div", {
@@ -200,6 +203,7 @@ function _default(props) {
       return setInputYearValue(e.target.value);
     }
   }) : "".concat(showYear))), /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "calendar--key-".concat(testId, "--nextArrow"),
     className: "calendar-header__next"
   }, isShovNextArrow && /*#__PURE__*/_react.default.createElement("div", {
     onClick: handleNext

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js

@@ -27,7 +27,9 @@ var CheckboxInput = function CheckboxInput(_ref) {
       _onChange = _ref.onChange,
       disabled = _ref.disabled,
       className = _ref.className,
-      isStark = _ref.isStark;
+      isStark = _ref.isStark,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? '' : _ref$testId;
   return /*#__PURE__*/_react.default.createElement("label", {
     className: (0, _classnames.default)('checkbox-input', className, (0, _defineProperty2.default)({}, "checkbox-input_disabled", disabled)),
     htmlFor: id
@@ -45,7 +47,8 @@ var CheckboxInput = function CheckboxInput(_ref) {
     disabled: disabled,
     ref: function ref(elem) {
       if (elem) elem.indeterminate = isStark;
-    }
+    },
+    "data-testid": "checkbox--input--".concat(testId)
   })), /*#__PURE__*/_react.default.createElement("span", {
     className: "checkbox-input__mark"
   })), label && /*#__PURE__*/_react.default.createElement("div", {

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -179,11 +179,11 @@ var Dropdown = function Dropdown(_ref) {
 
   var depend = getDepends(modalBtnTrigger);
 
-  var getMarkupForElement = function getMarkupForElement(item) {
+  var getMarkupForElement = function getMarkupForElement(item, index, optTestId) {
     var _item$label2, _item$label2$toLowerC, _item$label2$toLowerC2, _item$label2$toLowerC3, _searchValue$toLowerC;
 
     return item !== null && item !== void 0 && (_item$label2 = item.label) !== null && _item$label2 !== void 0 && (_item$label2$toLowerC = _item$label2.toLowerCase) !== null && _item$label2$toLowerC !== void 0 && (_item$label2$toLowerC2 = _item$label2$toLowerC.call(_item$label2)) !== null && _item$label2$toLowerC2 !== void 0 && (_item$label2$toLowerC3 = _item$label2$toLowerC2.includes) !== null && _item$label2$toLowerC3 !== void 0 && _item$label2$toLowerC3.call(_item$label2$toLowerC2, (searchValue === null || searchValue === void 0 ? void 0 : (_searchValue$toLowerC = searchValue.toLowerCase) === null || _searchValue$toLowerC === void 0 ? void 0 : _searchValue$toLowerC.call(searchValue)) || '') ? /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "".concat(testId || 'dropdown-option', "-").concat((item === null || item === void 0 ? void 0 : item.key) || 'item'),
+      "data-testid": "dropdown--".concat(optTestId || index, "--key-").concat((item === null || item === void 0 ? void 0 : item.key) || 'item', "--option"),
       key: item.value,
       onClick: function onClick() {
         return depend.onChange(item);
@@ -207,8 +207,8 @@ var Dropdown = function Dropdown(_ref) {
       className: "".concat(RC, "-group")
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(RC, "-group__name")
-    }, filteredOption.label), filteredOption.items.map(function (el) {
-      return getMarkupForElement(el);
+    }, filteredOption.label), filteredOption.items.map(function (el, index) {
+      return getMarkupForElement(el, index, el === null || el === void 0 ? void 0 : el.testId);
     })) : null;
   };
 
@@ -272,7 +272,7 @@ var Dropdown = function Dropdown(_ref) {
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp
   }, /*#__PURE__*/_react.default.createElement("button", {
-    "data-testid": testId || 'dropdown-test-id',
+    "data-testid": "dropdown--".concat(testId || '', "--container"),
     className: "".concat(RC, "__trigger input__wrap ").concat(isOpen ? 'input__wrap--focus' : '', " ").concat(!value ? 'placeholder' : '', " ").concat(error ? 'error' : ''),
     onClick: function onClick() {
       return !isSearchable ? setIsOpen(!isOpen) : null;

package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js

@@ -47,6 +47,7 @@ var InputCalendar = function InputCalendar(_ref) {
       disabled = _ref.disabled,
       _ref$disabledFormatte = _ref.disabledFormattedMaxDate,
       disabledFormattedMaxDate = _ref$disabledFormatte === void 0 ? false : _ref$disabledFormatte,
+      testId = _ref.testId,
       _ref$onKeyDown = _ref.onKeyDown,
       onKeyDownProp = _ref$onKeyDown === void 0 ? function (e) {} : _ref$onKeyDown,
       _ref$onKeyUp = _ref.onKeyUp,
@@ -130,6 +131,7 @@ var InputCalendar = function InputCalendar(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "inputCalendar--key-".concat(testId, "--container"),
     className: (0, _classnames.default)('input__wrap calendar-container', className, {
       'calendar-container_disabled': disabled
     }),
@@ -150,6 +152,7 @@ var InputCalendar = function InputCalendar(_ref) {
     onBlur: onBlurProp,
     ref: inputRef
   }), isOpened ? /*#__PURE__*/_react.default.createElement(_Calendar.default, {
+    testId: testId,
     date: getCalendarValue(value),
     setDate: function setDate(newDate) {
       return changeCalendarDay(newDate);

package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js

@@ -56,6 +56,7 @@ var InputDateRange = function InputDateRange(props) {
       hideArrows = _props$hideArrows === void 0 ? false : _props$hideArrows,
       isOptionsRight = props.isOptionsRight,
       isUseAbs = props.isUseAbs,
+      testId = props.testId,
       _props$minDate = props.minDate,
       minDate = _props$minDate === void 0 ? null : _props$minDate,
       _props$maxDate = props.maxDate,
@@ -204,6 +205,7 @@ var InputDateRange = function InputDateRange(props) {
     className: (0, _classnames.default)('date-range-input__static-part')
   }, /*#__PURE__*/_react.default.createElement("button", {
     id: id,
+    "data-testid": "inputDateRange--button-".concat(testId, "--toggleContainer"),
     className: (0, _classnames.default)('date-range-input__toggle-button'),
     disabled: disabled,
     onClick: !disabled && !isHoverable ? toggle : undefined
@@ -214,6 +216,7 @@ var InputDateRange = function InputDateRange(props) {
   }, /*#__PURE__*/_react.default.createElement(Range, null))), !isCompact && !hideArrows && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('date-range-input__arrows-block')
   }, /*#__PURE__*/_react.default.createElement(_Arrow.default, {
+    testId: testId,
     type: "left",
     className: "date-range-input__arrow",
     onClick: function onClick() {
@@ -221,6 +224,7 @@ var InputDateRange = function InputDateRange(props) {
     },
     disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || formatedMinDate && (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start).subtract((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, 'hours'), 'hours').isBefore(momentMinDate)
   }), /*#__PURE__*/_react.default.createElement(_Arrow.default, {
+    testId: testId,
     type: "right",
     className: "date-range-input__arrow",
     onClick: function onClick() {
@@ -228,6 +232,7 @@ var InputDateRange = function InputDateRange(props) {
     },
     disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || !isDontLimitFuture && (formatedMaxDate ? (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).endOf('day').subtract((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, 'hours'), 'hours').isAfter(momentMaxDate.startOf('day')) : (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).add((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, 'hours'), 'hours').isAfter((0, _momentTimezone.default)().add(1, 'day').startOf('day')))
   }))), isToggled && !isUseAbs && /*#__PURE__*/_react.default.createElement(_OpenedPart.default, (0, _extends2.default)({}, props, {
+    testId: testId,
     ref: internalContainerRef,
     actualValues: actualValues,
     current: current,

package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js

@@ -73,7 +73,8 @@ var Datepicker = function Datepicker(props) {
       momentMinDate = props.momentMinDate,
       momentMaxDate = props.momentMaxDate,
       isDontLimitFuture = props.isDontLimitFuture,
-      format = props.format;
+      format = props.format,
+      testId = props.testId;
   var _values$start = values.start,
       start = _values$start === void 0 ? null : _values$start,
       _values$end = values.end,
@@ -417,10 +418,12 @@ var Datepicker = function Datepicker(props) {
     onBlur: handleStartDateBlur,
     onKeyUp: function onKeyUp(code, e) {
       return handleKeyPressed(code, e, 'start');
-    } //ref={startDateInputRef}
+    },
+    "data-testid": "datePicker--input-".concat(testId, "--startDate") //ref={startDateInputRef}
     // mask={moment(startDate).format('L').replace(/[0-9]/g, '9')}
 
   }), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
+    testId: testId,
     dataTest: "datepicker_start-hour-select-input",
     className: (0, _classnames.default)('date-picker__hour-select-input'),
     onChange: function onChange(value) {
@@ -446,9 +449,11 @@ var Datepicker = function Datepicker(props) {
     onBlur: handleEndDateBlur,
     onKeyUp: function onKeyUp(code, e) {
       return handleKeyPressed(code, e, 'end');
-    } //ref={endDateInputRef}
+    },
+    "data-testid": "datePicker--input-".concat(testId, "--endDate") //ref={endDateInputRef}
 
   }), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
+    testId: testId,
     dataTest: "datepicker_end-hour-select-input",
     className: (0, _classnames.default)('date-picker__hour-select-input'),
     onChange: function onChange(value) {
@@ -465,6 +470,7 @@ var Datepicker = function Datepicker(props) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "date-picker__calendars-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, {
+    testId: testId,
     className: "date-picker__calendar",
     date: date1,
     setDate: setDate1,

package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js

@@ -67,7 +67,8 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       momentMinDate = props.momentMinDate,
       momentMaxDate = props.momentMaxDate,
       isDontLimitFuture = props.isDontLimitFuture,
-      isListTop = props.isListTop;
+      isListTop = props.isListTop,
+      testId = props.testId;
 
   var boxRef = (0, _react.useRef)();
 
@@ -137,6 +138,7 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var _intervals$item, _intervals$item2, _intervals$item2$star, _intervals$item2$star2, _intervals$item2$star3;
 
     return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
+      testId: testId,
       key: index,
       item: item,
       label: (txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals$item = _dependencies.INTERVALS[item]) === null || _intervals$item === void 0 ? void 0 : _intervals$item.label) || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item),
@@ -147,6 +149,7 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       disabled: item === _dependencies.CUSTOM_INTERVAL_KEY || minDate && ((_intervals$item2 = _dependencies.INTERVALS[item]) === null || _intervals$item2 === void 0 ? void 0 : (_intervals$item2$star = _intervals$item2.start) === null || _intervals$item2$star === void 0 ? void 0 : (_intervals$item2$star2 = _intervals$item2$star.call(_intervals$item2)) === null || _intervals$item2$star2 === void 0 ? void 0 : (_intervals$item2$star3 = _intervals$item2$star2.isBefore) === null || _intervals$item2$star3 === void 0 ? void 0 : _intervals$item2$star3.call(_intervals$item2$star2, momentMinDate))
     });
   })), !isCompact && /*#__PURE__*/_react.default.createElement(_Datepicker.default, {
+    testId: testId,
     className: (0, _classnames.default)('opened-part__date-picker'),
     buttonsTypes: buttonsTypes,
     values: actualValues,

package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js

@@ -17,7 +17,8 @@ var SelectItem = function SelectItem(_ref) {
       isActive = _ref.isActive,
       onItemClick = _ref.onItemClick,
       onMouseEnter = _ref.onMouseEnter,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      testId = _ref.testId;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('opened-part__intervals-item', {
       'opened-part__intervals-item_active': isActive,
@@ -25,7 +26,8 @@ var SelectItem = function SelectItem(_ref) {
     }),
     onClick: onItemClick,
     onMouseEnter: onMouseEnter,
-    "data-item": item
+    "data-item": item,
+    "data-testid": "selectItem--key-".concat(testId, "--label-").concat(label)
   }, isActive && /*#__PURE__*/_react.default.createElement("svg", {
     className: (0, _classnames.default)('opened-part__intervals-item-icon-active'),
     width: "16",

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -51,6 +51,7 @@ var NumericInput = function NumericInput(_ref) {
       value = _ref.value,
       placeholder = _ref.placeholder,
       className = _ref.className,
+      testId = _ref.testId,
       _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$onBlur = _ref.onBlur,
@@ -281,12 +282,14 @@ var NumericInput = function NumericInput(_ref) {
     } : {});
 
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, uniProps, {
+      "data-testid": "input--".concat(testId),
       value: (0, _fieldValueFormatters.formatToAddBitDepthPoints)((0, _fieldValueFormatters.formatToRemoveComa)(value)),
       ref: inputRef,
       type: "text"
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "input__nums"
     }, /*#__PURE__*/_react.default.createElement("button", {
+      "data-testid": "input--button--".concat(testId, "--minus"),
       ref: decRef,
       className: (0, _classnames.default)('input__num-btn', {
         'events-none': +value <= min
@@ -299,6 +302,7 @@ var NumericInput = function NumericInput(_ref) {
         disabled: +value <= min
       })
     })), /*#__PURE__*/_react.default.createElement("button", {
+      "data-testid": "input--button--".concat(testId, "--plus"),
       ref: incRef,
       className: (0, _classnames.default)('input__num-btn', {
         'events-none': +value >= max

package/dist/Atomic/FormElements/RadioInput/RadioInput.js

@@ -25,18 +25,19 @@ var RadioInput = function RadioInput(_ref) {
       disabled = _ref.disabled,
       className = _ref.className,
       value = _ref.value,
-      testId = _ref.testId,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? '' : _ref$testId,
       _ref$onChange = _ref.onChange,
       _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
 
   return /*#__PURE__*/_react.default.createElement("label", {
-    "data-testid": testId ? "test-radio-input--".concat(testId) : 'test-radio-input',
     className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled)),
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__input"), (0, _defineProperty2.default)({}, "".concat(RC, "__input--checked"), checked === value))
   }, /*#__PURE__*/_react.default.createElement("input", {
     id: id,
+    "data-testid": "radio--input--".concat(testId || id),
     type: "radio",
     checked: checked === value,
     className: "".concat(RC, "__radio"),

package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js

@@ -49,7 +49,8 @@ var RangeCalendar = function RangeCalendar(props) {
       maxDate = props.maxDate,
       momentMinDate = props.momentMinDate,
       momentMaxDate = props.momentMaxDate,
-      isDontLimitFuture = props.isDontLimitFuture;
+      isDontLimitFuture = props.isDontLimitFuture,
+      testId = props.testId;
 
   var _useState = (0, _react.useState)({}),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -136,10 +137,12 @@ var RangeCalendar = function RangeCalendar(props) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('range-calendar', className)
+    className: (0, _classnames.default)('range-calendar', className),
+    "data-testid": "calendar--".concat(testId, "--container")
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "range-calendar-header"
   }, /*#__PURE__*/_react.default.createElement(_Arrow.default, {
+    testId: testId,
     type: "left",
     disabled: !allowPrev || minDate && (0, _momentTimezone.default)(date).startOf('month').isSameOrBefore(momentMinDate, 'months'),
     onClick: handlePrev,
@@ -147,6 +150,7 @@ var RangeCalendar = function RangeCalendar(props) {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "range-calendar-header__title"
   }, title), /*#__PURE__*/_react.default.createElement(_Arrow.default, {
+    testId: testId,
     type: "right",
     disabled: !allowNext || !isDontLimitFuture && (0, _momentTimezone.default)(date).startOf('month').isSameOrAfter(maxDate ? momentMaxDate : (0, _momentTimezone.default)().add(1, 'day').startOf('day'), 'months'),
     onClick: handleNext,

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js

@@ -15,6 +15,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactFeather = require("react-feather");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
 
 require("./RangeSlider.scss");
@@ -27,7 +29,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function RangeSlider(_ref) {
   var _value$from, _value$to;
 
-  var _ref$min = _ref.min,
+  var required = _ref.required,
+      noTrack = _ref.noTrack,
+      _ref$min = _ref.min,
       min = _ref$min === void 0 ? 0 : _ref$min,
       _ref$max = _ref.max,
       max = _ref$max === void 0 ? 100 : _ref$max,
@@ -61,6 +65,10 @@ function RangeSlider(_ref) {
   var fromTriggerRef = (0, _react.useRef)(0);
   var toTriggerRef = (0, _react.useRef)(0);
 
+  var prepareValue = function prepareValue(value) {
+    return parseInt(parseFloat(value) * Math.pow(10, precision)) / Math.pow(10, precision);
+  };
+
   var _useState5 = (0, _react.useState)((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : min),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       from = _useState6[0],
@@ -128,11 +136,20 @@ function RangeSlider(_ref) {
       extremumWidth = _useState26[0],
       setExtremumWidth = _useState26[1];
 
+  (0, _react.useLayoutEffect)(function () {
+    setFromValue(value.from);
+    setToValue(value.to);
+  }, [value]);
+
   var resetRange = function resetRange() {
     setFrom(min);
     setTo(max);
   };
 
+  var getTrackXByPoints = function getTrackXByPoints(pts) {
+    return (pts - min) / pointsPerPx;
+  };
+
   var getRangeWidth = function getRangeWidth() {
     return getTrackXByPoints(to) - getTrackXByPoints(from);
   };
@@ -149,14 +166,6 @@ function RangeSlider(_ref) {
     return (x - trackPosition) * pointsPerPx + min;
   };
 
-  var getTrackXByPoints = function getTrackXByPoints(pts) {
-    return (pts - min) / pointsPerPx;
-  };
-
-  var prepareValue = function prepareValue(value) {
-    return parseInt(parseFloat(value) * Math.pow(10, precision)) / Math.pow(10, precision);
-  };
-
   var onRangeChange = function onRangeChange(type, value) {
     var validate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     if (validate) value = prepareValue(value);
@@ -291,7 +300,9 @@ function RangeSlider(_ref) {
   var renderLabel = function renderLabel() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header__label"
-    }, label);
+    }, label, required && /*#__PURE__*/_react.default.createElement("span", {
+      className: "label_isRequired"
+    }, "*"));
   };
 
   var renderSelectedRange = function renderSelectedRange() {
@@ -378,7 +389,9 @@ function RangeSlider(_ref) {
 
   var renderTrack = function renderTrack() {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: "range-slider__track",
+      className: (0, _classnames.default)('range-slider__track', {
+        hidden: noTrack
+      }),
       ref: trackRef
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__track__line"

package/dist/Atomic/FormElements/Switcher/Switcher.js

@@ -27,10 +27,12 @@ var Switcher = function Switcher(_ref) {
       onChange = _ref.onChange,
       isLabelBold = _ref.isLabelBold,
       hint = _ref.hint,
-      hintSide = _ref.hintSide;
+      hintSide = _ref.hintSide,
+      testId = _ref.testId;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled))
   }, /*#__PURE__*/_react.default.createElement("button", {
+    "data-testid": "".concat(testId, "--button"),
     className: (0, _classnames.default)("".concat(RC, "__button")),
     onClick: function onClick() {
       return onChange(!isActive);

package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js

@@ -37,11 +37,13 @@ var SwitcherHide = function SwitcherHide(_ref) {
       hintSide = _ref.hintSide,
       disabled = _ref.disabled,
       _ref$onChange = _ref.onChange,
-      _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+      _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      testId = _ref.testId;
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_closed"), !isActive), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn))
   }, /*#__PURE__*/_react.default.createElement(_Switcher.default, {
+    testId: testId,
     className: "".concat(RC, "__switcher"),
     hintSide: hintSide,
     label: label,

package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js

@@ -42,7 +42,9 @@ var SwitcherRadio = function SwitcherRadio(_ref) {
       _ref$isActive = _ref.isActive,
       isActive = _ref$isActive === void 0 ? true : _ref$isActive,
       _ref$setIsActive = _ref.setIsActive,
-      setIsActive = _ref$setIsActive === void 0 ? function () {} : _ref$setIsActive;
+      setIsActive = _ref$setIsActive === void 0 ? function () {} : _ref$setIsActive,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? '' : _ref$testId;
 
   var safelyValue = value || (options === null || options === void 0 ? void 0 : (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || '';
 
@@ -63,6 +65,7 @@ var SwitcherRadio = function SwitcherRadio(_ref) {
 
   var renderSwitcher = function renderSwitcher(body) {
     return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
+      testId: "switcher-radio--".concat(testId),
       isActive: isActive,
       label: label,
       hint: hint,

package/dist/Atomic/UI/Alert/Alert.js

@@ -26,12 +26,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var Alert = function Alert(_ref) {
   var message = _ref.message,
       icon = _ref.icon,
-      variant = _ref.variant,
       className = _ref.className,
       children = _ref.children,
       noDismiss = _ref.noDismiss,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'test-alert' : _ref$testId;
+      testId = _ref.testId,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'warning' : _ref$variant;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -39,10 +39,10 @@ var Alert = function Alert(_ref) {
       setOnClose = _useState2[1];
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
+    "data-testid": "alert--key-".concat(testId, "--varint-").concat(variant),
     className: (0, _classnames.default)(className, {
       hidden: onClose
-    }, "alert alert--".concat(variant || 'warning'))
+    }, "alert alert--".concat(variant))
   }, icon, /*#__PURE__*/_react.default.createElement("div", null, children || message), !noDismiss && /*#__PURE__*/_react.default.createElement("div", {
     className: "alert__close-btn"
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {

package/dist/Atomic/UI/Arrow/Arrow.js

@@ -27,7 +27,8 @@ var Arrow = function Arrow(_ref) {
   var type = _ref.type,
       className = _ref.className,
       onClick = _ref.onClick,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      testId = _ref.testId;
   if (!type || type !== 'left' && type !== 'right') return null;
   var ref = (0, _react.useRef)();
 
@@ -42,6 +43,7 @@ var Arrow = function Arrow(_ref) {
     }
   }, [ref.current]);
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "arrow--key-".concat(testId, "--type-").concat(type),
     ref: ref,
     className: (0, _classnames.default)('arrow', "arrow_".concat(type), className, {
       arrow_disabled: disabled

package/dist/Atomic/UI/Button/Button.js

@@ -29,17 +29,17 @@ var Button = function Button(_ref) {
       style = _ref.style,
       noIcon = _ref.noIcon,
       isIconRight = _ref.isIconRight,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? '' : _ref$testId,
+      _ref$textTestId = _ref.textTestId,
+      textTestId = _ref$textTestId === void 0 ? '' : _ref$textTestId,
       _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
       _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'button' : _ref$testId,
-      _ref$textTestId = _ref.textTestId,
-      textTestId = _ref$textTestId === void 0 ? 'button-text' : _ref$textTestId;
+      variant = _ref$variant === void 0 ? 'primary' : _ref$variant;
   var noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';
   return /*#__PURE__*/_react.default.createElement("button", {
-    "data-testid": "".concat(testId, "-").concat(tabIndex),
+    "data-testid": "button--".concat(testId, "-").concat(tabIndex),
     tabIndex: tabIndex,
     style: style,
     className: (0, _classnames.default)(className, RC, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_").concat(variant), variant), (0, _defineProperty2.default)(_cn, 'button_icon-left', icon && !isIconRight), (0, _defineProperty2.default)(_cn, 'button_icon-right', icon && isIconRight), _cn)),
@@ -47,7 +47,7 @@ var Button = function Button(_ref) {
     disabled: disabled
   }, !noRenderIcon && icon, label && /*#__PURE__*/_react.default.createElement("div", {
     className: "button__text",
-    "data-testid": textTestId
+    "data-testid": "button--".concat(textTestId, "--label")
   }, label), !label && children ? children : null);
 };
 

package/dist/Atomic/UI/DoubleString/DoubleString.js

@@ -18,14 +18,16 @@ var RC = 'double-string';
 var DoubleString = function DoubleString(_ref) {
   var value = _ref.value,
       description = _ref.description,
-      className = _ref.className;
+      className = _ref.className,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? '' : _ref$testId;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
   }, /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": 'test-doublestring-value',
+    "data-testid": "doubleString--".concat(testId, "--value"),
     className: (0, _classnames.default)("".concat(RC, "__value"))
   }, value), /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": 'test-doublestring-description',
+    "data-testid": "doubleString--".concat(description, "--value"),
     className: (0, _classnames.default)("".concat(RC, "__description"))
   }, description));
 };

package/dist/Atomic/UI/UserBox/UserBox.js

@@ -27,19 +27,19 @@ var UserBox = function UserBox(_ref) {
       isModal = _ref.isModal,
       className = _ref.className,
       colors = _ref.colors,
-      testId = _ref.testId;
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? '' : _ref$testId;
   var getNameFirstLetter = name.charAt(0).toUpperCase();
 
   var renderUser = function renderUser() {
     if (isModal) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        "data-testid": "userbox-".concat(testId, "-").concat(id) || "userbox-default-".concat(id),
         style: {
           backgroundColor: (0, _utils.getColorById)(id, colors)
         },
         className: "td-user-box__avatar"
       }, getNameFirstLetter), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        "data-testid": "userbox-button-".concat(testId) || "userbox-button-default-".concat(id),
+        "data-testid": "userbox--button-".concat(testId || id),
         className: "p0 no-shadow",
         onClick: onClick,
         label: name,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.2.80",
+  "version": "0.2.83",
   "description": "",
   "main": "dist/index.js",
   "files": [