intelicoreact 1.5.40 → 1.6.0

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

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

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

@@ -1,142 +1,214 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
+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");
 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 && {}.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
+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];
+            }
+        }
     }
-  } = 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);
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
     }
-  };
-  (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();
+    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();
 };
-var _default = exports.default = AdvTag;
+const _default = AdvTag;

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

@@ -1,51 +1,105 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: 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);
+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);
+        };
     };
-  };
-  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}` : "..."));
+    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}` : "..."
+            })
+        ]
+    });
 };
-var _default = exports.default = AdvancedTags;
+const _default = AdvancedTags;