intelicoreact 1.5.40 → 1.6.0

package/dist/Atomic/Layout/MainMenu/MainMenu.js

@@ -1,142 +1,222 @@
 "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 Icons = _interopRequireWildcard(require("react-feather"));
-var _reactRouterDom = require("react-router-dom");
-var _Langs = _interopRequireDefault(require("../../../../../Langs"));
-var _Accordion = _interopRequireDefault(require("../../UI/Accordion/Accordion"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = require("react");
+const _reactfeather = /*#__PURE__*/ _interop_require_wildcard(require("react-feather"));
+const _reactrouterdom = require("react-router-dom");
+const _Langs = /*#__PURE__*/ _interop_require_default(require("../../../../../Langs"));
+const _Accordion = /*#__PURE__*/ _interop_require_default(require("../../UI/Accordion/Accordion"));
 require("./MainMenu.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 MainMenu = props => {
-  const {
-    items,
-    className
-  } = props;
-  const txt = _Langs.default[global.lng];
-  const [isOpen, setIsOpen] = (0, _react.useState)(true);
-  const [isMenuHovered, setIsMenuHovered] = (0, _react.useState)(false);
-  const [isMenuIconHovered, setIsMenuIconHovered] = (0, _react.useState)(false);
-  const chapterClass = (0, _classnames.default)("main-menu--items-box-chapter", {
-    "main-menu--items-box-chapter-hidden": !isOpen && !isMenuHovered
-  });
-  const accordionClass = (0, _classnames.default)("main-menu--accordion", {
-    "main-menu--accordion-hidden": !isOpen && !isMenuHovered
-  });
-  const itemsBoxClass = (0, _classnames.default)("main-menu--items-box", {
-    "main-menu--items-box-closed": !isOpen && !isMenuHovered
-  });
-  const mainMenuClass = (0, _classnames.default)("main-menu", className, {
-    "main-menu--closed": !isOpen && !isMenuHovered
-  });
-  const onMenuHover = () => {
-    if (!isOpen) {
-      setIsMenuHovered(!isMenuHovered);
-      items.mainMenu.forEach(item => {
-        item.isOpen = false;
-      });
-      items.partners.forEach(item => {
-        item.isOpen = false;
-      });
-      items.other.forEach(item => {
-        item.isOpen = false;
-      });
+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);
     }
-  };
-  const onCloseMenu = () => {
-    setIsOpen(!isOpen);
-    items.mainMenu.forEach(item => {
-      item.isOpen = false;
+    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;
+}
+function MainMenu(props) {
+    const { items, className } = props;
+    const txt = _Langs.default[globalThis.lng];
+    const [isOpen, setIsOpen] = (0, _react.useState)(true);
+    const [isMenuHovered, setIsMenuHovered] = (0, _react.useState)(false);
+    const [isMenuIconHovered, setIsMenuIconHovered] = (0, _react.useState)(false);
+    const chapterClass = (0, _classnames.default)('main-menu--items-box-chapter', {
+        'main-menu--items-box-chapter-hidden': !isOpen && !isMenuHovered
+    });
+    const accordionClass = (0, _classnames.default)('main-menu--accordion', {
+        'main-menu--accordion-hidden': !isOpen && !isMenuHovered
     });
-    items.partners.forEach(item => {
-      item.isOpen = false;
+    const itemsBoxClass = (0, _classnames.default)('main-menu--items-box', {
+        'main-menu--items-box-closed': !isOpen && !isMenuHovered
     });
-    items.other.forEach(item => {
-      item.isOpen = false;
+    const mainMenuClass = (0, _classnames.default)('main-menu', className, {
+        'main-menu--closed': !isOpen && !isMenuHovered
     });
-  };
-  const changeMenuIcon = () => {
-    if (isOpen && !isMenuIconHovered) return /*#__PURE__*/_react.default.createElement(Icons.Menu, null);
-    if (isOpen && isMenuIconHovered) return /*#__PURE__*/_react.default.createElement(Icons.ChevronLeft, null);
-    if (!isOpen && isMenuHovered) return /*#__PURE__*/_react.default.createElement(Icons.ChevronRight, null);
-    if (!isOpen) return /*#__PURE__*/_react.default.createElement("div", {
-      className: "main-menu--logo-close"
+    const onMenuHover = ()=>{
+        if (!isOpen) {
+            setIsMenuHovered(!isMenuHovered);
+            items.mainMenu.forEach((item)=>{
+                item.isOpen = false;
+            });
+            items.partners.forEach((item)=>{
+                item.isOpen = false;
+            });
+            items.other.forEach((item)=>{
+                item.isOpen = false;
+            });
+        }
+    };
+    const onCloseMenu = ()=>{
+        setIsOpen(!isOpen);
+        items.mainMenu.forEach((item)=>{
+            item.isOpen = false;
+        });
+        items.partners.forEach((item)=>{
+            item.isOpen = false;
+        });
+        items.other.forEach((item)=>{
+            item.isOpen = false;
+        });
+    };
+    const changeMenuIcon = ()=>{
+        if (isOpen && !isMenuIconHovered) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Menu, {});
+        if (isOpen && isMenuIconHovered) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronLeft, {});
+        if (!isOpen && isMenuHovered) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronRight, {});
+        if (!isOpen) return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "main-menu--logo-close"
+        });
+        return null;
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: mainMenuClass,
+        onMouseEnter: ()=>onMenuHover(),
+        onMouseLeave: ()=>setIsMenuHovered(false),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)('main-menu--header', {
+                    'main-menu--header-closed': !isOpen && !isMenuHovered
+                }),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)('main-menu--logo', {
+                            'main-menu--logo-none': !isOpen && !isMenuHovered
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "main-menu--header-btn",
+                        onClick: ()=>onCloseMenu(),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            className: "j5",
+                            onMouseEnter: ()=>setIsMenuIconHovered(true),
+                            onMouseLeave: ()=>setIsMenuIconHovered(false),
+                            children: changeMenuIcon()
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: itemsBoxClass,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: (0, _classnames.default)('main-menu--items-box-main'),
+                        children: items.main.map((item, index)=>{
+                            const Icon = _reactfeather[item.icon];
+                            return item.link ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.NavLink, {
+                                to: item.link,
+                                className: (0, _classnames.default)('main-menu--items-box-title'),
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                                    className: "main-menu--item",
+                                    children: [
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                            className: "df",
+                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
+                                                className: (0, _classnames.default)('mr5', item.className)
+                                            })
+                                        }),
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                            className: (0, _classnames.default)({
+                                                hidden: !isOpen && !isMenuHovered
+                                            }),
+                                            children: (item === null || item === void 0 ? void 0 : item.title) || 'Link'
+                                        })
+                                    ]
+                                })
+                            }, index) : /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                className: (0, _classnames.default)('main-menu--items-box-title', {
+                                    hidden: !isOpen && !isMenuHovered
+                                }),
+                                children: txt === null || txt === void 0 ? void 0 : txt.titles[item === null || item === void 0 ? void 0 : item.title]
+                            }, index);
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: chapterClass,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            children: "Main menu"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Accordion.default, {
+                        className: accordionClass,
+                        items: items.mainMenu,
+                        onClick: ()=>{}
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: chapterClass,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            children: "Partners"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Accordion.default, {
+                        isOpen: isOpen,
+                        isMenuHovered: isMenuHovered,
+                        className: accordionClass,
+                        items: items.partners,
+                        onClick: ()=>{}
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: chapterClass,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            children: "Other"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Accordion.default, {
+                        className: accordionClass,
+                        isOpen: isOpen,
+                        isMenuHovered: isMenuHovered,
+                        items: items.other,
+                        onClick: ()=>{}
+                    })
+                ]
+            })
+        ]
     });
-    return null;
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: mainMenuClass,
-    onMouseEnter: () => onMenuHover(),
-    onMouseLeave: () => setIsMenuHovered(false)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("main-menu--header", {
-      "main-menu--header-closed": !isOpen && !isMenuHovered
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("main-menu--logo", {
-      "main-menu--logo-none": !isOpen && !isMenuHovered
-    })
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "main-menu--header-btn",
-    onClick: () => onCloseMenu()
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "j5",
-    onMouseEnter: () => setIsMenuIconHovered(true),
-    onMouseLeave: () => setIsMenuIconHovered(false)
-  }, changeMenuIcon()))), /*#__PURE__*/_react.default.createElement("div", {
-    className: itemsBoxClass
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("main-menu--items-box-main")
-  }, items.main.map((item, index) => {
-    const Icon = Icons[item.icon];
-    return item.link ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
-      to: item.link,
-      key: index,
-      className: (0, _classnames.default)("main-menu--items-box-title")
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "main-menu--item"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "df"
-    }, /*#__PURE__*/_react.default.createElement(Icon, {
-      className: (0, _classnames.default)("mr5", item.className)
-    })), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)({
-        hidden: !isOpen && !isMenuHovered
-      })
-    }, item?.title || "Link"))) : /*#__PURE__*/_react.default.createElement("span", {
-      key: index,
-      className: (0, _classnames.default)("main-menu--items-box-title", {
-        hidden: !isOpen && !isMenuHovered
-      })
-    }, txt?.titles[item?.title]);
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: chapterClass
-  }, /*#__PURE__*/_react.default.createElement("span", null, "Main menu")), /*#__PURE__*/_react.default.createElement(_Accordion.default, {
-    className: accordionClass,
-    items: items.mainMenu,
-    onClick: () => {}
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: chapterClass
-  }, /*#__PURE__*/_react.default.createElement("span", null, "Partners")), /*#__PURE__*/_react.default.createElement(_Accordion.default, {
-    isOpen: isOpen,
-    isMenuHovered: isMenuHovered,
-    className: accordionClass,
-    items: items.partners,
-    onClick: () => {}
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: chapterClass
-  }, /*#__PURE__*/_react.default.createElement("span", null, "Other")), /*#__PURE__*/_react.default.createElement(_Accordion.default, {
-    className: accordionClass,
-    isOpen: isOpen,
-    isMenuHovered: isMenuHovered,
-    items: items.other,
-    onClick: () => {}
-  })));
-};
-var _default = exports.default = MainMenu;
+}
+const _default = MainMenu;

package/dist/Atomic/Layout/MainMenu/MainMenu.scss

@@ -1,5 +1,5 @@
-@import "../../../scss/vars";
-@import "../../../scss/mixins";
+@use "../../../scss/vars";
+@use "../../../scss/mixins";
 
 .main-menu {
   position: relative;
@@ -117,13 +117,13 @@
 
     box-shadow: 4px 8px 16px rgb(31 116 153 / 15%);
 
-    @include custom-scroll2;
+    @include mixins.custom-scroll2;
 
     &-title {
       font-size: 13px;
       text-decoration: none;
 
-      color: $color--text;
+      color: vars.$color--text;
     }
 
     &-chapter {
@@ -133,7 +133,7 @@
       user-select: none;
       text-transform: uppercase;
 
-      color: $color--gray-gull;
+      color: vars.$color--gray-gull;
 
       &-hidden {
         width: 16px;
@@ -174,7 +174,7 @@
     }
 
     &:hover {
-      background-color: $color--gray-gentel;
+      background-color: vars.$color--gray-gentel;
     }
   }
 
@@ -195,7 +195,7 @@
         cursor: pointer;
 
         &:hover {
-          background-color: $color--gray-gentel;
+          background-color: vars.$color--gray-gentel;
         }
       }
     }

package/dist/Atomic/Layout/Spinner/Spinner.js

@@ -1,27 +1,44 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 require("./Spinner.scss");
-const Spinner = function (_ref) {
-  let {
-    className,
-    size = null
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("loader-box", {
-      j5: size !== "small",
-      j8: size === "small"
-    }, className)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("lds-ring", {
-      [`lds-ring_${size}`]: size
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null)));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const CN = 'loader-box';
+const Spinner = ({ size = null, className, testId = CN })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        role: "status",
+        "aria-live": "polite",
+        "aria-busy": "true",
+        "data-testid": testId,
+        className: (0, _classnames.default)(CN, {
+            j5: size !== 'small',
+            j8: size === 'small'
+        }, className),
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: (0, _classnames.default)('lds-ring', {
+                [`lds-ring_${size}`]: size
+            }),
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {})
+            ]
+        })
+    });
 };
-var _default = exports.default = Spinner;
+const _default = Spinner;

package/dist/Atomic/Layout/Spinner/Spinner.scss

@@ -1,3 +1,19 @@
+:root {
+  --spinner-opacity: 0.1;
+  --spinner-background: #fff;
+  --spinner-width: 100px;
+  --spinner-height: 100px;
+  --spinner-small-width: 30px;
+  --spinner-small-height: 30px;
+  --spinner-border-width: 8px;
+  --spinner-border-color: #000;
+  --spinner-animation-duration: 1.2s;
+  --spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
+  --spinner-animation-delay-1: -0.45s;
+  --spinner-animation-delay-2: -0.3s;
+  --spinner-animation-delay-3: -0.15s;
+}
+
 @mixin fill-parent {
   top: 0;
   left: 0;
@@ -10,8 +26,8 @@
   position: absolute;
   z-index: 100;
 
-  opacity: 0.1;
-  background: #fff;
+  opacity: var(--spinner-opacity, 0.1);
+  background: var(--spinner-background, #fff);
 
   @include fill-parent;
 }
@@ -21,15 +37,15 @@
 
   display: inline-block;
 
-  width: 100px;
-  height: 100px;
+  width: var(--spinner-width, 100px);
+  height: var(--spinner-height, 100px);
 }
 
 .lds-ring.lds-ring_small {
   top: calc(50% - 15px);
 
-  width: 30px;
-  height: 30px;
+  width: var(--spinner-small-width, 30px);
+  height: var(--spinner-small-height, 30px);
 }
 
 .lds-ring div {
@@ -38,15 +54,18 @@
   display: block;
 
   box-sizing: border-box;
-  width: 84px;
-  height: 84px;
+  width: calc(var(--spinner-width, 100px) - 16px);
+  height: calc(var(--spinner-height, 100px) - 16px);
   margin: 8px;
 
-  border: 8px solid #000;
-  border-color: #000 transparent transparent;
+  border: var(--spinner-border-width, 8px) solid
+    var(--spinner-border-color, #000);
+  border-color: var(--spinner-border-color, #000) transparent transparent;
   border-radius: 50%;
 
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  animation: lds-ring var(--spinner-animation-duration, 1.2s)
+    var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1))
+    infinite;
 }
 
 .lds-ring_small div {
@@ -56,20 +75,21 @@
   width: 100% !important;
   height: 100% !important;
 
-  border: 4px solid #000 !important;
-  border-color: #000 transparent transparent !important;
+  border: calc(var(--spinner-border-width, 8px) / 2) solid
+    var(--spinner-border-color, #000) !important;
+  border-color: var(--spinner-border-color, #000) transparent transparent !important;
 }
 
 .lds-ring div:nth-child(1) {
-  animation-delay: -0.45s;
+  animation-delay: var(--spinner-animation-delay-1, -0.45s);
 }
 
 .lds-ring div:nth-child(2) {
-  animation-delay: -0.3s;
+  animation-delay: var(--spinner-animation-delay-2, -0.3s);
 }
 
 .lds-ring div:nth-child(3) {
-  animation-delay: -0.15s;
+  animation-delay: var(--spinner-animation-delay-3, -0.15s);
 }
 
 @keyframes lds-ring {