@jetbrains/ring-ui 6.0.1-beta.0 → 6.0.1

package/dist/tabs/collapsible-tabs.js

@@ -1,359 +0,0 @@
-import { j as _slicedToArray, m as _toConsumableArray } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.array.find.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import fastdom from 'fastdom';
-import { m as modules_02138f4a } from '../_helpers/tabs.js';
-import { MoreButton, FakeMoreButton } from './collapsible-more.js';
-import getTabTitles from './collapsible-tab.js';
-import '@jetbrains/icons/chevron-10px';
-import '../popup/popup.consts.js';
-import '../popup-menu/popup-menu.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.parse-float.js';
-import '../popup/popup.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.regexp.to-string.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/es.object.keys.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.iterator.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.match.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../global/data-tests.js';
-import '../tab-trap/tab-trap.js';
-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 '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 '../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 '../link/link.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import '../_helpers/list.js';
-import '../list/list__item.js';
-import 'core-js/modules/es.number.constructor.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-14px';
-import '@jetbrains/icons/remove-14px';
-import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../global/prop-types.js';
-import '../global/composeRefs.js';
-import '../_helpers/checkbox.js';
-import '../list/list__custom.js';
-import '../global/get-event-key.js';
-import '../list/list__title.js';
-import '../list/list__separator.js';
-import '../list/list__hint.js';
-import '../list/consts.js';
-import '../dropdown/dropdown.js';
-import '../global/typescript-utils.js';
-import '../_helpers/anchor.js';
-import '../button/button.js';
-import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
-import './custom-item.js';
-import './tab-link.js';
-
-var DEFAULT_DEBOUNCE_INTERVAL = 100;
-var MEASURE_TOLERANCE = 0.5;
-var CollapsibleTabs = function CollapsibleTabs(_ref) {
-  var children = _ref.children,
-    selected = _ref.selected,
-    onSelect = _ref.onSelect,
-    moreClassName = _ref.moreClassName,
-    moreActiveClassName = _ref.moreActiveClassName,
-    morePopupClassName = _ref.morePopupClassName,
-    morePopupBeforeEnd = _ref.morePopupBeforeEnd,
-    morePopupItemClassName = _ref.morePopupItemClassName,
-    initialVisibleItems = _ref.initialVisibleItems;
-  var _React$useState = React.useState({
-      tabs: [],
-      more: undefined
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    sizes = _React$useState2[0],
-    setSizes = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    lastVisibleIndex = _React$useState4[0],
-    setLastVisibleIndex = _React$useState4[1];
-  var elements = {
-    sizes: sizes,
-    lastVisibleIndex: lastVisibleIndex
-  };
-  var _React$useState5 = React.useState({
-      visible: [],
-      hidden: []
-    }),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    preparedElements = _React$useState6[0],
-    setPreparedElements = _React$useState6[1];
-  var measureRef = React.useRef(null);
-  var selectedIndex = React.useMemo(function () {
-    var _children$filter$find;
-    return (_children$filter$find = children.filter(function (tab) {
-      return tab.props.alwaysHidden !== true;
-    }).findIndex(function (tab) {
-      return tab.props.id === selected;
-    })) !== null && _children$filter$find !== void 0 ? _children$filter$find : null;
-  }, [children, selected]);
-  var visibleElements = React.useMemo(function () {
-    var items;
-    if (preparedElements.ready) {
-      items = preparedElements.visible;
-    } else {
-      items = initialVisibleItems ? children.filter(function (item) {
-        return item.props.alwaysHidden !== true;
-      }).slice(0, initialVisibleItems) : [];
-    }
-    return getTabTitles({
-      items: items,
-      selected: selected,
-      onSelect: onSelect
-    });
-  }, [initialVisibleItems, children, preparedElements.ready, preparedElements.visible, onSelect, selected]);
-  var adjustTabs = React.useCallback(function (entry) {
-    var containerWidth = entry.contentRect.width;
-    var _elements$sizes = elements.sizes,
-      tabsSizes = _elements$sizes.tabs,
-      _elements$sizes$more = _elements$sizes.more,
-      more = _elements$sizes$more === void 0 ? 0 : _elements$sizes$more;
-    var renderMore = children.some(function (tab) {
-      return tab.props.alwaysHidden;
-    });
-    var tabsToRender = [];
-    var filledWidth = renderMore ? more !== null && more !== void 0 ? more : 0 : 0;
-    for (var 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 (var _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) {
-      var selectedWidth = tabsSizes[selectedIndex];
-      for (var _i2 = tabsToRender.length - 1; _i2 >= 0; _i2--) {
-        if (filledWidth + selectedWidth < containerWidth + MEASURE_TOLERANCE) {
-          filledWidth += selectedWidth;
-          break;
-        } else {
-          filledWidth -= tabsToRender[_i2];
-          tabsToRender.pop();
-        }
-      }
-    }
-    if (elements.lastVisibleIndex !== tabsToRender.length - 1) {
-      setLastVisibleIndex(tabsToRender.length - 1);
-    }
-  }, [children, elements.lastVisibleIndex, elements.sizes, selectedIndex]);
-  // Prepare list of visible and hidden elements
-  React.useEffect(function () {
-    var timeout = setTimeout(function () {
-      var _elements$lastVisible2;
-      var res = children.reduce(function (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)) {
-        var selectedItem = children.find(function (tab) {
-          return !tab.props.alwaysHidden && tab.props.id === selected;
-        });
-        if (selectedItem != null) {
-          res.visible.push(selectedItem);
-        }
-      }
-      var allVisibleTheSame = res.visible.length === preparedElements.visible.length && res.visible.every(function (item, index) {
-        return item === preparedElements.visible[index];
-      });
-      var allHiddenTheSame = res.hidden.length === preparedElements.hidden.length && res.hidden.every(function (item, index) {
-        return item === preparedElements.hidden[index];
-      });
-      if (!allVisibleTheSame || !allHiddenTheSame || preparedElements.ready !== res.ready) {
-        fastdom.mutate(function () {
-          return setPreparedElements(res);
-        });
-      }
-    }, DEFAULT_DEBOUNCE_INTERVAL);
-    return function () {
-      clearTimeout(timeout);
-    };
-  }, [children, elements.lastVisibleIndex, preparedElements, selected, selectedIndex]);
-  // Get list of all possibly visible elements to render in a measure container
-  var childrenToMeasure = React.useMemo(function () {
-    var items = children.filter(function (tab) {
-      return tab.props.alwaysHidden !== true;
-    });
-    return getTabTitles({
-      items: items,
-      tabIndex: -1
-    });
-  }, [children]);
-  // Initial measure for tabs and more button sizes
-  React.useEffect(function () {
-    if (measureRef.current == null) {
-      return undefined;
-    }
-    var measureTask = fastdom.measure(function () {
-      var _container$children;
-      var container = measureRef.current;
-      var descendants = _toConsumableArray((_container$children = container === null || container === void 0 ? void 0 : container.children) !== null && _container$children !== void 0 ? _container$children : []);
-      var moreButton = descendants.pop();
-      var moreButtonWidth = moreButton.offsetWidth;
-      var _getComputedStyle = getComputedStyle(moreButton),
-        moreButtonMarginLeft = _getComputedStyle.marginLeft,
-        moreButtonMarginRight = _getComputedStyle.marginRight;
-      moreButtonWidth += +moreButtonMarginLeft.replace('px', '') + +moreButtonMarginRight.replace('px', '');
-      var tabsWidth = descendants.map(function (node) {
-        var _getComputedStyle2 = getComputedStyle(node),
-          marginLeft = _getComputedStyle2.marginLeft,
-          marginRight = _getComputedStyle2.marginRight;
-        var width = node.getBoundingClientRect().width;
-        return width + +marginLeft.replace('px', '') + +marginRight.replace('px', '');
-      });
-      var newSummaryWidth = tabsWidth.reduce(function (acc, curr) {
-        return acc + curr;
-      }, 0);
-      var oldSummaryWidth = elements.sizes.tabs.reduce(function (acc, curr) {
-        return acc + curr;
-      }, 0);
-      if (elements.sizes.more !== moreButtonWidth || newSummaryWidth !== oldSummaryWidth) {
-        fastdom.mutate(function () {
-          return setSizes({
-            more: moreButtonWidth,
-            tabs: tabsWidth
-          });
-        });
-      }
-    });
-    return function () {
-      fastdom.clear(measureTask);
-    };
-  }, [children, elements.sizes.more, elements.sizes.tabs]);
-  // Start observers to listen resizing and mutation
-  React.useEffect(function () {
-    if (measureRef.current === null) {
-      return undefined;
-    }
-    var measureTask = function measureTask() {};
-    var resizeObserver = new ResizeObserver(function (entries) {
-      entries.forEach(function (entry) {
-        fastdom.clear(measureTask);
-        measureTask = fastdom.mutate(function () {
-          return adjustTabs(entry);
-        });
-      });
-    });
-    resizeObserver.observe(measureRef.current);
-    return function () {
-      fastdom.clear(measureTask);
-      resizeObserver.disconnect();
-    };
-  }, [adjustTabs]);
-  var isAdjusted = elements.lastVisibleIndex !== null && preparedElements.ready === true || initialVisibleItems;
-  var 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: classNames(className, modules_02138f4a.rendered)
-  }, 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(function (item) {
-      return 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);
-
-export { CollapsibleTabs, CollapsibleTabs$1 as default };

package/dist/tabs/custom-item.d.ts

@@ -1,9 +0,0 @@
-import PropTypes from 'prop-types';
-import { ReactElement } from 'react';
-import { TabProps } from './tab';
-export declare const CustomItem: {
-    ({ children }: TabProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    };
-};

package/dist/tabs/custom-item.js

@@ -1,11 +0,0 @@
-import PropTypes from 'prop-types';
-
-var CustomItem = function CustomItem(_ref) {
-  var children = _ref.children;
-  return children;
-};
-CustomItem.propTypes = {
-  children: PropTypes.node.isRequired
-};
-
-export { CustomItem };

package/dist/tabs/dumb-tabs.d.ts

@@ -1,35 +0,0 @@
-import React, { PureComponent, ReactElement } from 'react';
-import PropTypes from 'prop-types';
-import { CollapsibleTabsProps } from './collapsible-tabs';
-import { CustomItem } from './custom-item';
-import { TabProps } from './tab';
-export { CustomItem };
-export type Children = readonly (Children | null | boolean)[] | ReactElement<TabProps> | null | boolean;
-export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'children'> {
-    children: Children;
-    onSelect: (key: string) => void;
-    className?: string | null | undefined;
-    tabContainerClassName?: string | null | undefined;
-    autoCollapse?: boolean | null | undefined;
-    'data-test'?: string | null | undefined;
-}
-declare class Tabs extends PureComponent<TabsProps> {
-    static propTypes: {
-        selected: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        tabContainerClassName: PropTypes.Requireable<string>;
-        href: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        'data-test': PropTypes.Requireable<string>;
-        autoCollapse: PropTypes.Requireable<boolean>;
-    };
-    static defaultProps: {
-        onSelect(): void;
-    };
-    handleSelect: (arg: string) => () => void;
-    getTabTitle: (child: ReactElement<TabProps>, i: number) => React.JSX.Element;
-    render(): React.JSX.Element;
-}
-export type TabsAttrs = JSX.LibraryManagedAttributes<typeof Tabs, TabsProps>;
-export default Tabs;

package/dist/tabs/dumb-tabs.js

@@ -1,195 +0,0 @@
-import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, l as _typeof, f as _extends, d as _createClass, e as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.array.find.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import memoize from '../global/memoize.js';
-import joinDataTestAttributes from '../global/data-tests.js';
-import { m as modules_02138f4a } from '../_helpers/tabs.js';
-import TabLink from './tab-link.js';
-import CollapsibleTabs from './collapsible-tabs.js';
-import { CustomItem } from './custom-item.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.string.iterator.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import '../link/link.js';
-import '../link/clickableLink.js';
-import '../_helpers/link.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'fastdom';
-import './collapsible-more.js';
-import '@jetbrains/icons/chevron-10px';
-import '../popup/popup.consts.js';
-import '../popup-menu/popup-menu.js';
-import 'core-js/modules/es.parse-float.js';
-import '../popup/popup.js';
-import 'core-js/modules/es.regexp.to-string.js';
-import 'react-dom';
-import '../global/get-uid.js';
-import '../global/schedule-raf.js';
-import '../global/dom.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/es.object.keys.js';
-import 'core-js/modules/es.set.js';
-import '../shortcuts/shortcuts.js';
-import '../shortcuts/core.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.string.includes.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.match.js';
-import 'combokeys';
-import '../global/sniffer.js';
-import 'sniffr';
-import '../tab-trap/tab-trap.js';
-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 '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 '../global/create-stateful-context.js';
-import '../list/list__link.js';
-import '../_helpers/list.js';
-import '../list/list__item.js';
-import 'core-js/modules/es.number.constructor.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-14px';
-import '@jetbrains/icons/remove-14px';
-import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.starts-with.js';
-import '../global/prop-types.js';
-import '../global/composeRefs.js';
-import '../_helpers/checkbox.js';
-import '../list/list__custom.js';
-import '../global/get-event-key.js';
-import '../list/list__title.js';
-import '../list/list__separator.js';
-import '../list/list__hint.js';
-import '../list/consts.js';
-import '../dropdown/dropdown.js';
-import '../global/typescript-utils.js';
-import '../_helpers/anchor.js';
-import '../button/button.js';
-import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
-import './collapsible-tab.js';
-
-var _excluded = ["className", "tabContainerClassName", "children", "selected", "autoCollapse", "data-test"];
-var Tabs = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Tabs, _PureComponent);
-  var _super = _createSuper(Tabs);
-  function Tabs() {
-    var _this;
-    _classCallCheck(this, Tabs);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "handleSelect", memoize(function (key) {
-      return function () {
-        return _this.props.onSelect(key);
-      };
-    }));
-    _defineProperty(_assertThisInitialized(_this), "getTabTitle", function (child, i) {
-      if (child == null || _typeof(child) !== 'object' || child.type === CustomItem) {
-        return child;
-      }
-      var selected = _this.props.selected;
-      var _child$props = child.props,
-        title = _child$props.title,
-        titleProps = _child$props.titleProps,
-        id = _child$props.id,
-        disabled = _child$props.disabled,
-        href = _child$props.href,
-        className = _child$props.className,
-        activeClassName = _child$props.activeClassName;
-      var key = id || String(i);
-      var isSelected = key === selected;
-      var titleClasses = classNames(modules_02138f4a.title, className, isSelected && activeClassName, _defineProperty({}, modules_02138f4a.selected, isSelected));
-      return /*#__PURE__*/React.createElement(TabLink, _extends({
-        title: title,
-        isSelected: isSelected,
-        key: key,
-        href: href,
-        innerClassName: titleClasses,
-        className: titleClasses,
-        disabled: disabled,
-        onPlainLeftClick: _this.handleSelect(key)
-      }, titleProps));
-    });
-    return _this;
-  }
-  _createClass(Tabs, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        tabContainerClassName = _this$props.tabContainerClassName,
-        children = _this$props.children,
-        selected = _this$props.selected,
-        autoCollapse = _this$props.autoCollapse,
-        dataTest = _this$props['data-test'],
-        restProps = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_02138f4a.tabs, className);
-      var 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, _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: classNames(tabContainerClassName)
-      }, childrenArray.find(function (_ref, i) {
-        var props = _ref.props;
-        return (props.id || String(i)) === selected;
-      })));
-    }
-  }]);
-  return Tabs;
-}(PureComponent);
-_defineProperty(Tabs, "propTypes", {
-  selected: PropTypes.string,
-  className: PropTypes.string,
-  tabContainerClassName: PropTypes.string,
-  href: PropTypes.string,
-  children: PropTypes.node.isRequired,
-  onSelect: PropTypes.func,
-  'data-test': PropTypes.string,
-  autoCollapse: PropTypes.bool
-});
-_defineProperty(Tabs, "defaultProps", {
-  onSelect: function onSelect() {}
-});
-
-export { CustomItem, Tabs as default };

package/dist/tabs/smart-tabs.d.ts

@@ -1,20 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import { TabsAttrs, Children } from './dumb-tabs';
-export interface SmartTabsProps extends TabsAttrs {
-    children: Children;
-    initSelected?: string | null | undefined;
-}
-export default class SmartTabs extends PureComponent<SmartTabsProps> {
-    static propTypes: {
-        children: PropTypes.Validator<(PropTypes.ReactElementLike | null | undefined)[]>;
-        initSelected: PropTypes.Requireable<string>;
-        'data-test': PropTypes.Requireable<string>;
-    };
-    constructor(props: SmartTabsProps);
-    state: {
-        selected: string;
-    };
-    handleSelect: (selected: string) => void;
-    render(): React.JSX.Element;
-}