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

package/cjs/v2/DSModal.js

@@ -2,114 +2,77 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
+require('react');
 var reactDesc = require('react-desc');
 var ReactModal = require('react-modal');
 var dsClassnames = require('@elliemae/ds-classnames');
 var constants = require('../constants.js');
-var v2_components_ModalContent = require('./components/ModalContent.js');
-require('./components/SelectionHeader.js');
-require('@elliemae/ds-form');
-require('./blocks.js');
-require('./components/Title.js');
-require('./components/DecisionHeader.js');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('./components/FormHeader.js');
-require('./components/FeedbackIcon.js');
-require('./components/Footer.js');
-require('@babel/runtime/helpers/extends');
-require('./helpers.js');
+var ModalContent = require('./components/ModalContent.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactModal__default = /*#__PURE__*/_interopDefaultLegacy(ReactModal);
 
 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; }
 
-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; }
-
-var DSModal = function DSModal(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      _ref$modalType = _ref.modalType,
-      modalType = _ref$modalType === void 0 ? constants.MODAL_TYPE_V2.INFORMATION : _ref$modalType,
-      _ref$modalSubType = _ref.modalSubType,
-      modalSubType = _ref$modalSubType === void 0 ? null : _ref$modalSubType,
-      _ref$modalTitle = _ref.modalTitle,
-      modalTitle = _ref$modalTitle === void 0 ? '' : _ref$modalTitle,
-      _ref$dataTestId = _ref.dataTestId,
-      dataTestId = _ref$dataTestId === void 0 ? 'ds-modal' : _ref$dataTestId,
-      _ref$centered = _ref.centered,
-      centered = _ref$centered === void 0 ? false : _ref$centered,
-      _ref$showRejectButton = _ref.showRejectButton,
-      showRejectButton = _ref$showRejectButton === void 0 ? false : _ref$showRejectButton,
-      _ref$showClose = _ref.showClose,
-      showClose = _ref$showClose === void 0 ? true : _ref$showClose,
-      _ref$searchProps = _ref.searchProps,
-      searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps,
-      _ref$actionsRef = _ref.actionsRef,
-      actionsRef = _ref$actionsRef === void 0 ? function () {
-    return null;
-  } : _ref$actionsRef,
-      additionalFooterCssClass = _ref.additionalFooterCssClass,
-      _ref$overridePropsCon = _ref.overridePropsConfirmButton,
-      overridePropsConfirmButton = _ref$overridePropsCon === void 0 ? {} : _ref$overridePropsCon,
-      _ref$overridePropsRej = _ref.overridePropsRejectButton,
-      overridePropsRejectButton = _ref$overridePropsRej === void 0 ? {} : _ref$overridePropsRej,
-      children = _ref.children,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? function () {
-    return null;
-  } : _ref$onClose,
-      _ref$onAfterOpen = _ref.onAfterOpen,
-      onAfterOpen = _ref$onAfterOpen === void 0 ? function () {
-    return null;
-  } : _ref$onAfterOpen,
-      _ref$onConfirm = _ref.onConfirm,
-      onConfirm = _ref$onConfirm === void 0 ? function () {
-    return null;
-  } : _ref$onConfirm,
-      _ref$onReject = _ref.onReject,
-      onReject = _ref$onReject === void 0 ? function () {
-    return null;
-  } : _ref$onReject,
-      _ref$rejectLabel = _ref.rejectLabel,
-      rejectLabel = _ref$rejectLabel === void 0 ? 'Discard' : _ref$rejectLabel,
-      _ref$confirmLabel = _ref.confirmLabel,
-      confirmLabel = _ref$confirmLabel === void 0 ? 'Save' : _ref$confirmLabel,
-      _ref$shouldCloseOnOve = _ref.shouldCloseOnOverlayClick,
-      shouldCloseOnOverlayClick = _ref$shouldCloseOnOve === void 0 ? false : _ref$shouldCloseOnOve,
-      _ref$appElement = _ref.appElement,
-      appElement = _ref$appElement === void 0 ? '#root' : _ref$appElement,
-      _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 10 : _ref$zIndex,
-      _ref$removePadding = _ref.removePadding,
-      removePadding = _ref$removePadding === void 0 ? false : _ref$removePadding;
-
-  if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && document && ReactModal__default['default'].setAppElement) {
-    ReactModal__default['default'].setAppElement(appElement);
+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; }
+
+const DSModal = _ref => {
+  let {
+    containerProps = {},
+    className = '',
+    style = {},
+    size = 'default',
+    //
+    modalType = constants.MODAL_TYPE_V2.INFORMATION,
+    modalSubType = null,
+    modalTitle = '',
+    dataTestId = 'ds-modal',
+    centered = false,
+    showRejectButton = false,
+    showClose = true,
+    searchProps = {},
+    // override
+    actionsRef = () => null,
+    additionalFooterCssClass,
+    overridePropsConfirmButton = {},
+    overridePropsRejectButton = {},
+    // react modal
+    children,
+    isOpen = true,
+    onClose = () => null,
+    onAfterOpen = () => null,
+    onConfirm = () => null,
+    onReject = () => null,
+    rejectLabel = 'Discard',
+    confirmLabel = 'Save',
+    shouldCloseOnOverlayClick = false,
+    appElement = '#root',
+    zIndex = 10,
+    removePadding = false
+  } = _ref;
+
+  if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && document && ReactModal__default["default"].setAppElement) {
+    ReactModal__default["default"].setAppElement(appElement);
   }
 
-  var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('modal-v2', className, {
-    size: size
-  }),
-      cssClassName = _convertPropToCssClas.cssClassName,
-      classNameBlock = _convertPropToCssClas.classNameBlock,
-      classNameModifier = _convertPropToCssClas.classNameModifier;
-
-  return /*#__PURE__*/React__default['default'].createElement(ReactModal__default['default'], {
+  const {
+    cssClassName,
+    classNameBlock,
+    classNameModifier
+  } = dsClassnames.convertPropToCssClassName('modal-v2', className, {
+    size
+  });
+  return /*#__PURE__*/_jsx__default["default"](ReactModal__default["default"], {
     testId: dataTestId,
     className: "".concat(cssClassName, " ").concat(classNameBlock("type-".concat(modalType))),
     contentLabel: modalTitle,
@@ -122,10 +85,10 @@ var DSModal = function DSModal(_ref) {
       content: _objectSpread({}, style),
       overlay: {
         // 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
-        zIndex: zIndex
+        zIndex
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement(v2_components_ModalContent.DSModalContent, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ModalContent.DSModalContent, {
     actionsRef: actionsRef,
     additionalFooterCssClass: additionalFooterCssClass,
     confirmLabel: confirmLabel,
@@ -143,10 +106,10 @@ var DSModal = function DSModal(_ref) {
     showClose: showClose,
     showRejectButton: showRejectButton,
     removePadding: removePadding
-  }, children));
+  }, void 0, children));
 };
 
-var props = {
+const props = {
   /** inject props to container wrapper */
   containerProps: reactDesc.PropTypes.object.description('inject props to container wrapper'),
 
@@ -232,11 +195,9 @@ var props = {
   /** remove modal builtin padding */
   removePadding: reactDesc.PropTypes.bool.description('remove modal builtin padding')
 };
-DSModal.propTypes = props;
-var DSModalWithSchema = reactDesc.describe(DSModal);
+const DSModalWithSchema = reactDesc.describe(DSModal);
 DSModalWithSchema.propTypes = props;
 
-exports.DSModalContent = v2_components_ModalContent.DSModalContent;
+exports.DSModalContent = ModalContent.DSModalContent;
 exports.DSModalWithSchema = DSModalWithSchema;
-exports['default'] = DSModal;
-//# sourceMappingURL=DSModal.js.map
+exports["default"] = DSModal;

package/cjs/v2/blocks.js

@@ -2,57 +2,80 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var dsClassnames = require('@elliemae/ds-classnames');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-var blockName = 'modal-v2';
-var ModalHeader = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header', function (_ref) {
-  var _ref2;
-
-  var type = _ref.type,
-      showClose = _ref.showClose;
-  return _ref2 = {}, _defineProperty__default['default'](_ref2, type, type), _defineProperty__default['default'](_ref2, 'with-close', showClose), _ref2;
+const blockName = 'modal-v2';
+const ModalHeader = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header', _ref => {
+  let {
+    type,
+    showClose
+  } = _ref;
+  return {
+    [type]: type,
+    'with-close': showClose
+  };
 });
-var ModalHeaderTopRight = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header-close', function (_ref3) {
-  var type = _ref3.type;
-  return _defineProperty__default['default']({}, type, type);
+const ModalHeaderTopRight = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header-close', _ref2 => {
+  let {
+    type
+  } = _ref2;
+  return {
+    [type]: type
+  };
 });
-var ModalFeedback = dsClassnames.aggregatedClasses('div')(blockName, 'modal-feedback', function (_ref5) {
-  var type = _ref5.type;
-  return _defineProperty__default['default']({}, type, type);
+const ModalFeedback = dsClassnames.aggregatedClasses('div')(blockName, 'modal-feedback', _ref3 => {
+  let {
+    type
+  } = _ref3;
+  return {
+    [type]: type
+  };
 });
-var ModalTitle = dsClassnames.aggregatedClasses('h3')(blockName, 'modal-title', function (_ref7) {
-  var type = _ref7.type;
-  return _defineProperty__default['default']({}, type, type);
+const ModalTitle = dsClassnames.aggregatedClasses('h3')(blockName, 'modal-title', _ref4 => {
+  let {
+    type
+  } = _ref4;
+  return {
+    [type]: type
+  };
 });
-var ModalContent = dsClassnames.aggregatedClasses('div')(blockName, 'modal-content', function (_ref9) {
-  var _ref10;
-
-  var type = _ref9.type,
-      removePadding = _ref9.removePadding;
-  return _ref10 = {}, _defineProperty__default['default'](_ref10, type, type), _defineProperty__default['default'](_ref10, 'remove-padding', removePadding), _ref10;
+const ModalContent = dsClassnames.aggregatedClasses('div')(blockName, 'modal-content', _ref5 => {
+  let {
+    type,
+    removePadding
+  } = _ref5;
+  return {
+    [type]: type,
+    'remove-padding': removePadding
+  };
 });
-var ModalWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'modal-wrapper', function (_ref11) {
-  var _ref12;
-
-  var type = _ref11.type,
-      removePadding = _ref11.removePadding;
-  return _ref12 = {}, _defineProperty__default['default'](_ref12, type, type), _defineProperty__default['default'](_ref12, 'remove-padding', removePadding), _ref12;
+const ModalWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'modal-wrapper', _ref6 => {
+  let {
+    type,
+    removePadding
+  } = _ref6;
+  return {
+    [type]: type,
+    'remove-padding': removePadding
+  };
 });
-var ModalFooter = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer', function (_ref13) {
-  var _ref14;
-
-  var type = _ref13.type,
-      additionalFooterCssClass = _ref13.additionalFooterCssClass;
-  return _ref14 = {}, _defineProperty__default['default'](_ref14, type, type), _defineProperty__default['default'](_ref14, additionalFooterCssClass, additionalFooterCssClass), _ref14;
+const ModalFooter = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer', _ref7 => {
+  let {
+    type,
+    additionalFooterCssClass
+  } = _ref7;
+  return {
+    [type]: type,
+    [additionalFooterCssClass]: additionalFooterCssClass
+  };
 });
-var ModalFooterActions = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer-actions', function (_ref15) {
-  var type = _ref15.type;
-  return _defineProperty__default['default']({}, type, type);
+const ModalFooterActions = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer-actions', _ref8 => {
+  let {
+    type
+  } = _ref8;
+  return {
+    [type]: type
+  };
 });
 
 exports.ModalContent = ModalContent;
@@ -63,4 +86,3 @@ exports.ModalHeader = ModalHeader;
 exports.ModalHeaderTopRight = ModalHeaderTopRight;
 exports.ModalTitle = ModalTitle;
 exports.ModalWrapper = ModalWrapper;
-//# sourceMappingURL=blocks.js.map

package/cjs/v2/components/DecisionHeader.js

@@ -2,37 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
-var v2_blocks = require('../blocks.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-classnames');
+var blocks = require('../blocks.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-/* eslint-disable max-lines */
-var DecisionHeader = function DecisionHeader(_ref) {
-  var onClose = _ref.onClose,
-      showClose = _ref.showClose;
-  return /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalHeader, {
+var _Close;
+const DecisionHeader = _ref => {
+  let {
+    onClose,
+    showClose
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
     classProps: {
       type: 'decision',
-      showClose: showClose
+      showClose
     }
-  }, showClose && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+  }, void 0, showClose && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     buttonType: "link",
     containerProps: {
       'data-testid': 'modal-button-close'
     },
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Close, null),
+    icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
     onClick: onClose
   }));
 };
 
 exports.DecisionHeader = DecisionHeader;
-exports['default'] = DecisionHeader;
-//# sourceMappingURL=DecisionHeader.js.map
+exports["default"] = DecisionHeader;

package/cjs/v2/components/FeedbackIcon.js

@@ -2,62 +2,63 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var constants = require('../../constants.js');
-var v2_blocks = require('../blocks.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-classnames');
+var blocks = require('../blocks.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var feedbackIconSize = 'xxl';
+var _WarningTriangle, _ErrorHexegon, _CheckmarkCircle, _InfoCircle, _HelpCircle;
+const feedbackIconSize = 'xxl';
 
-var getIconType = function getIconType(subtype) {
+const getIconType = subtype => {
   switch (subtype) {
     case constants.MODAL_SUB_TYPE_V2.WARNING:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.WarningTriangle, {
+      return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningTriangle, {
         "data-testid": "icon-waring",
         size: feedbackIconSize
-      });
+      }));
 
     case constants.MODAL_SUB_TYPE_V2.ERROR:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.ErrorHexegon, {
+      return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx__default["default"](dsIcons.ErrorHexegon, {
         "data-testid": "icon-error",
         size: feedbackIconSize
-      });
+      }));
 
     case constants.MODAL_SUB_TYPE_V2.SUCCESS:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.CheckmarkCircle, {
+      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
         "data-testid": "icon-success",
         size: feedbackIconSize
-      });
+      }));
 
     case constants.MODAL_SUB_TYPE_V2.INFORMATION:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.InfoCircle, {
+      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
         "data-testid": "icon-information",
         size: feedbackIconSize
-      });
+      }));
 
     default:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.HelpCircle, {
+      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
         "data-testid": "icon-help",
         size: feedbackIconSize
-      });
+      }));
   }
 };
 
-var FeedbackIcon = function FeedbackIcon(_ref) {
-  var modalSubType = _ref.modalSubType;
-  return /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalFeedback, {
+const FeedbackIcon = _ref => {
+  let {
+    modalSubType
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalFeedback, {
     classProps: {
       type: modalSubType
     }
-  }, getIconType(modalSubType));
+  }, void 0, getIconType(modalSubType));
 };
 
 exports.FeedbackIcon = FeedbackIcon;
-exports['default'] = FeedbackIcon;
-//# sourceMappingURL=FeedbackIcon.js.map
+exports["default"] = FeedbackIcon;

package/cjs/v2/components/Footer.js

@@ -2,55 +2,65 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
 var DSButton = require('@elliemae/ds-button');
-var v2_blocks = require('../blocks.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-classnames');
+var blocks = require('../blocks.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var Footer = function Footer(_ref) {
-  var additionalFooterCssClass = _ref.additionalFooterCssClass,
-      actionsRef = _ref.actionsRef,
-      rejectLabel = _ref.rejectLabel,
-      onReject = _ref.onReject,
-      overridePropsRejectButton = _ref.overridePropsRejectButton,
-      confirmLabel = _ref.confirmLabel,
-      onConfirm = _ref.onConfirm,
-      overridePropsConfirmButton = _ref.overridePropsConfirmButton,
-      showRejectButton = _ref.showRejectButton;
-  return /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalFooter, {
+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; }
+
+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; }
+const Footer = _ref => {
+  let {
+    additionalFooterCssClass,
+    actionsRef,
+    rejectLabel,
+    onReject,
+    overridePropsRejectButton,
+    confirmLabel,
+    onConfirm,
+    overridePropsConfirmButton,
+    showRejectButton
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalFooter, {
     classProps: {
-      additionalFooterCssClass: additionalFooterCssClass
+      additionalFooterCssClass
     },
     "data-testid": "modal-footer-wrapper"
-  }, /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalFooterActions, {
-    ref: actionsRef
-  }, showRejectButton === true && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({
-    buttonType: "secondary",
-    className: "action-reject",
-    containerProps: {
-      'data-testid': 'modal-footer-reject-btn'
-    },
-    labelText: rejectLabel,
-    onClick: onReject
-  }, overridePropsRejectButton)), /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({
-    buttonType: "primary",
-    className: "action-confirm",
-    containerProps: {
-      'data-testid': 'modal-footer-confirm-btn'
-    },
-    labelText: confirmLabel,
-    onClick: onConfirm
-  }, overridePropsConfirmButton))));
+  }, void 0, /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalFooterActions, {
+    ref: actionsRef,
+    children: [showRejectButton === true && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
+      buttonType: "secondary",
+      className: "action-reject",
+      containerProps: {
+        'data-testid': 'modal-footer-reject-btn'
+      },
+      labelText: rejectLabel,
+      onClick: onReject
+    }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
+      buttonType: "primary",
+      className: "action-confirm",
+      containerProps: {
+        'data-testid': 'modal-footer-confirm-btn'
+      },
+      labelText: confirmLabel,
+      onClick: onConfirm
+    }, overridePropsConfirmButton))]
+  }));
 };
 
 exports.Footer = Footer;
-exports['default'] = Footer;
-//# sourceMappingURL=Footer.js.map
+exports["default"] = Footer;