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

package/cjs/v2/components/ModalContent.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 _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
@@ -23,82 +28,85 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 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; }
-const DSModalContent = ({
-  containerProps = {},
-  //
-  modalType = constants.MODAL_TYPE_V2.INFORMATION,
-  modalSubType = null,
-  modalTitle = '',
-  showRejectButton = false,
-  showClose = true,
-  searchProps = {},
-  // override
-  actionsRef = () => null,
-  additionalFooterCssClass,
-  overridePropsConfirmButton = {},
-  overridePropsRejectButton = {},
-  // react modal
-  children,
-  onClose = () => null,
-  onConfirm = () => null,
-  onReject = () => null,
-  rejectLabel = 'Discard',
-  confirmLabel = 'Save',
-  removePadding = false
-}) => /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
-  children: [helpers.showForm({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default['default'](FormHeader.FormHeader, {
-    modalTitle: modalTitle,
-    modalType: modalType,
-    onClose: onClose,
-    showClose: showClose
-  }), helpers.showSelection({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default['default'](SelectionHeader.SelectionHeader, {
-    modalTitle: modalTitle,
-    modalType: modalType,
-    searchProps: searchProps,
-    showClose: showClose
-  }), helpers.showDecision({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default['default'](DecisionHeader.DecisionHeader, {
-    onClose: onClose,
-    showClose: showClose
-  }), helpers.showFeedBack({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default['default'](FeedbackIcon.FeedbackIcon, {
-    modalSubType: modalSubType
-  }), helpers.showDecision({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default['default'](Title.Title, {
-    modalTitle: modalTitle,
-    modalType: modalType
-  }), /*#__PURE__*/_jsx__default['default'](blocks.ModalContent, {
-    classProps: {
-      type: modalType,
-      removePadding
-    }
-  }, void 0, children), helpers.showFooter({
-    modalType,
-    modalSubType
-  }) && /*#__PURE__*/_jsx__default['default'](Footer.Footer, {
-    actionsRef: actionsRef,
-    additionalFooterCssClass: additionalFooterCssClass,
-    confirmLabel: confirmLabel,
-    onConfirm: onConfirm,
-    onReject: onReject,
-    overridePropsConfirmButton: overridePropsConfirmButton,
-    overridePropsRejectButton: overridePropsRejectButton,
-    rejectLabel: rejectLabel,
-    showRejectButton: showRejectButton
-  })]
-}));
+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 DSModalContent = _ref => {
+  let {
+    containerProps = {},
+    //
+    modalType = constants.MODAL_TYPE_V2.INFORMATION,
+    modalSubType = null,
+    modalTitle = '',
+    showRejectButton = false,
+    showClose = true,
+    searchProps = {},
+    // override
+    actionsRef = () => null,
+    additionalFooterCssClass,
+    overridePropsConfirmButton = {},
+    overridePropsRejectButton = {},
+    // react modal
+    children,
+    onClose = () => null,
+    onConfirm = () => null,
+    onReject = () => null,
+    rejectLabel = 'Discard',
+    confirmLabel = 'Save',
+    removePadding = false
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(blocks.ModalWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: [helpers.showForm({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](FormHeader.FormHeader, {
+      modalTitle: modalTitle,
+      modalType: modalType,
+      onClose: onClose,
+      showClose: showClose
+    }), helpers.showSelection({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](SelectionHeader.SelectionHeader, {
+      modalTitle: modalTitle,
+      modalType: modalType,
+      searchProps: searchProps,
+      showClose: showClose
+    }), helpers.showDecision({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](DecisionHeader.DecisionHeader, {
+      onClose: onClose,
+      showClose: showClose
+    }), helpers.showFeedBack({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](FeedbackIcon.FeedbackIcon, {
+      modalSubType: modalSubType
+    }), helpers.showDecision({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](Title.Title, {
+      modalTitle: modalTitle,
+      modalType: modalType
+    }), /*#__PURE__*/_jsx__default["default"](blocks.ModalContent, {
+      classProps: {
+        type: modalType,
+        removePadding
+      }
+    }, void 0, children), helpers.showFooter({
+      modalType,
+      modalSubType
+    }) && /*#__PURE__*/_jsx__default["default"](Footer.Footer, {
+      actionsRef: actionsRef,
+      additionalFooterCssClass: additionalFooterCssClass,
+      confirmLabel: confirmLabel,
+      onConfirm: onConfirm,
+      onReject: onReject,
+      overridePropsConfirmButton: overridePropsConfirmButton,
+      overridePropsRejectButton: overridePropsRejectButton,
+      rejectLabel: rejectLabel,
+      showRejectButton: showRejectButton
+    })]
+  }));
+};
 
 exports.DSModalContent = DSModalContent;

package/cjs/v2/components/SelectionHeader.js

@@ -2,10 +2,15 @@
 
 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 _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSSearchBox = require('@elliemae/ds-basic/form/SearchBox');
+var dsForm = require('@elliemae/ds-form');
 var blocks = require('../blocks.js');
 var Title = require('./Title.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,29 +19,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
 
 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; }
-const SelectionHeader = ({
-  searchProps = {},
-  modalTitle,
-  modalType,
-  showClose
-}) => /*#__PURE__*/_jsx__default['default'](blocks.ModalHeader, {
-  classProps: {
-    type: 'selection'
-  }
-}, void 0, /*#__PURE__*/_jsx__default['default'](Title.Title, {
-  modalTitle: modalTitle,
-  modalType: modalType
-}), showClose && /*#__PURE__*/_jsx__default['default'](blocks.ModalHeaderTopRight, {
-  classProps: {
-    type: 'selection'
-  },
-  "data-testid": "modal-search-box"
-}, void 0, /*#__PURE__*/jsxRuntime.jsx(DSSearchBox__default['default'], _objectSpread({}, searchProps))));
+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 SelectionHeader = _ref => {
+  let {
+    searchProps = {},
+    modalTitle,
+    modalType,
+    showClose
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalHeader, {
+    classProps: {
+      type: 'selection'
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Title.Title, {
+    modalTitle: modalTitle,
+    modalType: modalType
+  }), showClose && /*#__PURE__*/_jsx__default["default"](blocks.ModalHeaderTopRight, {
+    classProps: {
+      type: 'selection'
+    },
+    "data-testid": "modal-search-box"
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(dsForm.DSSearchBox, _objectSpread({}, searchProps))));
+};
 
 exports.SelectionHeader = SelectionHeader;
-exports['default'] = SelectionHeader;
+exports["default"] = SelectionHeader;

package/cjs/v2/components/Title.js

@@ -10,14 +10,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const Title = ({
-  modalTitle,
-  modalType
-}) => /*#__PURE__*/_jsx__default['default'](blocks.ModalTitle, {
-  classProps: {
-    type: modalType
-  }
-}, void 0, modalTitle);
+const Title = _ref => {
+  let {
+    modalTitle,
+    modalType
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](blocks.ModalTitle, {
+    classProps: {
+      type: modalType
+    }
+  }, void 0, modalTitle);
+};
 
 exports.Title = Title;
-exports['default'] = Title;
+exports["default"] = Title;

package/cjs/v2/helpers.js

@@ -4,32 +4,37 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var constants = require('../constants.js');
 
-function showDecision({
-  modalType
-}) {
+function showDecision(_ref) {
+  let {
+    modalType
+  } = _ref;
   return [constants.MODAL_TYPE_V2.INFORMATION, constants.MODAL_TYPE_V2.DECISION].indexOf(modalType) > -1;
 }
-function showFeedBack({
-  modalType,
-  modalSubType
-}) {
+function showFeedBack(_ref2) {
+  let {
+    modalType,
+    modalSubType
+  } = _ref2;
   return showDecision({
     modalType
   }) && Object.values(constants.MODAL_SUB_TYPE_V2).indexOf(modalSubType) > -1;
 }
-function showFooter({
-  modalType
-}) {
+function showFooter(_ref3) {
+  let {
+    modalType
+  } = _ref3;
   return modalType !== constants.MODAL_TYPE_V2.INFORMATION;
 }
-function showSelection({
-  modalType
-}) {
+function showSelection(_ref4) {
+  let {
+    modalType
+  } = _ref4;
   return modalType === constants.MODAL_TYPE_V2.SELECTION;
 }
-function showForm({
-  modalType
-}) {
+function showForm(_ref5) {
+  let {
+    modalType
+  } = _ref5;
   return modalType === constants.MODAL_TYPE_V2.FORM;
 }
 

package/esm/DSModal.js

@@ -1,3 +1,8 @@
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';

package/esm/v1/DSModal.js

@@ -1,54 +1,60 @@
+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 CloseIcon from '@elliemae/ds-icons/Close';
-import { DSIconSizes } from '@elliemae/ds-basic/Icon';
-import DSButton from '@elliemae/ds-basic/Button';
+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 _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(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 = 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
-}) => {
+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
 
@@ -81,7 +87,7 @@ const DSModal = ({
     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),
@@ -98,7 +104,7 @@ const DSModal = ({
       className: classNameElement('icon', 'modal-header')
     }, void 0, /*#__PURE__*/_jsx(DSButton, {
       buttonType: "link",
-      icon: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx(CloseIcon, {})),
+      icon: _Close || (_Close = /*#__PURE__*/_jsx(Close, {})),
       onClick: onClose,
       size: iconCloseSize
     }))), /*#__PURE__*/_jsx("div", {
@@ -111,18 +117,18 @@ const DSModal = ({
       hasWarning: hasWarning,
       modalType: modalType
     }), children), showFooter && !isAFeedbackType && /*#__PURE__*/_jsx("div", {
-      className: `${classNameBlock('modal-footer')} ${additionalFooterCssClass ? classNameBlockModifier(additionalFooterCssClass, 'modal-footer') : ''}`
+      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: `${classNameElement('button-action')} ${classNameModifier('reject', 'button-action')} `,
+        className: "".concat(classNameElement('button-action'), " ").concat(classNameModifier('reject', 'button-action'), " "),
         labelText: rejectLabel,
         onClick: onReject
       }, overridePropsRejectButton)), /*#__PURE__*/jsx(DSButton, _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/esm/v1/DSModalWrapper.js

@@ -1,4 +1,10 @@
+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';
 
@@ -7,30 +13,31 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 DSModalWrapper = (WrappedComponent => {
   class DSModalWrapper extends Component {
-    constructor(...args) {
-      super(...args);
-
-      _defineProperty(this, "state", {
+    constructor() {
+      super(...arguments);
+      this.state = {
         childready: false,
         additionalFooterCssClass: 'loading',
         container: null,
         actions: null,
         height: '100%'
-      });
+      };
 
-      _defineProperty(this, "onHeaderHeight", e => {
+      this.onHeaderHeight = e => {
         this.heightHeaderFlag = true;
         this.heightHeader = e.height || 0;
-      });
+      };
 
-      _defineProperty(this, "onFooterHeight", e => {
+      this.onFooterHeight = e => {
         this.heightFooterFlag = true;
         this.heightFooter = e.height || 0;
-      });
+      };
+
+      this.onResize = _ref => {
+        let {
+          bounds
+        } = _ref;
 
-      _defineProperty(this, "onResize", ({
-        bounds
-      }) => {
         if (this.heightFooterFlag && this.heightHeaderFlag) {
           return this.setState({
             height: bounds.height - this.heightFooter - this.heightHeader
@@ -40,21 +47,21 @@ var DSModalWrapper = (WrappedComponent => {
         return setTimeout(this.onResize({
           bounds
         }), 0);
-      });
+      };
 
-      _defineProperty(this, "handleContainer", node => {
+      this.handleContainer = node => {
         if (node) this.setState({
           container: node
         });
         this.handleResize();
-      });
+      };
 
-      _defineProperty(this, "handleActions", node => {
+      this.handleActions = node => {
         if (node) this.setState({
           actions: node
         });
         this.handleResize();
-      });
+      };
     }
 
     componentDidMount() {

package/esm/v1/ModalFeedBack/ModalFeedBack.js

@@ -1,9 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import WarningCircle from '@elliemae/ds-icons/WarningCircle';
-import CheckmarkCircle from '@elliemae/ds-icons/CheckmarkCircle';
-import HelpCircle from '@elliemae/ds-icons/HelpCircle';
-import InfoCircle from '@elliemae/ds-icons/InfoCircle';
+import { InfoCircle, HelpCircle, CheckmarkCircle, WarningCircle } from '@elliemae/ds-icons';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { MODAL_TYPE } from '../../constants.js';
 
@@ -17,13 +14,14 @@ const {
   INFO
 } = 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;
@@ -63,15 +61,16 @@ const getIconType = modalType => {
   }
 };
 
-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,