@jetbrains/ring-ui 5.0.36 → 5.0.38

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

@@ -115,7 +115,6 @@ angularModule.directive('rgLegacyTable', function rgLegacyTableDirective() {
     transclude: true,
     template: '<div><table class="ring-table" ng-transclude></table></div>',
     controllerAs: 'ctrl',
-
     /**
      * {{
      *   items: array, items of table
@@ -133,20 +132,19 @@ angularModule.directive('rgLegacyTable', function rgLegacyTableDirective() {
         if (this.disableSelection) {
           return;
         }
+
         /**
          * Create Selection instance first to make sure it is always available
          * @type {Selection}
          */
-
-
         this.selection = new Selection(this.items, (name, item, index) => {
           $scope.$emit(name, item, index);
           $scope.$broadcast(name, item, index);
         });
+
         /**
          * Updating items when data is initiated or updated
          */
-
         $scope.$watch(() => this.items, newItems => {
           if (newItems) {
             this.selection.setItems(newItems);
@@ -171,21 +169,19 @@ angularModule.directive('rgLegacyTableHeader', ["getClosestElementWithCommonPare
     link: function link(scope, iElement, iAttrs) {
       const element = iElement[0];
       let stickToElement = null;
-      scope.stickToSelector = iAttrs.stickTo; //Shortcut for placing under table toolbar
+      scope.stickToSelector = iAttrs.stickTo;
 
+      //Shortcut for placing under table toolbar
       if (iAttrs.stickToToolbar !== undefined) {
         scope.stickToSelector = '.ring-table__toolbar';
       }
-
       const scrollableHeader = element.querySelector('.ring-table__header:not(.ring-table__header_sticky)');
       const fixedHeader = element.querySelector('.ring-table__header_sticky');
-
       const toolbarFixed = () => stickToElement.querySelector(`.${TOOLBAR_FIXED_CLASSNAME}`) !== null;
+
       /**
        * Sync header columns width with real table
        */
-
-
       const resizeFixedHeader = debounce(() => {
         fixedHeader.style.width = `${scrollableHeader.offsetWidth}px`;
         const titles = Array.from(fixedHeader.querySelectorAll('.ring-table__title'));
@@ -194,10 +190,10 @@ angularModule.directive('rgLegacyTableHeader', ["getClosestElementWithCommonPare
           titleElement.style.width = getStyles(targetHeaderTitle).width;
         });
       }, HEADER_RESIZE_DEBOUNCE, true);
+
       /**
        * Toggle headers on scroll. Also resize header columns with some big interval
        */
-
       const scrollListener = debounce(() => {
         if (toolbarFixed()) {
           fixedHeader.style.display = 'block';
@@ -206,10 +202,8 @@ angularModule.directive('rgLegacyTableHeader', ["getClosestElementWithCommonPare
           fixedHeader.style.display = 'none';
           scrollableHeader.style.visibility = 'visible';
         }
-
         resizeFixedHeader();
       }, HEADER_SCROLL_DEBOUNCE);
-
       function startSticking() {
         scope.$evalAsync(() => {
           window.addEventListener('resize', resizeFixedHeader);
@@ -217,7 +211,6 @@ angularModule.directive('rgLegacyTableHeader', ["getClosestElementWithCommonPare
           scope.$on('rgLegacyTable:itemsChanged', scrollListener);
         });
       }
-
       if (scope.stickToSelector) {
         stickToElement = getClosestElementWithCommonParent(element, scope.stickToSelector);
         startSticking();
@@ -264,14 +257,11 @@ angularModule.directive('rgLegacyTableRow', function rgLegacyTableRowDirective()
     controller: ["$scope", "$element", function controller($scope, $element) {
       const element = $element[0];
       let watchRowCheckFlag;
-
       this.setSelection = selection => {
         if (!selection) {
           return;
         }
-
         this.selection = selection;
-
         if (!watchRowCheckFlag) {
           watchRowCheckFlag = $scope.$watch('rowCtrl.rowItem.checked', newValue => {
             if (newValue !== undefined) {
@@ -280,29 +270,23 @@ angularModule.directive('rgLegacyTableRow', function rgLegacyTableRowDirective()
           });
         }
       };
-
       this.setActiveItem = item => {
         item && !item.unselectable && this.selection && this.selection.activateItem(item);
       };
-
       this.onMouseOver = item => {
         item && !item.unselectable && this.selection && this.selection.setSuggestedItem(item);
       };
-
       this.onMouseOut = item => {
         item && this.selection && item === this.selection.suggestedItem && this.selection.setSuggestedItem(null);
       };
-
       this.hasCheckedItems = () => {
         if (!this.selection) {
           return false;
-        } //TODO: cache this operation if there are performance issues
-
-
+        }
+        //TODO: cache this operation if there are performance issues
         const checkedItems = this.selection.getCheckedItems();
         return checkedItems && checkedItems.length > 0;
       };
-
       function getRowOutOfViewInfo(el, offsetInRows) {
         const rect = getRect(el);
         const offset = rect.height * offsetInRows;
@@ -315,17 +299,14 @@ angularModule.directive('rgLegacyTableRow', function rgLegacyTableRowDirective()
           isGoneDown
         };
       }
-
       function addSpacingAfterScroll(offset) {
         if (window.scrollY) {
           window.scrollBy(0, offset);
         }
       }
-
       $scope.$on('rgLegacyTable:activateItem', (e, item) => {
         if (item === this.rowItem) {
           const scrollInfo = getRowOutOfViewInfo(element, 2);
-
           if (scrollInfo.isOutOfView) {
             element.scrollIntoView(scrollInfo.isGoneUp);
             addSpacingAfterScroll(scrollInfo.isGoneDown ? scrollInfo.offset : -scrollInfo.offset);
@@ -344,7 +325,6 @@ angularModule.directive('rgLegacyTableHeaderCheckbox', function rgLegacyTableHea
     link: function link(scope, iElement, iAttrs, tableCtrl) {
       // TODO: reduce number of recheckSelection() calls
       scope.allChecked = false;
-
       function recheckSelection() {
         if (tableCtrl.items && tableCtrl.items.length) {
           scope.allChecked = tableCtrl.items.every(item => item.checked);
@@ -352,32 +332,28 @@ angularModule.directive('rgLegacyTableHeaderCheckbox', function rgLegacyTableHea
           scope.allChecked = false;
         }
       }
-
       function markAllItemsAs(state) {
         tableCtrl.items.forEach(item => {
           item.checked = state;
         });
       }
-
       scope.$on('rgLegacyTable:itemsChanged', () => {
         if (scope.allChecked) {
           markAllItemsAs(true);
         }
-
         recheckSelection();
       });
       scope.$on('rgLegacyTable:selectionChanged', recheckSelection);
-
       scope.onClickChange = () => {
         markAllItemsAs(scope.allChecked);
       };
     }
   };
 });
+
 /**
  * A checkbox cell for table. Uses rg-table-row parent directive as model host
  */
-
 angularModule.directive('rgLegacyTableCheckboxCell', function rgLegacyTableCheckboxCellDirective() {
   return {
     restrict: 'E',
@@ -394,15 +370,13 @@ angularModule.directive('rgLegacyTableCheckboxCell', function rgLegacyTableCheck
        * rowItem getter to use it as ng-model for checkbox
        */
       scope.getRowItem = () => rowCtrl.rowItem;
-
       scope.getTitle = () => iAttrs.title || rowCtrl.rowItem.name;
-
       scope.geAriaLabel = () => iAttrs.ariaLabel;
-
       scope.isEmbedded = angular.isDefined(iAttrs.embedded);
     }
   };
 });
+
 /**
  * Table title wrapper, receive next attributes:
  * {{
@@ -410,7 +384,6 @@ angularModule.directive('rgLegacyTableCheckboxCell', function rgLegacyTableCheck
     active: makes title more bolder
   }}
  */
-
 angularModule.directive('rgLegacyTableTitle', function rgLegacyTableTitleDirective() {
   return {
     restrict: 'E',
@@ -438,6 +411,7 @@ angularModule.directive('rgLegacyTableTitle', function rgLegacyTableTitleDirecti
     }
   };
 });
+
 /**
  * Column wrapper, receive next attributes:
  * {{
@@ -446,7 +420,6 @@ angularModule.directive('rgLegacyTableTitle', function rgLegacyTableTitleDirecti
     avatar: for columns contains avatar
   }}
  */
-
 angularModule.directive('rgLegacyTableColumn', function rgLegacyTableColumnDirective() {
   return {
     restrict: 'E',
@@ -476,25 +449,22 @@ angularModule.directive('rgLegacyTableColumn', function rgLegacyTableColumnDirec
       scope.isGray = angular.isDefined(iAttrs.gray);
       scope.isPullRight = angular.isDefined(iAttrs.pullRight);
       scope.isPullLeft = angular.isDefined(iAttrs.pullLeft);
-
       function adjustUnlimitedColumnWidths() {
         const unlimitedColumnsCount = element.parentNode.querySelectorAll('.ring-table__column[unlimited]').length;
-
         if (unlimitedColumnsCount > 1) {
           element.style.width = `${(FULL_WIDTH / unlimitedColumnsCount).toFixed()}%`;
         }
       }
-
       if (scope.isUnlimited) {
         adjustUnlimitedColumnWidths();
       }
     }
   };
 });
+
 /**
  * Class with default hotkeys navigation actions (e.g. select, clear selection, move up/down)
  */
-
 angularModule.constant('SelectionNavigateActions', SelectionNavigateActions);
 var tableLegacyNg = angularModule.name;
 

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

@@ -8,116 +8,85 @@ class SelectionNavigateActions {
     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

@@ -6,20 +6,16 @@ import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 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();
@@ -27,27 +23,21 @@ class Selection {
       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) {
@@ -61,13 +51,10 @@ class Selection {
         }
       }
     }
-
     return undefined;
   }
-
   activateNextItem() {
     const activeItemIndex = this.items.indexOf(this.getActiveItem());
-
     if (activeItemIndex === -1 && this.suggestedItem) {
       this.activateItem(this.suggestedItem);
       return this.suggestedItem;
@@ -80,10 +67,8 @@ class Selection {
       return undefined;
     }
   }
-
   activatePreviousItem() {
     const activeItemIndex = this.items.indexOf(this.getActiveItem());
-
     if (activeItemIndex === -1 && this.suggestedItem) {
       this.activateItem(this.suggestedItem);
       return this.suggestedItem;
@@ -96,70 +81,55 @@ class Selection {
       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 {
@@ -169,11 +139,9 @@ class Selection {
       return checked;
     }
   }
-
   setSuggestedItem(item) {
     this.suggestedItem = item;
   }
-
 }
 
 export { Selection as default };

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

@@ -21,12 +21,10 @@ angularModule.directive('rgLegacyTableToolbar', function rgLegacyTableToolbarDir
       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`;
@@ -37,16 +35,15 @@ angularModule.directive('rgLegacyTableToolbar', function rgLegacyTableToolbarDir
           element.style.height = null;
           controlsContainer.classList.remove('ring-table__toolbar-controls_fixed');
         }
-      }); //Stick toolbar if sticking is enabled
-
+      });
 
+      //Stick toolbar if sticking is enabled
       if (attrs.stick !== undefined) {
         window.addEventListener('scroll', toolbarScrollListener);
         scope.$on('$destroy', () => {
           window.removeEventListener('scroll', toolbarScrollListener);
         });
       }
-
       scope.toolbarIsReady = true;
     }
   };

package/dist/tabs/collapsible-more.js

@@ -101,7 +101,6 @@ const MoreButton = /*#__PURE__*/React.memo(_ref2 => {
     if (listItem.disabled === true || listItem.custom === true) {
       return;
     }
-
     const cb = onSelect(String(listItem.key));
     cb();
   }, [onSelect]);
@@ -123,7 +122,6 @@ const MoreButton = /*#__PURE__*/React.memo(_ref2 => {
         custom
       };
     });
-
     if (morePopupBeforeEnd) {
       popupItems.push({
         template: morePopupBeforeEnd,
@@ -132,7 +130,6 @@ const MoreButton = /*#__PURE__*/React.memo(_ref2 => {
         rgItemType: ListProps.Type.CUSTOM
       });
     }
-
     return popupItems;
   }, [items, morePopupBeforeEnd, morePopupItemClassName, selected]);
   const popupAnchor = React.useMemo(() => /*#__PURE__*/React.createElement(AnchorLink, {
@@ -146,11 +143,9 @@ const MoreButton = /*#__PURE__*/React.memo(_ref2 => {
     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, {

package/dist/tabs/collapsible-tab.js

@@ -13,7 +13,6 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 
 function noop() {}
-
 const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
   let {
     selected,
@@ -22,11 +21,9 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
     collapsed = false,
     tabIndex
   } = _ref;
-
   if (child == null || typeof child !== 'object' || child.type === CustomItem) {
     return child;
   }
-
   const {
     title,
     titleProps,
@@ -64,7 +61,6 @@ TabTitle.propTypes = {
   collapsed: PropTypes.bool,
   tabIndex: PropTypes.number
 };
-
 const getTabTitles = _ref2 => {
   let {
     items,