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

package/dist/pager.js

@@ -1,325 +0,0 @@
-import { b as _defineProperty, a 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 { B as Button } from './_helpers/button.js';
-import ButtonGroup from './button-group.js';
-import ButtonToolbar from './button-toolbar.js';
-import Select from './select.js';
-import { m as memoize } from './_helpers/memoize.js';
-import Link from './link.js';
-import Icon from './icon.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import './_helpers/theme.js';
-import './_helpers/clickableLink.js';
-import '@jetbrains/icons/close';
-import 'deep-equal';
-import './dropdown.js';
-import './_helpers/data-tests.js';
-import 'util-deprecate';
-import './avatar.js';
-import './_helpers/url.js';
-import './_helpers/dom.js';
-import './_helpers/popup.js';
-import 'react-dom';
-import './_helpers/get-uid.js';
-import './_helpers/schedule-raf.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './tab-trap.js';
-import './_helpers/popup.target.js';
-import './_helpers/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 './checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import './input.js';
-import './_helpers/rerender-hoc.js';
-import '@jetbrains/icons/search';
-import './loader-inline.js';
-import 'conic-gradient';
-import './tags-list.js';
-import './tag.js';
-import './caret.js';
-import './text.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(...args) {
-    super(...args);
-
-    _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.js

@@ -1,34 +0,0 @@
-import { _ as _objectWithoutProperties, a as _extends, b 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;