@jetbrains/ring-ui 4.2.9 → 4.2.10

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

@@ -0,0 +1,123 @@
+/**
+ * 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

@@ -0,0 +1,179 @@
+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

@@ -0,0 +1,57 @@
+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

@@ -0,0 +1,68 @@
+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

@@ -0,0 +1,67 @@
+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

@@ -0,0 +1,198 @@
+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 };