intelicoreact 1.6.2 → 1.6.4

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

@@ -1,71 +1,94 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import AccordionText from './AccordionText';
-import '../../../../../scss/main.scss';
-import Button from '../Button/Button';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AccordionTextTemplate: function() {
+        return AccordionTextTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _AccordionText = /*#__PURE__*/ _interop_require_default(require("./AccordionText"));
+require("../../../../../scss/main.scss");
+const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 global.lng = 'en';
-export default {
+const _default = {
     title: 'UI/AccordionText',
-    component: AccordionText
+    component: _AccordionText.default
 };
 const Template = (args)=>{
     const { className, onClick } = args;
-    const [text, setText] = React.useState('СЛИШКОМ КОТОРКИЙ ТЕКСТ');
-    const jsxWithReactElementWrapper = /*#__PURE__*/ _jsxs(_Fragment, {
+    const [text, setText] = _react.default.useState('СЛИШКОМ КОТОРКИЙ ТЕКСТ');
+    const jsxWithReactElementWrapper = /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx("span", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 children: "Lorem ipsum dolor sit amet consectetur adipisicing elit."
             }),
-            /*#__PURE__*/ _jsx("br", {}),
-            /*#__PURE__*/ _jsx("br", {}),
-            /*#__PURE__*/ _jsx("br", {}),
-            /*#__PURE__*/ _jsx("p", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
                 children: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque, ipsam exercitationem necessitatibus magni aspernatur sunt libero perspiciatis facilis? Error, ullam alias. Aliquam facere rem odit?"
             })
         ]
     });
-    const jsxWithDivWrapper = /*#__PURE__*/ _jsxs("div", {
+    const jsxWithDivWrapper = /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         children: [
-            /*#__PURE__*/ _jsx("span", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 children: "Lorem ipsum dolor sit amet consectetur adipisicing elit."
             }),
-            /*#__PURE__*/ _jsx("br", {}),
-            /*#__PURE__*/ _jsx("br", {}),
-            /*#__PURE__*/ _jsx("br", {}),
-            /*#__PURE__*/ _jsx("p", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
                 children: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque, ipsam exercitationem necessitatibus magni aspernatur sunt libero perspiciatis facilis? Error, ullam alias. Aliquam facere rem odit?"
             })
         ]
     });
-    const jsxWithSpanWrapper = /*#__PURE__*/ _jsxs("span", {
+    const jsxWithSpanWrapper = /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
         children: [
-            /*#__PURE__*/ _jsx("span", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 children: "Lorem ipsum dolor sit amet consectetur adipisicing elit."
             }),
-            /*#__PURE__*/ _jsx("br", {}),
-            /*#__PURE__*/ _jsx("br", {}),
-            /*#__PURE__*/ _jsx("br", {}),
-            /*#__PURE__*/ _jsx("p", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
                 children: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque, ipsam exercitationem necessitatibus magni aspernatur sunt libero perspiciatis facilis? Error, ullam alias. Aliquam facere rem odit?"
             })
         ]
     });
-    const lognTextInDiv = /*#__PURE__*/ _jsx("div", {
+    const lognTextInDiv = /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo rem quam molestiae deserunt animi optio iusto quasi aut aliquid eos molestias, voluptatum, cum similique ducimus, dignissimos soluta voluptatibus quis adipisci asperiores unde et itaque? Tenetur nobis nulla consectetur aliquid sint voluptatem optio sunt? Praesentium, aperiam alias? Quos praesentium cum eum?"
     });
     const looongTextWithoutWrapper = 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo rem quam molestiae deserunt animi optio iusto quasi aut aliquid eos molestias, voluptatum, cum similique ducimus, dignissimos soluta voluptatibus quis adipisci asperiores unde et itaque? Tenetur nobis nulla consectetur aliquid sint voluptatem optio sunt? Praesentium, aperiam alias? Quos praesentium cum eum?';
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         style: {
             display: 'flex',
             flexDirection: 'column',
             rowGap: '2rem'
         },
         children: [
-            /*#__PURE__*/ _jsx(AccordionText, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionText.default, {
                 ...args,
                 text: text
             }),
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 style: {
                     display: 'flex',
                     flexDirection: 'column',
@@ -73,23 +96,23 @@ const Template = (args)=>{
                     width: 'fit-content'
                 },
                 children: [
-                    /*#__PURE__*/ _jsx(Button, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                         onClick: ()=>setText(jsxWithReactElementWrapper),
                         children: "С оберткой контента в виде react element"
                     }),
-                    /*#__PURE__*/ _jsx(Button, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                         onClick: ()=>setText(jsxWithDivWrapper),
                         children: "С оберткой контента в виде div и вложенных туда элементов"
                     }),
-                    /*#__PURE__*/ _jsx(Button, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                         onClick: ()=>setText(jsxWithSpanWrapper),
                         children: "С оберткой контента в виде span и вложенных туда элементов"
                     }),
-                    /*#__PURE__*/ _jsx(Button, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                         onClick: ()=>setText(lognTextInDiv),
                         children: "С оберткой контента в виде div и длинного текста внутри"
                     }),
-                    /*#__PURE__*/ _jsx(Button, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                         onClick: ()=>setText(looongTextWithoutWrapper),
                         children: "Длинный текст без оберток"
                     })
@@ -98,5 +121,5 @@ const Template = (args)=>{
         ]
     });
 };
-export const AccordionTextTemplate = Template.bind({});
+const AccordionTextTemplate = Template.bind({});
 AccordionTextTemplate.args = {};

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

@@ -1,8 +1,64 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useRef, useState } from "react";
-import cn from "classnames";
-import { AlertTriangle } from "react-feather";
-import "./AdvancedTags.scss";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    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");
+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];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    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 = {
@@ -10,21 +66,21 @@ const AdvTag = ({ item, className, testId = "adv-tag", toTop = true })=>{
         title: "",
         counter: null
     } } = item;
-    const [isOpen, setIsOpen] = useState(false);
-    const [clickedWarning, setClickedWarning] = useState("");
-    const hintRef = useRef(null);
-    const activeNumberClass = cn("strong", {
+    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 = cn("strong", {
+    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 = cn("advanced-tags", {
+    const advancedTagClass = (0, _classnames.default)("advanced-tags", {
         "advanced-tags--error": isEmptyEntitys
     }, className);
     const onWarningClick = (warn)=>{
@@ -36,80 +92,80 @@ const AdvTag = ({ item, className, testId = "adv-tag", toTop = true })=>{
             setIsOpen(false);
         }
     };
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         document.addEventListener("click", handleClickOutside, true);
         return ()=>document.removeEventListener("click", handleClickOutside, true);
     });
     const renderClassicTag = ()=>{
-        return /*#__PURE__*/ _jsxs("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             "data-testid": testId,
             className: advancedTagClass,
             ref: hintRef,
             children: [
-                warnLeft && /*#__PURE__*/ _jsx("div", {
+                warnLeft && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     "data-testid": `${testId}-left`,
                     className: "advanced-tags--warning-icon-wrapper",
                     onMouseEnter: ()=>onWarningClick("warnLeft"),
                     onMouseLeave: ()=>setIsOpen(false),
-                    children: /*#__PURE__*/ _jsx(AlertTriangle, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
                         width: 16,
                         height: 16,
                         className: "advanced-tags--warning-icon mr5"
                     })
                 }),
-                labelLeft && /*#__PURE__*/ _jsx("span", {
+                labelLeft && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                     className: "mr5",
                     children: labelLeft
                 }),
-                labelRight && /*#__PURE__*/ _jsx("span", {
+                labelRight && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                     children: labelRight
                 }),
-                item.type !== "simple" ? /*#__PURE__*/ _jsx("span", {
+                item.type !== "simple" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                     className: "ml5 mr5",
                     children: "|"
                 }) : null,
-                item.type !== "simple" ? /*#__PURE__*/ _jsxs("div", {
+                item.type !== "simple" ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     className: "df",
                     children: [
-                        /*#__PURE__*/ _jsx("span", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                             className: activeNumberClass,
                             children: active
                         }),
-                        /*#__PURE__*/ _jsx("span", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                             className: "strong color--pause",
                             children: "/"
                         }),
-                        /*#__PURE__*/ _jsx("span", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                             className: pauseNumberClass,
                             children: pause
                         })
                     ]
                 }) : null,
-                item.type !== "simple" ? /*#__PURE__*/ _jsx("span", {
+                item.type !== "simple" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                     className: "ml5 mr5",
                     children: "|"
                 }) : null,
-                merchants ? /*#__PURE__*/ _jsx("span", {
+                merchants ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                     children: merchants
-                }) : item.type !== "simple" && /*#__PURE__*/ _jsx("div", {
+                }) : 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__*/ _jsx(AlertTriangle, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
                         width: 16,
                         height: 16,
                         className: "advanced-tags--warning-icon"
                     })
                 }),
-                isOpen && warnLeftMsg && clickedWarning === "warnLeft" ? /*#__PURE__*/ _jsx("span", {
-                    className: cn("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
+                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__*/ _jsx("span", {
-                    className: cn("advanced-tags__warn-text", "advanced-tags__warn-text--warnRight", {
+                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
@@ -120,33 +176,33 @@ const AdvTag = ({ item, className, testId = "adv-tag", toTop = true })=>{
     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__*/ _jsxs("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             "data-testid": testId,
             className: advancedTagClass,
             ref: hintRef,
             children: [
-                isNullcounter && /*#__PURE__*/ _jsx("div", {
+                isNullcounter && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     "data-testid": `${testId}-left`,
                     className: "advanced-tags--warning-icon-wrapper",
                     onMouseEnter: ()=>onWarningClick("warnLeft"),
                     onMouseLeave: ()=>setIsOpen(false),
-                    children: /*#__PURE__*/ _jsx(AlertTriangle, {
+                    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__*/ _jsx("span", {
-                    className: cn("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
+                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__*/ _jsx("span", {
+                (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__*/ _jsx("div", {
+                /*#__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
                 })
@@ -155,4 +211,4 @@ const AdvTag = ({ item, className, testId = "adv-tag", toTop = true })=>{
     };
     return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();
 };
-export default AdvTag;
+const _default = AdvTag;

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

@@ -1,19 +1,75 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
-import cn from "classnames";
-import Tag from "../Tag/Tag";
-import AdvTag from "./AdvTag";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    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__*/ _jsx(Tag, {
+    if ((!items || !items.length) && noItemsTagLabel) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Tag.default, {
         label: noItemsTagLabel === null || noItemsTagLabel === void 0 ? void 0 : noItemsTagLabel.toString(),
-        className: cn(className, "tag-warn")
+        className: (0, _classnames.default)(className, "tag-warn")
     });
-    const [showedItems, setShowedItems] = useState([
+    const [showedItems, setShowedItems] = (0, _react.useState)([
         items[0],
         items[1]
     ]);
-    const [showMore, setShowMore] = useState(true);
+    const [showMore, setShowMore] = (0, _react.useState)(true);
     const onShowMoreClick = ()=>{
         setShowedItems(showMore ? items : [
             items[0],
@@ -28,16 +84,16 @@ const AdvancedTags = ({ items, noItemsTagLabel, className, testId = "advanced-ta
             setShowMore(true);
         };
     };
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         "data-testid": testId,
-        className: cn(className, "j4 wrap"),
+        className: (0, _classnames.default)(className, "j4 wrap"),
         children: [
-            showedItems === null || showedItems === void 0 ? void 0 : showedItems.map((item, index)=>/*#__PURE__*/ _jsx(AdvTag, {
+            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__*/ _jsx("span", {
+            items.length >= 3 && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                 "data-testid": `${testId}-showMore`,
                 onClick: ()=>onShowMoreClick(),
                 className: "advanced-tags advanced-tags--showMore",
@@ -46,4 +102,4 @@ const AdvancedTags = ({ items, noItemsTagLabel, className, testId = "advanced-ta
         ]
     });
 };
-export default AdvancedTags;
+const _default = AdvancedTags;

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

@@ -1,11 +1,34 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import AdvancedTags from './AdvancedTags';
-import '../../../../../scss/main.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AdvancedTagTemplate: function() {
+        return AdvancedTagTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _AdvancedTags = /*#__PURE__*/ _interop_require_default(require("./AdvancedTags"));
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 global.lng = 'en';
-export default {
+const _default = {
     title: 'UI/AdvancedTags',
-    component: AdvancedTags,
+    component: _AdvancedTags.default,
     argTypes: {
         tags: {
             description: 'array'
@@ -15,11 +38,11 @@ export default {
         }
     }
 };
-const Template = ({ tags, emptyText })=>/*#__PURE__*/ _jsx(AdvancedTags, {
+const Template = ({ tags, emptyText })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_AdvancedTags.default, {
         items: tags,
         emptyText: emptyText
     });
-export const AdvancedTagTemplate = Template.bind({});
+const AdvancedTagTemplate = Template.bind({});
 AdvancedTagTemplate.args = {
     tags: [
         {