@elliemae/ds-modal 2.0.0-alpha.11 → 2.0.0-alpha.12
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/DSModal.js +5 -0
- package/cjs/v1/DSModal.js +44 -39
- package/cjs/v1/DSModalWrapper.js +23 -17
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js +24 -29
- package/cjs/v2/DSModal.js +40 -33
- package/cjs/v2/blocks.js +72 -48
- package/cjs/v2/components/DecisionHeader.js +21 -19
- package/cjs/v2/components/FeedbackIcon.js +16 -22
- package/cjs/v2/components/Footer.js +43 -35
- package/cjs/v2/components/FormHeader.js +30 -28
- package/cjs/v2/components/ModalContent.js +84 -76
- package/cjs/v2/components/SelectionHeader.js +27 -20
- package/cjs/v2/components/Title.js +11 -8
- package/cjs/v2/helpers.js +21 -16
- package/esm/DSModal.js +5 -0
- package/esm/v1/DSModal.js +44 -38
- package/esm/v1/DSModalWrapper.js +23 -17
- package/esm/v1/ModalFeedBack/ModalFeedBack.js +19 -20
- package/esm/v2/DSModal.js +40 -33
- package/esm/v2/blocks.js +72 -48
- package/esm/v2/components/DecisionHeader.js +21 -18
- package/esm/v2/components/FeedbackIcon.js +11 -12
- package/esm/v2/components/Footer.js +43 -35
- package/esm/v2/components/FormHeader.js +30 -27
- package/esm/v2/components/ModalContent.js +84 -76
- package/esm/v2/components/SelectionHeader.js +27 -19
- package/esm/v2/components/Title.js +11 -8
- package/esm/v2/helpers.js +21 -16
- package/package.json +13 -4
- package/types/v1/DSModal.d.ts +1 -1
- package/types/v2/DSModal.d.ts +197 -28
- package/types/v2/components/SelectionHeader.d.ts +1 -1
|
@@ -4,22 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
require('react');
|
|
7
|
-
var
|
|
8
|
-
var WarningTriangle = require('@elliemae/ds-icons/WarningTriangle');
|
|
9
|
-
var CheckmarkCircle = require('@elliemae/ds-icons/CheckmarkCircle');
|
|
10
|
-
var HelpCircle = require('@elliemae/ds-icons/HelpCircle');
|
|
11
|
-
var InfoCircle = require('@elliemae/ds-icons/InfoCircle');
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
12
8
|
var constants = require('../../constants.js');
|
|
13
9
|
var blocks = require('../blocks.js');
|
|
14
10
|
|
|
15
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
12
|
|
|
17
13
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
18
|
-
var ErrorHexegon__default = /*#__PURE__*/_interopDefaultLegacy(ErrorHexegon);
|
|
19
|
-
var WarningTriangle__default = /*#__PURE__*/_interopDefaultLegacy(WarningTriangle);
|
|
20
|
-
var CheckmarkCircle__default = /*#__PURE__*/_interopDefaultLegacy(CheckmarkCircle);
|
|
21
|
-
var HelpCircle__default = /*#__PURE__*/_interopDefaultLegacy(HelpCircle);
|
|
22
|
-
var InfoCircle__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircle);
|
|
23
14
|
|
|
24
15
|
var _WarningTriangle, _ErrorHexegon, _CheckmarkCircle, _InfoCircle, _HelpCircle;
|
|
25
16
|
const feedbackIconSize = 'xxl';
|
|
@@ -27,44 +18,47 @@ const feedbackIconSize = 'xxl';
|
|
|
27
18
|
const getIconType = subtype => {
|
|
28
19
|
switch (subtype) {
|
|
29
20
|
case constants.MODAL_SUB_TYPE_V2.WARNING:
|
|
30
|
-
return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx__default["default"](
|
|
21
|
+
return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningTriangle, {
|
|
31
22
|
"data-testid": "icon-waring",
|
|
32
23
|
size: feedbackIconSize
|
|
33
24
|
}));
|
|
34
25
|
|
|
35
26
|
case constants.MODAL_SUB_TYPE_V2.ERROR:
|
|
36
|
-
return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx__default["default"](
|
|
27
|
+
return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx__default["default"](dsIcons.ErrorHexegon, {
|
|
37
28
|
"data-testid": "icon-error",
|
|
38
29
|
size: feedbackIconSize
|
|
39
30
|
}));
|
|
40
31
|
|
|
41
32
|
case constants.MODAL_SUB_TYPE_V2.SUCCESS:
|
|
42
|
-
return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](
|
|
33
|
+
return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
|
|
43
34
|
"data-testid": "icon-success",
|
|
44
35
|
size: feedbackIconSize
|
|
45
36
|
}));
|
|
46
37
|
|
|
47
38
|
case constants.MODAL_SUB_TYPE_V2.INFORMATION:
|
|
48
|
-
return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](
|
|
39
|
+
return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
|
|
49
40
|
"data-testid": "icon-information",
|
|
50
41
|
size: feedbackIconSize
|
|
51
42
|
}));
|
|
52
43
|
|
|
53
44
|
default:
|
|
54
|
-
return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](
|
|
45
|
+
return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
|
|
55
46
|
"data-testid": "icon-help",
|
|
56
47
|
size: feedbackIconSize
|
|
57
48
|
}));
|
|
58
49
|
}
|
|
59
50
|
};
|
|
60
51
|
|
|
61
|
-
const FeedbackIcon =
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
52
|
+
const FeedbackIcon = _ref => {
|
|
53
|
+
let {
|
|
54
|
+
modalSubType
|
|
55
|
+
} = _ref;
|
|
56
|
+
return /*#__PURE__*/_jsx__default["default"](blocks.ModalFeedback, {
|
|
57
|
+
classProps: {
|
|
58
|
+
type: modalSubType
|
|
59
|
+
}
|
|
60
|
+
}, void 0, getIconType(modalSubType));
|
|
61
|
+
};
|
|
68
62
|
|
|
69
63
|
exports.FeedbackIcon = FeedbackIcon;
|
|
70
64
|
exports["default"] = FeedbackIcon;
|
|
@@ -2,10 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
10
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
11
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
12
|
require('react');
|
|
8
|
-
var DSButton = require('@elliemae/ds-
|
|
13
|
+
var DSButton = require('@elliemae/ds-button');
|
|
9
14
|
var blocks = require('../blocks.js');
|
|
10
15
|
var jsxRuntime = require('react/jsx-runtime');
|
|
11
16
|
|
|
@@ -18,41 +23,44 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
|
18
23
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
19
24
|
|
|
20
25
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
|
-
const Footer =
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}, void 0, /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalFooterActions, {
|
|
37
|
-
ref: actionsRef,
|
|
38
|
-
children: [showRejectButton === true && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
|
|
39
|
-
buttonType: "secondary",
|
|
40
|
-
className: "action-reject",
|
|
41
|
-
containerProps: {
|
|
42
|
-
'data-testid': 'modal-footer-reject-btn'
|
|
26
|
+
const Footer = _ref => {
|
|
27
|
+
let {
|
|
28
|
+
additionalFooterCssClass,
|
|
29
|
+
actionsRef,
|
|
30
|
+
rejectLabel,
|
|
31
|
+
onReject,
|
|
32
|
+
overridePropsRejectButton,
|
|
33
|
+
confirmLabel,
|
|
34
|
+
onConfirm,
|
|
35
|
+
overridePropsConfirmButton,
|
|
36
|
+
showRejectButton
|
|
37
|
+
} = _ref;
|
|
38
|
+
return /*#__PURE__*/_jsx__default["default"](blocks.ModalFooter, {
|
|
39
|
+
classProps: {
|
|
40
|
+
additionalFooterCssClass
|
|
43
41
|
},
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}))
|
|
42
|
+
"data-testid": "modal-footer-wrapper"
|
|
43
|
+
}, void 0, /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalFooterActions, {
|
|
44
|
+
ref: actionsRef,
|
|
45
|
+
children: [showRejectButton === true && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
|
|
46
|
+
buttonType: "secondary",
|
|
47
|
+
className: "action-reject",
|
|
48
|
+
containerProps: {
|
|
49
|
+
'data-testid': 'modal-footer-reject-btn'
|
|
50
|
+
},
|
|
51
|
+
labelText: rejectLabel,
|
|
52
|
+
onClick: onReject
|
|
53
|
+
}, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
|
|
54
|
+
buttonType: "primary",
|
|
55
|
+
className: "action-confirm",
|
|
56
|
+
containerProps: {
|
|
57
|
+
'data-testid': 'modal-footer-confirm-btn'
|
|
58
|
+
},
|
|
59
|
+
labelText: confirmLabel,
|
|
60
|
+
onClick: onConfirm
|
|
61
|
+
}, overridePropsConfirmButton))]
|
|
62
|
+
}));
|
|
63
|
+
};
|
|
56
64
|
|
|
57
65
|
exports.Footer = Footer;
|
|
58
66
|
exports["default"] = Footer;
|
|
@@ -4,42 +4,44 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
require('react');
|
|
7
|
-
var
|
|
8
|
-
var DSButton = require('@elliemae/ds-
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
+
var DSButton = require('@elliemae/ds-button');
|
|
9
9
|
var blocks = require('../blocks.js');
|
|
10
10
|
var Title = require('./Title.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
13
|
|
|
14
14
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
|
-
var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
|
|
16
15
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
17
16
|
|
|
18
|
-
var
|
|
19
|
-
const FormHeader =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}))
|
|
17
|
+
var _Close;
|
|
18
|
+
const FormHeader = _ref => {
|
|
19
|
+
let {
|
|
20
|
+
showClose,
|
|
21
|
+
modalTitle,
|
|
22
|
+
modalType,
|
|
23
|
+
onClose
|
|
24
|
+
} = _ref;
|
|
25
|
+
return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
|
|
26
|
+
classProps: {
|
|
27
|
+
type: 'selection'
|
|
28
|
+
}
|
|
29
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
|
|
30
|
+
modalTitle: modalTitle,
|
|
31
|
+
modalType: modalType
|
|
32
|
+
}), /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
|
|
33
|
+
classProps: {
|
|
34
|
+
type: 'form'
|
|
35
|
+
}
|
|
36
|
+
}, void 0, showClose && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
37
|
+
buttonType: "link",
|
|
38
|
+
containerProps: {
|
|
39
|
+
'data-testid': 'modal-close-btn'
|
|
40
|
+
},
|
|
41
|
+
icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
|
|
42
|
+
onClick: onClose
|
|
43
|
+
})));
|
|
44
|
+
};
|
|
43
45
|
|
|
44
46
|
exports.FormHeader = FormHeader;
|
|
45
47
|
exports["default"] = FormHeader;
|
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
10
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
11
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
12
|
require('react');
|
|
@@ -24,81 +29,84 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
24
29
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
25
30
|
|
|
26
31
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
27
|
-
const DSModalContent =
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
32
|
+
const DSModalContent = _ref => {
|
|
33
|
+
let {
|
|
34
|
+
containerProps = {},
|
|
35
|
+
//
|
|
36
|
+
modalType = constants.MODAL_TYPE_V2.INFORMATION,
|
|
37
|
+
modalSubType = null,
|
|
38
|
+
modalTitle = '',
|
|
39
|
+
showRejectButton = false,
|
|
40
|
+
showClose = true,
|
|
41
|
+
searchProps = {},
|
|
42
|
+
// override
|
|
43
|
+
actionsRef = () => null,
|
|
44
|
+
additionalFooterCssClass,
|
|
45
|
+
overridePropsConfirmButton = {},
|
|
46
|
+
overridePropsRejectButton = {},
|
|
47
|
+
// react modal
|
|
48
|
+
children,
|
|
49
|
+
onClose = () => null,
|
|
50
|
+
onConfirm = () => null,
|
|
51
|
+
onReject = () => null,
|
|
52
|
+
rejectLabel = 'Discard',
|
|
53
|
+
confirmLabel = 'Save',
|
|
54
|
+
removePadding = false
|
|
55
|
+
} = _ref;
|
|
56
|
+
return /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
57
|
+
children: [helpers.showForm({
|
|
58
|
+
modalType,
|
|
59
|
+
modalSubType
|
|
60
|
+
}) && /*#__PURE__*/_jsx__default["default"](FormHeader.FormHeader, {
|
|
61
|
+
modalTitle: modalTitle,
|
|
62
|
+
modalType: modalType,
|
|
63
|
+
onClose: onClose,
|
|
64
|
+
showClose: showClose
|
|
65
|
+
}), helpers.showSelection({
|
|
66
|
+
modalType,
|
|
67
|
+
modalSubType
|
|
68
|
+
}) && /*#__PURE__*/_jsx__default["default"](SelectionHeader.SelectionHeader, {
|
|
69
|
+
modalTitle: modalTitle,
|
|
70
|
+
modalType: modalType,
|
|
71
|
+
searchProps: searchProps,
|
|
72
|
+
showClose: showClose
|
|
73
|
+
}), helpers.showDecision({
|
|
74
|
+
modalType,
|
|
75
|
+
modalSubType
|
|
76
|
+
}) && /*#__PURE__*/_jsx__default["default"](DecisionHeader.DecisionHeader, {
|
|
77
|
+
onClose: onClose,
|
|
78
|
+
showClose: showClose
|
|
79
|
+
}), helpers.showFeedBack({
|
|
80
|
+
modalType,
|
|
81
|
+
modalSubType
|
|
82
|
+
}) && /*#__PURE__*/_jsx__default["default"](FeedbackIcon.FeedbackIcon, {
|
|
83
|
+
modalSubType: modalSubType
|
|
84
|
+
}), helpers.showDecision({
|
|
85
|
+
modalType,
|
|
86
|
+
modalSubType
|
|
87
|
+
}) && /*#__PURE__*/_jsx__default["default"](Title.Title, {
|
|
88
|
+
modalTitle: modalTitle,
|
|
89
|
+
modalType: modalType
|
|
90
|
+
}), /*#__PURE__*/_jsx__default["default"](blocks.ModalContent, {
|
|
91
|
+
classProps: {
|
|
92
|
+
type: modalType,
|
|
93
|
+
removePadding
|
|
94
|
+
}
|
|
95
|
+
}, void 0, children), helpers.showFooter({
|
|
96
|
+
modalType,
|
|
97
|
+
modalSubType
|
|
98
|
+
}) && /*#__PURE__*/_jsx__default["default"](Footer.Footer, {
|
|
99
|
+
actionsRef: actionsRef,
|
|
100
|
+
additionalFooterCssClass: additionalFooterCssClass,
|
|
101
|
+
confirmLabel: confirmLabel,
|
|
102
|
+
onConfirm: onConfirm,
|
|
103
|
+
onReject: onReject,
|
|
104
|
+
overridePropsConfirmButton: overridePropsConfirmButton,
|
|
105
|
+
overridePropsRejectButton: overridePropsRejectButton,
|
|
106
|
+
rejectLabel: rejectLabel,
|
|
107
|
+
showRejectButton: showRejectButton
|
|
108
|
+
})]
|
|
109
|
+
}));
|
|
110
|
+
};
|
|
103
111
|
|
|
104
112
|
exports.DSModalContent = DSModalContent;
|
|
@@ -2,10 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
5
10
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
11
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
12
|
require('react');
|
|
8
|
-
var
|
|
13
|
+
var dsForm = require('@elliemae/ds-form');
|
|
9
14
|
var blocks = require('../blocks.js');
|
|
10
15
|
var Title = require('./Title.js');
|
|
11
16
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -14,29 +19,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
19
|
|
|
15
20
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
21
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
17
|
-
var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
|
|
18
22
|
|
|
19
23
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
20
24
|
|
|
21
25
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22
|
-
const SelectionHeader =
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
},
|
|
26
|
+
const SelectionHeader = _ref => {
|
|
27
|
+
let {
|
|
28
|
+
searchProps = {},
|
|
29
|
+
modalTitle,
|
|
30
|
+
modalType,
|
|
31
|
+
showClose
|
|
32
|
+
} = _ref;
|
|
33
|
+
return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
|
|
34
|
+
classProps: {
|
|
35
|
+
type: 'selection'
|
|
36
|
+
}
|
|
37
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
|
|
38
|
+
modalTitle: modalTitle,
|
|
39
|
+
modalType: modalType
|
|
40
|
+
}), showClose && /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
|
|
41
|
+
classProps: {
|
|
42
|
+
type: 'selection'
|
|
43
|
+
},
|
|
44
|
+
"data-testid": "modal-search-box"
|
|
45
|
+
}, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSSearchBox, _objectSpread({}, searchProps))));
|
|
46
|
+
};
|
|
40
47
|
|
|
41
48
|
exports.SelectionHeader = SelectionHeader;
|
|
42
49
|
exports["default"] = SelectionHeader;
|
|
@@ -10,14 +10,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
12
12
|
|
|
13
|
-
const Title =
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
const Title = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
modalTitle,
|
|
16
|
+
modalType
|
|
17
|
+
} = _ref;
|
|
18
|
+
return /*#__PURE__*/_jsx__default["default"](blocks.ModalTitle, {
|
|
19
|
+
classProps: {
|
|
20
|
+
type: modalType
|
|
21
|
+
}
|
|
22
|
+
}, void 0, modalTitle);
|
|
23
|
+
};
|
|
21
24
|
|
|
22
25
|
exports.Title = Title;
|
|
23
26
|
exports["default"] = Title;
|
package/cjs/v2/helpers.js
CHANGED
|
@@ -4,32 +4,37 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var constants = require('../constants.js');
|
|
6
6
|
|
|
7
|
-
function showDecision({
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
function showDecision(_ref) {
|
|
8
|
+
let {
|
|
9
|
+
modalType
|
|
10
|
+
} = _ref;
|
|
10
11
|
return [constants.MODAL_TYPE_V2.INFORMATION, constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
|
|
11
12
|
}
|
|
12
|
-
function showFeedBack({
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
function showFeedBack(_ref2) {
|
|
14
|
+
let {
|
|
15
|
+
modalType,
|
|
16
|
+
modalSubType
|
|
17
|
+
} = _ref2;
|
|
16
18
|
return showDecision({
|
|
17
19
|
modalType
|
|
18
20
|
}) && Object.values(constants.MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
|
|
19
21
|
}
|
|
20
|
-
function showFooter({
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
function showFooter(_ref3) {
|
|
23
|
+
let {
|
|
24
|
+
modalType
|
|
25
|
+
} = _ref3;
|
|
23
26
|
return modalType !== constants.MODAL_TYPE_V2.INFORMATION;
|
|
24
27
|
}
|
|
25
|
-
function showSelection({
|
|
26
|
-
|
|
27
|
-
|
|
28
|
+
function showSelection(_ref4) {
|
|
29
|
+
let {
|
|
30
|
+
modalType
|
|
31
|
+
} = _ref4;
|
|
28
32
|
return modalType === constants.MODAL_TYPE_V2.SELECTION;
|
|
29
33
|
}
|
|
30
|
-
function showForm({
|
|
31
|
-
|
|
32
|
-
|
|
34
|
+
function showForm(_ref5) {
|
|
35
|
+
let {
|
|
36
|
+
modalType
|
|
37
|
+
} = _ref5;
|
|
33
38
|
return modalType === constants.MODAL_TYPE_V2.FORM;
|
|
34
39
|
}
|
|
35
40
|
|
package/esm/DSModal.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
8
|
import 'react';
|