@jetbrains/ring-ui 5.0.36 → 5.0.38

package/dist/tabs/collapsible-tabs.js

@@ -95,18 +95,15 @@ const CollapsibleTabs = _ref => {
   const measureRef = React.useRef(null);
   const selectedIndex = React.useMemo(() => {
     var _children$filter$find;
-
     return (_children$filter$find = children.filter(tab => tab.props.alwaysHidden !== true).findIndex(tab => tab.props.id === selected)) !== null && _children$filter$find !== void 0 ? _children$filter$find : null;
   }, [children, selected]);
   const visibleElements = React.useMemo(() => {
     let items;
-
     if (preparedElements.ready) {
       items = preparedElements.visible;
     } else {
       items = initialVisibleItems ? children.filter(item => item.props.alwaysHidden !== true).slice(0, initialVisibleItems) : [];
     }
-
     return getTabTitles({
       items,
       selected,
@@ -122,7 +119,6 @@ const CollapsibleTabs = _ref => {
     let renderMore = children.some(tab => tab.props.alwaysHidden);
     const tabsToRender = [];
     let filledWidth = renderMore ? more !== null && more !== void 0 ? more : 0 : 0;
-
     for (let i = 0; i < tabsSizes.length; i++) {
       if (filledWidth + tabsSizes[i] < containerWidth + MEASURE_TOLERANCE) {
         filledWidth += tabsSizes[i];
@@ -131,7 +127,6 @@ const CollapsibleTabs = _ref => {
         break;
       }
     }
-
     if (tabsToRender.length < tabsSizes.length && !renderMore) {
       for (let i = tabsToRender.length - 1; i >= 0; i--) {
         if (filledWidth + more < containerWidth + MEASURE_TOLERANCE) {
@@ -144,10 +139,8 @@ const CollapsibleTabs = _ref => {
         }
       }
     }
-
     if (selectedIndex > tabsToRender.length - 1) {
       const selectedWidth = tabsSizes[selectedIndex];
-
       for (let i = tabsToRender.length - 1; i >= 0; i--) {
         if (filledWidth + selectedWidth < containerWidth + MEASURE_TOLERANCE) {
           filledWidth += selectedWidth;
@@ -158,43 +151,35 @@ const CollapsibleTabs = _ref => {
         }
       }
     }
-
     if (elements.lastVisibleIndex !== tabsToRender.length - 1) {
       setLastVisibleIndex(tabsToRender.length - 1);
     }
-  }, [children, elements.lastVisibleIndex, elements.sizes, selectedIndex]); // Prepare list of visible and hidden elements
-
+  }, [children, elements.lastVisibleIndex, elements.sizes, selectedIndex]);
+  // Prepare list of visible and hidden elements
   React.useEffect(() => {
     const timeout = setTimeout(() => {
       var _elements$lastVisible2;
-
       const res = children.reduce((accumulator, tab) => {
         var _elements$lastVisible;
-
         if (tab.props.alwaysHidden !== true && accumulator.visible.length - 1 < ((_elements$lastVisible = elements.lastVisibleIndex) !== null && _elements$lastVisible !== void 0 ? _elements$lastVisible : 0)) {
           accumulator.visible.push(tab);
         } else {
           accumulator.hidden.push(tab);
         }
-
         return accumulator;
       }, {
         visible: [],
         hidden: [],
         ready: elements.lastVisibleIndex !== null
       });
-
       if (selectedIndex > ((_elements$lastVisible2 = elements.lastVisibleIndex) !== null && _elements$lastVisible2 !== void 0 ? _elements$lastVisible2 : 0)) {
         const selectedItem = children.find(tab => !tab.props.alwaysHidden && tab.props.id === selected);
-
         if (selectedItem != null) {
           res.visible.push(selectedItem);
         }
       }
-
       const allVisibleTheSame = res.visible.length === preparedElements.visible.length && res.visible.every((item, index) => item === preparedElements.visible[index]);
       const allHiddenTheSame = res.hidden.length === preparedElements.hidden.length && res.hidden.every((item, index) => item === preparedElements.hidden[index]);
-
       if (!allVisibleTheSame || !allHiddenTheSame || preparedElements.ready !== res.ready) {
         fastdom.mutate(() => setPreparedElements(res));
       }
@@ -202,24 +187,22 @@ const CollapsibleTabs = _ref => {
     return () => {
       clearTimeout(timeout);
     };
-  }, [children, elements.lastVisibleIndex, preparedElements, selected, selectedIndex]); // Get list of all possibly visible elements to render in a measure container
-
+  }, [children, elements.lastVisibleIndex, preparedElements, selected, selectedIndex]);
+  // Get list of all possibly visible elements to render in a measure container
   const childrenToMeasure = React.useMemo(() => {
     const items = children.filter(tab => tab.props.alwaysHidden !== true);
     return getTabTitles({
       items,
       tabIndex: -1
     });
-  }, [children]); // Initial measure for tabs and more button sizes
-
+  }, [children]);
+  // Initial measure for tabs and more button sizes
   React.useEffect(() => {
     if (measureRef.current == null) {
       return undefined;
     }
-
     const measureTask = fastdom.measure(() => {
       var _container$children;
-
       const container = measureRef.current;
       const descendants = [...((_container$children = container === null || container === void 0 ? void 0 : container.children) !== null && _container$children !== void 0 ? _container$children : [])];
       const moreButton = descendants.pop();
@@ -239,7 +222,6 @@ const CollapsibleTabs = _ref => {
       });
       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(() => setSizes({
           more: moreButtonWidth,
@@ -250,15 +232,13 @@ const CollapsibleTabs = _ref => {
     return () => {
       fastdom.clear(measureTask);
     };
-  }, [children, elements.sizes.more, elements.sizes.tabs]); // Start observers to listen resizing and mutation
-
+  }, [children, elements.sizes.more, elements.sizes.tabs]);
+  // Start observers to listen resizing and mutation
   React.useEffect(() => {
     if (measureRef.current === null) {
       return undefined;
     }
-
     let measureTask = () => {};
-
     const resizeObserver = new ResizeObserver(entries => {
       entries.forEach(entry => {
         fastdom.clear(measureTask);

package/dist/tabs/dumb-tabs.js

@@ -70,14 +70,11 @@ import './collapsible-tab.js';
 class Tabs extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "handleSelect", memoize(key => () => this.props.onSelect(key)));
-
     _defineProperty(this, "getTabTitle", (child, i) => {
       if (child == null || typeof child !== 'object' || child.type === CustomItem) {
         return child;
       }
-
       const {
         selected
       } = this.props;
@@ -107,7 +104,6 @@ class Tabs extends PureComponent {
       }, titleProps));
     });
   }
-
   render() {
     const {
       className,
@@ -136,9 +132,7 @@ class Tabs extends PureComponent {
       return (props.id || String(i)) === selected;
     })));
   }
-
 }
-
 _defineProperty(Tabs, "propTypes", {
   selected: PropTypes.string,
   className: PropTypes.string,
@@ -148,10 +142,8 @@ _defineProperty(Tabs, "propTypes", {
   'data-test': PropTypes.string,
   autoCollapse: PropTypes.bool
 });
-
 _defineProperty(Tabs, "defaultProps", {
   onSelect() {}
-
 });
 
 export { Tabs as default };

package/dist/tabs/smart-tabs.js

@@ -70,18 +70,14 @@ import './custom-item.js';
 class SmartTabs extends PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", void 0);
-
     _defineProperty(this, "handleSelect", selected => this.setState({
       selected
     }));
-
     this.state = {
       selected: this.props.initSelected || Array.isArray(this.props.children) && this.props.children[0].props.id || '0'
     };
   }
-
   render() {
     const {
       children,
@@ -95,9 +91,7 @@ class SmartTabs extends PureComponent {
       onSelect: this.handleSelect
     }, restProps), children);
   }
-
 }
-
 _defineProperty(SmartTabs, "propTypes", {
   children: PropTypes.arrayOf(PropTypes.element).isRequired,
   initSelected: PropTypes.string,

package/dist/tabs/tab-link.js

@@ -30,7 +30,6 @@ function TabLink(_ref) {
     className: modules_02138f4a.hiddenRegular
   }, renderedTitle)));
 }
-
 TabLink.propTypes = {
   isSelected: PropTypes.bool,
   collapsed: PropTypes.bool,

package/dist/tabs/tab.js

@@ -18,9 +18,7 @@ class Tab extends PureComponent {
       className: classes
     }, children);
   }
-
 }
-
 _defineProperty(Tab, "propTypes", {
   title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
   id: PropTypes.string,

package/dist/tabs-ng/tabs-ng.js

@@ -24,23 +24,20 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
       $scope.panes = [];
       $scope.current = null;
       $scope.styles = modules_02138f4a;
-
       function getTabIdFromUrl() {
         return $location.search()[$scope.tabParameter];
       }
-
       function doSelect(newPane, skipUrlUpdate) {
         if (newPane === $scope.current || newPane.ngDisabled) {
           return;
         }
-
         for (let index = 0; index < $scope.panes.length; index++) {
-          const pane = $scope.panes[index]; // Update current tab
+          const pane = $scope.panes[index];
 
+          // Update current tab
           if (pane === newPane || pane.tabId === newPane) {
             $scope.current = newPane;
             pane.selected = true;
-
             if (!skipUrlUpdate) {
               $location.search($scope.tabParameter, newPane.tabId);
             }
@@ -50,35 +47,28 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
           }
         }
       }
-
       function getNextPaneIndex(reverseOrder) {
         const currentTabIndex = $scope.panes.indexOf($scope.current);
         let next = currentTabIndex;
-
         do {
           next += reverseOrder ? -1 : 1;
         } while (next > -1 && next < $scope.panes.length && $scope.panes[next].ngDisabled);
-
         if (next >= $scope.panes.length) {
           next = $scope.panes.length - 1;
         } else if (next < 0) {
           next = 0;
-        } // if no suitable tab found till the end of array
-
+        }
 
+        // if no suitable tab found till the end of array
         if ($scope.panes[next].ngDisabled) {
           return currentTabIndex;
         }
-
         return next;
       }
-
       function getCurrentTab() {
         const currentTabId = getTabIdFromUrl();
-
         if (currentTabId) {
           const currentTab = $scope.panes.find(pane => pane.tabId === currentTabId);
-
           if (currentTab && !currentTab.ngDisabled) {
             return currentTab;
           } else {
@@ -87,53 +77,47 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
         } else {
           return $scope.panes[0];
         }
-      } // controller methods
+      }
 
+      // controller methods
 
       function checkCurrentTab() {
         if ($scope.panes.length) {
           doSelect(getCurrentTab(), true);
         }
       }
-
       this.addTab = tab => {
         $scope.panes.push(tab);
-
         if ($scope.panes.length === 1 || tab.tabId === getTabIdFromUrl()) {
           doSelect(tab, true);
         }
       };
-
       this.removeTab = tab => {
         const index = $scope.panes.indexOf(tab);
         $scope.panes.splice(index, 1);
         checkCurrentTab();
       };
+      this.checkPane = checkCurrentTab;
 
-      this.checkPane = checkCurrentTab; // scope
+      // scope
 
-      $scope.$on('$destroy', $rootScope.$on('$routeUpdate', checkCurrentTab)); // Exposed methods
+      $scope.$on('$destroy', $rootScope.$on('$routeUpdate', checkCurrentTab));
 
+      // Exposed methods
       $scope.control = {};
-
       $scope.control.isLast = () => $scope.panes.indexOf($scope.current) === $scope.panes.length - 1;
-
       $scope.control.isFirst = () => $scope.panes.indexOf($scope.current) === 0;
-
       $scope.control.select = pane => {
         doSelect(pane, $scope.disableLocationChanging);
       };
-
       $scope.control.next = () => {
         const next = getNextPaneIndex();
         doSelect($scope.panes[next], $scope.disableLocationChanging);
       };
-
       $scope.control.prev = () => {
         const prev = getNextPaneIndex(true);
         doSelect($scope.panes[prev], $scope.disableLocationChanging);
       };
-
       $scope.keyMap = {
         next: $scope.control.next,
         prev: $scope.control.prev,
@@ -141,16 +125,16 @@ angularModule.directive('rgTabs', ["$location", "$rootScope", function rgTabsDir
           $scope.focus = !$scope.focus;
           return !$scope.focus;
         }
-      }; // For some reason ng-class doesn't work properly on tabs.
+      };
+
+      // For some reason ng-class doesn't work properly on tabs.
       // From time to time several tabs look like selected despite correct scope state.
       // I think this bug depends on the frequency of addTab calls (actually on digests)
       // and ng-class detection of added and removed classes becomes broken.
       // @maxim.erekhinskiy
-
       $scope.tabClass = pane => classNames(modules_02138f4a.title, modules_02138f4a.titleLegacy, {
         [modules_02138f4a.selected]: pane.selected
       });
-
       this.$onInit = () => {
         if (!$scope.tabParameter) {
           $scope.tabParameter = 'tab';

package/dist/tag/tag.js

@@ -21,15 +21,12 @@ var modules_2f9be069 = {"unit":"8px","max-height":"20px","tag":"tag_rui_2f49 res
 /**
  * @name Tag
  */
-
 class Tag extends PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       focused: false
     });
-
     _defineProperty(this, "onDocumentClick", event => {
       if (this.tagNode) {
         this.setState({
@@ -37,37 +34,29 @@ class Tag extends PureComponent {
         });
       }
     });
-
     _defineProperty(this, "tagNode", void 0);
-
     _defineProperty(this, "tagRef", el => {
       this.tagNode = el;
     });
   }
-
   componentDidUpdate(prevProps) {
     if (this.props.focused !== prevProps.focused) {
       this.setState({
         focused: this.props.focused
       });
     }
-
     if (this.state.focused) {
       var _this$tagNode;
-
       (_this$tagNode = this.tagNode) === null || _this$tagNode === void 0 ? void 0 : _this$tagNode.focus();
     }
-
     this.setDocumentClickListener(this.state.focused);
   }
-
   componentWillUnmount() {
     this.setDocumentClickListener(false);
     this.setState({
       focused: false
     });
   }
-
   setDocumentClickListener(setListener) {
     if (setListener) {
       document.addEventListener('click', this.onDocumentClick);
@@ -75,7 +64,6 @@ class Tag extends PureComponent {
       document.removeEventListener('click', this.onDocumentClick);
     }
   }
-
   renderCustomIcon() {
     if (this.props.rgTagIcon) {
       return /*#__PURE__*/React.createElement(Icon, {
@@ -84,10 +72,8 @@ class Tag extends PureComponent {
         glyph: this.props.rgTagIcon
       });
     }
-
     return null;
   }
-
   _renderImageElement(avatarSrc) {
     const classes = classNames({
       [modules_2f9be069.customIcon]: this.props.icon,
@@ -99,25 +85,20 @@ class Tag extends PureComponent {
       src: avatarSrc || this.props.icon
     });
   }
-
   renderImage() {
     if (this.props.icon && !this.props.avatar) {
       return this._renderImageElement();
     }
-
     return null;
   }
-
   renderAvatar() {
     if (this.props.avatar) {
       return /*#__PURE__*/React.createElement("span", {
         className: modules_2f9be069.avatarContainer
       }, this._renderImageElement(this.props.avatar));
     }
-
     return null;
   }
-
   renderRemoveIcon() {
     if (!this.props.readOnly) {
       return /*#__PURE__*/React.createElement(Button, {
@@ -132,10 +113,8 @@ class Tag extends PureComponent {
         }
       });
     }
-
     return null;
   }
-
   render() {
     const classes = classNames('ring-js-shortcuts', modules_2f9be069.tag, {
       [modules_2f9be069.focused]: this.state.focused,
@@ -165,9 +144,7 @@ class Tag extends PureComponent {
       }, this.props.children))
     }), this.renderRemoveIcon());
   }
-
 }
-
 _defineProperty(Tag, "propTypes", {
   onRemove: PropTypes.func,
   onClick: PropTypes.func,
@@ -185,7 +162,6 @@ _defineProperty(Tag, "propTypes", {
   className: PropTypes.string,
   render: PropTypes.func
 });
-
 _defineProperty(Tag, "defaultProps", {
   onRemove: () => {},
   onClick: () => {},