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