intelicoreact 1.0.60 → 1.0.62

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

@@ -7,9 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.KEY_CODE = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.default = exports.renderModalTitle = exports.KEY_CODE = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -21,6 +19,10 @@ var _Button = _interopRequireDefault(require("../Button/Button"));
 
 require("./Modal.scss");
 
+var _ModalFooter = _interopRequireDefault(require("./partials/ModalFooter"));
+
+var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
+
 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; }
@@ -31,49 +33,53 @@ var KEY_CODE = Object.freeze({
 });
 exports.KEY_CODE = KEY_CODE;
 
-var Modal = function Modal(_ref) {
-  var _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex,
-      isOpen = _ref.isOpen,
-      onConfirm = _ref.onConfirm,
-      closeModal = _ref.closeModal,
-      children = _ref.children,
-      className = _ref.className,
+var renderModalTitle = function renderModalTitle(_ref) {
+  var mode = _ref.mode,
       title = _ref.title,
-      variant = _ref.variant,
-      onlyTitle = _ref.onlyTitle,
-      mode = _ref.mode,
-      size = _ref.size,
-      confirmBtnClassName = _ref.confirmBtnClassName,
-      confirmBtnLabel = _ref.confirmBtnLabel,
-      _ref$confirmBtnVarian = _ref.confirmBtnVariant,
-      confirmBtnVariant = _ref$confirmBtnVarian === void 0 ? 'primary' : _ref$confirmBtnVarian,
-      confirmBtnDisable = _ref.confirmBtnDisable,
-      confirmBtnIcon = _ref.confirmBtnIcon,
-      isConfirmBtnIconPositionRight = _ref.isConfirmBtnIconPositionRight,
-      noConfirmBtn = _ref.noConfirmBtn,
-      noCloseBtn = _ref.noCloseBtn,
-      noFooter = _ref.noFooter,
-      noHeader = _ref.noHeader,
-      closeBtnClassName = _ref.closeBtnClassName,
-      closeBtnText = _ref.closeBtnText,
-      closeBtnVariant = _ref.closeBtnVariant,
-      closeBtnDisable = _ref.closeBtnDisable,
-      closeBtnIcon = _ref.closeBtnIcon,
-      forced = _ref.forced,
-      btnClassNames = _ref.btnClassNames,
-      isCloseBtnIconPositionRight = _ref.isCloseBtnIconPositionRight,
-      _ref$submitOnEnter = _ref.submitOnEnter,
-      submitOnEnter = _ref$submitOnEnter === void 0 ? true : _ref$submitOnEnter,
-      leftContentOfFooter = _ref.leftContentOfFooter,
-      testId = _ref.testId;
-  if (!isOpen) return null;
-
-  var renderModalTitle = function renderModalTitle() {
-    if (mode && mode !== 'default' && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
-    return title;
-  };
+      onlyTitle = _ref.onlyTitle;
+  if (mode && mode !== 'default' && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
+  return title;
+};
 
+exports.renderModalTitle = renderModalTitle;
+
+var Modal = function Modal(_ref2) {
+  var _ref2$zIndex = _ref2.zIndex,
+      zIndex = _ref2$zIndex === void 0 ? 100 : _ref2$zIndex,
+      isOpen = _ref2.isOpen,
+      onConfirm = _ref2.onConfirm,
+      closeModal = _ref2.closeModal,
+      children = _ref2.children,
+      className = _ref2.className,
+      title = _ref2.title,
+      variant = _ref2.variant,
+      onlyTitle = _ref2.onlyTitle,
+      mode = _ref2.mode,
+      size = _ref2.size,
+      confirmBtnClassName = _ref2.confirmBtnClassName,
+      confirmBtnLabel = _ref2.confirmBtnLabel,
+      _ref2$confirmBtnVaria = _ref2.confirmBtnVariant,
+      confirmBtnVariant = _ref2$confirmBtnVaria === void 0 ? 'primary' : _ref2$confirmBtnVaria,
+      confirmBtnDisable = _ref2.confirmBtnDisable,
+      confirmBtnIcon = _ref2.confirmBtnIcon,
+      isConfirmBtnIconPositionRight = _ref2.isConfirmBtnIconPositionRight,
+      noConfirmBtn = _ref2.noConfirmBtn,
+      noCloseBtn = _ref2.noCloseBtn,
+      noFooter = _ref2.noFooter,
+      noHeader = _ref2.noHeader,
+      closeBtnClassName = _ref2.closeBtnClassName,
+      closeBtnText = _ref2.closeBtnText,
+      closeBtnVariant = _ref2.closeBtnVariant,
+      closeBtnDisable = _ref2.closeBtnDisable,
+      closeBtnIcon = _ref2.closeBtnIcon,
+      forced = _ref2.forced,
+      btnClassNames = _ref2.btnClassNames,
+      isCloseBtnIconPositionRight = _ref2.isCloseBtnIconPositionRight,
+      _ref2$submitOnEnter = _ref2.submitOnEnter,
+      submitOnEnter = _ref2$submitOnEnter === void 0 ? true : _ref2$submitOnEnter,
+      leftContentOfFooter = _ref2.leftContentOfFooter,
+      testId = _ref2.testId;
+  if (!isOpen) return null;
   var handle = {
     confirm: function confirm() {
       onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
@@ -103,26 +109,20 @@ var Modal = function Modal(_ref) {
       width: size
     },
     className: (0, _classnames.default)(className, "".concat(isOpen ? 'modal' : 'hidden'))
-  }, !noHeader && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('modal__header', (0, _defineProperty2.default)({}, "modal__header-".concat(variant), variant))
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('modal__header-title', (0, _defineProperty2.default)({}, "modal__header-".concat(variant, "-title"), variant))
-  }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle())), !forced && /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": 'modal--button-closeCross',
-    onClick: closeModal,
-    className: (0, _classnames.default)('modal-close-icon-box', {
-      'modal-close-icon-box-primary': variant === 'primary'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
-    className: "modal-close-icon"
+  }, !noHeader && /*#__PURE__*/_react.default.createElement(_ModalTitle.default, {
+    variant: variant,
+    isForced: forced,
+    onClose: closeModal
+  }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle({
+    mode: mode,
+    title: title,
+    onlyTitle: onlyTitle
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('modal__body', {
       'modal__body--no-footer': noFooter
     })
-  }, children), !noFooter && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('modal__footer', {
-      'modal__footer_with-left-content': leftContentOfFooter
-    })
+  }, children), !noFooter && /*#__PURE__*/_react.default.createElement(_ModalFooter.default, {
+    className: leftContentOfFooter ? 'modal__footer_with-left-content' : ''
   }, leftContentOfFooter, /*#__PURE__*/_react.default.createElement("div", {
     className: "modal__buttons-block"
   }, !noCloseBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {

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

@@ -18,6 +18,8 @@
 
 .modal {
   --modal-min-height: 300px;
+  --modal-height: calc(100% - 30px);
+  --max-height: calc(100% - 30px);
 
   position: relative;
   z-index: 5;
@@ -27,10 +29,11 @@
 
   width: 600px;
   min-height: var(--modal-min-height);
-  max-height: calc(100vh - 30px);
+  height: var(--modal-height);
+  max-height: var(--max-height);
   margin: 0 10px;
 
-  border-radius: 5px;
+  border-radius: 4px;
   background-color: #FFF;
   box-shadow: 0 20px 20px rgb(0 0 0 / 20%);
 
@@ -77,6 +80,10 @@
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     background-color: #F7FAFC;
+    &:first-of-type {
+      border-top-right-radius: 4px;
+      border-top-left-radius: 4px;
+    }
 
     @include custom-scroll2;
 

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

@@ -0,0 +1,51 @@
+"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");
+
+require("./Modal.scss");
+
+var _Modal2 = require("./Modal");
+
+var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
+
+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;
+  if (!isOpen) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      zIndex: zIndex
+    },
+    "data-testid": testId,
+    className: "modal-box j5"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": 'modal-closeOverlay',
+    className: "modal-overlay",
+    onClick: closeModal
+  }), !isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.Loader, null) : /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: size
+    },
+    className: (0, _classnames.default)(className, 'modal')
+  }, children));
+};
+
+var _default = Modal;
+exports.default = _default;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var ModalFooter = function ModalFooter(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('modal__footer', className)
+  }, children);
+};
+
+var _default = ModalFooter;
+exports.default = _default;

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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactFeather = require("react-feather");
+
+var ModalTitle = function ModalTitle(_ref) {
+  var variant = _ref.variant,
+      children = _ref.children,
+      isForced = _ref.isForced,
+      onClose = _ref.onClose;
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames.default)('modal__header', (0, _defineProperty2.default)({}, "modal__header-".concat(variant), variant))
+  }, /*#__PURE__*/React.createElement("span", {
+    className: (0, _classnames.default)('modal__header-title', (0, _defineProperty2.default)({}, "modal__header-".concat(variant, "-title"), variant))
+  }, children), !isForced && /*#__PURE__*/React.createElement("div", {
+    "data-testid": 'modal--button-closeCross',
+    onClick: onClose,
+    className: (0, _classnames.default)('modal-close-icon-box', {
+      'modal-close-icon-box-primary': variant === 'primary'
+    })
+  }, /*#__PURE__*/React.createElement(_reactFeather.X, {
+    className: "modal-close-icon"
+  })));
+};
+
+var _default = ModalTitle;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.0.60",
+  "version": "1.0.62",
   "description": "",
   "main": "dist/index.js",
   "files": [