@jetbrains/ring-ui-built 7.0.65 → 7.0.70

package/components/tabs/collapsible-more.js

@@ -1,4 +1,3 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
 import classNames from 'classnames';
@@ -9,10 +8,7 @@ import { A as Anchor } from '../_helpers/anchor.js';
 import { s as styles } from '../_helpers/tab-link.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.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -26,12 +22,9 @@ import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
 import '../global/configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.string.trim.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -72,34 +65,31 @@ import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
 import '../_helpers/button.classes.js';
 
-const _excluded = ["hasActiveChildren", "moreClassName", "moreActiveClassName"];
-const AnchorLink = _ref => {
-  let {
-      hasActiveChildren,
-      moreClassName,
-      moreActiveClassName
-    } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded);
+const AnchorLink = ({
+  hasActiveChildren,
+  moreClassName,
+  moreActiveClassName,
+  ...restProps
+}) => {
   const classnames = classNames(styles.title, hasActiveChildren && styles.selected, hasActiveChildren && moreActiveClassName, moreClassName);
-  return jsx(Anchor, _objectSpread2(_objectSpread2({
+  return jsx(Anchor, {
     title: 'More',
-    className: classnames
-  }, restProps), {}, {
+    className: classnames,
+    ...restProps,
     children: 'More'
-  }));
+  });
 };
 const morePopupDirections = [Directions.BOTTOM_CENTER, Directions.BOTTOM_LEFT, Directions.BOTTOM_RIGHT];
-const MoreButton = /*#__PURE__*/memo(_ref2 => {
-  let {
-    items,
-    selected,
-    onSelect,
-    moreClassName,
-    moreActiveClassName,
-    morePopupClassName,
-    morePopupItemClassName,
-    morePopupBeforeEnd
-  } = _ref2;
+const MoreButton = /*#__PURE__*/memo(({
+  items,
+  selected,
+  onSelect,
+  moreClassName,
+  moreActiveClassName,
+  morePopupClassName,
+  morePopupItemClassName,
+  morePopupBeforeEnd
+}) => {
   const onSelectHandler = useMemo(() => onSelect ? listItem => {
     if (listItem.disabled === true || listItem.custom === true) {
       return;
@@ -159,23 +149,20 @@ const MoreButton = /*#__PURE__*/memo(_ref2 => {
   });
 });
 MoreButton.displayName = 'MoreButton';
-const FakeMoreButton = /*#__PURE__*/memo(_ref3 => {
-  let {
-    moreClassName,
-    moreActiveClassName,
-    hasActiveChildren
-  } = _ref3;
-  return jsx("div", {
-    className: classNames(styles.moreButton, styles.title),
-    children: jsx(AnchorLink, {
-      moreClassName: moreClassName,
-      moreActiveClassName: moreActiveClassName,
-      hasActiveChildren: hasActiveChildren,
-      tabIndex: -1,
-      disabled: true
-    })
-  });
-});
+const FakeMoreButton = /*#__PURE__*/memo(({
+  moreClassName,
+  moreActiveClassName,
+  hasActiveChildren
+}) => jsx("div", {
+  className: classNames(styles.moreButton, styles.title),
+  children: jsx(AnchorLink, {
+    moreClassName: moreClassName,
+    moreActiveClassName: moreActiveClassName,
+    hasActiveChildren: hasActiveChildren,
+    tabIndex: -1,
+    disabled: true
+  })
+}));
 FakeMoreButton.displayName = 'FakeMoreButton';
 
 export { AnchorLink, FakeMoreButton, MoreButton };

package/components/tabs/collapsible-tab.js

@@ -1,4 +1,3 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
@@ -6,19 +5,16 @@ import { s as styles, T as TabLink } from '../_helpers/tab-link.js';
 import { CustomItem } from './custom-item.js';
 import '../link/link.js';
 import '../global/data-tests.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
 
-const _excluded = ["items", "selected", "collapsed", "onSelect"];
-const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
-  let {
-    selected,
-    child,
-    handleSelect,
-    collapsed = false,
-    tabIndex
-  } = _ref;
+const TabTitle = /*#__PURE__*/React.memo(function TabTitle({
+  selected,
+  child,
+  handleSelect,
+  collapsed = false,
+  tabIndex
+}) {
   if (child === null || typeof child !== 'object' || child.type === CustomItem) {
     return child;
   }
@@ -39,7 +35,7 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
     [collapsedClassName !== null && collapsedClassName !== void 0 ? collapsedClassName : '']: collapsed,
     [collapsedActiveClassName !== null && collapsedActiveClassName !== void 0 ? collapsedActiveClassName : '']: collapsed && selected
   });
-  return jsx(TabLink, _objectSpread2({
+  return jsx(TabLink, {
     title: title,
     isSelected: selected,
     active: true,
@@ -48,27 +44,26 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
     disabled: disabled,
     onPlainLeftClick: handleSelect,
     tabIndex: tabIndex,
-    collapsed: collapsed
-  }, titleProps));
-});
-const getTabTitles = _ref2 => {
-  let {
-      items,
-      selected = '0',
-      collapsed,
-      onSelect = () => undefined
-    } = _ref2,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  return items.map((tab, index) => {
-    const key = tab.props.id || String(index);
-    const isSelected = selected === key;
-    return jsx(TabTitle, _objectSpread2({
-      handleSelect: onSelect(key),
-      selected: isSelected,
-      child: tab,
-      collapsed: collapsed
-    }, props), key);
+    collapsed: collapsed,
+    ...titleProps
   });
-};
+});
+const getTabTitles = ({
+  items,
+  selected = '0',
+  collapsed,
+  onSelect = () => undefined,
+  ...props
+}) => items.map((tab, index) => {
+  const key = tab.props.id || String(index);
+  const isSelected = selected === key;
+  return jsx(TabTitle, {
+    handleSelect: onSelect(key),
+    selected: isSelected,
+    child: tab,
+    collapsed: collapsed,
+    ...props
+  }, key);
+});
 
 export { getTabTitles as default };

package/components/tabs/collapsible-tabs.js

@@ -1,6 +1,3 @@
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
@@ -8,7 +5,6 @@ import fastdom from 'fastdom';
 import { s as styles } from '../_helpers/tab-link.js';
 import { MoreButton, FakeMoreButton } from './collapsible-more.js';
 import getTabTitles from './collapsible-tab.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../link/link.js';
 import '../global/data-tests.js';
 import '../link/clickable-link.js';
@@ -28,12 +24,9 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.string.trim.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -76,19 +69,18 @@ import './custom-item.js';
 
 const DEFAULT_DEBOUNCE_INTERVAL = 100;
 const MEASURE_TOLERANCE = 0.5;
-const CollapsibleTabs = _ref => {
-  let {
-    children,
-    selected,
-    onSelect,
-    onLastVisibleIndexChange,
-    moreClassName,
-    moreActiveClassName,
-    morePopupClassName,
-    morePopupBeforeEnd,
-    morePopupItemClassName,
-    initialVisibleItems
-  } = _ref;
+const CollapsibleTabs = ({
+  children,
+  selected,
+  onSelect,
+  onLastVisibleIndexChange,
+  moreClassName,
+  moreActiveClassName,
+  morePopupClassName,
+  morePopupBeforeEnd,
+  morePopupItemClassName,
+  initialVisibleItems
+}) => {
   const [sizes, setSizes] = useState({
     tabs: [],
     more: undefined
@@ -173,7 +165,7 @@ const CollapsibleTabs = _ref => {
     const newLastVisibleIndex = tabsToRender.length - 1;
     if (elements.lastVisibleIndex !== newLastVisibleIndex) {
       setLastVisibleIndex(newLastVisibleIndex);
-      onLastVisibleIndexChange === null || onLastVisibleIndexChange === void 0 || onLastVisibleIndexChange(newLastVisibleIndex);
+      onLastVisibleIndexChange?.(newLastVisibleIndex);
     }
   }, [children, elements.lastVisibleIndex, elements.sizes, onLastVisibleIndexChange, selectedIndex]);
   // Prepare list of visible and hidden elements
@@ -191,11 +183,11 @@ const CollapsibleTabs = _ref => {
       }, {
         visible: [],
         hidden: [],
-        ready: !!elements.lastVisibleIndex
+        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) {
+        if (selectedItem !== null && selectedItem !== undefined) {
           res.visible.push(selectedItem);
         }
       }
@@ -225,9 +217,9 @@ const CollapsibleTabs = _ref => {
     const measureTask = fastdom.measure(() => {
       var _container$children, _moreButton$offsetWid;
       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 descendants = [...((_container$children = container?.children) !== null && _container$children !== void 0 ? _container$children : [])];
       const moreButton = descendants.pop();
-      let moreButtonWidth = (_moreButton$offsetWid = moreButton === null || moreButton === void 0 ? void 0 : moreButton.offsetWidth) !== null && _moreButton$offsetWid !== void 0 ? _moreButton$offsetWid : 0;
+      let moreButtonWidth = (_moreButton$offsetWid = moreButton?.offsetWidth) !== null && _moreButton$offsetWid !== void 0 ? _moreButton$offsetWid : 0;
       const {
         marginLeft: moreButtonMarginLeft = '0',
         marginRight: moreButtonMarginRight = '0'
@@ -272,7 +264,7 @@ const CollapsibleTabs = _ref => {
       resizeObserver.disconnect();
     };
   }, [adjustTabs]);
-  const isAdjusted = !!elements.lastVisibleIndex && preparedElements.ready || initialVisibleItems;
+  const isAdjusted = elements.lastVisibleIndex !== null && preparedElements.ready || initialVisibleItems;
   const className = classNames(styles.titles, styles.autoCollapse, isAdjusted && styles.adjusted);
   return jsxs("div", {
     className: styles.autoCollapseContainer,

package/components/tabs/custom-item.js

@@ -1,8 +1,5 @@
-const CustomItem = _ref => {
-  let {
-    children
-  } = _ref;
-  return children;
-};
+const CustomItem = ({
+  children
+}) => children;
 
 export { CustomItem };

package/components/tabs/dumb-tabs.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { PureComponent } from 'react';
@@ -12,8 +10,6 @@ import { CustomItem } from './custom-item.js';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '../popup/popup.consts.js';
@@ -31,12 +27,9 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.string.trim.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -76,78 +69,69 @@ import '../global/controls-height.js';
 import '../_helpers/button.classes.js';
 import './collapsible-tab.js';
 
-const _excluded = ["className", "tabContainerClassName", "children", "selected", "autoCollapse", "data-test", "onSelect"];
 class Tabs extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleSelect", memoize(key => () => {
-      var _this$props$onSelect, _this$props;
-      return (_this$props$onSelect = (_this$props = this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props, key);
-    }));
-    _defineProperty(this, "getTabTitle", (child, i) => {
-      if (child === null || typeof child !== 'object' || child.type === CustomItem) {
-        return child;
-      }
-      const {
-        selected,
-        onSelect
-      } = this.props;
-      const {
-        title,
-        titleProps,
-        id,
-        disabled,
-        href,
-        className,
-        activeClassName
-      } = child.props;
-      const key = id || String(i);
-      const isSelected = key === selected;
-      const titleClasses = classNames(styles.title, className, isSelected && activeClassName, {
-        [styles.selected]: isSelected
-      });
-      return jsx(TabLink, _objectSpread2({
-        title: title,
-        isSelected: isSelected,
-        href: href,
-        className: titleClasses,
-        disabled: disabled,
-        onPlainLeftClick: onSelect ? this.handleSelect(key) : undefined
-      }, titleProps), key);
+  handleSelect = memoize(key => () => this.props.onSelect?.(key));
+  getTabTitle = (child, i) => {
+    if (child === null || typeof child !== 'object' || child.type === CustomItem) {
+      return child;
+    }
+    const {
+      selected,
+      onSelect
+    } = this.props;
+    const {
+      title,
+      titleProps,
+      id,
+      disabled,
+      href,
+      className,
+      activeClassName
+    } = child.props;
+    const key = id || String(i);
+    const isSelected = key === selected;
+    const titleClasses = classNames(styles.title, className, isSelected && activeClassName, {
+      [styles.selected]: isSelected
     });
-  }
+    return jsx(TabLink, {
+      title: title,
+      isSelected: isSelected,
+      href: href,
+      className: titleClasses,
+      disabled: disabled,
+      onPlainLeftClick: onSelect ? this.handleSelect(key) : undefined,
+      ...titleProps
+    }, key);
+  };
   render() {
-    const _this$props2 = this.props,
-      {
-        className,
-        tabContainerClassName,
-        children,
-        selected,
-        autoCollapse,
-        'data-test': dataTest,
-        onSelect
-      } = _this$props2,
-      restProps = _objectWithoutProperties(_this$props2, _excluded);
+    const {
+      className,
+      tabContainerClassName,
+      children,
+      selected,
+      autoCollapse,
+      'data-test': dataTest,
+      onSelect,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.tabs, className);
     const childrenArray = React.Children.toArray(children).filter(Boolean);
     return jsxs("div", {
       className: classes,
       "data-test": joinDataTestAttributes('ring-dumb-tabs', dataTest),
-      children: [autoCollapse === true ? jsx(CollapsibleTabs, _objectSpread2(_objectSpread2({}, restProps), {}, {
+      children: [autoCollapse === true ? jsx(CollapsibleTabs, {
+        ...restProps,
         onSelect: onSelect ? this.handleSelect : undefined,
         selected: selected,
         children: childrenArray
-      })) : jsx("div", {
+      }) : jsx("div", {
         className: styles.titles,
         children: childrenArray.map(this.getTabTitle)
       }), jsx("div", {
         className: classNames(tabContainerClassName),
-        children: childrenArray.find((_ref, i) => {
-          let {
-            props
-          } = _ref;
-          return (props.id || String(i)) === selected;
-        })
+        children: childrenArray.find(({
+          props
+        }, i) => (props.id || String(i)) === selected)
       })]
     });
   }

package/components/tabs/smart-tabs.js

@@ -1,9 +1,7 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import joinDataTestAttributes from '../global/data-tests.js';
 import Tabs from './dumb-tabs.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'classnames';
 import '../global/memoize.js';
 import '../_helpers/tab-link.js';
@@ -11,8 +9,6 @@ import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import './collapsible-tabs.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '../popup/popup.consts.js';
@@ -30,12 +26,9 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.string.trim.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -76,33 +69,31 @@ import '../_helpers/button.classes.js';
 import './collapsible-tab.js';
 import './custom-item.js';
 
-const _excluded = ["children", "initSelected", "data-test"];
 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'
     };
   }
+  state;
+  handleSelect = selected => this.setState({
+    selected
+  });
   render() {
-    const _this$props = this.props,
-      {
-        children,
-        initSelected,
-        'data-test': dataTest
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
-    return jsx(Tabs, _objectSpread2(_objectSpread2({
+    const {
+      children,
+      initSelected,
+      'data-test': dataTest,
+      ...restProps
+    } = this.props;
+    return jsx(Tabs, {
       "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
       selected: this.state.selected,
-      onSelect: this.handleSelect
-    }, restProps), {}, {
+      onSelect: this.handleSelect,
+      ...restProps,
       children: children
-    }));
+    });
   }
 }
 

package/components/tabs/tab-link.js

@@ -1,10 +1,8 @@
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../link/link.js';
 export { T as default } from '../_helpers/tab-link.js';
 import 'classnames';
 import '../global/data-tests.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/tabs/tab.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 class Tab extends PureComponent {
   render() {

package/components/tabs/tabs.js

@@ -2,8 +2,6 @@ export { CustomItem } from './custom-item.js';
 export { default as Tabs } from './dumb-tabs.js';
 export { default as SmartTabs } from './smart-tabs.js';
 export { default as Tab } from './tab.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
@@ -14,8 +12,6 @@ import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
 import './collapsible-tabs.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import 'fastdom';
 import './collapsible-more.js';
 import '../popup/popup.consts.js';
@@ -33,12 +29,9 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.string.trim.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';