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

package/cjs/v2/DSModal.js

@@ -2,114 +2,70 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 = ({
+  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
+}) => {
+  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 +78,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 +99,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 +188,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,58 +2,57 @@
 
 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;
-});
-var ModalHeaderTopRight = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header-close', function (_ref3) {
-  var type = _ref3.type;
-  return _defineProperty__default['default']({}, type, type);
-});
-var ModalFeedback = dsClassnames.aggregatedClasses('div')(blockName, 'modal-feedback', function (_ref5) {
-  var type = _ref5.type;
-  return _defineProperty__default['default']({}, type, type);
-});
-var ModalTitle = dsClassnames.aggregatedClasses('h3')(blockName, 'modal-title', function (_ref7) {
-  var type = _ref7.type;
-  return _defineProperty__default['default']({}, 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;
-});
-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;
-});
-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;
-});
-var ModalFooterActions = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer-actions', function (_ref15) {
-  var type = _ref15.type;
-  return _defineProperty__default['default']({}, type, type);
-});
+const blockName = 'modal-v2';
+const ModalHeader = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header', ({
+  type,
+  showClose
+}) => ({
+  [type]: type,
+  'with-close': showClose
+}));
+const ModalHeaderTopRight = dsClassnames.aggregatedClasses('div')(blockName, 'modal-header-close', ({
+  type
+}) => ({
+  [type]: type
+}));
+const ModalFeedback = dsClassnames.aggregatedClasses('div')(blockName, 'modal-feedback', ({
+  type
+}) => ({
+  [type]: type
+}));
+const ModalTitle = dsClassnames.aggregatedClasses('h3')(blockName, 'modal-title', ({
+  type
+}) => ({
+  [type]: type
+}));
+const ModalContent = dsClassnames.aggregatedClasses('div')(blockName, 'modal-content', ({
+  type,
+  removePadding
+}) => ({
+  [type]: type,
+  'remove-padding': removePadding
+}));
+const ModalWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'modal-wrapper', ({
+  type,
+  removePadding
+}) => ({
+  [type]: type,
+  'remove-padding': removePadding
+}));
+const ModalFooter = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer', ({
+  type,
+  additionalFooterCssClass
+}) => ({
+  [type]: type,
+  [additionalFooterCssClass]: additionalFooterCssClass
+}));
+const ModalFooterActions = dsClassnames.aggregatedClasses('div')(blockName, 'modal-footer-actions', ({
+  type
+}) => ({
+  [type]: type
+}));
 
 exports.ModalContent = ModalContent;
 exports.ModalFeedback = ModalFeedback;
@@ -63,4 +62,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,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = 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 _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var CloseIcon = require('@elliemae/ds-icons/Close');
+var DSButton = require('@elliemae/ds-basic/Button');
+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 CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
 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, {
-    classProps: {
-      type: 'decision',
-      showClose: showClose
-    }
-  }, showClose && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
-    buttonType: "link",
-    containerProps: {
-      'data-testid': 'modal-button-close'
-    },
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Close, null),
-    onClick: onClose
-  }));
-};
+var _CloseIcon;
+const DecisionHeader = ({
+  onClose,
+  showClose
+}) => /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
+  classProps: {
+    type: 'decision',
+    showClose
+  }
+}, void 0, showClose && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+  buttonType: "link",
+  containerProps: {
+    'data-testid': 'modal-button-close'
+  },
+  icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx__default["default"](CloseIcon__default["default"], {})),
+  onClick: onClose
+}));
 
 exports.DecisionHeader = DecisionHeader;
-exports['default'] = DecisionHeader;
-//# sourceMappingURL=DecisionHeader.js.map
+exports["default"] = DecisionHeader;

package/cjs/v2/components/FeedbackIcon.js

@@ -2,62 +2,69 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var ErrorHexegon = require('@elliemae/ds-icons/ErrorHexegon');
+var WarningTriangle = require('@elliemae/ds-icons/WarningTriangle');
+var CheckmarkCircle = require('@elliemae/ds-icons/CheckmarkCircle');
+var HelpCircle = require('@elliemae/ds-icons/HelpCircle');
+var InfoCircle = require('@elliemae/ds-icons/InfoCircle');
 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 ErrorHexegon__default = /*#__PURE__*/_interopDefaultLegacy(ErrorHexegon);
+var WarningTriangle__default = /*#__PURE__*/_interopDefaultLegacy(WarningTriangle);
+var CheckmarkCircle__default = /*#__PURE__*/_interopDefaultLegacy(CheckmarkCircle);
+var HelpCircle__default = /*#__PURE__*/_interopDefaultLegacy(HelpCircle);
+var InfoCircle__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircle);
 
-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"](WarningTriangle__default["default"], {
         "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"](ErrorHexegon__default["default"], {
         "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"](CheckmarkCircle__default["default"], {
         "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"](InfoCircle__default["default"], {
         "data-testid": "icon-information",
         size: feedbackIconSize
-      });
+      }));
 
     default:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.HelpCircle, {
+      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](HelpCircle__default["default"], {
         "data-testid": "icon-help",
         size: feedbackIconSize
-      });
+      }));
   }
 };
 
-var FeedbackIcon = function FeedbackIcon(_ref) {
-  var modalSubType = _ref.modalSubType;
-  return /*#__PURE__*/React__default['default'].createElement(v2_blocks.ModalFeedback, {
-    classProps: {
-      type: modalSubType
-    }
-  }, getIconType(modalSubType));
-};
+const FeedbackIcon = ({
+  modalSubType
+}) => /*#__PURE__*/_jsx__default["default"](blocks.ModalFeedback, {
+  classProps: {
+    type: 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,37 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
-var DSButton = require('@elliemae/ds-button');
-var v2_blocks = require('../blocks.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-classnames');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
+var DSButton = require('@elliemae/ds-basic/Button');
+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, {
-    classProps: {
-      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']({
+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 = ({
+  additionalFooterCssClass,
+  actionsRef,
+  rejectLabel,
+  onReject,
+  overridePropsRejectButton,
+  confirmLabel,
+  onConfirm,
+  overridePropsConfirmButton,
+  showRejectButton
+}) => /*#__PURE__*/_jsx__default["default"](blocks.ModalFooter, {
+  classProps: {
+    additionalFooterCssClass
+  },
+  "data-testid": "modal-footer-wrapper"
+}, 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: {
@@ -40,7 +43,7 @@ var Footer = function Footer(_ref) {
     },
     labelText: rejectLabel,
     onClick: onReject
-  }, overridePropsRejectButton)), /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({
+  }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
     buttonType: "primary",
     className: "action-confirm",
     containerProps: {
@@ -48,9 +51,8 @@ var Footer = function Footer(_ref) {
     },
     labelText: confirmLabel,
     onClick: onConfirm
-  }, overridePropsConfirmButton))));
-};
+  }, overridePropsConfirmButton))]
+}));
 
 exports.Footer = Footer;
-exports['default'] = Footer;
-//# sourceMappingURL=Footer.js.map
+exports["default"] = Footer;