@jetbrains/ring-ui 6.0.4-beta.0 → 6.0.4

package/dist/pager/pager.js

@@ -1,385 +0,0 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.to-string.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import chevronLeftIcon from '@jetbrains/icons/chevron-left';
-import chevronRightIcon from '@jetbrains/icons/chevron-right';
-import { Button } from '../button/button.js';
-import ButtonGroup from '../button-group/button-group.js';
-import ButtonToolbar from '../button-toolbar/button-toolbar.js';
-import Select from '../select/select.js';
-import memoize from '../global/memoize.js';
-import Link from '../link/link.js';
-import Icon from '../icon/icon.js';
-import { I18nContext } from '../i18n/i18n-context.js';
-import '@jetbrains/icons/chevron-10px';
-import '../link/clickableLink.js';
-import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
-import '../icon/icon__constants.js';
-import 'util-deprecate';
-import '../_helpers/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 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/es.string.split.js';
-import '../global/data-tests.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import '../_helpers/caption.js';
-import 'core-js/modules/es.string.trim.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.object.values.js';
-import '@jetbrains/icons/chevron-down';
-import '@jetbrains/icons/close-12px';
-import 'deep-equal';
-import '../dropdown/dropdown.js';
-import '../global/typescript-utils.js';
-import '../_helpers/anchor.js';
-import '../avatar/avatar.js';
-import '../global/url.js';
-import 'core-js/modules/es.string.match.js';
-import '../global/dom.js';
-import 'core-js/modules/es.set.js';
-import '../avatar/fallback-avatar.js';
-import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
-import '../popup/popup.js';
-import 'react-dom';
-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.splice.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 '../popup/popup.target.js';
-import '../list/list.js';
-import 'core-js/modules/es.symbol.js';
-import 'core-js/modules/es.symbol.description.js';
-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 'memoize-one';
-import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../_helpers/list.js';
-import '../_helpers/link.js';
-import '../list/list__item.js';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark-14px';
-import '@jetbrains/icons/remove-14px';
-import '../global/prop-types.js';
-import '../global/composeRefs.js';
-import '../list/list__custom.js';
-import '../global/get-event-key.js';
-import '../list/list__title.js';
-import '../list/list__separator.js';
-import '../list/list__hint.js';
-import '../list/consts.js';
-import '../_helpers/input.js';
-import '../control-label/control-label.js';
-import '../global/rerender-hoc.js';
-import '../global/fuzzy-highlight.js';
-import '../select/select__popup.js';
-import '@jetbrains/icons/search';
-import '../loader-inline/loader-inline.js';
-import '../shortcuts/shortcuts-hoc.js';
-import '../tags-list/tags-list.js';
-import '../tag/tag.js';
-import '../caret/caret.js';
-import '../text/text.js';
-import '../_helpers/select__filter.js';
-import '../i18n/i18n.js';
-
-var modules_1a5f0d42 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","pager":"pager_rui_2db7","links":"links_rui_2db7","link":"link_rui_2db7","linkDisabled":"linkDisabled_rui_2db7"};
-
-var Pager = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Pager, _PureComponent);
-  var _super = _createSuper(Pager);
-  function Pager() {
-    var _this;
-    _classCallCheck(this, Pager);
-    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), "handlePageSizeChange", function (item) {
-      if (item != null) {
-        _this.props.onPageSizeChange(item.key);
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "handlePrevClick", function () {
-      var currentPage = _this.props.currentPage;
-      if (currentPage !== 1) {
-        var _this$props$onPageCha, _this$props;
-        var prevPage = currentPage - 1;
-        (_this$props$onPageCha = (_this$props = _this.props).onPageChange) === null || _this$props$onPageCha === void 0 ? void 0 : _this$props$onPageCha.call(_this$props, prevPage);
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleNextClick", function () {
-      var _this$props2 = _this.props,
-        currentPage = _this$props2.currentPage,
-        onLoadPage = _this$props2.onLoadPage;
-      var nextPage = currentPage + 1;
-      var total = _this.getTotalPages();
-      if (currentPage !== total) {
-        var _this$props$onPageCha2, _this$props3;
-        (_this$props$onPageCha2 = (_this$props3 = _this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 ? void 0 : _this$props$onPageCha2.call(_this$props3, nextPage);
-      } else if (_this.props.openTotal) {
-        onLoadPage(nextPage);
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "handlePageChange", memoize(function (i) {
-      return function (event) {
-        var _this$props$onPageCha3, _this$props4;
-        (_this$props$onPageCha3 = (_this$props4 = _this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 ? void 0 : _this$props$onPageCha3.call(_this$props4, i, event);
-      };
-    }));
-    _defineProperty(_assertThisInitialized(_this), "handleLoadMore", memoize(function (i) {
-      return function () {
-        _this.props.onLoadPage(i);
-      };
-    }));
-    return _this;
-  }
-  _createClass(Pager, [{
-    key: "getSelectOptions",
-    value: function getSelectOptions() {
-      var _this2 = this;
-      var _this$props5 = this.props,
-        pageSize = _this$props5.pageSize,
-        pageSizes = _this$props5.pageSizes;
-      var translate = this.context.translate;
-      var data = pageSizes.map(function (size) {
-        var _this2$props$translat, _this2$props$translat2;
-        return {
-          key: size,
-          label: "".concat(size, " ").concat((_this2$props$translat = (_this2$props$translat2 = _this2.props.translations) === null || _this2$props$translat2 === void 0 ? void 0 : _this2$props$translat2.perPage) !== null && _this2$props$translat !== void 0 ? _this2$props$translat : translate('perPage'))
-        };
-      });
-      var selected = data.find(function (it) {
-        return it.key === pageSize;
-      });
-      return {
-        selected,
-        data
-      };
-    }
-  }, {
-    key: "getTotalPages",
-    value: function getTotalPages() {
-      var _this$props6 = this.props,
-        total = _this$props6.total,
-        pageSize = _this$props6.pageSize;
-      return Math.ceil(total / pageSize);
-    }
-  }, {
-    key: "getButton",
-    value: function getButton(page, content, key, active) {
-      return /*#__PURE__*/React.createElement(Button, _extends({
-        href: this.generateHref(page),
-        key: key,
-        active: active,
-        disabled: this.props.loader && !active && !this.props.loaderNavigation,
-        loader: this.props.loader && active
-      }, this.getClickProps(this.handlePageChange(page))), content);
-    }
-  }, {
-    key: "getClickProps",
-    value: function getClickProps(onClick) {
-      var _this$props7 = this.props,
-        hrefFunc = _this$props7.hrefFunc,
-        onPageChange = _this$props7.onPageChange;
-      if (!onPageChange) {
-        return {};
-      } else if (hrefFunc) {
-        return {
-          onPlainLeftClick: onClick
-        };
-      } else {
-        return {
-          onClick
-        };
-      }
-    }
-  }, {
-    key: "getPageSizeSelector",
-    value: function getPageSizeSelector() {
-      var selectOptions = this.getSelectOptions();
-      return !this.props.disablePageSizeSelector && /*#__PURE__*/React.createElement("div", {
-        "data-test": "ring-pager-page-size-selector",
-        style: {
-          float: 'right'
-        }
-      }, /*#__PURE__*/React.createElement(Select, {
-        data: selectOptions.data,
-        selected: selectOptions.selected,
-        onSelect: this.handlePageSizeChange,
-        type: Select.Type.INLINE,
-        disabled: this.props.loader
-      }));
-    }
-  }, {
-    key: "getPagerLinks",
-    value: function getPagerLinks() {
-      var _this$props$translati, _this$props$translati2, _this$props$translati3, _this$props$translati4;
-      var translate = this.context.translate;
-      var prevLinkAvailable = this.props.currentPage !== 1;
-      var nextLinkAvailable = this.props.openTotal || this.props.currentPage !== this.getTotalPages();
-      var nextIcon = /*#__PURE__*/React.createElement(Icon, {
-        glyph: chevronRightIcon,
-        key: "icon"
-      });
-      var prevIcon = /*#__PURE__*/React.createElement(Icon, {
-        glyph: chevronLeftIcon,
-        key: "icon"
-      });
-      var prevText = (_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.previousPage) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('previousPage');
-      var nextText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === void 0 ? void 0 : _this$props$translati4.nextPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('nextPage');
-      var nextLinkContent = [/*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, nextText), nextIcon];
-      var prevLinkContent = [prevIcon, /*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, prevText)];
-      var prevLinkHref = this.generateHref(this.props.currentPage - 1);
-      var nextLinkHref = this.generateHref(this.props.currentPage + 1);
-      var disabledLinkClasses = classNames({
-        [modules_1a5f0d42.link]: true,
-        [modules_1a5f0d42.linkDisabled]: true
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        className: modules_1a5f0d42.links
-      }, prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/React.createElement(Link, _extends({
-        href: prevLinkHref,
-        className: modules_1a5f0d42.link
-      }, this.getClickProps(this.handlePrevClick)), prevLinkContent) : /*#__PURE__*/React.createElement("span", {
-        className: disabledLinkClasses
-      }, prevIcon, /*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, prevText)), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/React.createElement(Link, _extends({
-        href: nextLinkHref,
-        className: modules_1a5f0d42.link
-      }, this.getClickProps(this.handleNextClick)), nextLinkContent) : /*#__PURE__*/React.createElement("span", {
-        className: disabledLinkClasses
-      }, /*#__PURE__*/React.createElement("span", {
-        key: "text"
-      }, nextText), nextIcon));
-    }
-  }, {
-    key: "generateHref",
-    value: function generateHref(page) {
-      if (this.props.hrefFunc === undefined) {
-        return undefined;
-      }
-      var pageSize = this.props.disablePageSizeSelector ? undefined : this.props.pageSize;
-      return this.props.hrefFunc(page, pageSize);
-    }
-  }, {
-    key: "getPagerContent",
-    value: function getPagerContent() {
-      var _this$props$translati5, _this$props$translati6, _this$props$translati7, _this$props$translati8;
-      var _this$props8 = this.props,
-        currentPage = _this$props8.currentPage,
-        visiblePagesLimit = _this$props8.visiblePagesLimit;
-      var totalPages = this.getTotalPages();
-      var translate = this.context.translate;
-      if (totalPages < this.props.currentPage) {
-        var _this$props$onPageCha4, _this$props9;
-        (_this$props$onPageCha4 = (_this$props9 = this.props).onPageChange) === null || _this$props$onPageCha4 === void 0 ? void 0 : _this$props$onPageCha4.call(_this$props9, totalPages);
-      }
-      var start = 1;
-      var end = totalPages;
-      if (totalPages >= visiblePagesLimit) {
-        var leftHalfFrameSize = Math.ceil(visiblePagesLimit / 2) - 1;
-        var rightHalfFrameSize = visiblePagesLimit - leftHalfFrameSize - 1;
-        start = currentPage - leftHalfFrameSize;
-        end = currentPage + rightHalfFrameSize;
-        if (start < 1) {
-          var tail = 1 - start;
-          start += tail;
-          end += tail;
-        }
-        if (end > totalPages) {
-          var _tail = end - totalPages;
-          start -= _tail;
-          end -= _tail;
-        }
-        if (start < 1) {
-          start += 1 - start;
-        }
-      }
-      var buttons = [];
-      for (var i = start; i <= end; i++) {
-        buttons.push(this.getButton(i, i, i, i === currentPage));
-      }
-      var lastPageButtonAvailable = end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
-      return /*#__PURE__*/React.createElement("div", null, this.getPagerLinks(), /*#__PURE__*/React.createElement(ButtonToolbar, null, start > 1 && this.getButton(1, (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.firstPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('firstPage')), /*#__PURE__*/React.createElement(ButtonGroup, null, start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/React.createElement(Button, _extends({
-        href: this.generateHref(end + 1),
-        disabled: this.props.loader
-      }, this.getClickProps(this.handleLoadMore(end + 1))), '...')), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.lastPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('lastPage'))), this.getPageSizeSelector());
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var classes = classNames(modules_1a5f0d42.pager, this.props.className);
-      return /*#__PURE__*/React.createElement("div", {
-        "data-test": "ring-pager",
-        className: classes
-      }, this.getTotalPages() > 1 || this.props.openTotal ? this.getPagerContent() : this.getPageSizeSelector());
-    }
-  }]);
-  return Pager;
-}(PureComponent);
-_defineProperty(Pager, "defaultProps", {
-  currentPage: 1,
-  pageSize: 50,
-  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-  pageSizes: [20, 50, 100],
-  visiblePagesLimit: 7,
-  disablePageSizeSelector: false,
-  openTotal: false,
-  canLoadLastPageWithOpenTotal: false,
-  loader: false,
-  loaderNavigation: false,
-  onPageSizeChange: function onPageSizeChange() {},
-  onLoadPage: function onLoadPage() {}
-});
-_defineProperty(Pager, "contextType", I18nContext);
-Pager.propTypes = {
-  total: PropTypes.number.isRequired,
-  currentPage: PropTypes.number,
-  pageSize: PropTypes.number,
-  pageSizes: PropTypes.arrayOf(PropTypes.number),
-  visiblePagesLimit: PropTypes.number,
-  disablePageSizeSelector: PropTypes.bool,
-  openTotal: PropTypes.bool,
-  canLoadLastPageWithOpenTotal: PropTypes.bool,
-  onPageChange: PropTypes.func,
-  onPageSizeChange: PropTypes.func,
-  onLoadPage: PropTypes.func,
-  className: PropTypes.string,
-  translations: PropTypes.object,
-  loader: PropTypes.bool,
-  loaderNavigation: PropTypes.bool,
-  hrefFunc: PropTypes.func //function which generates href for all pager's buttons based on pager state passed as a function parameter, either this function or onPageChange should be provided
-};
-
-export { Pager as default };

package/dist/panel/panel.d.ts

@@ -1,12 +0,0 @@
-import React, { HTMLAttributes, PureComponent } from 'react';
-import PropTypes from 'prop-types';
-/**
- * @name Panel
- */
-export default class Panel extends PureComponent<HTMLAttributes<HTMLElement>> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    render(): React.JSX.Element;
-}

package/dist/panel/panel.js

@@ -1,39 +0,0 @@
-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';
-
-var modules_cf670408 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","panel":"panel_rui_1067 panel_rui_381e"};
-
-var _excluded = ["className", "children"];
-/**
- * @name Panel
- */
-var Panel = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Panel, _PureComponent);
-  var _super = _createSuper(Panel);
-  function Panel() {
-    _classCallCheck(this, Panel);
-    return _super.apply(this, arguments);
-  }
-  _createClass(Panel, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        children = _this$props.children,
-        props = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_cf670408.panel, className);
-      return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-        className: classes
-      }), children);
-    }
-  }]);
-  return Panel;
-}(PureComponent);
-_defineProperty(Panel, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
-
-export { Panel as default };

package/dist/permissions/permissions.d.ts

@@ -1,111 +0,0 @@
-import Auth from '../auth/auth__core';
-import PermissionCache, { Permission } from './permissions__cache';
-export interface PermissionsConfig {
-    prefix?: string | null | undefined;
-    namesConverter?: ((name: string) => string) | null | undefined;
-    services?: readonly string[] | null | undefined;
-    datasource?: ((query: string | undefined) => Promise<readonly Permission[] | null | undefined>) | null | undefined;
-}
-interface PermissionsCacheControl {
-    NO_CACHE?: boolean | null | undefined;
-    NO_STORE?: boolean | null | undefined;
-}
-export interface PermissionsLoadOptions {
-    cacheControl?: PermissionsCacheControl | null | undefined;
-}
-/**
- * <code>
- *   const permissions = new Permissions(auth, {prefix: 'jetbrains.jetpass.', services: [auth.serviceId]})
- *   permissions.load().then(function (p) {
- *     const canReadUser = p.has('read-user');
- *     ...
- *   });
- *
- *   permissions.check('read-user').then(function(canReadUser) {
- *     ...
- *   });
- * </code>
- *
- * @param {Auth} auth instance of well configured Auth object
- * @param {{
- *   prefix: string?,
- *   namesConverter: function?
- *   serviceId: string?
- * }=} config permissions loaded configuration.
- * <code>prefix</code> if provided then this prefix is removed from the permissions names.
- * <code>namesConverter</code> if provided it maps permission names used on server-side to client-side permission names. It is used only if prefix is undefined.
- * <code>serviceId</code> if provided then permissions only for the service are loaded.
- * @constructor
- */
-export default class Permissions {
-    /**
-     * @const {string}
-     */
-    static API_PERMISSION_CACHE_PATH: string;
-    query: string | undefined;
-    namesConverter: ((name: string) => string) | null | undefined;
-    private _auth;
-    private _datasource;
-    _promise: Promise<PermissionCache> | null;
-    private _subscribed;
-    private _permissionCache;
-    constructor(auth: Auth, config?: PermissionsConfig);
-    private _defaultDatasource;
-    /**
-     * Returns function, which cuts off prefix from server-side permission name
-     *
-     * @param {string} prefix
-     * @returns {Function}
-     */
-    static getDefaultNamesConverter(prefix: string): (storedName: string) => string;
-    static getPermissionQuery(services?: readonly string[] | null | undefined): string | undefined;
-    set(cachedPermissions?: readonly Permission[] | null | undefined): PermissionCache;
-    get(): readonly Permission[] | null | undefined;
-    private _setCache;
-    private _getCache;
-    private _resetCache;
-    /**
-     * Loads logged-in user permissions.
-     * @param {object?} options
-     * @return {Promise.<Permissions>} promise that is resolved when the permissions are loaded
-     */
-    load(options?: PermissionsLoadOptions | null | undefined): Promise<PermissionCache>;
-    _loadPermissions(): Promise<readonly Permission[] | null | undefined>;
-    /**
-     * Reloads permission cache from server
-     * @returns {Promise.<Permissions>} promise that is resolved when the permissions are reloaded
-     */
-    reload(): Promise<PermissionCache>;
-    /**
-     * Waits till the permission cache is loaded then checks if the current user has the
-     * given permissions in the project with the given id.
-     *
-     * @param {string} permissions  space separated list of permissions
-     * @param {string=} projectId     optional projectId. If absent the method checks
-     *  if the given permission is granted in any project.
-     *
-     * @return {Promise.<boolean>}
-     */
-    check(permissions?: string | null | undefined, projectId?: string | null | undefined): Promise<boolean>;
-    /**
-     * Binds a property with the name <code>propertyName</code> of the <code>object</code>
-     * to a boolean value that is true if user has the permissions and false if she doesn't.
-     *
-     * @example
-     * <code>
-     *   userPermissions.bindVariable($scope, 'canReadRole', 'role-read')
-     * </code>
-     *
-     * @param {object} object       an object which property should be bound
-     * @param {string} propertyName a name of a property to bind
-     * @param {string} permissions  space separated list of permissions
-     * @param {string=} projectId     optional projectId. If absent the method checks
-     *  if the given permissions are granted in any project.
-     *
-     * @return {Promise.<boolean>}
-     */
-    bindVariable<K extends string>(object: {
-        [key in K]?: boolean;
-    }, propertyName: K, permissions?: string | null | undefined, projectId?: string | null | undefined): Promise<boolean>;
-}
-export {};