@carbon/react 1.100.0-rc.0 → 1.101.0-rc.0

package/lib/internal/useId.js

@@ -9,7 +9,7 @@
 
 var React = require('react');
 var setupGetInstanceId = require('../tools/setupGetInstanceId.js');
-var environment = require('./environment.js');
+var useIsomorphicEffect = require('./useIsomorphicEffect.js');
 var useIdPrefix = require('./useIdPrefix.js');
 
 // This file was heavily inspired by:
@@ -48,7 +48,6 @@ const _React = {
   ...React
 };
 const instanceId = setupGetInstanceId.setupGetInstanceId();
-const useIsomorphicLayoutEffect = environment.canUseDOM ? React.useLayoutEffect : React.useEffect;
 let serverHandoffCompleted = false;
 const defaultId = 'id';
 
@@ -66,7 +65,7 @@ function useCompatibleId(prefix = defaultId) {
     }
     return null;
   });
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicEffect.default(() => {
     if (id === null) {
       setId(`${contextPrefix ? `${contextPrefix}-` : ``}${prefix}-${instanceId()}`);
     }

package/lib/internal/usePresence.js

@@ -9,6 +9,7 @@
 
 var React = require('react');
 var usePrefix = require('./usePrefix.js');
+var useIsomorphicEffect = require('./useIsomorphicEffect.js');
 
 const usePresence = (ref, isOpen) => {
   const prefix = usePrefix.usePrefix();
@@ -27,7 +28,7 @@ const usePresence = (ref, isOpen) => {
   const handleAnimationEnd = React.useCallback(() => {
     setExitState('finished');
   }, []);
-  React.useLayoutEffect(() => {
+  useIsomorphicEffect.default(() => {
     if (!ref.current || !isExiting) return;
 
     // resolve for JSDOM

package/lib/internal/useResizeObserver.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.

package/lib/internal/useResizeObserver.js

@@ -8,6 +8,7 @@
 'use strict';
 
 var React = require('react');
+var useIsomorphicEffect = require('./useIsomorphicEffect.js');
 
 const useResizeObserver = ({
   ref,
@@ -18,7 +19,7 @@ const useResizeObserver = ({
   const entriesToHandle = React.useRef(null);
   const cb = React.useRef(onResize);
   React.useEffect(() => {
-    // ref for onResize removes it as dependency from useLayoutEffect
+    // ref for onResize removes it as dependency from useIsomorphicEffect
     // This significantly reduces repeated calls if a function is redefined on every
     // render
     cb.current = onResize;
@@ -39,7 +40,7 @@ const useResizeObserver = ({
     getInitialSize();
     // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [width, height]);
-  React.useLayoutEffect(() => {
+  useIsomorphicEffect.default(() => {
     if (!ref?.current) {
       return;
     }
@@ -50,9 +51,7 @@ const useResizeObserver = ({
       const entry = entriesToHandle.current[0];
       setWidth(entry.contentRect.width);
       setHeight(entry.contentRect.height);
-
-      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452
-      cb.current && cb.current(entry.contentRect);
+      cb.current?.(entry.contentRect);
     };
     const observer = new ResizeObserver(entries => {
       // always update entriesToHandle
@@ -68,7 +67,6 @@ const useResizeObserver = ({
     return () => {
       observer.disconnect();
     };
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, []);
   return {
     width,

package/lib/tools/events.d.ts

@@ -14,4 +14,4 @@ import type { SyntheticEvent } from 'react';
  * @param handlers - An array of event handler functions.
  * @returns A composite event handler.
  */
-export declare const composeEventHandlers: <E extends SyntheticEvent = SyntheticEvent<Element, Event>>(handlers: (((event: E, ...args: any[]) => void) | undefined)[]) => (event: E, ...args: any[]) => void;
+export declare const composeEventHandlers: <E extends SyntheticEvent = SyntheticEvent>(handlers: (((event: E, ...args: any[]) => void) | undefined)[]) => (event: E, ...args: any[]) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.100.0-rc.0",
+  "version": "1.101.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -52,11 +52,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.3",
-    "@carbon/feature-flags": ">=0.32.0",
-    "@carbon/icons-react": "^11.74.0-rc.0",
-    "@carbon/layout": "^11.47.0-rc.0",
-    "@carbon/styles": "^1.99.0-rc.0",
-    "@carbon/utilities": "^0.15.0-rc.0",
+    "@carbon/feature-flags": "0.33.0-rc.0",
+    "@carbon/icons-react": "^11.75.0-rc.0",
+    "@carbon/layout": "^11.48.0-rc.0",
+    "@carbon/styles": "^1.100.0-rc.0",
+    "@carbon/utilities": "^0.16.0-rc.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
@@ -79,7 +79,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@carbon/test-utils": "^10.39.0",
-    "@carbon/themes": "^11.67.0-rc.0",
+    "@carbon/themes": "^11.68.0-rc.0",
     "@figma/code-connect": "^1.3.5",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.3",
@@ -131,5 +131,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "cbde6bd5df4774c2780411b3faa02ec3a0bb7585"
+  "gitHead": "2878146d9047a6482e745e7279807c93855e9c09"
 }