intelicoreact 1.4.81 → 1.4.83

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

@@ -15,25 +15,28 @@ var _useHandleKeyPress = _interopRequireDefault(require("../../../Functions/useK
 
 require("./Modal.scss");
 
-const Modal = _ref => {
-  let {
-    zIndex = 100,
-    isOpen,
-    closeModal,
-    children,
-    className,
-    size,
-    testId,
-    isScrollLock = true,
-    closeOnEsc = true
-  } = _ref;
+var Modal = function Modal(_ref) {
+  var _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex,
+      isOpen = _ref.isOpen,
+      closeModal = _ref.closeModal,
+      children = _ref.children,
+      className = _ref.className,
+      size = _ref.size,
+      testId = _ref.testId,
+      _ref$isScrollLock = _ref.isScrollLock,
+      isScrollLock = _ref$isScrollLock === void 0 ? true : _ref$isScrollLock,
+      _ref$closeOnEsc = _ref.closeOnEsc,
+      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc;
   if (!isOpen) return null;
   (0, _useHandleKeyPress.default)({
-    escCallback: closeOnEsc && typeof closeModal === "function" ? () => closeModal === null || closeModal === void 0 ? void 0 : closeModal() : null
+    escCallback: closeOnEsc && typeof closeModal === "function" ? function () {
+      return closeModal === null || closeModal === void 0 ? void 0 : closeModal();
+    } : null
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      zIndex
+      zIndex: zIndex
     },
     "data-testid": testId,
     className: "modal-box j5"

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

@@ -11,12 +11,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-const ModalFooter = _ref => {
-  let {
-    className = "",
-    children,
-    wrapperRef
-  } = _ref;
+var ModalFooter = function ModalFooter(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      children = _ref.children,
+      wrapperRef = _ref.wrapperRef;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: wrapperRef,
     className: (0, _classnames.default)("modal__footer", className)

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

@@ -7,31 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactFeather = require("react-feather");
 
-const ModalTitle = _ref => {
-  let {
-    variant = "primary",
-    children,
-    isForced,
-    onClose,
-    noHeaderCloseBtn,
-    className,
-    wrapperRef
-  } = _ref;
+var ModalTitle = function ModalTitle(_ref) {
+  var _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "primary" : _ref$variant,
+      children = _ref.children,
+      isForced = _ref.isForced,
+      onClose = _ref.onClose,
+      noHeaderCloseBtn = _ref.noHeaderCloseBtn,
+      className = _ref.className,
+      wrapperRef = _ref.wrapperRef;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: wrapperRef,
-    className: (0, _classnames.default)("modal__header", className, {
-      ["modal__header-".concat(variant)]: variant
-    })
+    className: (0, _classnames.default)("modal__header", className, (0, _defineProperty2.default)({}, "modal__header-".concat(variant), variant))
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)("modal__header-title", {
-      ["modal__header-".concat(variant, "-title")]: variant
-    })
+    className: (0, _classnames.default)("modal__header-title", (0, _defineProperty2.default)({}, "modal__header-".concat(variant, "-title"), variant))
   }, children), !isForced && /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "modal--button-closeCross",
     onClick: onClose,

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

@@ -2,20 +2,30 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useMobileModal;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
-var _useIsMobile = _interopRequireDefault(require("../../../../Functions/useIsMobile"));
+var _useIsMobile2 = _interopRequireDefault(require("../../../../Functions/useIsMobile"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-const SCROLL_DIRECTION = {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var SCROLL_DIRECTION = {
   UP: "up",
   DOWN: "down"
 };
@@ -23,44 +33,77 @@ const SCROLL_DIRECTION = {
 function useMobileModal(_ref) {
   var _modalMobileHeaderRef5, _modalMobileHeaderRef6, _modalMobileFooterRef5, _modalMobileFooterRef6;
 
-  let {
-    modalRef = null,
-    withMobileLogic = false,
-    withFixedFooter,
-    isOpen
-  } = _ref;
-  const modalMobileContainerRef = (0, _react.useRef)(null);
-  const modalMobileHeaderRef = (0, _react.useRef)(null);
-  const modalMobileFooterRef = (0, _react.useRef)(null);
-  const modalMobileBodyRef = (0, _react.useRef)(null);
-  const {
-    isMobile
-  } = (0, _useIsMobile.default)();
-  const [modalHeight, setModalHeight] = (0, _react.useState)(0);
-  const [modalsLogic, setModalsLogic] = (0, _react.useState)({
+  var _ref$modalRef = _ref.modalRef,
+      modalRef = _ref$modalRef === void 0 ? null : _ref$modalRef,
+      _ref$withMobileLogic = _ref.withMobileLogic,
+      withMobileLogic = _ref$withMobileLogic === void 0 ? false : _ref$withMobileLogic,
+      withFixedFooter = _ref.withFixedFooter,
+      isOpen = _ref.isOpen;
+  var modalMobileContainerRef = (0, _react.useRef)(null);
+  var modalMobileHeaderRef = (0, _react.useRef)(null);
+  var modalMobileFooterRef = (0, _react.useRef)(null);
+  var modalMobileBodyRef = (0, _react.useRef)(null);
+
+  var _useIsMobile = (0, _useIsMobile2.default)(),
+      isMobile = _useIsMobile.isMobile;
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      modalHeight = _useState2[0],
+      setModalHeight = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({
     IS_HEADER_HIDDEN: false,
     IS_HEADER_STICKY: false,
     IS_FOOTER_HIDDEN: false,
     IS_FOOTER_STICKY: false
-  });
-  const [modalsLogicProps, setModalsLogicProps] = (0, _react.useState)({
+  }),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      modalsLogic = _useState4[0],
+      setModalsLogic = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({
     headerHeight: 0,
     footerHeight: 0
-  });
-  const [scrollDirection, setScrollDirection] = (0, _react.useState)(SCROLL_DIRECTION.UP);
-  const [scrollTopPrev, setScrollTopPrev] = (0, _react.useState)(0);
-  const [scrollTop, setScrollTop] = (0, _react.useState)(0);
-  const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
-  const [containerScrollHeight, setContainerScrollHeight] = (0, _react.useState)(1);
+  }),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      modalsLogicProps = _useState6[0],
+      setModalsLogicProps = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(SCROLL_DIRECTION.UP),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      scrollDirection = _useState8[0],
+      setScrollDirection = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(0),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      scrollTopPrev = _useState10[0],
+      setScrollTopPrev = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(0),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      scrollTop = _useState12[0],
+      setScrollTop = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(1),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      scrollHeight = _useState14[0],
+      setScrollHeight = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(1),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      containerScrollHeight = _useState16[0],
+      setContainerScrollHeight = _useState16[1];
   /* MODALS LOGIC | BEGIN */
   // Count ScrollTop
 
-  (0, _react.useLayoutEffect)(() => {
-    const el = modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current;
+
+  (0, _react.useLayoutEffect)(function () {
+    var el = modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current;
 
     if (el) {
-      el.addEventListener("scroll", () => {
-        setScrollTop(scrollTop => {
+      el.addEventListener("scroll", function () {
+        setScrollTop(function (scrollTop) {
           if (scrollTop !== el.scrollTop) setScrollTopPrev(scrollTop);
           return el.scrollTop;
         });
@@ -68,15 +111,17 @@ function useMobileModal(_ref) {
     }
   }, [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);
+  (0, _react.useEffect)(function () {
+    setScrollDirection(function (prevScrollDirection) {
+      return scrollTop < scrollTopPrev ? SCROLL_DIRECTION.UP : scrollTop > scrollTopPrev ? SCROLL_DIRECTION.DOWN : prevScrollDirection;
+    });
   }, [scrollTop, scrollTopPrev]); // Dynamic Modal Positioning
 
-  (0, _react.useLayoutEffect)(() => {
+  (0, _react.useLayoutEffect)(function () {
     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;
+      var 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) : {};
+      var computedModalHeight = modalRef !== null && modalRef !== void 0 && modalRef.current ? modalHeight + parseFloat((modalStyle === null || modalStyle === void 0 ? void 0 : modalStyle.marginTop) || 0) : 0;
+      var windowHeight = document.documentElement.clientHeight || window.screen.availHeight || window.screen.height;
 
       if (modalMobileContainerRef !== null && modalMobileContainerRef !== void 0 && modalMobileContainerRef.current) {
         if (computedModalHeight <= windowHeight) {
@@ -92,58 +137,58 @@ function useMobileModal(_ref) {
     }
   }, [modalsLogicProps, isOpen, isMobile, modalHeight]); // Calculating
 
-  (0, _react.useLayoutEffect)(() => {
+  (0, _react.useLayoutEffect)(function () {
     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 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;
 
       if (modalHeight !== newModalHeight) {
         setModalHeight(newModalHeight);
       }
     }
   });
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (isMobile && withMobileLogic) {
-      const {
-        footerHeight,
-        headerHeight
-      } = modalsLogicProps;
-      setModalsLogic(prevStickyLogic => ({
-        IS_HEADER_HIDDEN: scrollDirection === SCROLL_DIRECTION.DOWN || scrollTop === 0,
-        IS_HEADER_STICKY: scrollDirection === SCROLL_DIRECTION.UP && scrollTop !== 0 && (scrollTop >= headerHeight || prevStickyLogic.IS_HEADER_STICKY),
-        IS_FOOTER_HIDDEN: !withFixedFooter && (scrollDirection === SCROLL_DIRECTION.UP || scrollHeight === Math.round(scrollTop)),
-        IS_FOOTER_STICKY: withFixedFooter && scrollHeight > 1 || scrollDirection === SCROLL_DIRECTION.DOWN && (scrollHeight - Math.round(scrollTop) >= footerHeight || prevStickyLogic.IS_FOOTER_STICKY)
-      }));
+      var footerHeight = modalsLogicProps.footerHeight,
+          headerHeight = modalsLogicProps.headerHeight;
+      setModalsLogic(function (prevStickyLogic) {
+        return {
+          IS_HEADER_HIDDEN: scrollDirection === SCROLL_DIRECTION.DOWN || scrollTop === 0,
+          IS_HEADER_STICKY: scrollDirection === SCROLL_DIRECTION.UP && scrollTop !== 0 && (scrollTop >= headerHeight || prevStickyLogic.IS_HEADER_STICKY),
+          IS_FOOTER_HIDDEN: !withFixedFooter && (scrollDirection === SCROLL_DIRECTION.UP || scrollHeight === Math.round(scrollTop)),
+          IS_FOOTER_STICKY: withFixedFooter && scrollHeight > 1 || scrollDirection === SCROLL_DIRECTION.DOWN && (scrollHeight - Math.round(scrollTop) >= footerHeight || prevStickyLogic.IS_FOOTER_STICKY)
+        };
+      });
     }
   }, [scrollTop, scrollHeight, isMobile, withMobileLogic, scrollDirection, modalsLogicProps, modalHeight, window.innerHeight]);
-  (0, _react.useLayoutEffect)(() => {
+  (0, _react.useLayoutEffect)(function () {
     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) {
-      setModalsLogicProps(state => {
+      setModalsLogicProps(function (state) {
         var _modalMobileHeaderRef3, _modalMobileHeaderRef4;
 
-        return { ...state,
+        return _objectSpread(_objectSpread({}, 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
-        };
+        });
       });
     }
   }, [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]);
-  (0, _react.useLayoutEffect)(() => {
+  (0, _react.useLayoutEffect)(function () {
     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) {
-      setModalsLogicProps(state => {
+      setModalsLogicProps(function (state) {
         var _modalMobileFooterRef3, _modalMobileFooterRef4;
 
-        return { ...state,
+        return _objectSpread(_objectSpread({}, 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
-        };
+        });
       });
     }
   }, [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]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (modalMobileContainerRef !== null && modalMobileContainerRef !== void 0 && modalMobileContainerRef.current) {
       var _modalMobileContainer5, _modalMobileContainer6;
 
@@ -152,9 +197,9 @@ function useMobileModal(_ref) {
       setScrollHeight((modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : (_modalMobileContainer6 = modalMobileContainerRef.current) === null || _modalMobileContainer6 === void 0 ? void 0 : _modalMobileContainer6.scrollHeight) - window.innerHeight);
     }
   }, [scrollTop, modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current, window.innerHeight]);
-  (0, _react.useEffect)(() => {
-    window.addEventListener("resize", () => {
-      setContainerScrollHeight(containerScrollHeight => {
+  (0, _react.useEffect)(function () {
+    window.addEventListener("resize", function () {
+      setContainerScrollHeight(function (containerScrollHeight) {
         setScrollHeight(containerScrollHeight - window.innerHeight);
         return containerScrollHeight;
       });
@@ -162,27 +207,27 @@ function useMobileModal(_ref) {
   }, []);
   /* MODALS LOGIC | END */
 
-  const renderMobileModal = modal => {
+  var renderMobileModal = function renderMobileModal(modal) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "modal-mobile-container",
       ref: modalMobileContainerRef
     }, modal);
   };
 
-  const renderModal = modal => {
+  var renderModal = function renderModal(modal) {
     return isMobile && withMobileLogic ? renderMobileModal(modal) : modal;
   };
 
   return {
-    modalMobileContainerRef,
-    modalMobileHeaderRef,
-    modalMobileBodyRef,
-    modalMobileFooterRef,
+    modalMobileContainerRef: modalMobileContainerRef,
+    modalMobileHeaderRef: modalMobileHeaderRef,
+    modalMobileBodyRef: modalMobileBodyRef,
+    modalMobileFooterRef: modalMobileFooterRef,
     MODALS_LOGIC: modalsLogic,
-    SCROLL_DIRECTION,
-    scrollTop,
-    scrollHeight,
-    renderModal,
-    isMobile
+    SCROLL_DIRECTION: SCROLL_DIRECTION,
+    scrollTop: scrollTop,
+    scrollHeight: scrollHeight,
+    renderModal: renderModal,
+    isMobile: isMobile
   };
 }

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

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,58 +11,71 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 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; }
-
-const RC = "mono-accordion";
-
-const MonoAccordion = _ref => {
-  let {
-    titleJSX,
-    icon,
-    children,
-    isOpen,
-    onClick,
-    className,
-    disabled,
-    testId,
-    datasetProp = {}
-  } = _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 => {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+var RC = "mono-accordion";
+
+var MonoAccordion = function MonoAccordion(_ref) {
+  var _cn;
+
+  var titleJSX = _ref.titleJSX,
+      icon = _ref.icon,
+      children = _ref.children,
+      isOpen = _ref.isOpen,
+      onClick = _ref.onClick,
+      className = _ref.className,
+      disabled = _ref.disabled,
+      testId = _ref.testId,
+      _ref$datasetProp = _ref.datasetProp,
+      datasetProp = _ref$datasetProp === void 0 ? {} : _ref$datasetProp;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      maxHeight = _useState2[0],
+      setMaxHeight = _useState2[1];
+
+  var titleRef = (0, _react.useRef)();
+  var containerRef = (0, _react.useRef)();
+
+  var setHeight = function setHeight(value) {
+    if (value !== undefined) setMaxHeight(function (state) {
+      return "".concat(value, "px");
+    });else setMaxHeight(function (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 ? void 0 : (_Array$from$reduce = _Array$from.reduce) === null || _Array$from$reduce === void 0 ? void 0 : _Array$from$reduce.call(_Array$from, function (acc, el) {
+        return acc + el.offsetHeight;
+      }, 0), "px");
     });
   };
 
-  const handleClick = e => {
-    if (!Array.from(titleRef.current.childNodes).some(el => el.contains(e.target))) {
+  var handleClick = function handleClick(e) {
+    if (!Array.from(titleRef.current.childNodes).some(function (el) {
+      return el.contains(e.target);
+    })) {
       onClick(e);
       e === null || e === void 0 ? void 0 : e.preventDefault();
       e === null || e === void 0 ? void 0 : e.stopPropagation();
     } else return e;
   };
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (!isOpen) setHeight(0);else setHeight();
   }, [isOpen, children]);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
-    className: (0, _classnames.default)(RC, className, {
-      ["".concat(RC, "_is-open")]: isOpen,
-      ["".concat(RC, "_disabled")]: disabled
-    })
+    className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_is-open"), isOpen), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn))
   }), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "accordionHeader--key-".concat(testId, "--clickable"),
     className: "".concat(RC, "__head"),
@@ -73,7 +88,7 @@ const MonoAccordion = _ref => {
   }, icon)), /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     style: {
-      maxHeight
+      maxHeight: maxHeight
     },
     className: (0, _classnames.default)("".concat(RC, "__container"))
   }, /*#__PURE__*/_react.default.createElement("div", {