@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.10

package/components/list/list__link.js

@@ -1,72 +1,52 @@
-import { d as _objectSpread2, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.symbol.description.js';
-import { Component, PureComponent } from 'react';
-import PropTypes from 'prop-types';
+import { PureComponent } from 'react';
 import classNames from 'classnames';
 import Link, { linkHOC } from '../link/link.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 import { jsx } from 'react/jsx-runtime';
 import '../link/clickableLink.js';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../_helpers/link.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
 
-var _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
-var ListLink = /*#__PURE__*/function (_PureComponent) {
-  function ListLink() {
-    _classCallCheck(this, ListLink);
-    return _callSuper(this, ListLink, arguments);
+const _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
+class ListLink extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        scrolling,
+        'data-test': dataTest,
+        className,
+        label,
+        hover,
+        description,
+        rgItemType,
+        url,
+        onCheckboxChange,
+        disabled,
+        LinkComponent,
+        compact,
+        hoverClassName,
+        children
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_3b67a421.item, className, {
+      [modules_3b67a421.actionLink]: !disabled,
+      [modules_3b67a421.compact]: compact,
+      [modules_3b67a421.scrolling]: scrolling
+    });
+    const Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
+    return /*#__PURE__*/jsx(Comp, _objectSpread2(_objectSpread2({
+      pseudo: !this.props.href
+    }, restProps), {}, {
+      hover: hover && !disabled,
+      className: classes,
+      "data-test": joinDataTestAttributes('ring-list-link', dataTest),
+      children: label !== null && label !== void 0 ? label : children
+    }));
   }
-  _inherits(ListLink, _PureComponent);
-  return _createClass(ListLink, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        scrolling = _this$props.scrolling,
-        dataTest = _this$props['data-test'],
-        className = _this$props.className,
-        label = _this$props.label,
-        hover = _this$props.hover;
-        _this$props.description;
-        _this$props.rgItemType;
-        _this$props.url;
-        _this$props.onCheckboxChange;
-        var disabled = _this$props.disabled,
-        LinkComponent = _this$props.LinkComponent,
-        compact = _this$props.compact;
-        _this$props.hoverClassName;
-        var children = _this$props.children,
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_3b67a421.item, className, {
-        [modules_3b67a421.actionLink]: !disabled,
-        [modules_3b67a421.compact]: compact,
-        [modules_3b67a421.scrolling]: scrolling
-      });
-      var Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
-      return /*#__PURE__*/jsx(Comp, _objectSpread2(_objectSpread2({
-        pseudo: !this.props.href
-      }, restProps), {}, {
-        hover: hover && !disabled,
-        className: classes,
-        "data-test": joinDataTestAttributes('ring-list-link', dataTest),
-        children: label !== null && label !== void 0 ? label : children
-      }));
-    }
-  }]);
-}(PureComponent);
-ListLink.propTypes = _objectSpread2(_objectSpread2({}, Link.propTypes), {}, {
-  description: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.func]),
-  rgItemType: PropTypes.number,
-  scrolling: PropTypes.bool.isRequired,
-  url: PropTypes.string,
-  LinkComponent: PropTypes.oneOfType([PropTypes.instanceOf(Component), PropTypes.func, PropTypes.string]),
-  onCheckboxChange: PropTypes.func.isRequired,
-  compact: PropTypes.bool
-});
+}
 
 export { ListLink as default };

package/components/list/list__separator.js

@@ -1,39 +1,24 @@
-import { a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 import { jsx } from 'react/jsx-runtime';
 
-var ListSeparator = /*#__PURE__*/function (_PureComponent) {
-  function ListSeparator() {
-    _classCallCheck(this, ListSeparator);
-    return _callSuper(this, ListSeparator, arguments);
+class ListSeparator extends PureComponent {
+  render() {
+    const {
+      description,
+      isFirst,
+      className
+    } = this.props;
+    const classes = classNames(modules_3b67a421.separator, className, {
+      [modules_3b67a421.separator_first]: isFirst
+    });
+    return /*#__PURE__*/jsx("span", {
+      className: classes,
+      children: description
+    });
   }
-  _inherits(ListSeparator, _PureComponent);
-  return _createClass(ListSeparator, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        description = _this$props.description,
-        isFirst = _this$props.isFirst,
-        className = _this$props.className;
-      var classes = classNames(modules_3b67a421.separator, className, {
-        [modules_3b67a421.separator_first]: isFirst
-      });
-      return /*#__PURE__*/jsx("span", {
-        className: classes,
-        children: description
-      });
-    }
-  }]);
-}(PureComponent);
-ListSeparator.propTypes = {
-  className: PropTypes.string,
-  description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
-  isFirst: PropTypes.bool
-};
+}
 
 export { ListSeparator as default };

package/components/list/list__title.js

@@ -1,50 +1,34 @@
-import { a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { m as modules_3b67a421 } from '../_helpers/list.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var ListTitle = /*#__PURE__*/function (_PureComponent) {
-  function ListTitle() {
-    _classCallCheck(this, ListTitle);
-    return _callSuper(this, ListTitle, arguments);
+class ListTitle extends PureComponent {
+  render() {
+    const {
+      className,
+      description,
+      label,
+      isFirst
+    } = this.props;
+    const classes = classNames(modules_3b67a421.title, className, {
+      [modules_3b67a421.title_first]: isFirst
+    });
+    return /*#__PURE__*/jsxs("span", {
+      className: classes,
+      "data-test": "ring-list-title",
+      children: [/*#__PURE__*/jsx("span", {
+        className: classNames(modules_3b67a421.label, modules_3b67a421.text),
+        "data-test": "ring-list-title-label",
+        children: label
+      }), /*#__PURE__*/jsx("div", {
+        className: modules_3b67a421.description,
+        "data-test": "ring-list-title-description",
+        children: description
+      })]
+    });
   }
-  _inherits(ListTitle, _PureComponent);
-  return _createClass(ListTitle, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        description = _this$props.description,
-        label = _this$props.label,
-        isFirst = _this$props.isFirst;
-      var classes = classNames(modules_3b67a421.title, className, {
-        [modules_3b67a421.title_first]: isFirst
-      });
-      return /*#__PURE__*/jsxs("span", {
-        className: classes,
-        "data-test": "ring-list-title",
-        children: [/*#__PURE__*/jsx("span", {
-          className: classNames(modules_3b67a421.label, modules_3b67a421.text),
-          "data-test": "ring-list-title-label",
-          children: label
-        }), /*#__PURE__*/jsx("div", {
-          className: modules_3b67a421.description,
-          "data-test": "ring-list-title-description",
-          children: description
-        })]
-      });
-    }
-  }]);
-}(PureComponent);
-ListTitle.propTypes = {
-  className: PropTypes.string,
-  description: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
-  label: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
-  isFirst: PropTypes.bool
-};
+}
 
 export { ListTitle as default };

package/components/list/list__users-groups-source.js

@@ -1,27 +1,11 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, g as _asyncToGenerator, h as _regeneratorRuntime, i as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import GroupIcon from '@jetbrains/icons/group';
 import HubSourceUsersGroups from '../hub-source/hub-source__users-groups.js';
 import List from './list.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.promise.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../hub-source/hub-source.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.array.find.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.string.includes.js';
 import 'react';
-import 'prop-types';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -31,21 +15,13 @@ import 'util-deprecate';
 import 'memoize-one';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../global/schedule-raf.js';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../global/dom.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -61,15 +37,12 @@ import '../avatar/avatar.js';
 import '../global/url.js';
 import 'core-js/modules/es.string.replace.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
 import './list__custom.js';
@@ -79,14 +52,14 @@ import './list__separator.js';
 import './list__hint.js';
 import './consts.js';
 
-var defaultOptions = {
+const defaultOptions = {
   GroupsTitle: 'Groups',
   NoGroupsTitle: 'No groups',
   UsersTitle: 'Users',
   NoUsersTitle: 'No users',
-  getPluralForUserCount: function getPluralForUserCount(count) {
+  getPluralForUserCount: count => {
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    var plural = count % 10 !== 1 || count % 100 === 11;
+    const plural = count % 10 !== 1 || count % 100 === 11;
     return "".concat(count, " member").concat(plural ? 's' : '');
   }
 };
@@ -96,100 +69,59 @@ var Filter;
   Filter[Filter["USERS"] = 1] = "USERS";
   Filter[Filter["GROUPS"] = 2] = "GROUPS";
 })(Filter || (Filter = {}));
-var ListUsersGroupsSource = /*#__PURE__*/function (_HubSourceUsersGroups) {
-  function ListUsersGroupsSource(auth, options) {
-    var _this;
-    _classCallCheck(this, ListUsersGroupsSource);
-    _this = _callSuper(this, ListUsersGroupsSource, [auth, options]);
-    _defineProperty(_this, "listSourceOptions", void 0);
-    _this.listSourceOptions = Object.assign({}, defaultOptions, options);
-    return _this;
+class ListUsersGroupsSource extends HubSourceUsersGroups {
+  constructor(auth, options) {
+    super(auth, options);
+    _defineProperty(this, "listSourceOptions", void 0);
+    this.listSourceOptions = Object.assign({}, defaultOptions, options);
+  }
+  getGroupsSectionTitle(groups) {
+    return groups.length ? this.listSourceOptions.GroupsTitle : this.listSourceOptions.NoGroupsTitle;
+  }
+  getUsersSectionTitle(users) {
+    return users.length ? this.listSourceOptions.UsersTitle : this.listSourceOptions.NoUsersTitle;
   }
-  _inherits(ListUsersGroupsSource, _HubSourceUsersGroups);
-  return _createClass(ListUsersGroupsSource, [{
-    key: "getGroupsSectionTitle",
-    value: function getGroupsSectionTitle(groups) {
-      return groups.length ? this.listSourceOptions.GroupsTitle : this.listSourceOptions.NoGroupsTitle;
+  async getForList(query) {
+    let filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Filter.ALL;
+    const [users, groups] = await this.getUserAndGroups(query);
+    const items = [];
+    if (filter === Filter.ALL) {
+      items.push({
+        rgItemType: List.ListProps.Type.SEPARATOR,
+        key: 2,
+        description: this.getUsersSectionTitle(users)
+      });
     }
-  }, {
-    key: "getUsersSectionTitle",
-    value: function getUsersSectionTitle(users) {
-      return users.length ? this.listSourceOptions.UsersTitle : this.listSourceOptions.NoUsersTitle;
+    if (filter !== Filter.GROUPS) {
+      users.forEach(user => {
+        var _user$profile$avatar;
+        return items.push(_objectSpread2(_objectSpread2({}, user), {}, {
+          key: user.id,
+          label: user.name,
+          avatar: user.profile ? (_user$profile$avatar = user.profile.avatar) === null || _user$profile$avatar === void 0 ? void 0 : _user$profile$avatar.url : null,
+          description: user.login
+        }));
+      });
     }
-  }, {
-    key: "getForList",
-    value: function () {
-      var _getForList = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(query) {
-        var _this2 = this;
-        var filter,
-          _yield$this$getUserAn,
-          _yield$this$getUserAn2,
-          users,
-          groups,
-          items,
-          _args = arguments;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              filter = _args.length > 1 && _args[1] !== undefined ? _args[1] : Filter.ALL;
-              _context.next = 3;
-              return this.getUserAndGroups(query);
-            case 3:
-              _yield$this$getUserAn = _context.sent;
-              _yield$this$getUserAn2 = _slicedToArray(_yield$this$getUserAn, 2);
-              users = _yield$this$getUserAn2[0];
-              groups = _yield$this$getUserAn2[1];
-              items = [];
-              if (filter === Filter.ALL) {
-                items.push({
-                  rgItemType: List.ListProps.Type.SEPARATOR,
-                  key: 2,
-                  description: this.getUsersSectionTitle(users)
-                });
-              }
-              if (filter !== Filter.GROUPS) {
-                users.forEach(function (user) {
-                  var _user$profile$avatar;
-                  return items.push(_objectSpread2(_objectSpread2({}, user), {}, {
-                    key: user.id,
-                    label: user.name,
-                    avatar: user.profile ? (_user$profile$avatar = user.profile.avatar) === null || _user$profile$avatar === void 0 ? void 0 : _user$profile$avatar.url : null,
-                    description: user.login
-                  }));
-                });
-              }
-              if (filter === Filter.ALL) {
-                items.push({
-                  rgItemType: List.ListProps.Type.SEPARATOR,
-                  key: 1,
-                  description: this.getGroupsSectionTitle(groups)
-                });
-              }
-              if (filter !== Filter.USERS) {
-                groups.forEach(function (group) {
-                  return items.push(_objectSpread2(_objectSpread2({}, group), {}, {
-                    key: group.id,
-                    label: group.name,
-                    avatar: group.iconUrl,
-                    glyph: group.iconUrl ? null : GroupIcon,
-                    description: _this2.listSourceOptions.getPluralForUserCount(group.userCount)
-                  }));
-                });
-              }
-              return _context.abrupt("return", items);
-            case 13:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function getForList(_x) {
-        return _getForList.apply(this, arguments);
-      }
-      return getForList;
-    }()
-  }]);
-}(HubSourceUsersGroups);
+    if (filter === Filter.ALL) {
+      items.push({
+        rgItemType: List.ListProps.Type.SEPARATOR,
+        key: 1,
+        description: this.getGroupsSectionTitle(groups)
+      });
+    }
+    if (filter !== Filter.USERS) {
+      groups.forEach(group => items.push(_objectSpread2(_objectSpread2({}, group), {}, {
+        key: group.id,
+        label: group.name,
+        avatar: group.iconUrl,
+        glyph: group.iconUrl ? null : GroupIcon,
+        description: this.listSourceOptions.getPluralForUserCount(group.userCount)
+      })));
+    }
+    return items;
+  }
+}
 _defineProperty(ListUsersGroupsSource, "Filter", Filter);
 
 export { ListUsersGroupsSource as default };

package/components/loader/loader.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import LoaderCore, { LoaderCoreProps } from './loader__core';
 export interface LoaderProps extends Partial<LoaderCoreProps>, HTMLAttributes<HTMLElement> {
     'data-test'?: string | null | undefined;
@@ -11,15 +10,6 @@ export interface LoaderProps extends Partial<LoaderCoreProps>, HTMLAttributes<HT
  * Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
  */
 export default class Loader extends PureComponent<LoaderProps> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<number>;
-        colors: PropTypes.Requireable<any[]>;
-        message: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-        stop: PropTypes.Requireable<boolean>;
-        deterministic: PropTypes.Requireable<boolean>;
-    };
     componentDidUpdate(prevProps: LoaderProps): void;
     componentWillUnmount(): void;
     loader?: LoaderCore;

package/components/loader/loader.js

@@ -1,86 +1,54 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import joinDataTestAttributes from '../global/data-tests.js';
 import LoaderCore from './loader__core.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.array.fill.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.assign.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
-var _excluded = ["message", "size", "colors", "data-test", "stop", "deterministic"];
-var Loader = /*#__PURE__*/function (_PureComponent) {
-  function Loader() {
-    var _this;
-    _classCallCheck(this, Loader);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Loader, [].concat(args));
-    _defineProperty(_this, "loader", void 0);
-    _defineProperty(_this, "initLoader", function (el) {
+const _excluded = ["message", "size", "colors", "data-test", "stop", "deterministic"];
+class Loader extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "loader", void 0);
+    _defineProperty(this, "initLoader", el => {
       if (el) {
-        _this.loader = new LoaderCore(el, _this.props);
+        this.loader = new LoaderCore(el, this.props);
       }
     });
-    return _this;
   }
-  _inherits(Loader, _PureComponent);
-  return _createClass(Loader, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.loader) {
-        if (!prevProps.stop && this.props.stop) {
-          this.loader.stopAnimation();
-        } else if (prevProps.stop && !this.props.stop) {
-          this.loader.startAnimation();
-        }
+  componentDidUpdate(prevProps) {
+    if (this.loader) {
+      if (!prevProps.stop && this.props.stop) {
+        this.loader.stopAnimation();
+      } else if (prevProps.stop && !this.props.stop) {
+        this.loader.startAnimation();
       }
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var _this$loader;
-      (_this$loader = this.loader) === null || _this$loader === void 0 || _this$loader.destroy();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props;
-        _this$props.message;
-        _this$props.size;
-        _this$props.colors;
-        var dataTest = _this$props['data-test'];
-        _this$props.stop;
-        _this$props.deterministic;
-        var restProps = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
-        "data-test": joinDataTestAttributes('ring-loader', dataTest)
-      }, restProps), {}, {
-        ref: this.initLoader
-      }));
-    }
-  }]);
-}(PureComponent);
-_defineProperty(Loader, "propTypes", {
-  className: PropTypes.string,
-  size: PropTypes.number,
-  colors: PropTypes.array,
-  message: PropTypes.string,
-  'data-test': PropTypes.string,
-  stop: PropTypes.bool,
-  deterministic: PropTypes.bool
-});
+  }
+  componentWillUnmount() {
+    var _this$loader;
+    (_this$loader = this.loader) === null || _this$loader === void 0 || _this$loader.destroy();
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        message,
+        size,
+        colors,
+        'data-test': dataTest,
+        stop,
+        deterministic
+      } = _this$props,
+      restProps = _objectWithoutProperties(_this$props, _excluded);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
+      "data-test": joinDataTestAttributes('ring-loader', dataTest)
+    }, restProps), {}, {
+      ref: this.initLoader
+    }));
+  }
+}
 
 export { Loader as default };