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

package/components/tabs/collapsible-more.d.ts

@@ -1,5 +1,4 @@
 import { ReactElement, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import { LinkProps } from '../link/link';
 import { TabProps } from './tab';
 export interface FakeMoreButtonProps {
@@ -7,14 +6,7 @@ export interface FakeMoreButtonProps {
     moreClassName?: string | null | undefined;
     moreActiveClassName?: string | null | undefined;
 }
-export declare const AnchorLink: {
-    ({ hasActiveChildren, moreClassName, moreActiveClassName, ...restProps }: Omit<LinkProps, "children"> & FakeMoreButtonProps): import("react").JSX.Element;
-    propTypes: {
-        hasActiveChildren: PropTypes.Requireable<boolean>;
-        moreClassName: PropTypes.Requireable<string>;
-        moreActiveClassName: PropTypes.Requireable<string>;
-    };
-};
+export declare const AnchorLink: ({ hasActiveChildren, moreClassName, moreActiveClassName, ...restProps }: Omit<LinkProps, "children"> & FakeMoreButtonProps) => import("react").JSX.Element;
 export interface MoreButtonProps {
     items: ReactElement<TabProps>[];
     selected?: string | undefined;

package/components/tabs/collapsible-more.js

@@ -1,10 +1,7 @@
-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';
-import PropTypes from 'prop-types';
 import { Directions } from '../popup/popup.consts.js';
 import PopupMenu, { ListProps } from '../popup-menu/popup-menu.js';
 import Dropdown from '../dropdown/dropdown.js';
@@ -14,31 +11,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 +31,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,21 +39,16 @@ 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';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
 import '../list/list__custom.js';
@@ -92,15 +67,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
@@ -111,41 +87,34 @@ var AnchorLink = function AnchorLink(_ref) {
     })]
   }));
 };
-AnchorLink.propTypes = {
-  hasActiveChildren: PropTypes.bool,
-  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 +134,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;
   }
@@ -192,23 +157,13 @@ var MoreButton = /*#__PURE__*/memo(function (_ref2) {
     })
   });
 });
-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';
-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, {
@@ -220,11 +175,6 @@ var FakeMoreButton = /*#__PURE__*/memo(function (_ref3) {
     })
   });
 });
-FakeMoreButton.propTypes = {
-  moreClassName: PropTypes.string,
-  moreActiveClassName: PropTypes.string,
-  hasActiveChildren: PropTypes.bool
-};
 FakeMoreButton.displayName = 'FakeMoreButton';
 
 export { AnchorLink, FakeMoreButton, MoreButton };

package/components/tabs/collapsible-tab.js

@@ -1,43 +1,40 @@
-import { d as _objectSpread2, c as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.map.js';
+import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import { m as modules_02138f4a, T as TabLink } from '../_helpers/tab-link.js';
 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,
@@ -56,26 +53,17 @@ var TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
     collapsed: collapsed
   }, titleProps));
 });
-TabTitle.propTypes = {
-  child: PropTypes.element,
-  handleSelect: PropTypes.func,
-  selected: PropTypes.bool,
-  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,

package/components/tabs/collapsible-tabs.d.ts

@@ -1,5 +1,4 @@
 import { ReactElement, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 import { TabProps } from './tab';
 export interface CollapsibleTabsProps {
     children: ReactElement<TabProps>[];
@@ -12,32 +11,6 @@ export interface CollapsibleTabsProps {
     initialVisibleItems?: number | null | undefined;
     morePopupBeforeEnd?: ReactNode;
 }
-export declare const CollapsibleTabs: {
-    ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps): import("react").JSX.Element;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        selected: PropTypes.Requireable<string>;
-        onSelect: PropTypes.Validator<(...args: any[]) => any>;
-        moreClassName: PropTypes.Requireable<string>;
-        moreActiveClassName: PropTypes.Requireable<string>;
-        morePopupClassName: PropTypes.Requireable<string>;
-        morePopupItemClassName: PropTypes.Requireable<string>;
-        initialVisibleItems: PropTypes.Requireable<number>;
-        morePopupBeforeEnd: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    };
-};
-declare const _default: import("react").MemoExoticComponent<{
-    ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps): import("react").JSX.Element;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        selected: PropTypes.Requireable<string>;
-        onSelect: PropTypes.Validator<(...args: any[]) => any>;
-        moreClassName: PropTypes.Requireable<string>;
-        moreActiveClassName: PropTypes.Requireable<string>;
-        morePopupClassName: PropTypes.Requireable<string>;
-        morePopupItemClassName: PropTypes.Requireable<string>;
-        initialVisibleItems: PropTypes.Requireable<number>;
-        morePopupBeforeEnd: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    };
-}>;
+export declare const CollapsibleTabs: ({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps) => import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<({ children, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems }: CollapsibleTabsProps) => import("react").JSX.Element>;
 export default _default;