@elliemae/ds-modal 2.0.0-alpha.11 → 2.0.0-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,22 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _jsx = require('@babel/runtime/helpers/jsx');
6
6
  require('react');
7
- var ErrorHexegon = require('@elliemae/ds-icons/ErrorHexegon');
8
- var WarningTriangle = require('@elliemae/ds-icons/WarningTriangle');
9
- var CheckmarkCircle = require('@elliemae/ds-icons/CheckmarkCircle');
10
- var HelpCircle = require('@elliemae/ds-icons/HelpCircle');
11
- var InfoCircle = require('@elliemae/ds-icons/InfoCircle');
7
+ var dsIcons = require('@elliemae/ds-icons');
12
8
  var constants = require('../../constants.js');
13
9
  var blocks = require('../blocks.js');
14
10
 
15
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
12
 
17
13
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
18
- var ErrorHexegon__default = /*#__PURE__*/_interopDefaultLegacy(ErrorHexegon);
19
- var WarningTriangle__default = /*#__PURE__*/_interopDefaultLegacy(WarningTriangle);
20
- var CheckmarkCircle__default = /*#__PURE__*/_interopDefaultLegacy(CheckmarkCircle);
21
- var HelpCircle__default = /*#__PURE__*/_interopDefaultLegacy(HelpCircle);
22
- var InfoCircle__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircle);
23
14
 
24
15
  var _WarningTriangle, _ErrorHexegon, _CheckmarkCircle, _InfoCircle, _HelpCircle;
25
16
  const feedbackIconSize = 'xxl';
@@ -27,44 +18,47 @@ const feedbackIconSize = 'xxl';
27
18
  const getIconType = subtype => {
28
19
  switch (subtype) {
29
20
  case constants.MODAL_SUB_TYPE_V2.WARNING:
30
- return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx__default["default"](WarningTriangle__default["default"], {
21
+ return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningTriangle, {
31
22
  "data-testid": "icon-waring",
32
23
  size: feedbackIconSize
33
24
  }));
34
25
 
35
26
  case constants.MODAL_SUB_TYPE_V2.ERROR:
36
- return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx__default["default"](ErrorHexegon__default["default"], {
27
+ return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx__default["default"](dsIcons.ErrorHexegon, {
37
28
  "data-testid": "icon-error",
38
29
  size: feedbackIconSize
39
30
  }));
40
31
 
41
32
  case constants.MODAL_SUB_TYPE_V2.SUCCESS:
42
- return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](CheckmarkCircle__default["default"], {
33
+ return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
43
34
  "data-testid": "icon-success",
44
35
  size: feedbackIconSize
45
36
  }));
46
37
 
47
38
  case constants.MODAL_SUB_TYPE_V2.INFORMATION:
48
- return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](InfoCircle__default["default"], {
39
+ return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
49
40
  "data-testid": "icon-information",
50
41
  size: feedbackIconSize
51
42
  }));
52
43
 
53
44
  default:
54
- return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](HelpCircle__default["default"], {
45
+ return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
55
46
  "data-testid": "icon-help",
56
47
  size: feedbackIconSize
57
48
  }));
58
49
  }
59
50
  };
60
51
 
61
- const FeedbackIcon = ({
62
- modalSubType
63
- }) => /*#__PURE__*/_jsx__default["default"](blocks.ModalFeedback, {
64
- classProps: {
65
- type: modalSubType
66
- }
67
- }, void 0, getIconType(modalSubType));
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
+ };
68
62
 
69
63
  exports.FeedbackIcon = FeedbackIcon;
70
64
  exports["default"] = FeedbackIcon;
@@ -2,10 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
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');
5
10
  var _jsx = require('@babel/runtime/helpers/jsx');
6
11
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
12
  require('react');
8
- var DSButton = require('@elliemae/ds-basic/Button');
13
+ var DSButton = require('@elliemae/ds-button');
9
14
  var blocks = require('../blocks.js');
10
15
  var jsxRuntime = require('react/jsx-runtime');
11
16
 
@@ -18,41 +23,44 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
18
23
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
19
24
 
20
25
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
21
- const Footer = ({
22
- additionalFooterCssClass,
23
- actionsRef,
24
- rejectLabel,
25
- onReject,
26
- overridePropsRejectButton,
27
- confirmLabel,
28
- onConfirm,
29
- overridePropsConfirmButton,
30
- showRejectButton
31
- }) => /*#__PURE__*/_jsx__default["default"](blocks.ModalFooter, {
32
- classProps: {
33
- additionalFooterCssClass
34
- },
35
- "data-testid": "modal-footer-wrapper"
36
- }, void 0, /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalFooterActions, {
37
- ref: actionsRef,
38
- children: [showRejectButton === true && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
39
- buttonType: "secondary",
40
- className: "action-reject",
41
- containerProps: {
42
- 'data-testid': 'modal-footer-reject-btn'
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
43
41
  },
44
- labelText: rejectLabel,
45
- onClick: onReject
46
- }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
47
- buttonType: "primary",
48
- className: "action-confirm",
49
- containerProps: {
50
- 'data-testid': 'modal-footer-confirm-btn'
51
- },
52
- labelText: confirmLabel,
53
- onClick: onConfirm
54
- }, overridePropsConfirmButton))]
55
- }));
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
+ };
56
64
 
57
65
  exports.Footer = Footer;
58
66
  exports["default"] = Footer;
@@ -4,42 +4,44 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _jsx = require('@babel/runtime/helpers/jsx');
6
6
  require('react');
7
- var CloseIcon = require('@elliemae/ds-icons/Close');
8
- var DSButton = require('@elliemae/ds-basic/Button');
7
+ var dsIcons = require('@elliemae/ds-icons');
8
+ var DSButton = require('@elliemae/ds-button');
9
9
  var blocks = require('../blocks.js');
10
10
  var Title = require('./Title.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
13
 
14
14
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
15
- var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
16
15
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
17
16
 
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
- })));
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
+ };
43
45
 
44
46
  exports.FormHeader = FormHeader;
45
47
  exports["default"] = FormHeader;
@@ -2,6 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
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');
5
10
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
11
  var _jsx = require('@babel/runtime/helpers/jsx');
7
12
  require('react');
@@ -24,81 +29,84 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
24
29
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
25
30
 
26
31
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
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, {
54
- modalTitle: modalTitle,
55
- modalType: modalType,
56
- onClose: onClose,
57
- showClose: showClose
58
- }), helpers.showSelection({
59
- modalType,
60
- modalSubType
61
- }) && /*#__PURE__*/_jsx__default["default"](SelectionHeader.SelectionHeader, {
62
- modalTitle: modalTitle,
63
- modalType: modalType,
64
- searchProps: searchProps,
65
- showClose: showClose
66
- }), helpers.showDecision({
67
- modalType,
68
- modalSubType
69
- }) && /*#__PURE__*/_jsx__default["default"](DecisionHeader.DecisionHeader, {
70
- onClose: onClose,
71
- showClose: showClose
72
- }), helpers.showFeedBack({
73
- modalType,
74
- modalSubType
75
- }) && /*#__PURE__*/_jsx__default["default"](FeedbackIcon.FeedbackIcon, {
76
- modalSubType: modalSubType
77
- }), helpers.showDecision({
78
- modalType,
79
- modalSubType
80
- }) && /*#__PURE__*/_jsx__default["default"](Title.Title, {
81
- modalTitle: modalTitle,
82
- modalType: modalType
83
- }), /*#__PURE__*/_jsx__default["default"](blocks.ModalContent, {
84
- classProps: {
85
- type: modalType,
86
- removePadding
87
- }
88
- }, void 0, children), helpers.showFooter({
89
- modalType,
90
- modalSubType
91
- }) && /*#__PURE__*/_jsx__default["default"](Footer.Footer, {
92
- actionsRef: actionsRef,
93
- additionalFooterCssClass: additionalFooterCssClass,
94
- confirmLabel: confirmLabel,
95
- onConfirm: onConfirm,
96
- onReject: onReject,
97
- overridePropsConfirmButton: overridePropsConfirmButton,
98
- overridePropsRejectButton: overridePropsRejectButton,
99
- rejectLabel: rejectLabel,
100
- showRejectButton: showRejectButton
101
- })]
102
- }));
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
+ };
103
111
 
104
112
  exports.DSModalContent = DSModalContent;
@@ -2,10 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
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');
5
10
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
11
  var _jsx = require('@babel/runtime/helpers/jsx');
7
12
  require('react');
8
- var DSSearchBox = require('@elliemae/ds-basic/form/SearchBox');
13
+ var dsForm = require('@elliemae/ds-form');
9
14
  var blocks = require('../blocks.js');
10
15
  var Title = require('./Title.js');
11
16
  var jsxRuntime = require('react/jsx-runtime');
@@ -14,29 +19,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
19
 
15
20
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
16
21
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
17
- var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
18
22
 
19
23
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
20
24
 
21
25
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
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))));
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
+ };
40
47
 
41
48
  exports.SelectionHeader = SelectionHeader;
42
49
  exports["default"] = SelectionHeader;
@@ -10,14 +10,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
12
12
 
13
- const Title = ({
14
- modalTitle,
15
- modalType
16
- }) => /*#__PURE__*/_jsx__default["default"](blocks.ModalTitle, {
17
- classProps: {
18
- type: modalType
19
- }
20
- }, void 0, modalTitle);
13
+ const Title = _ref => {
14
+ let {
15
+ modalTitle,
16
+ modalType
17
+ } = _ref;
18
+ return /*#__PURE__*/_jsx__default["default"](blocks.ModalTitle, {
19
+ classProps: {
20
+ type: modalType
21
+ }
22
+ }, void 0, modalTitle);
23
+ };
21
24
 
22
25
  exports.Title = Title;
23
26
  exports["default"] = Title;
package/cjs/v2/helpers.js CHANGED
@@ -4,32 +4,37 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var constants = require('../constants.js');
6
6
 
7
- function showDecision({
8
- modalType
9
- }) {
7
+ function showDecision(_ref) {
8
+ let {
9
+ modalType
10
+ } = _ref;
10
11
  return [constants.MODAL_TYPE_V2.INFORMATION, constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
11
12
  }
12
- function showFeedBack({
13
- modalType,
14
- modalSubType
15
- }) {
13
+ function showFeedBack(_ref2) {
14
+ let {
15
+ modalType,
16
+ modalSubType
17
+ } = _ref2;
16
18
  return showDecision({
17
19
  modalType
18
20
  }) && Object.values(constants.MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
19
21
  }
20
- function showFooter({
21
- modalType
22
- }) {
22
+ function showFooter(_ref3) {
23
+ let {
24
+ modalType
25
+ } = _ref3;
23
26
  return modalType !== constants.MODAL_TYPE_V2.INFORMATION;
24
27
  }
25
- function showSelection({
26
- modalType
27
- }) {
28
+ function showSelection(_ref4) {
29
+ let {
30
+ modalType
31
+ } = _ref4;
28
32
  return modalType === constants.MODAL_TYPE_V2.SELECTION;
29
33
  }
30
- function showForm({
31
- modalType
32
- }) {
34
+ function showForm(_ref5) {
35
+ let {
36
+ modalType
37
+ } = _ref5;
33
38
  return modalType === constants.MODAL_TYPE_V2.FORM;
34
39
  }
35
40
 
package/esm/DSModal.js CHANGED
@@ -1,3 +1,8 @@
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';
1
6
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
7
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
3
8
  import 'react';