@elliemae/ds-modal 2.3.0-next.0 → 3.0.0-alpha.0
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/dist/cjs/DSModal.js +88 -0
- package/dist/cjs/DSModal.js.map +7 -0
- package/dist/cjs/constants.js +73 -0
- package/dist/cjs/constants.js.map +7 -0
- package/dist/cjs/index.js +43 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/v1/DSModal.js +177 -0
- package/dist/cjs/v1/DSModal.js.map +7 -0
- package/dist/cjs/v1/DSModalType.js +45 -0
- package/dist/cjs/v1/DSModalType.js.map +7 -0
- package/dist/cjs/v1/DSModalWrapper.js +129 -0
- package/dist/cjs/v1/DSModalWrapper.js.map +7 -0
- package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.js +103 -0
- package/dist/cjs/v1/ModalFeedBack/ModalFeedBack.js.map +7 -0
- package/dist/cjs/v2/DSModal.js +160 -0
- package/dist/cjs/v2/DSModal.js.map +7 -0
- package/dist/cjs/v2/blocks.js +71 -0
- package/dist/cjs/v2/blocks.js.map +7 -0
- package/dist/cjs/v2/components/DecisionHeader.js +48 -0
- package/dist/cjs/v2/components/DecisionHeader.js.map +7 -0
- package/dist/cjs/v2/components/FeedbackIcon.js +73 -0
- package/dist/cjs/v2/components/FeedbackIcon.js.map +7 -0
- package/dist/cjs/v2/components/Footer.js +69 -0
- package/dist/cjs/v2/components/Footer.js.map +7 -0
- package/dist/cjs/v2/components/FormHeader.js +54 -0
- package/dist/cjs/v2/components/FormHeader.js.map +7 -0
- package/dist/cjs/v2/components/ModalContent.js +96 -0
- package/dist/cjs/v2/components/ModalContent.js.map +7 -0
- package/dist/cjs/v2/components/SelectionHeader.js +51 -0
- package/dist/cjs/v2/components/SelectionHeader.js.map +7 -0
- package/dist/cjs/v2/components/Title.js +41 -0
- package/dist/cjs/v2/components/Title.js.map +7 -0
- package/dist/cjs/v2/helpers.js +54 -0
- package/dist/cjs/v2/helpers.js.map +7 -0
- package/dist/esm/DSModal.js +59 -0
- package/dist/esm/DSModal.js.map +7 -0
- package/dist/esm/constants.js +44 -0
- package/dist/esm/constants.js.map +7 -0
- package/dist/esm/index.js +14 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/v1/DSModal.js +148 -0
- package/dist/esm/v1/DSModal.js.map +7 -0
- package/dist/esm/v1/DSModalType.js +16 -0
- package/dist/esm/v1/DSModalType.js.map +7 -0
- package/dist/esm/v1/DSModalWrapper.js +100 -0
- package/dist/esm/v1/DSModalWrapper.js.map +7 -0
- package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js +74 -0
- package/dist/esm/v1/ModalFeedBack/ModalFeedBack.js.map +7 -0
- package/dist/esm/v2/DSModal.js +131 -0
- package/dist/esm/v2/DSModal.js.map +7 -0
- package/dist/esm/v2/blocks.js +42 -0
- package/dist/esm/v2/blocks.js.map +7 -0
- package/dist/esm/v2/components/DecisionHeader.js +19 -0
- package/dist/esm/v2/components/DecisionHeader.js.map +7 -0
- package/dist/esm/v2/components/FeedbackIcon.js +44 -0
- package/dist/esm/v2/components/FeedbackIcon.js.map +7 -0
- package/dist/esm/v2/components/Footer.js +40 -0
- package/dist/esm/v2/components/Footer.js.map +7 -0
- package/dist/esm/v2/components/FormHeader.js +25 -0
- package/dist/esm/v2/components/FormHeader.js.map +7 -0
- package/dist/esm/v2/components/ModalContent.js +73 -0
- package/dist/esm/v2/components/ModalContent.js.map +7 -0
- package/dist/esm/v2/components/SelectionHeader.js +22 -0
- package/dist/esm/v2/components/SelectionHeader.js.map +7 -0
- package/dist/esm/v2/components/Title.js +12 -0
- package/dist/esm/v2/components/Title.js.map +7 -0
- package/dist/esm/v2/helpers.js +25 -0
- package/dist/esm/v2/helpers.js.map +7 -0
- package/{types → dist/types}/DSModal.d.ts +1 -1
- package/{types → dist/types}/constants.d.ts +0 -0
- package/dist/types/index.d.ts +3 -0
- package/{types → dist/types}/v1/DSModal.d.ts +0 -0
- package/{types → dist/types}/v1/DSModalType.d.ts +0 -0
- package/{types → dist/types}/v1/ModalFeedBack/ModalFeedBack.d.ts +0 -0
- package/{types → dist/types}/v2/DSModal.d.ts +0 -0
- package/{types → dist/types}/v2/blocks.d.ts +0 -0
- package/{types → dist/types}/v2/components/DecisionHeader.d.ts +0 -0
- package/{types → dist/types}/v2/components/FeedbackIcon.d.ts +0 -0
- package/{types → dist/types}/v2/components/Footer.d.ts +0 -0
- package/{types → dist/types}/v2/components/FormHeader.d.ts +0 -0
- package/{types → dist/types}/v2/components/ModalContent.d.ts +0 -0
- package/{types → dist/types}/v2/components/SelectionHeader.d.ts +0 -0
- package/{types → dist/types}/v2/components/Title.d.ts +0 -0
- package/{types → dist/types}/v2/components/tests/DecisionHeader.test.d.ts +0 -0
- package/{types → dist/types}/v2/components/tests/FeedbackIcon.test.d.ts +0 -0
- package/{types → dist/types}/v2/components/tests/Footer.test.d.ts +0 -0
- package/{types → dist/types}/v2/components/tests/FormHeader.test.d.ts +0 -0
- package/{types → dist/types}/v2/components/tests/SelectionHeader.test.d.ts +0 -0
- package/{types → dist/types}/v2/helpers.d.ts +0 -0
- package/{types → dist/types}/v2/tests/DSModal.test.d.ts +0 -0
- package/package.json +63 -55
- package/cjs/DSModal.js +0 -186
- package/cjs/constants.js +0 -34
- package/cjs/index.js +0 -18
- package/cjs/v1/DSModal.js +0 -148
- package/cjs/v1/DSModalType.js +0 -7
- package/cjs/v1/DSModalWrapper.js +0 -166
- package/cjs/v1/ModalFeedBack/ModalFeedBack.js +0 -98
- package/cjs/v2/DSModal.js +0 -203
- package/cjs/v2/blocks.js +0 -88
- package/cjs/v2/components/DecisionHeader.js +0 -38
- package/cjs/v2/components/FeedbackIcon.js +0 -64
- package/cjs/v2/components/Footer.js +0 -66
- package/cjs/v2/components/FormHeader.js +0 -47
- package/cjs/v2/components/ModalContent.js +0 -112
- package/cjs/v2/components/SelectionHeader.js +0 -49
- package/cjs/v2/components/Title.js +0 -26
- package/cjs/v2/helpers.js +0 -45
- package/esm/DSModal.js +0 -175
- package/esm/constants.js +0 -26
- package/esm/index.js +0 -4
- package/esm/v1/DSModal.js +0 -139
- package/esm/v1/DSModalType.js +0 -3
- package/esm/v1/DSModalWrapper.js +0 -160
- package/esm/v1/ModalFeedBack/ModalFeedBack.js +0 -92
- package/esm/v2/DSModal.js +0 -192
- package/esm/v2/blocks.js +0 -77
- package/esm/v2/components/DecisionHeader.js +0 -28
- package/esm/v2/components/FeedbackIcon.js +0 -55
- package/esm/v2/components/Footer.js +0 -55
- package/esm/v2/components/FormHeader.js +0 -37
- package/esm/v2/components/ModalContent.js +0 -103
- package/esm/v2/components/SelectionHeader.js +0 -39
- package/esm/v2/components/Title.js +0 -17
- package/esm/v2/helpers.js +0 -37
- package/types/index.d.ts +0 -4
package/esm/v2/DSModal.js
DELETED
|
@@ -1,192 +0,0 @@
|
|
|
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 _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
7
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
8
|
-
import 'react';
|
|
9
|
-
import { PropTypes, describe } from 'react-desc';
|
|
10
|
-
import ReactModal from 'react-modal';
|
|
11
|
-
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
12
|
-
import { MODAL_TYPE_V2 } from '../constants.js';
|
|
13
|
-
import { DSModalContent } from './components/ModalContent.js';
|
|
14
|
-
export { DSModalContent } from './components/ModalContent.js';
|
|
15
|
-
|
|
16
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
-
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19
|
-
|
|
20
|
-
const DSModal = _ref => {
|
|
21
|
-
let {
|
|
22
|
-
containerProps = {},
|
|
23
|
-
className = '',
|
|
24
|
-
style = {},
|
|
25
|
-
size = 'default',
|
|
26
|
-
//
|
|
27
|
-
modalType = MODAL_TYPE_V2.INFORMATION,
|
|
28
|
-
modalSubType = null,
|
|
29
|
-
modalTitle = '',
|
|
30
|
-
dataTestId = 'ds-modal',
|
|
31
|
-
centered = false,
|
|
32
|
-
showRejectButton = false,
|
|
33
|
-
showClose = true,
|
|
34
|
-
searchProps = {},
|
|
35
|
-
// override
|
|
36
|
-
actionsRef = () => null,
|
|
37
|
-
additionalFooterCssClass,
|
|
38
|
-
overridePropsConfirmButton = {},
|
|
39
|
-
overridePropsRejectButton = {},
|
|
40
|
-
// react modal
|
|
41
|
-
children,
|
|
42
|
-
isOpen = true,
|
|
43
|
-
onClose = () => null,
|
|
44
|
-
onAfterOpen = () => null,
|
|
45
|
-
onConfirm = () => null,
|
|
46
|
-
onReject = () => null,
|
|
47
|
-
rejectLabel = 'Discard',
|
|
48
|
-
confirmLabel = 'Save',
|
|
49
|
-
shouldCloseOnOverlayClick = false,
|
|
50
|
-
appElement = '#root',
|
|
51
|
-
zIndex = 10,
|
|
52
|
-
removePadding = false
|
|
53
|
-
} = _ref;
|
|
54
|
-
|
|
55
|
-
if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && document && ReactModal.setAppElement) {
|
|
56
|
-
ReactModal.setAppElement(appElement);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
const {
|
|
60
|
-
cssClassName,
|
|
61
|
-
classNameBlock,
|
|
62
|
-
classNameModifier
|
|
63
|
-
} = convertPropToCssClassName('modal-v2', className, {
|
|
64
|
-
size
|
|
65
|
-
});
|
|
66
|
-
return /*#__PURE__*/_jsx(ReactModal, {
|
|
67
|
-
testId: dataTestId,
|
|
68
|
-
className: "".concat(cssClassName, " ").concat(classNameBlock("type-".concat(modalType))),
|
|
69
|
-
contentLabel: modalTitle,
|
|
70
|
-
isOpen: isOpen,
|
|
71
|
-
onAfterOpen: onAfterOpen,
|
|
72
|
-
onRequestClose: onClose,
|
|
73
|
-
overlayClassName: "".concat(classNameBlock('overlay'), " ").concat(classNameModifier(centered ? 'center' : 'top')),
|
|
74
|
-
shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
|
|
75
|
-
style: {
|
|
76
|
-
content: _objectSpread({}, style),
|
|
77
|
-
overlay: {
|
|
78
|
-
// position: 'absolute', https://jira.elliemae.io/browse/PUI-1471, the overlay should be positioned based on the browser window rather positioned absolute to its parent
|
|
79
|
-
zIndex
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}, void 0, /*#__PURE__*/_jsx(DSModalContent, {
|
|
83
|
-
actionsRef: actionsRef,
|
|
84
|
-
additionalFooterCssClass: additionalFooterCssClass,
|
|
85
|
-
confirmLabel: confirmLabel,
|
|
86
|
-
containerProps: containerProps,
|
|
87
|
-
modalSubType: modalSubType,
|
|
88
|
-
modalTitle: modalTitle,
|
|
89
|
-
modalType: modalType,
|
|
90
|
-
onClose: onClose,
|
|
91
|
-
onConfirm: onConfirm,
|
|
92
|
-
onReject: onReject,
|
|
93
|
-
overridePropsConfirmButton: overridePropsConfirmButton,
|
|
94
|
-
overridePropsRejectButton: overridePropsRejectButton,
|
|
95
|
-
rejectLabel: rejectLabel,
|
|
96
|
-
searchProps: searchProps,
|
|
97
|
-
showClose: showClose,
|
|
98
|
-
showRejectButton: showRejectButton,
|
|
99
|
-
removePadding: removePadding
|
|
100
|
-
}, void 0, children));
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
const props = {
|
|
104
|
-
/** inject props to container wrapper */
|
|
105
|
-
containerProps: PropTypes.object.description('inject props to container wrapper'),
|
|
106
|
-
|
|
107
|
-
/** css class */
|
|
108
|
-
className: PropTypes.string.description('css class'),
|
|
109
|
-
|
|
110
|
-
/** style object for container wrapper */
|
|
111
|
-
style: PropTypes.object.description('style object for container wrapper'),
|
|
112
|
-
|
|
113
|
-
/** modal container title */
|
|
114
|
-
modalTitle: PropTypes.string.description('modal container title'),
|
|
115
|
-
|
|
116
|
-
/** center container */
|
|
117
|
-
centered: PropTypes.bool.description('center container'),
|
|
118
|
-
|
|
119
|
-
/** show reject button */
|
|
120
|
-
showRejectButton: PropTypes.bool.description('show reject button'),
|
|
121
|
-
|
|
122
|
-
/** show close button */
|
|
123
|
-
showClose: PropTypes.bool.description('show close button'),
|
|
124
|
-
|
|
125
|
-
/*
|
|
126
|
-
Props for search component
|
|
127
|
-
*/
|
|
128
|
-
searchProps: PropTypes.object.description('Props for search component'),
|
|
129
|
-
|
|
130
|
-
/** css class for footer */
|
|
131
|
-
additionalFooterCssClass: PropTypes.string.description('css class for footer'),
|
|
132
|
-
|
|
133
|
-
/** override props confirm button */
|
|
134
|
-
overridePropsConfirmButton: PropTypes.object.description('override props confirm button'),
|
|
135
|
-
|
|
136
|
-
/** override props reject button */
|
|
137
|
-
overridePropsRejectButton: PropTypes.object.description('override props reject button'),
|
|
138
|
-
|
|
139
|
-
/** controlled isOpen flag */
|
|
140
|
-
isOpen: PropTypes.bool.description('controlled isOpen flag'),
|
|
141
|
-
|
|
142
|
-
/** close callback */
|
|
143
|
-
onClose: PropTypes.func.description('close callback'),
|
|
144
|
-
|
|
145
|
-
/** after open callback */
|
|
146
|
-
onAfterOpen: PropTypes.func.description('after open callback'),
|
|
147
|
-
|
|
148
|
-
/** confirm callback */
|
|
149
|
-
onConfirm: PropTypes.func.description('confirm callback'),
|
|
150
|
-
|
|
151
|
-
/** reject callback */
|
|
152
|
-
onReject: PropTypes.func.description('reject callback'),
|
|
153
|
-
|
|
154
|
-
/** reject label */
|
|
155
|
-
rejectLabel: PropTypes.string.description('reject label'),
|
|
156
|
-
|
|
157
|
-
/** confirm text string */
|
|
158
|
-
confirmLabel: PropTypes.string.description('confirm text string'),
|
|
159
|
-
|
|
160
|
-
/** modal container size */
|
|
161
|
-
size: PropTypes.oneOf(['default', 'xx-large', 'x-large', 'large', 'medium', 'small']).description('modal container size'),
|
|
162
|
-
|
|
163
|
-
/** modal sub type */
|
|
164
|
-
modalSubType: PropTypes.any.description('modal sub type'),
|
|
165
|
-
|
|
166
|
-
/** modal type */
|
|
167
|
-
modalType: PropTypes.any.description('modal type'),
|
|
168
|
-
|
|
169
|
-
/** ref for modal footer actions */
|
|
170
|
-
actionsRef: PropTypes.any.description('ref for modal footer actions'),
|
|
171
|
-
|
|
172
|
-
/** modal container children */
|
|
173
|
-
children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf([PropTypes.element])]).description('modal container children'),
|
|
174
|
-
|
|
175
|
-
/** close on click outside container */
|
|
176
|
-
shouldCloseOnOverlayClick: PropTypes.bool.description('close on click outside container'),
|
|
177
|
-
|
|
178
|
-
/*
|
|
179
|
-
App element ID to inject the modal
|
|
180
|
-
*/
|
|
181
|
-
appElement: PropTypes.string.description('App element ID to inject the modal'),
|
|
182
|
-
|
|
183
|
-
/** zindex for modal container */
|
|
184
|
-
zIndex: PropTypes.number.description('zindex for modal container'),
|
|
185
|
-
|
|
186
|
-
/** remove modal builtin padding */
|
|
187
|
-
removePadding: PropTypes.bool.description('remove modal builtin padding')
|
|
188
|
-
};
|
|
189
|
-
const DSModalWithSchema = describe(DSModal);
|
|
190
|
-
DSModalWithSchema.propTypes = props;
|
|
191
|
-
|
|
192
|
-
export { DSModalWithSchema, DSModal as default };
|
package/esm/v2/blocks.js
DELETED
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
2
|
-
|
|
3
|
-
const blockName = 'modal-v2';
|
|
4
|
-
const ModalHeader = aggregatedClasses('div')(blockName, 'modal-header', _ref => {
|
|
5
|
-
let {
|
|
6
|
-
type,
|
|
7
|
-
showClose
|
|
8
|
-
} = _ref;
|
|
9
|
-
return {
|
|
10
|
-
[type]: type,
|
|
11
|
-
'with-close': showClose
|
|
12
|
-
};
|
|
13
|
-
});
|
|
14
|
-
const ModalHeaderTopRight = aggregatedClasses('div')(blockName, 'modal-header-close', _ref2 => {
|
|
15
|
-
let {
|
|
16
|
-
type
|
|
17
|
-
} = _ref2;
|
|
18
|
-
return {
|
|
19
|
-
[type]: type
|
|
20
|
-
};
|
|
21
|
-
});
|
|
22
|
-
const ModalFeedback = aggregatedClasses('div')(blockName, 'modal-feedback', _ref3 => {
|
|
23
|
-
let {
|
|
24
|
-
type
|
|
25
|
-
} = _ref3;
|
|
26
|
-
return {
|
|
27
|
-
[type]: type
|
|
28
|
-
};
|
|
29
|
-
});
|
|
30
|
-
const ModalTitle = aggregatedClasses('h3')(blockName, 'modal-title', _ref4 => {
|
|
31
|
-
let {
|
|
32
|
-
type
|
|
33
|
-
} = _ref4;
|
|
34
|
-
return {
|
|
35
|
-
[type]: type
|
|
36
|
-
};
|
|
37
|
-
});
|
|
38
|
-
const ModalContent = aggregatedClasses('div')(blockName, 'modal-content', _ref5 => {
|
|
39
|
-
let {
|
|
40
|
-
type,
|
|
41
|
-
removePadding
|
|
42
|
-
} = _ref5;
|
|
43
|
-
return {
|
|
44
|
-
[type]: type,
|
|
45
|
-
'remove-padding': removePadding
|
|
46
|
-
};
|
|
47
|
-
});
|
|
48
|
-
const ModalWrapper = aggregatedClasses('div')(blockName, 'modal-wrapper', _ref6 => {
|
|
49
|
-
let {
|
|
50
|
-
type,
|
|
51
|
-
removePadding
|
|
52
|
-
} = _ref6;
|
|
53
|
-
return {
|
|
54
|
-
[type]: type,
|
|
55
|
-
'remove-padding': removePadding
|
|
56
|
-
};
|
|
57
|
-
});
|
|
58
|
-
const ModalFooter = aggregatedClasses('div')(blockName, 'modal-footer', _ref7 => {
|
|
59
|
-
let {
|
|
60
|
-
type,
|
|
61
|
-
additionalFooterCssClass
|
|
62
|
-
} = _ref7;
|
|
63
|
-
return {
|
|
64
|
-
[type]: type,
|
|
65
|
-
[additionalFooterCssClass]: additionalFooterCssClass
|
|
66
|
-
};
|
|
67
|
-
});
|
|
68
|
-
const ModalFooterActions = aggregatedClasses('div')(blockName, 'modal-footer-actions', _ref8 => {
|
|
69
|
-
let {
|
|
70
|
-
type
|
|
71
|
-
} = _ref8;
|
|
72
|
-
return {
|
|
73
|
-
[type]: type
|
|
74
|
-
};
|
|
75
|
-
});
|
|
76
|
-
|
|
77
|
-
export { ModalContent, ModalFeedback, ModalFooter, ModalFooterActions, ModalHeader, ModalHeaderTopRight, ModalTitle, ModalWrapper };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { Close } from '@elliemae/ds-icons';
|
|
4
|
-
import DSButton from '@elliemae/ds-button';
|
|
5
|
-
import { ModalHeader } from '../blocks.js';
|
|
6
|
-
|
|
7
|
-
var _Close;
|
|
8
|
-
const DecisionHeader = _ref => {
|
|
9
|
-
let {
|
|
10
|
-
onClose,
|
|
11
|
-
showClose
|
|
12
|
-
} = _ref;
|
|
13
|
-
return /*#__PURE__*/_jsx(ModalHeader, {
|
|
14
|
-
classProps: {
|
|
15
|
-
type: 'decision',
|
|
16
|
-
showClose
|
|
17
|
-
}
|
|
18
|
-
}, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
|
|
19
|
-
buttonType: "link",
|
|
20
|
-
containerProps: {
|
|
21
|
-
'data-testid': 'modal-button-close'
|
|
22
|
-
},
|
|
23
|
-
icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
|
|
24
|
-
onClick: onClose
|
|
25
|
-
}));
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export { DecisionHeader, DecisionHeader as default };
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { HelpCircle, InfoCircle, CheckmarkCircle, ErrorHexegon, WarningTriangle } from '@elliemae/ds-icons';
|
|
4
|
-
import { MODAL_SUB_TYPE_V2 } from '../../constants.js';
|
|
5
|
-
import { ModalFeedback } from '../blocks.js';
|
|
6
|
-
|
|
7
|
-
var _WarningTriangle, _ErrorHexegon, _CheckmarkCircle, _InfoCircle, _HelpCircle;
|
|
8
|
-
const feedbackIconSize = 'xxl';
|
|
9
|
-
|
|
10
|
-
const getIconType = subtype => {
|
|
11
|
-
switch (subtype) {
|
|
12
|
-
case MODAL_SUB_TYPE_V2.WARNING:
|
|
13
|
-
return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx(WarningTriangle, {
|
|
14
|
-
"data-testid": "icon-waring",
|
|
15
|
-
size: feedbackIconSize
|
|
16
|
-
}));
|
|
17
|
-
|
|
18
|
-
case MODAL_SUB_TYPE_V2.ERROR:
|
|
19
|
-
return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx(ErrorHexegon, {
|
|
20
|
-
"data-testid": "icon-error",
|
|
21
|
-
size: feedbackIconSize
|
|
22
|
-
}));
|
|
23
|
-
|
|
24
|
-
case MODAL_SUB_TYPE_V2.SUCCESS:
|
|
25
|
-
return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx(CheckmarkCircle, {
|
|
26
|
-
"data-testid": "icon-success",
|
|
27
|
-
size: feedbackIconSize
|
|
28
|
-
}));
|
|
29
|
-
|
|
30
|
-
case MODAL_SUB_TYPE_V2.INFORMATION:
|
|
31
|
-
return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx(InfoCircle, {
|
|
32
|
-
"data-testid": "icon-information",
|
|
33
|
-
size: feedbackIconSize
|
|
34
|
-
}));
|
|
35
|
-
|
|
36
|
-
default:
|
|
37
|
-
return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx(HelpCircle, {
|
|
38
|
-
"data-testid": "icon-help",
|
|
39
|
-
size: feedbackIconSize
|
|
40
|
-
}));
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
const FeedbackIcon = _ref => {
|
|
45
|
-
let {
|
|
46
|
-
modalSubType
|
|
47
|
-
} = _ref;
|
|
48
|
-
return /*#__PURE__*/_jsx(ModalFeedback, {
|
|
49
|
-
classProps: {
|
|
50
|
-
type: modalSubType
|
|
51
|
-
}
|
|
52
|
-
}, void 0, getIconType(modalSubType));
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
export { FeedbackIcon, FeedbackIcon as default };
|
|
@@ -1,55 +0,0 @@
|
|
|
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 _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
7
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
8
|
-
import 'react';
|
|
9
|
-
import DSButton from '@elliemae/ds-button';
|
|
10
|
-
import { ModalFooter, ModalFooterActions } from '../blocks.js';
|
|
11
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
|
-
|
|
15
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16
|
-
const Footer = _ref => {
|
|
17
|
-
let {
|
|
18
|
-
additionalFooterCssClass,
|
|
19
|
-
actionsRef,
|
|
20
|
-
rejectLabel,
|
|
21
|
-
onReject,
|
|
22
|
-
overridePropsRejectButton,
|
|
23
|
-
confirmLabel,
|
|
24
|
-
onConfirm,
|
|
25
|
-
overridePropsConfirmButton,
|
|
26
|
-
showRejectButton
|
|
27
|
-
} = _ref;
|
|
28
|
-
return /*#__PURE__*/_jsx(ModalFooter, {
|
|
29
|
-
classProps: {
|
|
30
|
-
additionalFooterCssClass
|
|
31
|
-
},
|
|
32
|
-
"data-testid": "modal-footer-wrapper"
|
|
33
|
-
}, void 0, /*#__PURE__*/jsxs(ModalFooterActions, {
|
|
34
|
-
ref: actionsRef,
|
|
35
|
-
children: [showRejectButton === true && /*#__PURE__*/jsx(DSButton, _objectSpread({
|
|
36
|
-
buttonType: "secondary",
|
|
37
|
-
className: "action-reject",
|
|
38
|
-
containerProps: {
|
|
39
|
-
'data-testid': 'modal-footer-reject-btn'
|
|
40
|
-
},
|
|
41
|
-
labelText: rejectLabel,
|
|
42
|
-
onClick: onReject
|
|
43
|
-
}, overridePropsRejectButton)), /*#__PURE__*/jsx(DSButton, _objectSpread({
|
|
44
|
-
buttonType: "primary",
|
|
45
|
-
className: "action-confirm",
|
|
46
|
-
containerProps: {
|
|
47
|
-
'data-testid': 'modal-footer-confirm-btn'
|
|
48
|
-
},
|
|
49
|
-
labelText: confirmLabel,
|
|
50
|
-
onClick: onConfirm
|
|
51
|
-
}, overridePropsConfirmButton))]
|
|
52
|
-
}));
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
export { Footer, Footer as default };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { Close } from '@elliemae/ds-icons';
|
|
4
|
-
import DSButton from '@elliemae/ds-button';
|
|
5
|
-
import { ModalHeader, ModalHeaderTopRight } from '../blocks.js';
|
|
6
|
-
import { Title } from './Title.js';
|
|
7
|
-
|
|
8
|
-
var _Close;
|
|
9
|
-
const FormHeader = _ref => {
|
|
10
|
-
let {
|
|
11
|
-
showClose,
|
|
12
|
-
modalTitle,
|
|
13
|
-
modalType,
|
|
14
|
-
onClose
|
|
15
|
-
} = _ref;
|
|
16
|
-
return /*#__PURE__*/_jsx(ModalHeader, {
|
|
17
|
-
classProps: {
|
|
18
|
-
type: 'selection'
|
|
19
|
-
}
|
|
20
|
-
}, void 0, /*#__PURE__*/_jsx(Title, {
|
|
21
|
-
modalTitle: modalTitle,
|
|
22
|
-
modalType: modalType
|
|
23
|
-
}), /*#__PURE__*/_jsx(ModalHeaderTopRight, {
|
|
24
|
-
classProps: {
|
|
25
|
-
type: 'form'
|
|
26
|
-
}
|
|
27
|
-
}, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
|
|
28
|
-
buttonType: "link",
|
|
29
|
-
containerProps: {
|
|
30
|
-
'data-testid': 'modal-close-btn'
|
|
31
|
-
},
|
|
32
|
-
icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
|
|
33
|
-
onClick: onClose
|
|
34
|
-
})));
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export { FormHeader, FormHeader as default };
|
|
@@ -1,103 +0,0 @@
|
|
|
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';
|
|
7
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
8
|
-
import 'react';
|
|
9
|
-
import { MODAL_TYPE_V2 } from '../../constants.js';
|
|
10
|
-
import { SelectionHeader } from './SelectionHeader.js';
|
|
11
|
-
import { DecisionHeader } from './DecisionHeader.js';
|
|
12
|
-
import { FormHeader } from './FormHeader.js';
|
|
13
|
-
import { FeedbackIcon } from './FeedbackIcon.js';
|
|
14
|
-
import { Footer } from './Footer.js';
|
|
15
|
-
import { Title } from './Title.js';
|
|
16
|
-
import { showForm, showSelection, showDecision, showFeedBack, showFooter } from '../helpers.js';
|
|
17
|
-
import { ModalWrapper, ModalContent } from '../blocks.js';
|
|
18
|
-
import { jsxs } from 'react/jsx-runtime';
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
const DSModalContent = _ref => {
|
|
24
|
-
let {
|
|
25
|
-
containerProps = {},
|
|
26
|
-
//
|
|
27
|
-
modalType = MODAL_TYPE_V2.INFORMATION,
|
|
28
|
-
modalSubType = null,
|
|
29
|
-
modalTitle = '',
|
|
30
|
-
showRejectButton = false,
|
|
31
|
-
showClose = true,
|
|
32
|
-
searchProps = {},
|
|
33
|
-
// override
|
|
34
|
-
actionsRef = () => null,
|
|
35
|
-
additionalFooterCssClass,
|
|
36
|
-
overridePropsConfirmButton = {},
|
|
37
|
-
overridePropsRejectButton = {},
|
|
38
|
-
// react modal
|
|
39
|
-
children,
|
|
40
|
-
onClose = () => null,
|
|
41
|
-
onConfirm = () => null,
|
|
42
|
-
onReject = () => null,
|
|
43
|
-
rejectLabel = 'Discard',
|
|
44
|
-
confirmLabel = 'Save',
|
|
45
|
-
removePadding = false
|
|
46
|
-
} = _ref;
|
|
47
|
-
return /*#__PURE__*/jsxs(ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
48
|
-
children: [showForm({
|
|
49
|
-
modalType,
|
|
50
|
-
modalSubType
|
|
51
|
-
}) && /*#__PURE__*/_jsx(FormHeader, {
|
|
52
|
-
modalTitle: modalTitle,
|
|
53
|
-
modalType: modalType,
|
|
54
|
-
onClose: onClose,
|
|
55
|
-
showClose: showClose
|
|
56
|
-
}), showSelection({
|
|
57
|
-
modalType,
|
|
58
|
-
modalSubType
|
|
59
|
-
}) && /*#__PURE__*/_jsx(SelectionHeader, {
|
|
60
|
-
modalTitle: modalTitle,
|
|
61
|
-
modalType: modalType,
|
|
62
|
-
searchProps: searchProps,
|
|
63
|
-
showClose: showClose
|
|
64
|
-
}), showDecision({
|
|
65
|
-
modalType,
|
|
66
|
-
modalSubType
|
|
67
|
-
}) && /*#__PURE__*/_jsx(DecisionHeader, {
|
|
68
|
-
onClose: onClose,
|
|
69
|
-
showClose: showClose
|
|
70
|
-
}), showFeedBack({
|
|
71
|
-
modalType,
|
|
72
|
-
modalSubType
|
|
73
|
-
}) && /*#__PURE__*/_jsx(FeedbackIcon, {
|
|
74
|
-
modalSubType: modalSubType
|
|
75
|
-
}), showDecision({
|
|
76
|
-
modalType,
|
|
77
|
-
modalSubType
|
|
78
|
-
}) && /*#__PURE__*/_jsx(Title, {
|
|
79
|
-
modalTitle: modalTitle,
|
|
80
|
-
modalType: modalType
|
|
81
|
-
}), /*#__PURE__*/_jsx(ModalContent, {
|
|
82
|
-
classProps: {
|
|
83
|
-
type: modalType,
|
|
84
|
-
removePadding
|
|
85
|
-
}
|
|
86
|
-
}, void 0, children), showFooter({
|
|
87
|
-
modalType,
|
|
88
|
-
modalSubType
|
|
89
|
-
}) && /*#__PURE__*/_jsx(Footer, {
|
|
90
|
-
actionsRef: actionsRef,
|
|
91
|
-
additionalFooterCssClass: additionalFooterCssClass,
|
|
92
|
-
confirmLabel: confirmLabel,
|
|
93
|
-
onConfirm: onConfirm,
|
|
94
|
-
onReject: onReject,
|
|
95
|
-
overridePropsConfirmButton: overridePropsConfirmButton,
|
|
96
|
-
overridePropsRejectButton: overridePropsRejectButton,
|
|
97
|
-
rejectLabel: rejectLabel,
|
|
98
|
-
showRejectButton: showRejectButton
|
|
99
|
-
})]
|
|
100
|
-
}));
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
export { DSModalContent };
|
|
@@ -1,39 +0,0 @@
|
|
|
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';
|
|
7
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
8
|
-
import 'react';
|
|
9
|
-
import { DSSearchBox } from '@elliemae/ds-form';
|
|
10
|
-
import { ModalHeader, ModalHeaderTopRight } from '../blocks.js';
|
|
11
|
-
import { Title } from './Title.js';
|
|
12
|
-
import { jsx } from 'react/jsx-runtime';
|
|
13
|
-
|
|
14
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
-
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
|
-
const SelectionHeader = _ref => {
|
|
18
|
-
let {
|
|
19
|
-
searchProps = {},
|
|
20
|
-
modalTitle,
|
|
21
|
-
modalType,
|
|
22
|
-
showClose
|
|
23
|
-
} = _ref;
|
|
24
|
-
return /*#__PURE__*/_jsx(ModalHeader, {
|
|
25
|
-
classProps: {
|
|
26
|
-
type: 'selection'
|
|
27
|
-
}
|
|
28
|
-
}, void 0, /*#__PURE__*/_jsx(Title, {
|
|
29
|
-
modalTitle: modalTitle,
|
|
30
|
-
modalType: modalType
|
|
31
|
-
}), showClose && /*#__PURE__*/_jsx(ModalHeaderTopRight, {
|
|
32
|
-
classProps: {
|
|
33
|
-
type: 'selection'
|
|
34
|
-
},
|
|
35
|
-
"data-testid": "modal-search-box"
|
|
36
|
-
}, void 0, /*#__PURE__*/jsx(DSSearchBox, _objectSpread({}, searchProps))));
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export { SelectionHeader, SelectionHeader as default };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { ModalTitle } from '../blocks.js';
|
|
4
|
-
|
|
5
|
-
const Title = _ref => {
|
|
6
|
-
let {
|
|
7
|
-
modalTitle,
|
|
8
|
-
modalType
|
|
9
|
-
} = _ref;
|
|
10
|
-
return /*#__PURE__*/_jsx(ModalTitle, {
|
|
11
|
-
classProps: {
|
|
12
|
-
type: modalType
|
|
13
|
-
}
|
|
14
|
-
}, void 0, modalTitle);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
export { Title, Title as default };
|
package/esm/v2/helpers.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { MODAL_TYPE_V2, MODAL_SUB_TYPE_V2 } from '../constants.js';
|
|
2
|
-
|
|
3
|
-
function showDecision(_ref) {
|
|
4
|
-
let {
|
|
5
|
-
modalType
|
|
6
|
-
} = _ref;
|
|
7
|
-
return [MODAL_TYPE_V2.INFORMATION, MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
|
|
8
|
-
}
|
|
9
|
-
function showFeedBack(_ref2) {
|
|
10
|
-
let {
|
|
11
|
-
modalType,
|
|
12
|
-
modalSubType
|
|
13
|
-
} = _ref2;
|
|
14
|
-
return showDecision({
|
|
15
|
-
modalType
|
|
16
|
-
}) && Object.values(MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
|
|
17
|
-
}
|
|
18
|
-
function showFooter(_ref3) {
|
|
19
|
-
let {
|
|
20
|
-
modalType
|
|
21
|
-
} = _ref3;
|
|
22
|
-
return modalType !== MODAL_TYPE_V2.INFORMATION;
|
|
23
|
-
}
|
|
24
|
-
function showSelection(_ref4) {
|
|
25
|
-
let {
|
|
26
|
-
modalType
|
|
27
|
-
} = _ref4;
|
|
28
|
-
return modalType === MODAL_TYPE_V2.SELECTION;
|
|
29
|
-
}
|
|
30
|
-
function showForm(_ref5) {
|
|
31
|
-
let {
|
|
32
|
-
modalType
|
|
33
|
-
} = _ref5;
|
|
34
|
-
return modalType === MODAL_TYPE_V2.FORM;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export { showDecision, showFeedBack, showFooter, showForm, showSelection };
|
package/types/index.d.ts
DELETED