intelicoreact 0.2.8 → 0.2.11

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

@@ -37,7 +37,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _ref$autocomplete = _ref.autocomplete,
-      autocomplete = _ref$autocomplete === void 0 ? "off" : _ref$autocomplete,
+      autocomplete = _ref$autocomplete === void 0 ? 'off' : _ref$autocomplete,
       isSelect = _ref.isSelect,
       _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
@@ -76,7 +76,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       _ref$isNumericMobileK = _ref.isNumericMobileKeyboard,
       isNumericMobileKeyboard = _ref$isNumericMobileK === void 0 ? false : _ref$isNumericMobileK,
       _ref$isCropFirstNool = _ref.isCropFirstNool,
-      isCropFirstNool = _ref$isCropFirstNool === void 0 ? false : _ref$isCropFirstNool;
+      isCropFirstNool = _ref$isCropFirstNool === void 0 ? false : _ref$isCropFirstNool,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'input' : _ref$testId;
   var DEFAULT_BLINK_TIME = 100; // STATES
 
   var _useState = (0, _react.useState)(false),
@@ -154,8 +156,8 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     },
     keyUp: function keyUp(e) {
       if (isUseErrorsBlink) {
-        var changedValue = '' + (value !== null && value !== void 0 ? value : '');
-        var previousValue = '' + prevValue;
+        var changedValue = "".concat(value !== null && value !== void 0 ? value : '');
+        var previousValue = "".concat(prevValue);
         var short = previousValue.length <= changedValue.length ? previousValue : changedValue;
         var long = previousValue.length > changedValue.length ? previousValue : changedValue;
         var infoAboutDifferencesSameness = short.split('').reduce(function (acc, symbol, idx) {
@@ -205,7 +207,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       className: "input ".concat(className),
       placeholder: placeholder,
       value: value || '',
-      inputMode: isNumericMobileKeyboard ? "numeric" : "text",
+      inputMode: isNumericMobileKeyboard ? 'numeric' : 'text',
       disabled: disabled,
       onChange: handle.change,
       onFocus: handle.focus,
@@ -222,7 +224,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       inputRef: inputRef,
       mask: mask
     }));
-    return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, uniProps, {
+    return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
+      "data-testid": testId
+    }, uniProps, {
       ref: inputRef,
       type: isPriceInput ? 'text' : type,
       autoComplete: autocomplete
@@ -238,6 +242,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       return setOnInputHover(false);
     }
   }, renderInput(), icon, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": "icon-close",
     className: (0, _classnames.default)("input__close", {
       hidden: !value
     }),

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

@@ -368,7 +368,6 @@ function InputMask() {
 
       var charCenterX = charX + charWidth / 2; // If Char X-Coord Out Of Range
 
-      // If Char X-Coord Out Of Range
       if (!charX || minX > charCenterX || maxX < charCenterX) return resObj;
       if (resObj.index === null || minX <= charCenterX && charCenterX >= maxX && charCenterX < resObj.charX) return {
         index: index,

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js

@@ -144,7 +144,7 @@ var RangeInputs = function RangeInputs(_ref) {
     className: "".concat(RC, "__input-to")
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__input-label")
-  }, "To"), /*#__PURE__*/_react.default.createElement(_Input.default, {
+  }, "to"), /*#__PURE__*/_react.default.createElement(_Input.default, {
     ref: inputToRef,
     value: (_valueObj$to = valueObj === null || valueObj === void 0 ? void 0 : valueObj.to) !== null && _valueObj$to !== void 0 ? _valueObj$to : '',
     onChange: function onChange(val) {

package/dist/Atomic/FormElements/RangeList/RangeList.js

@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _operations = require("../../../Functions/operations");
 
-var _Button = _interopRequireDefault(require("./../../UI/Button/Button"));
+var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
 
 var _Input = _interopRequireDefault(require("../Input/Input"));
 
@@ -101,7 +101,9 @@ var RangeList = function RangeList(props) {
         setInnerError('');
         setOuterError('');
         return e;
-      } else if (!state[oppositeKey]) {
+      }
+
+      if (!state[oppositeKey]) {
         var mustToFocus = key === 'from' ? inputToRef.current : inputFromRef.current;
         mustToFocus.focus();
       } else if (!isValidRange) {
@@ -134,6 +136,7 @@ var RangeList = function RangeList(props) {
   }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
     className: "".concat(RC, "__cell-input")
   }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    testId: "range-list-from",
     ref: inputFromRef,
     onlyNumbers: isFloatValues ? {
       type: 'float',
@@ -154,6 +157,7 @@ var RangeList = function RangeList(props) {
   })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
     className: "".concat(RC, "__cell-input")
   }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    testId: "range-list-to",
     ref: inputToRef,
     onlyNumbers: isFloatValues ? {
       type: 'float',
@@ -174,6 +178,7 @@ var RangeList = function RangeList(props) {
   })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
     className: "".concat(RC, "__cell-button")
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    testId: "range-list-button",
     onClick: handle.addRange
   }, "Add"))), (innerError || outerError || error) && /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__error")
@@ -181,6 +186,7 @@ var RangeList = function RangeList(props) {
     className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), "".concat(RC, "__null-value"))
   }, NULL_VALUE_TEXT), value.map(function (row, idx) {
     return /*#__PURE__*/_react.default.createElement(_RangeListRow.default, (0, _extends2.default)({
+      "data-testid": "range-list-row-".concat(idx),
       key: "idx-".concat(idx, "-from-").concat(row.from, "-to").concat(row.to)
     }, row, {
       idx: idx,

package/dist/Atomic/UI/Accordion/Accordion.js

@@ -38,7 +38,9 @@ var Accordion = function Accordion(_ref) {
       className = _ref.className,
       itemClassName = _ref.itemClassName,
       isMenuHovered = _ref.isMenuHovered,
-      isOpen = _ref.isOpen;
+      isOpen = _ref.isOpen,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'accordion-test' : _ref$testId;
 
   var _useState = (0, _react.useState)(items),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -55,10 +57,12 @@ var Accordion = function Accordion(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('accordion', className)
+    className: (0, _classnames.default)('accordion', className),
+    "data-testid": testId
   }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
     var Icon = Icons[item.icon];
     return item.link ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
+      "data-testid": "".concat(testId, "-link-").concat(index),
       key: index,
       to: item.link,
       className: (0, _classnames.default)('main-menu--item main-menu--items-box-title')
@@ -69,6 +73,7 @@ var Accordion = function Accordion(_ref) {
         hidden: !isOpen && !isMenuHovered
       })
     }, (item === null || item === void 0 ? void 0 : item.title) || 'Link')) : /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
+      testId: "".concat(testId, "-item-").concat(index),
       key: index,
       className: itemClassName,
       item: item,

package/dist/Atomic/UI/Accordion/AccordionItem.js

@@ -35,7 +35,8 @@ var AccordionItem = function AccordionItem(_ref) {
       isOpen = _ref.isOpen,
       className = _ref.className,
       children = _ref.children,
-      noChevron = _ref.noChevron;
+      noChevron = _ref.noChevron,
+      testId = _ref.testId;
   var Icon = Icons[item.icon];
 
   var _useState = (0, _react.useState)(0),
@@ -86,6 +87,7 @@ var AccordionItem = function AccordionItem(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('accordion--item', className)
   }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
     className: (0, _classnames.default)('accordion--title-box', {
       'accordion--title-open': isOpen
     }),

package/dist/Atomic/UI/AdvancedTag/AdvTag.js

@@ -27,7 +27,8 @@ var classNames = require('classnames');
 
 var AdvTag = function AdvTag(_ref) {
   var item = _ref.item,
-      className = _ref.className;
+      className = _ref.className,
+      testId = _ref.testId;
   if (!item) return null;
   var labelLeft = item.labelLeft,
       labelRight = item.labelRight,
@@ -87,6 +88,7 @@ var AdvTag = function AdvTag(_ref) {
     className: advancedTagClass,
     ref: hintRef
   }, warnLeft && /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "".concat(testId, "-left"),
     className: "pointer",
     onMouseEnter: function onMouseEnter() {
       return onWarningClick('warnLeft');
@@ -113,6 +115,7 @@ var AdvTag = function AdvTag(_ref) {
   }, pause)) : null, item.type !== 'simple' ? /*#__PURE__*/_react.default.createElement("span", {
     className: "ml5 mr5"
   }, "|") : null, merchants ? /*#__PURE__*/_react.default.createElement("span", null, merchants) : item.type !== 'simple' && /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "".concat(testId, "-right"),
     className: "pointer",
     onMouseEnter: function onMouseEnter() {
       return onWarningClick('warnRight');

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js

@@ -23,7 +23,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var AdvancedTags = function AdvancedTags(_ref) {
   var items = _ref.items,
-      className = _ref.className;
+      className = _ref.className,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'advanced-tag-test' : _ref$testId;
   if (!items) return null;
 
   var _useState = (0, _react.useState)([items[0], items[1]]),
@@ -42,13 +44,16 @@ var AdvancedTags = function AdvancedTags(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
     className: (0, _classnames.default)(className, 'j4 wrap')
   }, showedItems === null || showedItems === void 0 ? void 0 : showedItems.map(function (item, index) {
     return /*#__PURE__*/_react.default.createElement(_AdvTag.default, {
       key: index,
-      item: item
+      item: item,
+      testId: "".concat(testId, "-item-").concat(index)
     });
   }), items.length >= 3 && /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": "".concat(testId, "-showMore"),
     onClick: function onClick() {
       return onShowMoreClick();
     },

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss

@@ -34,7 +34,7 @@
         min-width: 80px;
         padding: 8px;
         z-index: 2;
-        white-space: nowrap;
+        // white-space: nowrap;
         &:before {
             content: '';
             position: absolute;

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

@@ -29,7 +29,9 @@ var Alert = function Alert(_ref) {
       variant = _ref.variant,
       className = _ref.className,
       children = _ref.children,
-      noDismiss = _ref.noDismiss;
+      noDismiss = _ref.noDismiss,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'test-alert' : _ref$testId;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -37,12 +39,14 @@ var Alert = function Alert(_ref) {
       setOnClose = _useState2[1];
 
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
     className: (0, _classnames.default)(className, {
       hidden: onClose
     }, "alert alert--".concat(variant || 'warning'))
   }, 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, {
+    "data-testid": 'test-alert-close',
     onClick: function onClick() {
       return setOnClose(!onClose);
     }

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

@@ -40,16 +40,15 @@ var Arrow = function Arrow(_ref) {
     if (ref.current) {
       setColor((0, _utils.getStyles)(ref.current, 'color'));
     }
-
-    ;
   }, [ref.current]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: (0, _classnames.default)('arrow', "arrow_".concat(type), className, {
-      'arrow_disabled': disabled
+      arrow_disabled: disabled
     }),
     onClick: onClick
   }, type !== 'right' ? /*#__PURE__*/_react.default.createElement("svg", {
+    "data-testid": "arrow-left",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
@@ -62,6 +61,7 @@ var Arrow = function Arrow(_ref) {
     strokeLinecap: "round",
     strokeLinejoin: "round"
   })) : /*#__PURE__*/_react.default.createElement("svg", {
+    "data-testid": "arrow-right",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",

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

@@ -21,8 +21,6 @@ var Button = function Button(_ref) {
   var _cn;
 
   var label = _ref.label,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
       onClick = _ref.onClick,
       disabled = _ref.disabled,
       icon = _ref.icon,
@@ -32,16 +30,24 @@ var Button = function Button(_ref) {
       noIcon = _ref.noIcon,
       isIconRight = _ref.isIconRight,
       _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
-  var noRenderIcon = noIcon || variant === "ellipse-apply" || variant === "ellipse-cancel";
+      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;
+  var noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';
   return /*#__PURE__*/_react.default.createElement("button", {
+    "data-testid": testId,
     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"
+    className: "button__text",
+    "data-testid": textTestId
   }, label), !label && children ? children : null);
 };
 

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js

@@ -30,13 +30,18 @@ var ButtonsBar = function ButtonsBar(_ref) {
       confirmBtnVariant = _ref.confirmBtnVariant,
       confirmBtnClass = _ref.confirmBtnClass,
       isConfirmBtnDisabled = _ref.isConfirmBtnDisabled,
-      onConfirm = _ref.onConfirm;
+      onConfirm = _ref.onConfirm,
+      _ref$testIdFirstBtn = _ref.testIdFirstBtn,
+      testIdFirstBtn = _ref$testIdFirstBtn === void 0 ? 'test-btn-bar-first' : _ref$testIdFirstBtn,
+      _ref$testIdSecondBtn = _ref.testIdSecondBtn,
+      testIdSecondBtn = _ref$testIdSecondBtn === void 0 ? 'test-btn-bar-second' : _ref$testIdSecondBtn;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "button-bar"
   }, rejectLink ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
     className: "text-decoration-none",
     to: rejectLink
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    testId: testIdFirstBtn,
     label: rejectBtnLabel,
     variant: rejectBtnVariant,
     onClick: onReject,
@@ -46,6 +51,7 @@ var ButtonsBar = function ButtonsBar(_ref) {
       mr5: confirmBtnLabel
     })
   })) : /*#__PURE__*/_react.default.createElement(_Button.default, {
+    "data-testid": testIdFirstBtn,
     label: rejectBtnLabel,
     variant: rejectBtnVariant,
     onClick: onReject,
@@ -55,6 +61,7 @@ var ButtonsBar = function ButtonsBar(_ref) {
       mr5: confirmBtnLabel
     })
   }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    testId: testIdSecondBtn,
     label: confirmBtnLabel,
     variant: confirmBtnVariant,
     onClick: onConfirm,

package/dist/Atomic/UI/DateTime/DateTime.js

@@ -46,8 +46,10 @@ var DateTime = function DateTime(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
   }, !isNoDate && /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": 'test-date',
     className: (0, _classnames.default)("".concat(RC, "__date"))
   }, date), !isNoTime && /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": 'test-time',
     className: (0, _classnames.default)("".concat(RC, "__time"), (0, _defineProperty2.default)({}, "".concat(RC, "_color--pause"), !isNoDate))
   }, time));
 };

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

@@ -22,8 +22,10 @@ var DoubleString = function DoubleString(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className)
   }, /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": 'test-doublestring-value',
     className: (0, _classnames.default)("".concat(RC, "__value"))
   }, value), /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": 'test-doublestring-description',
     className: (0, _classnames.default)("".concat(RC, "__description"))
   }, description));
 };

package/dist/Atomic/UI/Hint/Hint.js

@@ -29,7 +29,9 @@ var Hint = function Hint(_ref) {
       side = _ref$side === void 0 ? 'right' : _ref$side,
       className = _ref.className,
       _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label;
+      label = _ref$label === void 0 ? '' : _ref$label,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'filled' : _ref$variant;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -54,21 +56,45 @@ var Hint = function Hint(_ref) {
     className: (0, _classnames.default)('hint', className),
     ref: hintRef
   }, /*#__PURE__*/_react.default.createElement("button", {
+    "data-testid": 'test-hint',
     onClick: function onClick() {
       return setIsOpen(!isOpen);
     },
     className: (0, _classnames.default)('hint__button', {
       hint__button_active: isOpen
     })
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.HelpCircle, {
+  }, variant === 'outlined' && /*#__PURE__*/_react.default.createElement(_reactFeather.HelpCircle, {
     width: 16,
     height: 16,
-    className: "hint__icon"
-  }), label && /*#__PURE__*/_react.default.createElement("span", {
+    className: "hint__icon outlined"
+  }), variant === 'filled' && /*#__PURE__*/_react.default.createElement("svg", {
+    width: "16",
+    height: "16",
+    className: "hint__icon filled",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7.99992 14.6667C11.6818 14.6667 14.6666 11.6819 14.6666 8.00004C14.6666 4.31814 11.6818 1.33337 7.99992 1.33337C4.31802 1.33337 1.33325 4.31814 1.33325 8.00004C1.33325 11.6819 4.31802 14.6667 7.99992 14.6667Z",
+    fill: "#9AA0B9"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M6.06006 6.00001C6.21679 5.55446 6.52616 5.17875 6.93336 4.93944C7.34056 4.70012 7.81932 4.61264 8.28484 4.69249C8.75036 4.77234 9.1726 5.01436 9.47678 5.3757C9.78095 5.73703 9.94743 6.19436 9.94673 6.66668C9.94673 8.00001 7.94673 8.66668 7.94673 8.66668",
+    stroke: "white",
+    "stroke-width": "1.20265",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8 11.3334H8.00643",
+    stroke: "white",
+    "stroke-width": "1.20265",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  })), label && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)('hint__label', {
       'color--primary': isOpen
     })
   }, label[0].toUpperCase() + label.slice(1))), isOpen && /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": 'test-hint-text',
     className: (0, _classnames.default)('hint__text', "hint__text_".concat(side))
   }, hint));
 };

package/dist/Atomic/UI/Hint/Hint.scss

@@ -86,7 +86,11 @@
     }
   }
 
-  &__icon {
+  &__icon.outlined {
     color: #9aa0b9;
   }
+
+  &__icon.filled {
+    color: #fff;
+  }
 }

package/dist/Atomic/UI/Modal/Modal.js

@@ -86,8 +86,10 @@ var Modal = function Modal(_ref) {
     };
   }, [submitOnEnter]);
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": 'test-modal',
     className: "modal-box j5"
   }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": 'test-modal-closeOverlay',
     className: isOpen ? 'modal-overlay' : 'hidden',
     onClick: closeModal
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -100,6 +102,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',
     onClick: closeModal,
     className: (0, _classnames.default)('modal-close-icon-box', {
       'modal-close-icon-box-primary': variant === 'primary'
@@ -113,6 +116,7 @@ var Modal = function Modal(_ref) {
   }, children), !noFooter && /*#__PURE__*/_react.default.createElement("div", {
     className: "modal__footer"
   }, !noCloseBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    testId: 'test-modal-closeBtn',
     className: (0, _classnames.default)(closeBtnClassName, btnClassNames),
     variant: closeBtnVariant || 'dark-outline',
     onClick: closeModal,

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

@@ -69,7 +69,7 @@ var MonoAccordion = function MonoAccordion(_ref) {
     } else return e;
   };
 
-  (0, _react.useLayoutEffect)(function () {
+  (0, _react.useEffect)(function () {
     if (!isOpen) setHeight(0);else setHeight();
   }, [isOpen]);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {

package/dist/Atomic/UI/TagList/TagList.js

@@ -124,6 +124,13 @@ var TagList = function TagList(_ref) {
       items: []
     });
     return result === null || result === void 0 ? void 0 : result.count;
+  };
+
+  var cancelDefault = function cancelDefault(e) {
+    var cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
+    e === null || e === void 0 ? void 0 : e.preventDefault();
+    e === null || e === void 0 ? void 0 : e.stopPropagation();
+    cb(e);
   }; // Set TagList Wrapper Width
 
 
@@ -184,8 +191,10 @@ var TagList = function TagList(_ref) {
     return /*#__PURE__*/_react.default.createElement(_Tag.default, {
       label: "+".concat(restItems),
       className: "tag-list_wrapper_render-more",
-      onClick: function onClick() {
-        return setRenderAll(true);
+      onClick: function onClick(e) {
+        return cancelDefault(e, function () {
+          return setRenderAll(true);
+        });
       }
     });
   };
@@ -195,8 +204,10 @@ var TagList = function TagList(_ref) {
     return /*#__PURE__*/_react.default.createElement(_Tag.default, {
       label: "...",
       className: "tag-list_wrapper_hide-more",
-      onClick: function onClick() {
-        return setRenderAll(false);
+      onClick: function onClick(e) {
+        return cancelDefault(e, function () {
+          return setRenderAll(true);
+        });
       }
     });
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.2.8",
+  "version": "0.2.11",
   "description": "",
   "main": "dist/index.js",
   "files": [
@@ -28,7 +28,9 @@
   "devDependencies": {
     "@babel/cli": "^7.15.7",
     "@babel/core": "^7.15.5",
+    "@babel/plugin-syntax-jsx": "^7.17.12",
     "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^7.15.6"
+    "@babel/preset-env": "^7.15.6",
+    "@babel/preset-react": "^7.17.12"
   }
 }