@elliemae/ds-modal 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/v1/DSModalWrapper.js

@@ -1,50 +1,23 @@
 'use strict';
 
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
+require('core-js/modules/web.dom-collections.iterator.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 _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
 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);
 
-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));
-
-      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "state", {
+      _defineProperty__default["default"](this, "state", {
         childready: false,
         additionalFooterCssClass: 'loading',
         container: null,
@@ -52,145 +25,136 @@ var DSModalWrapper = (function (WrappedComponent) {
         height: '100%'
       });
 
-      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onHeaderHeight", function (e) {
-        _this.heightHeaderFlag = true;
-        _this.heightHeader = e.height || 0;
+      _defineProperty__default["default"](this, "onHeaderHeight", e => {
+        this.heightHeaderFlag = true;
+        this.heightHeader = e.height || 0;
       });
 
-      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onFooterHeight", function (e) {
-        _this.heightFooterFlag = true;
-        _this.heightFooter = e.height || 0;
+      _defineProperty__default["default"](this, "onFooterHeight", e => {
+        this.heightFooterFlag = true;
+        this.heightFooter = e.height || 0;
       });
 
-      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onResize", function (_ref) {
-        var bounds = _ref.bounds;
-
-        if (_this.heightFooterFlag && _this.heightHeaderFlag) {
-          return _this.setState({
-            height: bounds.height - _this.heightFooter - _this.heightHeader
+      _defineProperty__default["default"](this, "onResize", ({
+        bounds
+      }) => {
+        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);
       });
 
-      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleContainer", function (node) {
-        if (node) _this.setState({
+      _defineProperty__default["default"](this, "handleContainer", node => {
+        if (node) this.setState({
           container: node
         });
-
-        _this.handleResize();
+        this.handleResize();
       });
 
-      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "handleActions", function (node) {
-        if (node) _this.setState({
+      _defineProperty__default["default"](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,39 @@
 'use strict';
 
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
+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 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 WarningCircle__default = /*#__PURE__*/_interopDefaultLegacy(WarningCircle);
+var CheckmarkCircle__default = /*#__PURE__*/_interopDefaultLegacy(CheckmarkCircle);
+var HelpCircle__default = /*#__PURE__*/_interopDefaultLegacy(HelpCircle);
+var InfoCircle__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircle);
 
-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, {
+  hasError,
+  hasWarning,
+  hasSuccess,
+  hasInfo,
+  hasHelp
+}) => {
   if ([WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1) return modalType;
   if (hasError) return ERROR;
   if (hasWarning) return WARNING;
@@ -31,69 +43,61 @@ 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"](WarningCircle__default["default"], {
         size: feedbackIconSize
-      });
+      }));
 
     case SUCCESS:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.CheckmarkCircle, {
+      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](CheckmarkCircle__default["default"], {
         size: feedbackIconSize
-      });
+      }));
 
     case HELP:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.HelpCircle, {
+      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](HelpCircle__default["default"], {
         size: feedbackIconSize
-      });
+      }));
 
     case INFO:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.InfoCircle, {
+      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](InfoCircle__default["default"], {
         size: feedbackIconSize
-      });
+      }));
 
     default:
-      return /*#__PURE__*/React__default['default'].createElement(dsIcons.InfoCircle, {
+      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx__default["default"](InfoCircle__default["default"], {
         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 = ({
+  className = '',
+  modalType = null,
+  hasError = false,
+  hasWarning = false,
+  hasSuccess = false,
+  hasInfo = false,
+  hasHelp = false
+}) => {
+  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