@jetbrains/ring-ui-built 7.0.7 → 7.0.8

package/components/tab-trap/tab-trap.js

@@ -5,7 +5,7 @@ import { isNodeInVisiblePartOfPage } from '../global/dom.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'core-js/modules/es.regexp.exec.js';
 
-var styles = {"trapButton":"trapButton_rui_11f0"};
+var styles = {"trapButton":"trapButton_rui_3588"};
 
 const _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
 const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';

package/components/table/selection-shortcuts-hoc.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { b as _objectSpread2, _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/components/table/table.js

@@ -1,6 +1,6 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import { PureComponent, createElement, Component } from 'react';
+import { Component, PureComponent, createElement } from 'react';
 import classNames from 'classnames';
 import { arrayMove, List } from 'react-movable';
 import focusSensorHOC from '../global/focus-sensor-hoc.js';
@@ -12,7 +12,7 @@ import { s as style } from '../_helpers/table.js';
 import selectionShortcutsHOC from './selection-shortcuts-hoc.js';
 import disableHoverHOC from './disable-hover-hoc.js';
 import RowWithFocusSensorCallbacks from './row-with-focus-sensor.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/composeRefs.js';
 import 'memoize-one';
 import '../shortcuts/core.js';
@@ -313,7 +313,9 @@ class Table extends PureComponent {
           onChange: this.onSortEnd
         }) : renderList({
           children: data.map((value, index) => renderItem({
-            value}))
+            value,
+            index
+          }))
         })
       }), loading && /*#__PURE__*/jsx("div", {
         className: style.loadingOverlay,

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

@@ -10,7 +10,7 @@ export declare const AnchorLink: ({ hasActiveChildren, moreClassName, moreActive
 export interface MoreButtonProps {
     items: ReactElement<TabProps>[];
     selected?: string | undefined;
-    onSelect: (key: string) => () => void;
+    onSelect?: ((key: string) => () => void) | null | undefined;
     moreClassName?: string | null | undefined;
     moreActiveClassName?: string | null | undefined;
     morePopupClassName?: string | null | undefined;

package/components/tabs/collapsible-more.js

@@ -1,5 +1,5 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import { memo, useCallback, useMemo } from 'react';
+import { memo, useMemo } from 'react';
 import classNames from 'classnames';
 import { Directions } from '../popup/popup.consts.js';
 import PopupMenu, { ListProps } from '../popup-menu/popup-menu.js';
@@ -95,13 +95,13 @@ const MoreButton = /*#__PURE__*/memo(_ref2 => {
     morePopupItemClassName,
     morePopupBeforeEnd
   } = _ref2;
-  const onSelectHandler = useCallback(listItem => {
+  const onSelectHandler = useMemo(() => onSelect != null ? listItem => {
     if (listItem.disabled === true || listItem.custom === true) {
       return;
     }
     const cb = onSelect(String(listItem.key));
     cb();
-  }, [onSelect]);
+  } : undefined, [onSelect]);
   const hasActiveChild = useMemo(() => items.some(item => item.props.alwaysHidden && item.props.id === selected), [items, selected]);
   const data = useMemo(() => {
     const popupItems = getTabTitles({

package/components/tabs/collapsible-tab.js

@@ -11,12 +11,11 @@ import '../link/clickableLink.js';
 import '../_helpers/link.js';
 
 const _excluded = ["items", "selected", "collapsed", "onSelect"];
-function noop() {}
 const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
   let {
     selected,
     child,
-    handleSelect = noop,
+    handleSelect,
     collapsed = false,
     tabIndex
   } = _ref;

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

@@ -3,7 +3,7 @@ import { TabProps } from './tab';
 export interface CollapsibleTabsProps {
     children: ReactElement<TabProps>[];
     selected?: string | undefined;
-    onSelect: (key: string) => () => void;
+    onSelect?: ((key: string) => () => void) | undefined;
     moreClassName?: string | null | undefined;
     moreActiveClassName?: string | null | undefined;
     morePopupClassName?: string | null | undefined;

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

@@ -7,17 +7,14 @@ 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;
+    onSelect?: ((key: string) => void) | null | undefined;
     className?: string | null | undefined;
     tabContainerClassName?: string | null | undefined;
     autoCollapse?: boolean | null | undefined;
     'data-test'?: string | null | undefined;
 }
 declare class Tabs extends PureComponent<TabsProps> {
-    static defaultProps: {
-        onSelect(): void;
-    };
-    handleSelect: (arg: string) => () => void;
+    handleSelect: (arg: string) => () => void | undefined;
     getTabTitle: (child: ReactElement<TabProps>, i: number) => React.JSX.Element;
     render(): React.JSX.Element;
 }

package/components/tabs/dumb-tabs.js

@@ -71,17 +71,21 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import './collapsible-tab.js';
 
-const _excluded = ["className", "tabContainerClassName", "children", "selected", "autoCollapse", "data-test"];
+const _excluded = ["className", "tabContainerClassName", "children", "selected", "autoCollapse", "data-test", "onSelect"];
 class Tabs extends PureComponent {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "handleSelect", memoize(key => () => this.props.onSelect(key)));
+    _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
+        selected,
+        onSelect
       } = this.props;
       const {
         title,
@@ -103,28 +107,29 @@ class Tabs extends PureComponent {
         href: href,
         className: titleClasses,
         disabled: disabled,
-        onPlainLeftClick: this.handleSelect(key)
+        onPlainLeftClick: onSelect != null ? this.handleSelect(key) : undefined
       }, titleProps), key);
     });
   }
   render() {
-    const _this$props = this.props,
+    const _this$props2 = this.props,
       {
         className,
         tabContainerClassName,
         children,
         selected,
         autoCollapse,
-        'data-test': dataTest
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+        'data-test': dataTest,
+        onSelect
+      } = _this$props2,
+      restProps = _objectWithoutProperties(_this$props2, _excluded);
     const classes = classNames(styles.tabs, className);
     const childrenArray = React.Children.toArray(children).filter(Boolean);
     return /*#__PURE__*/jsxs("div", {
       className: classes,
       "data-test": joinDataTestAttributes('ring-dumb-tabs', dataTest),
       children: [autoCollapse === true ? /*#__PURE__*/jsx(CollapsibleTabs, _objectSpread2(_objectSpread2({}, restProps), {}, {
-        onSelect: this.handleSelect,
+        onSelect: onSelect != null ? this.handleSelect : undefined,
         selected: selected,
         children: childrenArray
       })) : /*#__PURE__*/jsx("div", {
@@ -142,8 +147,5 @@ class Tabs extends PureComponent {
     });
   }
 }
-_defineProperty(Tabs, "defaultProps", {
-  onSelect() {}
-});
 
 export { CustomItem, Tabs as default };

package/components/tag/tag.js

@@ -18,7 +18,7 @@ import '@jetbrains/icons/chevron-12px-down';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
-var styles = {"tag":"tag_rui_5765 resetButton_rui_f295","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
+var styles = {"tag":"tag_rui_2f49 resetButton_rui_8bff","withRemove":"withRemove_rui_2f49","container":"container_rui_2f49","focused":"focused_rui_2f49","content":"content_rui_2f49 ellipsis_rui_8bff","disabled":"disabled_rui_2f49","remove":"remove_rui_2f49","removeIcon":"removeIcon_rui_2f49","icon":"icon_rui_2f49","avatarContainer":"avatarContainer_rui_2f49","customIcon":"customIcon_rui_2f49","avatarIcon":"avatarIcon_rui_2f49"};
 
 class Tag extends PureComponent {
   constructor() {

package/components/tags-input/tags-input.js

@@ -82,7 +82,7 @@ import '../text/text.js';
 import '../_helpers/select__filter.js';
 import '../tag/tag.js';
 
-var styles = {"outerContainer":"outerContainer_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","tagsInput":"tagsInput_rui_2ffe","tagsInputDisabled":"tagsInputDisabled_rui_2ffe","tagsInputFocused":"tagsInputFocused_rui_2ffe","tagsList":"tagsList_rui_2ffe","tagsSelect":"tagsSelect_rui_2ffe"};
+var styles = {"outerContainer":"outerContainer_rui_e356","container":"container_rui_e356","input":"input_rui_e356","tagsInput":"tagsInput_rui_1a67","tagsInputDisabled":"tagsInputDisabled_rui_1a67","tagsInputFocused":"tagsInputFocused_rui_1a67","tagsList":"tagsList_rui_1a67","tagsSelect":"tagsSelect_rui_1a67"};
 
 function noop() {}
 /**

package/components/text/text.js

@@ -3,7 +3,7 @@ import { Component } from 'react';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
-var styles = {"text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
+var styles = {"text":"text_rui_6f30","sizeS":"sizeS_rui_6f30","sizeM":"sizeM_rui_6f30","sizeL":"sizeL_rui_6f30","info":"info_rui_6f30","bold":"bold_rui_6f30"};
 
 const _excluded = ["children", "className", "info", "size", "bold"];
 const TextSize = {

package/components/toggle/toggle.js

@@ -6,7 +6,7 @@ import ControlHelp from '../control-help/control-help.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-var styles = {"toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","help":"help_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
+var styles = {"toggle":"toggle_rui_773f","switch":"switch_rui_773f","disabled":"disabled_rui_773f","label":"label_rui_773f","help":"help_rui_773f","leftLabel":"leftLabel_rui_773f","switchWrapper":"switchWrapper_rui_773f","input":"input_rui_773f","size16":"size16_rui_773f","size14":"size14_rui_773f","size20":"size20_rui_773f"};
 
 const _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
 const Size = {

package/components/tooltip/tooltip.js

@@ -23,7 +23,7 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 
-var styles = {"tooltip":"tooltip_rui_a84d","long":"long_rui_a84d"};
+var styles = {"tooltip":"tooltip_rui_64ba","long":"long_rui_64ba"};
 
 const _excluded = ["children", "data-test", "title", "delay", "theme", "selfOverflowOnly", "popupProps", "long"];
 const scheduleScroll = scheduleRAF();

package/components/user-agreement/service.js

@@ -8,7 +8,7 @@ import Alert from '../alert/alert.js';
 import Group from '../group/group.js';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
 import UserAgreement from './user-agreement.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '../global/get-uid.js';
 import '../alert/container.js';
 import 'react';

package/components/user-agreement/user-agreement.js

@@ -43,7 +43,7 @@ import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
 import '../i18n/i18n.js';
 
-var style = {"extra-small-screen-media":"(max-width: 639px)","agreementDialog":"agreementDialog_rui_7e82","dialogContent":"dialogContent_rui_7e82","suggestion":"suggestion_rui_7e82","remindLaterButton":"remindLaterButton_rui_7e82"};
+var style = {"extra-small-screen-media":"(max-width: 639px)","agreementDialog":"agreementDialog_rui_a19e","dialogContent":"dialogContent_rui_a19e","suggestion":"suggestion_rui_a19e","remindLaterButton":"remindLaterButton_rui_a19e"};
 
 function noop() {}
 /**

package/components/user-card/tooltip.js

@@ -3,7 +3,7 @@ import { Component } from 'react';
 import classNames from 'classnames';
 import Dropdown from '../dropdown/dropdown.js';
 import Popup from '../popup/popup.js';
-import { U as UserCard, s as styles } from '../_helpers/card.js';
+import { s as styles, U as UserCard } from '../_helpers/card.js';
 import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/data-tests.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui-built",
-  "version": "7.0.7",
+  "version": "7.0.8",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",