intelicoreact 1.0.61 → 1.0.62

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

@@ -9,8 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.renderModalTitle = exports.KEY_CODE = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -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; }
@@ -107,30 +109,20 @@ var Modal = function Modal(_ref2) {
       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))
+  }, !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
-  }))), !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"
   }))), /*#__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

@@ -33,7 +33,7 @@
   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%);
 
@@ -80,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

@@ -7,8 +7,6 @@ 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"));
@@ -19,6 +17,8 @@ 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,
@@ -26,36 +26,9 @@ var Modal = function Modal(_ref) {
       closeModal = _ref.closeModal,
       children = _ref.children,
       className = _ref.className,
-      title = _ref.title,
-      variant = _ref.variant,
-      onlyTitle = _ref.onlyTitle,
-      mode = _ref.mode,
       size = _ref.size,
-      forced = _ref.forced,
       testId = _ref.testId;
   if (!isOpen) return null;
-
-  function renderHeader() {
-    if (!title) return null;
-    return /*#__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, (0, _Modal2.renderModalTitle)({
-      mode: mode,
-      title: title,
-      onlyTitle: onlyTitle
-    }))), !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"
-    })));
-  }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       zIndex: zIndex
@@ -71,7 +44,7 @@ var Modal = function Modal(_ref) {
       width: size
     },
     className: (0, _classnames.default)(className, 'modal')
-  }, renderHeader(), children));
+  }, children));
 };
 
 var _default = Modal;

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.61",
+  "version": "1.0.62",
   "description": "",
   "main": "dist/index.js",
   "files": [