@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

package/lib/internal/useNormalizedInputProps.js

@@ -1,63 +1,65 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
 
-'use strict';
-
-var React = require('react');
-var iconsReact = require('@carbon/icons-react');
-var Text = require('../components/Text/Text.js');
-require('../components/Text/TextDirection.js');
-var usePrefix = require('./usePrefix.js');
+const require_runtime = require('../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('./usePrefix.js');
+const require_Text = require('../components/Text/Text.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_icons_react = require("@carbon/icons-react");
 
+//#region src/internal/useNormalizedInputProps.tsx
 /**
- * Returns an object containing normalized properties for an input component.
- *
- * This hook ensures that only one of `invalid` or `warn` is active (with
- * `invalid` taking precedence) and that `readOnly` overrides the `disabled`,
- * `invalid`, and `warn` states. It generates unique IDs for error, warning, and
- * helper messages, and conditionally provides the appropriate validation
- * message and accompanying icon.
- */
-const useNormalizedInputProps = ({
-  id,
-  readOnly,
-  disabled,
-  invalid,
-  invalidText,
-  warn,
-  warnText
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const normalizedProps = {
-    disabled: !readOnly && disabled,
-    invalid: !readOnly && !disabled && invalid,
-    invalidId: `${id}-error-msg`,
-    warn: !readOnly && !invalid && !disabled && warn,
-    warnId: `${id}-warn-msg`,
-    validation: null,
-    icon: null,
-    helperId: `${id}-helper-text`
-  };
-  if (normalizedProps.invalid) {
-    normalizedProps.icon = iconsReact.WarningFilled;
-    normalizedProps.validation = /*#__PURE__*/React.createElement(Text.Text, {
-      as: "div",
-      className: `${prefix}--form-requirement`,
-      id: normalizedProps.invalidId
-    }, invalidText);
-  } else if (normalizedProps.warn) {
-    normalizedProps.icon = iconsReact.WarningAltFilled;
-    normalizedProps.validation = /*#__PURE__*/React.createElement(Text.Text, {
-      as: "div",
-      className: `${prefix}--form-requirement`,
-      id: normalizedProps.warnId
-    }, warnText);
-  }
-  return normalizedProps;
+* Copyright IBM Corp. 2021, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* Returns an object containing normalized properties for an input component.
+*
+* This hook ensures that only one of `invalid` or `warn` is active (with
+* `invalid` taking precedence) and that `readOnly` overrides the `disabled`,
+* `invalid`, and `warn` states. It generates unique IDs for error, warning, and
+* helper messages, and conditionally provides the appropriate validation
+* message and accompanying icon.
+*/
+const useNormalizedInputProps = ({ id, readOnly, disabled, invalid, invalidText, warn, warnText }) => {
+	const prefix = require_usePrefix.usePrefix();
+	const normalizedProps = {
+		disabled: !readOnly && disabled,
+		invalid: !readOnly && !disabled && invalid,
+		invalidId: `${id}-error-msg`,
+		warn: !readOnly && !invalid && !disabled && warn,
+		warnId: `${id}-warn-msg`,
+		validation: null,
+		icon: null,
+		helperId: `${id}-helper-text`
+	};
+	if (normalizedProps.invalid) {
+		normalizedProps.icon = _carbon_icons_react.WarningFilled;
+		normalizedProps.validation = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+			as: "div",
+			className: `${prefix}--form-requirement`,
+			id: normalizedProps.invalidId,
+			children: invalidText
+		});
+	} else if (normalizedProps.warn) {
+		normalizedProps.icon = _carbon_icons_react.WarningAltFilled;
+		normalizedProps.validation = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+			as: "div",
+			className: `${prefix}--form-requirement`,
+			id: normalizedProps.warnId,
+			children: warnText
+		});
+	}
+	return normalizedProps;
 };
 
-exports.useNormalizedInputProps = useNormalizedInputProps;
+//#endregion
+exports.useNormalizedInputProps = useNormalizedInputProps;

package/lib/internal/useOutsideClick.js

@@ -1,36 +1,32 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
 
-'use strict';
-
-var React = require('react');
-var environment = require('./environment.js');
-var useEvent = require('./useEvent.js');
+const require_runtime = require('../_virtual/_rolldown/runtime.js');
+const require_useEvent = require('./useEvent.js');
+const require_environment = require('./environment.js');
+let react = require("react");
 
+//#region src/internal/useOutsideClick.ts
+/**
+* Copyright IBM Corp. 2016, 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.
+*/
 const useOutsideClick = (ref, callback) => {
-  const savedCallback = React.useRef(callback);
-  React.useEffect(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-
-  // We conditionally guard the `useEvent` hook for SSR. `canUseDOM` can be
-  // treated as a constant as it will be false when executed in a Node.js
-  // environment and true when executed in the browser
-  if (environment.canUseDOM) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useEvent.useWindowEvent('click', event => {
-      const {
-        target
-      } = event;
-      if (target instanceof Node && ref.current && !ref.current.contains(target)) {
-        savedCallback.current(event);
-      }
-    });
-  }
+	const savedCallback = (0, react.useRef)(callback);
+	(0, react.useEffect)(() => {
+		savedCallback.current = callback;
+	}, [callback]);
+	if (require_environment.canUseDOM) require_useEvent.useWindowEvent("click", (event) => {
+		const { target } = event;
+		if (target instanceof Node && ref.current && !ref.current.contains(target)) savedCallback.current(event);
+	});
 };
 
-exports.useOutsideClick = useOutsideClick;
+//#endregion
+exports.useOutsideClick = useOutsideClick;

package/lib/internal/useOverflowItems.js

@@ -1,105 +1,101 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var useResizeObserver = require('./useResizeObserver.js');
-var usePreviousValue = require('./usePreviousValue.js');
+const require_runtime = require('../_virtual/_rolldown/runtime.js');
+const require_useResizeObserver = require('./useResizeObserver.js');
+const require_usePreviousValue = require('./usePreviousValue.js');
+let react = require("react");
 
+//#region src/internal/useOverflowItems.ts
 /**
- * Manages overflow items in a container by automatically hiding items that don't fit.
- * @param items - Array of items to manage for overflow, each must have an `id` property.
- * @param containerRef - React ref to the container element that holds the items.
- * @param offsetRef - Optional ref to an offset element (like a "more" button) whose width is reserved when calculating available space.
- * @param maxItems - Optional maximum number of visible items. If undefined, only container space constrains visibility.
- * @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).
- */
+* 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.
+*/
+/**
+* Manages overflow items in a container by automatically hiding items that don't fit.
+* @param items - Array of items to manage for overflow, each must have an `id` property.
+* @param containerRef - React ref to the container element that holds the items.
+* @param offsetRef - Optional ref to an offset element (like a "more" button) whose width is reserved when calculating available space.
+* @param maxItems - Optional maximum number of visible items. If undefined, only container space constrains visibility.
+* @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);
-  const overflowItems = React.useMemo(() => Array.isArray(items) ? items : [], [items]);
-  const handleResize = () => {
-    if (containerRef.current) {
-      const offset = offsetRef?.current?.offsetWidth || 0;
-      const newMax = containerRef.current.offsetWidth - offset;
-      setMaxWidth(newMax);
-    }
-  };
-  useResizeObserver.useResizeObserver({
-    ref: containerRef,
-    onResize: handleResize
-  });
-  const getMap = () => {
-    if (!itemsRef.current) {
-      itemsRef.current = new Map();
-    }
-    return itemsRef.current;
-  };
-  const itemRefHandler = (id, node) => {
-    const map = getMap();
-    if (node) {
-      const style = getComputedStyle?.(node);
-      const totalWidth = node.offsetWidth + parseInt(style.marginLeft) + parseInt(style.marginRight);
-      map.set(id, totalWidth);
-    }
-    return () => {
-      map.delete(id);
-    };
-  };
-  const getVisibleItems = () => {
-    if (!containerRef) {
-      return overflowItems;
-    }
-    const map = getMap();
-    let maxReached = false;
-    let accumulatedWidth = 0;
-    const visibleItems = overflowItems.slice(0, maxItems).reduce((prev, cur) => {
-      if (maxReached) {
-        return prev;
-      }
-      const itemWidth = map.get(cur.id) || 0;
-      const willFit = accumulatedWidth + itemWidth <= maxWidth;
-      if (willFit) {
-        accumulatedWidth += itemWidth;
-        prev.push(cur);
-      } else {
-        maxReached = true;
-      }
-      return prev;
-    }, []);
-    return visibleItems;
-  };
-
-  // Memoize visible items calculation to avoid recalculating on every render
-  const visibleItems = React.useMemo(() => {
-    return getVisibleItems();
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
-  }, [overflowItems, maxWidth, maxItems]);
-
-  // Memoize hidden items calculation
-  const hiddenItems = React.useMemo(() => {
-    return overflowItems.slice(visibleItems.length);
-  }, [overflowItems, visibleItems]);
-
-  // Use previous value to compare and only call onChange when needed
-  const previousHiddenItems = usePreviousValue.usePreviousValue(hiddenItems);
-
-  // Only call onChange if hidden items actually changed
-  React.useEffect(() => {
-  }, [hiddenItems, previousHiddenItems, onChange]);
-  return {
-    visibleItems,
-    itemRefHandler,
-    hiddenItems
-  };
+	const itemsRef = (0, react.useRef)(null);
+	const [maxWidth, setMaxWidth] = (0, react.useState)(0);
+	const overflowItems = (0, react.useMemo)(() => Array.isArray(items) ? items : [], [items]);
+	const handleResize = () => {
+		if (containerRef.current) {
+			const offset = offsetRef?.current?.offsetWidth || 0;
+			setMaxWidth(containerRef.current.offsetWidth - offset);
+		}
+	};
+	require_useResizeObserver.useResizeObserver({
+		ref: containerRef,
+		onResize: handleResize
+	});
+	const getMap = () => {
+		if (!itemsRef.current) itemsRef.current = /* @__PURE__ */ new Map();
+		return itemsRef.current;
+	};
+	const itemRefHandler = (id, node) => {
+		const map = getMap();
+		if (node) {
+			const style = getComputedStyle?.(node);
+			const totalWidth = node.offsetWidth + parseInt(style.marginLeft) + parseInt(style.marginRight);
+			map.set(id, totalWidth);
+		}
+		return () => {
+			map.delete(id);
+		};
+	};
+	const getVisibleItems = () => {
+		if (!containerRef) return overflowItems;
+		const map = getMap();
+		let maxReached = false;
+		let accumulatedWidth = 0;
+		return overflowItems.slice(0, maxItems).reduce((prev, cur) => {
+			if (maxReached) return prev;
+			const itemWidth = map.get(cur.id) || 0;
+			if (accumulatedWidth + itemWidth <= maxWidth) {
+				accumulatedWidth += itemWidth;
+				prev.push(cur);
+			} else maxReached = true;
+			return prev;
+		}, []);
+	};
+	const visibleItems = (0, react.useMemo)(() => {
+		return getVisibleItems();
+	}, [
+		overflowItems,
+		maxWidth,
+		maxItems
+	]);
+	const hiddenItems = (0, react.useMemo)(() => {
+		return overflowItems.slice(visibleItems.length);
+	}, [overflowItems, visibleItems]);
+	const previousHiddenItems = require_usePreviousValue.usePreviousValue(hiddenItems);
+	(0, react.useEffect)(() => {
+		if (previousHiddenItems && onChange) {
+			if (hiddenItems.length !== previousHiddenItems.length || hiddenItems.some((item, index) => item !== previousHiddenItems[index])) onChange(hiddenItems);
+		}
+	}, [
+		hiddenItems,
+		previousHiddenItems,
+		onChange
+	]);
+	return {
+		visibleItems,
+		itemRefHandler,
+		hiddenItems
+	};
 };
 
-exports.default = useOverflowItems;
+//#endregion
+exports.default = useOverflowItems;

package/lib/internal/usePrefix.js

@@ -1,18 +1,26 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
 
-'use strict';
+const require_runtime = require('../_virtual/_rolldown/runtime.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
 
-var React = require('react');
-
-const PrefixContext = /*#__PURE__*/React.createContext('cds');
+//#region src/internal/usePrefix.ts
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const PrefixContext = react.default.createContext("cds");
 function usePrefix() {
-  return React.useContext(PrefixContext);
+	return react.default.useContext(PrefixContext);
 }
 
+//#endregion
 exports.PrefixContext = PrefixContext;
-exports.usePrefix = usePrefix;
+exports.usePrefix = usePrefix;

package/lib/internal/usePresence.js

@@ -1,66 +1,62 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
 
-'use strict';
-
-var React = require('react');
-var usePrefix = require('./usePrefix.js');
-var useIsomorphicEffect = require('./useIsomorphicEffect.js');
+const require_runtime = require('../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('./usePrefix.js');
+const require_useIsomorphicEffect = require('./useIsomorphicEffect.js');
+let react = require("react");
 
+//#region src/internal/usePresence.ts
+/**
+* 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.
+*/
 const usePresence = (ref, isOpen) => {
-  const prefix = usePrefix.usePrefix();
-  const [exitState, setExitState] = React.useState(isOpen ? 'idle' : 'finished');
-  const isExiting = exitState === 'active';
-  useIsomorphicEffect.default(() => {
-    setExitState(prev => {
-      // element is exiting
-      if (!isOpen && prev === 'idle') return 'active';
-
-      // element exit was interrupted
-      if (isOpen && prev !== 'idle') return 'idle';
-      return prev;
-    });
-  }, [isOpen]);
-  useIsomorphicEffect.default(() => {
-    if (!ref.current || !isExiting) return;
-
-    // resolve for JSDOM
-    if (!('getAnimations' in ref.current)) {
-      setExitState('finished');
-      return;
-    }
-
-    // cover all animations that start with the presence prefix
-    const animations = ref.current.getAnimations({
-      subtree: true
-    }).filter(animation => animation instanceof CSSAnimation && animation.animationName.startsWith(`${prefix}--presence`));
-    if (!animations.length) {
-      setExitState('finished');
-      return;
-    }
-    let cancelled = false;
-    Promise.all(animations.map(animation => animation.finished)).finally(() => {
-      if (cancelled) return;
-      setExitState('finished');
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [ref, isExiting, prefix]);
-  return {
-    /**
-     * Indicates whether the ref object is supposed to be mounted
-     */
-    isPresent: isOpen || exitState !== 'finished',
-    /**
-     * Indicates whether the ref object is currently exiting
-     */
-    isExiting
-  };
+	const prefix = require_usePrefix.usePrefix();
+	const [exitState, setExitState] = (0, react.useState)(isOpen ? "idle" : "finished");
+	const isExiting = exitState === "active";
+	require_useIsomorphicEffect.default(() => {
+		setExitState((prev) => {
+			if (!isOpen && prev === "idle") return "active";
+			if (isOpen && prev !== "idle") return "idle";
+			return prev;
+		});
+	}, [isOpen]);
+	require_useIsomorphicEffect.default(() => {
+		if (!ref.current || !isExiting) return;
+		if (!("getAnimations" in ref.current)) {
+			setExitState("finished");
+			return;
+		}
+		const animations = ref.current.getAnimations({ subtree: true }).filter((animation) => animation instanceof CSSAnimation && animation.animationName.startsWith(`${prefix}--presence`));
+		if (!animations.length) {
+			setExitState("finished");
+			return;
+		}
+		let cancelled = false;
+		Promise.all(animations.map((animation) => animation.finished)).finally(() => {
+			if (cancelled) return;
+			setExitState("finished");
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		ref,
+		isExiting,
+		prefix
+	]);
+	return {
+		isPresent: isOpen || exitState !== "finished",
+		isExiting
+	};
 };
 
-exports.usePresence = usePresence;
+//#endregion
+exports.usePresence = usePresence;

package/lib/internal/usePresenceContext.js

@@ -1,48 +1,47 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
 
-'use strict';
-
-var React = require('react');
-var usePresence = require('./usePresence.js');
+const require_runtime = require('../_virtual/_rolldown/runtime.js');
+const require_usePresence = require('./usePresence.js');
+let react = require("react");
 
+//#region src/internal/usePresenceContext.ts
 /**
- * Returns if the presence node is present and the context value to be used by a presence context, e.g. ModalPresence.
- */
+* Copyright IBM Corp. 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* Returns if the presence node is present and the context value to be used by a presence context, e.g. ModalPresence.
+*/
 const usePresenceContext = (open, initialPresenceId) => {
-  const presenceIdRef = React.useRef(initialPresenceId);
-  const presenceRef = React.useRef(null);
-  const prevPresenceRef = React.useRef(null);
-
-  // clean up the presence id, if not predefined and if the presence node was unmounted
-  if (!initialPresenceId && prevPresenceRef.current && !presenceRef.current) {
-    presenceIdRef.current = null;
-  }
-  prevPresenceRef.current = presenceRef.current;
-  const {
-    isPresent,
-    isExiting
-  } = usePresence.usePresence(presenceRef, open);
-  const isPresenceExclusive = React.useCallback(id => {
-    if (!id) return false;
-
-    // return false if the presence context is occupied
-    if (presenceIdRef.current && presenceIdRef.current !== id) return false;
-
-    // otherwise occupy presence context and return true
-    presenceIdRef.current = id;
-    return true;
-  }, []);
-  const contextValue = React.useMemo(() => ({
-    presenceRef,
-    isPresenceExclusive,
-    isExiting
-  }), [presenceRef, isPresenceExclusive, isExiting]);
-  return [isPresent, contextValue];
+	const presenceIdRef = (0, react.useRef)(initialPresenceId);
+	const presenceRef = (0, react.useRef)(null);
+	const prevPresenceRef = (0, react.useRef)(null);
+	if (!initialPresenceId && prevPresenceRef.current && !presenceRef.current) presenceIdRef.current = null;
+	prevPresenceRef.current = presenceRef.current;
+	const { isPresent, isExiting } = require_usePresence.usePresence(presenceRef, open);
+	const isPresenceExclusive = (0, react.useCallback)((id) => {
+		if (!id) return false;
+		if (presenceIdRef.current && presenceIdRef.current !== id) return false;
+		presenceIdRef.current = id;
+		return true;
+	}, []);
+	return [isPresent, (0, react.useMemo)(() => ({
+		presenceRef,
+		isPresenceExclusive,
+		isExiting
+	}), [
+		presenceRef,
+		isPresenceExclusive,
+		isExiting
+	])];
 };
 
-exports.usePresenceContext = usePresenceContext;
+//#endregion
+exports.usePresenceContext = usePresenceContext;