intelicoreact 0.2.82 → 0.2.85

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 || id)
   })), /*#__PURE__*/_react.default.createElement("span", {
     className: "checkbox-input__mark"
   })), label && /*#__PURE__*/_react.default.createElement("div", {

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

@@ -183,7 +183,7 @@ var Dropdown = function Dropdown(_ref) {
     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', "-").concat(optTestId || index),
+      "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);
@@ -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/Input/Input.js

@@ -225,7 +225,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       mask: mask
     }));
     return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-      "data-testid": testId
+      "data-testid": "input--key-".concat(testId, "--type-").concat(type)
     }, uniProps, {
       ref: inputRef,
       type: isPriceInput ? 'text' : type,

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/InputMask/InputMask.js

@@ -108,7 +108,8 @@ function InputMask() {
       hideMaskOnBlur = _ref$hideMaskOnBlur === void 0 ? true : _ref$hideMaskOnBlur,
       _ref$returnMaskedValu = _ref.returnMaskedValue,
       returnMaskedValue = _ref$returnMaskedValu === void 0 ? false : _ref$returnMaskedValu,
-      name = _ref.name;
+      name = _ref.name,
+      testId = _ref.testId;
 
   var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
 
@@ -1433,6 +1434,7 @@ function InputMask() {
       onBlur: onBlur
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "\n            input-mask\n            ".concat(isError ? 'input-mask_error' : '', "\n            ").concat(isFocused ? 'input-mask_focus' : '', "\n            ").concat(blinkError ? 'input-mask_blink-error' : '', "\n          "),
+      "data-testId": testId,
       onMouseDown: function onMouseDown(e) {
         return cancelDefaultAction(e, function () {
           return setIsMouseDown(true);

package/dist/Atomic/FormElements/InputMask2/InputMask2.js

@@ -106,7 +106,8 @@ function InputMask2() {
       hideMaskOnBlur = _ref$hideMaskOnBlur === void 0 ? true : _ref$hideMaskOnBlur,
       _ref$returnMaskedValu = _ref.returnMaskedValue,
       returnMaskedValue = _ref$returnMaskedValu === void 0 ? false : _ref$returnMaskedValu,
-      name = _ref.name;
+      name = _ref.name,
+      testId = _ref.testId;
 
   var errors = _objectSpread(_objectSpread({}, _config.DEFAULT_ERRORS), customErrors);
 
@@ -649,6 +650,7 @@ function InputMask2() {
 
   var renderInput = function renderInput() {
     return /*#__PURE__*/_react.default.createElement("input", {
+      "data-testid": testId,
       className: "input-mask_input ".concat(className),
       ref: inputRef,
       value: inputValue,

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

@@ -39,6 +39,7 @@ function RangeSlider(_ref) {
       minRange = _ref$minRange === void 0 ? 0 : _ref$minRange,
       _ref$precision = _ref.precision,
       precision = _ref$precision === void 0 ? 0 : _ref$precision,
+      testId = _ref.testId,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? {
     from: min,
@@ -328,6 +329,7 @@ function RangeSlider(_ref) {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__inputs--from"
     }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      "data-testid": "rangeSlider--input--".concat(testId, "--type-from"),
       value: focusedType === 'from' ? tempValue : from.toString(),
       onFocus: function onFocus(e) {
         return onRangeInputFocus(e, 'from');
@@ -339,6 +341,7 @@ function RangeSlider(_ref) {
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__inputs__input"
     }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      "data-testid": "rangeSlider--input--".concat(testId, "--type-to"),
       value: focusedType === 'to' ? tempValue : to.toString(),
       onFocus: function onFocus(e) {
         return onRangeInputFocus(e, 'to');
@@ -371,6 +374,7 @@ function RangeSlider(_ref) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__track__range-triggers"
     }, /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": "rangeSlider--track--".concat(testId, "--type-from"),
       ref: fromTriggerRef,
       style: fromStyle,
       className: "range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-left",
@@ -378,6 +382,7 @@ function RangeSlider(_ref) {
         return onTriggerMouseDown(e, 'from');
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": "rangeSlider--track--".concat(testId, "--type-to"),
       ref: toTriggerRef,
       style: toStyle,
       className: "range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-right",

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": "$switcher--key-".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,13 +42,17 @@ 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) || '';
 
   var renderRadioGroup = function renderRadioGroup() {
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(RC, "__wrap"), (0, _defineProperty2.default)({}, "switcher-radio_".concat(direction), direction))
+      className: (0, _classnames.default)("".concat(RC, "__wrap"), (0, _defineProperty2.default)({}, "switcher-radio_".concat(direction), direction), {
+        disabled: disabled
+      })
     }, options === null || options === void 0 ? void 0 : options.map(function (option, index) {
       return /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({}, option, {
         key: option.id || option.value || index,
@@ -63,6 +67,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/AccordionTable/AccordionTable.js

@@ -34,7 +34,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var AccordionTable = function AccordionTable(_ref) {
   var className = _ref.className,
       header = _ref.header,
-      rows = _ref.rows;
+      rows = _ref.rows,
+      testId = _ref.testId;
 
   var _useState = (0, _react.useState)(rows),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -127,6 +128,7 @@ var AccordionTable = function AccordionTable(_ref) {
     var _row$children;
 
     return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
+      testId: testId,
       key: row.key,
       onClick: function onClick() {
         return handle.accordionChange(row.key);

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,25 +29,22 @@ 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$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(label === null || label === void 0 ? void 0 : label.replace(/ /g, '-')),
     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)),
     onClick: onClick,
     disabled: disabled
   }, !noRenderIcon && icon, label && /*#__PURE__*/_react.default.createElement("div", {
-    className: "button__text",
-    "data-testid": textTestId
+    className: "button__text"
   }, 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/Modal/Modal.js

@@ -92,10 +92,10 @@ var Modal = function Modal(_ref) {
     style: {
       zIndex: zIndex
     },
-    "data-testid": 'test-modal',
+    "data-testid": "modal--".concat(title || '', "--container"),
     className: "modal-box j5"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'test-modal-closeOverlay',
+    "data-testid": 'modal-closeOverlay',
     className: isOpen ? 'modal-overlay' : 'hidden',
     onClick: closeModal
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -108,7 +108,7 @@ var Modal = function Modal(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)('modal__header-title', (0, _defineProperty2.default)({}, "modal__header-".concat(variant, "-title"), variant))
   }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle())), !forced && /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'test-modal-closeCross',
+    "data-testid": 'modal--button-closeCross',
     onClick: closeModal,
     className: (0, _classnames.default)('modal-close-icon-box', {
       'modal-close-icon-box-primary': variant === 'primary'
@@ -126,7 +126,7 @@ var Modal = function Modal(_ref) {
   }, leftContentOfFooter, /*#__PURE__*/_react.default.createElement("div", {
     className: "modal__buttons-block"
   }, !noCloseBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: 'test-modal-closeBtn',
+    testId: "modal",
     className: (0, _classnames.default)(closeBtnClassName, btnClassNames),
     variant: closeBtnVariant || 'dark-outline',
     onClick: closeModal,
@@ -136,6 +136,7 @@ var Modal = function Modal(_ref) {
     isIconRight: isCloseBtnIconPositionRight,
     tabIndex: 1
   }), !noConfirmBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    testId: "modal",
     onClick: function onClick() {
       return handle.confirm();
     },

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js

@@ -37,6 +37,7 @@ var MonoAccordion = function MonoAccordion(_ref) {
       onClick = _ref.onClick,
       className = _ref.className,
       disabled = _ref.disabled,
+      testId = _ref.testId,
       _ref$datasetProp = _ref.datasetProp,
       datasetProp = _ref$datasetProp === void 0 ? {} : _ref$datasetProp;
 
@@ -72,19 +73,16 @@ var MonoAccordion = function MonoAccordion(_ref) {
   (0, _react.useEffect)(function () {
     if (!isOpen) setHeight(0);else setHeight();
   }, [isOpen]);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    "data-testid": 'test-monoAccordion'
-  }, datasetProp, {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
     className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_is-open"), isOpen), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn))
   }), /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'test-monoAccordion-head',
+    "data-testId": "accordionHeader--key-".concat(testId, "--clickable"),
     className: "".concat(RC, "__head"),
     onClick: handleClick
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: titleRef,
     className: "".concat(RC, "__tile-container")
   }, titleJSX), /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": 'test-monoAccordion-icon',
     className: "".concat(RC, "__icon-container")
   }, icon)), /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,

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.82",
+  "version": "0.2.85",
   "description": "",
   "main": "dist/index.js",
   "files": [