@elliemae/ds-modal 3.0.0-next.0 → 3.0.0-next.4

package/esm/v1/DSModal.js

@@ -1,139 +0,0 @@
-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 ReactModal from 'react-modal';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { DSIconSizes } from '@elliemae/ds-icon';
-import { Close } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { MODAL_TYPE } from '../constants.js';
-import ModalFeedBack from './ModalFeedBack/ModalFeedBack.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _Close;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSModal = _ref => {
-  let {
-    containerProps = {},
-    className = '',
-    dataTestId = 'ds-modal',
-    additionalFooterCssClass = '',
-    style = {},
-    iconCloseSize = DSIconSizes.S,
-    modalType = MODAL_TYPE.DEFAULT,
-    showHeader = true,
-    showFooter = true,
-    children,
-    centered = true,
-    confirmLabel = 'Accept',
-    modalTitle = '',
-    size = 'medium',
-    isOpen = false,
-    onClose = () => null,
-    onAfterOpen = () => null,
-    onConfirm = () => null,
-    onReject = () => null,
-    rejectLabel = 'Cancel',
-    shouldCloseOnOverlayClick = false,
-    hasError = false,
-    hasWarning = false,
-    hasSuccess = false,
-    hasInfo = false,
-    hasHelp = false,
-    actionsRef = () => null,
-    appElement = '#root',
-    overridePropsConfirmButton = {},
-    overridePropsRejectButton = {},
-    zIndex = 10
-  } = _ref;
-  // http://reactcommunity.org/react-modal/accessibility/ https://github.com/reactjs/react-modal#examples
-  typeof document !== 'undefined' && document && ReactModal.setAppElement && ReactModal.setAppElement(appElement); // eslint-disable-line
-
-  const {
-    cssClassName,
-    classNameElement,
-    classNameBlock,
-    classNameModifier,
-    classNameBlockModifier
-  } = convertPropToCssClassName('modal', className, {
-    hasError,
-    hasWarning,
-    hasSuccess,
-    modalType,
-    size
-  });
-  const {
-    WARNING,
-    ERROR,
-    SUCCESS,
-    HELP,
-    INFO
-  } = MODAL_TYPE;
-  const isAFeedbackType = [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;
-  const showFeedBack = isAFeedbackType || hasError || hasWarning || hasSuccess || hasInfo || hasHelp;
-  return /*#__PURE__*/_jsx(ReactModal, {
-    testId: dataTestId,
-    className: cssClassName,
-    contentLabel: modalTitle,
-    isOpen: isOpen,
-    onAfterOpen: onAfterOpen,
-    onRequestClose: onClose,
-    overlayClassName: "".concat(classNameBlock('overlay'), " ").concat(classNameModifier(centered && 'center')),
-    shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
-    style: {
-      content: _objectSpread({}, style),
-      overlay: {
-        zIndex
-      }
-    }
-  }, void 0, /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: [showHeader && /*#__PURE__*/_jsx("div", {
-      className: classNameBlock('modal-header')
-    }, void 0, /*#__PURE__*/_jsx("div", {
-      className: classNameElement('title', 'modal-header')
-    }, void 0, modalTitle), /*#__PURE__*/_jsx("div", {
-      className: classNameElement('icon', 'modal-header')
-    }, void 0, /*#__PURE__*/_jsx(DSButton, {
-      buttonType: "link",
-      icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
-      onClick: onClose,
-      size: iconCloseSize
-    }))), /*#__PURE__*/_jsx("div", {
-      className: classNameElement('body')
-    }, void 0, showFeedBack && /*#__PURE__*/_jsx(ModalFeedBack, {
-      hasError: hasError,
-      hasHelp: hasHelp,
-      hasInfo: hasInfo,
-      hasSuccess: hasSuccess,
-      hasWarning: hasWarning,
-      modalType: modalType
-    }), children), showFooter && !isAFeedbackType && /*#__PURE__*/_jsx("div", {
-      className: "".concat(classNameBlock('modal-footer'), " ").concat(additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : '')
-    }, void 0, /*#__PURE__*/jsxs("div", {
-      ref: actionsRef,
-      className: classNameBlock('modal-footer-actions'),
-      children: [modalType === MODAL_TYPE.CONFIRM && /*#__PURE__*/jsx(DSButton, _objectSpread({
-        buttonType: "secondary",
-        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('reject', 'button-action'), " "),
-        labelText: rejectLabel,
-        onClick: onReject
-      }, overridePropsRejectButton)), /*#__PURE__*/jsx(DSButton, _objectSpread({
-        buttonType: "primary",
-        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('confirm', 'button-action'), " "),
-        labelText: confirmLabel,
-        onClick: onConfirm
-      }, overridePropsConfirmButton))]
-    }))]
-  })));
-};
-
-export { DSModal as default };

package/esm/v1/DSModalType.js

@@ -1,3 +0,0 @@
-const modalTypes = [MODAL_TYPE.DEFAULT, MODAL_TYPE.ALERT, MODAL_TYPE.CONFIRM, MODAL_TYPE.NOTIFICATION, MODAL_TYPE.WARNING, MODAL_TYPE.ERROR, MODAL_TYPE.SUCCESS, MODAL_TYPE.HELP, MODAL_TYPE.INFO];
-
-export { modalTypes };

package/esm/v1/DSModalWrapper.js

@@ -1,160 +0,0 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { Component, createElement } from 'react';
-import { MODAL_TYPE } from '../constants.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var DSModalWrapper = (WrappedComponent => {
-  class DSModalWrapper extends Component {
-    constructor() {
-      super(...arguments);
-      this.state = {
-        childready: false,
-        additionalFooterCssClass: 'loading',
-        container: null,
-        actions: null,
-        height: '100%'
-      };
-
-      this.onHeaderHeight = e => {
-        this.heightHeaderFlag = true;
-        this.heightHeader = e.height || 0;
-      };
-
-      this.onFooterHeight = e => {
-        this.heightFooterFlag = true;
-        this.heightFooter = e.height || 0;
-      };
-
-      this.onResize = _ref => {
-        let {
-          bounds
-        } = _ref;
-
-        if (this.heightFooterFlag && this.heightHeaderFlag) {
-          return this.setState({
-            height: bounds.height - this.heightFooter - this.heightHeader
-          });
-        }
-
-        return setTimeout(this.onResize({
-          bounds
-        }), 0);
-      };
-
-      this.handleContainer = node => {
-        if (node) this.setState({
-          container: node
-        });
-        this.handleResize();
-      };
-
-      this.handleActions = node => {
-        if (node) this.setState({
-          actions: node
-        });
-        this.handleResize();
-      };
-    }
-
-    componentDidMount() {
-      window.addEventListener('resize', this.handleResize);
-    }
-
-    componentWillUnmount() {
-      window.removeEventListener('resize', this.handleResize);
-    }
-
-    /**
-     * Change button width to 100% if the
-     * combined width of the button (or button group) exceed 50% of the container width.
-     */
-    handleResize() {
-      if (!this.state) return null;
-      const {
-        container,
-        actions,
-        childready
-      } = this.state;
-      if (!childready) return null;
-      this.setState({
-        additionalFooterCssClass: null
-      }); // !important reset to default state to recalculate
-
-      const {
-        clientWidth: containerWidth
-      } = container;
-      const {
-        clientWidth: actionsWidth
-      } = actions; // Change button width to 100% if the combined width of the button (or button group) exceed 50% of the container width.
-
-      if (containerWidth && actionsWidth && actionsWidth / containerWidth * 100 > 50) {
-        return this.setState({
-          additionalFooterCssClass: 'fluid-actions'
-        });
-      }
-
-      return this.setState({
-        additionalFooterCssClass: null
-      });
-    }
-
-    verifyNodes() {
-      const {
-        modalType
-      } = this.props;
-
-      if (modalType !== MODAL_TYPE.DEFAULT) {
-        const nodesInterval = setInterval(() => {
-          // !important it checks when nodes are availables
-          const {
-            container,
-            actions
-          } = this.state;
-          if (!container || !actions) return null;
-          clearInterval(nodesInterval);
-          this.setState({
-            childready: true
-          });
-          return this.handleResize();
-        }, 100);
-      }
-    }
-
-    render() {
-      const {
-        props,
-        state
-      } = this;
-      const {
-        additionalFooterCssClass,
-        height
-      } = state;
-      return /*#__PURE__*/createElement(WrappedComponent, _objectSpread(_objectSpread({}, props), {}, {
-        height,
-        onResize: this.onResize,
-        onFooterHeight: this.onFooterHeight,
-        onHeaderHeight: this.onHeaderHeight,
-        containerRef: this.handleContainer,
-        actionsRef: this.handleActions,
-        additionalFooterCssClass,
-        onAfterOpen: () => {
-          if (props.onAfterOpen) props.onAfterOpen();
-          this.verifyNodes();
-        }
-      }));
-    }
-
-  }
-
-  return DSModalWrapper;
-});
-
-export { DSModalWrapper as default };

package/esm/v1/ModalFeedBack/ModalFeedBack.js

@@ -1,92 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { InfoCircle, HelpCircle, CheckmarkCircle, WarningCircle } from '@elliemae/ds-icons';
-import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { MODAL_TYPE } from '../../constants.js';
-
-var _WarningCircle, _CheckmarkCircle, _HelpCircle, _InfoCircle, _InfoCircle2;
-const feedbackIconSize = 'xxl';
-const {
-  WARNING,
-  ERROR,
-  SUCCESS,
-  HELP,
-  INFO
-} = MODAL_TYPE;
-
-const getModalType = (modalType, _ref) => {
-  let {
-    hasError,
-    hasWarning,
-    hasSuccess,
-    hasInfo,
-    hasHelp
-  } = _ref;
-  if ([WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1) return modalType;
-  if (hasError) return ERROR;
-  if (hasWarning) return WARNING;
-  if (hasSuccess) return SUCCESS;
-  if (hasHelp) return HELP;
-  if (hasInfo) return INFO;
-  return INFO;
-};
-
-const getIconType = modalType => {
-  switch (modalType) {
-    case WARNING:
-    case ERROR:
-      return _WarningCircle || (_WarningCircle = /*#__PURE__*/_jsx(WarningCircle, {
-        size: feedbackIconSize
-      }));
-
-    case SUCCESS:
-      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx(CheckmarkCircle, {
-        size: feedbackIconSize
-      }));
-
-    case HELP:
-      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx(HelpCircle, {
-        size: feedbackIconSize
-      }));
-
-    case INFO:
-      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx(InfoCircle, {
-        size: feedbackIconSize
-      }));
-
-    default:
-      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx(InfoCircle, {
-        size: feedbackIconSize
-      }));
-  }
-};
-
-const ModalFeedBack = _ref2 => {
-  let {
-    className = '',
-    modalType = null,
-    hasError = false,
-    hasWarning = false,
-    hasSuccess = false,
-    hasInfo = false,
-    hasHelp = false
-  } = _ref2;
-  const type = getModalType(modalType, {
-    hasError,
-    hasWarning,
-    hasSuccess,
-    hasInfo,
-    hasHelp
-  });
-  const {
-    cssClassName
-  } = convertPropToCssClassName('modal-feedback', className, {
-    modalType: type
-  });
-  const feedbackIcon = getIconType(type);
-  return /*#__PURE__*/_jsx("div", {
-    className: cssClassName
-  }, void 0, feedbackIcon);
-};
-
-export { ModalFeedBack as default };

package/esm/v2/DSModal.js

@@ -1,192 +0,0 @@
-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 { 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';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 = 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);
-  }
-
-  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,
-    isOpen: isOpen,
-    onAfterOpen: onAfterOpen,
-    onRequestClose: onClose,
-    overlayClassName: "".concat(classNameBlock('overlay'), " ").concat(classNameModifier(centered ? 'center' : 'top')),
-    shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
-    style: {
-      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
-      }
-    }
-  }, void 0, /*#__PURE__*/_jsx(DSModalContent, {
-    actionsRef: actionsRef,
-    additionalFooterCssClass: additionalFooterCssClass,
-    confirmLabel: confirmLabel,
-    containerProps: containerProps,
-    modalSubType: modalSubType,
-    modalTitle: modalTitle,
-    modalType: modalType,
-    onClose: onClose,
-    onConfirm: onConfirm,
-    onReject: onReject,
-    overridePropsConfirmButton: overridePropsConfirmButton,
-    overridePropsRejectButton: overridePropsRejectButton,
-    rejectLabel: rejectLabel,
-    searchProps: searchProps,
-    showClose: showClose,
-    showRejectButton: showRejectButton,
-    removePadding: removePadding
-  }, void 0, children));
-};
-
-const props = {
-  /** inject props to container wrapper */
-  containerProps: PropTypes.object.description('inject props to container wrapper'),
-
-  /** css class */
-  className: PropTypes.string.description('css class'),
-
-  /** style object for container wrapper */
-  style: PropTypes.object.description('style object for container wrapper'),
-
-  /** modal container title */
-  modalTitle: PropTypes.string.description('modal container title'),
-
-  /** center container */
-  centered: PropTypes.bool.description('center container'),
-
-  /** show reject button */
-  showRejectButton: PropTypes.bool.description('show reject button'),
-
-  /** show close button */
-  showClose: PropTypes.bool.description('show close button'),
-
-  /*
-    Props for search component
-  */
-  searchProps: PropTypes.object.description('Props for search component'),
-
-  /** css class for footer */
-  additionalFooterCssClass: PropTypes.string.description('css class for footer'),
-
-  /**  override props confirm button */
-  overridePropsConfirmButton: PropTypes.object.description('override props confirm button'),
-
-  /** override props reject button */
-  overridePropsRejectButton: PropTypes.object.description('override props reject button'),
-
-  /** controlled isOpen flag */
-  isOpen: PropTypes.bool.description('controlled isOpen flag'),
-
-  /** close callback */
-  onClose: PropTypes.func.description('close callback'),
-
-  /** after open callback */
-  onAfterOpen: PropTypes.func.description('after open callback'),
-
-  /** confirm callback */
-  onConfirm: PropTypes.func.description('confirm callback'),
-
-  /** reject callback */
-  onReject: PropTypes.func.description('reject callback'),
-
-  /** reject label */
-  rejectLabel: PropTypes.string.description('reject label'),
-
-  /** confirm text string */
-  confirmLabel: PropTypes.string.description('confirm text string'),
-
-  /** modal container size */
-  size: PropTypes.oneOf(['default', 'xx-large', 'x-large', 'large', 'medium', 'small']).description('modal container size'),
-
-  /** modal sub type */
-  modalSubType: PropTypes.any.description('modal sub type'),
-
-  /** modal type */
-  modalType: PropTypes.any.description('modal type'),
-
-  /** ref for modal footer actions */
-  actionsRef: PropTypes.any.description('ref for modal footer actions'),
-
-  /** modal container children */
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf([PropTypes.element])]).description('modal container children'),
-
-  /** close on click outside container */
-  shouldCloseOnOverlayClick: PropTypes.bool.description('close on click outside container'),
-
-  /*
-    App element ID to inject the modal
-  */
-  appElement: PropTypes.string.description('App element ID to inject the modal'),
-
-  /** zindex for modal container */
-  zIndex: PropTypes.number.description('zindex for modal container'),
-
-  /** remove modal builtin padding */
-  removePadding: PropTypes.bool.description('remove modal builtin padding')
-};
-const DSModalWithSchema = describe(DSModal);
-DSModalWithSchema.propTypes = props;
-
-export { DSModalWithSchema, DSModal as default };

package/esm/v2/blocks.js

@@ -1,77 +0,0 @@
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-
-const blockName = 'modal-v2';
-const ModalHeader = aggregatedClasses('div')(blockName, 'modal-header', _ref => {
-  let {
-    type,
-    showClose
-  } = _ref;
-  return {
-    [type]: type,
-    'with-close': showClose
-  };
-});
-const ModalHeaderTopRight = aggregatedClasses('div')(blockName, 'modal-header-close', _ref2 => {
-  let {
-    type
-  } = _ref2;
-  return {
-    [type]: type
-  };
-});
-const ModalFeedback = aggregatedClasses('div')(blockName, 'modal-feedback', _ref3 => {
-  let {
-    type
-  } = _ref3;
-  return {
-    [type]: type
-  };
-});
-const ModalTitle = aggregatedClasses('h3')(blockName, 'modal-title', _ref4 => {
-  let {
-    type
-  } = _ref4;
-  return {
-    [type]: type
-  };
-});
-const ModalContent = aggregatedClasses('div')(blockName, 'modal-content', _ref5 => {
-  let {
-    type,
-    removePadding
-  } = _ref5;
-  return {
-    [type]: type,
-    'remove-padding': removePadding
-  };
-});
-const ModalWrapper = aggregatedClasses('div')(blockName, 'modal-wrapper', _ref6 => {
-  let {
-    type,
-    removePadding
-  } = _ref6;
-  return {
-    [type]: type,
-    'remove-padding': removePadding
-  };
-});
-const ModalFooter = aggregatedClasses('div')(blockName, 'modal-footer', _ref7 => {
-  let {
-    type,
-    additionalFooterCssClass
-  } = _ref7;
-  return {
-    [type]: type,
-    [additionalFooterCssClass]: additionalFooterCssClass
-  };
-});
-const ModalFooterActions = aggregatedClasses('div')(blockName, 'modal-footer-actions', _ref8 => {
-  let {
-    type
-  } = _ref8;
-  return {
-    [type]: type
-  };
-});
-
-export { ModalContent, ModalFeedback, ModalFooter, ModalFooterActions, ModalHeader, ModalHeaderTopRight, ModalTitle, ModalWrapper };

package/esm/v2/components/DecisionHeader.js

@@ -1,28 +0,0 @@
-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';
-
-var _Close;
-const DecisionHeader = _ref => {
-  let {
-    onClose,
-    showClose
-  } = _ref;
-  return /*#__PURE__*/_jsx(ModalHeader, {
-    classProps: {
-      type: 'decision',
-      showClose
-    }
-  }, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
-    buttonType: "link",
-    containerProps: {
-      'data-testid': 'modal-button-close'
-    },
-    icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
-    onClick: onClose
-  }));
-};
-
-export { DecisionHeader, DecisionHeader as default };