@elliemae/ds-modal 1.57.1-rc.0 → 2.0.0-alpha.11

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 (111) hide show
  1. package/cjs/DSModal.js +54 -68
  2. package/cjs/constants.js +5 -6
  3. package/cjs/index.js +6 -29
  4. package/cjs/v1/DSModal.js +137 -13
  5. package/cjs/v1/DSModalType.js +1 -2
  6. package/cjs/v1/DSModalWrapper.js +110 -146
  7. package/cjs/v1/ModalFeedBack/ModalFeedBack.js +60 -56
  8. package/cjs/v2/DSModal.js +56 -102
  9. package/cjs/v2/blocks.js +49 -51
  10. package/cjs/v2/components/DecisionHeader.js +25 -27
  11. package/cjs/v2/components/FeedbackIcon.js +35 -28
  12. package/cjs/v2/components/Footer.js +33 -31
  13. package/cjs/v2/components/FormHeader.js +34 -36
  14. package/cjs/v2/components/ModalContent.js +68 -89
  15. package/cjs/v2/components/SelectionHeader.js +32 -30
  16. package/cjs/v2/components/Title.js +13 -17
  17. package/cjs/v2/helpers.js +17 -13
  18. package/esm/DSModal.js +18 -32
  19. package/esm/constants.js +4 -5
  20. package/esm/index.js +0 -23
  21. package/esm/v1/DSModal.js +132 -12
  22. package/esm/v1/DSModalType.js +1 -2
  23. package/esm/v1/DSModalWrapper.js +109 -139
  24. package/esm/v1/ModalFeedBack/ModalFeedBack.js +55 -55
  25. package/esm/v2/DSModal.js +48 -94
  26. package/esm/v2/blocks.js +49 -47
  27. package/esm/v2/components/DecisionHeader.js +21 -24
  28. package/esm/v2/components/FeedbackIcon.js +27 -25
  29. package/esm/v2/components/Footer.js +29 -27
  30. package/esm/v2/components/FormHeader.js +29 -32
  31. package/esm/v2/components/ModalContent.js +54 -76
  32. package/esm/v2/components/SelectionHeader.js +26 -26
  33. package/esm/v2/components/Title.js +10 -14
  34. package/esm/v2/helpers.js +17 -13
  35. package/package.json +92 -14
  36. package/types/DSModal.d.ts +14 -0
  37. package/types/constants.d.ts +25 -0
  38. package/types/index.d.ts +4 -0
  39. package/types/v1/DSModal.d.ts +143 -0
  40. package/types/v1/DSModalType.d.ts +1 -0
  41. package/types/v1/ModalFeedBack/ModalFeedBack.d.ts +11 -0
  42. package/types/v2/DSModal.d.ts +91 -0
  43. package/types/v2/blocks.d.ts +9 -0
  44. package/types/v2/components/DecisionHeader.d.ts +6 -0
  45. package/types/v2/components/FeedbackIcon.d.ts +5 -0
  46. package/types/v2/components/Footer.d.ts +13 -0
  47. package/types/v2/components/FormHeader.d.ts +8 -0
  48. package/types/v2/components/ModalContent.d.ts +21 -0
  49. package/types/v2/components/SelectionHeader.d.ts +8 -0
  50. package/types/v2/components/Title.d.ts +6 -0
  51. package/types/v2/components/tests/DecisionHeader.test.d.ts +1 -0
  52. package/types/v2/components/tests/FeedbackIcon.test.d.ts +1 -0
  53. package/types/v2/components/tests/Footer.test.d.ts +1 -0
  54. package/types/v2/components/tests/FormHeader.test.d.ts +1 -0
  55. package/types/v2/components/tests/SelectionHeader.test.d.ts +1 -0
  56. package/types/v2/helpers.d.ts +16 -0
  57. package/types/v2/tests/DSModal.test.d.ts +1 -0
  58. package/DSModal/package.json +0 -10
  59. package/cjs/DSModal-3126a986.js +0 -316
  60. package/cjs/DSModal-3126a986.js.map +0 -1
  61. package/cjs/DSModal.js.map +0 -1
  62. package/cjs/constants.js.map +0 -1
  63. package/cjs/index.js.map +0 -1
  64. package/cjs/v1/DSModal.js.map +0 -1
  65. package/cjs/v1/DSModalType.js.map +0 -1
  66. package/cjs/v1/DSModalWrapper.js.map +0 -1
  67. package/cjs/v1/ModalFeedBack/ModalFeedBack.js.map +0 -1
  68. package/cjs/v2/DSModal.js.map +0 -1
  69. package/cjs/v2/blocks.js.map +0 -1
  70. package/cjs/v2/components/DecisionHeader.js.map +0 -1
  71. package/cjs/v2/components/FeedbackIcon.js.map +0 -1
  72. package/cjs/v2/components/Footer.js.map +0 -1
  73. package/cjs/v2/components/FormHeader.js.map +0 -1
  74. package/cjs/v2/components/ModalContent.js.map +0 -1
  75. package/cjs/v2/components/SelectionHeader.js.map +0 -1
  76. package/cjs/v2/components/Title.js.map +0 -1
  77. package/cjs/v2/helpers.js.map +0 -1
  78. package/constants/package.json +0 -10
  79. package/esm/DSModal-a8b0fbf0.js +0 -303
  80. package/esm/DSModal-a8b0fbf0.js.map +0 -1
  81. package/esm/DSModal.js.map +0 -1
  82. package/esm/constants.js.map +0 -1
  83. package/esm/index.js.map +0 -1
  84. package/esm/v1/DSModal.js.map +0 -1
  85. package/esm/v1/DSModalType.js.map +0 -1
  86. package/esm/v1/DSModalWrapper.js.map +0 -1
  87. package/esm/v1/ModalFeedBack/ModalFeedBack.js.map +0 -1
  88. package/esm/v2/DSModal.js.map +0 -1
  89. package/esm/v2/blocks.js.map +0 -1
  90. package/esm/v2/components/DecisionHeader.js.map +0 -1
  91. package/esm/v2/components/FeedbackIcon.js.map +0 -1
  92. package/esm/v2/components/Footer.js.map +0 -1
  93. package/esm/v2/components/FormHeader.js.map +0 -1
  94. package/esm/v2/components/ModalContent.js.map +0 -1
  95. package/esm/v2/components/SelectionHeader.js.map +0 -1
  96. package/esm/v2/components/Title.js.map +0 -1
  97. package/esm/v2/helpers.js.map +0 -1
  98. package/v1/DSModal/package.json +0 -10
  99. package/v1/DSModalType/package.json +0 -10
  100. package/v1/DSModalWrapper/package.json +0 -10
  101. package/v1/ModalFeedBack/ModalFeedBack/package.json +0 -10
  102. package/v2/DSModal/package.json +0 -10
  103. package/v2/blocks/package.json +0 -10
  104. package/v2/components/DecisionHeader/package.json +0 -10
  105. package/v2/components/FeedbackIcon/package.json +0 -10
  106. package/v2/components/Footer/package.json +0 -10
  107. package/v2/components/FormHeader/package.json +0 -10
  108. package/v2/components/ModalContent/package.json +0 -10
  109. package/v2/components/SelectionHeader/package.json +0 -10
  110. package/v2/components/Title/package.json +0 -10
  111. package/v2/helpers/package.json +0 -10
@@ -2,46 +2,44 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require('react');
6
- var dsIcons = require('@elliemae/ds-icons');
7
- var DSButton = require('@elliemae/ds-button');
8
- var v2_blocks = require('../blocks.js');
9
- var v2_components_Title = require('./Title.js');
10
- require('@babel/runtime/helpers/defineProperty');
11
- require('@elliemae/ds-classnames');
5
+ var _jsx = require('@babel/runtime/helpers/jsx');
6
+ require('react');
7
+ var CloseIcon = require('@elliemae/ds-icons/Close');
8
+ var DSButton = require('@elliemae/ds-basic/Button');
9
+ var blocks = require('../blocks.js');
10
+ var Title = require('./Title.js');
12
11
 
13
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
13
 
15
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
15
+ var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
16
16
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
17
17
 
18
- /* eslint-disable max-lines */
19
- var FormHeader = function FormHeader(_ref) {
20
- var showClose = _ref.showClose,
21
- modalTitle = _ref.modalTitle,
22
- modalType = _ref.modalType,
23
- onClose = _ref.onClose;
24
- return /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalHeader, {
25
- classProps: {
26
- type: 'selection'
27
- }
28
- }, /*#__PURE__*/React__default['default'].createElement(v2_components_Title.Title, {
29
- modalTitle: modalTitle,
30
- modalType: modalType
31
- }), /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalHeaderTopRight, {
32
- classProps: {
33
- type: 'form'
34
- }
35
- }, showClose && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
36
- buttonType: "link",
37
- containerProps: {
38
- 'data-testid': 'modal-close-btn'
39
- },
40
- icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Close, null),
41
- onClick: onClose
42
- })));
43
- };
18
+ var _CloseIcon;
19
+ const FormHeader = ({
20
+ showClose,
21
+ modalTitle,
22
+ modalType,
23
+ onClose
24
+ }) => /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
25
+ classProps: {
26
+ type: 'selection'
27
+ }
28
+ }, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
29
+ modalTitle: modalTitle,
30
+ modalType: modalType
31
+ }), /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
32
+ classProps: {
33
+ type: 'form'
34
+ }
35
+ }, void 0, showClose && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
36
+ buttonType: "link",
37
+ containerProps: {
38
+ 'data-testid': 'modal-close-btn'
39
+ },
40
+ icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx__default["default"](CloseIcon__default["default"], {})),
41
+ onClick: onClose
42
+ })));
44
43
 
45
44
  exports.FormHeader = FormHeader;
46
- exports['default'] = FormHeader;
47
- //# sourceMappingURL=FormHeader.js.map
45
+ exports["default"] = FormHeader;
@@ -2,113 +2,93 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require('react');
5
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
+ var _jsx = require('@babel/runtime/helpers/jsx');
7
+ require('react');
6
8
  var constants = require('../../constants.js');
7
- var v2_components_SelectionHeader = require('./SelectionHeader.js');
8
- var v2_components_DecisionHeader = require('./DecisionHeader.js');
9
- var v2_components_FormHeader = require('./FormHeader.js');
10
- var v2_components_FeedbackIcon = require('./FeedbackIcon.js');
11
- var v2_components_Footer = require('./Footer.js');
12
- var v2_components_Title = require('./Title.js');
13
- var v2_helpers = require('../helpers.js');
14
- var v2_blocks = require('../blocks.js');
15
- require('@elliemae/ds-form');
16
- require('@elliemae/ds-icons');
17
- require('@elliemae/ds-button');
18
- require('@babel/runtime/helpers/extends');
19
- require('@babel/runtime/helpers/defineProperty');
20
- require('@elliemae/ds-classnames');
9
+ var SelectionHeader = require('./SelectionHeader.js');
10
+ var DecisionHeader = require('./DecisionHeader.js');
11
+ var FormHeader = require('./FormHeader.js');
12
+ var FeedbackIcon = require('./FeedbackIcon.js');
13
+ var Footer = require('./Footer.js');
14
+ var Title = require('./Title.js');
15
+ var helpers = require('../helpers.js');
16
+ var blocks = require('../blocks.js');
17
+ var jsxRuntime = require('react/jsx-runtime');
21
18
 
22
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
23
20
 
24
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
22
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
25
23
 
26
- /* eslint-disable max-lines */
27
- var DSModalContent = function DSModalContent(_ref) {
28
- var _ref$containerProps = _ref.containerProps,
29
- containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
30
- _ref$modalType = _ref.modalType,
31
- modalType = _ref$modalType === void 0 ? constants.MODAL_TYPE_V2.INFORMATION : _ref$modalType,
32
- _ref$modalSubType = _ref.modalSubType,
33
- modalSubType = _ref$modalSubType === void 0 ? null : _ref$modalSubType,
34
- _ref$modalTitle = _ref.modalTitle,
35
- modalTitle = _ref$modalTitle === void 0 ? '' : _ref$modalTitle,
36
- _ref$showRejectButton = _ref.showRejectButton,
37
- showRejectButton = _ref$showRejectButton === void 0 ? false : _ref$showRejectButton,
38
- _ref$showClose = _ref.showClose,
39
- showClose = _ref$showClose === void 0 ? true : _ref$showClose,
40
- _ref$searchProps = _ref.searchProps,
41
- searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps,
42
- _ref$actionsRef = _ref.actionsRef,
43
- actionsRef = _ref$actionsRef === void 0 ? function () {
44
- return null;
45
- } : _ref$actionsRef,
46
- additionalFooterCssClass = _ref.additionalFooterCssClass,
47
- _ref$overridePropsCon = _ref.overridePropsConfirmButton,
48
- overridePropsConfirmButton = _ref$overridePropsCon === void 0 ? {} : _ref$overridePropsCon,
49
- _ref$overridePropsRej = _ref.overridePropsRejectButton,
50
- overridePropsRejectButton = _ref$overridePropsRej === void 0 ? {} : _ref$overridePropsRej,
51
- children = _ref.children,
52
- _ref$onClose = _ref.onClose,
53
- onClose = _ref$onClose === void 0 ? function () {
54
- return null;
55
- } : _ref$onClose,
56
- _ref$onConfirm = _ref.onConfirm,
57
- onConfirm = _ref$onConfirm === void 0 ? function () {
58
- return null;
59
- } : _ref$onConfirm,
60
- _ref$onReject = _ref.onReject,
61
- onReject = _ref$onReject === void 0 ? function () {
62
- return null;
63
- } : _ref$onReject,
64
- _ref$rejectLabel = _ref.rejectLabel,
65
- rejectLabel = _ref$rejectLabel === void 0 ? 'Discard' : _ref$rejectLabel,
66
- _ref$confirmLabel = _ref.confirmLabel,
67
- confirmLabel = _ref$confirmLabel === void 0 ? 'Save' : _ref$confirmLabel,
68
- _ref$removePadding = _ref.removePadding,
69
- removePadding = _ref$removePadding === void 0 ? false : _ref$removePadding;
70
- return /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalWrapper, containerProps, v2_helpers.showForm({
71
- modalType: modalType,
72
- modalSubType: modalSubType
73
- }) && /*#__PURE__*/React__default['default'].createElement(v2_components_FormHeader.FormHeader, {
24
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
25
+
26
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
27
+ const DSModalContent = ({
28
+ containerProps = {},
29
+ //
30
+ modalType = constants.MODAL_TYPE_V2.INFORMATION,
31
+ modalSubType = null,
32
+ modalTitle = '',
33
+ showRejectButton = false,
34
+ showClose = true,
35
+ searchProps = {},
36
+ // override
37
+ actionsRef = () => null,
38
+ additionalFooterCssClass,
39
+ overridePropsConfirmButton = {},
40
+ overridePropsRejectButton = {},
41
+ // react modal
42
+ children,
43
+ onClose = () => null,
44
+ onConfirm = () => null,
45
+ onReject = () => null,
46
+ rejectLabel = 'Discard',
47
+ confirmLabel = 'Save',
48
+ removePadding = false
49
+ }) => /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
50
+ children: [helpers.showForm({
51
+ modalType,
52
+ modalSubType
53
+ }) && /*#__PURE__*/_jsx__default["default"](FormHeader.FormHeader, {
74
54
  modalTitle: modalTitle,
75
55
  modalType: modalType,
76
56
  onClose: onClose,
77
57
  showClose: showClose
78
- }), v2_helpers.showSelection({
79
- modalType: modalType,
80
- modalSubType: modalSubType
81
- }) && /*#__PURE__*/React__default['default'].createElement(v2_components_SelectionHeader.SelectionHeader, {
58
+ }), helpers.showSelection({
59
+ modalType,
60
+ modalSubType
61
+ }) && /*#__PURE__*/_jsx__default["default"](SelectionHeader.SelectionHeader, {
82
62
  modalTitle: modalTitle,
83
63
  modalType: modalType,
84
64
  searchProps: searchProps,
85
65
  showClose: showClose
86
- }), v2_helpers.showDecision({
87
- modalType: modalType,
88
- modalSubType: modalSubType
89
- }) && /*#__PURE__*/React__default['default'].createElement(v2_components_DecisionHeader.DecisionHeader, {
66
+ }), helpers.showDecision({
67
+ modalType,
68
+ modalSubType
69
+ }) && /*#__PURE__*/_jsx__default["default"](DecisionHeader.DecisionHeader, {
90
70
  onClose: onClose,
91
71
  showClose: showClose
92
- }), v2_helpers.showFeedBack({
93
- modalType: modalType,
94
- modalSubType: modalSubType
95
- }) && /*#__PURE__*/React__default['default'].createElement(v2_components_FeedbackIcon.FeedbackIcon, {
96
- modalSubType: modalSubType
97
- }), v2_helpers.showDecision({
98
- modalType: modalType,
72
+ }), helpers.showFeedBack({
73
+ modalType,
74
+ modalSubType
75
+ }) && /*#__PURE__*/_jsx__default["default"](FeedbackIcon.FeedbackIcon, {
99
76
  modalSubType: modalSubType
100
- }) && /*#__PURE__*/React__default['default'].createElement(v2_components_Title.Title, {
77
+ }), helpers.showDecision({
78
+ modalType,
79
+ modalSubType
80
+ }) && /*#__PURE__*/_jsx__default["default"](Title.Title, {
101
81
  modalTitle: modalTitle,
102
82
  modalType: modalType
103
- }), /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalContent, {
83
+ }), /*#__PURE__*/_jsx__default["default"](blocks.ModalContent, {
104
84
  classProps: {
105
85
  type: modalType,
106
- removePadding: removePadding
86
+ removePadding
107
87
  }
108
- }, children), v2_helpers.showFooter({
109
- modalType: modalType,
110
- modalSubType: modalSubType
111
- }) && /*#__PURE__*/React__default['default'].createElement(v2_components_Footer.Footer, {
88
+ }, void 0, children), helpers.showFooter({
89
+ modalType,
90
+ modalSubType
91
+ }) && /*#__PURE__*/_jsx__default["default"](Footer.Footer, {
112
92
  actionsRef: actionsRef,
113
93
  additionalFooterCssClass: additionalFooterCssClass,
114
94
  confirmLabel: confirmLabel,
@@ -118,8 +98,7 @@ var DSModalContent = function DSModalContent(_ref) {
118
98
  overridePropsRejectButton: overridePropsRejectButton,
119
99
  rejectLabel: rejectLabel,
120
100
  showRejectButton: showRejectButton
121
- }));
122
- };
101
+ })]
102
+ }));
123
103
 
124
104
  exports.DSModalContent = DSModalContent;
125
- //# sourceMappingURL=ModalContent.js.map
@@ -2,39 +2,41 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require('react');
6
- var dsForm = require('@elliemae/ds-form');
7
- var v2_blocks = require('../blocks.js');
8
- var v2_components_Title = require('./Title.js');
9
- require('@babel/runtime/helpers/defineProperty');
10
- require('@elliemae/ds-classnames');
5
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
+ var _jsx = require('@babel/runtime/helpers/jsx');
7
+ require('react');
8
+ var DSSearchBox = require('@elliemae/ds-basic/form/SearchBox');
9
+ var blocks = require('../blocks.js');
10
+ var Title = require('./Title.js');
11
+ var jsxRuntime = require('react/jsx-runtime');
11
12
 
12
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
14
 
14
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
16
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
17
+ var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
15
18
 
16
- /* eslint-disable max-lines */
17
- var SelectionHeader = function SelectionHeader(_ref) {
18
- var _ref$searchProps = _ref.searchProps,
19
- searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps,
20
- modalTitle = _ref.modalTitle,
21
- modalType = _ref.modalType,
22
- showClose = _ref.showClose;
23
- return /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalHeader, {
24
- classProps: {
25
- type: 'selection'
26
- }
27
- }, /*#__PURE__*/React__default['default'].createElement(v2_components_Title.Title, {
28
- modalTitle: modalTitle,
29
- modalType: modalType
30
- }), showClose && /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalHeaderTopRight, {
31
- classProps: {
32
- type: 'selection'
33
- },
34
- "data-testid": "modal-search-box"
35
- }, /*#__PURE__*/React__default['default'].createElement(dsForm.DSSearchBox, searchProps)));
36
- };
19
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
20
+
21
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
22
+ const SelectionHeader = ({
23
+ searchProps = {},
24
+ modalTitle,
25
+ modalType,
26
+ showClose
27
+ }) => /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
28
+ classProps: {
29
+ type: 'selection'
30
+ }
31
+ }, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
32
+ modalTitle: modalTitle,
33
+ modalType: modalType
34
+ }), showClose && /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
35
+ classProps: {
36
+ type: 'selection'
37
+ },
38
+ "data-testid": "modal-search-box"
39
+ }, void 0, /*#__PURE__*/jsxRuntime.jsx(DSSearchBox__default["default"], _objectSpread({}, searchProps))));
37
40
 
38
41
  exports.SelectionHeader = SelectionHeader;
39
- exports['default'] = SelectionHeader;
40
- //# sourceMappingURL=SelectionHeader.js.map
42
+ exports["default"] = SelectionHeader;
@@ -2,26 +2,22 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require('react');
6
- var v2_blocks = require('../blocks.js');
7
- require('@babel/runtime/helpers/defineProperty');
8
- require('@elliemae/ds-classnames');
5
+ var _jsx = require('@babel/runtime/helpers/jsx');
6
+ require('react');
7
+ var blocks = require('../blocks.js');
9
8
 
10
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
10
 
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
13
12
 
14
- /* eslint-disable max-lines */
15
- var Title = function Title(_ref) {
16
- var modalTitle = _ref.modalTitle,
17
- modalType = _ref.modalType;
18
- return /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalTitle, {
19
- classProps: {
20
- type: modalType
21
- }
22
- }, modalTitle);
23
- };
13
+ const Title = ({
14
+ modalTitle,
15
+ modalType
16
+ }) => /*#__PURE__*/_jsx__default["default"](blocks.ModalTitle, {
17
+ classProps: {
18
+ type: modalType
19
+ }
20
+ }, void 0, modalTitle);
24
21
 
25
22
  exports.Title = Title;
26
- exports['default'] = Title;
27
- //# sourceMappingURL=Title.js.map
23
+ exports["default"] = Title;
package/cjs/v2/helpers.js CHANGED
@@ -4,27 +4,32 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var constants = require('../constants.js');
6
6
 
7
- function showDecision(_ref) {
8
- var modalType = _ref.modalType;
7
+ function showDecision({
8
+ modalType
9
+ }) {
9
10
  return [constants.MODAL_TYPE_V2.INFORMATION, constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
10
11
  }
11
- function showFeedBack(_ref2) {
12
- var modalType = _ref2.modalType,
13
- modalSubType = _ref2.modalSubType;
12
+ function showFeedBack({
13
+ modalType,
14
+ modalSubType
15
+ }) {
14
16
  return showDecision({
15
- modalType: modalType
17
+ modalType
16
18
  }) && Object.values(constants.MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
17
19
  }
18
- function showFooter(_ref3) {
19
- var modalType = _ref3.modalType;
20
+ function showFooter({
21
+ modalType
22
+ }) {
20
23
  return modalType !== constants.MODAL_TYPE_V2.INFORMATION;
21
24
  }
22
- function showSelection(_ref4) {
23
- var modalType = _ref4.modalType;
25
+ function showSelection({
26
+ modalType
27
+ }) {
24
28
  return modalType === constants.MODAL_TYPE_V2.SELECTION;
25
29
  }
26
- function showForm(_ref5) {
27
- var modalType = _ref5.modalType;
30
+ function showForm({
31
+ modalType
32
+ }) {
28
33
  return modalType === constants.MODAL_TYPE_V2.FORM;
29
34
  }
30
35
 
@@ -33,4 +38,3 @@ exports.showFeedBack = showFeedBack;
33
38
  exports.showFooter = showFooter;
34
39
  exports.showForm = showForm;
35
40
  exports.showSelection = showSelection;
36
- //# sourceMappingURL=helpers.js.map
package/esm/DSModal.js CHANGED
@@ -1,43 +1,30 @@
1
+ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
1
2
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
2
- import React from 'react';
3
+ import 'react';
3
4
  import PropTypes from 'prop-types';
4
5
  import { modalTypes } from './constants.js';
5
- import { i as iconSizes, s as sizes, D as DSModal$2 } from './DSModal-a8b0fbf0.js';
6
+ import DSModal$2 from './v1/DSModal.js';
6
7
  import DSModal$1 from './v2/DSModal.js';
8
+ import { iconSizes, sizes } from '@elliemae/ds-shared/prop-types';
9
+ import { jsx } from 'react/jsx-runtime';
7
10
  export { DSModalContent } from './v2/components/ModalContent.js';
8
- import '@babel/runtime/helpers/esm/extends';
9
- import '@babel/runtime/helpers/esm/defineProperty';
10
- import 'react-modal';
11
- import '@elliemae/ds-classnames';
12
- import '@elliemae/ds-icon';
13
- import '@elliemae/ds-icons';
14
- import '@elliemae/ds-button';
15
- import './v1/ModalFeedBack/ModalFeedBack.js';
16
- import 'react-desc';
17
- import './v2/components/SelectionHeader.js';
18
- import '@elliemae/ds-form';
19
- import './v2/blocks.js';
20
- import './v2/components/Title.js';
21
- import './v2/components/DecisionHeader.js';
22
- import './v2/components/FormHeader.js';
23
- import './v2/components/FeedbackIcon.js';
24
- import './v2/components/Footer.js';
25
- import './v2/helpers.js';
26
-
27
- var _excluded = ["version"];
28
-
29
- var DSModal = function DSModal(_ref) {
30
- var _ref$version = _ref.version,
31
- version = _ref$version === void 0 ? 1 : _ref$version,
11
+
12
+ const _excluded = ["version"];
13
+
14
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
15
+
16
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
17
+
18
+ const DSModal = _ref => {
19
+ let {
20
+ version = 1
21
+ } = _ref,
32
22
  rest = _objectWithoutProperties(_ref, _excluded);
33
23
 
34
- if (version === 2) return /*#__PURE__*/React.createElement(DSModal$1, rest);
35
- return /*#__PURE__*/React.createElement(DSModal$2, rest);
24
+ if (version === 2) return /*#__PURE__*/jsx(DSModal$1, _objectSpread({}, rest));
25
+ return /*#__PURE__*/jsx(DSModal$2, _objectSpread({}, rest));
36
26
  };
37
27
 
38
- DSModal.propTypes = {
39
- version: PropTypes.oneOf([1, 2])
40
- };
41
28
  DSModal$2.propTypes = {
42
29
  version: PropTypes.oneOf([1, 2]),
43
30
  className: PropTypes.string,
@@ -181,4 +168,3 @@ DSModal$2.propTypes = {
181
168
  };
182
169
 
183
170
  export { DSModal as default };
184
- //# sourceMappingURL=DSModal.js.map
package/esm/constants.js CHANGED
@@ -1,4 +1,4 @@
1
- var MODAL_TYPE = {
1
+ const MODAL_TYPE = {
2
2
  DEFAULT: 'default',
3
3
  ALERT: 'alert',
4
4
  CONFIRM: 'confirm',
@@ -9,14 +9,14 @@ var MODAL_TYPE = {
9
9
  HELP: 'help',
10
10
  INFO: 'info'
11
11
  };
12
- var modalTypes = [MODAL_TYPE.DEFAULT, MODAL_TYPE.ALERT, MODAL_TYPE.CONFIRM, MODAL_TYPE.NOTIFICATION, MODAL_TYPE.WARNING, MODAL_TYPE.ERROR, MODAL_TYPE.SUCCESS, MODAL_TYPE.HELP, MODAL_TYPE.INFO];
13
- var MODAL_TYPE_V2 = {
12
+ const modalTypes = [MODAL_TYPE.DEFAULT, MODAL_TYPE.ALERT, MODAL_TYPE.CONFIRM, MODAL_TYPE.NOTIFICATION, MODAL_TYPE.WARNING, MODAL_TYPE.ERROR, MODAL_TYPE.SUCCESS, MODAL_TYPE.HELP, MODAL_TYPE.INFO];
13
+ const MODAL_TYPE_V2 = {
14
14
  INFORMATION: 'information',
15
15
  DECISION: 'decision',
16
16
  SELECTION: 'selection',
17
17
  FORM: 'form'
18
18
  };
19
- var MODAL_SUB_TYPE_V2 = {
19
+ const MODAL_SUB_TYPE_V2 = {
20
20
  SUCCESS: 'success',
21
21
  WARNING: 'warning',
22
22
  ERROR: 'error',
@@ -24,4 +24,3 @@ var MODAL_SUB_TYPE_V2 = {
24
24
  };
25
25
 
26
26
  export { MODAL_SUB_TYPE_V2, MODAL_TYPE, MODAL_TYPE_V2, MODAL_TYPE as default, modalTypes };
27
- //# sourceMappingURL=constants.js.map
package/esm/index.js CHANGED
@@ -2,26 +2,3 @@ export { default } from './DSModal.js';
2
2
  export { MODAL_SUB_TYPE_V2, MODAL_TYPE, MODAL_TYPE_V2, modalTypes } from './constants.js';
3
3
  export { DSModalWithSchema } from './v2/DSModal.js';
4
4
  export { DSModalContent } from './v2/components/ModalContent.js';
5
- import '@babel/runtime/helpers/esm/objectWithoutProperties';
6
- import 'react';
7
- import 'prop-types';
8
- import './DSModal-a8b0fbf0.js';
9
- import '@babel/runtime/helpers/esm/extends';
10
- import '@babel/runtime/helpers/esm/defineProperty';
11
- import 'react-modal';
12
- import '@elliemae/ds-classnames';
13
- import '@elliemae/ds-icon';
14
- import '@elliemae/ds-icons';
15
- import '@elliemae/ds-button';
16
- import './v1/ModalFeedBack/ModalFeedBack.js';
17
- import 'react-desc';
18
- import './v2/components/SelectionHeader.js';
19
- import '@elliemae/ds-form';
20
- import './v2/blocks.js';
21
- import './v2/components/Title.js';
22
- import './v2/components/DecisionHeader.js';
23
- import './v2/components/FormHeader.js';
24
- import './v2/components/FeedbackIcon.js';
25
- import './v2/components/Footer.js';
26
- import './v2/helpers.js';
27
- //# sourceMappingURL=index.js.map