@jetbrains/ring-ui-built 7.0.72 → 7.0.73

package/components/tabs/collapsible-tabs.js

@@ -1,14 +1,11 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { memo, useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import { c } from 'react-compiler-runtime';
+import { memo, useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import fastdom from 'fastdom';
-import { s as styles } from '../_helpers/tab-link.js';
 import { MoreButton, FakeMoreButton } from './collapsible-more.js';
 import getTabTitles from './collapsible-tab.js';
-import '../link/link.js';
-import '../global/data-tests.js';
-import '../link/clickable-link.js';
-import '../_helpers/link.js';
+import { s as styles } from '../_helpers/tab-link.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '../popup/popup.consts.js';
 import '../popup-menu/popup-menu.js';
 import '../popup/popup.js';
@@ -21,6 +18,7 @@ import '../shortcuts/core.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
+import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
 import '../global/configuration.js';
 import '../popup/position.js';
@@ -38,9 +36,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';
@@ -49,9 +47,12 @@ import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/compose-refs.js';
 import '../control-help/control-help.js';
-import '../_helpers/list.js';
+import '../link/link.js';
+import '../link/clickable-link.js';
+import '../_helpers/link.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';
@@ -69,208 +70,354 @@ import './custom-item.js';
 
 const DEFAULT_DEBOUNCE_INTERVAL = 100;
 const MEASURE_TOLERANCE = 0.5;
-const CollapsibleTabs = ({
-  children,
-  selected,
-  onSelect,
-  onLastVisibleIndexChange,
-  moreClassName,
-  moreActiveClassName,
-  morePopupClassName,
-  morePopupBeforeEnd,
-  morePopupItemClassName,
-  initialVisibleItems
-}) => {
-  const [sizes, setSizes] = useState({
-    tabs: [],
-    more: undefined
-  });
+const CollapsibleTabs = t0 => {
+  const $ = c(95);
+  if ($[0] !== "6ffc4825a5b596b5bfb1565535f99c10b4bc6c1a0592195789805a8953ab9acd") {
+    for (let $i = 0; $i < 95; $i += 1) {
+      $[$i] = Symbol.for("react.memo_cache_sentinel");
+    }
+    $[0] = "6ffc4825a5b596b5bfb1565535f99c10b4bc6c1a0592195789805a8953ab9acd";
+  }
+  const {
+    children,
+    selected,
+    onSelect,
+    onLastVisibleIndexChange,
+    moreClassName,
+    moreActiveClassName,
+    morePopupClassName,
+    morePopupBeforeEnd,
+    morePopupItemClassName,
+    initialVisibleItems
+  } = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {
+      tabs: [],
+      more: undefined
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [sizes, setSizes] = useState(t1);
   const [lastVisibleIndex, setLastVisibleIndex] = useState(null);
-  const elements = {
-    sizes,
-    lastVisibleIndex
-  };
-  const [preparedElements, setPreparedElements] = useState({
-    visible: [],
-    hidden: []
-  });
+  let t2;
+  if ($[2] !== lastVisibleIndex || $[3] !== sizes) {
+    t2 = {
+      sizes,
+      lastVisibleIndex
+    };
+    $[2] = lastVisibleIndex;
+    $[3] = sizes;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const elements = t2;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      visible: [],
+      hidden: []
+    };
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const [preparedElements, setPreparedElements] = useState(t3);
   const measureRef = useRef(null);
-  const selectedIndex = useMemo(() => {
+  let t4;
+  if ($[6] !== children || $[7] !== selected) {
     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 = useMemo(() => {
+    t4 = (_children$filter$find = children.filter(_temp).findIndex(tab_0 => tab_0.props.id === selected)) !== null && _children$filter$find !== void 0 ? _children$filter$find : null;
+    $[6] = children;
+    $[7] = selected;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const selectedIndex = t4;
+  let t5;
+  if ($[9] !== children || $[10] !== initialVisibleItems || $[11] !== onSelect || $[12] !== preparedElements.ready || $[13] !== preparedElements.visible || $[14] !== selected) {
     let items;
     if (preparedElements.ready) {
       items = preparedElements.visible;
     } else {
-      items = initialVisibleItems ? children.filter(item => item.props.alwaysHidden !== true).slice(0, initialVisibleItems) : [];
+      items = initialVisibleItems ? children.filter(_temp2).slice(0, initialVisibleItems) : [];
     }
-    return getTabTitles({
+    t5 = getTabTitles({
       items,
       selected,
       onSelect
     });
-  }, [initialVisibleItems, children, preparedElements.ready, preparedElements.visible, onSelect, selected]);
-  const hiddenElements = useMemo(() => {
+    $[9] = children;
+    $[10] = initialVisibleItems;
+    $[11] = onSelect;
+    $[12] = preparedElements.ready;
+    $[13] = preparedElements.visible;
+    $[14] = selected;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  const visibleElements = t5;
+  let t6;
+  bb0: {
     if (preparedElements.ready) {
-      return preparedElements.hidden;
+      t6 = preparedElements.hidden;
+      break bb0;
     }
     if (initialVisibleItems) {
-      return children.filter(item => !visibleElements.some(visibleItem => visibleItem.props.child === item));
-    }
-    return [];
-  }, [children, preparedElements.hidden, preparedElements.ready, visibleElements, initialVisibleItems]);
-  const adjustTabs = 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;
+      let t7;
+      if ($[16] !== children || $[17] !== visibleElements) {
+        let t8;
+        if ($[19] !== visibleElements) {
+          t8 = item_0 => !visibleElements.some(visibleItem => visibleItem.props.child === item_0);
+          $[19] = visibleElements;
+          $[20] = t8;
         } else {
-          filledWidth -= tabsToRender[i];
-          tabsToRender.pop();
+          t8 = $[20];
         }
+        t7 = children.filter(t8);
+        $[16] = children;
+        $[17] = visibleElements;
+        $[18] = t7;
+      } else {
+        t7 = $[18];
       }
+      t6 = t7;
+      break bb0;
     }
-    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;
+    let t7;
+    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+      t7 = [];
+      $[21] = t7;
+    } else {
+      t7 = $[21];
+    }
+    t6 = t7;
+  }
+  const hiddenElements = t6;
+  let t7;
+  if ($[22] !== children || $[23] !== elements.lastVisibleIndex || $[24] !== elements.sizes || $[25] !== onLastVisibleIndexChange || $[26] !== selectedIndex) {
+    t7 = entry => {
+      const containerWidth = entry.contentRect.width;
+      const {
+        tabs: tabsSizes,
+        more: t8
+      } = elements.sizes;
+      const more = t8 === undefined ? 0 : t8;
+      const renderMore = children.some(_temp3);
+      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 = filledWidth + tabsSizes[i];
+          tabsToRender.push(tabsSizes[i]);
         } else {
-          filledWidth -= tabsToRender[i];
-          tabsToRender.pop();
+          break;
         }
       }
-    }
-    const newLastVisibleIndex = tabsToRender.length - 1;
-    if (elements.lastVisibleIndex !== newLastVisibleIndex) {
-      setLastVisibleIndex(newLastVisibleIndex);
-      onLastVisibleIndexChange?.(newLastVisibleIndex);
-    }
-  }, [children, elements.lastVisibleIndex, elements.sizes, onLastVisibleIndexChange, selectedIndex]);
-  // Prepare list of visible and hidden elements
-  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);
+      if (tabsToRender.length < tabsSizes.length && !renderMore) {
+        for (let i_0 = tabsToRender.length - 1; i_0 >= 0; i_0--) {
+          if (filledWidth + more < containerWidth + MEASURE_TOLERANCE) {
+            filledWidth = filledWidth + more;
+            break;
+          } else {
+            filledWidth = filledWidth - tabsToRender[i_0];
+            tabsToRender.pop();
+          }
         }
-        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);
-        if (selectedItem !== null && selectedItem !== undefined) {
-          res.visible.push(selectedItem);
+      }
+      if (selectedIndex > tabsToRender.length - 1) {
+        const selectedWidth = tabsSizes[selectedIndex];
+        for (let i_1 = tabsToRender.length - 1; i_1 >= 0; i_1--) {
+          if (filledWidth + selectedWidth < containerWidth + MEASURE_TOLERANCE) {
+            break;
+          } else {
+            filledWidth = filledWidth - tabsToRender[i_1];
+            tabsToRender.pop();
+          }
         }
       }
-      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));
+      const newLastVisibleIndex = tabsToRender.length - 1;
+      if (elements.lastVisibleIndex !== newLastVisibleIndex) {
+        setLastVisibleIndex(newLastVisibleIndex);
+        onLastVisibleIndexChange?.(newLastVisibleIndex);
       }
-    }, 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 = useMemo(() => {
-    const items = children.filter(tab => tab.props.alwaysHidden !== true);
-    return getTabTitles({
-      items,
+    $[22] = children;
+    $[23] = elements.lastVisibleIndex;
+    $[24] = elements.sizes;
+    $[25] = onLastVisibleIndexChange;
+    $[26] = selectedIndex;
+    $[27] = t7;
+  } else {
+    t7 = $[27];
+  }
+  const adjustTabs = t7;
+  let t8;
+  if ($[28] !== children || $[29] !== elements.lastVisibleIndex || $[30] !== preparedElements.hidden || $[31] !== preparedElements.ready || $[32] !== preparedElements.visible || $[33] !== selected || $[34] !== selectedIndex) {
+    t8 = () => {
+      const timeout = setTimeout(() => {
+        var _elements$lastVisible2;
+        const res = children.reduce((accumulator, tab_2) => {
+          var _elements$lastVisible;
+          if (tab_2.props.alwaysHidden !== true && accumulator.visible.length - 1 < ((_elements$lastVisible = elements.lastVisibleIndex) !== null && _elements$lastVisible !== void 0 ? _elements$lastVisible : 0)) {
+            accumulator.visible.push(tab_2);
+          } else {
+            accumulator.hidden.push(tab_2);
+          }
+          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_3 => !tab_3.props.alwaysHidden && tab_3.props.id === selected);
+          if (selectedItem !== null && selectedItem !== undefined) {
+            res.visible.push(selectedItem);
+          }
+        }
+        const allVisibleTheSame = res.visible.length === preparedElements.visible.length && res.visible.every((item_1, index) => item_1 === preparedElements.visible[index]);
+        const allHiddenTheSame = res.hidden.length === preparedElements.hidden.length && res.hidden.every((item_2, index_0) => item_2 === preparedElements.hidden[index_0]);
+        if (!allVisibleTheSame || !allHiddenTheSame || preparedElements.ready !== res.ready) {
+          fastdom.mutate(() => setPreparedElements(res));
+        }
+      }, DEFAULT_DEBOUNCE_INTERVAL);
+      return () => {
+        clearTimeout(timeout);
+      };
+    };
+    $[28] = children;
+    $[29] = elements.lastVisibleIndex;
+    $[30] = preparedElements.hidden;
+    $[31] = preparedElements.ready;
+    $[32] = preparedElements.visible;
+    $[33] = selected;
+    $[34] = selectedIndex;
+    $[35] = t8;
+  } else {
+    t8 = $[35];
+  }
+  let t9;
+  if ($[36] !== children || $[37] !== elements.lastVisibleIndex || $[38] !== preparedElements || $[39] !== selected || $[40] !== selectedIndex) {
+    t9 = [children, elements.lastVisibleIndex, preparedElements, selected, selectedIndex];
+    $[36] = children;
+    $[37] = elements.lastVisibleIndex;
+    $[38] = preparedElements;
+    $[39] = selected;
+    $[40] = selectedIndex;
+    $[41] = t9;
+  } else {
+    t9 = $[41];
+  }
+  useEffect(t8, t9);
+  let t10;
+  if ($[42] !== children) {
+    const items_0 = children.filter(_temp4);
+    t10 = getTabTitles({
+      items: items_0,
       tabIndex: -1
     });
-  }, [children]);
-  // Initial measure for tabs and more button sizes
-  useEffect(() => {
-    if (measureRef.current === null) {
-      return undefined;
-    }
-    const measureTask = fastdom.measure(() => {
-      var _container$children, _moreButton$offsetWid;
-      const container = measureRef.current;
-      const descendants = [...((_container$children = container?.children) !== null && _container$children !== void 0 ? _container$children : [])];
-      const moreButton = descendants.pop();
-      let moreButtonWidth = (_moreButton$offsetWid = moreButton?.offsetWidth) !== null && _moreButton$offsetWid !== void 0 ? _moreButton$offsetWid : 0;
-      const {
-        marginLeft: moreButtonMarginLeft = '0',
-        marginRight: moreButtonMarginRight = '0'
-      } = moreButton ? getComputedStyle(moreButton) : {};
-      moreButtonWidth += +moreButtonMarginLeft.replace('px', '') + +moreButtonMarginRight.replace('px', '');
-      const tabsWidth = descendants.map(node => {
+    $[42] = children;
+    $[43] = t10;
+  } else {
+    t10 = $[43];
+  }
+  const childrenToMeasure = t10;
+  let t11;
+  if ($[44] !== elements.sizes.more || $[45] !== elements.sizes.tabs) {
+    t11 = () => {
+      if (measureRef.current === null) {
+        return;
+      }
+      const measureTask = fastdom.measure(() => {
+        var _container$children, _moreButton$offsetWid;
+        const container = measureRef.current;
+        const descendants = [...((_container$children = container?.children) !== null && _container$children !== void 0 ? _container$children : [])];
+        const moreButton = descendants.pop();
+        let moreButtonWidth = (_moreButton$offsetWid = moreButton?.offsetWidth) !== null && _moreButton$offsetWid !== void 0 ? _moreButton$offsetWid : 0;
         const {
-          marginLeft,
-          marginRight
-        } = getComputedStyle(node);
-        const width = node.getBoundingClientRect().width;
-        return width + +marginLeft.replace('px', '') + +marginRight.replace('px', '');
+          marginLeft: t12,
+          marginRight: t13
+        } = moreButton ? getComputedStyle(moreButton) : {};
+        const moreButtonMarginLeft = t12 === undefined ? "0" : t12;
+        const moreButtonMarginRight = t13 === undefined ? "0" : t13;
+        moreButtonWidth = moreButtonWidth + (+moreButtonMarginLeft.replace("px", "") + +moreButtonMarginRight.replace("px", ""));
+        const tabsWidth = descendants.map(_temp5);
+        const newSummaryWidth = tabsWidth.reduce(_temp6, 0);
+        const oldSummaryWidth = elements.sizes.tabs.reduce(_temp7, 0);
+        if (elements.sizes.more !== moreButtonWidth || newSummaryWidth !== oldSummaryWidth) {
+          fastdom.mutate(() => setSizes({
+            more: moreButtonWidth,
+            tabs: tabsWidth
+          }));
+        }
       });
-      const newSummaryWidth = tabsWidth.reduce((acc, curr) => acc + curr, 0);
-      const oldSummaryWidth = elements.sizes.tabs.reduce((acc, curr) => acc + curr, 0);
-      if (elements.sizes.more !== moreButtonWidth || newSummaryWidth !== oldSummaryWidth) {
-        fastdom.mutate(() => setSizes({
-          more: moreButtonWidth,
-          tabs: tabsWidth
-        }));
-      }
-    });
-    return () => {
-      fastdom.clear(measureTask);
-    };
-  }, [children, elements.sizes.more, elements.sizes.tabs]);
-  // Start observers to listen resizing and mutation
-  useEffect(() => {
-    if (measureRef.current === null) {
-      return undefined;
-    }
-    let measureTask = () => {};
-    const resizeObserver = new ResizeObserver(entries => {
-      entries.forEach(entry => {
+      return () => {
         fastdom.clear(measureTask);
-        measureTask = fastdom.mutate(() => adjustTabs(entry));
+      };
+    };
+    $[44] = elements.sizes.more;
+    $[45] = elements.sizes.tabs;
+    $[46] = t11;
+  } else {
+    t11 = $[46];
+  }
+  let t12;
+  if ($[47] !== children || $[48] !== elements.sizes.more || $[49] !== elements.sizes.tabs) {
+    t12 = [children, elements.sizes.more, elements.sizes.tabs];
+    $[47] = children;
+    $[48] = elements.sizes.more;
+    $[49] = elements.sizes.tabs;
+    $[50] = t12;
+  } else {
+    t12 = $[50];
+  }
+  useEffect(t11, t12);
+  let t13;
+  let t14;
+  if ($[51] !== adjustTabs) {
+    t13 = () => {
+      if (measureRef.current === null) {
+        return;
+      }
+      let measureTask_0 = _temp8;
+      const resizeObserver = new ResizeObserver(entries => {
+        entries.forEach(entry_0 => {
+          fastdom.clear(measureTask_0);
+          measureTask_0 = fastdom.mutate(() => adjustTabs(entry_0));
+        });
       });
-    });
-    resizeObserver.observe(measureRef.current);
-    return () => {
-      fastdom.clear(measureTask);
-      resizeObserver.disconnect();
+      resizeObserver.observe(measureRef.current);
+      return () => {
+        fastdom.clear(measureTask_0);
+        resizeObserver.disconnect();
+      };
     };
-  }, [adjustTabs]);
+    t14 = [adjustTabs];
+    $[51] = adjustTabs;
+    $[52] = t13;
+    $[53] = t14;
+  } else {
+    t13 = $[52];
+    t14 = $[53];
+  }
+  useEffect(t13, t14);
   const isAdjusted = elements.lastVisibleIndex !== null && preparedElements.ready || initialVisibleItems;
-  const className = classNames(styles.titles, styles.autoCollapse, isAdjusted && styles.adjusted);
-  return jsxs("div", {
-    className: styles.autoCollapseContainer,
-    children: [jsxs("div", {
-      className: classNames(className, styles.rendered),
-      children: [visibleElements, jsx(MoreButton, {
+  let t15;
+  let t16;
+  let t17;
+  let t18;
+  if ($[54] !== hiddenElements || $[55] !== isAdjusted || $[56] !== moreActiveClassName || $[57] !== moreClassName || $[58] !== morePopupBeforeEnd || $[59] !== morePopupClassName || $[60] !== morePopupItemClassName || $[61] !== onSelect || $[62] !== selected || $[63] !== visibleElements) {
+    const className = classNames(styles.titles, styles.autoCollapse, isAdjusted && styles.adjusted);
+    t17 = styles.autoCollapseContainer;
+    let t19;
+    if ($[68] !== hiddenElements || $[69] !== moreActiveClassName || $[70] !== moreClassName || $[71] !== morePopupBeforeEnd || $[72] !== morePopupClassName || $[73] !== morePopupItemClassName || $[74] !== onSelect || $[75] !== selected) {
+      t19 = /*#__PURE__*/jsx(MoreButton, {
         moreClassName: moreClassName,
         moreActiveClassName: moreActiveClassName,
         morePopupClassName: morePopupClassName,
@@ -279,18 +426,133 @@ const CollapsibleTabs = ({
         items: hiddenElements,
         selected: selected,
         onSelect: onSelect
-      })]
-    }), jsxs("div", {
-      ref: measureRef,
-      className: classNames(className, styles.measure),
-      children: [childrenToMeasure, jsx(FakeMoreButton, {
-        hasActiveChildren: hiddenElements.some(item => item.props.alwaysHidden && item.props.id === selected),
-        moreClassName: moreClassName,
-        moreActiveClassName: moreActiveClassName
-      })]
-    })]
-  });
+      });
+      $[68] = hiddenElements;
+      $[69] = moreActiveClassName;
+      $[70] = moreClassName;
+      $[71] = morePopupBeforeEnd;
+      $[72] = morePopupClassName;
+      $[73] = morePopupItemClassName;
+      $[74] = onSelect;
+      $[75] = selected;
+      $[76] = t19;
+    } else {
+      t19 = $[76];
+    }
+    t18 = /*#__PURE__*/jsxs("div", {
+      className: classNames(className, styles.rendered),
+      children: [visibleElements, t19]
+    });
+    t15 = measureRef;
+    t16 = classNames(className, styles.measure);
+    $[54] = hiddenElements;
+    $[55] = isAdjusted;
+    $[56] = moreActiveClassName;
+    $[57] = moreClassName;
+    $[58] = morePopupBeforeEnd;
+    $[59] = morePopupClassName;
+    $[60] = morePopupItemClassName;
+    $[61] = onSelect;
+    $[62] = selected;
+    $[63] = visibleElements;
+    $[64] = t15;
+    $[65] = t16;
+    $[66] = t17;
+    $[67] = t18;
+  } else {
+    t15 = $[64];
+    t16 = $[65];
+    t17 = $[66];
+    t18 = $[67];
+  }
+  let t19;
+  if ($[77] !== hiddenElements || $[78] !== selected) {
+    let t20;
+    if ($[80] !== selected) {
+      t20 = item_3 => item_3.props.alwaysHidden && item_3.props.id === selected;
+      $[80] = selected;
+      $[81] = t20;
+    } else {
+      t20 = $[81];
+    }
+    t19 = hiddenElements.some(t20);
+    $[77] = hiddenElements;
+    $[78] = selected;
+    $[79] = t19;
+  } else {
+    t19 = $[79];
+  }
+  let t20;
+  if ($[82] !== moreActiveClassName || $[83] !== moreClassName || $[84] !== t19) {
+    t20 = /*#__PURE__*/jsx(FakeMoreButton, {
+      hasActiveChildren: t19,
+      moreClassName: moreClassName,
+      moreActiveClassName: moreActiveClassName
+    });
+    $[82] = moreActiveClassName;
+    $[83] = moreClassName;
+    $[84] = t19;
+    $[85] = t20;
+  } else {
+    t20 = $[85];
+  }
+  let t21;
+  if ($[86] !== childrenToMeasure || $[87] !== t15 || $[88] !== t16 || $[89] !== t20) {
+    t21 = /*#__PURE__*/jsxs("div", {
+      ref: t15,
+      className: t16,
+      children: [childrenToMeasure, t20]
+    });
+    $[86] = childrenToMeasure;
+    $[87] = t15;
+    $[88] = t16;
+    $[89] = t20;
+    $[90] = t21;
+  } else {
+    t21 = $[90];
+  }
+  let t22;
+  if ($[91] !== t17 || $[92] !== t18 || $[93] !== t21) {
+    t22 = /*#__PURE__*/jsxs("div", {
+      className: t17,
+      children: [t18, t21]
+    });
+    $[91] = t17;
+    $[92] = t18;
+    $[93] = t21;
+    $[94] = t22;
+  } else {
+    t22 = $[94];
+  }
+  return t22;
 };
 var CollapsibleTabs$1 = /*#__PURE__*/memo(CollapsibleTabs);
+function _temp(tab) {
+  return tab.props.alwaysHidden !== true;
+}
+function _temp2(item) {
+  return item.props.alwaysHidden !== true;
+}
+function _temp3(tab_1) {
+  return tab_1.props.alwaysHidden;
+}
+function _temp4(tab_4) {
+  return tab_4.props.alwaysHidden !== true;
+}
+function _temp5(node) {
+  const {
+    marginLeft,
+    marginRight
+  } = getComputedStyle(node);
+  const width = node.getBoundingClientRect().width;
+  return width + +marginLeft.replace("px", "") + +marginRight.replace("px", "");
+}
+function _temp6(acc, curr) {
+  return acc + curr;
+}
+function _temp7(acc_0, curr_0) {
+  return acc_0 + curr_0;
+}
+function _temp8() {}
 
 export { CollapsibleTabs, CollapsibleTabs$1 as default };