intelicoreact 1.5.18 → 1.5.20

package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js

@@ -22,7 +22,6 @@ const ActionAlert = _ref => {
     testId = "alert",
     buttons
   } = _ref;
-  // const transformedTime = moment(date).format('MM.DD.YYYY HH:mm');
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": testId,
     className: (0, _classnames.default)("action-alert action-alert--".concat(variant), className)

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

@@ -23,7 +23,7 @@ function _default(props) {
     params,
     className,
     isListTop,
-    testId
+    testId = "calendar"
   } = props;
   // const { minDate = '01/01/1900', maxDate = moment().format('MM/DD/YYYY') } = params;
   const {
@@ -118,7 +118,7 @@ function _default(props) {
     }
   }, [isChangeYear]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "calendar--key-".concat(testId, "--container"),
+    "data-testid": testId,
     className: (0, _classnames.default)("calendar", className, {
       "calendar_list-top": isListTop
     })
@@ -126,7 +126,7 @@ function _default(props) {
     className: "calendar-header"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "calendar-header__prev",
-    "data-testid": "calendar--key-".concat(testId, "--prevArrow")
+    "data-testid": "".concat(testId, "-prev-arrow")
   }, isShovPrevArrow && /*#__PURE__*/_react.default.createElement("div", {
     onClick: handlePrev
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronLeft, null))), /*#__PURE__*/_react.default.createElement("div", {
@@ -150,7 +150,7 @@ function _default(props) {
     },
     onChange: e => setInputYearValue(e.target.value)
   }) : "".concat(showYear))), /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "calendar--key-".concat(testId, "--nextArrow"),
+    "data-testid": "".concat(testId, "-next-arrow"),
     className: "calendar-header__next"
   }, isShovNextArrow && /*#__PURE__*/_react.default.createElement("div", {
     onClick: handleNext

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

@@ -20,13 +20,11 @@ const CheckboxInput = _ref => {
     disabled,
     className,
     isStark,
-    testId = "",
+    testId = "checkbox-input",
     attributesOfNativeInput = {}
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("label", {
-    "data-testid": "checkbox--label-".concat((0, _utils.getCorrectTestId)({
-      testId: testId || id || fieldKey
-    })),
+    "data-testid": testId,
     className: (0, _classnames.default)("checkbox-input", className, {
       ["checkbox-input_disabled"]: disabled
     }),
@@ -48,9 +46,7 @@ const CheckboxInput = _ref => {
     ref: elem => {
       if (elem) elem.indeterminate = isStark;
     },
-    "data-testid": "checkbox--input--".concat((0, _utils.getCorrectTestId)({
-      testId: testId || id || fieldKey
-    }))
+    "data-testid": "".concat(testId, "-input")
   }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("span", {
     className: "checkbox-input__mark"
   })), label && /*#__PURE__*/_react.default.createElement("div", {

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

@@ -37,7 +37,7 @@ const Dropdown = _ref => {
     scrollReactionObj,
     isListTop,
     isNotValidateASCII = false,
-    testId,
+    testId = "dropdown",
     sortAlphabetical = true,
     fieldKey,
     id,
@@ -196,10 +196,10 @@ const Dropdown = _ref => {
   };
   const depend = getDepends(modalBtnTrigger);
   const getMarkupForElement = (item, index, optTestId) => {
-    var _item$value, _item$value2, _item$customMobileIco;
+    var _item$value, _item$customMobileIco;
     return /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "dropdown--button--key-".concat(optTestId || (item === null || item === void 0 || (_item$value = item.value) === null || _item$value === void 0 || (_item$value = _item$value.toString()) === null || _item$value === void 0 ? void 0 : _item$value.replace(/\s/, "-")) || (item === null || item === void 0 ? void 0 : item.key) || "item", "--option"),
-      key: (_item$value2 = item.value) === null || _item$value2 === void 0 || (_item$value2 = _item$value2.toString()) === null || _item$value2 === void 0 ? void 0 : _item$value2.replace(/ /g, "_"),
+      "data-testid": "".concat(testId, "-").concat(optTestId, "-option"),
+      key: (_item$value = item.value) === null || _item$value === void 0 || (_item$value = _item$value.toString()) === null || _item$value === void 0 ? void 0 : _item$value.replace(/ /g, "_"),
       onMouseDown: () => depend.onChange(item),
       className: (0, _classnames.default)("".concat(RC, "__list-item"), {
         ["".concat(RC, "__list-item_active")]: item.value === value,
@@ -226,7 +226,7 @@ const Dropdown = _ref => {
       className: (0, _classnames.default)("".concat(RC, "-group"), filteredOption.className)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(RC, "-group__name")
-    }, filteredOption.label), filteredOption.items.map((el, index) => getMarkupForElement(el, index, el === null || el === void 0 ? void 0 : el.testId))) : null;
+    }, filteredOption.label), filteredOption.items.map((el, index) => getMarkupForElement(el, index, (el === null || el === void 0 ? void 0 : el.testId) || index))) : null;
   };
   const selectedLabel = ((_options$find = options.find(el => el.value === value)) === null || _options$find === void 0 ? void 0 : _options$find.label) || options.reduce((acc, item) => {
     var _item$items5;
@@ -541,7 +541,7 @@ const Dropdown = _ref => {
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp
   }, /*#__PURE__*/_react.default.createElement("button", {
-    "data-testid": "dropdown--".concat(testId || "", "--container"),
+    "data-testid": testId,
     className: (0, _classnames.default)("".concat(RC, "__trigger"), "input__wrap", {
       ["".concat(RC, "__trigger--with-actions")]: withActions,
       placeholder: !value,

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js

@@ -30,18 +30,18 @@ const DropdownLiveSearch = _ref => {
     placeholder,
     className,
     isSearchable,
-    testId,
     doRequest,
     isLoading,
     options = [],
     fieldKey,
     id,
     isListTop,
-    isNotValidateASCII = false,
-    noOptionsText = "No options available",
     attributesOfNativeInput = {},
     withMobileLogic,
-    tabIndex
+    tabIndex,
+    isNotValidateASCII = false,
+    noOptionsText = "No options available",
+    testId = "dropdown-live-search"
   } = _ref;
   const [dropdownId] = (0, _react.useState)(id || fieldKey || Math.random().toString(16).slice(2));
   const [isOpen, setIsOpenState] = (0, _react.useState)(false);
@@ -160,12 +160,12 @@ const DropdownLiveSearch = _ref => {
     }
   };
   const getMarkupForElement = (item, index, optTestId) => {
-    var _item$value, _item$value2, _item$customMobileIco;
+    var _item$value, _item$customMobileIco;
     const lowerLabel = item.label.toLowerCase();
     const lowerSearchValue = searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase();
     return /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "dropdown-live-search--button--key-".concat(optTestId || (item === null || item === void 0 || (_item$value = item.value) === null || _item$value === void 0 || (_item$value = _item$value.toString()) === null || _item$value === void 0 ? void 0 : _item$value.replace(/\s/, "-")) || (item === null || item === void 0 ? void 0 : item.key) || "item", "--option"),
-      key: (_item$value2 = item.value) === null || _item$value2 === void 0 || (_item$value2 = _item$value2.toString()) === null || _item$value2 === void 0 ? void 0 : _item$value2.replace(/ /g, "_"),
+      "data-testid": "".concat(testId, "-").concat(optTestId || index, "-option"),
+      key: (_item$value = item.value) === null || _item$value === void 0 || (_item$value = _item$value.toString()) === null || _item$value === void 0 ? void 0 : _item$value.replace(/ /g, "_"),
       onClick: () => {
         onChange(item.value);
         setIsOpen(false);
@@ -383,7 +383,7 @@ const DropdownLiveSearch = _ref => {
     }),
     ref: dropdownLiveSearchRef
   }, /*#__PURE__*/_react.default.createElement("button", {
-    "data-testid": "dropdown-live-search--".concat(testId || "", "--container"),
+    "data-testid": testId,
     className: "".concat(RC, "__trigger input__wrap ").concat(isOpen ? "input__wrap--focus" : "", " ").concat(!value ? "placeholder" : "", " ").concat(error ? "error" : ""),
     onClick: () => !isSearchable ? setIsOpen(!isOpen) : null,
     onMouseDown: () => setIsFocusedByClick(true),

package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js

@@ -37,8 +37,9 @@ const getStructure = data => ({
   ...data
 });
 const accordionData = (accordionTitle, accordionListContent) => {
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    testId: "accordion-title",
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "accordion"
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__accordion-title")
   }, accordionTitle), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__list")
@@ -68,7 +69,7 @@ const checkOverflow = (files, maxFilesCount, additional) => {
     error = "",
     outerError = ""
   } = additional || {};
-  return typeof maxFilesCount === 'number' && files.length < maxFilesCount ? [...files, {
+  return typeof maxFilesCount === "number" && files.length < maxFilesCount ? [...files, {
     ...(0, _utils.clone)(uploadTriggerStucture),
     error,
     outerError
@@ -78,7 +79,7 @@ const FileLoaderDescription = _ref => {
   let {
     //? Для корректности работы стоит пробрасывать какой-то из id
     id,
-    testId,
+    testId = "file-loader-description",
     fieldKey,
     files: initFiles,
     onChange,
@@ -93,10 +94,10 @@ const FileLoaderDescription = _ref => {
     ...props
   } = _ref;
   const uniqueFileLoaderDescriptionId = "".concat(id || testId || fieldKey || "component-".concat(_utils.uuid === null || _utils.uuid === void 0 ? void 0 : (0, _utils.uuid)()));
-  const safelyInitFales = (0, _react.useMemo)(() => getSafelyInitFiles(initFiles, maxFilesCount), [initFiles, maxFilesCount]);
+  const safelyInitFiles = (0, _react.useMemo)(() => getSafelyInitFiles(initFiles, maxFilesCount), [initFiles, maxFilesCount]);
   const [files, setFiles] = (0, _react.useState)((() => {
-    if (!safelyInitFales.length) return [(0, _utils.clone)(uploadTriggerStucture)];
-    return checkOverflow(safelyInitFales, maxFilesCount);
+    if (!safelyInitFiles.length) return [(0, _utils.clone)(uploadTriggerStucture)];
+    return checkOverflow(safelyInitFiles, maxFilesCount);
   })());
   const generateUniqueFileName = (files, name) => {
     let fileName = name;
@@ -164,19 +165,18 @@ const FileLoaderDescription = _ref => {
   }, [outerError]);
 
   //? Обеспечивает чтобы верхний стейт был доминирующим
-  //? Осознанно и намерянно в зависимости стоит initFiles, но расчеты идут от safelyInitFales
+  //? Осознанно и намерянно в зависимости стоит initFiles, но расчеты идут от safelyInitFiles
   (0, _react.useEffect)(() => {
     //? Если изменились верхние филды и они отличаются от локальных (без триггера) - перезаписать
-    if (!(0, _utils.compare)(safelyInitFales, (0, _utils.clone)(files).filter(item => item.id !== UPLOAD_TRIGGER_KEY))) {
-      setFiles(checkOverflow(safelyInitFales, maxFilesCount, {
+    if (!(0, _utils.compare)(safelyInitFiles, (0, _utils.clone)(files).filter(item => item.id !== UPLOAD_TRIGGER_KEY))) {
+      setFiles(checkOverflow(safelyInitFiles, maxFilesCount, {
         outerError
       }));
     }
   }, [initFiles, maxFilesCount]);
   return /*#__PURE__*/_react.default.createElement("div", {
     id: uniqueFileLoaderDescriptionId,
-    testId: uniqueFileLoaderDescriptionId,
-    "data-testid": "".concat(RC, "-").concat(uniqueFileLoaderDescriptionId),
+    "data-testid": RC,
     className: (0, _classnames.default)(RC, className),
     role: "combobox"
   }, !!documentName && /*#__PURE__*/_react.default.createElement("span", {

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js

@@ -28,7 +28,7 @@ const FileLoaderLocal = _ref => {
     value,
     isNoTrashIcon = false,
     maxItemSizeBytes,
-    testId,
+    testId = "file-loader-local",
     attributesOfNativeInput = {}
   } = _ref;
   const getFileName = value => {
@@ -103,7 +103,7 @@ const FileLoaderLocal = _ref => {
     }
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "input--file-loader-local--key-".concat(testId),
+    "data-testid": testId,
     className: (0, _classnames.default)("file-loader-local", className, {
       ["file-loader-local_outer-error"]: Boolean(outerError)
     })

package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js

@@ -14,8 +14,6 @@ var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLo
 require("./FileLoaderLocalGroup.scss");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* eslint-disable no-console */
-
 const DEFAULT_LABEL_PREFIX = "Please attach";
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
 const FileLoaderLocalGroup = _ref => {
@@ -25,7 +23,7 @@ const FileLoaderLocalGroup = _ref => {
     isSingleGroup,
     onChange,
     labelPrefix = DEFAULT_LABEL_PREFIX,
-    testId,
+    testId = "file-loader-local-group",
     alertText
   } = _ref;
   const [groups, setGroups] = (0, _react.useState)((0, _utils.clone)(groupsArray));
@@ -134,6 +132,7 @@ const FileLoaderLocalGroup = _ref => {
   return groups === null || groups === void 0 ? void 0 : groups.map(group => {
     var _group$files5;
     return /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": testId,
       key: group.groupId,
       className: (0, _classnames.default)("file-loader-local-groups", className)
     }, /*#__PURE__*/_react.default.createElement("span", {
@@ -148,7 +147,6 @@ const FileLoaderLocalGroup = _ref => {
       icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Info, null),
       message: group === null || group === void 0 ? void 0 : group.alertText
     }), /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": "input--group-file-loader--key-".concat(testId || (group === null || group === void 0 ? void 0 : group.groupId)),
       className: "file-loader-local-groups__item"
     }, group === null || group === void 0 || (_group$files5 = group.files) === null || _group$files5 === void 0 ? void 0 : _group$files5.map((file, index) => {
       var _group$files6, _group$files7;
@@ -157,7 +155,6 @@ const FileLoaderLocalGroup = _ref => {
         fieldKey: file !== null && file !== void 0 && file.fieldKey ? "".concat(file.fieldKey, ":").concat(group === null || group === void 0 ? void 0 : group.groupId, ":").concat(Math.random().toString().slice(-4)) : file === null || file === void 0 ? void 0 : file.id,
         key: (file === null || file === void 0 ? void 0 : file.id) || index,
         id: (file === null || file === void 0 ? void 0 : file.id) || index,
-        testId: "".concat(group === null || group === void 0 ? void 0 : group.groupId, "-").concat(file === null || file === void 0 ? void 0 : file.id),
         error: file === null || file === void 0 ? void 0 : file.error,
         label: "Upload document",
         accept: file === null || file === void 0 ? void 0 : file.accept,

package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js

@@ -19,7 +19,7 @@ const FormattedRawSSN = _ref => {
   let {
     value = "",
     onChange: onChangeProp = () => {},
-    testId,
+    testId = "formatted-raw-ssn",
     // ! ВСЕ "пляшет" от fullSnnMask и significantChars
     // Маска для полного snn (технически ограничений нет, НО нужно передавать то, что понимает InputMask3)
     fullSnnMask = DEFAULT_SSN_MASK,
@@ -86,6 +86,7 @@ const FormattedRawSSN = _ref => {
     return countOfFirstDigitsToHide + infoAboutMaskOfHidden.countOfNotSignificantChars - 1;
   })();
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
     className: "formatted-raw-ssn",
     ref: wrapperRef
   }, /*#__PURE__*/_react.default.createElement(_InputMask.default, (0, _extends2.default)({}, args, {
@@ -111,8 +112,7 @@ const FormattedRawSSN = _ref => {
     }
   }, postfix), /*#__PURE__*/_react.default.createElement("span", {
     className: "formatted-raw-ssn-eye-holder",
-    onClick: () => setIsHidden(!isHidden),
-    "data-testid": "formattedRawSNN--eye--key-".concat(testId, "--container")
+    onClick: () => setIsHidden(!isHidden)
   }, " ", isHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
     strokeWidth: 1,
     className: "password-icon"

package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js

@@ -20,7 +20,7 @@ const FormattedRawSSN = _ref => {
     postfix = "",
     onChange: onChangeProp = () => {},
     maskChar = "*",
-    testId,
+    testId = "formatted-raw-ssn",
     isHiddenDefault = true,
     maxLen = 9,
     ...args
@@ -82,12 +82,12 @@ const FormattedRawSSN = _ref => {
     if (SSN) onChangeProp === null || onChangeProp === void 0 || onChangeProp(SSN.concat(SSN.length === maxLen ? postfix : "").replace(/-/g, ""));
   }, [SSN]);
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
     className: "formatted-raw-ssn",
     ref: wrapperRef
   }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
     value: getMaskedValue(getFormatedValue(SSN)),
-    onChange: onChange,
-    testId: "formattedRawSNN--input--key-".concat(testId)
+    onChange: onChange
   })), postfix && /*#__PURE__*/_react.default.createElement("span", {
     className: "formatted-raw-ssn-postfix",
     onClick: () => {
@@ -96,8 +96,7 @@ const FormattedRawSSN = _ref => {
     }
   }, postfix), /*#__PURE__*/_react.default.createElement("span", {
     className: "formatted-raw-ssn-eye-holder",
-    onClick: switchView,
-    "data-testid": "formattedRawSNN--eye--key-".concat(testId, "--container")
+    onClick: switchView
   }, " ", isHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
     strokeWidth: 1,
     className: "password-icon"

package/dist/Atomic/FormElements/Input/Input.js

@@ -330,6 +330,7 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     } : {})
   };
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
     className: (0, _classnames.default)("input__wrap", {
       ["input__wrap_focus"]: isFocused
     }, {
@@ -340,8 +341,7 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     onMouseEnter: () => setOnInputHover(true),
     onMouseLeave: () => setOnInputHover(false)
   }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    readOnly: isReadOnly,
-    "data-testid": "input--key-".concat(testId, "--type-").concat(type)
+    readOnly: isReadOnly
   }, uniProps, {
     ref: inputRef,
     type: getInputType(),
@@ -365,7 +365,6 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       if (uniProps.onBlur) uniProps.onBlur(...params);
     }
   })), DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
-    "data-testid": "icon-close",
     className: (0, _classnames.default)("input__close", {
       hidden: !(0, _fieldValueFormatters.getSafelyValue)(value)
     }),

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

@@ -28,7 +28,7 @@ const InputCalendar = _ref => {
     isListTop,
     disabled,
     disabledFormattedMaxDate = false,
-    testId,
+    testId = "input-calendar",
     onKeyDown: onKeyDownProp = e => {},
     onKeyUp: onKeyUpProp = e => {},
     onBlur: onBlurProp = e => {}
@@ -87,7 +87,7 @@ const InputCalendar = _ref => {
     onKeyUpProp(e);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "inputCalendar--key-".concat(testId, "--container"),
+    "data-testid": testId,
     className: (0, _classnames.default)("input__wrap calendar-container", className, {
       "calendar-container_disabled": disabled
     }),
@@ -104,7 +104,6 @@ const InputCalendar = _ref => {
     onBlur: onBlurProp,
     ref: inputRef
   }), isOpened ? /*#__PURE__*/_react.default.createElement(_Calendar.default, {
-    testId: testId,
     date: getCalendarValue(value),
     setDate: newDate => changeCalendarDay(newDate),
     params: {

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

@@ -37,7 +37,7 @@ const InputDateRange = props => {
     hideArrows = false,
     isOptionsRight,
     isUseAbs,
-    testId,
+    testId = "input-date-range",
     minDate = null,
     maxDate = null,
     minMaxDateParseFormat = "MM/DD/YYYY",
@@ -168,6 +168,7 @@ const InputDateRange = props => {
     };
   }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
     ref: internalContainerRef,
     className: (0, _classnames.default)("date-range-input", className, {
       "date-range-input_compact": isCompact,
@@ -191,7 +192,6 @@ const 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

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

@@ -16,7 +16,7 @@ const SelectItem = _ref => {
     onItemClick,
     onMouseEnter,
     disabled,
-    testId
+    testId = "select-item"
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("opened-part__intervals-item", {
@@ -26,7 +26,7 @@ const SelectItem = _ref => {
     onClick: onItemClick,
     onMouseEnter: onMouseEnter,
     "data-item": item,
-    "data-testid": "selectItem--key-".concat(testId, "--label-").concat(label)
+    "data-testid": testId
   }, isActive && /*#__PURE__*/_react.default.createElement(_CustomIcons.Check2, {
     className: (0, _classnames.default)("opened-part__intervals-item-icon-active")
   }), label);

package/dist/Atomic/FormElements/InputMask/InputMask.js

@@ -75,7 +75,7 @@ function InputMask() {
     hideMaskOnBlur = true,
     returnMaskedValue = false,
     name,
-    testId
+    testId = "input-mask"
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const errors = {
     ..._config.DEFAULT_ERRORS,
@@ -1027,6 +1027,7 @@ function InputMask() {
   };
   const render = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": testId,
       className: (0, _classnames.default)("input-mask_wrapper", className, {
         disabled
       }, {
@@ -1040,7 +1041,6 @@ 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: e => cancelDefaultAction(e, () => setIsMouseDown(true)),
       onMouseMove: e => cancelDefaultAction(e, onMouseDownMove)
       // onMouseUp={cancelDefaultAction}

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

@@ -65,7 +65,7 @@ function InputMask2() {
     fieldKey,
     id,
     disabled,
-    testId,
+    testId = "input-mask",
     attributesOfNativeInput = {}
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const errors = {
@@ -554,7 +554,6 @@ function InputMask2() {
   const renderInput = () => {
     return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
       name: name || fieldKey || id || testId || "",
-      "data-testid": testId,
       className: "input-mask_input ".concat(className),
       ref: inputRef,
       value: inputValue,
@@ -581,6 +580,7 @@ function InputMask2() {
   };
   const render = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": testId,
       className: (0, _classnames.default)("input-mask2_wrapper", className, {
         "input-mask_error": isError
       }, {

package/dist/Atomic/FormElements/InputMask3/InputMask3.js

@@ -80,7 +80,7 @@ function InputMask3() {
     fieldKey,
     id,
     disabled,
-    testId,
+    testId = "input-mask",
     attributesOfNativeInput = {}
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const errors = {
@@ -626,7 +626,6 @@ function InputMask3() {
       tabIndex: disabled || isLoading ? -1 : 0,
       readOnly: disabled || isLoading,
       name: name || fieldKey || id || testId || "",
-      "data-testid": testId,
       className: "input-mask_input ".concat(className),
       ref: inputRef,
       value: inputValue,
@@ -654,8 +653,7 @@ function InputMask3() {
   const renderHideToggler = () => {
     return /*#__PURE__*/_react.default.createElement("span", {
       className: "formatted-raw-ssn-eye-holder",
-      onClick: onHiddenToggle,
-      "data-testid": "formattedRawSNN--eye--key-".concat(testId, "--container")
+      onClick: onHiddenToggle
     }, " ", isValueHidden ? /*#__PURE__*/_react.default.createElement(_reactFeather.Eye, {
       strokeWidth: 1,
       className: "password-icon"
@@ -688,6 +686,7 @@ function InputMask3() {
   };
   const render = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": testId,
       className: (0, _classnames.default)("input-mask3_wrapper", className, {
         "input-mask_error": isError
       }, {

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

@@ -26,7 +26,7 @@ const NumericInput = _ref => {
     value,
     placeholder,
     className,
-    testId,
+    testId = "numeric-input",
     name,
     fieldKey,
     id,
@@ -224,9 +224,7 @@ const NumericInput = _ref => {
       } : {})
     };
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, uniProps, {
-      "data-testid": "input-".concat((0, _utils.getCorrectTestId)({
-        testId: testId || name || fieldKey || id
-      })),
+      "data-testid": "".concat(testId, "-input"),
       value: (value === null || value === void 0 ? void 0 : value.length) > 0 ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)((0, _fieldValueFormatters.formatToRemoveComa)(value)) : value,
       ref: inputRef,
       type: "text",
@@ -237,7 +235,7 @@ const NumericInput = _ref => {
     }, attributesOfNativeInput)), !isNotRenderButtons ? /*#__PURE__*/_react.default.createElement("div", {
       className: "input__nums"
     }, /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "input--button--".concat(testId, "--minus"),
+      "data-testid": "".concat(testId, "-minus-btn"),
       ref: decRef,
       className: (0, _classnames.default)("input__num-btn", {
         "events-none": Number(value) <= min
@@ -248,7 +246,7 @@ const NumericInput = _ref => {
         disabled: Number(value) <= min
       })
     })), /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "input--button--".concat(testId, "--plus"),
+      "data-testid": "-".concat(testId, "-plus-btn"),
       ref: incRef,
       className: (0, _classnames.default)("input__num-btn", {
         "events-none": Number(value) >= max
@@ -261,6 +259,7 @@ const NumericInput = _ref => {
     }))) : null);
   }
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
     ref: wrapRef,
     className: (0, _classnames.default)("input__wrap", {
       ["input__wrap_focus"]: isFocused

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

@@ -19,11 +19,12 @@ const RadioInput = _ref => {
     disabled,
     className,
     value,
-    testId = "",
+    testId = "radio-input",
     onChange = () => {},
     attributesOfNativeInput = {}
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("label", {
+    "data-testid": testId,
     className: (0, _classnames.default)(RC, className, {
       ["".concat(RC, "_disabled")]: disabled
     }),
@@ -34,7 +35,7 @@ const RadioInput = _ref => {
     })
   }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     id: id,
-    "data-testid": "radio--input--".concat(testId || id),
+    "data-testid": "".concat(testId, "-input"),
     type: "radio",
     checked: checked === value,
     className: "".concat(RC, "__radio"),

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

@@ -32,7 +32,7 @@ const RangeCalendar = props => {
     momentMinDate,
     momentMaxDate,
     isDontLimitFuture,
-    testId
+    testId = "range-calendar"
   } = props;
   const [days, setDays] = (0, _react.useState)({});
   const title = (0, _react.useMemo)(() => "".concat((0, _momentTimezone.default)(date).format("MMM"), " ").concat((0, _momentTimezone.default)(date).format("YYYY")), [date]);
@@ -97,11 +97,10 @@ const RangeCalendar = props => {
   const getFormatedWeekName = input => isShortWeekNames ? input.charAt(0) : input;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("range-calendar", className),
-    "data-testid": "calendar--".concat(testId, "--container")
+    "data-testid": testId
   }, /*#__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,
@@ -109,7 +108,6 @@ const 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,