@carbon/react 1.27.0 → 1.28.0

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -22,128 +22,104 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "onKeyDown", "buttonTriggerText", "buttonTriggerClassName", "renderTriggerButtonIcon", "triggerButtonIconDescription", "triggerButtonKind", "disabled", "handleSubmit", "shouldCloseAfterSubmit", "selectorPrimaryFocus", "preventCloseOnClickOutside"];
-var didWarnAboutDeprecation = false;
+let didWarnAboutDeprecation = false;
+class ModalWrapper extends React__default["default"].Component {
+  constructor() {
+    super(...arguments);
 
-var ModalWrapper = /*#__PURE__*/function (_React$Component) {
-  _rollupPluginBabelHelpers.inherits(ModalWrapper, _React$Component);
+    _rollupPluginBabelHelpers.defineProperty(this, "triggerButton", /*#__PURE__*/React__default["default"].createRef());
 
-  var _super = _rollupPluginBabelHelpers.createSuper(ModalWrapper);
+    _rollupPluginBabelHelpers.defineProperty(this, "modal", /*#__PURE__*/React__default["default"].createRef());
 
-  function ModalWrapper() {
-    var _this;
-
-    _rollupPluginBabelHelpers.classCallCheck(this, ModalWrapper);
-
-    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));
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "triggerButton", /*#__PURE__*/React__default["default"].createRef());
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "modal", /*#__PURE__*/React__default["default"].createRef());
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "state", {
+    _rollupPluginBabelHelpers.defineProperty(this, "state", {
       isOpen: false
     });
 
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleOpen", function () {
-      _this.setState({
+    _rollupPluginBabelHelpers.defineProperty(this, "handleOpen", () => {
+      this.setState({
         isOpen: true
       });
     });
 
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleClose", function (evt) {
-      var innerModal = _this.modal.current.querySelector('div');
+    _rollupPluginBabelHelpers.defineProperty(this, "handleClose", evt => {
+      const innerModal = this.modal.current.querySelector('div');
 
-      if (_this.modal.current && evt && !innerModal.contains(evt.target) && _this.props.preventCloseOnClickOutside) {
+      if (this.modal.current && evt && !innerModal.contains(evt.target) && this.props.preventCloseOnClickOutside) {
         return;
       } else {
-        _this.setState({
+        this.setState({
           isOpen: false
-        }, function () {
-          return _this.triggerButton.current.focus();
-        });
+        }, () => this.triggerButton.current.focus());
       }
     });
 
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleOnRequestSubmit", function () {
-      var _this$props = _this.props,
-          handleSubmit = _this$props.handleSubmit,
-          shouldCloseAfterSubmit = _this$props.shouldCloseAfterSubmit;
+    _rollupPluginBabelHelpers.defineProperty(this, "handleOnRequestSubmit", () => {
+      const {
+        handleSubmit,
+        shouldCloseAfterSubmit
+      } = this.props;
 
       if (handleSubmit && shouldCloseAfterSubmit) {
         handleSubmit();
-
-        _this.handleClose();
+        this.handleClose();
       }
 
       handleSubmit();
     });
-
-    return _this;
   }
 
-  _rollupPluginBabelHelpers.createClass(ModalWrapper, [{
-    key: "if",
-    value: function _if(__DEV__) {
-      process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, '`<ModalWrapper>` has been deprecated in favor of `<ComposedModal/>` and will be removed in the next major version, `@carbon/react@v2.x`') : void 0;
-      didWarnAboutDeprecation = true;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          children = _this$props2.children,
-          _onKeyDown = _this$props2.onKeyDown,
-          buttonTriggerText = _this$props2.buttonTriggerText,
-          buttonTriggerClassName = _this$props2.buttonTriggerClassName,
-          renderTriggerButtonIcon = _this$props2.renderTriggerButtonIcon,
-          triggerButtonIconDescription = _this$props2.triggerButtonIconDescription,
-          triggerButtonKind = _this$props2.triggerButtonKind,
-          disabled = _this$props2.disabled;
-          _this$props2.handleSubmit;
-          _this$props2.shouldCloseAfterSubmit;
-          var selectorPrimaryFocus = _this$props2.selectorPrimaryFocus;
-          _this$props2.preventCloseOnClickOutside;
-          var other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props2, _excluded);
-
-      var props = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, other), {}, {
-        selectorPrimaryFocus: selectorPrimaryFocus,
-        open: this.state.isOpen,
-        onRequestClose: this.handleClose,
-        onRequestSubmit: this.handleOnRequestSubmit
-      });
-
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        role: "presentation",
-        onKeyDown: function onKeyDown(evt) {
-          if (evt.which === 27) {
-            _this2.handleClose();
+  if(__DEV__) {
+    process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, '`<ModalWrapper>` has been deprecated in favor of `<ComposedModal/>` and will be removed in the next major version, `@carbon/react@v2.x`') : void 0;
+    didWarnAboutDeprecation = true;
+  }
 
-            _onKeyDown(evt);
-          }
+  render() {
+    const {
+      children,
+      onKeyDown,
+      buttonTriggerText,
+      buttonTriggerClassName,
+      renderTriggerButtonIcon,
+      triggerButtonIconDescription,
+      triggerButtonKind,
+      disabled,
+      handleSubmit,
+      // eslint-disable-line no-unused-vars
+      shouldCloseAfterSubmit,
+      // eslint-disable-line no-unused-vars
+      selectorPrimaryFocus,
+      preventCloseOnClickOutside,
+      // eslint-disable-line no-unused-vars
+      ...other
+    } = this.props;
+    const props = { ...other,
+      selectorPrimaryFocus,
+      open: this.state.isOpen,
+      onRequestClose: this.handleClose,
+      onRequestSubmit: this.handleOnRequestSubmit
+    };
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      role: "presentation",
+      onKeyDown: evt => {
+        if (evt.which === 27) {
+          this.handleClose();
+          onKeyDown(evt);
         }
-      }, /*#__PURE__*/React__default["default"].createElement(Button["default"], {
-        className: buttonTriggerClassName,
-        disabled: disabled,
-        kind: triggerButtonKind,
-        renderIcon: renderTriggerButtonIcon,
-        iconDescription: triggerButtonIconDescription,
-        onClick: this.handleOpen,
-        ref: this.triggerButton
-      }, buttonTriggerText), /*#__PURE__*/React__default["default"].createElement(Modal["default"], _rollupPluginBabelHelpers["extends"]({
-        ref: this.modal
-      }, props), children));
-    }
-  }]);
-
-  return ModalWrapper;
-}(React__default["default"].Component);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+      className: buttonTriggerClassName,
+      disabled: disabled,
+      kind: triggerButtonKind,
+      renderIcon: renderTriggerButtonIcon,
+      iconDescription: triggerButtonIconDescription,
+      onClick: this.handleOpen,
+      ref: this.triggerButton
+    }, buttonTriggerText), /*#__PURE__*/React__default["default"].createElement(Modal["default"], _rollupPluginBabelHelpers["extends"]({
+      ref: this.modal
+    }, props), children));
+  }
+
+}
 
 _rollupPluginBabelHelpers.defineProperty(ModalWrapper, "propTypes", {
   buttonTriggerClassName: PropTypes__default["default"].string,
@@ -180,7 +156,7 @@ _rollupPluginBabelHelpers.defineProperty(ModalWrapper, "defaultProps", {
   disabled: false,
   preventCloseOnClickOutside: false,
   selectorPrimaryFocus: '[data-modal-primary-focus]',
-  onKeyDown: function onKeyDown() {}
+  onKeyDown: () => {}
 });
 
 exports["default"] = ModalWrapper;