@jetbrains/ring-ui 7.0.23 → 7.0.25

package/components/avatar-stack/avatar-stack.js

@@ -8,5 +8,5 @@ export default function AvatarStack({ children, className, size = Size.Size20, e
     const [dropdownOpen, setDropdownOpen] = useState(false);
     return (_jsxs("div", { className: classNames(styles.avatarStack, className, styles[`size${size}`], {
             [styles.hovered]: dropdownOpen,
-        }), ...restProps, children: [Children.map(children, (child, index) => (_jsx("div", { className: styles.item, style: { '--ring-avatar-stack-index': index }, children: child }))), extraItems?.length && (_jsx(DropdownMenu, { hoverMode: true, hoverShowTimeOut: 10, onShow: () => setDropdownOpen(true), onHide: () => setDropdownOpen(false), className: styles.extra, style: { width: size, height: size, '--ring-avatar-stack-index': Children.count(children) }, anchor: _jsx("button", { type: "button", className: styles.extraText, children: `+${extraItems.length}` }), data: extraItems, menuProps: { offset: 4, ...dropdownMenuProps?.menuProps }, ...dropdownMenuProps }))] }));
+        }), ...restProps, children: [Children.map(children, (child, index) => (_jsx("div", { className: styles.item, style: { '--ring-avatar-stack-index': index }, children: child }))), extraItems?.length ? (_jsx(DropdownMenu, { hoverMode: true, hoverShowTimeOut: 10, onShow: () => setDropdownOpen(true), onHide: () => setDropdownOpen(false), className: styles.extra, style: { width: size, height: size, '--ring-avatar-stack-index': Children.count(children) }, anchor: _jsx("button", { type: "button", className: styles.extraText, children: `+${extraItems.length}` }), data: extraItems, menuProps: { offset: 4, ...dropdownMenuProps?.menuProps }, ...dropdownMenuProps })) : null] }));
 }

package/components/tabs/collapsible-tabs.js

@@ -33,6 +33,17 @@ export const CollapsibleTabs = ({ children, selected, onSelect, onLastVisibleInd
             onSelect,
         });
     }, [initialVisibleItems, children, preparedElements.ready, preparedElements.visible, onSelect, selected]);
+    const hiddenElements = useMemo(() => {
+        if (preparedElements.ready) {
+            return preparedElements.hidden;
+        }
+        else if (initialVisibleItems) {
+            return children.filter(item => !visibleElements.some(visibleItem => visibleItem.props.child === item));
+        }
+        else {
+            return [];
+        }
+    }, [children, preparedElements.hidden, preparedElements.ready, visibleElements, initialVisibleItems]);
     const adjustTabs = useCallback((entry) => {
         const containerWidth = entry.contentRect.width;
         const { tabs: tabsSizes, more = 0 } = elements.sizes;
@@ -164,6 +175,6 @@ export const CollapsibleTabs = ({ children, selected, onSelect, onLastVisibleInd
     }, [adjustTabs]);
     const isAdjusted = (elements.lastVisibleIndex !== null && preparedElements.ready === true) || 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, { moreClassName: moreClassName, moreActiveClassName: moreActiveClassName, morePopupClassName: morePopupClassName, morePopupBeforeEnd: morePopupBeforeEnd, morePopupItemClassName: morePopupItemClassName, items: preparedElements.hidden, selected: selected, onSelect: onSelect })] }), _jsxs("div", { ref: measureRef, className: classNames(className, styles.measure), children: [childrenToMeasure, _jsx(FakeMoreButton, { hasActiveChildren: preparedElements.hidden.some(item => item.props.alwaysHidden && item.props.id === selected), moreClassName: moreClassName, moreActiveClassName: moreActiveClassName })] })] }));
+    return (_jsxs("div", { className: styles.autoCollapseContainer, children: [_jsxs("div", { className: classNames(className, styles.rendered), children: [visibleElements, _jsx(MoreButton, { moreClassName: moreClassName, moreActiveClassName: moreActiveClassName, morePopupClassName: morePopupClassName, morePopupBeforeEnd: morePopupBeforeEnd, morePopupItemClassName: morePopupItemClassName, 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 })] })] }));
 };
 export default memo(CollapsibleTabs);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.23",
+  "version": "7.0.25",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -167,7 +167,7 @@
     "jest": "~29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-teamcity": "^1.12.0",
-    "lint-staged": "^15.4.1",
+    "lint-staged": "^15.4.2",
     "markdown-it": "^14.1.0",
     "merge-options": "^3.0.4",
     "pinst": "^3.0.0",
@@ -178,7 +178,7 @@
     "react-test-renderer": "^19.0.0",
     "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.0.1",
-    "rollup": "^4.31.0",
+    "rollup": "^4.32.0",
     "rollup-plugin-clear": "^2.0.7",
     "sinon": "^19.0.2",
     "sinon-chai": "^4.0.0",
@@ -190,7 +190,7 @@
     "terser-webpack-plugin": "^5.3.11",
     "typescript": "~5.7.3",
     "typescript-eslint": "^8.21.0",
-    "vitest": "^3.0.3",
+    "vitest": "^3.0.4",
     "vitest-teamcity-reporter": "^0.3.1",
     "wallaby-webpack": "^3.9.16",
     "webpack": "^5.97.1",