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

package/cjs/v1/DSModalWrapper.js

@@ -1,47 +1,27 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var React = require('react');
+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);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 
 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var DSModalWrapper = (function (WrappedComponent) {
-  var DSModalWrapper = /*#__PURE__*/function (_Component) {
-    _inherits__default['default'](DSModalWrapper, _Component);
-
-    var _super = _createSuper(DSModalWrapper);
-
-    function DSModalWrapper() {
-      var _this;
-
-      _classCallCheck__default['default'](this, DSModalWrapper);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = _super.call.apply(_super, [this].concat(args));
-      _this.state = {
+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() {
+      super(...arguments);
+      this.state = {
         childready: false,
         additionalFooterCssClass: 'loading',
         container: null,
@@ -49,145 +29,138 @@ var DSModalWrapper = (function (WrappedComponent) {
         height: '100%'
       };
 
-      _this.onHeaderHeight = function (e) {
-        _this.heightHeaderFlag = true;
-        _this.heightHeader = e.height || 0;
+      this.onHeaderHeight = e => {
+        this.heightHeaderFlag = true;
+        this.heightHeader = e.height || 0;
       };
 
-      _this.onFooterHeight = function (e) {
-        _this.heightFooterFlag = true;
-        _this.heightFooter = e.height || 0;
+      this.onFooterHeight = e => {
+        this.heightFooterFlag = true;
+        this.heightFooter = e.height || 0;
       };
 
-      _this.onResize = function (_ref) {
-        var bounds = _ref.bounds;
+      this.onResize = _ref => {
+        let {
+          bounds
+        } = _ref;
 
-        if (_this.heightFooterFlag && _this.heightHeaderFlag) {
-          return _this.setState({
-            height: bounds.height - _this.heightFooter - _this.heightHeader
+        if (this.heightFooterFlag && this.heightHeaderFlag) {
+          return this.setState({
+            height: bounds.height - this.heightFooter - this.heightHeader
           });
         }
 
-        return setTimeout(_this.onResize({
-          bounds: bounds
+        return setTimeout(this.onResize({
+          bounds
         }), 0);
       };
 
-      _this.handleContainer = function (node) {
-        if (node) _this.setState({
+      this.handleContainer = node => {
+        if (node) this.setState({
           container: node
         });
-
-        _this.handleResize();
+        this.handleResize();
       };
 
-      _this.handleActions = function (node) {
-        if (node) _this.setState({
+      this.handleActions = node => {
+        if (node) this.setState({
           actions: node
         });
-
-        _this.handleResize();
+        this.handleResize();
       };
+    }
 
-      return _this;
+    componentDidMount() {
+      window.addEventListener('resize', this.handleResize);
     }
 
-    _createClass__default['default'](DSModalWrapper, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        window.addEventListener('resize', this.handleResize);
-      }
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        window.removeEventListener('resize', this.handleResize);
-      }
-    }, {
-      key: "handleResize",
-      value:
-      /**
-       * Change button width to 100% if the
-       * combined width of the button (or button group) exceed 50% of the container width.
-       */
-      function handleResize() {
-        if (!this.state) return null;
-        var _this$state = this.state,
-            container = _this$state.container,
-            actions = _this$state.actions,
-            childready = _this$state.childready;
-        if (!childready) return null;
-        this.setState({
-          additionalFooterCssClass: null
-        }); // !important reset to default state to recalculate
-
-        var containerWidth = container.clientWidth;
-        var actionsWidth = actions.clientWidth; // 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'
-          });
-        }
+    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: null
+          additionalFooterCssClass: 'fluid-actions'
         });
       }
-    }, {
-      key: "verifyNodes",
-      value: function verifyNodes() {
-        var _this2 = this;
-
-        var modalType = this.props.modalType;
-
-        if (modalType !== constants.MODAL_TYPE.DEFAULT) {
-          var nodesInterval = setInterval(function () {
-            // !important it checks when nodes are availables
-            var _this2$state = _this2.state,
-                container = _this2$state.container,
-                actions = _this2$state.actions;
-            if (!container || !actions) return null;
-            clearInterval(nodesInterval);
-
-            _this2.setState({
-              childready: true
-            });
-
-            return _this2.handleResize();
-          }, 100);
-        }
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this3 = this;
-
-        var props = this.props,
-            state = this.state;
-        var additionalFooterCssClass = state.additionalFooterCssClass,
-            height = state.height;
-        return /*#__PURE__*/React.createElement(WrappedComponent, _objectSpread(_objectSpread({}, props), {}, {
-          height: height,
-          onResize: this.onResize,
-          onFooterHeight: this.onFooterHeight,
-          onHeaderHeight: this.onHeaderHeight,
-          containerRef: this.handleContainer,
-          actionsRef: this.handleActions,
-          additionalFooterCssClass: additionalFooterCssClass,
-          onAfterOpen: function onAfterOpen() {
-            if (props.onAfterOpen) props.onAfterOpen();
-
-            _this3.verifyNodes();
-          }
-        }));
+
+      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;
-  }(React.Component);
+  }
 
   return DSModalWrapper;
 });
 
 module.exports = DSModalWrapper;
-//# sourceMappingURL=DSModalWrapper.js.map

package/cjs/v1/ModalFeedBack/ModalFeedBack.js

@@ -1,27 +1,33 @@
 'use strict';
 
-var React = require('react');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var feedbackIconSize = 'xxl';
-var WARNING = constants.MODAL_TYPE.WARNING,
-    ERROR = constants.MODAL_TYPE.ERROR,
-    SUCCESS = constants.MODAL_TYPE.SUCCESS,
-    HELP = constants.MODAL_TYPE.HELP,
-    INFO = constants.MODAL_TYPE.INFO;
+var _WarningCircle, _CheckmarkCircle, _HelpCircle, _InfoCircle, _InfoCircle2;
+const feedbackIconSize = 'xxl';
+const {
+  WARNING,
+  ERROR,
+  SUCCESS,
+  HELP,
+  INFO
+} = constants.MODAL_TYPE;
 
-var getModalType = function getModalType(modalType, _ref) {
-  var hasError = _ref.hasError,
-      hasWarning = _ref.hasWarning,
-      hasSuccess = _ref.hasSuccess,
-      hasInfo = _ref.hasInfo,
-      hasHelp = _ref.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;
@@ -31,69 +37,62 @@ var getModalType = function getModalType(modalType, _ref) {
   return INFO;
 };
 
-var getIconType = function getIconType(modalType) {
+const getIconType = modalType => {
   switch (modalType) {
     case WARNING:
     case ERROR:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.WarningCircle, {
+      return _WarningCircle || (_WarningCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningCircle, {
         size: feedbackIconSize
-      });
+      }));
 
     case SUCCESS:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.CheckmarkCircle, {
+      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
         size: feedbackIconSize
-      });
+      }));
 
     case HELP:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.HelpCircle, {
+      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
         size: feedbackIconSize
-      });
+      }));
 
     case INFO:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.InfoCircle, {
+      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
         size: feedbackIconSize
-      });
+      }));
 
     default:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.InfoCircle, {
+      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
         size: feedbackIconSize
-      });
+      }));
   }
 };
 
-var ModalFeedBack = function ModalFeedBack(_ref2) {
-  var _ref2$className = _ref2.className,
-      className = _ref2$className === void 0 ? '' : _ref2$className,
-      _ref2$modalType = _ref2.modalType,
-      modalType = _ref2$modalType === void 0 ? null : _ref2$modalType,
-      _ref2$hasError = _ref2.hasError,
-      hasError = _ref2$hasError === void 0 ? false : _ref2$hasError,
-      _ref2$hasWarning = _ref2.hasWarning,
-      hasWarning = _ref2$hasWarning === void 0 ? false : _ref2$hasWarning,
-      _ref2$hasSuccess = _ref2.hasSuccess,
-      hasSuccess = _ref2$hasSuccess === void 0 ? false : _ref2$hasSuccess,
-      _ref2$hasInfo = _ref2.hasInfo,
-      hasInfo = _ref2$hasInfo === void 0 ? false : _ref2$hasInfo,
-      _ref2$hasHelp = _ref2.hasHelp,
-      hasHelp = _ref2$hasHelp === void 0 ? false : _ref2$hasHelp;
-  var type = getModalType(modalType, {
-    hasError: hasError,
-    hasWarning: hasWarning,
-    hasSuccess: hasSuccess,
-    hasInfo: hasInfo,
-    hasHelp: hasHelp
+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
   });
-
-  var _convertPropToCssClas = dsClassnames.convertPropToCssClassName('modal-feedback', className, {
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('modal-feedback', className, {
     modalType: type
-  }),
-      cssClassName = _convertPropToCssClas.cssClassName;
-
-  var feedbackIcon = getIconType(type);
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  });
+  const feedbackIcon = getIconType(type);
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: cssClassName
-  }, feedbackIcon);
+  }, void 0, feedbackIcon);
 };
 
 module.exports = ModalFeedBack;
-//# sourceMappingURL=ModalFeedBack.js.map