@jetbrains/ring-ui 5.0.156 → 5.0.157

package/dist/avatar-editor-ng/avatar-editor-ng.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/es.array.index-of.js';
 import angular from 'angular';
 import pencilIcon from '@jetbrains/icons/pencil';
 import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
@@ -5,11 +6,21 @@ import alertService from '../alert-service/alert-service.js';
 import IconNG from '../icon-ng/icon-ng.js';
 import template from './avatar-editor-ng__template.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.concat.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 '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
 import '../alert/alert.js';
+import 'core-js/modules/es.object.values.js';
 import 'classnames';
 import 'prop-types';
 import '@jetbrains/icons/exception';
@@ -21,11 +32,22 @@ import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.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 '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../_helpers/loader-inline.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.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 '../link/clickableLink.js';
@@ -37,17 +59,24 @@ import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.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.array.slice.js';
+import 'core-js/modules/es.array.splice.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 '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../alert/container.js';
 import '../template-ng/template-ng.js';
 import '../global/ring-angular-component.js';
 
-const angularModule = angular.module('Ring.avatar-editor', [MessageBundle, IconNG]);
+var angularModule = angular.module('Ring.avatar-editor', [MessageBundle, IconNG]);
 
 /**
  * @name Avatar Editor Ng
@@ -65,10 +94,10 @@ function rgAvatarEditor() {
       deleteLabel: '@',
       addMessage: '@'
     },
-    template,
+    template: template,
     transclude: true,
     controller: ['$scope', '$attrs', 'RingMessageBundle', function controller($scope, $attrs, RingMessageBundle) {
-      let fileInput;
+      var fileInput;
       $scope.editIcon = pencilIcon;
       $scope.showAddButton = 'showAddButton' in $scope ? $scope.showAddButton : true;
       $scope.showDeleteButton = 'showDeleteButton' in $scope ? $scope.showDeleteButton : true;
@@ -76,32 +105,32 @@ function rgAvatarEditor() {
         $scope.controlled = true;
       }
       function createFileLoadListener(file) {
-        return readEvent => {
-          const data = readEvent.target.result;
-          const result = $scope.onSelect({
+        return function (readEvent) {
+          var data = readEvent.target.result;
+          var result = $scope.onSelect({
             name: file.name,
-            data
+            data: data
           });
           if (result && result.then) {
-            result.then(() => {
+            result.then(function () {
               $scope.model = data;
             });
           } else if (result !== false) {
-            $scope.$apply(() => {
+            $scope.$apply(function () {
               $scope.model = data;
             });
           }
         };
       }
-      this.registerFileInput = input => {
+      this.registerFileInput = function (input) {
         fileInput = input;
-        fileInput.addEventListener('change', e => {
-          let imageFileSelected = false;
-          for (let i = 0; i < e.target.files.length; i++) {
-            const file = e.target.files[i];
+        fileInput.addEventListener('change', function (e) {
+          var imageFileSelected = false;
+          for (var i = 0; i < e.target.files.length; i++) {
+            var file = e.target.files[i];
             if (file.type.indexOf('image/') === 0) {
               imageFileSelected = true;
-              const reader = new FileReader();
+              var reader = new FileReader();
               reader.onload = createFileLoadListener(file);
               reader.readAsDataURL(file);
               break;
@@ -116,7 +145,7 @@ function rgAvatarEditor() {
       function onClick(e) {
         e.stopPropagation();
       }
-      $scope.controls.select = () => {
+      $scope.controls.select = function () {
         if (!FileReader) {
           alertService.error(RingMessageBundle.avatareditor_nosupport());
         } else {
@@ -125,22 +154,26 @@ function rgAvatarEditor() {
           fileInput.removeEventListener('click', onClick);
         }
       };
-      $scope.controls.remove = () => {
-        const data = '';
-        const result = $scope.onSelect({
+      $scope.controls.remove = function () {
+        var data = '';
+        var result = $scope.onSelect({
           name: data,
-          data
+          data: data
         });
         if (result && result.then) {
-          result.then(() => {
+          result.then(function () {
             $scope.model = data;
           });
         } else if (result !== false) {
           $scope.model = data;
         }
       };
-      $scope.getDeleteLabel = () => $scope.deleteLabel || RingMessageBundle.avatareditor_delete();
-      $scope.getAddMessage = () => $scope.addMessage || RingMessageBundle.avatareditor_add();
+      $scope.getDeleteLabel = function () {
+        return $scope.deleteLabel || RingMessageBundle.avatareditor_delete();
+      };
+      $scope.getAddMessage = function () {
+        return $scope.addMessage || RingMessageBundle.avatareditor_add();
+      };
     }]
   };
 }

package/dist/avatar-editor-ng/avatar-editor-ng__template.js

@@ -1,30 +1,3 @@
-var template = `<div>
-  <div ng-click="!ngDisabled && controls.select()" class="ring-avatar-editor__frame" ng-class="{
-        'ring-avatar-editor_controlled': controlled,
-        'ring-avatar-editor': !ngDisabled
-    }" ng-show="model || default">
-    <img alt="Avatar" class="ring-avatar-editor__img" ng-src="{{ model }}" ng-show="model">
-    <img alt="Default avatar" class="ring-avatar-editor__img" ng-src="{{ default }}"
-         ng-show="!model && default" ng-click="!ngDisabled && controls.select()">
-    <rg-icon glyph="{{editIcon}}" size="16" class="ring-avatar-editor__icon" ng-if="!ngDisabled"></rg-icon>
-  </div>
-  <input class="ring-avatar-editor__file-input" rg-avatar-editor-file-input type="file" ng-model="fileInput" accept="image/*" ng-if="!ngDisabled">
-
-  <rg-button
-    delayed="true"
-    ng-disabled="ngDisabled"
-    ng-if="showAddButton && !model && !default"
-    ng-click="controls.select()"
-  >{{ getAddMessage() }}</rg-button>
-
-  <rg-button
-    ng-if="showDeleteButton&& model && !ngDisabled"
-    danger="true"
-    class="ring-avatar-editor__remove"
-    ng-click="controls.remove()"
-  >
-    <span translate>{{ getDeleteLabel() }}</span>
-  </rg-button>
-</div>`;
+var template = "<div>\n  <div ng-click=\"!ngDisabled && controls.select()\" class=\"ring-avatar-editor__frame\" ng-class=\"{\n        'ring-avatar-editor_controlled': controlled,\n        'ring-avatar-editor': !ngDisabled\n    }\" ng-show=\"model || default\">\n    <img alt=\"Avatar\" class=\"ring-avatar-editor__img\" ng-src=\"{{ model }}\" ng-show=\"model\">\n    <img alt=\"Default avatar\" class=\"ring-avatar-editor__img\" ng-src=\"{{ default }}\"\n         ng-show=\"!model && default\" ng-click=\"!ngDisabled && controls.select()\">\n    <rg-icon glyph=\"{{editIcon}}\" size=\"16\" class=\"ring-avatar-editor__icon\" ng-if=\"!ngDisabled\"></rg-icon>\n  </div>\n  <input class=\"ring-avatar-editor__file-input\" rg-avatar-editor-file-input type=\"file\" ng-model=\"fileInput\" accept=\"image/*\" ng-if=\"!ngDisabled\">\n\n  <rg-button\n    delayed=\"true\"\n    ng-disabled=\"ngDisabled\"\n    ng-if=\"showAddButton && !model && !default\"\n    ng-click=\"controls.select()\"\n  >{{ getAddMessage() }}</rg-button>\n\n  <rg-button\n    ng-if=\"showDeleteButton&& model && !ngDisabled\"\n    danger=\"true\"\n    class=\"ring-avatar-editor__remove\"\n    ng-click=\"controls.remove()\"\n  >\n    <span translate>{{ getDeleteLabel() }}</span>\n  </rg-button>\n</div>";
 
 export { template as default };

package/dist/avatar-ng/avatar-ng.js

@@ -1,18 +1,40 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Avatar from '../avatar/avatar.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.slice.js';
 import 'angular';
 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 '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.from.js';
 import 'prop-types';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '../global/url.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.match.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/dom.js';
+import 'core-js/modules/es.object.assign.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.set.js';
 import '../avatar/fallback-avatar.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.number.constructor.js';
 import '../global/get-uid.js';
+import 'core-js/modules/es.regexp.to-string.js';
 
 var avatarNg = angularComponentFactory(Avatar, 'Avatar').name;
 

package/dist/badge/badge.js

@@ -1,47 +1,55 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, _ as _createClass, h as _objectWithoutProperties, i 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_6c9187df } from '../_helpers/badge.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 = ["gray", "valid", "invalid", "disabled", "className", "children", "data-test"];
 /**
  * @name Badge
  */
-class Badge extends PureComponent {
-  static propTypes = {
-    gray: PropTypes.bool,
-    valid: PropTypes.bool,
-    invalid: PropTypes.bool,
-    disabled: PropTypes.bool,
-    className: PropTypes.string,
-    children: PropTypes.node,
-    'data-test': PropTypes.string
-  };
-  render() {
-    const {
-      // Modifiers
-      gray,
-      valid,
-      invalid,
-      disabled,
-      // Props
-      className,
-      children,
-      'data-test': dataTest,
-      ...props
-    } = this.props;
-    const classes = classNames(modules_6c9187df.badge, className, {
-      [modules_6c9187df.gray]: gray,
-      [modules_6c9187df.valid]: valid,
-      [modules_6c9187df.invalid]: invalid,
-      [modules_6c9187df.disabled]: disabled
-    });
-    return /*#__PURE__*/React.createElement("span", _extends({}, props, {
-      "data-test": joinDataTestAttributes('ring-badge', dataTest),
-      className: classes
-    }), children);
+var Badge = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Badge, _PureComponent);
+  var _super = _createSuper(Badge);
+  function Badge() {
+    _classCallCheck(this, Badge);
+    return _super.apply(this, arguments);
   }
-}
+  _createClass(Badge, [{
+    key: "render",
+    value: function render() {
+      var _classNames;
+      var _this$props = this.props,
+        gray = _this$props.gray,
+        valid = _this$props.valid,
+        invalid = _this$props.invalid,
+        disabled = _this$props.disabled,
+        className = _this$props.className,
+        children = _this$props.children,
+        dataTest = _this$props['data-test'],
+        props = _objectWithoutProperties(_this$props, _excluded);
+      var classes = classNames(modules_6c9187df.badge, className, (_classNames = {}, _defineProperty(_classNames, modules_6c9187df.gray, gray), _defineProperty(_classNames, modules_6c9187df.valid, valid), _defineProperty(_classNames, modules_6c9187df.invalid, invalid), _defineProperty(_classNames, modules_6c9187df.disabled, disabled), _classNames));
+      return /*#__PURE__*/React.createElement("span", _extends({}, props, {
+        "data-test": joinDataTestAttributes('ring-badge', dataTest),
+        className: classes
+      }), children);
+    }
+  }]);
+  return Badge;
+}(PureComponent);
+_defineProperty(Badge, "propTypes", {
+  gray: PropTypes.bool,
+  valid: PropTypes.bool,
+  invalid: PropTypes.bool,
+  disabled: PropTypes.bool,
+  className: PropTypes.string,
+  children: PropTypes.node,
+  'data-test': PropTypes.string
+});
 
 export { Badge as default };

package/dist/badge-ng/badge-ng.js

@@ -1,15 +1,27 @@
 import angularComponentFactory from '../global/angular-component-factory.js';
 import Badge from '../badge/badge.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.array.slice.js';
 import 'angular';
 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 '../global/ring-angular-component.js';
 import '../global/react-dom-renderer.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.from.js';
 import 'prop-types';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
 import '../_helpers/badge.js';
 
 var badgeNg = angularComponentFactory(Badge, 'Badge').name;

package/dist/breadcrumb-ng/breadcrumb-ng.js

@@ -1,11 +1,19 @@
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.array.concat.js';
 import angular from 'angular';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import LinkNG from '../link-ng/link-ng.js';
 import IconNG from '../icon-ng/icon-ng.js';
 import '../_helpers/link.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../global/ring-angular-component.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
 import '../_helpers/icon.js';
 
 var modules_2c17c81e = {"unit":"i__const_unit_0","light":"light_rui_2ac4","breadcrumb":"breadcrumb_rui_91a4","header":"header_rui_91a4","breadcrumbSmall":"breadcrumbSmall_rui_91a4","breadcrumbElement":"breadcrumbElement_rui_91a4","active":"active_rui_91a4","elementDescription":"elementDescription_rui_91a4","separatorIcon":"separatorIcon_rui_91a4"};
@@ -14,37 +22,15 @@ var modules_2c17c81e = {"unit":"i__const_unit_0","light":"light_rui_2ac4","bread
  * @name Breadcrumb Ng
  */
 
-const angularModule = angular.module('Ring.breadcrumb', [LinkNG, IconNG]);
-angularModule.filter('breadcrumbNgChevronIcon', () => () => chevronRightIcon);
+var angularModule = angular.module('Ring.breadcrumb', [LinkNG, IconNG]);
+angularModule.filter('breadcrumbNgChevronIcon', function () {
+  return function () {
+    return chevronRightIcon;
+  };
+});
 angularModule.directive('rgBreadcrumb', function rgBreadcrumbDirective() {
   return {
-    template: `
-<div class="${modules_2c17c81e.breadcrumb}">
-  <span class="${modules_2c17c81e.breadcrumbElement}" data-test="ring-breadcrumb" ng-show="label">
-    <rg-link
-      ng-if="link"
-      ng-href="{{link}}"
-    >{{label}}</rg-link>
-
-    <rg-link ng-if="!link && onClick"
-          ng-class="onClick && 'ring-link'"
-          data-test="ring-breadcrumb-link"
-          ng-click="onClick({$event: $event})">{{label}}</rg-link>
-
-    <span ng-if="!link && !onClick" ng-click="onClick({$event: $event})">{{label}}</span>
-  </span>
-
-  <span ng-show="label">
-    <rg-icon
-      class="${modules_2c17c81e.separatorIcon}"
-      glyph="{{'' | breadcrumbNgChevronIcon}}"
-    ></rg-icon>
-  </span>
-
-  <span class="${modules_2c17c81e.breadcrumbElement} ${modules_2c17c81e.active}" data-test="ring-breadcrumb-element" ng-transclude></span>
-</div>
-
-    `,
+    template: "\n<div class=\"".concat(modules_2c17c81e.breadcrumb, "\">\n  <span class=\"").concat(modules_2c17c81e.breadcrumbElement, "\" data-test=\"ring-breadcrumb\" ng-show=\"label\">\n    <rg-link\n      ng-if=\"link\"\n      ng-href=\"{{link}}\"\n    >{{label}}</rg-link>\n\n    <rg-link ng-if=\"!link && onClick\"\n          ng-class=\"onClick && 'ring-link'\"\n          data-test=\"ring-breadcrumb-link\"\n          ng-click=\"onClick({$event: $event})\">{{label}}</rg-link>\n\n    <span ng-if=\"!link && !onClick\" ng-click=\"onClick({$event: $event})\">{{label}}</span>\n  </span>\n\n  <span ng-show=\"label\">\n    <rg-icon\n      class=\"").concat(modules_2c17c81e.separatorIcon, "\"\n      glyph=\"{{'' | breadcrumbNgChevronIcon}}\"\n    ></rg-icon>\n  </span>\n\n  <span class=\"").concat(modules_2c17c81e.breadcrumbElement, " ").concat(modules_2c17c81e.active, "\" data-test=\"ring-breadcrumb-element\" ng-transclude></span>\n</div>\n\n    "),
     replace: true,
     transclude: true,
     restrict: 'E',

package/dist/button/button.js

@@ -1,5 +1,6 @@
-import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, createRef } from 'react';
+import { c as _defineProperty, j as _inherits, k as _createSuper, b as _classCallCheck, m as _assertThisInitialized, _ as _createClass, h as _objectWithoutProperties, a as _objectSpread2, i as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import React, { createRef, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import chevronDown from '@jetbrains/icons/chevron-10px';
@@ -11,99 +12,122 @@ import { Size } from '../icon/icon__constants.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.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.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.string.iterator.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
 
+var _excluded = ["active", "danger", "delayed", "loader", "primary", "short", "text", "inline", "dropdown", "height", "icon", "iconSize", "iconClassName", "iconSuppressSizeWarning", "className", "children"];
 /**
  * @name Button
  */
 /**
  * A component for displaying variously styled buttons.
  */
-class Button extends PureComponent {
-  static propTypes = {
-    active: PropTypes.bool,
-    danger: PropTypes.bool,
-    delayed: PropTypes.bool,
-    loader: PropTypes.bool,
-    primary: PropTypes.bool,
-    short: PropTypes.bool,
-    text: PropTypes.bool,
-    inline: PropTypes.bool,
-    dropdown: PropTypes.bool,
-    href: PropTypes.string,
-    target: PropTypes.string,
-    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-    iconSize: PropTypes.number,
-    iconClassName: PropTypes.string,
-    iconSuppressSizeWarning: PropTypes.bool,
-    className: PropTypes.string,
-    children: PropTypes.node,
-    onClick: PropTypes.func
-  };
-  static IconSize = Size;
-  static contextType = ControlsHeightContext;
-  buttonRef = /*#__PURE__*/createRef();
-  render() {
-    const {
-      // Modifiers
-      active,
-      danger,
-      delayed,
-      loader,
-      primary,
-      short,
-      text,
-      inline,
-      dropdown,
-      height = this.context,
-      // Props
-      icon,
-      iconSize,
-      iconClassName,
-      iconSuppressSizeWarning,
-      className,
-      children,
-      ...props
-    } = this.props;
-    const classes = getButtonClasses({
-      className,
-      active,
-      danger,
-      delayed,
-      icon,
-      loader,
-      primary,
-      short,
-      text,
-      inline,
-      height
-    });
-    const content = /*#__PURE__*/React.createElement("span", {
-      className: modules_e81895c9.content
-    }, icon && /*#__PURE__*/React.createElement("span", {
-      className: classNames(modules_e81895c9.icon, iconClassName)
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: icon,
-      size: iconSize,
-      loading: loader,
-      suppressSizeWarning: iconSuppressSizeWarning
-    })), children && /*#__PURE__*/React.createElement("span", null, children), dropdown && /*#__PURE__*/React.createElement(Icon, {
-      glyph: chevronDown,
-      className: modules_e81895c9.dropdownIcon
-    }));
-    const commonProps = {
-      tabIndex: loader ? -1 : 0,
-      ...props,
-      className: classes,
-      children: /*#__PURE__*/React.createElement(React.Fragment, null, loader && !text && !icon && /*#__PURE__*/React.createElement("div", {
-        className: modules_e81895c9.loaderBackground
-      }), content)
-    };
-    return commonProps.href != null ? /*#__PURE__*/React.createElement(ClickableLink, commonProps) : /*#__PURE__*/React.createElement("button", _extends({
-      ref: this.buttonRef,
-      type: "button"
-    }, commonProps));
+var Button = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Button, _PureComponent);
+  var _super = _createSuper(Button);
+  function Button() {
+    var _this;
+    _classCallCheck(this, Button);
+    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), "buttonRef", /*#__PURE__*/createRef());
+    return _this;
   }
-}
+  _createClass(Button, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        active = _this$props.active,
+        danger = _this$props.danger,
+        delayed = _this$props.delayed,
+        loader = _this$props.loader,
+        primary = _this$props.primary,
+        short = _this$props.short,
+        text = _this$props.text,
+        inline = _this$props.inline,
+        dropdown = _this$props.dropdown,
+        _this$props$height = _this$props.height,
+        height = _this$props$height === void 0 ? this.context : _this$props$height,
+        icon = _this$props.icon,
+        iconSize = _this$props.iconSize,
+        iconClassName = _this$props.iconClassName,
+        iconSuppressSizeWarning = _this$props.iconSuppressSizeWarning,
+        className = _this$props.className,
+        children = _this$props.children,
+        props = _objectWithoutProperties(_this$props, _excluded);
+      var classes = getButtonClasses({
+        className: className,
+        active: active,
+        danger: danger,
+        delayed: delayed,
+        icon: icon,
+        loader: loader,
+        primary: primary,
+        short: short,
+        text: text,
+        inline: inline,
+        height: height
+      });
+      var content = /*#__PURE__*/React.createElement("span", {
+        className: modules_e81895c9.content
+      }, icon && /*#__PURE__*/React.createElement("span", {
+        className: classNames(modules_e81895c9.icon, iconClassName)
+      }, /*#__PURE__*/React.createElement(Icon, {
+        glyph: icon,
+        size: iconSize,
+        loading: loader,
+        suppressSizeWarning: iconSuppressSizeWarning
+      })), children && /*#__PURE__*/React.createElement("span", null, children), dropdown && /*#__PURE__*/React.createElement(Icon, {
+        glyph: chevronDown,
+        className: modules_e81895c9.dropdownIcon
+      }));
+      var commonProps = _objectSpread2(_objectSpread2({
+        tabIndex: loader ? -1 : 0
+      }, props), {}, {
+        className: classes,
+        children: /*#__PURE__*/React.createElement(React.Fragment, null, loader && !text && !icon && /*#__PURE__*/React.createElement("div", {
+          className: modules_e81895c9.loaderBackground
+        }), content)
+      });
+      return commonProps.href != null ? /*#__PURE__*/React.createElement(ClickableLink, commonProps) : /*#__PURE__*/React.createElement("button", _extends({
+        ref: this.buttonRef,
+        type: "button"
+      }, commonProps));
+    }
+  }]);
+  return Button;
+}(PureComponent);
+_defineProperty(Button, "propTypes", {
+  active: PropTypes.bool,
+  danger: PropTypes.bool,
+  delayed: PropTypes.bool,
+  loader: PropTypes.bool,
+  primary: PropTypes.bool,
+  short: PropTypes.bool,
+  text: PropTypes.bool,
+  inline: PropTypes.bool,
+  dropdown: PropTypes.bool,
+  href: PropTypes.string,
+  target: PropTypes.string,
+  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+  iconSize: PropTypes.number,
+  iconClassName: PropTypes.string,
+  iconSuppressSizeWarning: PropTypes.bool,
+  className: PropTypes.string,
+  children: PropTypes.node,
+  onClick: PropTypes.func
+});
+_defineProperty(Button, "IconSize", Size);
+_defineProperty(Button, "contextType", ControlsHeightContext);
 
 export { Button, Size as IconSize, Button as default };

package/dist/button/button__classes.js

@@ -1,2 +1,3 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 export { g as getButtonClasses } from '../_helpers/button__classes.js';