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

package/esm/v2/DSModal.js

@@ -1,106 +1,62 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React from 'react';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import ReactModal from 'react-modal';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { MODAL_TYPE_V2 } from '../constants.js';
 import { DSModalContent } from './components/ModalContent.js';
 export { DSModalContent } from './components/ModalContent.js';
-import './components/SelectionHeader.js';
-import '@elliemae/ds-form';
-import './blocks.js';
-import './components/Title.js';
-import './components/DecisionHeader.js';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import './components/FormHeader.js';
-import './components/FeedbackIcon.js';
-import './components/Footer.js';
-import '@babel/runtime/helpers/esm/extends';
-import './helpers.js';
 
 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(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 ? 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;
-
+const DSModal = ({
+  containerProps = {},
+  className = '',
+  style = {},
+  size = 'default',
+  //
+  modalType = 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.setAppElement) {
     ReactModal.setAppElement(appElement);
   }
 
-  var _convertPropToCssClas = convertPropToCssClassName('modal-v2', className, {
-    size: size
-  }),
-      cssClassName = _convertPropToCssClas.cssClassName,
-      classNameBlock = _convertPropToCssClas.classNameBlock,
-      classNameModifier = _convertPropToCssClas.classNameModifier;
-
-  return /*#__PURE__*/React.createElement(ReactModal, {
+  const {
+    cssClassName,
+    classNameBlock,
+    classNameModifier
+  } = convertPropToCssClassName('modal-v2', className, {
+    size
+  });
+  return /*#__PURE__*/_jsx(ReactModal, {
     testId: dataTestId,
     className: "".concat(cssClassName, " ").concat(classNameBlock("type-".concat(modalType))),
     contentLabel: modalTitle,
@@ -113,10 +69,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.createElement(DSModalContent, {
+  }, void 0, /*#__PURE__*/_jsx(DSModalContent, {
     actionsRef: actionsRef,
     additionalFooterCssClass: additionalFooterCssClass,
     confirmLabel: confirmLabel,
@@ -134,10 +90,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: PropTypes.object.description('inject props to container wrapper'),
 
@@ -223,9 +179,7 @@ var props = {
   /** remove modal builtin padding */
   removePadding: PropTypes.bool.description('remove modal builtin padding')
 };
-DSModal.propTypes = props;
-var DSModalWithSchema = describe(DSModal);
+const DSModalWithSchema = describe(DSModal);
 DSModalWithSchema.propTypes = props;
 
 export { DSModalWithSchema, DSModal as default };
-//# sourceMappingURL=DSModal.js.map

package/esm/v2/blocks.js

@@ -1,51 +1,53 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
-var blockName = 'modal-v2';
-var ModalHeader = aggregatedClasses('div')(blockName, 'modal-header', function (_ref) {
-  var _ref2;
-
-  var type = _ref.type,
-      showClose = _ref.showClose;
-  return _ref2 = {}, _defineProperty(_ref2, type, type), _defineProperty(_ref2, 'with-close', showClose), _ref2;
-});
-var ModalHeaderTopRight = aggregatedClasses('div')(blockName, 'modal-header-close', function (_ref3) {
-  var type = _ref3.type;
-  return _defineProperty({}, type, type);
-});
-var ModalFeedback = aggregatedClasses('div')(blockName, 'modal-feedback', function (_ref5) {
-  var type = _ref5.type;
-  return _defineProperty({}, type, type);
-});
-var ModalTitle = aggregatedClasses('h3')(blockName, 'modal-title', function (_ref7) {
-  var type = _ref7.type;
-  return _defineProperty({}, type, type);
-});
-var ModalContent = aggregatedClasses('div')(blockName, 'modal-content', function (_ref9) {
-  var _ref10;
-
-  var type = _ref9.type,
-      removePadding = _ref9.removePadding;
-  return _ref10 = {}, _defineProperty(_ref10, type, type), _defineProperty(_ref10, 'remove-padding', removePadding), _ref10;
-});
-var ModalWrapper = aggregatedClasses('div')(blockName, 'modal-wrapper', function (_ref11) {
-  var _ref12;
-
-  var type = _ref11.type,
-      removePadding = _ref11.removePadding;
-  return _ref12 = {}, _defineProperty(_ref12, type, type), _defineProperty(_ref12, 'remove-padding', removePadding), _ref12;
-});
-var ModalFooter = aggregatedClasses('div')(blockName, 'modal-footer', function (_ref13) {
-  var _ref14;
-
-  var type = _ref13.type,
-      additionalFooterCssClass = _ref13.additionalFooterCssClass;
-  return _ref14 = {}, _defineProperty(_ref14, type, type), _defineProperty(_ref14, additionalFooterCssClass, additionalFooterCssClass), _ref14;
-});
-var ModalFooterActions = aggregatedClasses('div')(blockName, 'modal-footer-actions', function (_ref15) {
-  var type = _ref15.type;
-  return _defineProperty({}, type, type);
-});
+const blockName = 'modal-v2';
+const ModalHeader = aggregatedClasses('div')(blockName, 'modal-header', ({
+  type,
+  showClose
+}) => ({
+  [type]: type,
+  'with-close': showClose
+}));
+const ModalHeaderTopRight = aggregatedClasses('div')(blockName, 'modal-header-close', ({
+  type
+}) => ({
+  [type]: type
+}));
+const ModalFeedback = aggregatedClasses('div')(blockName, 'modal-feedback', ({
+  type
+}) => ({
+  [type]: type
+}));
+const ModalTitle = aggregatedClasses('h3')(blockName, 'modal-title', ({
+  type
+}) => ({
+  [type]: type
+}));
+const ModalContent = aggregatedClasses('div')(blockName, 'modal-content', ({
+  type,
+  removePadding
+}) => ({
+  [type]: type,
+  'remove-padding': removePadding
+}));
+const ModalWrapper = aggregatedClasses('div')(blockName, 'modal-wrapper', ({
+  type,
+  removePadding
+}) => ({
+  [type]: type,
+  'remove-padding': removePadding
+}));
+const ModalFooter = aggregatedClasses('div')(blockName, 'modal-footer', ({
+  type,
+  additionalFooterCssClass
+}) => ({
+  [type]: type,
+  [additionalFooterCssClass]: additionalFooterCssClass
+}));
+const ModalFooterActions = aggregatedClasses('div')(blockName, 'modal-footer-actions', ({
+  type
+}) => ({
+  [type]: type
+}));
 
 export { ModalContent, ModalFeedback, ModalFooter, ModalFooterActions, ModalHeader, ModalHeaderTopRight, ModalTitle, ModalWrapper };
-//# sourceMappingURL=blocks.js.map

package/esm/v2/components/DecisionHeader.js

@@ -1,28 +1,25 @@
-import React from 'react';
-import { Close } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import CloseIcon from '@elliemae/ds-icons/Close';
+import DSButton from '@elliemae/ds-basic/Button';
 import { ModalHeader } from '../blocks.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
 
-/* eslint-disable max-lines */
-var DecisionHeader = function DecisionHeader(_ref) {
-  var onClose = _ref.onClose,
-      showClose = _ref.showClose;
-  return /*#__PURE__*/React.createElement(ModalHeader, {
-    classProps: {
-      type: 'decision',
-      showClose: showClose
-    }
-  }, showClose && /*#__PURE__*/React.createElement(DSButton, {
-    buttonType: "link",
-    containerProps: {
-      'data-testid': 'modal-button-close'
-    },
-    icon: /*#__PURE__*/React.createElement(Close, null),
-    onClick: onClose
-  }));
-};
+var _CloseIcon;
+const DecisionHeader = ({
+  onClose,
+  showClose
+}) => /*#__PURE__*/_jsx(ModalHeader, {
+  classProps: {
+    type: 'decision',
+    showClose
+  }
+}, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
+  buttonType: "link",
+  containerProps: {
+    'data-testid': 'modal-button-close'
+  },
+  icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx(CloseIcon, {})),
+  onClick: onClose
+}));
 
 export { DecisionHeader, DecisionHeader as default };
-//# sourceMappingURL=DecisionHeader.js.map

package/esm/v2/components/FeedbackIcon.js

@@ -1,54 +1,56 @@
-import React from 'react';
-import { HelpCircle, InfoCircle, CheckmarkCircle, ErrorHexegon, WarningTriangle } from '@elliemae/ds-icons';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import ErrorHexegon from '@elliemae/ds-icons/ErrorHexegon';
+import WarningTriangle from '@elliemae/ds-icons/WarningTriangle';
+import CheckmarkCircle from '@elliemae/ds-icons/CheckmarkCircle';
+import HelpCircle from '@elliemae/ds-icons/HelpCircle';
+import InfoCircle from '@elliemae/ds-icons/InfoCircle';
 import { MODAL_SUB_TYPE_V2 } from '../../constants.js';
 import { ModalFeedback } from '../blocks.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
 
-var feedbackIconSize = 'xxl';
+var _WarningTriangle, _ErrorHexegon, _CheckmarkCircle, _InfoCircle, _HelpCircle;
+const feedbackIconSize = 'xxl';
 
-var getIconType = function getIconType(subtype) {
+const getIconType = subtype => {
   switch (subtype) {
     case MODAL_SUB_TYPE_V2.WARNING:
-      return /*#__PURE__*/React.createElement(WarningTriangle, {
+      return _WarningTriangle || (_WarningTriangle = /*#__PURE__*/_jsx(WarningTriangle, {
         "data-testid": "icon-waring",
         size: feedbackIconSize
-      });
+      }));
 
     case MODAL_SUB_TYPE_V2.ERROR:
-      return /*#__PURE__*/React.createElement(ErrorHexegon, {
+      return _ErrorHexegon || (_ErrorHexegon = /*#__PURE__*/_jsx(ErrorHexegon, {
         "data-testid": "icon-error",
         size: feedbackIconSize
-      });
+      }));
 
     case MODAL_SUB_TYPE_V2.SUCCESS:
-      return /*#__PURE__*/React.createElement(CheckmarkCircle, {
+      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx(CheckmarkCircle, {
         "data-testid": "icon-success",
         size: feedbackIconSize
-      });
+      }));
 
     case MODAL_SUB_TYPE_V2.INFORMATION:
-      return /*#__PURE__*/React.createElement(InfoCircle, {
+      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx(InfoCircle, {
         "data-testid": "icon-information",
         size: feedbackIconSize
-      });
+      }));
 
     default:
-      return /*#__PURE__*/React.createElement(HelpCircle, {
+      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx(HelpCircle, {
         "data-testid": "icon-help",
         size: feedbackIconSize
-      });
+      }));
   }
 };
 
-var FeedbackIcon = function FeedbackIcon(_ref) {
-  var modalSubType = _ref.modalSubType;
-  return /*#__PURE__*/React.createElement(ModalFeedback, {
-    classProps: {
-      type: modalSubType
-    }
-  }, getIconType(modalSubType));
-};
+const FeedbackIcon = ({
+  modalSubType
+}) => /*#__PURE__*/_jsx(ModalFeedback, {
+  classProps: {
+    type: modalSubType
+  }
+}, void 0, getIconType(modalSubType));
 
 export { FeedbackIcon, FeedbackIcon as default };
-//# sourceMappingURL=FeedbackIcon.js.map

package/esm/v2/components/Footer.js

@@ -1,28 +1,31 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
-import DSButton from '@elliemae/ds-button';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
+import DSButton from '@elliemae/ds-basic/Button';
 import { ModalFooter, ModalFooterActions } from '../blocks.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-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.createElement(ModalFooter, {
-    classProps: {
-      additionalFooterCssClass: additionalFooterCssClass
-    },
-    "data-testid": "modal-footer-wrapper"
-  }, /*#__PURE__*/React.createElement(ModalFooterActions, {
-    ref: actionsRef
-  }, showRejectButton === true && /*#__PURE__*/React.createElement(DSButton, _extends({
+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(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(ModalFooter, {
+  classProps: {
+    additionalFooterCssClass
+  },
+  "data-testid": "modal-footer-wrapper"
+}, void 0, /*#__PURE__*/jsxs(ModalFooterActions, {
+  ref: actionsRef,
+  children: [showRejectButton === true && /*#__PURE__*/jsx(DSButton, _objectSpread({
     buttonType: "secondary",
     className: "action-reject",
     containerProps: {
@@ -30,7 +33,7 @@ var Footer = function Footer(_ref) {
     },
     labelText: rejectLabel,
     onClick: onReject
-  }, overridePropsRejectButton)), /*#__PURE__*/React.createElement(DSButton, _extends({
+  }, overridePropsRejectButton)), /*#__PURE__*/jsx(DSButton, _objectSpread({
     buttonType: "primary",
     className: "action-confirm",
     containerProps: {
@@ -38,8 +41,7 @@ var Footer = function Footer(_ref) {
     },
     labelText: confirmLabel,
     onClick: onConfirm
-  }, overridePropsConfirmButton))));
-};
+  }, overridePropsConfirmButton))]
+}));
 
 export { Footer, Footer as default };
-//# sourceMappingURL=Footer.js.map

package/esm/v2/components/FormHeader.js

@@ -1,37 +1,34 @@
-import React from 'react';
-import { Close } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import CloseIcon from '@elliemae/ds-icons/Close';
+import DSButton from '@elliemae/ds-basic/Button';
 import { ModalHeader, ModalHeaderTopRight } from '../blocks.js';
 import { Title } from './Title.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-classnames';
 
-/* eslint-disable max-lines */
-var FormHeader = function FormHeader(_ref) {
-  var showClose = _ref.showClose,
-      modalTitle = _ref.modalTitle,
-      modalType = _ref.modalType,
-      onClose = _ref.onClose;
-  return /*#__PURE__*/React.createElement(ModalHeader, {
-    classProps: {
-      type: 'selection'
-    }
-  }, /*#__PURE__*/React.createElement(Title, {
-    modalTitle: modalTitle,
-    modalType: modalType
-  }), /*#__PURE__*/React.createElement(ModalHeaderTopRight, {
-    classProps: {
-      type: 'form'
-    }
-  }, showClose && /*#__PURE__*/React.createElement(DSButton, {
-    buttonType: "link",
-    containerProps: {
-      'data-testid': 'modal-close-btn'
-    },
-    icon: /*#__PURE__*/React.createElement(Close, null),
-    onClick: onClose
-  })));
-};
+var _CloseIcon;
+const FormHeader = ({
+  showClose,
+  modalTitle,
+  modalType,
+  onClose
+}) => /*#__PURE__*/_jsx(ModalHeader, {
+  classProps: {
+    type: 'selection'
+  }
+}, void 0, /*#__PURE__*/_jsx(Title, {
+  modalTitle: modalTitle,
+  modalType: modalType
+}), /*#__PURE__*/_jsx(ModalHeaderTopRight, {
+  classProps: {
+    type: 'form'
+  }
+}, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
+  buttonType: "link",
+  containerProps: {
+    'data-testid': 'modal-close-btn'
+  },
+  icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx(CloseIcon, {})),
+  onClick: onClose
+})));
 
 export { FormHeader, FormHeader as default };
-//# sourceMappingURL=FormHeader.js.map