@jetbrains/ring-ui 5.1.1 → 6.0.1-beta.0

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.d.ts

@@ -43,6 +43,6 @@ export default class Confirm extends PureComponent<ConfirmProps> {
         onReject: () => void;
     };
     onEscPress: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type ConfirmAttributes = JSX.LibraryManagedAttributes<typeof Confirm, ConfirmProps>;

package/dist/confirm/confirm.js

@@ -1,4 +1,7 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d 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';
@@ -11,14 +14,35 @@ 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';
@@ -27,69 +51,83 @@ import '../global/linear-function.js';
 import '../_helpers/island.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 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';
 import '../_helpers/panel.js';
 
-var modules_4c9c3a3a = {"unit":"8px","light":"light_rui_2cda","description":"description_rui_2cda"};
+var modules_4c9c3a3a = {"unit":"i__const_unit_0","light":"light_rui_2ac4","description":"description_rui_2cda"};
 
 /**
  * @name Confirm
  */
-class Confirm extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "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];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "onEscPress", function () {
+      if (_this.props.rejectOnEsc) {
+        _this.props.onReject();
       }
     });
+    return _this;
   }
-  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), /*#__PURE__*/React.createElement(ContentWrapper, null, description && /*#__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)));
-  }
-}
+  _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,
@@ -112,8 +150,8 @@ _defineProperty(Confirm, "defaultProps", {
   cancelIsDefault: false,
   confirmLabel: 'OK',
   rejectLabel: 'Cancel',
-  onConfirm: () => {},
-  onReject: () => {}
+  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 messageBundleNg 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 '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import 'prop-types';
 import '../dialog/dialog.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,22 +31,39 @@ 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 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 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';
@@ -49,15 +77,15 @@ import '../_helpers/panel.js';
  * @name Confirm Ng
  */
 
-const angularModule = angular.module('Ring.confirm', [MessageBundle]);
+var angularModule = angular.module('Ring.confirm', [messageBundleNg]);
 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 { e as _objectWithoutProperties, g 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 { ControlsHeight, ControlsHeightContext } from '../global/controls-height.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 '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
 import 'prop-types';
 import '../dialog/dialog.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,22 +29,39 @@ 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 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 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';
@@ -42,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 = ControlsHeight.M,
-    ...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.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export interface ContentLayoutProps extends HTMLAttributes<HTMLElement> {
     responsive: boolean;
@@ -21,6 +21,6 @@ export default class ContentLayout extends Component<ContentLayoutProps> {
         contentNode: null;
     };
     saveContentNode: (contentNode: HTMLElement | null) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { default as Sidebar } from './sidebar';

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

@@ -1,51 +1,69 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component, cloneElement } from 'react';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, l as _typeof, f 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 {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
+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
     });
-    _defineProperty(this, "saveContentNode", contentNode => {
-      this.setState({
-        contentNode
+    _defineProperty(_assertThisInitialized(_this), "saveContentNode", function (contentNode) {
+      _this.setState({
+        contentNode: contentNode
       });
     });
+    return _this;
   }
-  render() {
-    const {
-      children,
-      className,
-      contentClassName,
-      responsive,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_b8a9dd4f.contentLayout, className, {
-      [modules_b8a9dd4f.contentLayoutResponsive]: responsive
-    });
-    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));
-  }
-}
+  _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,

package/dist/content-layout/sidebar.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { Waypoint } from 'react-waypoint';
 export interface SidebarProps extends HTMLAttributes<HTMLElement> {
@@ -27,5 +27,5 @@ export default class Sidebar extends Component<SidebarProps> {
     shouldUseFixation(): boolean;
     shouldFixateBottom(): boolean;
     sidebarRef: (node: HTMLElement | null) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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';