@elliemae/ds-modal 2.3.0-next.3 → 3.0.0-alpha.0

package/cjs/DSModal.js

@@ -1,186 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var PropTypes = require('prop-types');
-var constants = require('./constants.js');
-var DSModal$2 = require('./v1/DSModal.js');
-var DSModal$1 = require('./v2/DSModal.js');
-var propTypes = require('@elliemae/ds-shared/prop-types');
-var jsxRuntime = require('react/jsx-runtime');
-var ModalContent = require('./v2/components/ModalContent.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-const _excluded = ["version"];
-
-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__default["default"](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 {
-    version = 1
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  if (version === 2) return /*#__PURE__*/jsxRuntime.jsx(DSModal$1["default"], _objectSpread({}, rest));
-  return /*#__PURE__*/jsxRuntime.jsx(DSModal$2, _objectSpread({}, rest));
-};
-
-DSModal$2.propTypes = {
-  version: PropTypes__default["default"].oneOf([1, 2]),
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Add an additional css class to the footer
-   */
-  additionalFooterCssClass: PropTypes__default["default"].string,
-
-  /**
-   * Set style for the modal
-   */
-  style: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
-
-  /**
-   * Select size for the close icon
-   */
-  iconCloseSize: PropTypes__default["default"].oneOf(propTypes.iconSizes),
-
-  /**
-   * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']
-   */
-  modalType: PropTypes__default["default"].oneOf(constants.modalTypes),
-
-  /**
-   * Show the header or not
-   */
-  showHeader: PropTypes__default["default"].bool,
-
-  /**
-   * Show the footer or not
-   */
-  showFooter: PropTypes__default["default"].bool,
-
-  /**
-   * Main content of the modal
-   */
-  children: PropTypes__default["default"].element.isRequired,
-
-  /**
-   * Content is centered or not
-   */
-  centered: PropTypes__default["default"].bool,
-
-  /**
-   * Text to be added in the confirm button
-   */
-  confirmLabel: PropTypes__default["default"].string,
-
-  /**
-   * Text to be added in the modal title
-   */
-  modalTitle: PropTypes__default["default"].string,
-
-  /**
-   * Text to be added in the modal title
-   */
-  size: PropTypes__default["default"].oneOf(propTypes.sizes),
-
-  /**
-   * Modal is open or not
-   */
-  isOpen: PropTypes__default["default"].bool,
-
-  /**
-   * Allows a function to be triggered once the modal is closed
-   */
-  onClose: PropTypes__default["default"].func,
-
-  /**
-   * Allows a function to be triggered once the modal is opened
-   */
-  onAfterOpen: PropTypes__default["default"].func,
-
-  /**
-   * Allows a function to be triggered once the modal open is confirmed
-   */
-  onConfirm: PropTypes__default["default"].func,
-
-  /**
-   * Allows a function to be triggered once the modal open is rejected
-   */
-  onReject: PropTypes__default["default"].func,
-
-  /**
-   * Text to be added in the reject button
-   */
-  rejectLabel: PropTypes__default["default"].string,
-
-  /**
-   * If modal should close on overlay click
-   */
-  shouldCloseOnOverlayClick: PropTypes__default["default"].bool,
-
-  /**
-   * Modal has error or not
-   */
-  hasError: PropTypes__default["default"].bool,
-
-  /**
-   * Modal has warning or not
-   */
-  hasWarning: PropTypes__default["default"].bool,
-
-  /**
-   * Modal has success or not
-   */
-  hasSuccess: PropTypes__default["default"].bool,
-
-  /**
-   * Modal has info or not
-   */
-  hasInfo: PropTypes__default["default"].bool,
-
-  /**
-   * Modal has help or not
-   */
-  hasHelp: PropTypes__default["default"].bool,
-  actionsRef: PropTypes__default["default"].func,
-  appElement: PropTypes__default["default"].string,
-
-  /**
-   * Customized props for the confirm button
-   */
-  overridePropsConfirmButton: PropTypes__default["default"].objectOf(PropTypes__default["default"].shape({})),
-
-  /**
-   * Customized props for the reject button
-   */
-  overridePropsRejectButton: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
-
-  /**
-   * Show confirm button
-   */
-  showConfirmButton: PropTypes__default["default"].bool,
-
-  /**
-   * Show confirm button
-   */
-  customCloseComponent: PropTypes__default["default"].element
-};
-
-exports.DSModalContent = ModalContent.DSModalContent;
-exports["default"] = DSModal;

package/cjs/constants.js

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const MODAL_TYPE = {
-  DEFAULT: 'default',
-  ALERT: 'alert',
-  CONFIRM: 'confirm',
-  NOTIFICATION: 'notification',
-  WARNING: 'warning',
-  ERROR: 'error',
-  SUCCESS: 'success',
-  HELP: 'help',
-  INFO: 'info'
-};
-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];
-const MODAL_TYPE_V2 = {
-  INFORMATION: 'information',
-  DECISION: 'decision',
-  SELECTION: 'selection',
-  FORM: 'form'
-};
-const MODAL_SUB_TYPE_V2 = {
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  ERROR: 'error',
-  INFORMATION: 'information'
-};
-
-exports.MODAL_SUB_TYPE_V2 = MODAL_SUB_TYPE_V2;
-exports.MODAL_TYPE = MODAL_TYPE;
-exports.MODAL_TYPE_V2 = MODAL_TYPE_V2;
-exports["default"] = MODAL_TYPE;
-exports.modalTypes = modalTypes;

package/cjs/index.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSModal$1 = require('./DSModal.js');
-var constants = require('./constants.js');
-var DSModal = require('./v2/DSModal.js');
-var ModalContent = require('./v2/components/ModalContent.js');
-
-
-
-exports["default"] = DSModal$1["default"];
-exports.MODAL_SUB_TYPE_V2 = constants.MODAL_SUB_TYPE_V2;
-exports.MODAL_TYPE = constants.MODAL_TYPE;
-exports.MODAL_TYPE_V2 = constants.MODAL_TYPE_V2;
-exports.modalTypes = constants.modalTypes;
-exports.DSModalWithSchema = DSModal.DSModalWithSchema;
-exports.DSModalContent = ModalContent.DSModalContent;

package/cjs/v1/DSModal.js

@@ -1,148 +0,0 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var ReactModal = require('react-modal');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsIcon = require('@elliemae/ds-icon');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var constants = require('../constants.js');
-var ModalFeedBack = require('./ModalFeedBack/ModalFeedBack.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-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 ReactModal__default = /*#__PURE__*/_interopDefaultLegacy(ReactModal);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-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__default["default"](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 = dsIcon.DSIconSizes.S,
-    modalType = constants.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__default["default"].setAppElement && ReactModal__default["default"].setAppElement(appElement); // eslint-disable-line
-
-  const {
-    cssClassName,
-    classNameElement,
-    classNameBlock,
-    classNameModifier,
-    classNameBlockModifier
-  } = dsClassnames.convertPropToCssClassName('modal', className, {
-    hasError,
-    hasWarning,
-    hasSuccess,
-    modalType,
-    size
-  });
-  const {
-    WARNING,
-    ERROR,
-    SUCCESS,
-    HELP,
-    INFO
-  } = constants.MODAL_TYPE;
-  const isAFeedbackType = [WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1;
-  const showFeedBack = isAFeedbackType || hasError || hasWarning || hasSuccess || hasInfo || hasHelp;
-  return /*#__PURE__*/_jsx__default["default"](ReactModal__default["default"], {
-    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__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: [showHeader && /*#__PURE__*/_jsx__default["default"]("div", {
-      className: classNameBlock('modal-header')
-    }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
-      className: classNameElement('title', 'modal-header')
-    }, void 0, modalTitle), /*#__PURE__*/_jsx__default["default"]("div", {
-      className: classNameElement('icon', 'modal-header')
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      buttonType: "link",
-      icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
-      onClick: onClose,
-      size: iconCloseSize
-    }))), /*#__PURE__*/_jsx__default["default"]("div", {
-      className: classNameElement('body')
-    }, void 0, showFeedBack && /*#__PURE__*/_jsx__default["default"](ModalFeedBack, {
-      hasError: hasError,
-      hasHelp: hasHelp,
-      hasInfo: hasInfo,
-      hasSuccess: hasSuccess,
-      hasWarning: hasWarning,
-      modalType: modalType
-    }), children), showFooter && !isAFeedbackType && /*#__PURE__*/_jsx__default["default"]("div", {
-      className: "".concat(classNameBlock('modal-footer'), " ").concat(additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : '')
-    }, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", {
-      ref: actionsRef,
-      className: classNameBlock('modal-footer-actions'),
-      children: [modalType === constants.MODAL_TYPE.CONFIRM && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
-        buttonType: "secondary",
-        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('reject', 'button-action'), " "),
-        labelText: rejectLabel,
-        onClick: onReject
-      }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
-        buttonType: "primary",
-        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('confirm', 'button-action'), " "),
-        labelText: confirmLabel,
-        onClick: onConfirm
-      }, overridePropsConfirmButton))]
-    }))]
-  })));
-};
-
-module.exports = DSModal;

package/cjs/v1/DSModalType.js

@@ -1,7 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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];
-
-exports.modalTypes = modalTypes;

package/cjs/v1/DSModalWrapper.js

@@ -1,166 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var react = require('react');
-var constants = require('../constants.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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__default["default"](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 react.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 !== constants.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__*/react.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;
-});
-
-module.exports = DSModalWrapper;

package/cjs/v1/ModalFeedBack/ModalFeedBack.js

@@ -1,98 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var dsClassnames = require('@elliemae/ds-classnames');
-var constants = require('../../constants.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _WarningCircle, _CheckmarkCircle, _HelpCircle, _InfoCircle, _InfoCircle2;
-const feedbackIconSize = 'xxl';
-const {
-  WARNING,
-  ERROR,
-  SUCCESS,
-  HELP,
-  INFO
-} = constants.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__default["default"](dsIcons.WarningCircle, {
-        size: feedbackIconSize
-      }));
-
-    case SUCCESS:
-      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
-        size: feedbackIconSize
-      }));
-
-    case HELP:
-      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
-        size: feedbackIconSize
-      }));
-
-    case INFO:
-      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
-        size: feedbackIconSize
-      }));
-
-    default:
-      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx__default["default"](dsIcons.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
-  } = dsClassnames.convertPropToCssClassName('modal-feedback', className, {
-    modalType: type
-  });
-  const feedbackIcon = getIconType(type);
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: cssClassName
-  }, void 0, feedbackIcon);
-};
-
-module.exports = ModalFeedBack;