@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.1

package/dist/pager/pager.js

@@ -1,352 +0,0 @@
-import { _ as _defineProperty, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.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 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import '../icon/icon__constants.js';
-import 'util-deprecate';
-import '../_helpers/icon__svg.js';
-import '../_helpers/caption.js';
-import '@jetbrains/icons/close';
-import 'deep-equal';
-import '../dropdown/dropdown.js';
-import '../global/data-tests.js';
-import '../_helpers/anchor.js';
-import '../avatar/avatar.js';
-import '../global/url.js';
-import '../global/dom.js';
-import '../popup/popup.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
-import '../list/list.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 '../list/list__item.js';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-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 '../input/input.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 '../_helpers/inject-styles.js';
-import '../global/conic-gradient.js';
-import 'conic-gradient';
-import '../global/supports-css.js';
-import '../global/inject-styles.js';
-import '../global/radial-gradient-mask.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';
-
-var modules_1a5f0d42 = {"unit":"8px","pager":"pager_pager__4d141e8d","links":"pager_links__4d141e8d","link":"pager_link__4d141e8d","linkDisabled":"pager_linkDisabled__4d141e8d"};
-
-class Pager extends PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "handlePageSizeChange", item => {
-      this.props.onPageSizeChange(item.key);
-    });
-
-    _defineProperty(this, "handlePrevClick", () => {
-      const {
-        currentPage
-      } = this.props;
-
-      if (currentPage !== 1) {
-        const prevPage = currentPage - 1;
-        this.props.onPageChange(prevPage);
-      }
-    });
-
-    _defineProperty(this, "handleNextClick", () => {
-      const {
-        currentPage,
-        onLoadPage
-      } = this.props;
-      const nextPage = currentPage + 1;
-      const total = this.getTotal();
-
-      if (currentPage !== total) {
-        this.props.onPageChange(nextPage);
-      } else if (this.props.openTotal) {
-        onLoadPage(nextPage);
-      }
-    });
-
-    _defineProperty(this, "handlePageChange", memoize(i => event => {
-      this.props.onPageChange(i, event);
-    }));
-
-    _defineProperty(this, "handleLoadMore", memoize(i => () => {
-      this.props.onLoadPage(i);
-    }));
-  }
-
-  getSelectOptions() {
-    const {
-      pageSize,
-      pageSizes
-    } = this.props;
-    const data = pageSizes.map(size => ({
-      key: size,
-      label: `${size} ${this.props.translations.perPage}`
-    }));
-    const selected = data.find(it => it.key === pageSize);
-    return {
-      selected,
-      data
-    };
-  }
-
-  getTotal() {
-    const {
-      total,
-      pageSize
-    } = this.props;
-    return Math.ceil(total / pageSize);
-  }
-
-  getButton(page, content, key, active) {
-    return /*#__PURE__*/React.createElement(Button, _extends({
-      href: this.generateHref(page),
-      key: key,
-      active: active,
-      disabled: this.props.loader && !active,
-      loader: this.props.loader && active
-    }, this.getClickProps(this.handlePageChange(page))), content);
-  }
-
-  getClickProps(onClick) {
-    const {
-      hrefFunc,
-      onPageChange
-    } = this.props;
-
-    if (!onPageChange) {
-      return {};
-    } else if (hrefFunc) {
-      return {
-        onPlainLeftClick: onClick
-      };
-    } else {
-      return {
-        onClick
-      };
-    }
-  }
-
-  getPageSizeSelector() {
-    const 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
-    }));
-  }
-
-  getPagerLinks() {
-    const prevLinkAvailable = this.props.currentPage !== 1;
-    const nextLinkAvailable = this.props.openTotal || this.props.currentPage !== this.getTotal();
-    const nextIcon = /*#__PURE__*/React.createElement(Icon, {
-      glyph: chevronRightIcon,
-      key: "icon"
-    });
-    const prevIcon = /*#__PURE__*/React.createElement(Icon, {
-      glyph: chevronLeftIcon,
-      key: "icon"
-    });
-    const prevText = this.props.translations.previousPage;
-    const nextText = this.props.translations.nextPage;
-
-    const nextLinkContent = WrapText => [/*#__PURE__*/React.createElement("span", {
-      key: "text"
-    }, /*#__PURE__*/React.createElement(WrapText, null, nextText)), nextIcon];
-
-    const prevLinkContent = WrapText => [prevIcon, /*#__PURE__*/React.createElement("span", {
-      key: "text"
-    }, /*#__PURE__*/React.createElement(WrapText, null, prevText))];
-
-    const prevLinkHref = this.generateHref(this.props.currentPage - 1);
-    const nextLinkHref = this.generateHref(this.props.currentPage + 1);
-    const disabledLinkClasses = classNames({
-      [modules_1a5f0d42.link]: true,
-      [modules_1a5f0d42.linkDisabled]: true
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      className: modules_1a5f0d42.links
-    }, prevLinkAvailable && !this.props.loader ? /*#__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 ? /*#__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));
-  }
-
-  generateHref(page) {
-    if (this.props.hrefFunc === undefined) {
-      return undefined;
-    }
-
-    const pageSize = this.props.disablePageSizeSelector ? undefined : this.props.pageSize;
-    return this.props.hrefFunc(page, pageSize);
-  }
-
-  getPagerContent() {
-    const {
-      currentPage,
-      visiblePagesLimit
-    } = this.props;
-    const totalPages = this.getTotal();
-
-    if (totalPages < 2 && !this.props.openTotal) {
-      return null;
-    }
-
-    let start = 1;
-    let end = totalPages; // eslint-disable-next-line no-magic-numbers
-
-    if (totalPages >= visiblePagesLimit + 6) {
-      const leftHalfFrameSize = Math.ceil(visiblePagesLimit / 2) - 1;
-      const rightHalfFrameSize = visiblePagesLimit - leftHalfFrameSize - 1;
-      start = currentPage - leftHalfFrameSize;
-      end = currentPage + rightHalfFrameSize;
-
-      if (start < 1) {
-        const tail = 1 - start;
-        start += tail;
-        end += tail;
-      }
-
-      if (end > totalPages) {
-        const tail = end - totalPages;
-        start -= tail;
-        end -= tail;
-      }
-
-      if (start < 1) {
-        start += 1 - start;
-      }
-    }
-
-    const buttons = [];
-
-    for (let i = start; i <= end; i++) {
-      buttons.push(this.getButton(i, i, i, i === currentPage));
-    }
-
-    const 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 && /*#__PURE__*/React.createElement(ButtonGroup, null, this.getButton(1, this.props.translations.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 && /*#__PURE__*/React.createElement(ButtonGroup, null, this.getButton(this.props.openTotal ? -1 : totalPages, this.props.translations.lastPage))), this.getPageSizeSelector());
-  }
-
-  render() {
-    const classes = classNames(modules_1a5f0d42.pager, this.props.className);
-    return /*#__PURE__*/React.createElement("div", {
-      "data-test": "ring-pager",
-      className: classes
-    }, this.props.total > 1 ? this.getPagerContent() : this.getPageSizeSelector());
-  }
-
-}
-
-_defineProperty(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,
-  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
-
-});
-
-_defineProperty(Pager, "defaultProps", {
-  currentPage: 1,
-  pageSize: 50,
-  // eslint-disable-next-line no-magic-numbers
-  pageSizes: [20, 50, 100],
-  visiblePagesLimit: 7,
-  disablePageSizeSelector: false,
-  openTotal: false,
-  canLoadLastPageWithOpenTotal: false,
-  translations: {
-    perPage: 'per page',
-    firstPage: 'First page',
-    lastPage: 'Last page',
-    nextPage: 'Next page',
-    previousPage: 'Previous'
-  },
-  loader: false,
-  onPageSizeChange: () => {},
-  onLoadPage: () => {}
-});
-
-export default Pager;

package/dist/panel/panel.js

@@ -1,34 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-var modules_cf670408 = {"unit":"8px","panel":"panel_panel__559bc5c3 dialog_panel__16e57f84"};
-
-/**
- * @name Panel
- */
-
-class Panel extends PureComponent {
-  render() {
-    const _this$props = this.props,
-          {
-      className,
-      children
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["className", "children"]);
-
-    const classes = classNames(modules_cf670408.panel, className);
-    return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-      className: classes
-    }), children);
-  }
-
-}
-
-_defineProperty(Panel, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node
-});
-
-export default Panel;

package/dist/permissions/permissions.js

@@ -1,200 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-import PermissionCache from './permissions__cache.js';
-
-/**
- * <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
- */
-
-class Permissions {
-  /**
-   * @const {string}
-   */
-  constructor(auth) {
-    let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    _defineProperty(this, "_defaultDatasource", query => this._auth.http.get(Permissions.API_PERMISSION_CACHE_PATH, {
-      query: {
-        fields: 'permission/key,global,projects(id)',
-        query
-      }
-    }));
-
-    this.query = Permissions.getPermissionQuery(config.services);
-    this.namesConverter = config.prefix ? Permissions.getDefaultNamesConverter(config.prefix) : config.namesConverter;
-
-    if (!auth) {
-      throw new Error('Parameter auth is required');
-    }
-
-    this._auth = auth;
-    this._datasource = config.datasource || this._defaultDatasource;
-    this._promise = null;
-    this._subscribed = false;
-    this._permissionCache = new PermissionCache(null, this.namesConverter);
-  }
-
-  /**
-   * Returns function, which cuts off prefix from server-side permission name
-   *
-   * @param {string} prefix
-   * @returns {Function}
-   */
-  static getDefaultNamesConverter(prefix) {
-    return storedName => {
-      if (storedName.indexOf(prefix) !== 0) {
-        return storedName;
-      } else {
-        return storedName.substr(prefix.length);
-      }
-    };
-  }
-
-  static getPermissionQuery(services) {
-    if (!services || !services.length) {
-      return undefined;
-    }
-
-    return services.map(service => `service:{${service}}`).join(' or ');
-  }
-
-  set(cachedPermissions) {
-    this._permissionCache.set(cachedPermissions);
-
-    this._setCache(Promise.resolve(this._permissionCache));
-
-    return this._permissionCache;
-  }
-
-  get() {
-    return this._permissionCache.get();
-  }
-
-  _setCache(value) {
-    this._promise = value;
-    return value;
-  }
-
-  _getCache() {
-    return this._promise;
-  }
-
-  _resetCache() {
-    this._setCache(null);
-  }
-  /**
-   * Loads logged-in user permissions.
-   * @param {object?} options
-   * @return {Promise.<Permissions>} promise that is resolved when the permissions are loaded
-   */
-
-
-  load(options) {
-    if (this._subscribed === false) {
-      this._auth.addListener('userChange', () => {
-        this.reload();
-      });
-
-      this._subscribed = true;
-    }
-
-    if (!hasCacheControl('NO_CACHE', options) && this._getCache()) {
-      return this._getCache();
-    }
-
-    if (hasCacheControl('NO_STORE', options)) {
-      return this._loadPermissions().then(cachedPermissions => new PermissionCache(cachedPermissions, this.namesConverter));
-    }
-
-    return this._setCache(this._loadPermissions().then(cachedPermissions => this.set(cachedPermissions)));
-
-    function hasCacheControl(value, _options) {
-      if (_options && _options.cacheControl) {
-        return _options.cacheControl[value];
-      }
-
-      return false;
-    }
-  }
-
-  _loadPermissions() {
-    return this._datasource(this.query);
-  }
-  /**
-   * Reloads permission cache from server
-   * @returns {Promise.<Permissions>} promise that is resolved when the permissions are reloaded
-   */
-
-
-  reload() {
-    this._resetCache();
-
-    return this.load();
-  }
-  /**
-   * 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, projectId) {
-    return this.load().then(permissionCache => permissionCache.has(permissions, projectId));
-  }
-  /**
-   * 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(object, propertyName, permissions, projectId) {
-    object[propertyName] = false;
-    return this.check(permissions, projectId).then(permitted => {
-      object[propertyName] = permitted;
-      return permitted;
-    });
-  }
-
-}
-
-_defineProperty(Permissions, "API_PERMISSION_CACHE_PATH", 'permissions/cache');
-
-export default Permissions;