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

package/esm/v2/DSModal.js

@@ -1,106 +1,69 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+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 = _ref => {
+  let {
+    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
+  } = _ref;
 
   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 +76,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 +97,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 +186,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,77 @@
-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;
+const blockName = 'modal-v2';
+const ModalHeader = aggregatedClasses('div')(blockName, 'modal-header', _ref => {
+  let {
+    type,
+    showClose
+  } = _ref;
+  return {
+    [type]: type,
+    'with-close': showClose
+  };
 });
-var ModalHeaderTopRight = aggregatedClasses('div')(blockName, 'modal-header-close', function (_ref3) {
-  var type = _ref3.type;
-  return _defineProperty({}, type, type);
+const ModalHeaderTopRight = aggregatedClasses('div')(blockName, 'modal-header-close', _ref2 => {
+  let {
+    type
+  } = _ref2;
+  return {
+    [type]: type
+  };
 });
-var ModalFeedback = aggregatedClasses('div')(blockName, 'modal-feedback', function (_ref5) {
-  var type = _ref5.type;
-  return _defineProperty({}, type, type);
+const ModalFeedback = aggregatedClasses('div')(blockName, 'modal-feedback', _ref3 => {
+  let {
+    type
+  } = _ref3;
+  return {
+    [type]: type
+  };
 });
-var ModalTitle = aggregatedClasses('h3')(blockName, 'modal-title', function (_ref7) {
-  var type = _ref7.type;
-  return _defineProperty({}, type, type);
+const ModalTitle = aggregatedClasses('h3')(blockName, 'modal-title', _ref4 => {
+  let {
+    type
+  } = _ref4;
+  return {
+    [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;
+const ModalContent = aggregatedClasses('div')(blockName, 'modal-content', _ref5 => {
+  let {
+    type,
+    removePadding
+  } = _ref5;
+  return {
+    [type]: type,
+    'remove-padding': removePadding
+  };
 });
-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;
+const ModalWrapper = aggregatedClasses('div')(blockName, 'modal-wrapper', _ref6 => {
+  let {
+    type,
+    removePadding
+  } = _ref6;
+  return {
+    [type]: type,
+    'remove-padding': removePadding
+  };
 });
-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;
+const ModalFooter = aggregatedClasses('div')(blockName, 'modal-footer', _ref7 => {
+  let {
+    type,
+    additionalFooterCssClass
+  } = _ref7;
+  return {
+    [type]: type,
+    [additionalFooterCssClass]: additionalFooterCssClass
+  };
 });
-var ModalFooterActions = aggregatedClasses('div')(blockName, 'modal-footer-actions', function (_ref15) {
-  var type = _ref15.type;
-  return _defineProperty({}, type, type);
+const ModalFooterActions = aggregatedClasses('div')(blockName, 'modal-footer-actions', _ref8 => {
+  let {
+    type
+  } = _ref8;
+  return {
+    [type]: type
+  };
 });
 
 export { ModalContent, ModalFeedback, ModalFooter, ModalFooterActions, ModalHeader, ModalHeaderTopRight, ModalTitle, ModalWrapper };
-//# sourceMappingURL=blocks.js.map

package/esm/v2/components/DecisionHeader.js

@@ -1,28 +1,28 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { Close } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-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, {
+var _Close;
+const DecisionHeader = _ref => {
+  let {
+    onClose,
+    showClose
+  } = _ref;
+  return /*#__PURE__*/_jsx(ModalHeader, {
     classProps: {
       type: 'decision',
-      showClose: showClose
+      showClose
     }
-  }, showClose && /*#__PURE__*/React.createElement(DSButton, {
+  }, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
     buttonType: "link",
     containerProps: {
       'data-testid': 'modal-button-close'
     },
-    icon: /*#__PURE__*/React.createElement(Close, null),
+    icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
     onClick: onClose
   }));
 };
 
 export { DecisionHeader, DecisionHeader as default };
-//# sourceMappingURL=DecisionHeader.js.map

package/esm/v2/components/FeedbackIcon.js

@@ -1,54 +1,55 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { HelpCircle, InfoCircle, CheckmarkCircle, ErrorHexegon, WarningTriangle } from '@elliemae/ds-icons';
 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, {
+const FeedbackIcon = _ref => {
+  let {
+    modalSubType
+  } = _ref;
+  return /*#__PURE__*/_jsx(ModalFeedback, {
     classProps: {
       type: modalSubType
     }
-  }, getIconType(modalSubType));
+  }, void 0, getIconType(modalSubType));
 };
 
 export { FeedbackIcon, FeedbackIcon as default };
-//# sourceMappingURL=FeedbackIcon.js.map

package/esm/v2/components/Footer.js

@@ -1,45 +1,55 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
 import DSButton from '@elliemae/ds-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, {
+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 = _ref => {
+  let {
+    additionalFooterCssClass,
+    actionsRef,
+    rejectLabel,
+    onReject,
+    overridePropsRejectButton,
+    confirmLabel,
+    onConfirm,
+    overridePropsConfirmButton,
+    showRejectButton
+  } = _ref;
+  return /*#__PURE__*/_jsx(ModalFooter, {
     classProps: {
-      additionalFooterCssClass: additionalFooterCssClass
+      additionalFooterCssClass
     },
     "data-testid": "modal-footer-wrapper"
-  }, /*#__PURE__*/React.createElement(ModalFooterActions, {
-    ref: actionsRef
-  }, showRejectButton === true && /*#__PURE__*/React.createElement(DSButton, _extends({
-    buttonType: "secondary",
-    className: "action-reject",
-    containerProps: {
-      'data-testid': 'modal-footer-reject-btn'
-    },
-    labelText: rejectLabel,
-    onClick: onReject
-  }, overridePropsRejectButton)), /*#__PURE__*/React.createElement(DSButton, _extends({
-    buttonType: "primary",
-    className: "action-confirm",
-    containerProps: {
-      'data-testid': 'modal-footer-confirm-btn'
-    },
-    labelText: confirmLabel,
-    onClick: onConfirm
-  }, overridePropsConfirmButton))));
+  }, void 0, /*#__PURE__*/jsxs(ModalFooterActions, {
+    ref: actionsRef,
+    children: [showRejectButton === true && /*#__PURE__*/jsx(DSButton, _objectSpread({
+      buttonType: "secondary",
+      className: "action-reject",
+      containerProps: {
+        'data-testid': 'modal-footer-reject-btn'
+      },
+      labelText: rejectLabel,
+      onClick: onReject
+    }, overridePropsRejectButton)), /*#__PURE__*/jsx(DSButton, _objectSpread({
+      buttonType: "primary",
+      className: "action-confirm",
+      containerProps: {
+        'data-testid': 'modal-footer-confirm-btn'
+      },
+      labelText: confirmLabel,
+      onClick: onConfirm
+    }, overridePropsConfirmButton))]
+  }));
 };
 
 export { Footer, Footer as default };
-//# sourceMappingURL=Footer.js.map

package/esm/v2/components/FormHeader.js

@@ -1,37 +1,37 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { Close } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-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, {
+var _Close;
+const FormHeader = _ref => {
+  let {
+    showClose,
+    modalTitle,
+    modalType,
+    onClose
+  } = _ref;
+  return /*#__PURE__*/_jsx(ModalHeader, {
     classProps: {
       type: 'selection'
     }
-  }, /*#__PURE__*/React.createElement(Title, {
+  }, void 0, /*#__PURE__*/_jsx(Title, {
     modalTitle: modalTitle,
     modalType: modalType
-  }), /*#__PURE__*/React.createElement(ModalHeaderTopRight, {
+  }), /*#__PURE__*/_jsx(ModalHeaderTopRight, {
     classProps: {
       type: 'form'
     }
-  }, showClose && /*#__PURE__*/React.createElement(DSButton, {
+  }, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
     buttonType: "link",
     containerProps: {
       'data-testid': 'modal-close-btn'
     },
-    icon: /*#__PURE__*/React.createElement(Close, null),
+    icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
     onClick: onClose
   })));
 };
 
 export { FormHeader, FormHeader as default };
-//# sourceMappingURL=FormHeader.js.map