intelicoreact 1.5.32 → 1.5.34

package/dist/Atomic/UI/Accordion/Accordion.scss

@@ -1,87 +0,0 @@
-@import "../../../scss/vars";
-@import "../../../scss/mixins";
-
-.accordion {
-  &--item {
-    border: 1px solid $color--border;
-
-    &:not(:first-child) {
-      border-top: none;
-    }
-  }
-
-  &--title-box {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    height: 20px;
-    padding: 10px 15px;
-
-    cursor: pointer;
-
-    &:hover {
-      background-color: $color--gray-gentel;
-    }
-  }
-
-  &--title {
-    font-size: 13px;
-    user-select: none;
-
-    color: $color--text;
-
-    &-chevron {
-      min-width: 16px;
-      min-height: 16px;
-
-      cursor: pointer;
-
-      transition: all 0.2s ease-out;
-
-      &-open {
-        transition: all 0.2s ease-out;
-        transform: rotate(90deg);
-      }
-    }
-  }
-
-  &--content {
-    display: flex;
-    overflow: hidden;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-
-    max-height: 1000px;
-
-    font-size: 13px;
-
-    opacity: 0;
-    background: #fff;
-
-    transition: all 0.25s ease-out;
-
-    @include custom-scroll;
-
-    &-is-open {
-      padding: 10px 15px;
-
-      opacity: 1;
-
-      transition: all 0.25s ease-out;
-    }
-
-    &-item {
-      width: calc(100% - 40px);
-      padding: 7.5px 20px;
-
-      a {
-        font-size: 13px;
-        font-weight: 300;
-
-        color: #1e1e2d;
-      }
-    }
-  }
-}

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

@@ -1,110 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var Icons = _interopRequireWildcard(require("react-feather"));
-var _reactRouterDom = require("react-router-dom");
-var _Status = _interopRequireDefault(require("../Status/Status"));
-require("./Accordion.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; }
-const AccordionItem = _ref => {
-  var _calculateStatusCount, _calculateStatusCount2;
-  let {
-    item,
-    onClick,
-    isOpen,
-    className,
-    children,
-    noChevron,
-    testId = "accordion-item"
-  } = _ref;
-  const Icon = Icons[item.icon];
-  const [maxHeight, setMaxHeight] = (0, _react.useState)(0);
-  const ref = (0, _react.useRef)(null);
-  const getItemsHeight = () => {
-    let itemHeight = 0;
-    ref.current.childNodes.forEach(el => {
-      itemHeight += el.offsetHeight;
-    });
-    return itemHeight + 20;
-  };
-  (0, _react.useEffect)(() => {
-    setMaxHeight(isOpen ? getItemsHeight() : 0);
-  }, [isOpen]);
-
-  // https://i.imgur.com/TaScp0h.png
-  const calculateStatusCount = () => {
-    var _item$rows;
-    return item === null || item === void 0 || (_item$rows = item.rows) === null || _item$rows === void 0 ? void 0 : _item$rows.reduce(
-    // sum rows
-    (acc, row) => {
-      const result = row.cols.reduce(
-      // sum cols
-      (accum, col) => ({
-        active: accum.active + (col.status === "active" ? 1 : 0),
-        pause: accum.pause + (col.status === "pause" ? 1 : 0)
-      }), {
-        active: 0,
-        pause: 0
-      });
-      return {
-        // rows result + cols result
-        active: acc.active + result.active,
-        pause: acc.pause + result.pause
-      };
-    }, {
-      active: 0,
-      pause: 0
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)("accordion--item", className)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("accordion--title-box", {
-      "accordion--title-open": isOpen
-    }),
-    onClick: () => onClick(!isOpen)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "j4 no-wrap"
-  }, (item === null || item === void 0 ? void 0 : item.icon) && /*#__PURE__*/_react.default.createElement(Icon, {
-    className: (0, _classnames.default)("mr5", item === null || item === void 0 ? void 0 : item.className)
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "accordion--title"
-  }, item.title || "Menu Chapter")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "j6 accordion-title__right-box"
-  }, item.status && /*#__PURE__*/_react.default.createElement("div", {
-    className: "mr5"
-  }, /*#__PURE__*/_react.default.createElement(_Status.default, {
-    type: item === null || item === void 0 ? void 0 : item.status.type,
-    value: item === null || item === void 0 ? void 0 : item.status.value,
-    status: item === null || item === void 0 ? void 0 : item.status.status,
-    active: (_calculateStatusCount = calculateStatusCount()) === null || _calculateStatusCount === void 0 ? void 0 : _calculateStatusCount.active,
-    pause: (_calculateStatusCount2 = calculateStatusCount()) === null || _calculateStatusCount2 === void 0 ? void 0 : _calculateStatusCount2.pause
-  })), !noChevron && /*#__PURE__*/_react.default.createElement(Icons.ChevronRight, {
-    className: (0, _classnames.default)("accordion--title-chevron", {
-      "accordion--title-chevron-open": isOpen
-    })
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    style: {
-      maxHeight
-    },
-    className: (0, _classnames.default)("accordion--content", {
-      "accordion--content-is-open": isOpen
-    })
-  }, item.children ? item.children.map(el => {
-    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
-      to: el.link,
-      key: el.id,
-      className: "accordion--content-item accordion--menu-link"
-    }, (el === null || el === void 0 ? void 0 : el.title) || "Menu item");
-  }) : children));
-};
-var _default = exports.default = AccordionItem;

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

@@ -1,182 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _MonoAccordion = _interopRequireDefault(require("../MonoAccordion/MonoAccordion"));
-require("./AccordionTable.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; }
-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) => {
-      var _e$target, _e$target$className, _e$target$className$i;
-      const newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map(item => {
-        if (item.key === key) {
-          return {
-            ...item,
-            isOpen: !item.isOpen
-          };
-        }
-        return item;
-      });
-      const isArrowSvg = (e === null || e === 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 || (_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;
-      if (key !== sortParams.key) newSorting = {
-        key: key,
-        direction: "DESC"
-      };else {
-        newSorting = {
-          key,
-          direction: sortParams.direction === "ASC" ? "DESC" : "ASC"
-        };
-      }
-      onSort(newSorting);
-    }
-  };
-  const getHeaderItem = key => {
-    return header === null || header === void 0 ? void 0 : header.find(item => item.key === key);
-  };
-  const renderTd = tr => {
-    var _Object$entries;
-    return (_Object$entries = Object.entries(tr)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(_ref2 => {
-      var _getHeaderItem, _getHeaderItem2;
-      let [key, value] = _ref2;
-      return key === "promoDetails" || key === "disclosure" ? null : /*#__PURE__*/_react.default.createElement("div", {
-        key: key,
-        style: {
-          flexBasis: "".concat((_getHeaderItem = getHeaderItem(key)) === null || _getHeaderItem === void 0 ? void 0 : _getHeaderItem.width, "%")
-        },
-        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));
-    });
-  };
-  const renderTr = rows => {
-    return rows === null || rows === void 0 ? void 0 : rows.map((row, index) => {
-      var _row$cols, _row$cols2, _row$cols3, _row$cols4, _row$cols5;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: index,
-        className: (0, _classnames.default)("accordion-table__tr", {
-          "accordion-table__tr-with-promo": row.promoDetails || ((_row$cols = row.cols) === null || _row$cols === void 0 ? void 0 : _row$cols.promoDetails)
-        }, row.className)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "df w100"
-      }, renderTd(row.cols || row)), row.promoDetails || (_row$cols2 = row.cols) !== null && _row$cols2 !== void 0 && _row$cols2.promoDetails ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__tr-promo-wrapper"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__tr-promo"
-      }, /*#__PURE__*/_react.default.createElement(_reactFeather.Tag, {
-        className: "tr-promo-icon",
-        width: 16,
-        height: 16
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        className: "tr-promo-label"
-      }, "PROMOTION"), row.promoDetails || ((_row$cols3 = row.cols) === null || _row$cols3 === void 0 ? void 0 : _row$cols3.promoDetails))) : null, row.disclosure || (_row$cols4 = row.cols) !== null && _row$cols4 !== void 0 && _row$cols4.disclosure ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__tr-promo-wrapper"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__tr-promo accordion-table__tr-promo-disclosure"
-      }, row.disclosure || ((_row$cols5 = row.cols) === null || _row$cols5 === void 0 ? void 0 : _row$cols5.disclosure))) : null);
-    });
-  };
-  const defineAccordionTitle = row => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      onClick: e => handle.accordionChange(row.key, e),
-      className: "accordion-table__accordion-label-box"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "accordion-table__accordion-label-wrapper j4"
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
-      width: 8,
-      height: 4,
-      className: (0, _classnames.default)("accordion-label-box__icon", {
-        "accordion-label-box__icon--open": row.isOpen
-      })
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      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 => {
-      var _getHeaderItem3, _getHeaderItem4;
-      let [key, value] = _ref3;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: key,
-        style: {
-          width: "".concat((_getHeaderItem3 = getHeaderItem(key)) === null || _getHeaderItem3 === void 0 ? void 0 : _getHeaderItem3.width, "%")
-        },
-        className: (0, _classnames.default)("accordion-table__statistics-td", (_getHeaderItem4 = getHeaderItem(key)) === null || _getHeaderItem4 === void 0 ? void 0 : _getHeaderItem4.className)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__statistics-td-value-wrapper"
-      }, key === "status" ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "accordion-table__statistics-td-value"
-      }, value) : /*#__PURE__*/_react.default.createElement("p", {
-        className: "accordion-table__statistics-td-value",
-        title: value
-      }, value)));
-    }))), row.titleContent);
-  };
-  (0, _react.useEffect)(() => {
-    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 => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        flexBasis: "".concat(item.width, "%")
-      },
-      key: item.key,
-      className: sortedColClassName(item),
-      onClick: () => !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, {
-      size: 16
-    })), item.label);
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "accordion-table__body"
-  }, accordions === null || accordions === void 0 ? void 0 : accordions.map(accordion => {
-    var _accordion$children;
-    return /*#__PURE__*/_react.default.createElement(_MonoAccordion.default, {
-      testId: testId,
-      key: accordion.key,
-      onClick: e => handle.accordionChange(accordion.key, e),
-      isOpen: accordion.isOpen,
-      className: (0, _classnames.default)("accordion-table__body-accordion", {
-        "accordion-table__body-accordion--closed": !accordion.isOpen
-      }, accordion.className),
-      titleJSX: defineAccordionTitle(accordion)
-    }, (_accordion$children = accordion.children) !== null && _accordion$children !== void 0 ? _accordion$children : renderTr(accordion.rows));
-  })));
-};
-var _default = exports.default = AccordionTable;

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

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-require("./AccordionText.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; }
-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.";
-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)(() => {
-    setIsOpen(isOuterOpen);
-  }, [isOuterOpen]);
-  (0, _react.useEffect)(() => {
-    const checkEllipsis = () => {
-      if (bodyRef.current) {
-        setIsNeedTrimText(bodyRef.current.scrollWidth > bodyRef.current.clientWidth);
-      }
-    };
-    const resizeObserver = new ResizeObserver(() => {
-      checkEllipsis();
-    });
-    if (bodyRef.current) {
-      resizeObserver.observe(bodyRef.current);
-      checkEllipsis();
-    }
-    return () => {
-      if (bodyRef.current) {
-        resizeObserver.unobserve(bodyRef.current);
-      }
-    };
-  }, [text]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("accordion-text", className, {
-      "accordion-text--open": isOpen
-    }),
-    onClick: () => setIsOpen(prevIsOpen => !prevIsOpen)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("accordion-text__body", {
-      "accordion-text__body--trim-text": isNeedTrimText && !isOpen
-    }),
-    ref: bodyRef
-  }, shortText ? isOpen ? text : shortText : text), /*#__PURE__*/_react.default.createElement("div", {
-    className: "accordion-text__toggle"
-  }, isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null)));
-};
-var _default = exports.default = AccordionText;

package/dist/Atomic/UI/AccordionText/AccordionText.scss

@@ -1,53 +0,0 @@
-.accordion-text {
-  position: relative;
-  padding: 4px 24px 4px 8px;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 18px;
-  cursor: pointer;
-  border-radius: 4px;
-  background-color: rgba(48, 57, 91, 0.05);
-  overflow: hidden;
-  height: 25px;
-  box-sizing: border-box;
-
-  &--open {
-    max-height: 100%;
-    height: fit-content;
-  }
-
-  &__body {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    width: 100%; // Устанавливаем ширину в 100% родительского контейнера
-  }
-
-  &__body--trim-text > * {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden; // Необходимо для работы обрезки текста
-    width: 100%; // Обеспечивает переполнение текста
-  }
-
-  &--open &__body {
-    white-space: normal; // Вернуть к нормальному переносу в открытом состоянии
-    text-overflow: clip; // Убираем обрезку текста
-    overflow: visible; // Убираем скрытие переполненного контента в открытом состоянии
-  }
-
-  &__toggle {
-    position: absolute;
-    top: 0;
-    right: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 16px;
-    height: 16px;
-    margin: 4px;
-    padding: 2px;
-    color: #a0a4b0;
-    pointer-events: none;
-  }
-}

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

@@ -1,143 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-require("./AdvancedTags.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; }
-const AdvTag = _ref => {
-  let {
-    item,
-    className,
-    testId = "adv-tag",
-    toTop = true
-  } = _ref;
-  if (!item) return null;
-  const {
-    labelLeft,
-    labelRight,
-    active = 0,
-    pause = 0,
-    merchants,
-    warnLeft,
-    warnLeftMsg,
-    warnRightMsg,
-    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", {
-    "color--pause": active === 0
-  }, {
-    "color--green-haze": active > 0
-  });
-  const 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", {
-    "advanced-tags--error": isEmptyEntitys
-  }, className);
-  const onWarningClick = warn => {
-    setIsOpen(true);
-    setClickedWarning(warn);
-  };
-  const handleClickOutside = event => {
-    if (hintRef.current && !hintRef.current.contains(event.target)) {
-      setIsOpen(false);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    document.addEventListener("click", handleClickOutside, true);
-    return () => document.removeEventListener("click", handleClickOutside, true);
-  });
-  const renderClassicTag = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": testId,
-      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)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
-      width: 16,
-      height: 16,
-      className: "advanced-tags--warning-icon mr5"
-    })), labelLeft && /*#__PURE__*/_react.default.createElement("span", {
-      className: "mr5"
-    }, labelLeft), labelRight && /*#__PURE__*/_react.default.createElement("span", null, labelRight), item.type !== "simple" ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "ml5 mr5"
-    }, "|") : null, item.type !== "simple" ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "df"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: activeNumberClass
-    }, active), /*#__PURE__*/_react.default.createElement("span", {
-      className: "strong color--pause"
-    }, "/"), /*#__PURE__*/_react.default.createElement("span", {
-      className: pauseNumberClass
-    }, 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: "advanced-tags--warning-icon-wrapper",
-      onMouseEnter: () => onWarningClick("warnRight"),
-      onMouseLeave: () => setIsOpen(false)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
-      width: 16,
-      height: 16,
-      className: "advanced-tags--warning-icon"
-    })), isOpen && warnLeftMsg && clickedWarning === "warnLeft" ? /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
-        "advanced-tags__warn-text--warnLeft--to-top": toTop
-      })
-    }, warnLeftMsg) : null, isOpen && warnRightMsg && clickedWarning === "warnRight" ? /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)("advanced-tags__warn-text", "advanced-tags__warn-text--warnRight", {
-        "advanced-tags__warn-text--warnRight--to-top": toTop
-      })
-    }, warnRightMsg) : null);
-  };
-  const renderWithEntityAndCounterTag = () => {
-    var _entityAndCounter$cou;
-    const isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 || (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === "0";
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": testId,
-      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)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
-      width: 16,
-      height: 16,
-      className: "advanced-tags--warning-icon mr5"
-    })), isOpen && entityAndCounter !== null && entityAndCounter !== void 0 && entityAndCounter.nullCounterMessage && clickedWarning === "warnLeft" ? /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
-        "advanced-tags__warn-text--warnLeft--to-top": toTop
-      })
-    }, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.nullCounterMessage) : null, (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.title) && /*#__PURE__*/_react.default.createElement("span", {
-      className: "mr5"
-    }, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.title), /*#__PURE__*/_react.default.createElement("div", {
-      className: "advanced-tags__counter ".concat(isNullcounter ? "advanced-tags__counter--null" : "advanced-tags__counter--bold")
-    }, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.counter));
-  };
-  return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();
-};
-var _default = exports.default = AdvTag;