@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/tabs/collapsible-more.js

@@ -1,13 +1,14 @@
-import { jsx } from 'react/jsx-runtime';
-import { memo, useMemo } from 'react';
+import { c } from 'react-compiler-runtime';
+import { memo } from 'react';
 import classNames from 'classnames';
 import { Directions } from '../popup/popup.consts.js';
 import PopupMenu, { ListProps } from '../popup-menu/popup-menu.js';
 import Dropdown from '../dropdown/dropdown.js';
 import { A as Anchor } from '../_helpers/anchor.js';
-import { s as styles } from '../_helpers/tab-link.js';
 import getTabTitles from './collapsible-tab.js';
 import { CustomItem } from './custom-item.js';
+import { s as styles } from '../_helpers/tab-link.js';
+import { jsx } from 'react/jsx-runtime';
 import '../popup/popup.js';
 import 'react-dom';
 import '../global/get-uid.js';
@@ -36,9 +37,9 @@ import '../global/create-stateful-context.js';
 import '../list/list-item.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import '../_helpers/avatar-info.js';
-import '../avatar/avatar-size.js';
 import '../avatar/fallback-avatar.js';
+import '../avatar/avatar-size.js';
+import '../_helpers/avatar-info.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
@@ -50,9 +51,9 @@ import '../control-help/control-help.js';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';
-import '../_helpers/list.js';
 import '../list/consts.js';
 import '../list/list.classes.js';
+import '../_helpers/list.js';
 import '../list/list-custom.js';
 import '../global/get-event-key.js';
 import '../list/list-title.js';
@@ -65,104 +66,273 @@ import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
 import '../_helpers/button.classes.js';
 
-const AnchorLink = ({
-  hasActiveChildren,
-  moreClassName,
-  moreActiveClassName,
-  ...restProps
-}) => {
-  const classnames = classNames(styles.title, hasActiveChildren && styles.selected, hasActiveChildren && moreActiveClassName, moreClassName);
-  return jsx(Anchor, {
-    title: 'More',
-    className: classnames,
-    ...restProps,
-    children: 'More'
-  });
+const AnchorLink = t0 => {
+  const $ = c(13);
+  if ($[0] !== "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe") {
+    for (let $i = 0; $i < 13; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe";
+  }
+  let hasActiveChildren;
+  let moreActiveClassName;
+  let moreClassName;
+  let restProps;
+  if ($[1] !== t0) {
+    ({
+      hasActiveChildren,
+      moreClassName,
+      moreActiveClassName,
+      ...restProps
+    } = t0);
+    $[1] = t0;
+    $[2] = hasActiveChildren;
+    $[3] = moreActiveClassName;
+    $[4] = moreClassName;
+    $[5] = restProps;
+  } else {
+    hasActiveChildren = $[2];
+    moreActiveClassName = $[3];
+    moreClassName = $[4];
+    restProps = $[5];
+  }
+  const t1 = hasActiveChildren && styles.selected;
+  const t2 = hasActiveChildren && moreActiveClassName;
+  let t3;
+  if ($[6] !== moreClassName || $[7] !== t1 || $[8] !== t2) {
+    t3 = classNames(styles.title, t1, t2, moreClassName);
+    $[6] = moreClassName;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const classnames = t3;
+  let t4;
+  if ($[10] !== classnames || $[11] !== restProps) {
+    t4 = /*#__PURE__*/jsx(Anchor, {
+      title: "More",
+      className: classnames,
+      ...restProps,
+      children: "More"
+    });
+    $[10] = classnames;
+    $[11] = restProps;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
 };
 const morePopupDirections = [Directions.BOTTOM_CENTER, Directions.BOTTOM_LEFT, Directions.BOTTOM_RIGHT];
-const MoreButton = /*#__PURE__*/memo(({
-  items,
-  selected,
-  onSelect,
-  moreClassName,
-  moreActiveClassName,
-  morePopupClassName,
-  morePopupItemClassName,
-  morePopupBeforeEnd
-}) => {
-  const onSelectHandler = useMemo(() => onSelect ? listItem => {
-    if (listItem.disabled === true || listItem.custom === true) {
-      return;
+const MoreButton = /*#__PURE__*/memo(t0 => {
+  const $ = c(32);
+  if ($[0] !== "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe") {
+    for (let $i = 0; $i < 32; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe";
+  }
+  const {
+    items,
+    selected,
+    onSelect,
+    moreClassName,
+    moreActiveClassName,
+    morePopupClassName,
+    morePopupItemClassName,
+    morePopupBeforeEnd
+  } = t0;
+  let t1;
+  if ($[1] !== onSelect) {
+    t1 = onSelect ? listItem => {
+      if (listItem.disabled === true || listItem.custom === true) {
+        return;
+      }
+      const cb = onSelect(String(listItem.key));
+      cb();
+    } : undefined;
+    $[1] = onSelect;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const onSelectHandler = t1;
+  let t2;
+  if ($[3] !== items || $[4] !== selected) {
+    let t3;
+    if ($[6] !== selected) {
+      t3 = item => item.props.alwaysHidden && item.props.id === selected;
+      $[6] = selected;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    t2 = items.some(t3);
+    $[3] = items;
+    $[4] = selected;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const hasActiveChild = t2;
+  let popupItems;
+  if ($[8] !== items || $[9] !== morePopupBeforeEnd || $[10] !== morePopupItemClassName || $[11] !== selected) {
+    let t3;
+    if ($[13] !== morePopupItemClassName) {
+      t3 = 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
+        };
+      };
+      $[13] = morePopupItemClassName;
+      $[14] = t3;
+    } else {
+      t3 = $[14];
     }
-    const cb = onSelect(String(listItem.key));
-    cb();
-  } : undefined, [onSelect]);
-  const hasActiveChild = useMemo(() => items.some(item => item.props.alwaysHidden && item.props.id === selected), [items, selected]);
-  const data = useMemo(() => {
-    const popupItems = getTabTitles({
+    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
-      };
-    });
+    }).map(t3);
     if (morePopupBeforeEnd) {
       popupItems.push({
         template: morePopupBeforeEnd,
-        key: 'before-end-content',
+        key: "before-end-content",
         className: styles.morePopupBeforeEnd,
         rgItemType: ListProps.Type.CUSTOM
       });
     }
-    return popupItems;
-  }, [items, morePopupBeforeEnd, morePopupItemClassName, selected]);
-  const popupAnchor = useMemo(() => jsx(AnchorLink, {
-    moreClassName: moreClassName,
-    moreActiveClassName: moreActiveClassName,
-    hasActiveChildren: hasActiveChild
-  }), [hasActiveChild, moreActiveClassName, moreClassName]);
-  const popup = useMemo(() => jsx(PopupMenu, {
-    directions: morePopupDirections,
-    className: morePopupClassName,
-    onSelect: onSelectHandler,
-    data: data
-  }), [data, morePopupClassName, onSelectHandler]);
+    $[8] = items;
+    $[9] = morePopupBeforeEnd;
+    $[10] = morePopupItemClassName;
+    $[11] = selected;
+    $[12] = popupItems;
+  } else {
+    popupItems = $[12];
+  }
+  const data = popupItems;
+  let t3;
+  if ($[15] !== hasActiveChild || $[16] !== moreActiveClassName || $[17] !== moreClassName) {
+    t3 = /*#__PURE__*/jsx(AnchorLink, {
+      moreClassName: moreClassName,
+      moreActiveClassName: moreActiveClassName,
+      hasActiveChildren: hasActiveChild
+    });
+    $[15] = hasActiveChild;
+    $[16] = moreActiveClassName;
+    $[17] = moreClassName;
+    $[18] = t3;
+  } else {
+    t3 = $[18];
+  }
+  const popupAnchor = t3;
+  let t4;
+  if ($[19] !== data || $[20] !== morePopupClassName || $[21] !== onSelectHandler) {
+    t4 = /*#__PURE__*/jsx(PopupMenu, {
+      directions: morePopupDirections,
+      className: morePopupClassName,
+      onSelect: onSelectHandler,
+      data: data
+    });
+    $[19] = data;
+    $[20] = morePopupClassName;
+    $[21] = onSelectHandler;
+    $[22] = t4;
+  } else {
+    t4 = $[22];
+  }
+  const popup = t4;
   if (items.length === 0) {
     return null;
   }
-  return jsx("div", {
-    className: classNames(styles.title, moreClassName, hasActiveChild && moreActiveClassName),
-    children: jsx(Dropdown, {
+  const t5 = hasActiveChild && moreActiveClassName;
+  let t6;
+  if ($[23] !== moreClassName || $[24] !== t5) {
+    t6 = classNames(styles.title, moreClassName, t5);
+    $[23] = moreClassName;
+    $[24] = t5;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  let t7;
+  if ($[26] !== popup || $[27] !== popupAnchor) {
+    t7 = /*#__PURE__*/jsx(Dropdown, {
       hoverMode: true,
       anchor: popupAnchor,
       children: popup
-    })
-  });
+    });
+    $[26] = popup;
+    $[27] = popupAnchor;
+    $[28] = t7;
+  } else {
+    t7 = $[28];
+  }
+  let t8;
+  if ($[29] !== t6 || $[30] !== t7) {
+    t8 = /*#__PURE__*/jsx("div", {
+      className: t6,
+      children: t7
+    });
+    $[29] = t6;
+    $[30] = t7;
+    $[31] = t8;
+  } else {
+    t8 = $[31];
+  }
+  return t8;
 });
 MoreButton.displayName = 'MoreButton';
-const FakeMoreButton = /*#__PURE__*/memo(({
-  moreClassName,
-  moreActiveClassName,
-  hasActiveChildren
-}) => jsx("div", {
-  className: classNames(styles.moreButton, styles.title),
-  children: jsx(AnchorLink, {
-    moreClassName: moreClassName,
-    moreActiveClassName: moreActiveClassName,
-    hasActiveChildren: hasActiveChildren,
-    tabIndex: -1,
-    disabled: true
-  })
-}));
+const FakeMoreButton = /*#__PURE__*/memo(t0 => {
+  const $ = c(6);
+  if ($[0] !== "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe") {
+    for (let $i = 0; $i < 6; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "912ffc19d6c097eb6c906553628956a69c1c1af6aadbeffb1fac7986a4d1ddfe";
+  }
+  const {
+    moreClassName,
+    moreActiveClassName,
+    hasActiveChildren
+  } = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = classNames(styles.moreButton, styles.title);
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== hasActiveChildren || $[3] !== moreActiveClassName || $[4] !== moreClassName) {
+    t2 = /*#__PURE__*/jsx("div", {
+      className: t1,
+      children: /*#__PURE__*/jsx(AnchorLink, {
+        moreClassName: moreClassName,
+        moreActiveClassName: moreActiveClassName,
+        hasActiveChildren: hasActiveChildren,
+        tabIndex: -1,
+        disabled: true
+      })
+    });
+    $[2] = hasActiveChildren;
+    $[3] = moreActiveClassName;
+    $[4] = moreClassName;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+});
 FakeMoreButton.displayName = 'FakeMoreButton';
 
 export { AnchorLink, FakeMoreButton, MoreButton };

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

@@ -13,5 +13,5 @@ export interface TabTitlesParams extends Omit<Partial<TabTitleProps>, 'selected'
     selected?: string | undefined;
     onSelect?: ((key: string) => ((e: React.MouseEvent<HTMLAnchorElement>) => void) | undefined) | undefined;
 }
-declare const getTabTitles: ({ items, selected, collapsed, onSelect, ...props }: TabTitlesParams) => import("react/jsx-runtime").JSX.Element[];
+declare const getTabTitles: ({ items, selected, collapsed, onSelect, ...props }: TabTitlesParams) => React.JSX.Element[];
 export default getTabTitles;

package/components/tabs/collapsible-tab.js

@@ -1,8 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
 import { s as styles, T as TabLink } from '../_helpers/tab-link.js';
 import { CustomItem } from './custom-item.js';
+import { jsx } from 'react/jsx-runtime';
+import 'react-compiler-runtime';
 import '../link/link.js';
 import '../global/data-tests.js';
 import '../link/clickable-link.js';
@@ -35,7 +36,7 @@ const TabTitle = /*#__PURE__*/React.memo(function TabTitle({
     [collapsedClassName !== null && collapsedClassName !== void 0 ? collapsedClassName : '']: collapsed,
     [collapsedActiveClassName !== null && collapsedActiveClassName !== void 0 ? collapsedActiveClassName : '']: collapsed && selected
   });
-  return jsx(TabLink, {
+  return /*#__PURE__*/jsx(TabLink, {
     title: title,
     isSelected: selected,
     active: true,
@@ -57,7 +58,7 @@ const getTabTitles = ({
 }) => items.map((tab, index) => {
   const key = tab.props.id || String(index);
   const isSelected = selected === key;
-  return jsx(TabTitle, {
+  return /*#__PURE__*/jsx(TabTitle, {
     handleSelect: onSelect(key),
     selected: isSelected,
     child: tab,

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

@@ -12,6 +12,6 @@ export interface CollapsibleTabsProps {
     initialVisibleItems?: number | null | undefined;
     morePopupBeforeEnd?: ReactNode;
 }
-export declare const CollapsibleTabs: ({ children, selected, onSelect, onLastVisibleIndexChange, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<({ children, selected, onSelect, onLastVisibleIndexChange, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const CollapsibleTabs: ({ children, selected, onSelect, onLastVisibleIndexChange, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<({ children, selected, onSelect, onLastVisibleIndexChange, moreClassName, moreActiveClassName, morePopupClassName, morePopupBeforeEnd, morePopupItemClassName, initialVisibleItems, }: CollapsibleTabsProps) => import("react").JSX.Element>;
 export default _default;