intelicoreact 1.4.82 → 1.4.83

package/dist/Atomic/UI/AccordionTable/AccordionTable.js

@@ -2,11 +2,19 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -17,57 +25,66 @@ var _MonoAccordion = _interopRequireDefault(require("../MonoAccordion/MonoAccord
 
 require("./AccordionTable.scss");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const AccordionTable = _ref => {
-  let {
-    className,
-    header,
-    items,
-    onChange,
-    testId,
-    onSort = () => {},
-    sortParams
-  } = _ref;
-  const [accordions, setAccordions] = (0, _react.useState)(items);
-
-  const sortedColClassName = item => (0, _classnames.default)("accordion-table__header-item", item.className, {
-    "accordion-table--sorted-col": sortParams && sortParams.key === item.key
-  }, {
-    "accordion-table__header-item-sortable": !item.noSort
-  });
-
-  const handle = {
-    accordionChange: (key, e) => {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var AccordionTable = function AccordionTable(_ref) {
+  var className = _ref.className,
+      header = _ref.header,
+      items = _ref.items,
+      onChange = _ref.onChange,
+      testId = _ref.testId,
+      _ref$onSort = _ref.onSort,
+      onSort = _ref$onSort === void 0 ? function () {} : _ref$onSort,
+      sortParams = _ref.sortParams;
+
+  var _useState = (0, _react.useState)(items),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      accordions = _useState2[0],
+      setAccordions = _useState2[1];
+
+  var sortedColClassName = function sortedColClassName(item) {
+    return (0, _classnames.default)("accordion-table__header-item", item.className, {
+      "accordion-table--sorted-col": sortParams && sortParams.key === item.key
+    }, {
+      "accordion-table__header-item-sortable": !item.noSort
+    });
+  };
+
+  var handle = {
+    accordionChange: function accordionChange(key, e) {
       var _e$target, _e$target$className, _e$target$className$i;
 
-      const newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map(item => {
+      var newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map(function (item) {
         if (item.key === key) {
-          return { ...item,
+          return _objectSpread(_objectSpread({}, item), {}, {
             isOpen: !item.isOpen
-          };
+          });
         }
 
         return item;
       });
-      const isArrowSvg = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) === "svg";
-      const isAccordionElement = (_e$target$className = e.target.className) === null || _e$target$className === void 0 ? void 0 : (_e$target$className$i = _e$target$className.includes) === null || _e$target$className$i === void 0 ? void 0 : _e$target$className$i.call(_e$target$className, "accordion-table");
+      var isArrowSvg = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) === "svg";
+      var isAccordionElement = (_e$target$className = e.target.className) === null || _e$target$className === void 0 ? void 0 : (_e$target$className$i = _e$target$className.includes) === null || _e$target$className$i === void 0 ? void 0 : _e$target$className$i.call(_e$target$className, "accordion-table");
 
       if (isAccordionElement || isArrowSvg) {
         onChange(newArr);
         setAccordions(newArr);
       }
     },
-    setSort: key => {
-      let newSorting;
+    setSort: function setSort(key) {
+      var newSorting;
       if (key !== sortParams.key) newSorting = {
         key: key,
         direction: "DESC"
       };else {
         newSorting = {
-          key,
+          key: key,
           direction: sortParams.direction === "ASC" ? "DESC" : "ASC"
         };
       }
@@ -75,17 +92,22 @@ const AccordionTable = _ref => {
     }
   };
 
-  const getHeaderItem = key => {
-    return header === null || header === void 0 ? void 0 : header.find(item => item.key === key);
+  var getHeaderItem = function getHeaderItem(key) {
+    return header === null || header === void 0 ? void 0 : header.find(function (item) {
+      return item.key === key;
+    });
   };
 
-  const renderTd = tr => {
+  var renderTd = function renderTd(tr) {
     var _Object$entries;
 
-    return (_Object$entries = Object.entries(tr)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(_ref2 => {
+    return (_Object$entries = Object.entries(tr)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(function (_ref2) {
       var _getHeaderItem, _getHeaderItem2;
 
-      let [key, value] = _ref2;
+      var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+          key = _ref3[0],
+          value = _ref3[1];
+
       return key === "promoDetails" || key === "disclosure" ? null : /*#__PURE__*/_react.default.createElement("div", {
         key: key,
         style: {
@@ -94,13 +116,13 @@ const AccordionTable = _ref => {
         className: (0, _classnames.default)("accordion-table__td", "accordion-table__td--".concat(key), (_getHeaderItem2 = getHeaderItem(key)) === null || _getHeaderItem2 === void 0 ? void 0 : _getHeaderItem2.className)
       }, /*#__PURE__*/_react.default.createElement("p", {
         className: "accordion-table__statistics-td-value",
-        title: typeof value !== "object" ? value : value.value
-      }, typeof value !== "object" ? value : value.value));
+        title: (0, _typeof2.default)(value) !== "object" ? value : value.value
+      }, (0, _typeof2.default)(value) !== "object" ? value : value.value));
     });
   };
 
-  const renderTr = rows => {
-    return rows === null || rows === void 0 ? void 0 : rows.map((row, index) => {
+  var renderTr = function renderTr(rows) {
+    return rows === null || rows === void 0 ? void 0 : rows.map(function (row, index) {
       var _row$cols, _row$cols2, _row$cols3, _row$cols4, _row$cols5;
 
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -128,9 +150,11 @@ const AccordionTable = _ref => {
     });
   };
 
-  const defineAccordionTitle = row => {
+  var defineAccordionTitle = function defineAccordionTitle(row) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      onClick: e => handle.accordionChange(row.key, e),
+      onClick: function onClick(e) {
+        return handle.accordionChange(row.key, e);
+      },
       className: "accordion-table__accordion-label-box"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "accordion-table__accordion-label-wrapper j4"
@@ -144,10 +168,13 @@ const AccordionTable = _ref => {
       className: "accordion-label-box__label"
     }, row.label), row.statistics && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("accordion-table__tr", row.className)
-    }, Object.entries(row.statistics).map(_ref3 => {
+    }, Object.entries(row.statistics).map(function (_ref4) {
       var _getHeaderItem3, _getHeaderItem4;
 
-      let [key, value] = _ref3;
+      var _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+          key = _ref5[0],
+          value = _ref5[1];
+
       return /*#__PURE__*/_react.default.createElement("div", {
         key: key,
         style: {
@@ -165,21 +192,23 @@ const AccordionTable = _ref => {
     }))), row.titleContent);
   };
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setAccordions(items);
   }, [items]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("accordion-table", className)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-table__header"
-  }, header === null || header === void 0 ? void 0 : header.map(item => {
+  }, header === null || header === void 0 ? void 0 : header.map(function (item) {
     return /*#__PURE__*/_react.default.createElement("div", {
       style: {
         flexBasis: "".concat(item.width, "%")
       },
       key: item.key,
       className: sortedColClassName(item),
-      onClick: () => !item.noSort && handle.setSort(item.key)
+      onClick: function onClick() {
+        return !item.noSort && handle.setSort(item.key);
+      }
     }, sortParams && item.key === sortParams.key && sortParams.key !== "actions" && (sortParams.direction === "DESC" ? /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
       size: 16
     }) : /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
@@ -187,13 +216,15 @@ const AccordionTable = _ref => {
     })), item.label);
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-table__body"
-  }, accordions === null || accordions === void 0 ? void 0 : accordions.map(accordion => {
+  }, accordions === null || accordions === void 0 ? void 0 : accordions.map(function (accordion) {
     var _accordion$children;
 
     return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
       testId: testId,
       key: accordion.key,
-      onClick: e => handle.accordionChange(accordion.key, e),
+      onClick: function onClick(e) {
+        return handle.accordionChange(accordion.key, e);
+      },
       isOpen: accordion.isOpen,
       className: (0, _classnames.default)("accordion-table__body-accordion", {
         "accordion-table__body-accordion--closed": !accordion.isOpen

package/dist/Atomic/UI/AccordionText/AccordionText.js

@@ -2,11 +2,15 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -15,34 +19,45 @@ var _reactFeather = require("react-feather");
 
 require("./AccordionText.scss");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var defaultText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";
 
-const defaultText = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";
+var AccordionText = function AccordionText(_ref) {
+  var _ref$isDefaultOpen = _ref.isDefaultOpen,
+      isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen,
+      _ref$isOuterOpen = _ref.isOuterOpen,
+      isOuterOpen = _ref$isOuterOpen === void 0 ? false : _ref$isOuterOpen,
+      className = _ref.className,
+      _ref$text = _ref.text,
+      text = _ref$text === void 0 ? defaultText : _ref$text,
+      _ref$shortText = _ref.shortText,
+      shortText = _ref$shortText === void 0 ? null : _ref$shortText;
+  var bodyRef = (0, _react.useRef)(null);
 
-const AccordionText = _ref => {
-  let {
-    isDefaultOpen = false,
-    isOuterOpen = false,
-    className,
-    text = defaultText,
-    shortText = null
-  } = _ref;
-  const bodyRef = (0, _react.useRef)(null);
-  const [isOpen, setIsOpen] = (0, _react.useState)(isDefaultOpen);
-  const [isNeedTrimText, setIsNeedTrimText] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
+  var _useState = (0, _react.useState)(isDefaultOpen),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isOpen = _useState2[0],
+      setIsOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isNeedTrimText = _useState4[0],
+      setIsNeedTrimText = _useState4[1];
+
+  (0, _react.useEffect)(function () {
     setIsOpen(isOuterOpen);
   }, [isOuterOpen]);
-  (0, _react.useEffect)(() => {
-    const checkEllipsis = () => {
+  (0, _react.useEffect)(function () {
+    var checkEllipsis = function checkEllipsis() {
       if (bodyRef.current) {
         setIsNeedTrimText(bodyRef.current.scrollWidth > bodyRef.current.clientWidth);
       }
     };
 
-    const resizeObserver = new ResizeObserver(() => {
+    var resizeObserver = new ResizeObserver(function () {
       checkEllipsis();
     });
 
@@ -51,7 +66,7 @@ const AccordionText = _ref => {
       checkEllipsis();
     }
 
-    return () => {
+    return function () {
       if (bodyRef.current) {
         resizeObserver.unobserve(bodyRef.current);
       }
@@ -61,7 +76,11 @@ const AccordionText = _ref => {
     className: (0, _classnames.default)("accordion-text", className, {
       "accordion-text--open": isOpen
     }),
-    onClick: () => setIsOpen(prevIsOpen => !prevIsOpen)
+    onClick: function onClick() {
+      return setIsOpen(function (prevIsOpen) {
+        return !prevIsOpen;
+      });
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("accordion-text__body", {
       "accordion-text__body--trim-text": isNeedTrimText && !isOpen

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

@@ -2,11 +2,15 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -15,78 +19,94 @@ var _reactFeather = require("react-feather");
 
 require("./AdvancedTags.scss");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const AdvTag = _ref => {
-  let {
-    item,
-    className,
-    testId,
-    toTop = true
-  } = _ref;
+var AdvTag = function AdvTag(_ref) {
+  var item = _ref.item,
+      className = _ref.className,
+      testId = _ref.testId,
+      _ref$toTop = _ref.toTop,
+      toTop = _ref$toTop === void 0 ? true : _ref$toTop;
   if (!item) return null;
-  const {
-    labelLeft,
-    labelRight,
-    active = 0,
-    pause = 0,
-    merchants,
-    warnLeft,
-    warnLeftMsg,
-    warnRightMsg,
-    noPingTree,
-    isEntityAndCounter = false,
-    entityAndCounter = {
-      nullCounterMessage: "",
-      title: "",
-      counter: null
-    }
-  } = item;
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const [clickedWarning, setClickedWarning] = (0, _react.useState)("");
-  const hintRef = (0, _react.useRef)(null);
-  const activeNumberClass = (0, _classnames.default)("strong", {
+  var labelLeft = item.labelLeft,
+      labelRight = item.labelRight,
+      _item$active = item.active,
+      active = _item$active === void 0 ? 0 : _item$active,
+      _item$pause = item.pause,
+      pause = _item$pause === void 0 ? 0 : _item$pause,
+      merchants = item.merchants,
+      warnLeft = item.warnLeft,
+      warnLeftMsg = item.warnLeftMsg,
+      warnRightMsg = item.warnRightMsg,
+      noPingTree = item.noPingTree,
+      _item$isEntityAndCoun = item.isEntityAndCounter,
+      isEntityAndCounter = _item$isEntityAndCoun === void 0 ? false : _item$isEntityAndCoun,
+      _item$entityAndCounte = item.entityAndCounter,
+      entityAndCounter = _item$entityAndCounte === void 0 ? {
+    nullCounterMessage: "",
+    title: "",
+    counter: null
+  } : _item$entityAndCounte;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isOpen = _useState2[0],
+      setIsOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(""),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      clickedWarning = _useState4[0],
+      setClickedWarning = _useState4[1];
+
+  var hintRef = (0, _react.useRef)(null);
+  var activeNumberClass = (0, _classnames.default)("strong", {
     "color--pause": active === 0
   }, {
     "color--green-haze": active > 0
   });
-  const pauseNumberClass = (0, _classnames.default)("strong", {
+  var pauseNumberClass = (0, _classnames.default)("strong", {
     "color--pause": pause === 0
   }, {
     "color--light-red": pause > 0
   });
-  const isEmptyEntitys = isEntityAndCounter && (!entityAndCounter.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
-  const advancedTagClass = (0, _classnames.default)("advanced-tags", {
+  var isEmptyEntitys = isEntityAndCounter && (!entityAndCounter.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
+  var advancedTagClass = (0, _classnames.default)("advanced-tags", {
     "advanced-tags--error": isEmptyEntitys
   }, className);
 
-  const onWarningClick = warn => {
+  var onWarningClick = function onWarningClick(warn) {
     setIsOpen(true);
     setClickedWarning(warn);
   };
 
-  const handleClickOutside = event => {
+  var handleClickOutside = function handleClickOutside(event) {
     if (hintRef.current && !hintRef.current.contains(event.target)) {
       setIsOpen(false);
     }
   };
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     document.addEventListener("click", handleClickOutside, true);
-    return () => document.removeEventListener("click", handleClickOutside, true);
+    return function () {
+      return document.removeEventListener("click", handleClickOutside, true);
+    };
   });
 
-  const renderClassicTag = () => {
+  var renderClassicTag = function renderClassicTag() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: advancedTagClass,
       ref: hintRef
     }, warnLeft && /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "".concat(testId, "-left"),
       className: "advanced-tags--warning-icon-wrapper",
-      onMouseEnter: () => onWarningClick("warnLeft"),
-      onMouseLeave: () => setIsOpen(false)
+      onMouseEnter: function onMouseEnter() {
+        return onWarningClick("warnLeft");
+      },
+      onMouseLeave: function onMouseLeave() {
+        return setIsOpen(false);
+      }
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
       width: 16,
       height: 16,
@@ -108,8 +128,12 @@ const AdvTag = _ref => {
     }, "|") : null, merchants ? /*#__PURE__*/_react.default.createElement("span", null, merchants) : item.type !== "simple" && /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "".concat(testId, "-right"),
       className: "advanced-tags--warning-icon-wrapper",
-      onMouseEnter: () => onWarningClick("warnRight"),
-      onMouseLeave: () => setIsOpen(false)
+      onMouseEnter: function onMouseEnter() {
+        return onWarningClick("warnRight");
+      },
+      onMouseLeave: function onMouseLeave() {
+        return setIsOpen(false);
+      }
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
       width: 16,
       height: 16,
@@ -125,18 +149,22 @@ const AdvTag = _ref => {
     }, warnRightMsg) : null);
   };
 
-  const renderWithEntityAndCounterTag = () => {
+  var renderWithEntityAndCounterTag = function renderWithEntityAndCounterTag() {
     var _entityAndCounter$cou;
 
-    const isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === "0";
+    var isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === "0";
     return /*#__PURE__*/_react.default.createElement("div", {
       className: advancedTagClass,
       ref: hintRef
     }, isNullcounter && /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "".concat(testId, "-left"),
       className: "advanced-tags--warning-icon-wrapper",
-      onMouseEnter: () => onWarningClick("warnLeft"),
-      onMouseLeave: () => setIsOpen(false)
+      onMouseEnter: function onMouseEnter() {
+        return onWarningClick("warnLeft");
+      },
+      onMouseLeave: function onMouseLeave() {
+        return setIsOpen(false);
+      }
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
       width: 16,
       height: 16,

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

@@ -2,11 +2,15 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -15,30 +19,38 @@ var _Tag = _interopRequireDefault(require("../Tag/Tag"));
 
 var _AdvTag = _interopRequireDefault(require("./AdvTag"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const AdvancedTags = _ref => {
-  let {
-    items,
-    noItemsTagLabel,
-    className,
-    testId = "advanced-tag-test",
-    toTop = true
-  } = _ref;
+var AdvancedTags = function AdvancedTags(_ref) {
+  var items = _ref.items,
+      noItemsTagLabel = _ref.noItemsTagLabel,
+      className = _ref.className,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? "advanced-tag-test" : _ref$testId,
+      _ref$toTop = _ref.toTop,
+      toTop = _ref$toTop === void 0 ? true : _ref$toTop;
   if ((!items || !items.length) && !noItemsTagLabel) return null;
   if ((!items || !items.length) && noItemsTagLabel) return /*#__PURE__*/_react.default.createElement(_Tag.default, {
     label: noItemsTagLabel === null || noItemsTagLabel === void 0 ? void 0 : noItemsTagLabel.toString(),
     className: (0, _classnames.default)(className, "tag-warn")
   });
-  const [showedItems, setShowedItems] = (0, _react.useState)([items[0], items[1]]);
-  const [showMore, setShowMore] = (0, _react.useState)(true);
 
-  const onShowMoreClick = () => {
+  var _useState = (0, _react.useState)([items[0], items[1]]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showedItems = _useState2[0],
+      setShowedItems = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(true),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      showMore = _useState4[0],
+      setShowMore = _useState4[1];
+
+  var onShowMoreClick = function onShowMoreClick() {
     setShowedItems(showMore ? items : [items[0], items[1]]);
     setShowMore(!showMore);
-    return () => {
+    return function () {
       setShowedItems([items[0], items[1]]);
       setShowMore(true);
     };
@@ -47,14 +59,18 @@ const 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((item, index) => /*#__PURE__*/_react.default.createElement(_AdvTag.default, {
-    toTop: toTop,
-    key: index,
-    item: item,
-    testId: "".concat(testId, "-item-").concat(index)
-  })), items.length >= 3 && /*#__PURE__*/_react.default.createElement("span", {
+  }, showedItems === null || showedItems === void 0 ? void 0 : showedItems.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement(_AdvTag.default, {
+      toTop: toTop,
+      key: index,
+      item: item,
+      testId: "".concat(testId, "-item-").concat(index)
+    });
+  }), items.length >= 3 && /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "".concat(testId, "-showMore"),
-    onClick: () => onShowMoreClick(),
+    onClick: function onClick() {
+      return onShowMoreClick();
+    },
     className: "advanced-tags advanced-tags--showMore"
   }, showMore ? "+".concat(items.length - showedItems.length) : "..."));
 };