@elliemae/ds-modal 1.60.0 → 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 +59 -68
- package/cjs/constants.js +5 -6
- package/cjs/index.js +6 -29
- package/cjs/v1/DSModal.js +142 -13
- package/cjs/v1/DSModalType.js +1 -2
- package/cjs/v1/DSModalWrapper.js +116 -143
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js +54 -55
- package/cjs/v2/DSModal.js +63 -102
- package/cjs/v2/blocks.js +65 -43
- package/cjs/v2/components/DecisionHeader.js +15 -15
- package/cjs/v2/components/FeedbackIcon.js +24 -23
- package/cjs/v2/components/Footer.js +50 -40
- package/cjs/v2/components/FormHeader.js +19 -19
- package/cjs/v2/components/ModalContent.js +99 -112
- package/cjs/v2/components/SelectionHeader.js +28 -19
- package/cjs/v2/components/Title.js +12 -13
- package/cjs/v2/helpers.js +17 -8
- package/esm/DSModal.js +23 -32
- package/esm/constants.js +4 -5
- package/esm/index.js +0 -23
- package/esm/v1/DSModal.js +138 -12
- package/esm/v1/DSModalType.js +1 -2
- package/esm/v1/DSModalWrapper.js +115 -137
- package/esm/v1/ModalFeedBack/ModalFeedBack.js +53 -54
- package/esm/v2/DSModal.js +54 -93
- package/esm/v2/blocks.js +65 -39
- package/esm/v2/components/DecisionHeader.js +12 -12
- package/esm/v2/components/FeedbackIcon.js +21 -20
- package/esm/v2/components/Footer.js +46 -36
- package/esm/v2/components/FormHeader.js +15 -15
- package/esm/v2/components/ModalContent.js +89 -103
- package/esm/v2/components/SelectionHeader.js +23 -15
- package/esm/v2/components/Title.js +9 -10
- package/esm/v2/helpers.js +17 -8
- package/package.json +101 -14
- package/types/DSModal.d.ts +14 -0
- package/types/constants.d.ts +25 -0
- package/types/index.d.ts +4 -0
- package/types/v1/DSModal.d.ts +143 -0
- package/types/v1/DSModalType.d.ts +1 -0
- package/types/v1/ModalFeedBack/ModalFeedBack.d.ts +11 -0
- package/types/v2/DSModal.d.ts +260 -0
- package/types/v2/blocks.d.ts +9 -0
- package/types/v2/components/DecisionHeader.d.ts +6 -0
- package/types/v2/components/FeedbackIcon.d.ts +5 -0
- package/types/v2/components/Footer.d.ts +13 -0
- package/types/v2/components/FormHeader.d.ts +8 -0
- package/types/v2/components/ModalContent.d.ts +21 -0
- package/types/v2/components/SelectionHeader.d.ts +8 -0
- package/types/v2/components/Title.d.ts +6 -0
- package/types/v2/components/tests/DecisionHeader.test.d.ts +1 -0
- package/types/v2/components/tests/FeedbackIcon.test.d.ts +1 -0
- package/types/v2/components/tests/Footer.test.d.ts +1 -0
- package/types/v2/components/tests/FormHeader.test.d.ts +1 -0
- package/types/v2/components/tests/SelectionHeader.test.d.ts +1 -0
- package/types/v2/helpers.d.ts +16 -0
- package/types/v2/tests/DSModal.test.d.ts +1 -0
- package/DSModal/package.json +0 -10
- package/cjs/DSModal-3126a986.js +0 -316
- package/cjs/DSModal-3126a986.js.map +0 -1
- package/cjs/DSModal.js.map +0 -1
- package/cjs/constants.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/v1/DSModal.js.map +0 -1
- package/cjs/v1/DSModalType.js.map +0 -1
- package/cjs/v1/DSModalWrapper.js.map +0 -1
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js.map +0 -1
- package/cjs/v2/DSModal.js.map +0 -1
- package/cjs/v2/blocks.js.map +0 -1
- package/cjs/v2/components/DecisionHeader.js.map +0 -1
- package/cjs/v2/components/FeedbackIcon.js.map +0 -1
- package/cjs/v2/components/Footer.js.map +0 -1
- package/cjs/v2/components/FormHeader.js.map +0 -1
- package/cjs/v2/components/ModalContent.js.map +0 -1
- package/cjs/v2/components/SelectionHeader.js.map +0 -1
- package/cjs/v2/components/Title.js.map +0 -1
- package/cjs/v2/helpers.js.map +0 -1
- package/constants/package.json +0 -10
- package/esm/DSModal-a8b0fbf0.js +0 -303
- package/esm/DSModal-a8b0fbf0.js.map +0 -1
- package/esm/DSModal.js.map +0 -1
- package/esm/constants.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/v1/DSModal.js.map +0 -1
- package/esm/v1/DSModalType.js.map +0 -1
- package/esm/v1/DSModalWrapper.js.map +0 -1
- package/esm/v1/ModalFeedBack/ModalFeedBack.js.map +0 -1
- package/esm/v2/DSModal.js.map +0 -1
- package/esm/v2/blocks.js.map +0 -1
- package/esm/v2/components/DecisionHeader.js.map +0 -1
- package/esm/v2/components/FeedbackIcon.js.map +0 -1
- package/esm/v2/components/Footer.js.map +0 -1
- package/esm/v2/components/FormHeader.js.map +0 -1
- package/esm/v2/components/ModalContent.js.map +0 -1
- package/esm/v2/components/SelectionHeader.js.map +0 -1
- package/esm/v2/components/Title.js.map +0 -1
- package/esm/v2/helpers.js.map +0 -1
- package/v1/DSModal/package.json +0 -10
- package/v1/DSModalType/package.json +0 -10
- package/v1/DSModalWrapper/package.json +0 -10
- package/v1/ModalFeedBack/ModalFeedBack/package.json +0 -10
- package/v2/DSModal/package.json +0 -10
- package/v2/blocks/package.json +0 -10
- package/v2/components/DecisionHeader/package.json +0 -10
- package/v2/components/FeedbackIcon/package.json +0 -10
- package/v2/components/Footer/package.json +0 -10
- package/v2/components/FormHeader/package.json +0 -10
- package/v2/components/ModalContent/package.json +0 -10
- package/v2/components/SelectionHeader/package.json +0 -10
- package/v2/components/Title/package.json +0 -10
- package/v2/helpers/package.json +0 -10
|
@@ -2,46 +2,46 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
6
7
|
var dsIcons = require('@elliemae/ds-icons');
|
|
7
8
|
var DSButton = require('@elliemae/ds-button');
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
11
|
-
require('@elliemae/ds-classnames');
|
|
9
|
+
var blocks = require('../blocks.js');
|
|
10
|
+
var Title = require('./Title.js');
|
|
12
11
|
|
|
13
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
13
|
|
|
15
|
-
var
|
|
14
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
16
15
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
17
16
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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, {
|
|
25
26
|
classProps: {
|
|
26
27
|
type: 'selection'
|
|
27
28
|
}
|
|
28
|
-
}, /*#__PURE__*/
|
|
29
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
|
|
29
30
|
modalTitle: modalTitle,
|
|
30
31
|
modalType: modalType
|
|
31
|
-
}), /*#__PURE__*/
|
|
32
|
+
}), /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
|
|
32
33
|
classProps: {
|
|
33
34
|
type: 'form'
|
|
34
35
|
}
|
|
35
|
-
}, showClose && /*#__PURE__*/
|
|
36
|
+
}, void 0, showClose && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
36
37
|
buttonType: "link",
|
|
37
38
|
containerProps: {
|
|
38
39
|
'data-testid': 'modal-close-btn'
|
|
39
40
|
},
|
|
40
|
-
icon: /*#__PURE__*/
|
|
41
|
+
icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
|
|
41
42
|
onClick: onClose
|
|
42
43
|
})));
|
|
43
44
|
};
|
|
44
45
|
|
|
45
46
|
exports.FormHeader = FormHeader;
|
|
46
|
-
exports[
|
|
47
|
-
//# sourceMappingURL=FormHeader.js.map
|
|
47
|
+
exports["default"] = FormHeader;
|
|
@@ -2,124 +2,111 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
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');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
12
|
+
require('react');
|
|
6
13
|
var constants = require('../../constants.js');
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
require('
|
|
16
|
-
require('@elliemae/ds-icons');
|
|
17
|
-
require('@elliemae/ds-button');
|
|
18
|
-
require('@babel/runtime/helpers/extends');
|
|
19
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
20
|
-
require('@elliemae/ds-classnames');
|
|
14
|
+
var SelectionHeader = require('./SelectionHeader.js');
|
|
15
|
+
var DecisionHeader = require('./DecisionHeader.js');
|
|
16
|
+
var FormHeader = require('./FormHeader.js');
|
|
17
|
+
var FeedbackIcon = require('./FeedbackIcon.js');
|
|
18
|
+
var Footer = require('./Footer.js');
|
|
19
|
+
var Title = require('./Title.js');
|
|
20
|
+
var helpers = require('../helpers.js');
|
|
21
|
+
var blocks = require('../blocks.js');
|
|
22
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
21
23
|
|
|
22
24
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
25
|
|
|
24
|
-
var
|
|
26
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
27
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
25
28
|
|
|
26
|
-
|
|
27
|
-
|
|
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
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
removePadding: removePadding
|
|
107
|
-
}
|
|
108
|
-
}, children), v2_helpers.showFooter({
|
|
109
|
-
modalType: modalType,
|
|
110
|
-
modalSubType: modalSubType
|
|
111
|
-
}) && /*#__PURE__*/React__default['default'].createElement(v2_components_Footer.Footer, {
|
|
112
|
-
actionsRef: actionsRef,
|
|
113
|
-
additionalFooterCssClass: additionalFooterCssClass,
|
|
114
|
-
confirmLabel: confirmLabel,
|
|
115
|
-
onConfirm: onConfirm,
|
|
116
|
-
onReject: onReject,
|
|
117
|
-
overridePropsConfirmButton: overridePropsConfirmButton,
|
|
118
|
-
overridePropsRejectButton: overridePropsRejectButton,
|
|
119
|
-
rejectLabel: rejectLabel,
|
|
120
|
-
showRejectButton: showRejectButton
|
|
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; }
|
|
30
|
+
|
|
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; }
|
|
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
|
+
})]
|
|
121
109
|
}));
|
|
122
110
|
};
|
|
123
111
|
|
|
124
112
|
exports.DSModalContent = DSModalContent;
|
|
125
|
-
//# sourceMappingURL=ModalContent.js.map
|
|
@@ -2,39 +2,48 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
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');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
12
|
+
require('react');
|
|
6
13
|
var dsForm = require('@elliemae/ds-form');
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
require('
|
|
10
|
-
require('@elliemae/ds-classnames');
|
|
14
|
+
var blocks = require('../blocks.js');
|
|
15
|
+
var Title = require('./Title.js');
|
|
16
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
11
17
|
|
|
12
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
19
|
|
|
14
|
-
var
|
|
20
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
22
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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; }
|
|
24
|
+
|
|
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; }
|
|
26
|
+
const SelectionHeader = _ref => {
|
|
27
|
+
let {
|
|
28
|
+
searchProps = {},
|
|
29
|
+
modalTitle,
|
|
30
|
+
modalType,
|
|
31
|
+
showClose
|
|
32
|
+
} = _ref;
|
|
33
|
+
return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
|
|
24
34
|
classProps: {
|
|
25
35
|
type: 'selection'
|
|
26
36
|
}
|
|
27
|
-
}, /*#__PURE__*/
|
|
37
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
|
|
28
38
|
modalTitle: modalTitle,
|
|
29
39
|
modalType: modalType
|
|
30
|
-
}), showClose && /*#__PURE__*/
|
|
40
|
+
}), showClose && /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
|
|
31
41
|
classProps: {
|
|
32
42
|
type: 'selection'
|
|
33
43
|
},
|
|
34
44
|
"data-testid": "modal-search-box"
|
|
35
|
-
}, /*#__PURE__*/
|
|
45
|
+
}, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSSearchBox, _objectSpread({}, searchProps))));
|
|
36
46
|
};
|
|
37
47
|
|
|
38
48
|
exports.SelectionHeader = SelectionHeader;
|
|
39
|
-
exports[
|
|
40
|
-
//# sourceMappingURL=SelectionHeader.js.map
|
|
49
|
+
exports["default"] = SelectionHeader;
|
|
@@ -2,26 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
require('
|
|
8
|
-
require('@elliemae/ds-classnames');
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var blocks = require('../blocks.js');
|
|
9
8
|
|
|
10
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
10
|
|
|
12
|
-
var
|
|
11
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
13
12
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
const Title = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
modalTitle,
|
|
16
|
+
modalType
|
|
17
|
+
} = _ref;
|
|
18
|
+
return /*#__PURE__*/_jsx__default["default"](blocks.ModalTitle, {
|
|
19
19
|
classProps: {
|
|
20
20
|
type: modalType
|
|
21
21
|
}
|
|
22
|
-
}, modalTitle);
|
|
22
|
+
}, void 0, modalTitle);
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
exports.Title = Title;
|
|
26
|
-
exports[
|
|
27
|
-
//# sourceMappingURL=Title.js.map
|
|
26
|
+
exports["default"] = Title;
|
package/cjs/v2/helpers.js
CHANGED
|
@@ -5,26 +5,36 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var constants = require('../constants.js');
|
|
6
6
|
|
|
7
7
|
function showDecision(_ref) {
|
|
8
|
-
|
|
8
|
+
let {
|
|
9
|
+
modalType
|
|
10
|
+
} = _ref;
|
|
9
11
|
return [constants.MODAL_TYPE_V2.INFORMATION, constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
|
|
10
12
|
}
|
|
11
13
|
function showFeedBack(_ref2) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
+
let {
|
|
15
|
+
modalType,
|
|
16
|
+
modalSubType
|
|
17
|
+
} = _ref2;
|
|
14
18
|
return showDecision({
|
|
15
|
-
modalType
|
|
19
|
+
modalType
|
|
16
20
|
}) && Object.values(constants.MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
|
|
17
21
|
}
|
|
18
22
|
function showFooter(_ref3) {
|
|
19
|
-
|
|
23
|
+
let {
|
|
24
|
+
modalType
|
|
25
|
+
} = _ref3;
|
|
20
26
|
return modalType !== constants.MODAL_TYPE_V2.INFORMATION;
|
|
21
27
|
}
|
|
22
28
|
function showSelection(_ref4) {
|
|
23
|
-
|
|
29
|
+
let {
|
|
30
|
+
modalType
|
|
31
|
+
} = _ref4;
|
|
24
32
|
return modalType === constants.MODAL_TYPE_V2.SELECTION;
|
|
25
33
|
}
|
|
26
34
|
function showForm(_ref5) {
|
|
27
|
-
|
|
35
|
+
let {
|
|
36
|
+
modalType
|
|
37
|
+
} = _ref5;
|
|
28
38
|
return modalType === constants.MODAL_TYPE_V2.FORM;
|
|
29
39
|
}
|
|
30
40
|
|
|
@@ -33,4 +43,3 @@ exports.showFeedBack = showFeedBack;
|
|
|
33
43
|
exports.showFooter = showFooter;
|
|
34
44
|
exports.showForm = showForm;
|
|
35
45
|
exports.showSelection = showSelection;
|
|
36
|
-
//# sourceMappingURL=helpers.js.map
|
package/esm/DSModal.js
CHANGED
|
@@ -1,43 +1,35 @@
|
|
|
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';
|
|
6
|
+
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
1
7
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
2
|
-
import
|
|
8
|
+
import 'react';
|
|
3
9
|
import PropTypes from 'prop-types';
|
|
4
10
|
import { modalTypes } from './constants.js';
|
|
5
|
-
import
|
|
11
|
+
import DSModal$2 from './v1/DSModal.js';
|
|
6
12
|
import DSModal$1 from './v2/DSModal.js';
|
|
13
|
+
import { iconSizes, sizes } from '@elliemae/ds-shared/prop-types';
|
|
14
|
+
import { jsx } from 'react/jsx-runtime';
|
|
7
15
|
export { DSModalContent } from './v2/components/ModalContent.js';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
import './v2/blocks.js';
|
|
20
|
-
import './v2/components/Title.js';
|
|
21
|
-
import './v2/components/DecisionHeader.js';
|
|
22
|
-
import './v2/components/FormHeader.js';
|
|
23
|
-
import './v2/components/FeedbackIcon.js';
|
|
24
|
-
import './v2/components/Footer.js';
|
|
25
|
-
import './v2/helpers.js';
|
|
26
|
-
|
|
27
|
-
var _excluded = ["version"];
|
|
28
|
-
|
|
29
|
-
var DSModal = function DSModal(_ref) {
|
|
30
|
-
var _ref$version = _ref.version,
|
|
31
|
-
version = _ref$version === void 0 ? 1 : _ref$version,
|
|
16
|
+
|
|
17
|
+
const _excluded = ["version"];
|
|
18
|
+
|
|
19
|
+
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
|
+
|
|
21
|
+
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(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
|
+
|
|
23
|
+
const DSModal = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
version = 1
|
|
26
|
+
} = _ref,
|
|
32
27
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
33
28
|
|
|
34
|
-
if (version === 2) return /*#__PURE__*/
|
|
35
|
-
return /*#__PURE__*/
|
|
29
|
+
if (version === 2) return /*#__PURE__*/jsx(DSModal$1, _objectSpread({}, rest));
|
|
30
|
+
return /*#__PURE__*/jsx(DSModal$2, _objectSpread({}, rest));
|
|
36
31
|
};
|
|
37
32
|
|
|
38
|
-
DSModal.propTypes = {
|
|
39
|
-
version: PropTypes.oneOf([1, 2])
|
|
40
|
-
};
|
|
41
33
|
DSModal$2.propTypes = {
|
|
42
34
|
version: PropTypes.oneOf([1, 2]),
|
|
43
35
|
className: PropTypes.string,
|
|
@@ -181,4 +173,3 @@ DSModal$2.propTypes = {
|
|
|
181
173
|
};
|
|
182
174
|
|
|
183
175
|
export { DSModal as default };
|
|
184
|
-
//# sourceMappingURL=DSModal.js.map
|
package/esm/constants.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
const MODAL_TYPE = {
|
|
2
2
|
DEFAULT: 'default',
|
|
3
3
|
ALERT: 'alert',
|
|
4
4
|
CONFIRM: 'confirm',
|
|
@@ -9,14 +9,14 @@ var MODAL_TYPE = {
|
|
|
9
9
|
HELP: 'help',
|
|
10
10
|
INFO: 'info'
|
|
11
11
|
};
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
const modalTypes = [MODAL_TYPE.DEFAULT, MODAL_TYPE.ALERT, MODAL_TYPE.CONFIRM, MODAL_TYPE.NOTIFICATION, MODAL_TYPE.WARNING, MODAL_TYPE.ERROR, MODAL_TYPE.SUCCESS, MODAL_TYPE.HELP, MODAL_TYPE.INFO];
|
|
13
|
+
const MODAL_TYPE_V2 = {
|
|
14
14
|
INFORMATION: 'information',
|
|
15
15
|
DECISION: 'decision',
|
|
16
16
|
SELECTION: 'selection',
|
|
17
17
|
FORM: 'form'
|
|
18
18
|
};
|
|
19
|
-
|
|
19
|
+
const MODAL_SUB_TYPE_V2 = {
|
|
20
20
|
SUCCESS: 'success',
|
|
21
21
|
WARNING: 'warning',
|
|
22
22
|
ERROR: 'error',
|
|
@@ -24,4 +24,3 @@ var MODAL_SUB_TYPE_V2 = {
|
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
export { MODAL_SUB_TYPE_V2, MODAL_TYPE, MODAL_TYPE_V2, MODAL_TYPE as default, modalTypes };
|
|
27
|
-
//# sourceMappingURL=constants.js.map
|
package/esm/index.js
CHANGED
|
@@ -2,26 +2,3 @@ export { default } from './DSModal.js';
|
|
|
2
2
|
export { MODAL_SUB_TYPE_V2, MODAL_TYPE, MODAL_TYPE_V2, modalTypes } from './constants.js';
|
|
3
3
|
export { DSModalWithSchema } from './v2/DSModal.js';
|
|
4
4
|
export { DSModalContent } from './v2/components/ModalContent.js';
|
|
5
|
-
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
6
|
-
import 'react';
|
|
7
|
-
import 'prop-types';
|
|
8
|
-
import './DSModal-a8b0fbf0.js';
|
|
9
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
10
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
11
|
-
import 'react-modal';
|
|
12
|
-
import '@elliemae/ds-classnames';
|
|
13
|
-
import '@elliemae/ds-icon';
|
|
14
|
-
import '@elliemae/ds-icons';
|
|
15
|
-
import '@elliemae/ds-button';
|
|
16
|
-
import './v1/ModalFeedBack/ModalFeedBack.js';
|
|
17
|
-
import 'react-desc';
|
|
18
|
-
import './v2/components/SelectionHeader.js';
|
|
19
|
-
import '@elliemae/ds-form';
|
|
20
|
-
import './v2/blocks.js';
|
|
21
|
-
import './v2/components/Title.js';
|
|
22
|
-
import './v2/components/DecisionHeader.js';
|
|
23
|
-
import './v2/components/FormHeader.js';
|
|
24
|
-
import './v2/components/FeedbackIcon.js';
|
|
25
|
-
import './v2/components/Footer.js';
|
|
26
|
-
import './v2/helpers.js';
|
|
27
|
-
//# sourceMappingURL=index.js.map
|