@jetbrains/ring-ui 4.2.4 → 4.2.7

package/dist/table-legacy-ng/table-legacy-ng__selection-navigate-actions.js

@@ -1,123 +0,0 @@
-/**
- * Class with default hotkey actions (e.g. select, clear selection, move up/down)
- * @param {Selection?} tableSelection selection associated with rg-table
- * (if tableSelection is not defined, use method setSelection to configure instance)
- */
-class SelectionNavigateActions {
-  constructor(tableSelection) {
-    this._selection = tableSelection;
-    this._addSelectionMode = null;
-  }
-
-  setSelection(tableSelection) {
-    this._selection = tableSelection;
-  }
-
-  moveUp() {
-    if (!this._selection) {
-      return false;
-    }
-
-    const activeItem = this._selection.activatePreviousItem();
-
-    if (activeItem && activeItem.unselectable) {
-      return this.moveUp();
-    }
-
-    return !activeItem;
-  }
-
-  moveDown() {
-    if (this._selection) {
-      const activeItem = this._selection.activateNextItem();
-
-      if (!activeItem) {
-        this._selection.setActiveItemIndex(0);
-      } else if (activeItem.unselectable) {
-        return this.moveDown();
-      }
-    }
-
-    return false;
-  }
-
-  reset() {
-    this._addSelectionMode = null;
-    return !!this._selection;
-  }
-
-  selectUp() {
-    if (!this._selection) {
-      return false;
-    }
-
-    this._changeCheckedItemsArray();
-
-    return this.moveUp();
-  }
-
-  selectDown() {
-    if (!this._selection) {
-      return false;
-    }
-
-    this._changeCheckedItemsArray();
-
-    return this.moveDown();
-  }
-
-  selectCurrent() {
-    if (!this._selection) {
-      return false;
-    }
-
-    const activeItem = this._selection.getActiveItem();
-
-    if (!activeItem) {
-      return true;
-    } else {
-      this._selection.toggleCheck(activeItem);
-
-      return false;
-    }
-  }
-
-  clearSelection() {
-    if (!this._selection) {
-      return false;
-    }
-
-    const activeItem = this._selection.getActiveItem();
-
-    if (activeItem) {
-      if (this._selection.getCheckedItems().length > 0) {
-        this._selection.clearSelection();
-
-        return false;
-      }
-
-      this._selection.clearActivity();
-    }
-
-    return true;
-  }
-
-  _changeCheckedItemsArray() {
-    if (!this._selection) {
-      return false;
-    }
-
-    const activeItem = this._selection.getActiveItem();
-
-    if (activeItem && !this._addSelectionMode) {
-      this._addSelectionMode = activeItem.checked ? 'uncheckItem' : 'checkItem';
-    }
-
-    this._selection[this._addSelectionMode](activeItem);
-
-    return undefined;
-  }
-
-}
-
-export { SelectionNavigateActions as default };

package/dist/table-legacy-ng/table-legacy-ng__selection.js

@@ -1,179 +0,0 @@
-import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
-
-/**
- * Selection class, catches all selection and activation operations and triggers events
- */
-class Selection {
-  constructor(items, emitEvent) {
-    let singleActiveElementAsSelection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
-    _defineProperty(this, "suggestedItem", null);
-
-    this.items = items;
-    this.emitEvent = emitEvent;
-    this.singleActiveElementAsSelection = singleActiveElementAsSelection;
-  }
-
-  setItems(items) {
-    this.items = items;
-    this.suggestedItem = null;
-    this.emitEvent('rgLegacyTable:itemsChanged', items);
-  }
-
-  activateItem(item) {
-    if (item && !item.unselectable) {
-      this.clearActivity();
-      item.active = true;
-      this.emitEvent('rgLegacyTable:activateItem', item, this.items.indexOf(item));
-    }
-  }
-
-  getActiveItem() {
-    if (!this.items) {
-      return undefined;
-    }
-
-    return this.items.find(item => item.active);
-  }
-
-  getActiveItemIndex() {
-    return this.items.indexOf(this.getActiveItem());
-  }
-
-  setActiveItemIndex(index) {
-    const item = this.items[index];
-    this.activateItem(item);
-  }
-
-  findNextActiveItem(startIndex, direction) {
-    const maxIndex = this.items.length - 1;
-
-    if (direction) {
-      for (let i = startIndex + 1; i <= maxIndex; i++) {
-        if (!this.items[i].unselectable) {
-          return this.items[i];
-        }
-      }
-    } else {
-      for (let i = startIndex - 1; i >= 0; i--) {
-        if (!this.items[i].unselectable) {
-          return this.items[i];
-        }
-      }
-    }
-
-    return undefined;
-  }
-
-  activateNextItem() {
-    const activeItemIndex = this.items.indexOf(this.getActiveItem());
-
-    if (activeItemIndex === -1 && this.suggestedItem) {
-      this.activateItem(this.suggestedItem);
-      return this.suggestedItem;
-    } else if (activeItemIndex >= 0 && activeItemIndex < this.items.length - 1) {
-      const newActiveItem = this.findNextActiveItem(activeItemIndex, 1);
-      this.activateItem(newActiveItem);
-      return newActiveItem;
-    } else {
-      this.clearActivity();
-      return undefined;
-    }
-  }
-
-  activatePreviousItem() {
-    const activeItemIndex = this.items.indexOf(this.getActiveItem());
-
-    if (activeItemIndex === -1 && this.suggestedItem) {
-      this.activateItem(this.suggestedItem);
-      return this.suggestedItem;
-    } else if (activeItemIndex > 0 && activeItemIndex <= this.items.length - 1) {
-      const newActiveItem = this.findNextActiveItem(activeItemIndex, 0);
-      this.activateItem(newActiveItem);
-      return newActiveItem;
-    } else {
-      this.clearActivity();
-      return undefined;
-    }
-  }
-
-  clearSelection() {
-    this.clearCheckedItems();
-
-    if (this.singleActiveElementAsSelection) {
-      this.clearActivity();
-    }
-  }
-
-  clearCheckedItems() {
-    this.items.forEach(item => {
-      item.checked = false;
-    });
-  }
-
-  clearActivity() {
-    const activeItem = this.getActiveItem();
-
-    if (activeItem) {
-      activeItem.active = false;
-    }
-
-    this.emitEvent('rgLegacyTable:activateItem', null);
-  }
-
-  checkItem(item) {
-    if (item && !item.uncheckable && !item.unselectable) {
-      item.checked = true;
-      this.triggerSelectionChanged(item);
-    }
-  }
-
-  uncheckItem(item) {
-    if (item) {
-      item.checked = false;
-      this.triggerSelectionChanged(item);
-    }
-  }
-
-  toggleCheck(item) {
-    if (item && !item.uncheckable && !item.unselectable) {
-      item.checked = !item.checked;
-      this.triggerSelectionChanged(item);
-    }
-  }
-
-  triggerSelectionChanged(item) {
-    this.emitEvent('rgLegacyTable:selectionChanged', item);
-  }
-
-  getCheckedItems() {
-    if (!this.items) {
-      return [];
-    }
-
-    return this.items.filter(item => item.checked);
-  }
-
-  getSelectedItems() {
-    const checked = this.getCheckedItems();
-
-    if (!checked.length) {
-      const active = this.getActiveItem();
-
-      if (active && this.singleActiveElementAsSelection) {
-        return [active];
-      } else {
-        return [];
-      }
-    } else {
-      return checked;
-    }
-  }
-
-  setSuggestedItem(item) {
-    this.suggestedItem = item;
-  }
-
-}
-
-export { Selection as default };

package/dist/table-legacy-ng/table-legacy-ng__toolbar.js

@@ -1,57 +0,0 @@
-import angular from 'angular';
-import { getDocumentScrollTop } from '../global/dom.js';
-import scheduleRAF from '../global/schedule-raf.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-
-const angularModule = angular.module('Ring.table-legacy.toolbar', []);
-angularModule.directive('rgLegacyTableToolbar', function rgLegacyTableToolbarDirective() {
-  const scheduleScrollListener = scheduleRAF();
-  return {
-    restrict: 'E',
-    replace: true,
-    transclude: true,
-    template: '<div class="ring-table__toolbar"><div class="ring-table__toolbar-controls ring-popup-container-mark" ng-transclude></div></div>',
-    scope: {
-      toolbarIsReady: '=?'
-    },
-    link: function link(scope, iElement, attrs) {
-      /**
-       * Use plain DOM functions without any jquery. Should work with IE8+
-       */
-      const element = iElement[0];
-      const controlsContainer = element.querySelector('.ring-table__toolbar-controls');
-      let savedToolbarTop;
-
-      const toolbarScrollListener = () => scheduleScrollListener(() => {
-        const scrolledTop = getDocumentScrollTop();
-        const elementTop = element.getBoundingClientRect().top + scrolledTop;
-        const toolbarTop = savedToolbarTop || elementTop;
-
-        if (scrolledTop > toolbarTop && !savedToolbarTop) {
-          //save height to style to prevent collapsing after fixing controls
-          element.style.height = "".concat(element.offsetHeight, "px");
-          savedToolbarTop = toolbarTop;
-          controlsContainer.classList.add('ring-table__toolbar-controls_fixed');
-        } else if (scrolledTop <= toolbarTop && savedToolbarTop >= 0) {
-          savedToolbarTop = null;
-          element.style.height = null;
-          controlsContainer.classList.remove('ring-table__toolbar-controls_fixed');
-        }
-      }); //Stick toolbar if sticking is enabled
-
-
-      if (attrs.stick !== undefined) {
-        window.addEventListener('scroll', toolbarScrollListener);
-        scope.$on('$destroy', () => {
-          window.removeEventListener('scroll', toolbarScrollListener);
-        });
-      }
-
-      scope.toolbarIsReady = true;
-    }
-  };
-});
-var TableToolbar = angularModule.name;
-
-export { TableToolbar as default };

package/dist/table-ng/smart-table-ng.js

@@ -1,68 +0,0 @@
-import angularComponentFactory from '../global/angular-component-factory.js';
-import SmartTable from '../table/smart-table.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'angular';
-import 'react';
-import '../global/react-render-adapter.js';
-import 'react-dom';
-import '../global/ring-angular-component.js';
-import '../global/react-dom-renderer.js';
-import 'prop-types';
-import '../table/table.js';
-import 'classnames';
-import 'react-movable';
-import '../global/focus-sensor-hoc.js';
-import '../global/composeRefs.js';
-import '../global/get-uid.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../loader/loader.js';
-import '../global/data-tests.js';
-import '../loader/loader__core.js';
-import '../global/dom.js';
-import '../table/selection.js';
-import '../table/header.js';
-import 'react-waypoint';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.replace.js';
-import '../global/memoize.js';
-import '../_helpers/checkbox.js';
-import '../_helpers/table.js';
-import '../table/header-cell.js';
-import '@jetbrains/icons/unsorted-10px';
-import '@jetbrains/icons/chevron-10px';
-import '../table/selection-shortcuts-hoc.js';
-import '../table/disable-hover-hoc.js';
-import '../table/row-with-focus-sensor.js';
-import '../table/row.js';
-import '@jetbrains/icons/chevron-right';
-import '@jetbrains/icons/chevron-down';
-import '@jetbrains/icons/drag';
-import '../button/button.js';
-import 'focus-visible';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import '../tooltip/tooltip.js';
-import '../popup/popup.js';
-import '../global/schedule-raf.js';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
-import '../table/cell.js';
-
-var smartTableNg = angularComponentFactory(SmartTable, 'SmartTable').name;
-
-export { smartTableNg as default };

package/dist/table-ng/table-ng.js

@@ -1,67 +0,0 @@
-import angularComponentFactory from '../global/angular-component-factory.js';
-import Table from '../table/table.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'angular';
-import 'react';
-import '../global/react-render-adapter.js';
-import 'react-dom';
-import '../global/ring-angular-component.js';
-import '../global/react-dom-renderer.js';
-import 'prop-types';
-import 'classnames';
-import 'react-movable';
-import '../global/focus-sensor-hoc.js';
-import '../global/composeRefs.js';
-import '../global/get-uid.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../loader/loader.js';
-import '../global/data-tests.js';
-import '../loader/loader__core.js';
-import '../global/dom.js';
-import '../table/selection.js';
-import '../table/header.js';
-import 'react-waypoint';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import '../icon/icon.js';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.replace.js';
-import '../global/memoize.js';
-import '../_helpers/checkbox.js';
-import '../_helpers/table.js';
-import '../table/header-cell.js';
-import '@jetbrains/icons/unsorted-10px';
-import '@jetbrains/icons/chevron-10px';
-import '../table/selection-shortcuts-hoc.js';
-import '../table/disable-hover-hoc.js';
-import '../table/row-with-focus-sensor.js';
-import '../table/row.js';
-import '@jetbrains/icons/chevron-right';
-import '@jetbrains/icons/chevron-down';
-import '@jetbrains/icons/drag';
-import '../button/button.js';
-import 'focus-visible';
-import '../global/theme.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
-import '../tooltip/tooltip.js';
-import '../popup/popup.js';
-import '../global/schedule-raf.js';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.js';
-import '../popup/popup.consts.js';
-import '../popup/popup.target.js';
-import '../table/cell.js';
-
-var tableNg = angularComponentFactory(Table, 'Table').name;
-
-export { tableNg as default };

package/dist/tabs/collapsible-more.js

@@ -1,198 +0,0 @@
-import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import classNames from 'classnames';
-import chevronDown from '@jetbrains/icons/chevron-10px';
-import PropTypes from 'prop-types';
-import { Directions } from '../popup/popup.consts.js';
-import PopupMenu, { ListProps } from '../popup-menu/popup-menu.js';
-import Dropdown from '../dropdown/dropdown.js';
-import Link from '../link/link.js';
-import Icon from '../icon/icon.js';
-import { m as modules_02138f4a } from '../_helpers/tabs.js';
-import getTabTitles from './collapsible-tab.js';
-import { CustomItem } from './custom-item.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import '../popup/popup.js';
-import 'core-js/modules/es.string.replace.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../global/data-tests.js';
-import '../tab-trap/tab-trap.js';
-import '../popup/position.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 'util-deprecate';
-import 'memoize-one';
-import '../global/memoize.js';
-import '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../_helpers/list.js';
-import 'focus-visible';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import '../list/list__item.js';
-import '../avatar/avatar.js';
-import '../global/url.js';
-import '../avatar/fallback-avatar.js';
-import '../checkbox/checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import '../_helpers/checkbox.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.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/anchor.js';
-import '../button/button.js';
-import '../global/theme.js';
-import '../_helpers/button__classes.js';
-import './tab-link.js';
-
-const AnchorLink = _ref => {
-  let {
-    hasActiveChildren,
-    moreClassName,
-    moreActiveClassName,
-    ...restProps
-  } = _ref;
-  const classnames = classNames(modules_02138f4a.title, hasActiveChildren && modules_02138f4a.selected, hasActiveChildren && moreActiveClassName, moreClassName);
-  return /*#__PURE__*/React.createElement(Link, _extends({
-    title: 'More',
-    innerClassName: classnames,
-    className: classnames
-  }, restProps), 'More', /*#__PURE__*/React.createElement(Icon, {
-    glyph: chevronDown,
-    className: modules_02138f4a.chevron
-  }));
-};
-AnchorLink.propTypes = {
-  hasActiveChildren: PropTypes.bool,
-  moreClassName: PropTypes.string,
-  moreActiveClassName: PropTypes.string
-};
-const morePopupDirections = [Directions.BOTTOM_CENTER, Directions.BOTTOM_LEFT, Directions.BOTTOM_RIGHT];
-const MoreButton = /*#__PURE__*/React.memo(_ref2 => {
-  let {
-    items,
-    selected,
-    onSelect,
-    moreClassName,
-    moreActiveClassName,
-    morePopupClassName,
-    morePopupItemClassName,
-    morePopupBeforeEnd
-  } = _ref2;
-  const onSelectHandler = React.useCallback(listItem => {
-    if (listItem.disabled === true || listItem.custom === true) {
-      return;
-    }
-
-    const cb = onSelect(listItem.key);
-    cb();
-  }, [onSelect]);
-  const hasActiveChild = React.useMemo(() => items.some(item => item.props.alwaysHidden && item.props.id === selected), [items, selected]);
-  const data = React.useMemo(() => {
-    const popupItems = getTabTitles({
-      items,
-      selected,
-      collapsed: true
-    }).map(tab => {
-      const disabled = tab.props.disabled === true;
-      const custom = tab.props.child.type === CustomItem;
-      return {
-        template: tab,
-        key: tab.key,
-        rgItemType: ListProps.Type.CUSTOM,
-        className: morePopupItemClassName,
-        disabled,
-        custom
-      };
-    });
-
-    if (morePopupBeforeEnd) {
-      popupItems.push({
-        template: morePopupBeforeEnd,
-        key: 'before-end-content',
-        className: modules_02138f4a.morePopupBeforeEnd,
-        rgItemType: ListProps.Type.CUSTOM
-      });
-    }
-
-    return popupItems;
-  }, [items, morePopupBeforeEnd, morePopupItemClassName, selected]);
-  const popupAnchor = React.useMemo(() => /*#__PURE__*/React.createElement(AnchorLink, {
-    moreClassName: moreClassName,
-    moreActiveClassName: moreActiveClassName,
-    hasActiveChildren: hasActiveChild
-  }), [hasActiveChild, moreActiveClassName, moreClassName]);
-  const popup = React.useMemo(() => /*#__PURE__*/React.createElement(PopupMenu, {
-    directions: morePopupDirections,
-    className: morePopupClassName,
-    onSelect: onSelectHandler,
-    data: data
-  }), [data, morePopupClassName, onSelectHandler]);
-
-  if (items.length === 0) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(modules_02138f4a.title, moreClassName, hasActiveChild && moreActiveClassName)
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    hoverMode: true,
-    anchor: popupAnchor
-  }, popup));
-});
-MoreButton.propTypes = {
-  children: PropTypes.node,
-  items: PropTypes.array,
-  selected: PropTypes.string,
-  onSelect: PropTypes.func,
-  toMeasure: PropTypes.bool,
-  moreClassName: PropTypes.string,
-  moreActiveClassName: PropTypes.string,
-  morePopupClassName: PropTypes.string,
-  morePopupItemClassName: PropTypes.string,
-  morePopupBeforeEnd: PropTypes.element
-};
-MoreButton.displayName = 'MoreButton';
-const FakeMoreButton = /*#__PURE__*/React.memo(_ref3 => {
-  let {
-    moreClassName,
-    moreActiveClassName,
-    hasActiveChildren
-  } = _ref3;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(modules_02138f4a.moreButton, modules_02138f4a.title)
-  }, /*#__PURE__*/React.createElement(AnchorLink, {
-    moreClassName: moreClassName,
-    moreActiveClassName: moreActiveClassName,
-    hasActiveChildren: hasActiveChildren,
-    tabIndex: -1,
-    disabled: true
-  }));
-});
-FakeMoreButton.propTypes = {
-  moreClassName: PropTypes.string,
-  moreActiveClassName: PropTypes.string,
-  hasActiveChildren: PropTypes.bool
-};
-FakeMoreButton.displayName = 'FakeMoreButton';
-
-export { AnchorLink, FakeMoreButton, MoreButton };