@jetbrains/ring-ui 4.1.0-beta.3 → 4.1.1

package/dist/tabs.js

@@ -1,721 +0,0 @@
-import PropTypes from 'prop-types';
-import { _ as _objectWithoutProperties, a as _extends, c as _objectSpread2, b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { memo, PureComponent } from 'react';
-import classNames from 'classnames';
-import { m as memoize } from './_helpers/memoize.js';
-import { w as withTheme, T as Theme } from './_helpers/theme.js';
-import { j as joinDataTestAttributes } from './_helpers/data-tests.js';
-import Link from './link.js';
-import fastdom from 'fastdom';
-import chevronDown from '@jetbrains/icons/chevron-10px';
-import { D as Directions } from './_helpers/popup.js';
-import PopupMenu, { ListProps } from './popup-menu.js';
-import Dropdown from './dropdown.js';
-import Icon from './icon.js';
-import 'focus-visible';
-import './_helpers/clickableLink.js';
-import 'react-dom';
-import './_helpers/get-uid.js';
-import './_helpers/schedule-raf.js';
-import './_helpers/dom.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './tab-trap.js';
-import './_helpers/popup.target.js';
-import './_helpers/list.js';
-import 'react-virtualized/dist/es/List';
-import 'react-virtualized/dist/es/AutoSizer';
-import 'react-virtualized/dist/es/WindowScroller';
-import 'react-virtualized/dist/es/CellMeasurer';
-import 'util-deprecate';
-import 'memoize-one';
-import './avatar.js';
-import './_helpers/url.js';
-import './checkbox.js';
-import '@jetbrains/icons/checkmark';
-import '@jetbrains/icons/remove-10px';
-import './_helpers/button.js';
-
-const CustomItem = ({
-  children
-}) => children;
-CustomItem.propTypes = {
-  children: PropTypes.node.isRequired
-};
-
-var modules_02138f4a = {"unit":"8px","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -3px 0 0","title":"tabs_title__96faf57d global_font__0f8f4370","selected":"tabs_selected__96faf57d","collapsed":"tabs_collapsed__96faf57d","tabs":"tabs_tabs__96faf57d global_font__0f8f4370","titles":"tabs_titles__96faf57d","light":"tabs_light__96faf57d","dark":"tabs_dark__96faf57d","visible":"tabs_visible__96faf57d","hidden":"tabs_hidden__96faf57d","tabCounter":"tabs_tabCounter__96faf57d","autoCollapseContainer":"tabs_autoCollapseContainer__96faf57d","autoCollapse":"tabs_autoCollapse__96faf57d","adjusted":"tabs_adjusted__96faf57d","measure":"tabs_measure__96faf57d","morePopup":"tabs_morePopup__96faf57d","chevron":"tabs_chevron__96faf57d","morePopupBeforeEnd":"tabs_morePopupBeforeEnd__96faf57d"};
-
-function TabLink(_ref) {
-  let {
-    isSelected,
-    title,
-    collapsed
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["isSelected", "title", "collapsed"]);
-
-  const renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
-  return /*#__PURE__*/React.createElement(Link, restProps, () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: modules_02138f4a.visible
-  }, renderedTitle), /*#__PURE__*/React.createElement("span", {
-    className: modules_02138f4a.hidden
-  }, renderedTitle)));
-}
-
-TabLink.propTypes = {
-  isSelected: PropTypes.bool,
-  collapsed: PropTypes.bool,
-  title: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.node])
-};
-var TabLink$1 = /*#__PURE__*/memo(TabLink);
-
-function noop() {}
-
-const TabTitle = /*#__PURE__*/React.memo(({
-  selected,
-  child,
-  handleSelect = noop,
-  collapsed = false,
-  tabIndex
-}) => {
-  if (child == null || typeof child !== 'object' || child.type === CustomItem) {
-    return child;
-  }
-
-  const {
-    title,
-    disabled,
-    href,
-    className,
-    activeClassName,
-    collapsedClassName,
-    collapsedActiveClassName
-  } = child.props;
-  const titleClasses = classNames(modules_02138f4a.title, className, {
-    [modules_02138f4a.selected]: selected,
-    [modules_02138f4a.collapsed]: collapsed,
-    [activeClassName]: selected,
-    [collapsedClassName]: collapsed,
-    [collapsedActiveClassName]: collapsed && selected
-  });
-  return /*#__PURE__*/React.createElement(TabLink$1, {
-    title: title,
-    isSelected: selected,
-    active: true,
-    href: href,
-    innerClassName: titleClasses,
-    className: titleClasses,
-    disabled: disabled,
-    onPlainLeftClick: handleSelect,
-    tabIndex: tabIndex,
-    collapsed: collapsed
-  });
-});
-TabTitle.propTypes = {
-  child: PropTypes.element,
-  handleSelect: PropTypes.func,
-  selected: PropTypes.bool,
-  collapsed: PropTypes.bool,
-  tabIndex: PropTypes.number
-};
-
-const getTabTitles = (_ref) => {
-  let {
-    items,
-    selected = 0,
-    collapsed,
-    onSelect = noop
-  } = _ref,
-      props = _objectWithoutProperties(_ref, ["items", "selected", "collapsed", "onSelect"]);
-
-  return items.map((tab, index) => {
-    const key = tab.props.id || String(index);
-    const isSelected = selected === key;
-    return /*#__PURE__*/React.createElement(TabTitle, _extends({
-      key: key,
-      handleSelect: onSelect(key),
-      selected: isSelected,
-      child: tab,
-      index: index,
-      collapsed: collapsed,
-      disabled: tab.props.disabled
-    }, props));
-  });
-};
-
-const AnchorLink = (_ref) => {
-  let {
-    hasActiveChildren,
-    moreClassName,
-    moreActiveClassName
-  } = _ref,
-      restProps = _objectWithoutProperties(_ref, ["hasActiveChildren", "moreClassName", "moreActiveClassName"]);
-
-  const classnames = classNames(modules_02138f4a.title, hasActiveChildren && modules_02138f4a.selected, hasActiveChildren && moreActiveClassName, moreClassName);
-  return /*#__PURE__*/React.createElement(Link, _extends({
-    title: 'More',
-    innerClassName: classnames,
-    className: classnames
-  }, restProps), 'More', /*#__PURE__*/React.createElement(Icon, {
-    glyph: chevronDown,
-    className: modules_02138f4a.chevron
-  }));
-};
-AnchorLink.propTypes = {
-  hasActiveChildren: PropTypes.bool,
-  moreClassName: PropTypes.string,
-  moreActiveClassName: PropTypes.string
-};
-const morePopupDirections = [Directions.BOTTOM_CENTER, Directions.BOTTOM_LEFT, Directions.BOTTOM_RIGHT];
-const MoreButton = /*#__PURE__*/React.memo(({
-  items,
-  selected,
-  onSelect,
-  moreClassName,
-  moreActiveClassName,
-  morePopupClassName,
-  morePopupItemClassName,
-  morePopupBeforeEnd
-}) => {
-  const onSelectHandler = React.useCallback(listItem => {
-    if (listItem.disabled === true || listItem.custom === true) {
-      return;
-    }
-
-    const cb = onSelect(listItem.key);
-    cb();
-  }, [onSelect]);
-  const hasActiveChild = React.useMemo(() => items.some(item => item.props.alwaysHidden && item.props.id === selected), [items, selected]);
-  const data = React.useMemo(() => {
-    const popupItems = getTabTitles({
-      items,
-      selected,
-      collapsed: true
-    }).map(tab => {
-      const disabled = tab.props.disabled === true;
-      const custom = tab.props.child.type === CustomItem;
-      return {
-        template: tab,
-        key: tab.key,
-        rgItemType: ListProps.Type.CUSTOM,
-        className: morePopupItemClassName,
-        disabled,
-        custom
-      };
-    });
-
-    if (morePopupBeforeEnd) {
-      popupItems.push({
-        template: morePopupBeforeEnd,
-        key: 'before-end-content',
-        className: modules_02138f4a.morePopupBeforeEnd,
-        rgItemType: ListProps.Type.CUSTOM
-      });
-    }
-
-    return popupItems;
-  }, [items, morePopupBeforeEnd, morePopupItemClassName, selected]);
-  const popupAnchor = React.useMemo(() => /*#__PURE__*/React.createElement(AnchorLink, {
-    moreClassName: moreClassName,
-    moreActiveClassName: moreActiveClassName,
-    hasActiveChildren: hasActiveChild
-  }), [hasActiveChild, moreActiveClassName, moreClassName]);
-  const popup = React.useMemo(() => /*#__PURE__*/React.createElement(PopupMenu, {
-    directions: morePopupDirections,
-    className: morePopupClassName,
-    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, {
-    hoverMode: true,
-    anchor: popupAnchor
-  }, popup));
-});
-MoreButton.propTypes = {
-  children: PropTypes.node,
-  items: PropTypes.array,
-  selected: PropTypes.string,
-  onSelect: PropTypes.func,
-  toMeasure: PropTypes.bool,
-  moreClassName: PropTypes.string,
-  moreActiveClassName: PropTypes.string,
-  morePopupClassName: PropTypes.string,
-  morePopupItemClassName: PropTypes.string,
-  morePopupBeforeEnd: PropTypes.element
-};
-MoreButton.displayName = 'MoreButton';
-const FakeMoreButton = /*#__PURE__*/React.memo(({
-  moreClassName,
-  moreActiveClassName,
-  hasActiveChildren
-}) => /*#__PURE__*/React.createElement("div", {
-  className: classNames(modules_02138f4a.moreButton, modules_02138f4a.title)
-}, /*#__PURE__*/React.createElement(AnchorLink, {
-  moreClassName: moreClassName,
-  moreActiveClassName: moreActiveClassName,
-  hasActiveChildren: hasActiveChildren,
-  tabIndex: -1,
-  disabled: true
-})));
-FakeMoreButton.propTypes = {
-  moreClassName: PropTypes.string,
-  moreActiveClassName: PropTypes.string,
-  hasActiveChildren: PropTypes.bool
-};
-FakeMoreButton.displayName = 'FakeMoreButton';
-
-const DEFAULT_DEBOUNCE_INTERVAL = 100;
-const MEASURE_TOLERANCE = 0.5;
-const DEFAULT_STATE = {
-  lastVisibleIndex: null,
-  sizes: {
-    tabs: [],
-    more: null
-  }
-};
-const ACTIONS = {
-  MEASURE_TABS: 'MEASURE_TABS',
-  DEFINE_LAST_VISIBLE_INDEX: 'DEFINE_LAST_VISIBLE_INDEX'
-};
-
-function visibilityReducer(state, action) {
-  switch (action.type) {
-    case ACTIONS.MEASURE_TABS:
-      {
-        const {
-          more,
-          tabs
-        } = action;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          sizes: {
-            more,
-            tabs
-          }
-        });
-      }
-
-    case ACTIONS.DEFINE_LAST_VISIBLE_INDEX:
-      {
-        const {
-          lastVisibleIndex
-        } = action;
-        return _objectSpread2(_objectSpread2({}, state), {}, {
-          lastVisibleIndex
-        });
-      }
-
-    default:
-      throw new Error();
-  }
-}
-
-const useAdjustHandler = ({
-  elements,
-  children,
-  selectedIndex,
-  dispatch
-}) => React.useCallback(entry => {
-  const containerWidth = entry.contentRect.width;
-  const {
-    tabs: tabsSizes,
-    more = 0
-  } = elements.sizes;
-  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];
-      tabsToRender.push(tabsSizes[i]);
-    } else {
-      break;
-    }
-  }
-
-  if (tabsToRender.length < tabsSizes.length && !renderMore) {
-    for (let i = tabsToRender.length - 1; i >= 0; i--) {
-      if (filledWidth + more < containerWidth + MEASURE_TOLERANCE) {
-        filledWidth += more;
-        renderMore = true;
-        break;
-      } else {
-        filledWidth -= tabsToRender[i];
-        tabsToRender.pop();
-      }
-    }
-  }
-
-  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;
-        break;
-      } else {
-        filledWidth -= tabsToRender[i];
-        tabsToRender.pop();
-      }
-    }
-  }
-
-  if (elements.lastVisibleIndex !== tabsToRender.length - 1) {
-    dispatch({
-      type: ACTIONS.DEFINE_LAST_VISIBLE_INDEX,
-      lastVisibleIndex: tabsToRender.length - 1
-    });
-  }
-}, [children, dispatch, elements.lastVisibleIndex, elements.sizes, selectedIndex]);
-
-const CollapsibleTabs = ({
-  children,
-  selected,
-  onSelect,
-  moreClassName,
-  moreActiveClassName,
-  morePopupClassName,
-  morePopupBeforeEnd,
-  morePopupItemClassName,
-  initialVisibleItems
-}) => {
-  const [elements, dispatch] = React.useReducer(visibilityReducer, DEFAULT_STATE);
-  const [preparedElements, setPreparedElements] = React.useState({
-    visible: [],
-    hidden: []
-  });
-  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,
-      onSelect
-    });
-  }, [initialVisibleItems, children, preparedElements.ready, preparedElements.visible, onSelect, selected]);
-  const adjustTabs = useAdjustHandler({
-    dispatch,
-    elements,
-    children,
-    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);
-        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));
-      }
-    }, DEFAULT_DEBOUNCE_INTERVAL);
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [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
-
-  React.useEffect(() => {
-    if (measureRef.current == null) {
-      return;
-    }
-
-    const measureTask = fastdom.measure(() => {
-      const container = measureRef.current;
-      const descendants = [...container.children];
-      const moreButton = descendants.pop();
-      let moreButtonWidth = moreButton.offsetWidth;
-      const {
-        marginLeft: moreButtonMarginLeft,
-        marginRight: moreButtonMarginRight
-      } = getComputedStyle(moreButton);
-      moreButtonWidth += +moreButtonMarginLeft.replace('px', '') + +moreButtonMarginRight.replace('px', '');
-      const tabsWidth = descendants.map(node => {
-        const {
-          marginLeft,
-          marginRight
-        } = 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);
-
-      if (elements.sizes.more !== moreButtonWidth || newSummaryWidth !== oldSummaryWidth) {
-        fastdom.mutate(() => dispatch({
-          type: ACTIONS.MEASURE_TABS,
-          more: moreButtonWidth,
-          tabs: tabsWidth
-        }));
-      }
-    }); // eslint-disable-next-line consistent-return
-
-    return () => {
-      fastdom.clear(measureTask);
-    };
-  }, [children, elements.sizes.more, elements.sizes.tabs]); // Start observers to listen resizing and mutation
-
-  React.useEffect(() => {
-    let measureTask = null;
-    let resizeObserver = null;
-
-    if (measureRef.current === null) {
-      return;
-    }
-
-    resizeObserver = new ResizeObserver(entries => {
-      entries.forEach(entry => {
-        fastdom.clear(measureTask);
-        measureTask = fastdom.mutate(() => adjustTabs(entry));
-      });
-    });
-    resizeObserver.observe(measureRef.current); // eslint-disable-next-line consistent-return
-
-    return () => {
-      fastdom.clear(measureTask);
-      resizeObserver.disconnect();
-    };
-  }, [adjustTabs]);
-  const isAdjusted = elements.lastVisibleIndex !== null && preparedElements.ready === true || initialVisibleItems;
-  const className = classNames(modules_02138f4a.titles, modules_02138f4a.autoCollapse, isAdjusted && modules_02138f4a.adjusted);
-  return /*#__PURE__*/React.createElement("div", {
-    className: modules_02138f4a.autoCollapseContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, visibleElements, /*#__PURE__*/React.createElement(MoreButton, {
-    moreClassName: moreClassName,
-    moreActiveClassName: moreActiveClassName,
-    morePopupClassName: morePopupClassName,
-    morePopupBeforeEnd: morePopupBeforeEnd,
-    morePopupItemClassName: morePopupItemClassName,
-    items: preparedElements.hidden,
-    selected: selected,
-    onSelect: onSelect
-  })), /*#__PURE__*/React.createElement("div", {
-    ref: measureRef,
-    className: classNames(className, modules_02138f4a.measure)
-  }, childrenToMeasure, /*#__PURE__*/React.createElement(FakeMoreButton, {
-    hasActiveChildren: preparedElements.hidden.some(item => item.props.alwaysHidden && item.props.id === selected),
-    moreClassName: moreClassName,
-    moreActiveClassName: moreActiveClassName
-  })));
-};
-CollapsibleTabs.propTypes = {
-  children: PropTypes.node.isRequired,
-  selected: PropTypes.string,
-  onSelect: PropTypes.func.isRequired,
-  moreClassName: PropTypes.string,
-  moreActiveClassName: PropTypes.string,
-  morePopupClassName: PropTypes.string,
-  morePopupItemClassName: PropTypes.string,
-  initialVisibleItems: PropTypes.number,
-  morePopupBeforeEnd: PropTypes.element
-};
-var CollapsibleTabs$1 = /*#__PURE__*/React.memo(CollapsibleTabs);
-
-class Tabs extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _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;
-      const {
-        title,
-        id,
-        disabled,
-        href,
-        className,
-        activeClassName
-      } = child.props;
-      const key = id || String(i);
-      const isSelected = key === selected;
-      const titleClasses = classNames(modules_02138f4a.title, className, isSelected && activeClassName, {
-        [modules_02138f4a.selected]: isSelected
-      });
-      return /*#__PURE__*/React.createElement(TabLink$1, {
-        title: title,
-        isSelected: isSelected,
-        active: true,
-        key: key,
-        href: href,
-        innerClassName: titleClasses,
-        className: titleClasses,
-        disabled: disabled,
-        onPlainLeftClick: this.handleSelect(key)
-      });
-    });
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      className,
-      children,
-      selected,
-      theme,
-      autoCollapse,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["className", "children", "selected", "theme", "autoCollapse", "data-test"]);
-
-    const classes = classNames(modules_02138f4a.tabs, className, modules_02138f4a[theme]);
-    const childrenArray = React.Children.toArray(children).filter(Boolean);
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes,
-      "data-test": joinDataTestAttributes('ring-dumb-tabs', dataTest)
-    }, autoCollapse === true ? /*#__PURE__*/React.createElement(CollapsibleTabs$1, _extends({}, restProps, {
-      onSelect: this.handleSelect,
-      selected: selected
-    }), childrenArray) : /*#__PURE__*/React.createElement("div", {
-      className: modules_02138f4a.titles
-    }, childrenArray.map(this.getTabTitle)), /*#__PURE__*/React.createElement("div", {
-      className: modules_02138f4a.tab
-    }, childrenArray.find(({
-      props
-    }, i) => (props.id || String(i)) === selected)));
-  }
-
-}
-
-_defineProperty(Tabs, "propTypes", {
-  theme: PropTypes.string,
-  selected: PropTypes.string,
-  className: PropTypes.string,
-  href: PropTypes.string,
-  children: PropTypes.node.isRequired,
-  onSelect: PropTypes.func,
-  'data-test': PropTypes.string,
-  autoCollapse: PropTypes.bool
-});
-
-_defineProperty(Tabs, "defaultProps", {
-  onSelect() {}
-
-});
-
-_defineProperty(Tabs, "Theme", Theme);
-
-var Tabs$1 = withTheme()(Tabs);
-
-class SmartTabs extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      selected: this.props.initSelected || this.props.children[0].props.id || '0'
-    });
-
-    _defineProperty(this, "handleSelect", selected => this.setState({
-      selected
-    }));
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      initSelected,
-      'data-test': dataTest
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "initSelected", "data-test"]);
-
-    return /*#__PURE__*/React.createElement(Tabs$1, _extends({
-      "data-test": joinDataTestAttributes('ring-smart-tabs', dataTest),
-      selected: this.state.selected,
-      onSelect: this.handleSelect
-    }, restProps), children);
-  }
-
-}
-
-_defineProperty(SmartTabs, "propTypes", {
-  children: PropTypes.arrayOf(PropTypes.element).isRequired,
-  initSelected: PropTypes.string,
-  'data-test': PropTypes.string
-});
-
-class Tab extends PureComponent {
-  render() {
-    const {
-      className,
-      children,
-      'data-test': dataTest
-    } = this.props;
-    const classes = classNames(modules_02138f4a.tab, className);
-    return /*#__PURE__*/React.createElement("div", {
-      "data-test": joinDataTestAttributes('ring-tab', dataTest),
-      className: classes
-    }, children);
-  }
-
-}
-
-_defineProperty(Tab, "propTypes", {
-  title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  id: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  'data-test': PropTypes.string
-});
-
-export { CustomItem, SmartTabs, Tab, Tabs$1 as Tabs };