@elliemae/ds-modal 2.4.2-rc.11 → 2.4.2-rc.14
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.
- package/cjs/v1/DSModal.js +4 -4
- package/cjs/v1/DSModalWrapper.js +1 -2
- package/cjs/v2/DSModal.js +2 -2
- package/esm/v1/DSModal.js +4 -4
- package/esm/v1/DSModalWrapper.js +0 -1
- package/esm/v2/DSModal.js +2 -2
- package/package.json +8 -8
package/cjs/v1/DSModal.js
CHANGED
|
@@ -96,7 +96,7 @@ const DSModal = _ref => {
|
|
|
96
96
|
isOpen: isOpen,
|
|
97
97
|
onAfterOpen: onAfterOpen,
|
|
98
98
|
onRequestClose: onClose,
|
|
99
|
-
overlayClassName:
|
|
99
|
+
overlayClassName: `${classNameBlock('overlay')} ${classNameModifier(centered && 'center')}`,
|
|
100
100
|
shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
|
|
101
101
|
style: {
|
|
102
102
|
content: _objectSpread({}, style),
|
|
@@ -126,18 +126,18 @@ const DSModal = _ref => {
|
|
|
126
126
|
hasWarning: hasWarning,
|
|
127
127
|
modalType: modalType
|
|
128
128
|
}), children), showFooter && !isAFeedbackType && /*#__PURE__*/_jsx__default["default"]("div", {
|
|
129
|
-
className:
|
|
129
|
+
className: `${classNameBlock('modal-footer')} ${additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : ''}`
|
|
130
130
|
}, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
131
131
|
ref: actionsRef,
|
|
132
132
|
className: classNameBlock('modal-footer-actions'),
|
|
133
133
|
children: [modalType === constants.MODAL_TYPE.CONFIRM && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
|
|
134
134
|
buttonType: "secondary",
|
|
135
|
-
className:
|
|
135
|
+
className: `${classNameElement('button-action')} ${classNameModifier('reject', 'button-action')} `,
|
|
136
136
|
labelText: rejectLabel,
|
|
137
137
|
onClick: onReject
|
|
138
138
|
}, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
|
|
139
139
|
buttonType: "primary",
|
|
140
|
-
className:
|
|
140
|
+
className: `${classNameElement('button-action')} ${classNameModifier('confirm', 'button-action')} `,
|
|
141
141
|
labelText: confirmLabel,
|
|
142
142
|
onClick: onConfirm
|
|
143
143
|
}, overridePropsConfirmButton))]
|
package/cjs/v1/DSModalWrapper.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
5
3
|
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
4
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
5
|
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
6
|
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
7
|
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
10
9
|
var react = require('react');
|
|
11
10
|
var constants = require('../constants.js');
|
|
12
11
|
|
package/cjs/v2/DSModal.js
CHANGED
|
@@ -74,12 +74,12 @@ const DSModal = _ref => {
|
|
|
74
74
|
});
|
|
75
75
|
return /*#__PURE__*/_jsx__default["default"](ReactModal__default["default"], {
|
|
76
76
|
testId: dataTestId,
|
|
77
|
-
className:
|
|
77
|
+
className: `${cssClassName} ${classNameBlock(`type-${modalType}`)}`,
|
|
78
78
|
contentLabel: modalTitle,
|
|
79
79
|
isOpen: isOpen,
|
|
80
80
|
onAfterOpen: onAfterOpen,
|
|
81
81
|
onRequestClose: onClose,
|
|
82
|
-
overlayClassName:
|
|
82
|
+
overlayClassName: `${classNameBlock('overlay')} ${classNameModifier(centered ? 'center' : 'top')}`,
|
|
83
83
|
shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
|
|
84
84
|
style: {
|
|
85
85
|
content: _objectSpread({}, style),
|
package/esm/v1/DSModal.js
CHANGED
|
@@ -87,7 +87,7 @@ const DSModal = _ref => {
|
|
|
87
87
|
isOpen: isOpen,
|
|
88
88
|
onAfterOpen: onAfterOpen,
|
|
89
89
|
onRequestClose: onClose,
|
|
90
|
-
overlayClassName:
|
|
90
|
+
overlayClassName: `${classNameBlock('overlay')} ${classNameModifier(centered && 'center')}`,
|
|
91
91
|
shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
|
|
92
92
|
style: {
|
|
93
93
|
content: _objectSpread({}, style),
|
|
@@ -117,18 +117,18 @@ const DSModal = _ref => {
|
|
|
117
117
|
hasWarning: hasWarning,
|
|
118
118
|
modalType: modalType
|
|
119
119
|
}), children), showFooter && !isAFeedbackType && /*#__PURE__*/_jsx("div", {
|
|
120
|
-
className:
|
|
120
|
+
className: `${classNameBlock('modal-footer')} ${additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : ''}`
|
|
121
121
|
}, void 0, /*#__PURE__*/jsxs("div", {
|
|
122
122
|
ref: actionsRef,
|
|
123
123
|
className: classNameBlock('modal-footer-actions'),
|
|
124
124
|
children: [modalType === MODAL_TYPE.CONFIRM && /*#__PURE__*/jsx(DSButton, _objectSpread({
|
|
125
125
|
buttonType: "secondary",
|
|
126
|
-
className:
|
|
126
|
+
className: `${classNameElement('button-action')} ${classNameModifier('reject', 'button-action')} `,
|
|
127
127
|
labelText: rejectLabel,
|
|
128
128
|
onClick: onReject
|
|
129
129
|
}, overridePropsRejectButton)), /*#__PURE__*/jsx(DSButton, _objectSpread({
|
|
130
130
|
buttonType: "primary",
|
|
131
|
-
className:
|
|
131
|
+
className: `${classNameElement('button-action')} ${classNameModifier('confirm', 'button-action')} `,
|
|
132
132
|
labelText: confirmLabel,
|
|
133
133
|
onClick: onConfirm
|
|
134
134
|
}, overridePropsConfirmButton))]
|
package/esm/v1/DSModalWrapper.js
CHANGED
|
@@ -4,7 +4,6 @@ import 'core-js/modules/esnext.iterator.filter.js';
|
|
|
4
4
|
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
5
|
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
7
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
8
7
|
import { Component, createElement } from 'react';
|
|
9
8
|
import { MODAL_TYPE } from '../constants.js';
|
|
10
9
|
|
package/esm/v2/DSModal.js
CHANGED
|
@@ -65,12 +65,12 @@ const DSModal = _ref => {
|
|
|
65
65
|
});
|
|
66
66
|
return /*#__PURE__*/_jsx(ReactModal, {
|
|
67
67
|
testId: dataTestId,
|
|
68
|
-
className:
|
|
68
|
+
className: `${cssClassName} ${classNameBlock(`type-${modalType}`)}`,
|
|
69
69
|
contentLabel: modalTitle,
|
|
70
70
|
isOpen: isOpen,
|
|
71
71
|
onAfterOpen: onAfterOpen,
|
|
72
72
|
onRequestClose: onClose,
|
|
73
|
-
overlayClassName:
|
|
73
|
+
overlayClassName: `${classNameBlock('overlay')} ${classNameModifier(centered ? 'center' : 'top')}`,
|
|
74
74
|
shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
|
|
75
75
|
style: {
|
|
76
76
|
content: _objectSpread({}, style),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-modal",
|
|
3
|
-
"version": "2.4.2-rc.
|
|
3
|
+
"version": "2.4.2-rc.14",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Modal",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -96,13 +96,13 @@
|
|
|
96
96
|
"build": "node ../../scripts/build/build.js"
|
|
97
97
|
},
|
|
98
98
|
"dependencies": {
|
|
99
|
-
"@elliemae/ds-button": "2.4.2-rc.
|
|
100
|
-
"@elliemae/ds-classnames": "2.4.2-rc.
|
|
101
|
-
"@elliemae/ds-form": "2.4.2-rc.
|
|
102
|
-
"@elliemae/ds-icon": "2.4.2-rc.
|
|
103
|
-
"@elliemae/ds-icons": "2.4.2-rc.
|
|
104
|
-
"@elliemae/ds-shared": "2.4.2-rc.
|
|
105
|
-
"@elliemae/ds-system": "2.4.2-rc.
|
|
99
|
+
"@elliemae/ds-button": "2.4.2-rc.14",
|
|
100
|
+
"@elliemae/ds-classnames": "2.4.2-rc.14",
|
|
101
|
+
"@elliemae/ds-form": "2.4.2-rc.14",
|
|
102
|
+
"@elliemae/ds-icon": "2.4.2-rc.14",
|
|
103
|
+
"@elliemae/ds-icons": "2.4.2-rc.14",
|
|
104
|
+
"@elliemae/ds-shared": "2.4.2-rc.14",
|
|
105
|
+
"@elliemae/ds-system": "2.4.2-rc.14",
|
|
106
106
|
"prop-types": "~15.7.2",
|
|
107
107
|
"react-desc": "~4.1.3",
|
|
108
108
|
"react-modal": "~3.12.1"
|