@jetbrains/ring-ui-built 6.0.1

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

@@ -0,0 +1,195 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, h as _asyncToGenerator, i as _regeneratorRuntime, j as _slicedToArray, g 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 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.slice.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.array.find-index.js';
+import 'core-js/modules/es.array.find.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import 'react-virtualized/dist/es/List';
+import 'react-virtualized/dist/es/AutoSizer';
+import 'react-virtualized/dist/es/WindowScroller';
+import 'react-virtualized/dist/es/CellMeasurer';
+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.string.split.js';
+import 'core-js/modules/es.set.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';
+import '../global/create-stateful-context.js';
+import './list__link.js';
+import '../link/link.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../_helpers/list.js';
+import './list__item.js';
+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-14px';
+import '@jetbrains/icons/remove-14px';
+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 './list__custom.js';
+import '../global/get-event-key.js';
+import './list__title.js';
+import './list__separator.js';
+import './list__hint.js';
+import './consts.js';
+
+var defaultOptions = {
+  GroupsTitle: 'Groups',
+  NoGroupsTitle: 'No groups',
+  UsersTitle: 'Users',
+  NoUsersTitle: 'No users',
+  getPluralForUserCount: function getPluralForUserCount(count) {
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    var plural = count % 10 !== 1 || count % 100 === 11;
+    return "".concat(count, " member").concat(plural ? 's' : '');
+  }
+};
+var Filter;
+(function (Filter) {
+  Filter[Filter["ALL"] = 0] = "ALL";
+  Filter[Filter["USERS"] = 1] = "USERS";
+  Filter[Filter["GROUPS"] = 2] = "GROUPS";
+})(Filter || (Filter = {}));
+var ListUsersGroupsSource = /*#__PURE__*/function (_HubSourceUsersGroups) {
+  _inherits(ListUsersGroupsSource, _HubSourceUsersGroups);
+  var _super = _createSuper(ListUsersGroupsSource);
+  function ListUsersGroupsSource(auth, options) {
+    var _this;
+    _classCallCheck(this, ListUsersGroupsSource);
+    _this = _super.call(this, auth, options);
+    _defineProperty(_assertThisInitialized(_this), "listSourceOptions", void 0);
+    _this.listSourceOptions = Object.assign({}, defaultOptions, options);
+    return _this;
+  }
+  _createClass(ListUsersGroupsSource, [{
+    key: "getGroupsSectionTitle",
+    value: function getGroupsSectionTitle(groups) {
+      return groups.length ? this.listSourceOptions.GroupsTitle : this.listSourceOptions.NoGroupsTitle;
+    }
+  }, {
+    key: "getUsersSectionTitle",
+    value: function getUsersSectionTitle(users) {
+      return users.length ? this.listSourceOptions.UsersTitle : this.listSourceOptions.NoUsersTitle;
+    }
+  }, {
+    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;
+    }()
+  }]);
+  return ListUsersGroupsSource;
+}(HubSourceUsersGroups);
+_defineProperty(ListUsersGroupsSource, "Filter", Filter);
+
+export { ListUsersGroupsSource as default };

package/components/loader/loader.d.ts

@@ -0,0 +1,28 @@
+import React, { 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;
+}
+/**
+ * @name Loader
+ */
+/**
+ * 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;
+    initLoader: (el: Node | null) => void;
+    render(): React.JSX.Element;
+}

package/components/loader/loader.js

@@ -0,0 +1,93 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, e as _objectWithoutProperties, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import joinDataTestAttributes from '../global/data-tests.js';
+import LoaderCore from './loader__core.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.fill.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 'core-js/modules/es.array.filter.js';
+import '../global/dom.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+var _excluded = ["message", "size", "colors", "data-test", "stop", "deterministic"];
+/**
+ * @name Loader
+ */
+/**
+ * Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.
+ */
+var Loader = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Loader, _PureComponent);
+  var _super = _createSuper(Loader);
+  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 = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "loader", void 0);
+    _defineProperty(_assertThisInitialized(_this), "initLoader", function (el) {
+      if (el) {
+        _this.loader = new LoaderCore(el, _this.props);
+      }
+    });
+    return _this;
+  }
+  _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();
+        }
+      }
+    }
+  }, {
+    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__*/React.createElement("div", _extends({
+        "data-test": joinDataTestAttributes('ring-loader', dataTest)
+      }, restProps, {
+        ref: this.initLoader
+      }));
+    }
+  }]);
+  return Loader;
+}(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
+});
+
+export { Loader as default };

package/components/loader/loader__core.d.ts

@@ -0,0 +1,75 @@
+export interface Color {
+    r: number;
+    g: number;
+    b: number;
+}
+interface ParticleType {
+    step(): void;
+    isAlive(): boolean;
+    draw(ctx: CanvasRenderingContext2D): void;
+}
+export interface LoaderCoreProps {
+    size: number;
+    stop: boolean;
+    deterministic: boolean;
+    colors: Color[];
+    message?: string | null | undefined;
+}
+export default class LoaderCore {
+    static defaultProps: {
+        size: number;
+        stop: boolean;
+        deterministic: boolean;
+        colors: {
+            r: number;
+            g: number;
+            b: number;
+        }[];
+    };
+    static calculateGradient(startColor: Color, stopColor: Color, position: number): {
+        r: number;
+        g: number;
+        b: number;
+    };
+    props: LoaderCoreProps;
+    canvas: HTMLCanvasElement;
+    textNode: HTMLElement;
+    ctx: CanvasRenderingContext2D | null;
+    height: number;
+    width: number;
+    particles: ParticleType[];
+    baseSpeed: number;
+    colorIndex: number;
+    maxRadius: number;
+    minRadius: number;
+    colorChangeTick: number;
+    x: number;
+    y: number;
+    radius: number;
+    hSpeed: number;
+    vSpeed: number;
+    radiusSpeed: number;
+    tick: number;
+    isRunning: boolean;
+    constructor(containerNode: Node, props: Partial<LoaderCoreProps>);
+    static getPixelRatio(): number;
+    prepareInitialState(ticks: number): void;
+    handleLimits(coord: number, radius: number, speed: number, limit: number): number;
+    calculateNextCoordinates(): void;
+    calculateNextRadius(): void;
+    getNextColor(): {
+        r: number;
+        g: number;
+        b: number;
+    };
+    nextTick(): void;
+    step(): void;
+    removeDeadParticles(): void;
+    draw(): void;
+    loop(): void;
+    updateMessage(text: string): void;
+    stopAnimation(): void;
+    startAnimation(): void;
+    destroy(): void;
+}
+export {};