intelicoreact 1.0.60 → 1.0.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/Atomic/UI/Modal/Modal.js +51 -43
  2. package/dist/Atomic/UI/Modal/Modal.scss +4 -1
  3. package/dist/Atomic/UI/Modal/ModalHOC.js +78 -0
  4. package/package.json +1 -1
package/dist/Atomic/UI/Modal/Modal.js CHANGED
@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- exports.default = exports.KEY_CODE = void 0;
10
+ exports.default = exports.renderModalTitle = exports.KEY_CODE = void 0;
11
11
 
12
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
13
 
@@ -31,49 +31,53 @@ var KEY_CODE = Object.freeze({
31
31
  });
32
32
  exports.KEY_CODE = KEY_CODE;
33
33
 
34
- var Modal = function Modal(_ref) {
35
- var _ref$zIndex = _ref.zIndex,
36
- zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex,
37
- isOpen = _ref.isOpen,
38
- onConfirm = _ref.onConfirm,
39
- closeModal = _ref.closeModal,
40
- children = _ref.children,
41
- className = _ref.className,
34
+ var renderModalTitle = function renderModalTitle(_ref) {
35
+ var mode = _ref.mode,
42
36
  title = _ref.title,
43
- variant = _ref.variant,
44
- onlyTitle = _ref.onlyTitle,
45
- mode = _ref.mode,
46
- size = _ref.size,
47
- confirmBtnClassName = _ref.confirmBtnClassName,
48
- confirmBtnLabel = _ref.confirmBtnLabel,
49
- _ref$confirmBtnVarian = _ref.confirmBtnVariant,
50
- confirmBtnVariant = _ref$confirmBtnVarian === void 0 ? 'primary' : _ref$confirmBtnVarian,
51
- confirmBtnDisable = _ref.confirmBtnDisable,
52
- confirmBtnIcon = _ref.confirmBtnIcon,
53
- isConfirmBtnIconPositionRight = _ref.isConfirmBtnIconPositionRight,
54
- noConfirmBtn = _ref.noConfirmBtn,
55
- noCloseBtn = _ref.noCloseBtn,
56
- noFooter = _ref.noFooter,
57
- noHeader = _ref.noHeader,
58
- closeBtnClassName = _ref.closeBtnClassName,
59
- closeBtnText = _ref.closeBtnText,
60
- closeBtnVariant = _ref.closeBtnVariant,
61
- closeBtnDisable = _ref.closeBtnDisable,
62
- closeBtnIcon = _ref.closeBtnIcon,
63
- forced = _ref.forced,
64
- btnClassNames = _ref.btnClassNames,
65
- isCloseBtnIconPositionRight = _ref.isCloseBtnIconPositionRight,
66
- _ref$submitOnEnter = _ref.submitOnEnter,
67
- submitOnEnter = _ref$submitOnEnter === void 0 ? true : _ref$submitOnEnter,
68
- leftContentOfFooter = _ref.leftContentOfFooter,
69
- testId = _ref.testId;
70
- if (!isOpen) return null;
71
-
72
- var renderModalTitle = function renderModalTitle() {
73
- if (mode && mode !== 'default' && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
74
- return title;
75
- };
37
+ onlyTitle = _ref.onlyTitle;
38
+ if (mode && mode !== 'default' && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
39
+ return title;
40
+ };
76
41
 
42
+ exports.renderModalTitle = renderModalTitle;
43
+
44
+ var Modal = function Modal(_ref2) {
45
+ var _ref2$zIndex = _ref2.zIndex,
46
+ zIndex = _ref2$zIndex === void 0 ? 100 : _ref2$zIndex,
47
+ isOpen = _ref2.isOpen,
48
+ onConfirm = _ref2.onConfirm,
49
+ closeModal = _ref2.closeModal,
50
+ children = _ref2.children,
51
+ className = _ref2.className,
52
+ title = _ref2.title,
53
+ variant = _ref2.variant,
54
+ onlyTitle = _ref2.onlyTitle,
55
+ mode = _ref2.mode,
56
+ size = _ref2.size,
57
+ confirmBtnClassName = _ref2.confirmBtnClassName,
58
+ confirmBtnLabel = _ref2.confirmBtnLabel,
59
+ _ref2$confirmBtnVaria = _ref2.confirmBtnVariant,
60
+ confirmBtnVariant = _ref2$confirmBtnVaria === void 0 ? 'primary' : _ref2$confirmBtnVaria,
61
+ confirmBtnDisable = _ref2.confirmBtnDisable,
62
+ confirmBtnIcon = _ref2.confirmBtnIcon,
63
+ isConfirmBtnIconPositionRight = _ref2.isConfirmBtnIconPositionRight,
64
+ noConfirmBtn = _ref2.noConfirmBtn,
65
+ noCloseBtn = _ref2.noCloseBtn,
66
+ noFooter = _ref2.noFooter,
67
+ noHeader = _ref2.noHeader,
68
+ closeBtnClassName = _ref2.closeBtnClassName,
69
+ closeBtnText = _ref2.closeBtnText,
70
+ closeBtnVariant = _ref2.closeBtnVariant,
71
+ closeBtnDisable = _ref2.closeBtnDisable,
72
+ closeBtnIcon = _ref2.closeBtnIcon,
73
+ forced = _ref2.forced,
74
+ btnClassNames = _ref2.btnClassNames,
75
+ isCloseBtnIconPositionRight = _ref2.isCloseBtnIconPositionRight,
76
+ _ref2$submitOnEnter = _ref2.submitOnEnter,
77
+ submitOnEnter = _ref2$submitOnEnter === void 0 ? true : _ref2$submitOnEnter,
78
+ leftContentOfFooter = _ref2.leftContentOfFooter,
79
+ testId = _ref2.testId;
80
+ if (!isOpen) return null;
77
81
  var handle = {
78
82
  confirm: function confirm() {
79
83
  onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
@@ -107,7 +111,11 @@ var Modal = function Modal(_ref) {
107
111
  className: (0, _classnames.default)('modal__header', (0, _defineProperty2.default)({}, "modal__header-".concat(variant), variant))
108
112
  }, /*#__PURE__*/_react.default.createElement("span", {
109
113
  className: (0, _classnames.default)('modal__header-title', (0, _defineProperty2.default)({}, "modal__header-".concat(variant, "-title"), variant))
110
- }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle())), !forced && /*#__PURE__*/_react.default.createElement("div", {
114
+ }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle({
115
+ mode: mode,
116
+ title: title,
117
+ onlyTitle: onlyTitle
118
+ }))), !forced && /*#__PURE__*/_react.default.createElement("div", {
111
119
  "data-testid": 'modal--button-closeCross',
112
120
  onClick: closeModal,
113
121
  className: (0, _classnames.default)('modal-close-icon-box', {
package/dist/Atomic/UI/Modal/Modal.scss CHANGED
@@ -18,6 +18,8 @@
18
18
 
19
19
  .modal {
20
20
  --modal-min-height: 300px;
21
+ --modal-height: calc(100% - 30px);
22
+ --max-height: calc(100% - 30px);
21
23
 
22
24
  position: relative;
23
25
  z-index: 5;
@@ -27,7 +29,8 @@
27
29
 
28
30
  width: 600px;
29
31
  min-height: var(--modal-min-height);
30
- max-height: calc(100vh - 30px);
32
+ height: var(--modal-height);
33
+ max-height: var(--max-height);
31
34
  margin: 0 10px;
32
35
 
33
36
  border-radius: 5px;
package/dist/Atomic/UI/Modal/ModalHOC.js ADDED
@@ -0,0 +1,78 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
16
+ var _reactFeather = require("react-feather");
17
+
18
+ require("./Modal.scss");
19
+
20
+ var _Modal2 = require("./Modal");
21
+
22
+ var Modal = function Modal(_ref) {
23
+ var _ref$zIndex = _ref.zIndex,
24
+ zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex,
25
+ isOpen = _ref.isOpen,
26
+ closeModal = _ref.closeModal,
27
+ children = _ref.children,
28
+ className = _ref.className,
29
+ title = _ref.title,
30
+ variant = _ref.variant,
31
+ onlyTitle = _ref.onlyTitle,
32
+ mode = _ref.mode,
33
+ size = _ref.size,
34
+ forced = _ref.forced,
35
+ testId = _ref.testId;
36
+ if (!isOpen) return null;
37
+
38
+ function renderHeader() {
39
+ if (!title) return null;
40
+ return /*#__PURE__*/_react.default.createElement("div", {
41
+ className: (0, _classnames.default)('modal__header', (0, _defineProperty2.default)({}, "modal__header-".concat(variant), variant))
42
+ }, /*#__PURE__*/_react.default.createElement("span", {
43
+ className: (0, _classnames.default)('modal__header-title', (0, _defineProperty2.default)({}, "modal__header-".concat(variant, "-title"), variant))
44
+ }, /*#__PURE__*/_react.default.createElement("span", null, (0, _Modal2.renderModalTitle)({
45
+ mode: mode,
46
+ title: title,
47
+ onlyTitle: onlyTitle
48
+ }))), !forced && /*#__PURE__*/_react.default.createElement("div", {
49
+ "data-testid": 'modal--button-closeCross',
50
+ onClick: closeModal,
51
+ className: (0, _classnames.default)('modal-close-icon-box', {
52
+ 'modal-close-icon-box-primary': variant === 'primary'
53
+ })
54
+ }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
55
+ className: "modal-close-icon"
56
+ })));
57
+ }
58
+
59
+ return /*#__PURE__*/_react.default.createElement("div", {
60
+ style: {
61
+ zIndex: zIndex
62
+ },
63
+ "data-testid": testId,
64
+ className: "modal-box j5"
65
+ }, /*#__PURE__*/_react.default.createElement("div", {
66
+ "data-testid": 'modal-closeOverlay',
67
+ className: "modal-overlay",
68
+ onClick: closeModal
69
+ }), !isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.Loader, null) : /*#__PURE__*/_react.default.createElement("div", {
70
+ style: {
71
+ width: size
72
+ },
73
+ className: (0, _classnames.default)(className, 'modal')
74
+ }, renderHeader(), children));
75
+ };
76
+
77
+ var _default = Modal;
78
+ exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "1.0.60",
3
+ "version": "1.0.61",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [