@elliemae/ds-modal 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/DSModal.js

@@ -2,6 +2,11 @@
 
 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');
@@ -23,159 +28,159 @@ const _excluded = ["version"];
 
 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; }
+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 = _ref => {
   let {
     version = 1
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  if (version === 2) return /*#__PURE__*/jsxRuntime.jsx(DSModal$1['default'], _objectSpread({}, rest));
+  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,
+  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,
+  additionalFooterCssClass: PropTypes__default["default"].string,
 
   /**
    * Set style for the modal
    */
-  style: PropTypes__default['default'].objectOf(PropTypes__default['default'].string),
+  style: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
 
   /**
    * Select size for the close icon
    */
-  iconCloseSize: PropTypes__default['default'].oneOf(propTypes.iconSizes),
+  iconCloseSize: PropTypes__default["default"].oneOf(propTypes.iconSizes),
 
   /**
    * ['default', 'alert', 'confirm', 'notification', 'warning', 'error', 'success', 'help', 'info']
    */
-  modalType: PropTypes__default['default'].oneOf(constants.modalTypes),
+  modalType: PropTypes__default["default"].oneOf(constants.modalTypes),
 
   /**
    * Show the header or not
    */
-  showHeader: PropTypes__default['default'].bool,
+  showHeader: PropTypes__default["default"].bool,
 
   /**
    * Show the footer or not
    */
-  showFooter: PropTypes__default['default'].bool,
+  showFooter: PropTypes__default["default"].bool,
 
   /**
    * Main content of the modal
    */
-  children: PropTypes__default['default'].element.isRequired,
+  children: PropTypes__default["default"].element.isRequired,
 
   /**
    * Content is centered or not
    */
-  centered: PropTypes__default['default'].bool,
+  centered: PropTypes__default["default"].bool,
 
   /**
    * Text to be added in the confirm button
    */
-  confirmLabel: PropTypes__default['default'].string,
+  confirmLabel: PropTypes__default["default"].string,
 
   /**
    * Text to be added in the modal title
    */
-  modalTitle: PropTypes__default['default'].string,
+  modalTitle: PropTypes__default["default"].string,
 
   /**
    * Text to be added in the modal title
    */
-  size: PropTypes__default['default'].oneOf(propTypes.sizes),
+  size: PropTypes__default["default"].oneOf(propTypes.sizes),
 
   /**
    * Modal is open or not
    */
-  isOpen: PropTypes__default['default'].bool,
+  isOpen: PropTypes__default["default"].bool,
 
   /**
    * Allows a function to be triggered once the modal is closed
    */
-  onClose: PropTypes__default['default'].func,
+  onClose: PropTypes__default["default"].func,
 
   /**
    * Allows a function to be triggered once the modal is opened
    */
-  onAfterOpen: PropTypes__default['default'].func,
+  onAfterOpen: PropTypes__default["default"].func,
 
   /**
    * Allows a function to be triggered once the modal open is confirmed
    */
-  onConfirm: PropTypes__default['default'].func,
+  onConfirm: PropTypes__default["default"].func,
 
   /**
    * Allows a function to be triggered once the modal open is rejected
    */
-  onReject: PropTypes__default['default'].func,
+  onReject: PropTypes__default["default"].func,
 
   /**
    * Text to be added in the reject button
    */
-  rejectLabel: PropTypes__default['default'].string,
+  rejectLabel: PropTypes__default["default"].string,
 
   /**
    * If modal should close on overlay click
    */
-  shouldCloseOnOverlayClick: PropTypes__default['default'].bool,
+  shouldCloseOnOverlayClick: PropTypes__default["default"].bool,
 
   /**
    * Modal has error or not
    */
-  hasError: PropTypes__default['default'].bool,
+  hasError: PropTypes__default["default"].bool,
 
   /**
    * Modal has warning or not
    */
-  hasWarning: PropTypes__default['default'].bool,
+  hasWarning: PropTypes__default["default"].bool,
 
   /**
    * Modal has success or not
    */
-  hasSuccess: PropTypes__default['default'].bool,
+  hasSuccess: PropTypes__default["default"].bool,
 
   /**
    * Modal has info or not
    */
-  hasInfo: PropTypes__default['default'].bool,
+  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,
+  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({})),
+  overridePropsConfirmButton: PropTypes__default["default"].objectOf(PropTypes__default["default"].shape({})),
 
   /**
    * Customized props for the reject button
    */
-  overridePropsRejectButton: PropTypes__default['default'].objectOf(PropTypes__default['default'].string),
+  overridePropsRejectButton: PropTypes__default["default"].objectOf(PropTypes__default["default"].string),
 
   /**
    * Show confirm button
    */
-  showConfirmButton: PropTypes__default['default'].bool,
+  showConfirmButton: PropTypes__default["default"].bool,
 
   /**
    * Show confirm button
    */
-  customCloseComponent: PropTypes__default['default'].element
+  customCloseComponent: PropTypes__default["default"].element
 };
 
 exports.DSModalContent = ModalContent.DSModalContent;
-exports['default'] = DSModal;
+exports["default"] = DSModal;

package/cjs/constants.js

@@ -30,5 +30,5 @@ const MODAL_SUB_TYPE_V2 = {
 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["default"] = MODAL_TYPE;
 exports.modalTypes = modalTypes;

package/cjs/index.js

@@ -9,7 +9,7 @@ var ModalContent = require('./v2/components/ModalContent.js');
 
 
 
-exports.default = DSModal$1['default'];
+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;

package/cjs/v1/DSModal.js

@@ -1,13 +1,18 @@
 '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 CloseIcon = require('@elliemae/ds-icons/Close');
-var Icon = require('@elliemae/ds-basic/Icon');
-var DSButton = require('@elliemae/ds-basic/Button');
+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');
@@ -17,50 +22,50 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var ReactModal__default = /*#__PURE__*/_interopDefaultLegacy(ReactModal);
-var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var _CloseIcon;
+var _Close;
 
 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; }
+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 = '',
-  dataTestId = 'ds-modal',
-  additionalFooterCssClass = '',
-  style = {},
-  iconCloseSize = Icon.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
-}) => {
+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
+  typeof document !== 'undefined' && document && ReactModal__default["default"].setAppElement && ReactModal__default["default"].setAppElement(appElement); // eslint-disable-line
 
   const {
     cssClassName,
@@ -84,14 +89,14 @@ const DSModal = ({
   } = 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'], {
+  return /*#__PURE__*/_jsx__default["default"](ReactModal__default["default"], {
     testId: dataTestId,
     className: cssClassName,
     contentLabel: modalTitle,
     isOpen: isOpen,
     onAfterOpen: onAfterOpen,
     onRequestClose: onClose,
-    overlayClassName: `${classNameBlock('overlay')} ${classNameModifier(centered && 'center')}`,
+    overlayClassName: "".concat(classNameBlock('overlay'), " ").concat(classNameModifier(centered && 'center')),
     shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
     style: {
       content: _objectSpread({}, style),
@@ -100,39 +105,39 @@ const DSModal = ({
       }
     }
   }, void 0, /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: [showHeader && /*#__PURE__*/_jsx__default['default']("div", {
+    children: [showHeader && /*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameBlock('modal-header')
-    }, void 0, /*#__PURE__*/_jsx__default['default']("div", {
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameElement('title', 'modal-header')
-    }, void 0, modalTitle), /*#__PURE__*/_jsx__default['default']("div", {
+    }, void 0, modalTitle), /*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameElement('icon', 'modal-header')
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "link",
-      icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx__default['default'](CloseIcon__default['default'], {})),
+      icon: _Close || (_Close = /*#__PURE__*/_jsx__default["default"](dsIcons.Close, {})),
       onClick: onClose,
       size: iconCloseSize
-    }))), /*#__PURE__*/_jsx__default['default']("div", {
+    }))), /*#__PURE__*/_jsx__default["default"]("div", {
       className: classNameElement('body')
-    }, void 0, showFeedBack && /*#__PURE__*/_jsx__default['default'](ModalFeedBack, {
+    }, 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: `${classNameBlock('modal-footer')} ${additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : ''}`
+    }), 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({
+      children: [modalType === constants.MODAL_TYPE.CONFIRM && /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
         buttonType: "secondary",
-        className: `${classNameElement('button-action')} ${classNameModifier('reject', 'button-action')} `,
+        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('reject', 'button-action'), " "),
         labelText: rejectLabel,
         onClick: onReject
-      }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default['default'], _objectSpread({
+      }, overridePropsRejectButton)), /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
         buttonType: "primary",
-        className: `${classNameElement('button-action')} ${classNameModifier('confirm', 'button-action')} `,
+        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('confirm', 'button-action'), " "),
         labelText: confirmLabel,
         onClick: onConfirm
       }, overridePropsConfirmButton))]

package/cjs/v1/DSModalWrapper.js

@@ -1,6 +1,12 @@
 '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');
 
@@ -10,33 +16,34 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
+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 DSModalWrapper = (WrappedComponent => {
   class DSModalWrapper extends react.Component {
-    constructor(...args) {
-      super(...args);
-
-      _defineProperty__default['default'](this, "state", {
+    constructor() {
+      super(...arguments);
+      this.state = {
         childready: false,
         additionalFooterCssClass: 'loading',
         container: null,
         actions: null,
         height: '100%'
-      });
+      };
 
-      _defineProperty__default['default'](this, "onHeaderHeight", e => {
+      this.onHeaderHeight = e => {
         this.heightHeaderFlag = true;
         this.heightHeader = e.height || 0;
-      });
+      };
 
-      _defineProperty__default['default'](this, "onFooterHeight", e => {
+      this.onFooterHeight = e => {
         this.heightFooterFlag = true;
         this.heightFooter = e.height || 0;
-      });
+      };
+
+      this.onResize = _ref => {
+        let {
+          bounds
+        } = _ref;
 
-      _defineProperty__default['default'](this, "onResize", ({
-        bounds
-      }) => {
         if (this.heightFooterFlag && this.heightHeaderFlag) {
           return this.setState({
             height: bounds.height - this.heightFooter - this.heightHeader
@@ -46,21 +53,21 @@ var DSModalWrapper = (WrappedComponent => {
         return setTimeout(this.onResize({
           bounds
         }), 0);
-      });
+      };
 
-      _defineProperty__default['default'](this, "handleContainer", node => {
+      this.handleContainer = node => {
         if (node) this.setState({
           container: node
         });
         this.handleResize();
-      });
+      };
 
-      _defineProperty__default['default'](this, "handleActions", node => {
+      this.handleActions = node => {
         if (node) this.setState({
           actions: node
         });
         this.handleResize();
-      });
+      };
     }
 
     componentDidMount() {

package/cjs/v1/ModalFeedBack/ModalFeedBack.js

@@ -2,20 +2,13 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var WarningCircle = require('@elliemae/ds-icons/WarningCircle');
-var CheckmarkCircle = require('@elliemae/ds-icons/CheckmarkCircle');
-var HelpCircle = require('@elliemae/ds-icons/HelpCircle');
-var InfoCircle = require('@elliemae/ds-icons/InfoCircle');
+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__default = /*#__PURE__*/_interopDefaultLegacy(WarningCircle);
-var CheckmarkCircle__default = /*#__PURE__*/_interopDefaultLegacy(CheckmarkCircle);
-var HelpCircle__default = /*#__PURE__*/_interopDefaultLegacy(HelpCircle);
-var InfoCircle__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircle);
 
 var _WarningCircle, _CheckmarkCircle, _HelpCircle, _InfoCircle, _InfoCircle2;
 const feedbackIconSize = 'xxl';
@@ -27,13 +20,14 @@ const {
   INFO
 } = constants.MODAL_TYPE;
 
-const getModalType = (modalType, {
-  hasError,
-  hasWarning,
-  hasSuccess,
-  hasInfo,
-  hasHelp
-}) => {
+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;
@@ -47,41 +41,42 @@ const getIconType = modalType => {
   switch (modalType) {
     case WARNING:
     case ERROR:
-      return _WarningCircle || (_WarningCircle = /*#__PURE__*/_jsx__default['default'](WarningCircle__default['default'], {
+      return _WarningCircle || (_WarningCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningCircle, {
         size: feedbackIconSize
       }));
 
     case SUCCESS:
-      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default['default'](CheckmarkCircle__default['default'], {
+      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
         size: feedbackIconSize
       }));
 
     case HELP:
-      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default['default'](HelpCircle__default['default'], {
+      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
         size: feedbackIconSize
       }));
 
     case INFO:
-      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default['default'](InfoCircle__default['default'], {
+      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
         size: feedbackIconSize
       }));
 
     default:
-      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx__default['default'](InfoCircle__default['default'], {
+      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
         size: feedbackIconSize
       }));
   }
 };
 
-const ModalFeedBack = ({
-  className = '',
-  modalType = null,
-  hasError = false,
-  hasWarning = false,
-  hasSuccess = false,
-  hasInfo = false,
-  hasHelp = false
-}) => {
+const ModalFeedBack = _ref2 => {
+  let {
+    className = '',
+    modalType = null,
+    hasError = false,
+    hasWarning = false,
+    hasSuccess = false,
+    hasInfo = false,
+    hasHelp = false
+  } = _ref2;
   const type = getModalType(modalType, {
     hasError,
     hasWarning,
@@ -95,7 +90,7 @@ const ModalFeedBack = ({
     modalType: type
   });
   const feedbackIcon = getIconType(type);
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: cssClassName
   }, void 0, feedbackIcon);
 };