intelicoreact 1.5.38 → 1.5.41

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

@@ -1,97 +1,43 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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_wildcard(require("react"));
-const _useHandleKeyPress = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useKeyPress/useHandleKeyPress"));
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useHandleKeyPress = _interopRequireDefault(require("../../../Functions/useKeyPress/useHandleKeyPress"));
 require("./Modal.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 Modal = ({ zIndex = 100, isOpen, closeModal, children, className, size, testId = 'modal', closeOnEsc = true })=>{
-    const modalRef = (0, _react.useRef)(null);
-    (0, _useHandleKeyPress.default)({
-        escCallback: closeOnEsc && typeof closeModal === 'function' ? ()=>closeModal === null || closeModal === void 0 ? void 0 : closeModal() : undefined
-    });
-    if (!isOpen) return null;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        style: {
-            zIndex
-        },
-        "data-testid": testId,
-        className: "modal-box j5",
-        role: "presentation",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "modal-overlay",
-                onClick: closeModal,
-                role: "presentation",
-                "aria-hidden": "true"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                ref: modalRef,
-                style: {
-                    width: size
-                },
-                className: (0, _classnames.default)(className, 'modal'),
-                role: "dialog",
-                "aria-modal": "true",
-                "aria-labelledby": testId,
-                tabIndex: -1,
-                children: children
-            })
-        ]
-    });
+const Modal = _ref => {
+  let {
+    zIndex = 100,
+    isOpen,
+    closeModal,
+    children,
+    className,
+    size,
+    testId,
+    closeOnEsc = true
+  } = _ref;
+  if (!isOpen) return null;
+  (0, _useHandleKeyPress.default)({
+    escCallback: closeOnEsc && typeof closeModal === "function" ? () => closeModal?.() : null
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      zIndex
+    },
+    "data-testid": testId,
+    className: "modal-box j5"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "modal-overlay",
+    onClick: closeModal
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: size
+    },
+    className: (0, _classnames.default)(className, "modal")
+  }, children));
 };
-const _default = Modal;
+var _default = exports.default = Modal;

package/dist/Atomic/UI/Modal/ModalMobile.scss

@@ -10,38 +10,26 @@
 
 @media only screen and (max-width: 768px) {
   .modal-mobile-container {
-    --modal-container-z-index: 100;
-    --modal-container-width: 100dvw;
-    --modal-container-height: 100dvh;
-    --modal-container-border-radius: 16px;
-    --modal-content-margin-top: 16px;
-    --modal-animation-duration: 0.4s;
-    --modal-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
-
     position: relative;
-    z-index: var(--modal-container-z-index);
+    z-index: 100;
 
     overflow-y: auto;
 
     box-sizing: border-box;
-    width: var(--modal-container-width);
-    height: var(--modal-container-height);
+    width: 100dvw;
+    height: 100dvh;
 
-    border-radius: var(--modal-container-border-radius) var(--modal-container-border-radius) 0 0;
+    border-radius: 16px 16px 0 0;
 
     .modal {
-      --modal-header-footer-width: 100%;
-      --modal-header-top: 0;
-      --modal-footer-bottom: 0;
-
       max-width: 100vw;
       max-height: unset !important;
-      margin-top: var(--modal-content-margin-top) !important;
+      margin-top: 16px !important;
 
-      border-radius: var(--modal-container-border-radius) var(--modal-container-border-radius) 0 0;
+      border-radius: 16px 16px 0 0;
 
       animation-name: slideup;
-      animation-duration: var(--modal-animation-duration);
+      animation-duration: 0.4s;
 
       &__header,
       &__footer {
@@ -49,7 +37,7 @@
         left: 0;
 
         box-sizing: border-box;
-        width: var(--modal-header-footer-width);
+        width: 100%;
 
         &--hidden {
           position: relative;
@@ -58,19 +46,21 @@
         &--sticky {
           position: sticky;
 
-          box-shadow: var(--modal-shadow);
+          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
         }
       }
 
       &__header {
-        top: var(--modal-header-top);
+        top: 0;
       }
 
       &__footer {
-        bottom: var(--modal-footer-bottom);
-
         border-radius: 0 !important;
       }
+
+      &__footer {
+        bottom: 0;
+      }
     }
 
     .modal:not(.modal--no-header) .modal__body {

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

@@ -1,71 +1,21 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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_wildcard(require("react"));
-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 ModalFooter = /*#__PURE__*/ (0, _react.memo)(({ className = '', children, wrapperRef, testId = 'modal-footer' })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("footer", {
-        "data-testid": testId,
-        ref: wrapperRef,
-        className: (0, _classnames.default)('modal__footer', className),
-        role: "contentinfo",
-        "aria-label": "Modal footer",
-        children: children
-    });
-});
-ModalFooter.displayName = 'ModalFooter';
-const _default = ModalFooter;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+const ModalFooter = _ref => {
+  let {
+    className = "",
+    children,
+    wrapperRef
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: wrapperRef,
+    className: (0, _classnames.default)("modal__footer", className)
+  }, children);
+};
+var _default = exports.default = ModalFooter;

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

@@ -1,110 +1,41 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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_wildcard(require("react"));
-const _reactfeather = require("react-feather");
-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 ModalTitle = /*#__PURE__*/ (0, _react.memo)(({ variant = 'primary', children, isForced = false, onClose, noHeaderCloseBtn = false, className, wrapperRef, testId = 'modal-title' })=>{
-    const handleKeyDown = (0, _react.useCallback)((e)=>{
-        if (e.key === 'Enter' || e.key === 'Space') {
-            e.preventDefault();
-            onClose === null || onClose === void 0 ? void 0 : onClose();
-        }
-    }, [
-        onClose
-    ]);
-    const handleClick = (0, _react.useCallback)(()=>{
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [
-        onClose
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("header", {
-        "data-testid": testId,
-        ref: wrapperRef,
-        className: (0, _classnames.default)('modal__header', className, {
-            [`modal__header-${variant}`]: variant
-        }),
-        role: "banner",
-        "aria-label": "Modal header",
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: (0, _classnames.default)('modal__header-title', {
-                    [`modal__header-${variant}-title`]: variant
-                }),
-                id: `${testId}-heading`,
-                children: children
-            }),
-            !isForced && /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                type: "button",
-                onClick: handleClick,
-                onKeyDown: handleKeyDown,
-                className: (0, _classnames.default)('modal-close-icon-box', {
-                    'modal-close-icon-box-primary': variant === 'primary'
-                }),
-                "aria-label": "Close modal",
-                title: "Close modal",
-                children: !noHeaderCloseBtn && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
-                    className: "modal-close-icon",
-                    role: "img",
-                    "aria-hidden": "true"
-                })
-            })
-        ]
-    });
-});
-ModalTitle.displayName = 'ModalTitle';
-const _default = ModalTitle;
+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",
+    children,
+    isForced,
+    onClose,
+    noHeaderCloseBtn,
+    className,
+    wrapperRef,
+    testId = "modal-title"
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
+    ref: wrapperRef,
+    className: (0, _classnames.default)("modal__header", className, {
+      [`modal__header-${variant}`]: variant
+    })
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("modal__header-title", {
+      [`modal__header-${variant}-title`]: variant
+    })
+  }, children), !isForced && /*#__PURE__*/_react.default.createElement("div", {
+    onClick: onClose,
+    className: (0, _classnames.default)("modal-close-icon-box", {
+      "modal-close-icon-box-primary": variant === "primary"
+    })
+  }, !noHeaderCloseBtn && /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
+    className: "modal-close-icon"
+  })));
+};
+var _default = exports.default = ModalTitle;