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

package/dist/button-group/button-group.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes } from 'react';
+import React, { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Caption from './caption';
 export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
@@ -13,6 +13,6 @@ export default class ButtonGroup extends PureComponent<ButtonGroupProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         className: PropTypes.Requireable<string>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { Caption };

package/dist/button-group/button-group.js

@@ -1,29 +1,45 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 export { default as Caption } from './caption.js';
 import { m as modules_1068e447 } from '../_helpers/button-group.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 
+var _excluded = ["className", "split", "data-test"];
 /**
  * @name Button Group
  */
-class ButtonGroup extends PureComponent {
-  render() {
-    const {
-      className,
-      split,
-      'data-test': dataTest,
-      ...restProps
-    } = this.props;
-    const classes = classNames(split ? modules_1068e447.split : modules_1068e447.buttonGroup, className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      "data-test": joinDataTestAttributes('ring-button-group', dataTest),
-      className: classes
-    }));
+var ButtonGroup = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ButtonGroup, _PureComponent);
+  var _super = _createSuper(ButtonGroup);
+  function ButtonGroup() {
+    _classCallCheck(this, ButtonGroup);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(ButtonGroup, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        split = _this$props.split,
+        dataTest = _this$props['data-test'],
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(split ? modules_1068e447.split : modules_1068e447.buttonGroup, className);
+      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        "data-test": joinDataTestAttributes('ring-button-group', dataTest),
+        className: classes
+      }));
+    }
+  }]);
+  return ButtonGroup;
+}(PureComponent);
 _defineProperty(ButtonGroup, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string

package/dist/button-group/caption.d.ts

@@ -1,8 +1,8 @@
-import { PureComponent, HTMLAttributes } from 'react';
+import React, { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export default class Caption extends PureComponent<HTMLAttributes<HTMLElement>> {
     static propTypes: {
         className: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/button-group/caption.js

@@ -1,20 +1,28 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_1068e447 } from '../_helpers/button-group.js';
 
-class Caption extends PureComponent {
-  render() {
-    const {
-      className
-    } = this.props;
-    const classes = classNames(modules_1068e447.caption, className);
-    return /*#__PURE__*/React.createElement("span", _extends({}, this.props, {
-      className: classes
-    }));
+var Caption = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Caption, _PureComponent);
+  var _super = _createSuper(Caption);
+  function Caption() {
+    _classCallCheck(this, Caption);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(Caption, [{
+    key: "render",
+    value: function render() {
+      var className = this.props.className;
+      var classes = classNames(modules_1068e447.caption, className);
+      return /*#__PURE__*/React.createElement("span", _extends({}, this.props, {
+        className: classes
+      }));
+    }
+  }]);
+  return Caption;
+}(PureComponent);
 _defineProperty(Caption, "propTypes", {
   className: PropTypes.node
 });

package/dist/button-group-ng/button-group-ng.js

@@ -1,3 +1,6 @@
+import { m as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
 import angular from 'angular';
 import classNames from 'classnames';
 import { m as modules_1068e447 } from '../_helpers/button-group.js';
@@ -8,17 +11,19 @@ var modules_c53cb36f = {"buttonGroup":"buttonGroup_rui_1fbf"};
  * @name Button Group Ng
  */
 
-const angularModule = angular.module('Ring.button-group', []);
-const buttonGroupClasses = classNames(modules_1068e447.buttonGroup, modules_c53cb36f.buttonGroup);
+var angularModule = angular.module('Ring.button-group', []);
+var buttonGroupClasses = classNames(modules_1068e447.buttonGroup, modules_c53cb36f.buttonGroup);
 function rgButtonGroup() {
   return {
     restrict: 'A',
     link: function link($scope, iElement, attrs) {
-      const element = iElement[0];
+      var element = iElement[0];
       if (attrs.split) {
-        element.classList.add(...modules_1068e447.split.split(' '));
+        var _element$classList;
+        (_element$classList = element.classList).add.apply(_element$classList, _toConsumableArray(modules_1068e447.split.split(' ')));
       } else {
-        element.classList.add(...buttonGroupClasses.split(' '));
+        var _element$classList2;
+        (_element$classList2 = element.classList).add.apply(_element$classList2, _toConsumableArray(buttonGroupClasses.split(' ')));
       }
     }
   };
@@ -27,8 +32,9 @@ function rgButtonGroupCaption() {
   return {
     restrict: 'A',
     link: function link($scope, iElement) {
-      const element = iElement[0];
-      element.classList.add(...modules_1068e447.caption.split(' '));
+      var _element$classList3;
+      var element = iElement[0];
+      (_element$classList3 = element.classList).add.apply(_element$classList3, _toConsumableArray(modules_1068e447.caption.split(' ')));
     }
   };
 }

package/dist/button-ng/button-ng.js

@@ -1,4 +1,10 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { g as _objectSpread2, a as _inherits, b as _createSuper, c as _classCallCheck, _ as _defineProperty, m as _toConsumableArray, k as _assertThisInitialized, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.filter.js';
 import angular from 'angular';
 import classNames from 'classnames';
 import RingAngularComponent from '../global/ring-angular-component.js';
@@ -6,77 +12,90 @@ import { addClasses, removeClasses, applyMethodToClasses } from '../global/dom.j
 import IconNG from '../icon-ng/icon-ng.js';
 import { m as modules_e81895c9, g as getButtonClasses } from '../_helpers/button__classes.js';
 import { ControlsHeight } from '../global/controls-height.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.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 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
 import 'react';
 
-var modules_5f65bc62 = {"light":"light_rui_c440","ringIconDefaultColor":"ringIconDefaultColor_rui_c440","iconMarginFix":"iconMarginFix_rui_c440","transcludeSpacer":"transcludeSpacer_rui_c440","buttonWithoutIcon":"buttonWithoutIcon_rui_c440","iconNg":"iconNg_rui_c440","narrowRight":"narrowRight_rui_c440"};
+var modules_5f65bc62 = {"light":"light_rui_2ac4","ringIconDefaultColor":"ringIconDefaultColor_rui_c440","iconMarginFix":"iconMarginFix_rui_c440","transcludeSpacer":"transcludeSpacer_rui_c440","buttonWithoutIcon":"buttonWithoutIcon_rui_c440","iconNg":"iconNg_rui_c440","narrowRight":"narrowRight_rui_c440"};
 
-const {
-  ringIconDefaultColor,
-  iconMarginFix,
-  transcludeSpacer
-} = modules_5f65bc62;
+var ringIconDefaultColor = modules_5f65bc62.ringIconDefaultColor,
+  iconMarginFix = modules_5f65bc62.iconMarginFix,
+  transcludeSpacer = modules_5f65bc62.transcludeSpacer;
 
 /**
  * @name Button Ng
  */
 
-const angularModule = angular.module('Ring.button', [IconNG]);
-const ORDER_NOT_DEFINED = '-1';
-const buttonClassesMap = Object.values({
-  ...modules_e81895c9,
-  ...modules_5f65bc62
-}).reduce((acc, classes) => {
-  classes.split(' ').forEach(value => acc[value] = true);
+var angularModule = angular.module('Ring.button', [IconNG]);
+var ORDER_NOT_DEFINED = '-1';
+var buttonClassesMap = Object.values(_objectSpread2(_objectSpread2({}, modules_e81895c9), modules_5f65bc62)).reduce(function (acc, classes) {
+  classes.split(' ').forEach(function (value) {
+    return acc[value] = true;
+  });
   return acc;
 }, {});
-const LOADER_BACKGROUND_SELECTOR = '.js-button-loader';
-class ButtonController extends RingAngularComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "updateClasses", () => {
-      const {
-        $attrs
-      } = this.$inject;
-      const foreignClasses = [...this.element.classList].filter(name => !buttonClassesMap[name]);
-      this.element.className = classNames(foreignClasses, getButtonClasses({
+var LOADER_BACKGROUND_SELECTOR = '.js-button-loader';
+var ButtonController = /*#__PURE__*/function (_RingAngularComponent) {
+  _inherits(ButtonController, _RingAngularComponent);
+  var _super = _createSuper(ButtonController);
+  function ButtonController() {
+    var _this;
+    _classCallCheck(this, ButtonController);
+    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), "updateClasses", function () {
+      var _classNames;
+      var $attrs = _this.$inject.$attrs;
+      var foreignClasses = _toConsumableArray(_this.element.classList).filter(function (name) {
+        return !buttonClassesMap[name];
+      });
+      _this.element.className = classNames(foreignClasses, getButtonClasses({
         height: $attrs.height || ControlsHeight.S,
         className: modules_e81895c9.button,
-        active: this.getAttrValue($attrs.active),
-        disabled: this.getAttrValue($attrs.disabled),
-        loader: this.getAttrValue($attrs.loader),
+        active: _this.getAttrValue($attrs.active),
+        disabled: _this.getAttrValue($attrs.disabled),
+        loader: _this.getAttrValue($attrs.loader),
         primary: $attrs.mode === 'primary' || $attrs.mode === 'blue',
-        short: this.getAttrValue($attrs.short),
-        text: this.getAttrValue($attrs.text),
-        inline: this.getAttrValue($attrs.inline),
-        danger: this.getAttrValue($attrs.danger),
-        delayed: this.getAttrValue($attrs.delayed),
+        short: _this.getAttrValue($attrs.short),
+        text: _this.getAttrValue($attrs.text),
+        inline: _this.getAttrValue($attrs.inline),
+        danger: _this.getAttrValue($attrs.danger),
+        delayed: _this.getAttrValue($attrs.delayed),
         icon: $attrs.icon
-      }), {
-        // Some overrides for angular buttons
-        [modules_5f65bc62.buttonWithoutIcon]: !$attrs.icon,
-        [modules_5f65bc62.narrowRight]: this.getAttrValue($attrs.narrowRight)
-      });
+      }), (_classNames = {}, _defineProperty(_classNames, modules_5f65bc62.buttonWithoutIcon, !$attrs.icon), _defineProperty(_classNames, modules_5f65bc62.narrowRight, _this.getAttrValue($attrs.narrowRight)), _classNames));
       if (!$attrs.hasOwnProperty('mode')) {
-        addClasses(this.findTranscludeNode().classList, ringIconDefaultColor);
+        addClasses(_this.findTranscludeNode().classList, ringIconDefaultColor);
       } else {
-        removeClasses(this.findTranscludeNode().classList, ringIconDefaultColor);
+        removeClasses(_this.findTranscludeNode().classList, ringIconDefaultColor);
       }
     });
-    _defineProperty(this, "findTranscludeNode", () => this.element.querySelector('ng-transclude'));
-    _defineProperty(this, "updateIcon", () => {
-      const {
-        $attrs,
-        $compile,
-        $scope
-      } = this.$inject;
-      const icon = this.element.querySelector('rg-icon');
-      const transcludeNode = this.findTranscludeNode();
-      const glyph = $attrs.icon;
-      const size = $attrs.iconSize;
-      const isLoading = this.getAttrValue($attrs.loader);
+    _defineProperty(_assertThisInitialized(_this), "findTranscludeNode", function () {
+      return _this.element.querySelector('ng-transclude');
+    });
+    _defineProperty(_assertThisInitialized(_this), "updateIcon", function () {
+      var _this$$inject = _this.$inject,
+        $attrs = _this$$inject.$attrs,
+        $compile = _this$$inject.$compile,
+        $scope = _this$$inject.$scope;
+      var icon = _this.element.querySelector('rg-icon');
+      var transcludeNode = _this.findTranscludeNode();
+      var glyph = $attrs.icon;
+      var size = $attrs.iconSize;
+      var isLoading = _this.getAttrValue($attrs.loader);
       if (glyph && isLoading) {
         icon.setAttribute('loading', true);
       } else {
@@ -95,86 +114,87 @@ class ButtonController extends RingAngularComponent {
       }
       $compile(icon)($scope);
     });
-    const {
-      $element,
-      $attrs: _$attrs,
-      $scope: _$scope
-    } = this.$inject;
+    var _this$$inject2 = _this.$inject,
+      $element = _this$$inject2.$element,
+      _$attrs = _this$$inject2.$attrs,
+      _$scope = _this$$inject2.$scope;
     _$scope.styles = modules_e81895c9;
-    this.element = $element[0];
-    const modifiers = ['delayed', 'loader', 'danger', 'short', 'active', 'text', 'inline', 'narrowRight'];
-    modifiers.forEach(mod => {
-      _$scope.$watch(() => _$scope.$eval(_$attrs[mod]), val => {
-        this.updateClasses();
-        const attrName = `data-test-${mod}`;
+    _this.element = $element[0];
+    var modifiers = ['delayed', 'loader', 'danger', 'short', 'active', 'text', 'inline', 'narrowRight'];
+    modifiers.forEach(function (mod) {
+      _$scope.$watch(function () {
+        return _$scope.$eval(_$attrs[mod]);
+      }, function (val) {
+        _this.updateClasses();
+        var attrName = "data-test-".concat(mod);
         if (val) {
-          this.element.setAttribute(attrName, true);
+          _this.element.setAttribute(attrName, true);
         } else {
-          this.element.removeAttribute(attrName);
+          _this.element.removeAttribute(attrName);
         }
         if (mod === 'loader') {
-          const isText = this.getAttrValue(_$attrs.text);
-          const withIcon = !!_$attrs.icon;
-          applyMethodToClasses(val && !isText && !withIcon ? 'add' : 'remove')(this.element.querySelector(LOADER_BACKGROUND_SELECTOR).classList, modules_e81895c9.loaderBackground);
+          var isText = _this.getAttrValue(_$attrs.text);
+          var withIcon = !!_$attrs.icon;
+          applyMethodToClasses(val && !isText && !withIcon ? 'add' : 'remove')(_this.element.querySelector(LOADER_BACKGROUND_SELECTOR).classList, modules_e81895c9.loaderBackground);
         }
       });
     });
-    const tabIndex = _$attrs.tabindex || ORDER_NOT_DEFINED;
+    var tabIndex = _$attrs.tabindex || ORDER_NOT_DEFINED;
     if (tabIndex !== ORDER_NOT_DEFINED) {
-      this.element.setAttribute('tabindex', tabIndex);
+      _this.element.setAttribute('tabindex', tabIndex);
     }
-    _$scope.$watch(() => _$scope.$eval(_$attrs.loader), val => {
+    _$scope.$watch(function () {
+      return _$scope.$eval(_$attrs.loader);
+    }, function (val) {
       if (val) {
-        this.element.setAttribute('tabindex', ORDER_NOT_DEFINED);
+        _this.element.setAttribute('tabindex', ORDER_NOT_DEFINED);
       } else if (tabIndex !== ORDER_NOT_DEFINED) {
-        this.element.setAttribute('tabindex', tabIndex);
+        _this.element.setAttribute('tabindex', tabIndex);
       } else {
-        this.element.removeAttribute('tabindex');
+        _this.element.removeAttribute('tabindex');
       }
     });
+    return _this;
   }
-  $postLink() {
-    this.updateClasses();
-    const {
-      $attrs
-    } = this.$inject;
-    $attrs.$observe('mode', this.updateClasses);
-    $attrs.$observe('icon', () => {
-      this.updateClasses();
-      this.updateIcon();
-    });
-    $attrs.$observe('iconSize', () => {
+  _createClass(ButtonController, [{
+    key: "$postLink",
+    value: function $postLink() {
+      var _this2 = this;
       this.updateClasses();
-      this.updateIcon();
-    });
-  }
-  getAttrValue(attribute) {
-    const {
-      $scope
-    } = this.$inject;
-    return $scope.$eval(attribute);
-  }
-}
-_defineProperty(ButtonController, "$inject", ['$element', '$attrs', '$scope', '$compile', '$log']);
+      var $attrs = this.$inject.$attrs;
+      $attrs.$observe('mode', this.updateClasses);
+      $attrs.$observe('icon', function () {
+        _this2.updateClasses();
+        _this2.updateIcon();
+      });
+      $attrs.$observe('iconSize', function () {
+        _this2.updateClasses();
+        _this2.updateIcon();
+      });
+    }
+  }, {
+    key: "getAttrValue",
+    value: function getAttrValue(attribute) {
+      var $scope = this.$inject.$scope;
+      return $scope.$eval(attribute);
+    }
+  }]);
+  return ButtonController;
+}(RingAngularComponent);
+ButtonController.$inject = ['$element', '$attrs', '$scope', '$compile', '$log'];
 function createButtonDirective(tagName) {
-  return () => ({
-    restrict: 'E',
-    transclude: true,
-    replace: true,
-    template: `
-  <${tagName} class="${modules_e81895c9.button}">
-  <span class="${modules_e81895c9.content}"
-  ><rg-icon class="${classNames(modules_e81895c9.icon, modules_5f65bc62.iconNg, iconMarginFix)}"></rg-icon
-  ><ng-transclude></ng-transclude
-  ></span
-  ><div class="js-button-loader"></div>
-  </${tagName}>
-    `,
-    controller: ButtonController
-  });
+  return function () {
+    return {
+      restrict: 'E',
+      transclude: true,
+      replace: true,
+      template: "\n  <".concat(tagName, " class=\"").concat(modules_e81895c9.button, "\">\n  <span class=\"").concat(modules_e81895c9.content, "\"\n  ><rg-icon class=\"").concat(classNames(modules_e81895c9.icon, modules_5f65bc62.iconNg, iconMarginFix), "\"></rg-icon\n  ><ng-transclude></ng-transclude\n  ></span\n  ><div class=\"js-button-loader\"></div>\n  </").concat(tagName, ">\n    "),
+      controller: ButtonController
+    };
+  };
 }
 angularModule.directive('rgButton', createButtonDirective('button'));
 angularModule.directive('rgButtonLink', createButtonDirective('a'));
-var ButtonNG = angularModule.name;
+var Button = angularModule.name;
 
-export { LOADER_BACKGROUND_SELECTOR, ButtonNG as default };
+export { LOADER_BACKGROUND_SELECTOR, Button as default };

package/dist/button-set/button-set.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes } from 'react';
+import React, { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export interface ButtonSetProps extends HTMLAttributes<HTMLElement> {
     'data-test'?: string | null | undefined;
@@ -12,5 +12,5 @@ export default class ButtonSet extends PureComponent<ButtonSetProps> {
         className: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/button-set/button-set.js

@@ -1,28 +1,42 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_fd849143 } from '../_helpers/button-set.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 
+var _excluded = ["className", "data-test", "children"];
 /**
  * @name Button Set
  */
-class ButtonSet extends PureComponent {
-  render() {
-    const {
-      className,
-      'data-test': dataTest,
-      children,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_fd849143.buttonSet, className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      "data-test": joinDataTestAttributes('ring-button-set', dataTest),
-      className: classes
-    }), children);
+var ButtonSet = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ButtonSet, _PureComponent);
+  var _super = _createSuper(ButtonSet);
+  function ButtonSet() {
+    _classCallCheck(this, ButtonSet);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(ButtonSet, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        dataTest = _this$props['data-test'],
+        children = _this$props.children,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_fd849143.buttonSet, className);
+      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        "data-test": joinDataTestAttributes('ring-button-set', dataTest),
+        className: classes
+      }), children);
+    }
+  }]);
+  return ButtonSet;
+}(PureComponent);
 _defineProperty(ButtonSet, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string,

package/dist/button-set-ng/button-set-ng.js

@@ -1,14 +1,14 @@
 import angular from 'angular';
 import { m as modules_fd849143 } from '../_helpers/button-set.js';
 
-const angularModule = angular.module('Ring.button-set', []);
+var angularModule = angular.module('Ring.button-set', []);
 function rgButtonSet() {
   return {
     restrict: 'E',
     replace: true,
     scope: false,
     transclude: true,
-    template: `<div class="${modules_fd849143.buttonSet}" ng-transclude></div>`
+    template: "<div class=\"".concat(modules_fd849143.buttonSet, "\" ng-transclude></div>")
   };
 }
 angularModule.directive('rgButtonSet', rgButtonSet);

package/dist/button-toolbar/button-toolbar.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes } from 'react';
+import React, { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export interface ButtonToolbarProps extends HTMLAttributes<HTMLElement> {
     'data-test'?: string | null | undefined;
@@ -12,5 +12,5 @@ export default class ButtonToolbar extends PureComponent<ButtonToolbarProps> {
         className: PropTypes.Requireable<string>;
         'data-test': PropTypes.Requireable<string>;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/button-toolbar/button-toolbar.js

@@ -1,27 +1,41 @@
-import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_34154ec0 } from '../_helpers/button-toolbar.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
 
+var _excluded = ["className", "data-test"];
 /**
  * @name Button Toolbar
 */
-class ButtonToolbar extends PureComponent {
-  render() {
-    const {
-      className,
-      'data-test': dataTest,
-      ...restProps
-    } = this.props;
-    const classes = classNames(modules_34154ec0.buttonToolbar, className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      "data-test": joinDataTestAttributes('ring-button-toolbar', dataTest),
-      className: classes
-    }));
+var ButtonToolbar = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ButtonToolbar, _PureComponent);
+  var _super = _createSuper(ButtonToolbar);
+  function ButtonToolbar() {
+    _classCallCheck(this, ButtonToolbar);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(ButtonToolbar, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        dataTest = _this$props['data-test'],
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_34154ec0.buttonToolbar, className);
+      return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+        "data-test": joinDataTestAttributes('ring-button-toolbar', dataTest),
+        className: classes
+      }));
+    }
+  }]);
+  return ButtonToolbar;
+}(PureComponent);
 _defineProperty(ButtonToolbar, "propTypes", {
   children: PropTypes.node,
   className: PropTypes.string,