@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.3

package/components/tabs/collapsible-more.js

@@ -1,6 +1,4 @@
-import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.to-string.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { memo, useCallback, useMemo } from 'react';
 import classNames from 'classnames';
 import chevronDown from '@jetbrains/icons/chevron-10px';
@@ -14,31 +12,16 @@ import { m as modules_02138f4a } from '../_helpers/tab-link.js';
 import getTabTitles from './collapsible-tab.js';
 import { CustomItem } from './custom-item.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../popup/popup.js';
-import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../global/dom.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.string.match.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -49,9 +32,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/es.array.find.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -59,17 +40,13 @@ import 'react-virtualized/dist/es/CellMeasurer';
 import 'util-deprecate';
 import 'memoize-one';
 import '../global/memoize.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../_helpers/list.js';
 import '../list/list__item.js';
-import 'core-js/modules/es.array.index-of.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -92,15 +69,16 @@ import '../_helpers/button__classes.js';
 import '../icon/icon__constants.js';
 import '../_helpers/link.js';
 import '../_helpers/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
 
-var _excluded = ["hasActiveChildren", "moreClassName", "moreActiveClassName"];
-var AnchorLink = function AnchorLink(_ref) {
-  var hasActiveChildren = _ref.hasActiveChildren,
-    moreClassName = _ref.moreClassName,
-    moreActiveClassName = _ref.moreActiveClassName,
+const _excluded = ["hasActiveChildren", "moreClassName", "moreActiveClassName"];
+const AnchorLink = _ref => {
+  let {
+      hasActiveChildren,
+      moreClassName,
+      moreActiveClassName
+    } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  var classnames = classNames(modules_02138f4a.title, hasActiveChildren && modules_02138f4a.selected, hasActiveChildren && moreActiveClassName, moreClassName);
+  const classnames = classNames(modules_02138f4a.title, hasActiveChildren && modules_02138f4a.selected, hasActiveChildren && moreActiveClassName, moreClassName);
   return /*#__PURE__*/jsxs(Link, _objectSpread2(_objectSpread2({
     title: 'More',
     className: classnames
@@ -116,36 +94,34 @@ AnchorLink.propTypes = {
   moreClassName: PropTypes.string,
   moreActiveClassName: PropTypes.string
 };
-var morePopupDirections = [Directions.BOTTOM_CENTER, Directions.BOTTOM_LEFT, Directions.BOTTOM_RIGHT];
-var MoreButton = /*#__PURE__*/memo(function (_ref2) {
-  var items = _ref2.items,
-    selected = _ref2.selected,
-    onSelect = _ref2.onSelect,
-    moreClassName = _ref2.moreClassName,
-    moreActiveClassName = _ref2.moreActiveClassName,
-    morePopupClassName = _ref2.morePopupClassName,
-    morePopupItemClassName = _ref2.morePopupItemClassName,
-    morePopupBeforeEnd = _ref2.morePopupBeforeEnd;
-  var onSelectHandler = useCallback(function (listItem) {
+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 onSelectHandler = useCallback(listItem => {
     if (listItem.disabled === true || listItem.custom === true) {
       return;
     }
-    var cb = onSelect(String(listItem.key));
+    const cb = onSelect(String(listItem.key));
     cb();
   }, [onSelect]);
-  var hasActiveChild = useMemo(function () {
-    return items.some(function (item) {
-      return item.props.alwaysHidden && item.props.id === selected;
-    });
-  }, [items, selected]);
-  var data = useMemo(function () {
-    var popupItems = getTabTitles({
+  const hasActiveChild = useMemo(() => items.some(item => item.props.alwaysHidden && item.props.id === selected), [items, selected]);
+  const data = useMemo(() => {
+    const popupItems = getTabTitles({
       items,
       selected,
       collapsed: true
-    }).map(function (tab) {
-      var disabled = tab.props.disabled === true;
-      var custom = tab.props.child.type === CustomItem;
+    }).map(tab => {
+      const disabled = tab.props.disabled === true;
+      const custom = tab.props.child.type === CustomItem;
       return {
         template: tab,
         key: tab.key,
@@ -165,21 +141,17 @@ var MoreButton = /*#__PURE__*/memo(function (_ref2) {
     }
     return popupItems;
   }, [items, morePopupBeforeEnd, morePopupItemClassName, selected]);
-  var popupAnchor = useMemo(function () {
-    return /*#__PURE__*/jsx(AnchorLink, {
-      moreClassName: moreClassName,
-      moreActiveClassName: moreActiveClassName,
-      hasActiveChildren: hasActiveChild
-    });
-  }, [hasActiveChild, moreActiveClassName, moreClassName]);
-  var popup = useMemo(function () {
-    return /*#__PURE__*/jsx(PopupMenu, {
-      directions: morePopupDirections,
-      className: morePopupClassName,
-      onSelect: onSelectHandler,
-      data: data
-    });
-  }, [data, morePopupClassName, onSelectHandler]);
+  const popupAnchor = useMemo(() => /*#__PURE__*/jsx(AnchorLink, {
+    moreClassName: moreClassName,
+    moreActiveClassName: moreActiveClassName,
+    hasActiveChildren: hasActiveChild
+  }), [hasActiveChild, moreActiveClassName, moreClassName]);
+  const popup = useMemo(() => /*#__PURE__*/jsx(PopupMenu, {
+    directions: morePopupDirections,
+    className: morePopupClassName,
+    onSelect: onSelectHandler,
+    data: data
+  }), [data, morePopupClassName, onSelectHandler]);
   if (items.length === 0) {
     return null;
   }
@@ -205,10 +177,12 @@ MoreButton.propTypes = {
   morePopupBeforeEnd: PropTypes.element
 };
 MoreButton.displayName = 'MoreButton';
-var FakeMoreButton = /*#__PURE__*/memo(function (_ref3) {
-  var moreClassName = _ref3.moreClassName,
-    moreActiveClassName = _ref3.moreActiveClassName,
-    hasActiveChildren = _ref3.hasActiveChildren;
+const FakeMoreButton = /*#__PURE__*/memo(_ref3 => {
+  let {
+    moreClassName,
+    moreActiveClassName,
+    hasActiveChildren
+  } = _ref3;
   return /*#__PURE__*/jsx("div", {
     className: classNames(modules_02138f4a.moreButton, modules_02138f4a.title),
     children: /*#__PURE__*/jsx(AnchorLink, {

package/components/tabs/collapsible-tab.js

@@ -1,5 +1,4 @@
-import { d as _objectSpread2, c as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.map.js';
+import { b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -8,36 +7,35 @@ import { CustomItem } from './custom-item.js';
 import { jsx } from 'react/jsx-runtime';
 import '../link/link.js';
 import '../global/data-tests.js';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 
-var _excluded = ["items", "selected", "collapsed", "onSelect"];
+const _excluded = ["items", "selected", "collapsed", "onSelect"];
 function noop() {}
-var TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
-  var selected = _ref.selected,
-    child = _ref.child,
-    _ref$handleSelect = _ref.handleSelect,
-    handleSelect = _ref$handleSelect === void 0 ? noop : _ref$handleSelect,
-    _ref$collapsed = _ref.collapsed,
-    collapsed = _ref$collapsed === void 0 ? false : _ref$collapsed,
-    tabIndex = _ref.tabIndex;
+const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
+  let {
+    selected,
+    child,
+    handleSelect = noop,
+    collapsed = false,
+    tabIndex
+  } = _ref;
   if (child == null || typeof child !== 'object' || child.type === CustomItem) {
     return child;
   }
-  var _child$props = child.props,
-    title = _child$props.title,
-    titleProps = _child$props.titleProps,
-    disabled = _child$props.disabled,
-    href = _child$props.href,
-    className = _child$props.className,
-    activeClassName = _child$props.activeClassName,
-    collapsedClassName = _child$props.collapsedClassName,
-    collapsedActiveClassName = _child$props.collapsedActiveClassName;
-  var titleClasses = classNames(modules_02138f4a.title, className, {
+  const {
+    title,
+    titleProps,
+    disabled,
+    href,
+    className,
+    activeClassName,
+    collapsedClassName,
+    collapsedActiveClassName
+  } = child.props;
+  const titleClasses = classNames(modules_02138f4a.title, className, {
     [modules_02138f4a.selected]: selected,
     [modules_02138f4a.collapsed]: collapsed,
     [activeClassName !== null && activeClassName !== void 0 ? activeClassName : '']: selected,
@@ -63,19 +61,17 @@ TabTitle.propTypes = {
   collapsed: PropTypes.bool,
   tabIndex: PropTypes.number
 };
-var getTabTitles = function getTabTitles(_ref2) {
-  var items = _ref2.items,
-    _ref2$selected = _ref2.selected,
-    selected = _ref2$selected === void 0 ? '0' : _ref2$selected,
-    collapsed = _ref2.collapsed,
-    _ref2$onSelect = _ref2.onSelect,
-    onSelect = _ref2$onSelect === void 0 ? function () {
-      return undefined;
-    } : _ref2$onSelect,
+const getTabTitles = _ref2 => {
+  let {
+      items,
+      selected = '0',
+      collapsed,
+      onSelect = () => undefined
+    } = _ref2,
     props = _objectWithoutProperties(_ref2, _excluded);
-  return items.map(function (tab, index) {
-    var key = tab.props.id || String(index);
-    var isSelected = selected === key;
+  return items.map((tab, index) => {
+    const key = tab.props.id || String(index);
+    const isSelected = selected === key;
     return /*#__PURE__*/jsx(TabTitle, _objectSpread2({
       handleSelect: onSelect(key),
       selected: isSelected,