intelicoreact 1.5.38 → 1.5.41

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

@@ -1,66 +1,53 @@
 .accordion-text {
   position: relative;
-
-  overflow: hidden;
-
-  box-sizing: border-box;
-  height: 25px;
   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 {
-    height: fit-content;
     max-height: 100%;
+    height: fit-content;
   }
 
   &__body {
     overflow: hidden;
-
-    width: 100%; // Устанавливаем ширину в 100% родительского контейнера
-
     white-space: nowrap;
     text-overflow: ellipsis;
+    width: 100%; // Устанавливаем ширину в 100% родительского контейнера
   }
 
   &__body--trim-text > * {
-    overflow: hidden; // Необходимо для работы обрезки текста
-
-    width: 100%; // Обеспечивает переполнение текста
-
     white-space: nowrap;
     text-overflow: ellipsis;
+    overflow: hidden; // Необходимо для работы обрезки текста
+    width: 100%; // Обеспечивает переполнение текста
   }
 
   &--open &__body {
-    overflow: visible; // Убираем скрытие переполненного контента в открытом состоянии
-
     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;
-
-    pointer-events: none;
-
     color: #a0a4b0;
+    pointer-events: none;
   }
 }

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

@@ -1,214 +1,142 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _reactfeather = require("react-feather");
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactFeather = require("react-feather");
 require("./AdvancedTags.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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];
-            }
-        }
+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 && {}.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
     }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
+  } = 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);
     }
-    return newObj;
-}
-const AdvTag = ({ item, className, testId = "adv-tag", toTop = true })=>{
-    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__*/ (0, _jsxruntime.jsxs)("div", {
-            "data-testid": testId,
-            className: advancedTagClass,
-            ref: hintRef,
-            children: [
-                warnLeft && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    "data-testid": `${testId}-left`,
-                    className: "advanced-tags--warning-icon-wrapper",
-                    onMouseEnter: ()=>onWarningClick("warnLeft"),
-                    onMouseLeave: ()=>setIsOpen(false),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
-                        width: 16,
-                        height: 16,
-                        className: "advanced-tags--warning-icon mr5"
-                    })
-                }),
-                labelLeft && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: "mr5",
-                    children: labelLeft
-                }),
-                labelRight && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    children: labelRight
-                }),
-                item.type !== "simple" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: "ml5 mr5",
-                    children: "|"
-                }) : null,
-                item.type !== "simple" ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    className: "df",
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                            className: activeNumberClass,
-                            children: active
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                            className: "strong color--pause",
-                            children: "/"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                            className: pauseNumberClass,
-                            children: pause
-                        })
-                    ]
-                }) : null,
-                item.type !== "simple" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: "ml5 mr5",
-                    children: "|"
-                }) : null,
-                merchants ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    children: merchants
-                }) : item.type !== "simple" && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    "data-testid": `${testId}-right`,
-                    className: "advanced-tags--warning-icon-wrapper",
-                    onMouseEnter: ()=>onWarningClick("warnRight"),
-                    onMouseLeave: ()=>setIsOpen(false),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
-                        width: 16,
-                        height: 16,
-                        className: "advanced-tags--warning-icon"
-                    })
-                }),
-                isOpen && warnLeftMsg && clickedWarning === "warnLeft" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: (0, _classnames.default)("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
-                        "advanced-tags__warn-text--warnLeft--to-top": toTop
-                    }),
-                    children: warnLeftMsg
-                }) : null,
-                isOpen && warnRightMsg && clickedWarning === "warnRight" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: (0, _classnames.default)("advanced-tags__warn-text", "advanced-tags__warn-text--warnRight", {
-                        "advanced-tags__warn-text--warnRight--to-top": toTop
-                    }),
-                    children: warnRightMsg
-                }) : null
-            ]
-        });
-    };
-    const renderWithEntityAndCounterTag = ()=>{
-        var _entityAndCounter_counter;
-        const isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : (_entityAndCounter_counter = entityAndCounter.counter) === null || _entityAndCounter_counter === void 0 ? void 0 : _entityAndCounter_counter.toString()) === "0";
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            "data-testid": testId,
-            className: advancedTagClass,
-            ref: hintRef,
-            children: [
-                isNullcounter && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    "data-testid": `${testId}-left`,
-                    className: "advanced-tags--warning-icon-wrapper",
-                    onMouseEnter: ()=>onWarningClick("warnLeft"),
-                    onMouseLeave: ()=>setIsOpen(false),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
-                        width: 16,
-                        height: 16,
-                        className: "advanced-tags--warning-icon mr5"
-                    })
-                }),
-                isOpen && (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.nullCounterMessage) && clickedWarning === "warnLeft" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: (0, _classnames.default)("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
-                        "advanced-tags__warn-text--warnLeft--to-top": toTop
-                    }),
-                    children: entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.nullCounterMessage
-                }) : null,
-                (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.title) && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    className: "mr5",
-                    children: entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.title
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: `advanced-tags__counter ${isNullcounter ? "advanced-tags__counter--null" : "advanced-tags__counter--bold"}`,
-                    children: entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.counter
-                })
-            ]
-        });
-    };
-    return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();
+  };
+  (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": `${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": `${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 = () => {
+    const isNullcounter = entityAndCounter?.counter?.toString() === "0";
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": testId,
+      className: advancedTagClass,
+      ref: hintRef
+    }, isNullcounter && /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": `${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?.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?.nullCounterMessage) : null, entityAndCounter?.title && /*#__PURE__*/_react.default.createElement("span", {
+      className: "mr5"
+    }, entityAndCounter?.title), /*#__PURE__*/_react.default.createElement("div", {
+      className: `advanced-tags__counter ${isNullcounter ? "advanced-tags__counter--null" : "advanced-tags__counter--bold"}`
+    }, entityAndCounter?.counter));
+  };
+  return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();
 };
-const _default = AdvTag;
+var _default = exports.default = AdvTag;

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

@@ -1,105 +1,51 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _Tag = /*#__PURE__*/ _interop_require_default(require("../Tag/Tag"));
-const _AdvTag = /*#__PURE__*/ _interop_require_default(require("./AdvTag"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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 = ({ items, noItemsTagLabel, className, testId = "advanced-tag-test", toTop = true })=>{
-    if ((!items || !items.length) && !noItemsTagLabel) return null;
-    if ((!items || !items.length) && noItemsTagLabel) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_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 = ()=>{
-        setShowedItems(showMore ? items : [
-            items[0],
-            items[1]
-        ]);
-        setShowMore(!showMore);
-        return ()=>{
-            setShowedItems([
-                items[0],
-                items[1]
-            ]);
-            setShowMore(true);
-        };
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Tag = _interopRequireDefault(require("../Tag/Tag"));
+var _AdvTag = _interopRequireDefault(require("./AdvTag"));
+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 && {}.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 AdvancedTags = _ref => {
+  let {
+    items,
+    noItemsTagLabel,
+    className,
+    testId = "advanced-tag-test",
+    toTop = true
+  } = _ref;
+  if ((!items || !items.length) && !noItemsTagLabel) return null;
+  if ((!items || !items.length) && noItemsTagLabel) return /*#__PURE__*/_react.default.createElement(_Tag.default, {
+    label: 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 = () => {
+    setShowedItems(showMore ? items : [items[0], items[1]]);
+    setShowMore(!showMore);
+    return () => {
+      setShowedItems([items[0], items[1]]);
+      setShowMore(true);
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        "data-testid": testId,
-        className: (0, _classnames.default)(className, "j4 wrap"),
-        children: [
-            showedItems === null || showedItems === void 0 ? void 0 : showedItems.map((item, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_AdvTag.default, {
-                    toTop: toTop,
-                    item: item,
-                    testId: `${testId}-item-${index}`
-                }, index)),
-            items.length >= 3 && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                "data-testid": `${testId}-showMore`,
-                onClick: ()=>onShowMoreClick(),
-                className: "advanced-tags advanced-tags--showMore",
-                children: showMore ? `+${items.length - showedItems.length}` : "..."
-            })
-        ]
-    });
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
+    className: (0, _classnames.default)(className, "j4 wrap")
+  }, showedItems?.map((item, index) => /*#__PURE__*/_react.default.createElement(_AdvTag.default, {
+    toTop: toTop,
+    key: index,
+    item: item,
+    testId: `${testId}-item-${index}`
+  })), items.length >= 3 && /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": `${testId}-showMore`,
+    onClick: () => onShowMoreClick(),
+    className: "advanced-tags advanced-tags--showMore"
+  }, showMore ? `+${items.length - showedItems.length}` : "..."));
 };
-const _default = AdvancedTags;
+var _default = exports.default = AdvancedTags;

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

@@ -56,7 +56,7 @@
       width: 8.5px;
       height: 8.5px;
 
-      content: '';
+      content: "";
 
       background-color: #6b81dd;
 
@@ -115,7 +115,7 @@
       width: 2px;
       height: 27px;
 
-      content: '';
+      content: "";
 
       opacity: 0.2;
       background-color: #9aa0b9;