@jetbrains/ring-ui 5.0.156 → 5.0.158

package/dist/compiler-ng/compiler-ng.js

@@ -1,13 +1,16 @@
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.trim.js';
 import angular from 'angular';
 
-const angularModule = angular.module('Ring.compiler', []).factory('rgCompiler', ["$q", "$controller", "$injector", "$compile", function rgCompilerFactory($q, $controller, $injector, $compile) {
-  return options => {
-    const template = options.template;
-    const controller = options.controller;
-    const controllerAs = options.controllerAs;
-    const resolve = angular.extend({}, options.resolve);
-    const bindToController = options.bindToController;
-    angular.forEach(resolve, (value, key) => {
+var angularModule = angular.module('Ring.compiler', []).factory('rgCompiler', ["$q", "$controller", "$injector", "$compile", function rgCompilerFactory($q, $controller, $injector, $compile) {
+  return function (options) {
+    var template = options.template;
+    var controller = options.controller;
+    var controllerAs = options.controllerAs;
+    var resolve = angular.extend({}, options.resolve);
+    var bindToController = options.bindToController;
+    angular.forEach(resolve, function (value, key) {
       if (angular.isString(value)) {
         resolve[key] = $injector.get(value);
       } else {
@@ -17,21 +20,21 @@ const angularModule = angular.module('Ring.compiler', []).factory('rgCompiler',
       }
     });
     angular.extend(resolve, options.locals);
-    return $q.all(resolve).then(locals => {
-      const element = options.element || angular.element('<div>').html(template.trim()).contents();
-      const linkFn = $compile(element, locals.$transclude);
+    return $q.all(resolve).then(function (locals) {
+      var element = options.element || angular.element('<div>').html(template.trim()).contents();
+      var linkFn = $compile(element, locals.$transclude);
       locals.$element = element;
       return {
-        locals,
-        element,
+        locals: locals,
+        element: element,
         link: function link(scope) {
           locals.$scope = scope;
           if (controller) {
-            const invokeCtrl = $controller(controller, locals, true);
+            var invokeCtrl = $controller(controller, locals, true);
             if (bindToController) {
               angular.extend(invokeCtrl.instance, locals);
             }
-            const ctrl = invokeCtrl();
+            var ctrl = invokeCtrl();
             element.data('$ngControllerController', ctrl);
             if (controllerAs) {
               scope[controllerAs] = ctrl;

package/dist/confirm/confirm.js

@@ -1,3 +1,7 @@
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, m as _assertThisInitialized, _ as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Dialog from '../dialog/dialog.js';
@@ -6,19 +10,39 @@ import '../island/island.js';
 import Panel from '../panel/panel.js';
 import HeaderWrapper from '../island/header.js';
 import ContentWrapper from '../island/content.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react-dom';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../global/get-uid.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
@@ -33,7 +57,11 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.weak-map.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
@@ -44,72 +72,86 @@ var modules_4c9c3a3a = {"unit":"i__const_unit_0","light":"light_rui_2ac4","descr
 /**
  * @name Confirm
  */
-class Confirm extends PureComponent {
-  static propTypes = {
-    className: PropTypes.string,
-    text: PropTypes.string,
-    description: PropTypes.node,
-    show: PropTypes.bool,
-    rejectOnEsc: PropTypes.bool,
-    inProgress: PropTypes.bool,
-    cancelIsDefault: PropTypes.bool,
-    confirmLabel: PropTypes.string,
-    rejectLabel: PropTypes.string,
-    onConfirm: PropTypes.func,
-    onReject: PropTypes.func
-  };
-  static defaultProps = {
-    text: null,
-    description: null,
-    show: false,
-    rejectOnEsc: true,
-    inProgress: false,
-    cancelIsDefault: false,
-    confirmLabel: 'OK',
-    rejectLabel: 'Cancel',
-    onConfirm: () => {},
-    onReject: () => {}
-  };
-  onEscPress = () => {
-    if (this.props.rejectOnEsc) {
-      this.props.onReject();
+var Confirm = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Confirm, _PureComponent);
+  var _super = _createSuper(Confirm);
+  function Confirm() {
+    var _this;
+    _classCallCheck(this, Confirm);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
-  };
-  render() {
-    const {
-      show,
-      className,
-      inProgress,
-      cancelIsDefault,
-      text,
-      description,
-      confirmLabel,
-      rejectLabel,
-      onConfirm,
-      onReject
-    } = this.props;
-    return /*#__PURE__*/React.createElement(Dialog, {
-      label: text || (typeof description === 'string' ? description : undefined),
-      className: className,
-      onEscPress: this.onEscPress,
-      show: show,
-      trapFocus: true,
-      "data-test": "ring-confirm"
-    }, text && /*#__PURE__*/React.createElement(HeaderWrapper, null, text), description && /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
-      className: modules_4c9c3a3a.description
-    }, description)), /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
-      "data-test": "confirm-ok-button",
-      primary: !cancelIsDefault,
-      loader: inProgress,
-      disabled: inProgress,
-      onClick: onConfirm
-    }, confirmLabel), /*#__PURE__*/React.createElement(Button, {
-      "data-test": "confirm-reject-button",
-      onClick: onReject,
-      disabled: inProgress,
-      primary: cancelIsDefault
-    }, rejectLabel)));
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "onEscPress", function () {
+      if (_this.props.rejectOnEsc) {
+        _this.props.onReject();
+      }
+    });
+    return _this;
   }
-}
+  _createClass(Confirm, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        show = _this$props.show,
+        className = _this$props.className,
+        inProgress = _this$props.inProgress,
+        cancelIsDefault = _this$props.cancelIsDefault,
+        text = _this$props.text,
+        description = _this$props.description,
+        confirmLabel = _this$props.confirmLabel,
+        rejectLabel = _this$props.rejectLabel,
+        onConfirm = _this$props.onConfirm,
+        onReject = _this$props.onReject;
+      return /*#__PURE__*/React.createElement(Dialog, {
+        label: text || (typeof description === 'string' ? description : undefined),
+        className: className,
+        onEscPress: this.onEscPress,
+        show: show,
+        trapFocus: true,
+        "data-test": "ring-confirm"
+      }, text && /*#__PURE__*/React.createElement(HeaderWrapper, null, text), description && /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement("div", {
+        className: modules_4c9c3a3a.description
+      }, description)), /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
+        "data-test": "confirm-ok-button",
+        primary: !cancelIsDefault,
+        loader: inProgress,
+        disabled: inProgress,
+        onClick: onConfirm
+      }, confirmLabel), /*#__PURE__*/React.createElement(Button, {
+        "data-test": "confirm-reject-button",
+        onClick: onReject,
+        disabled: inProgress,
+        primary: cancelIsDefault
+      }, rejectLabel)));
+    }
+  }]);
+  return Confirm;
+}(PureComponent);
+_defineProperty(Confirm, "propTypes", {
+  className: PropTypes.string,
+  text: PropTypes.string,
+  description: PropTypes.node,
+  show: PropTypes.bool,
+  rejectOnEsc: PropTypes.bool,
+  inProgress: PropTypes.bool,
+  cancelIsDefault: PropTypes.bool,
+  confirmLabel: PropTypes.string,
+  rejectLabel: PropTypes.string,
+  onConfirm: PropTypes.func,
+  onReject: PropTypes.func
+});
+_defineProperty(Confirm, "defaultProps", {
+  text: null,
+  description: null,
+  show: false,
+  rejectOnEsc: true,
+  inProgress: false,
+  cancelIsDefault: false,
+  confirmLabel: 'OK',
+  rejectLabel: 'Cancel',
+  onConfirm: function onConfirm() {},
+  onReject: function onReject() {}
+});
 
 export { Confirm as default };

package/dist/confirm-ng/confirm-ng.js

@@ -1,17 +1,28 @@
 import angular from 'angular';
 import confirm from '../confirm-service/confirm-service.js';
 import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.promise.js';
 import 'react';
 import '../global/react-render-adapter.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
 import '../confirm/confirm.js';
+import 'core-js/modules/es.array.concat.js';
 import 'prop-types';
 import '../dialog/dialog.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -20,13 +31,28 @@ import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.set.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
@@ -34,7 +60,10 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
@@ -48,15 +77,15 @@ import '../_helpers/panel.js';
  * @name Confirm Ng
  */
 
-const angularModule = angular.module('Ring.confirm', [MessageBundle]);
+var angularModule = angular.module('Ring.confirm', [MessageBundle]);
 angularModule.service('confirm', ["$q", "RingMessageBundle", function service($q, RingMessageBundle) {
   return function showConfirm(message, description, actionTitle, cancelTitle, cancelIsDefault, actionFn) {
     return $q.when(confirm({
       text: message,
-      description,
+      description: description,
       confirmLabel: actionTitle || RingMessageBundle.confirmation_ok(),
       rejectLabel: cancelTitle || RingMessageBundle.confirmation_cancel(),
-      cancelIsDefault,
+      cancelIsDefault: cancelIsDefault,
       onBeforeConfirm: actionFn
     }));
   };

package/dist/confirm-service/confirm-service.js

@@ -1,15 +1,26 @@
+import { h as _objectWithoutProperties, a as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.promise.js';
 import React from 'react';
 import { render } from '../global/react-render-adapter.js';
 import Confirm from '../confirm/confirm.js';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react-dom';
+import 'core-js/modules/es.array.concat.js';
 import 'prop-types';
 import '../dialog/dialog.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
@@ -18,13 +29,28 @@ import '../island/content.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import '../shortcuts/shortcuts.js';
+import 'core-js/modules/es.array.map.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.find-index.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
+import 'core-js/modules/es.array.filter.js';
 import '../global/dom.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.set.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
@@ -32,7 +58,10 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
 import '../global/memoize.js';
+import 'core-js/modules/es.map.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../popup/popup.target.js';
@@ -41,69 +70,64 @@ import 'scrollbar-width';
 import '../panel/panel.js';
 import '../_helpers/panel.js';
 
-const containerElement = document.createElement('div');
+var _excluded = ["buttonsHeight"];
+var containerElement = document.createElement('div');
 /**
  * Renders Confirm into virtual node to skip maintaining container
  */
 function renderConfirm(props) {
-  const {
-    buttonsHeight = getGlobalControlsHeight(),
-    ...restProps
-  } = props;
+  var _props$buttonsHeight = props.buttonsHeight,
+    buttonsHeight = _props$buttonsHeight === void 0 ? getGlobalControlsHeight() : _props$buttonsHeight,
+    restProps = _objectWithoutProperties(props, _excluded);
   render( /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
     value: buttonsHeight
   }, /*#__PURE__*/React.createElement(Confirm, restProps)), containerElement);
 }
 function confirm(_ref) {
-  let {
-    text,
-    description,
-    confirmLabel = 'OK',
-    rejectLabel = 'Cancel',
-    cancelIsDefault,
-    onBeforeConfirm,
-    buttonsHeight
-  } = _ref;
-  return new Promise((resolve, reject) => {
-    const props = {
-      text,
-      description,
-      confirmLabel,
-      rejectLabel,
-      cancelIsDefault,
-      buttonsHeight,
+  var text = _ref.text,
+    description = _ref.description,
+    _ref$confirmLabel = _ref.confirmLabel,
+    confirmLabel = _ref$confirmLabel === void 0 ? 'OK' : _ref$confirmLabel,
+    _ref$rejectLabel = _ref.rejectLabel,
+    rejectLabel = _ref$rejectLabel === void 0 ? 'Cancel' : _ref$rejectLabel,
+    cancelIsDefault = _ref.cancelIsDefault,
+    onBeforeConfirm = _ref.onBeforeConfirm,
+    buttonsHeight = _ref.buttonsHeight;
+  return new Promise(function (resolve, reject) {
+    var props = {
+      text: text,
+      description: description,
+      confirmLabel: confirmLabel,
+      rejectLabel: rejectLabel,
+      cancelIsDefault: cancelIsDefault,
+      buttonsHeight: buttonsHeight,
       show: true,
-      onConfirm: () => {
+      onConfirm: function onConfirm() {
         if (onBeforeConfirm) {
-          renderConfirm({
-            ...props,
+          renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
             inProgress: true
-          });
-          return Promise.resolve(onBeforeConfirm()).then(() => {
-            renderConfirm({
-              ...props,
+          }));
+          return Promise.resolve(onBeforeConfirm()).then(function () {
+            renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
               show: false
-            });
+            }));
             resolve();
-          }).catch(err => {
-            renderConfirm({
-              ...props,
+          }).catch(function (err) {
+            renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
               show: false
-            });
+            }));
             reject(err);
           });
         }
-        renderConfirm({
-          ...props,
+        renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
           show: false
-        });
+        }));
         return resolve();
       },
-      onReject: () => {
-        renderConfirm({
-          ...props,
+      onReject: function onReject() {
+        renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
           show: false
-        });
+        }));
         reject(new Error('Confirm(@jetbrains/ring-ui): null exception'));
       }
     };

package/dist/content-layout/content-layout.js

@@ -1,56 +1,77 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component, cloneElement } from 'react';
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, m as _assertThisInitialized, _ as _createClass, h as _objectWithoutProperties, d as _typeof, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.promise.js';
+import 'core-js/modules/es.array.filter.js';
+import React, { cloneElement, Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_b8a9dd4f, S as Sidebar } from '../_helpers/sidebar.js';
 import 'react-waypoint';
 
+var _excluded = ["children", "className", "contentClassName", "responsive"];
 /**
  * @name Content Layout
  */
-class ContentLayout extends Component {
-  static propTypes = {
-    children: PropTypes.node,
-    className: PropTypes.string,
-    contentClassName: PropTypes.string,
-    responsive: PropTypes.bool
-  };
-  static defaultProps = {
-    responsive: true
-  };
-  state = {
-    contentNode: null
-  };
-  saveContentNode = contentNode => {
-    this.setState({
-      contentNode
+var ContentLayout = /*#__PURE__*/function (_Component) {
+  _inherits(ContentLayout, _Component);
+  var _super = _createSuper(ContentLayout);
+  function ContentLayout() {
+    var _this;
+    _classCallCheck(this, ContentLayout);
+    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(_assertThisInitialized(_this), "state", {
+      contentNode: null
     });
-  };
-  render() {
-    const {
-      children,
-      className,
-      contentClassName,
-      responsive,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_b8a9dd4f.contentLayout, className, {
-      [modules_b8a9dd4f.contentLayoutResponsive]: responsive
+    _defineProperty(_assertThisInitialized(_this), "saveContentNode", function (contentNode) {
+      _this.setState({
+        contentNode: contentNode
+      });
     });
-    const contentClasses = classNames(modules_b8a9dd4f.contentLayoutContent, contentClassName);
-    const childrenArray = React.Children.toArray(children);
-    const sidebarChild = childrenArray.filter(child => child != null && typeof child === 'object' && 'type' in child && child.type === Sidebar)[0];
-    const sidebar = sidebarChild && /*#__PURE__*/cloneElement(sidebarChild, {
-      contentNode: this.state.contentNode
-    });
-    const contentChildren = childrenArray.filter(child => child !== sidebarChild);
-    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      className: classes
-    }), sidebar, /*#__PURE__*/React.createElement("main", {
-      className: contentClasses,
-      ref: this.saveContentNode
-    }, contentChildren));
+    return _this;
   }
-}
+  _createClass(ContentLayout, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        contentClassName = _this$props.contentClassName,
+        responsive = _this$props.responsive,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_b8a9dd4f.contentLayout, className, _defineProperty({}, modules_b8a9dd4f.contentLayoutResponsive, responsive));
+      var contentClasses = classNames(modules_b8a9dd4f.contentLayoutContent, contentClassName);
+      var childrenArray = React.Children.toArray(children);
+      var sidebarChild = childrenArray.filter(function (child) {
+        return child != null && _typeof(child) === 'object' && 'type' in child && child.type === Sidebar;
+      })[0];
+      var sidebar = sidebarChild && /*#__PURE__*/cloneElement(sidebarChild, {
+        contentNode: this.state.contentNode
+      });
+      var contentChildren = childrenArray.filter(function (child) {
+        return child !== sidebarChild;
+      });
+      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        className: classes
+      }), sidebar, /*#__PURE__*/React.createElement("main", {
+        className: contentClasses,
+        ref: this.saveContentNode
+      }, contentChildren));
+    }
+  }]);
+  return ContentLayout;
+}(Component);
+_defineProperty(ContentLayout, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  contentClassName: PropTypes.string,
+  responsive: PropTypes.bool
+});
+_defineProperty(ContentLayout, "defaultProps", {
+  responsive: true
+});
 
 export { Sidebar, ContentLayout as default };

package/dist/content-layout/sidebar.js

@@ -1,4 +1,5 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import 'react';
 import 'prop-types';
 import 'classnames';