intelicoreact 1.4.21 → 1.4.23

package/dist/Atomic/UI/Modal/Modal.js

@@ -1,42 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderModalTitle = exports.default = exports.KEY_CODE = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Button = _interopRequireDefault(require("../Button/Button"));
-
 var _useHandleKeyPress = _interopRequireDefault(require("./../../../Functions/useKeyPress/useHandleKeyPress"));
-
 var _ModalFooter = _interopRequireDefault(require("./partials/ModalFooter"));
-
 var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
-
 var _useMobileModal = _interopRequireDefault(require("./partials/useMobileModal"));
-
 require("./Modal.scss");
-
 require("./ModalMobile.scss");
-
-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 _interopRequireWildcard(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 = {}; 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 KEY_CODE = Object.freeze({
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const KEY_CODE = exports.KEY_CODE = Object.freeze({
   ENTER: 13,
   ESC: 27
 });
-exports.KEY_CODE = KEY_CODE;
-
 const renderModalTitle = _ref => {
   let {
     mode,
@@ -46,9 +30,7 @@ const renderModalTitle = _ref => {
   if (mode && mode !== "default" && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
   return title;
 };
-
 exports.renderModalTitle = renderModalTitle;
-
 const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   let {
     zIndex = 100,
@@ -111,12 +93,12 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   });
   const handle = {
     confirm: () => {
-      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+      onConfirm === null || onConfirm === void 0 || onConfirm();
     },
     decline: () => {
       //? closeModal используется для ESC и оверлея, давно хотелось иметь возможность разделить
       //? Теперь можно не передавать closeModal, а для cancel-кнопки передать отдельный обработчик
-      if (typeof onDecline === "function") onDecline();else closeModal === null || closeModal === void 0 ? void 0 : closeModal();
+      if (typeof onDecline === "function") onDecline();else closeModal === null || closeModal === void 0 || closeModal();
     }
   };
   (0, _useHandleKeyPress.default)({
@@ -124,7 +106,6 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     escCallback: closeOnEsc && typeof closeModal === "function" ? () => closeModal() : null,
     withClamping: false
   });
-
   const render = () => !isOpen ? null : /*#__PURE__*/_react.default.createElement("div", {
     style: {
       zIndex
@@ -194,9 +175,6 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     icon: confirmBtnIcon,
     isIconRight: isConfirmBtnIconPositionRight
   }))))))));
-
   return render();
 });
-
-var _default = Modal;
-exports.default = _default;
+var _default = exports.default = Modal;

package/dist/Atomic/UI/Modal/ModalHOC.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _useHandleKeyPress = _interopRequireDefault(require("../../../Functions/useKeyPress/useHandleKeyPress"));
-
 require("./Modal.scss");
-
 const Modal = _ref => {
   let {
     zIndex = 100,
@@ -48,6 +42,4 @@ const Modal = _ref => {
     className: (0, _classnames.default)(className, "modal")
   }, children));
 };
-
-var _default = Modal;
-exports.default = _default;
+var _default = exports.default = Modal;

package/dist/Atomic/UI/Modal/partials/ModalFooter.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 const ModalFooter = _ref => {
   let {
     className = "",
@@ -22,6 +18,4 @@ const ModalFooter = _ref => {
     className: (0, _classnames.default)("modal__footer", className)
   }, children);
 };
-
-var _default = ModalFooter;
-exports.default = _default;
+var _default = exports.default = ModalFooter;

package/dist/Atomic/UI/Modal/partials/ModalTitle.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 const ModalTitle = _ref => {
   let {
     variant = "primary",
@@ -42,6 +37,4 @@ const ModalTitle = _ref => {
     className: "modal-close-icon"
   })));
 };
-
-var _default = ModalTitle;
-exports.default = _default;
+var _default = exports.default = ModalTitle;

package/dist/Atomic/UI/Modal/partials/useMobileModal.js

@@ -1,28 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useMobileModal;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useIsMobile = _interopRequireDefault(require("../../../../Functions/useIsMobile"));
-
-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 _interopRequireWildcard(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 = {}; 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const SCROLL_DIRECTION = {
   UP: "up",
   DOWN: "down"
 };
-
 function useMobileModal(_ref) {
-  var _modalMobileHeaderRef5, _modalMobileHeaderRef6, _modalMobileFooterRef5, _modalMobileFooterRef6;
-
+  var _modalMobileHeaderRef3, _modalMobileFooterRef3;
   let {
     modalRef = null,
     withMobileLogic = false,
@@ -52,12 +44,11 @@ function useMobileModal(_ref) {
   const [scrollTop, setScrollTop] = (0, _react.useState)(0);
   const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
   const [containerScrollHeight, setContainerScrollHeight] = (0, _react.useState)(1);
+
   /* MODALS LOGIC | BEGIN */
   // Count ScrollTop
-
   (0, _react.useLayoutEffect)(() => {
     const el = modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current;
-
     if (el) {
       el.addEventListener("scroll", () => {
         setScrollTop(scrollTop => {
@@ -66,38 +57,35 @@ function useMobileModal(_ref) {
         });
       });
     }
-  }, [modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current]); // Count ScrollDirection
-
+  }, [modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current]);
+  // Count ScrollDirection
   (0, _react.useEffect)(() => {
     setScrollDirection(prevScrollDirection => scrollTop < scrollTopPrev ? SCROLL_DIRECTION.UP : scrollTop > scrollTopPrev ? SCROLL_DIRECTION.DOWN : prevScrollDirection);
-  }, [scrollTop, scrollTopPrev]); // Dynamic Modal Positioning
-
+  }, [scrollTop, scrollTopPrev]);
+  // Dynamic Modal Positioning
   (0, _react.useLayoutEffect)(() => {
     if (isOpen) {
       const modalStyle = modalRef !== null && modalRef !== void 0 && modalRef.current ? (modalRef === null || modalRef === void 0 ? void 0 : modalRef.current.currentStyle) || window.getComputedStyle(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) : {};
       const computedModalHeight = modalRef !== null && modalRef !== void 0 && modalRef.current ? modalHeight + parseFloat((modalStyle === null || modalStyle === void 0 ? void 0 : modalStyle.marginTop) || 0) : 0;
       const windowHeight = document.documentElement.clientHeight || window.screen.availHeight || window.screen.height;
-
       if (modalMobileContainerRef !== null && modalMobileContainerRef !== void 0 && modalMobileContainerRef.current) {
         if (computedModalHeight <= windowHeight) {
           modalMobileContainerRef.current.style.display = "flex";
           modalMobileContainerRef.current.style.alignItems = "flex-end";
         } else {
-          var _modalMobileContainer, _modalMobileContainer2, _modalMobileContainer3, _modalMobileContainer4;
-
-          (_modalMobileContainer = modalMobileContainerRef.current) === null || _modalMobileContainer === void 0 ? void 0 : (_modalMobileContainer2 = _modalMobileContainer.style) === null || _modalMobileContainer2 === void 0 ? void 0 : _modalMobileContainer2.removeProperty("display");
-          (_modalMobileContainer3 = modalMobileContainerRef.current) === null || _modalMobileContainer3 === void 0 ? void 0 : (_modalMobileContainer4 = _modalMobileContainer3.style) === null || _modalMobileContainer4 === void 0 ? void 0 : _modalMobileContainer4.removeProperty("align-items");
+          var _modalMobileContainer, _modalMobileContainer2;
+          (_modalMobileContainer = modalMobileContainerRef.current) === null || _modalMobileContainer === void 0 || (_modalMobileContainer = _modalMobileContainer.style) === null || _modalMobileContainer === void 0 || _modalMobileContainer.removeProperty("display");
+          (_modalMobileContainer2 = modalMobileContainerRef.current) === null || _modalMobileContainer2 === void 0 || (_modalMobileContainer2 = _modalMobileContainer2.style) === null || _modalMobileContainer2 === void 0 || _modalMobileContainer2.removeProperty("align-items");
         }
       }
     }
-  }, [modalsLogicProps, isOpen, isMobile, modalHeight]); // Calculating
+  }, [modalsLogicProps, isOpen, isMobile, modalHeight]);
 
+  // Calculating
   (0, _react.useLayoutEffect)(() => {
     if (isMobile && isOpen) {
-      var _modalRef$current, _modalRef$current$get;
-
-      const newModalHeight = modalRef === null || modalRef === void 0 ? void 0 : (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : (_modalRef$current$get = _modalRef$current.getBoundingClientRect()) === null || _modalRef$current$get === void 0 ? void 0 : _modalRef$current$get.height;
-
+      var _modalRef$current;
+      const newModalHeight = modalRef === null || modalRef === void 0 || (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 || (_modalRef$current = _modalRef$current.getBoundingClientRect()) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.height;
       if (modalHeight !== newModalHeight) {
         setModalHeight(newModalHeight);
       }
@@ -118,38 +106,35 @@ function useMobileModal(_ref) {
     }
   }, [scrollTop, scrollHeight, isMobile, withMobileLogic, scrollDirection, modalsLogicProps, modalHeight, window.innerHeight]);
   (0, _react.useLayoutEffect)(() => {
-    var _modalMobileHeaderRef, _modalMobileHeaderRef2;
-
-    if ((modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef2 = _modalMobileHeaderRef.getBoundingClientRect()) === null || _modalMobileHeaderRef2 === void 0 ? void 0 : _modalMobileHeaderRef2.height) !== undefined) {
+    var _modalMobileHeaderRef;
+    if ((modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef = _modalMobileHeaderRef.getBoundingClientRect()) === null || _modalMobileHeaderRef === void 0 ? void 0 : _modalMobileHeaderRef.height) !== undefined) {
       setModalsLogicProps(state => {
-        var _modalMobileHeaderRef3, _modalMobileHeaderRef4;
-
-        return { ...state,
-          headerHeight: modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef3 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef3 === void 0 ? void 0 : (_modalMobileHeaderRef4 = _modalMobileHeaderRef3.getBoundingClientRect()) === null || _modalMobileHeaderRef4 === void 0 ? void 0 : _modalMobileHeaderRef4.height
+        var _modalMobileHeaderRef2;
+        return {
+          ...state,
+          headerHeight: modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef2 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef2 === void 0 || (_modalMobileHeaderRef2 = _modalMobileHeaderRef2.getBoundingClientRect()) === null || _modalMobileHeaderRef2 === void 0 ? void 0 : _modalMobileHeaderRef2.height
         };
       });
     }
-  }, [modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef5 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef5 === void 0 ? void 0 : (_modalMobileHeaderRef6 = _modalMobileHeaderRef5.getBoundingClientRect()) === null || _modalMobileHeaderRef6 === void 0 ? void 0 : _modalMobileHeaderRef6.height]);
+  }, [modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef3 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef3 === void 0 || (_modalMobileHeaderRef3 = _modalMobileHeaderRef3.getBoundingClientRect()) === null || _modalMobileHeaderRef3 === void 0 ? void 0 : _modalMobileHeaderRef3.height]);
   (0, _react.useLayoutEffect)(() => {
-    var _modalMobileFooterRef, _modalMobileFooterRef2;
-
-    if ((modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef = modalMobileFooterRef.current) === null || _modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef2 = _modalMobileFooterRef.getBoundingClientRect()) === null || _modalMobileFooterRef2 === void 0 ? void 0 : _modalMobileFooterRef2.height) !== undefined) {
+    var _modalMobileFooterRef;
+    if ((modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef = modalMobileFooterRef.current) === null || _modalMobileFooterRef === void 0 || (_modalMobileFooterRef = _modalMobileFooterRef.getBoundingClientRect()) === null || _modalMobileFooterRef === void 0 ? void 0 : _modalMobileFooterRef.height) !== undefined) {
       setModalsLogicProps(state => {
-        var _modalMobileFooterRef3, _modalMobileFooterRef4;
-
-        return { ...state,
-          footerHeight: modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef3 = modalMobileFooterRef.current) === null || _modalMobileFooterRef3 === void 0 ? void 0 : (_modalMobileFooterRef4 = _modalMobileFooterRef3.getBoundingClientRect()) === null || _modalMobileFooterRef4 === void 0 ? void 0 : _modalMobileFooterRef4.height
+        var _modalMobileFooterRef2;
+        return {
+          ...state,
+          footerHeight: modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef2 = modalMobileFooterRef.current) === null || _modalMobileFooterRef2 === void 0 || (_modalMobileFooterRef2 = _modalMobileFooterRef2.getBoundingClientRect()) === null || _modalMobileFooterRef2 === void 0 ? void 0 : _modalMobileFooterRef2.height
         };
       });
     }
-  }, [modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef5 = modalMobileFooterRef.current) === null || _modalMobileFooterRef5 === void 0 ? void 0 : (_modalMobileFooterRef6 = _modalMobileFooterRef5.getBoundingClientRect()) === null || _modalMobileFooterRef6 === void 0 ? void 0 : _modalMobileFooterRef6.height]);
+  }, [modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef3 = modalMobileFooterRef.current) === null || _modalMobileFooterRef3 === void 0 || (_modalMobileFooterRef3 = _modalMobileFooterRef3.getBoundingClientRect()) === null || _modalMobileFooterRef3 === void 0 ? void 0 : _modalMobileFooterRef3.height]);
   (0, _react.useEffect)(() => {
     if (modalMobileContainerRef !== null && modalMobileContainerRef !== void 0 && modalMobileContainerRef.current) {
-      var _modalMobileContainer5, _modalMobileContainer6;
-
+      var _modalMobileContainer3, _modalMobileContainer4;
       // eslint-disable-next-line no-unsafe-optional-chaining
-      setContainerScrollHeight(modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : (_modalMobileContainer5 = modalMobileContainerRef.current) === null || _modalMobileContainer5 === void 0 ? void 0 : _modalMobileContainer5.scrollHeight);
-      setScrollHeight((modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : (_modalMobileContainer6 = modalMobileContainerRef.current) === null || _modalMobileContainer6 === void 0 ? void 0 : _modalMobileContainer6.scrollHeight) - window.innerHeight);
+      setContainerScrollHeight(modalMobileContainerRef === null || modalMobileContainerRef === void 0 || (_modalMobileContainer3 = modalMobileContainerRef.current) === null || _modalMobileContainer3 === void 0 ? void 0 : _modalMobileContainer3.scrollHeight);
+      setScrollHeight((modalMobileContainerRef === null || modalMobileContainerRef === void 0 || (_modalMobileContainer4 = modalMobileContainerRef.current) === null || _modalMobileContainer4 === void 0 ? void 0 : _modalMobileContainer4.scrollHeight) - window.innerHeight);
     }
   }, [scrollTop, modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current, window.innerHeight]);
   (0, _react.useEffect)(() => {
@@ -168,11 +153,9 @@ function useMobileModal(_ref) {
       ref: modalMobileContainerRef
     }, modal);
   };
-
   const renderModal = modal => {
     return isMobile && withMobileLogic ? renderMobileModal(modal) : modal;
   };
-
   return {
     modalMobileContainerRef,
     modalMobileHeaderRef,

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 require("./MonoAccordion.scss");
-
-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 _interopRequireWildcard(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 = {}; 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const RC = "mono-accordion";
-
 const MonoAccordion = _ref => {
   let {
     titleJSX,
@@ -36,23 +27,19 @@ const MonoAccordion = _ref => {
   const [maxHeight, setMaxHeight] = (0, _react.useState)();
   const titleRef = (0, _react.useRef)();
   const containerRef = (0, _react.useRef)();
-
   const setHeight = value => {
     if (value !== undefined) setMaxHeight(state => "".concat(value, "px"));else setMaxHeight(state => {
       var _Array$from, _Array$from$reduce, _containerRef$current;
-
-      return "".concat((_Array$from = Array.from((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.childNodes)) === null || _Array$from === void 0 ? void 0 : (_Array$from$reduce = _Array$from.reduce) === null || _Array$from$reduce === void 0 ? void 0 : _Array$from$reduce.call(_Array$from, (acc, el) => acc + el.offsetHeight, 0), "px");
+      return "".concat((_Array$from = Array.from((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.childNodes)) === null || _Array$from === void 0 || (_Array$from$reduce = _Array$from.reduce) === null || _Array$from$reduce === void 0 ? void 0 : _Array$from$reduce.call(_Array$from, (acc, el) => acc + el.offsetHeight, 0), "px");
     });
   };
-
   const handleClick = e => {
     if (!Array.from(titleRef.current.childNodes).some(el => el.contains(e.target))) {
       onClick(e);
-      e === null || e === void 0 ? void 0 : e.preventDefault();
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
+      e === null || e === void 0 || e.preventDefault();
+      e === null || e === void 0 || e.stopPropagation();
     } else return e;
   };
-
   (0, _react.useEffect)(() => {
     if (!isOpen) setHeight(0);else setHeight();
   }, [isOpen]);
@@ -80,6 +67,4 @@ const MonoAccordion = _ref => {
     className: "".concat(RC, "__content-wrapper")
   }, children)));
 };
-
-var _default = MonoAccordion;
-exports.default = _default;
+var _default = exports.default = MonoAccordion;

package/dist/Atomic/UI/NavLine/NavLine.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var Icons = _interopRequireWildcard(require("react-feather"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _index = require("../../../Constants/index.constants");
-
 require("./NavLine.scss");
-
-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 _interopRequireWildcard(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 = {}; 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const checkedRef = ref => ref ? typeof ref === "function" ? node => ref(node) : ref : null;
-
 const NavLine = _ref => {
   let {
     root,
@@ -49,36 +38,29 @@ const NavLine = _ref => {
   const [navLineItemsTotalWidth, setNavLineItemsTotalWidth] = (0, _react.useState)(0);
   const [navLineFirstItemOffset, setNavLineFirstItemOffset] = (0, _react.useState)(0);
   const [scrollQueue, setScrollQueue] = (0, _react.useState)([]);
-
   const popScrollTask = () => {
     if (!scrollQueue.length) return null;
     const [task, ...rest] = scrollQueue;
     setScrollQueue(rest);
     return task;
   };
-
   const pushScrollTask = task => setScrollQueue(queue => [...queue, task]);
-
   (0, _react.useEffect)(() => {
     const task = popScrollTask();
-
     if (scrollQueue.length && task) {
       switch (task) {
         case "next":
           scrollToNextItem();
           break;
-
         case "prev":
           scrollToPrevItem();
           break;
-
         default:
           break;
       }
     }
   }, [scrollQueue]);
   const [isScrollBlocked, setScrollBlocked] = (0, _react.useState)(false);
-
   const getVisibleNavLineItems = () => {
     const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
     const wrapperInnerProps = wrapperInner.getBoundingClientRect();
@@ -95,7 +77,6 @@ const NavLine = _ref => {
       return x - wrapperInnerProps.x >= 0 && x - wrapperInnerProps.x <= wrapperRefWidth;
     });
   };
-
   const getUnvisibleLeftSideNavLineItems = () => {
     const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
     const wrapperInnerProps = wrapperInner.getBoundingClientRect();
@@ -112,7 +93,6 @@ const NavLine = _ref => {
       return x - wrapperInnerProps.x <= 0;
     });
   };
-
   const scroll = function () {
     let offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     if (isScrollBlocked) return false;
@@ -120,31 +100,32 @@ const NavLine = _ref => {
     const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
     const wrapperInnerProps = wrapperInner.getBoundingClientRect();
     const leftOffset = wrapperInner.scrollLeft;
-    wrapperInner === null || wrapperInner === void 0 ? void 0 : wrapperInner.addEventListener("scroll", () => {
+    wrapperInner === null || wrapperInner === void 0 || wrapperInner.addEventListener("scroll", () => {
       setTotalScrolledItems(state => offset > 0 ? ++state : --state);
       setScrollLeft(leftOffset + offset < 0 ? 0 : leftOffset + offset);
       setTimeout(() => setScrollBlocked(false), 50);
     }, {
       once: true
     });
-    wrapperInner === null || wrapperInner === void 0 ? void 0 : wrapperInner.scrollBy({
+    wrapperInner === null || wrapperInner === void 0 || wrapperInner.scrollBy({
       left: offset,
       behavior: "smooth"
     });
   };
-
   const scrollToPrevItem = () => {
-    if (isScrollBlocked) return false; // const wrapperInner = wrapperInnerRef?.current;
+    if (isScrollBlocked) return false;
+
+    // const wrapperInner = wrapperInnerRef?.current;
     // const navLineUnvisibleItems = getUnvisibleLeftSideNavLineItems();
     // const [prevItem, secondPrevItem] = navLineUnvisibleItems.reverse();
     // const wrapperInnerProps = wrapperInner.getBoundingClientRect();
     // const prevItemProps = prevItem?.ref?.current?.getBoundingClientRect();
+
     // let scrollOffset = prevItemProps?.x - wrapperInnerProps?.x;
 
     const scrollOffset = -100;
     scroll(scrollOffset);
   };
-
   const scrollToNextItem = () => {
     // const wrapperInner = wrapperInnerRef?.current;
     // const navLineVisibleItems = getVisibleNavLineItems();
@@ -152,11 +133,12 @@ const NavLine = _ref => {
     // const wrapperInnerProps = wrapperInner.getBoundingClientRect();
     // const firstVisibleItemProps = firstVisibleItem?.ref?.current?.getBoundingClientRect();
     // const secondVisibleItemProps = secondVisibleItem?.ref?.current?.getBoundingClientRect();
+
     // const scrollOffset = secondVisibleItemProps.x-wrapperInnerProps.x;
+
     const scrollOffset = 100;
     scroll(scrollOffset);
   };
-
   const onWheel = e => {
     e.preventDefault();
     e.stopPropagation();
@@ -164,30 +146,24 @@ const NavLine = _ref => {
       deltaY,
       shiftKey
     } = e;
-
     if (shiftKey) {
       if (deltaY > 0) pushScrollTask("next");else pushScrollTask("prev");
     }
   };
-
   const onTabChange = item => {
     onChange(item.tabId);
   };
-
   const navigateByKeys = event => {
     var _items, _items2;
-
     const activeTabIndex = items === null || items === void 0 ? void 0 : items.indexOf(items === null || items === void 0 ? void 0 : items.find(tab => tab.tabId === activeTab));
     const nextTabID = (_items = items[activeTabIndex + 1]) === null || _items === void 0 ? void 0 : _items.tabId;
     const prevTabID = (_items2 = items[activeTabIndex - 1]) === null || _items2 === void 0 ? void 0 : _items2.tabId;
-
     if (event.keyCode === _index.KEYBOARD_KEY_CODES.ARROW_RIGHT && !event.repeat && nextTabID) {
       onChange(nextTabID);
     } else if (event.keyCode === _index.KEYBOARD_KEY_CODES.ARROW_LEFT && !event.repeat && prevTabID) {
       onChange(prevTabID);
     }
   };
-
   (0, _react.useEffect)(() => {
     if (isNavigateByKeys && !isTabLoading) {
       document.addEventListener("keydown", navigateByKeys);
@@ -196,42 +172,39 @@ const NavLine = _ref => {
   }, [activeTab, isTabLoading]);
   (0, _react.useEffect)(() => {
     var _wrapperRef$current;
-
-    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.addEventListener("mousewheel", onWheel, {
+    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.addEventListener("mousewheel", onWheel, {
       passive: false
     });
-  }, [wrapperRef]); // Count Total NavLine Items Width
+  }, [wrapperRef]);
 
+  // Count Total NavLine Items Width
   (0, _react.useEffect)(() => {
-    var _navLineItems$0$ref$c, _navLineItems$, _navLineItems$$ref, _navLineItems$$ref$cu;
-
+    var _navLineItems$0$ref$c, _navLineItems$;
     setNavLineItemsTotalWidth(() => {
       return navLineItems.reduce((totalWidth, item) => {
         var _item$ref;
-
-        const element = item === null || item === void 0 ? void 0 : (_item$ref = item.ref) === null || _item$ref === void 0 ? void 0 : _item$ref.current;
-
+        const element = item === null || item === void 0 || (_item$ref = item.ref) === null || _item$ref === void 0 ? void 0 : _item$ref.current;
         if (element) {
           var _element$getBoundingC;
-
-          totalWidth += element === null || element === void 0 ? void 0 : (_element$getBoundingC = element.getBoundingClientRect()) === null || _element$getBoundingC === void 0 ? void 0 : _element$getBoundingC.width;
+          totalWidth += element === null || element === void 0 || (_element$getBoundingC = element.getBoundingClientRect()) === null || _element$getBoundingC === void 0 ? void 0 : _element$getBoundingC.width;
         }
-
         return totalWidth;
       }, 0);
     });
-    setNavLineFirstItemOffset((_navLineItems$0$ref$c = (_navLineItems$ = navLineItems[0]) === null || _navLineItems$ === void 0 ? void 0 : (_navLineItems$$ref = _navLineItems$.ref) === null || _navLineItems$$ref === void 0 ? void 0 : (_navLineItems$$ref$cu = _navLineItems$$ref.current) === null || _navLineItems$$ref$cu === void 0 ? void 0 : _navLineItems$$ref$cu.getBoundingClientRect().x) !== null && _navLineItems$0$ref$c !== void 0 ? _navLineItems$0$ref$c : 0);
-  }, [navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.length]); // Count Wrapper Width
+    setNavLineFirstItemOffset((_navLineItems$0$ref$c = (_navLineItems$ = navLineItems[0]) === null || _navLineItems$ === void 0 || (_navLineItems$ = _navLineItems$.ref) === null || _navLineItems$ === void 0 || (_navLineItems$ = _navLineItems$.current) === null || _navLineItems$ === void 0 ? void 0 : _navLineItems$.getBoundingClientRect().x) !== null && _navLineItems$0$ref$c !== void 0 ? _navLineItems$0$ref$c : 0);
+  }, [navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.length]);
 
+  // Count Wrapper Width
   (0, _react.useEffect)(() => {
-    var _wrapperRef$current$g, _wrapperRef$current2, _wrapperRef$current2$;
-
-    setWrapperRefWidth((_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : (_wrapperRef$current2$ = _wrapperRef$current2.getBoundingClientRect()) === null || _wrapperRef$current2$ === void 0 ? void 0 : _wrapperRef$current2$.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : 0);
-  }, [wrapperRef]); //Init NavLine Items
+    var _wrapperRef$current$g, _wrapperRef$current2;
+    setWrapperRefWidth((_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 || (_wrapperRef$current2 = _wrapperRef$current2.getBoundingClientRect()) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : 0);
+  }, [wrapperRef]);
 
+  //Init NavLine Items
   (0, _react.useEffect)(() => {
     setNavLineItems(items.map(item => {
-      return { ...item,
+      return {
+        ...item,
         ref: /*#__PURE__*/(0, _react.createRef)()
       };
     }));
@@ -314,6 +287,4 @@ const NavLine = _ref => {
     className: "nav-line__body"
   }, children));
 };
-
-var _default = NavLine;
-exports.default = _default;
+var _default = exports.default = NavLine;