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

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,56 @@
+import angular from 'angular';
+import { getDocumentScrollTop } from '../global/dom.js';
+import scheduleRAF from '../global/schedule-raf.js';
+import '../_helpers/_rollupPluginBabelHelpers.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 = `${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,65 @@
+import angularComponentFactory from '../global/angular-component-factory.js';
+import SmartTable from '../table/smart-table.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'angular';
+import 'react';
+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 '../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,64 @@
+import angularComponentFactory from '../global/angular-component-factory.js';
+import Table from '../table/table.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'angular';
+import 'react';
+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 '../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,4 +1,4 @@
-import { a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import classNames from 'classnames';
 import chevronDown from '@jetbrains/icons/chevron-10px';
@@ -38,14 +38,18 @@ 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__svg.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';
@@ -62,10 +66,9 @@ const AnchorLink = _ref => {
   let {
     hasActiveChildren,
     moreClassName,
-    moreActiveClassName
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["hasActiveChildren", "moreClassName", "moreActiveClassName"]);
-
+    moreActiveClassName,
+    ...restProps
+  } = _ref;
   const classnames = classNames(modules_02138f4a.title, hasActiveChildren && modules_02138f4a.selected, hasActiveChildren && moreActiveClassName, moreClassName);
   return /*#__PURE__*/React.createElement(Link, _extends({
     title: 'More',

package/dist/tabs/collapsible-tab.js

@@ -1,4 +1,4 @@
-import { a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -10,10 +10,11 @@ import 'focus-visible';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 
 function noop() {}
 
-const TabTitle = /*#__PURE__*/React.memo(_ref => {
+const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
   let {
     selected,
     child,
@@ -68,10 +69,9 @@ const getTabTitles = _ref2 => {
     items,
     selected = 0,
     collapsed,
-    onSelect = noop
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, ["items", "selected", "collapsed", "onSelect"]);
-
+    onSelect = noop,
+    ...props
+  } = _ref2;
   return items.map((tab, index) => {
     const key = tab.props.id || String(index);
     const isSelected = selected === key;
@@ -87,4 +87,4 @@ const getTabTitles = _ref2 => {
   });
 };
 
-export default getTabTitles;
+export { getTabTitles as default };

package/dist/tabs/collapsible-tabs.js

@@ -1,4 +1,3 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,6 +5,7 @@ import fastdom from 'fastdom';
 import { m as modules_02138f4a } from '../_helpers/tabs.js';
 import { MoreButton, FakeMoreButton } from './collapsible-more.js';
 import getTabTitles from './collapsible-tab.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import '@jetbrains/icons/chevron-10px';
 import '../popup/popup.consts.js';
 import '../popup-menu/popup-menu.js';
@@ -36,16 +36,20 @@ import '../list/list__link.js';
 import '../link/link.js';
 import 'focus-visible';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../_helpers/list.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 '../icon/icon.js';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -82,12 +86,12 @@ function visibilityReducer(state, action) {
           more,
           tabs
         } = action;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
+        return { ...state,
           sizes: {
             more,
             tabs
           }
-        });
+        };
       }
 
     case ACTIONS.DEFINE_LAST_VISIBLE_INDEX:
@@ -95,9 +99,9 @@ function visibilityReducer(state, action) {
         const {
           lastVisibleIndex
         } = action;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
+        return { ...state,
           lastVisibleIndex
-        });
+        };
       }
 
     default:
@@ -259,7 +263,7 @@ const CollapsibleTabs = _ref2 => {
 
   React.useEffect(() => {
     if (measureRef.current == null) {
-      return;
+      return undefined;
     }
 
     const measureTask = fastdom.measure(() => {
@@ -279,11 +283,9 @@ const CollapsibleTabs = _ref2 => {
         } = getComputedStyle(node);
         const width = node.getBoundingClientRect().width;
         return width + +marginLeft.replace('px', '') + +marginRight.replace('px', '');
-      }); // eslint-disable-next-line no-param-reassign
-
-      const newSummaryWidth = tabsWidth.reduce((acc, curr) => acc += curr, 0); // eslint-disable-next-line no-param-reassign
-
-      const oldSummaryWidth = elements.sizes.tabs.reduce((acc, curr) => acc += curr, 0);
+      });
+      const newSummaryWidth = tabsWidth.reduce((acc, curr) => acc + curr, 0);
+      const oldSummaryWidth = elements.sizes.tabs.reduce((acc, curr) => acc + curr, 0);
 
       if (elements.sizes.more !== moreButtonWidth || newSummaryWidth !== oldSummaryWidth) {
         fastdom.mutate(() => dispatch({
@@ -292,8 +294,7 @@ const CollapsibleTabs = _ref2 => {
           tabs: tabsWidth
         }));
       }
-    }); // eslint-disable-next-line consistent-return
-
+    });
     return () => {
       fastdom.clear(measureTask);
     };
@@ -304,7 +305,7 @@ const CollapsibleTabs = _ref2 => {
     let resizeObserver = null;
 
     if (measureRef.current === null) {
-      return;
+      return undefined;
     }
 
     resizeObserver = new ResizeObserver(entries => {
@@ -313,8 +314,7 @@ const CollapsibleTabs = _ref2 => {
         measureTask = fastdom.mutate(() => adjustTabs(entry));
       });
     });
-    resizeObserver.observe(measureRef.current); // eslint-disable-next-line consistent-return
-
+    resizeObserver.observe(measureRef.current);
     return () => {
       fastdom.clear(measureTask);
       resizeObserver.disconnect();
@@ -357,5 +357,4 @@ CollapsibleTabs.propTypes = {
 };
 var CollapsibleTabs$1 = /*#__PURE__*/React.memo(CollapsibleTabs);
 
-export default CollapsibleTabs$1;
-export { CollapsibleTabs };
+export { CollapsibleTabs, CollapsibleTabs$1 as default };