@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/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
@@ -1,4 +0,0 @@
1
- export * from './DSModal';
2
- export * from './constants';
3
- export { DSModalWithSchema } from './v2/DSModal';
4
- export { default } from './DSModal';