@carbon/react 1.102.0-rc.0 → 1.102.0

package/lib/internal/useOverflowItems.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2025, 2025
+ * Copyright IBM Corp. 2025, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -18,10 +18,6 @@ type Item = {
  * @returns Object with `visibleItems` (items to display), `hiddenItems` (items that don't fit), and `itemRefHandler` (function to attach refs to items for width measurement).
  */
 declare const useOverflowItems: <T extends Item>(items: T[] | ReactNode, containerRef: RefObject<HTMLDivElement>, offsetRef?: RefObject<HTMLDivElement>, maxItems?: number, onChange?: (hiddenItems: T[]) => void) => {
-    visibleItems: T[];
-    hiddenItems: T[];
-    itemRefHandler: () => void;
-} | {
     visibleItems: T[];
     itemRefHandler: (id: string, node: HTMLDivElement | null) => () => void;
     hiddenItems: T[];

package/lib/internal/useOverflowItems.js

@@ -22,17 +22,10 @@ var usePreviousValue = require('./usePreviousValue.js');
  * @param onChange - Optional callback called when hidden items change. Receives array of currently hidden items.
  * @returns Object with `visibleItems` (items to display), `hiddenItems` (items that don't fit), and `itemRefHandler` (function to attach refs to items for width measurement).
  */
-
 const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) => {
   const itemsRef = React.useRef(null);
   const [maxWidth, setMaxWidth] = React.useState(0);
-  if (!items || !Array.isArray(items)) {
-    return {
-      visibleItems: [],
-      hiddenItems: [],
-      itemRefHandler: () => {}
-    };
-  }
+  const overflowItems = React.useMemo(() => Array.isArray(items) ? items : [], [items]);
   const handleResize = () => {
     if (containerRef.current) {
       const offset = offsetRef?.current?.offsetWidth || 0;
@@ -40,7 +33,6 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
       setMaxWidth(newMax);
     }
   };
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   useResizeObserver.useResizeObserver({
     ref: containerRef,
     onResize: handleResize
@@ -63,16 +55,13 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
     };
   };
   const getVisibleItems = () => {
-    if (!items || Array.isArray(items) === false) {
-      return [];
-    }
     if (!containerRef) {
-      return items;
+      return overflowItems;
     }
     const map = getMap();
     let maxReached = false;
     let accumulatedWidth = 0;
-    const visibleItems = items.slice(0, maxItems).reduce((prev, cur) => {
+    const visibleItems = overflowItems.slice(0, maxItems).reduce((prev, cur) => {
       if (maxReached) {
         return prev;
       }
@@ -90,30 +79,20 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
   };
 
   // Memoize visible items calculation to avoid recalculating on every render
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const visibleItems = React.useMemo(() => {
-    if (!Array.isArray(items)) {
-      return [];
-    }
     return getVisibleItems();
     // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
-  }, [items, maxWidth, maxItems]);
+  }, [overflowItems, maxWidth, maxItems]);
 
   // Memoize hidden items calculation
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const hiddenItems = React.useMemo(() => {
-    if (!Array.isArray(items)) {
-      return [];
-    }
-    return items.slice(visibleItems.length);
-  }, [items, visibleItems]);
+    return overflowItems.slice(visibleItems.length);
+  }, [overflowItems, visibleItems]);
 
   // Use previous value to compare and only call onChange when needed
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const previousHiddenItems = usePreviousValue.usePreviousValue(hiddenItems);
 
   // Only call onChange if hidden items actually changed
-  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   React.useEffect(() => {
   }, [hiddenItems, previousHiddenItems, onChange]);
   return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.102.0-rc.0",
+  "version": "1.102.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -53,9 +53,9 @@
   "dependencies": {
     "@babel/runtime": "^7.27.3",
     "@carbon/feature-flags": "^1.0.0",
-    "@carbon/icons-react": "^11.76.0-rc.0",
-    "@carbon/layout": "^11.48.0",
-    "@carbon/styles": "^1.101.0-rc.0",
+    "@carbon/icons-react": "^11.76.0",
+    "@carbon/layout": "^11.49.0",
+    "@carbon/styles": "^1.101.0",
     "@carbon/utilities": "^0.16.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
@@ -79,7 +79,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@carbon/test-utils": "^10.40.0",
-    "@carbon/themes": "^11.69.0-rc.0",
+    "@carbon/themes": "^11.69.0",
     "@figma/code-connect": "^1.3.13",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -131,5 +131,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "be65faf18c90ab4e6e60afdfad77d412220bd077"
+  "gitHead": "4f48ac426be7302a57460b1c81d74dd5d6071ad6"
 }