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

package/lib/components/ContentSwitcher/ContentSwitcher.js

@@ -1,153 +1,123 @@
 /**
- * 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');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_keys = require('../../internal/keyboard/keys.js');
+const require_match = require('../../internal/keyboard/match.js');
+const require_navigation = require('../../internal/keyboard/navigation.js');
+const require_deprecate = require('../../prop-types/deprecate.js');
+const require_utils = require('../../internal/utils.js');
+const require_events = require('../../tools/events.js');
+const require_index = require('../Layout/index.js');
+const require_IconSwitch = require('../Switch/IconSwitch.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var deprecate = require('../../prop-types/deprecate.js');
-var index = require('../Layout/index.js');
-var events = require('../../tools/events.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
-var navigation = require('../../internal/keyboard/navigation.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var utils = require('../../internal/utils.js');
-require('../Switch/Switch.js');
-var IconSwitch = require('../Switch/IconSwitch.js');
-
-const ContentSwitcher = ({
-  children,
-  className,
-  light,
-  lowContrast,
-  selectedIndex: selectedIndexProp = 0,
-  selectionMode = 'automatic',
-  size,
-  onChange,
-  ...other
-}) => {
-  const prefix = React.useContext(usePrefix.PrefixContext);
-  const [selectedIndex, setSelectedIndex] = React.useState(selectedIndexProp);
-  const prevSelectedIndexRef = React.useRef(selectedIndexProp);
-  const switchRefs = React.useRef([]);
-  const childrenArray = React.Children.toArray(children);
-  React.useEffect(() => {
-    if (prevSelectedIndexRef.current !== selectedIndexProp) {
-      setSelectedIndex(selectedIndexProp);
-      prevSelectedIndexRef.current = selectedIndexProp;
-    }
-  }, [selectedIndexProp]);
-  const handleItemRef = index => ref => {
-    if (ref) {
-      switchRefs.current[index] = ref;
-    }
-  };
-  const focusSwitch = index => {
-    const ref = switchRefs.current[index];
-    if (ref) {
-      ref.focus();
-    }
-  };
-  const isKeyboardEvent = event => event && typeof event === 'object' && 'key' in event;
-  const handleChildChange = event => {
-    if (typeof event.index === 'undefined') return;
-    const {
-      index
-    } = event;
-    if (isKeyboardEvent(event) && match.matches(event, [keys.ArrowRight, keys.ArrowLeft])) {
-      const nextIndex = navigation.getNextIndex(event.key, index, childrenArray.length);
-      if (typeof nextIndex !== 'number') return;
-      focusSwitch(nextIndex);
-      if (selectionMode !== 'manual') {
-        const child = childrenArray[nextIndex];
-        setSelectedIndex(nextIndex);
-        if (/*#__PURE__*/React.isValidElement(child)) {
-          onChange({
-            ...event,
-            index: nextIndex,
-            name: child.props.name,
-            text: child.props.text
-          });
-        }
-      }
-    } else if (selectedIndex !== index && (isKeyboardEvent(event) ? match.matches(event, [keys.Enter, keys.Space]) : true)) {
-      setSelectedIndex(index);
-      focusSwitch(index);
-      onChange(event);
-    }
-  };
-  const isIconOnly = React.Children.map(children, child => {
-    return utils.isComponentElement(child, IconSwitch.default);
-  })?.every(val => val === true);
-  const classes = cx(`${prefix}--content-switcher`, className, {
-    [`${prefix}--content-switcher--light`]: light,
-    [`${prefix}--content-switcher--${size}`]: size,
-    // TODO: V12 - Remove this class
-    [`${prefix}--layout--size-${size}`]: size,
-    [`${prefix}--content-switcher--icon-only`]: isIconOnly,
-    [`${prefix}--content-switcher--low-contrast`]: lowContrast
-  });
-  return /*#__PURE__*/React.createElement(index.LayoutConstraint, _rollupPluginBabelHelpers.extends({
-    size: {
-      default: 'md',
-      min: 'sm',
-      max: 'lg'
-    }
-  }, other, {
-    className: classes,
-    role: "tablist",
-    onChange: undefined
-  }), children && React.Children.map(children, (child, index) => /*#__PURE__*/React.cloneElement(child, {
-    index,
-    onClick: events.composeEventHandlers([handleChildChange, child.props.onClick]),
-    onKeyDown: events.composeEventHandlers([handleChildChange, child.props.onKeyDown]),
-    selected: index === selectedIndex,
-    ref: handleItemRef(index),
-    size
-  })));
+//#region src/components/ContentSwitcher/ContentSwitcher.tsx
+/**
+* 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 ContentSwitcher = ({ children, className, light, lowContrast, selectedIndex: selectedIndexProp = 0, selectionMode = "automatic", size, onChange, ...other }) => {
+	const prefix = (0, react.useContext)(require_usePrefix.PrefixContext);
+	const [selectedIndex, setSelectedIndex] = (0, react.useState)(selectedIndexProp);
+	const prevSelectedIndexRef = (0, react.useRef)(selectedIndexProp);
+	const switchRefs = (0, react.useRef)([]);
+	const childrenArray = react.Children.toArray(children);
+	(0, react.useEffect)(() => {
+		if (prevSelectedIndexRef.current !== selectedIndexProp) {
+			setSelectedIndex(selectedIndexProp);
+			prevSelectedIndexRef.current = selectedIndexProp;
+		}
+	}, [selectedIndexProp]);
+	const handleItemRef = (index) => (ref) => {
+		if (ref) switchRefs.current[index] = ref;
+	};
+	const focusSwitch = (index) => {
+		const ref = switchRefs.current[index];
+		if (ref) ref.focus();
+	};
+	const isKeyboardEvent = (event) => event && typeof event === "object" && "key" in event;
+	const handleChildChange = (event) => {
+		if (typeof event.index === "undefined") return;
+		const { index } = event;
+		if (isKeyboardEvent(event) && require_match.matches(event, [require_keys.ArrowRight, require_keys.ArrowLeft])) {
+			const nextIndex = require_navigation.getNextIndex(event.key, index, childrenArray.length);
+			if (typeof nextIndex !== "number") return;
+			focusSwitch(nextIndex);
+			if (selectionMode !== "manual") {
+				const child = childrenArray[nextIndex];
+				setSelectedIndex(nextIndex);
+				if ((0, react.isValidElement)(child)) onChange({
+					...event,
+					index: nextIndex,
+					name: child.props.name,
+					text: child.props.text
+				});
+			}
+		} else if (selectedIndex !== index && (isKeyboardEvent(event) ? require_match.matches(event, [require_keys.Enter, require_keys.Space]) : true)) {
+			setSelectedIndex(index);
+			focusSwitch(index);
+			onChange(event);
+		}
+	};
+	const isIconOnly = react.Children.map(children, (child) => {
+		return require_utils.isComponentElement(child, require_IconSwitch.default);
+	})?.every((val) => val === true);
+	const classes = (0, classnames.default)(`${prefix}--content-switcher`, className, {
+		[`${prefix}--content-switcher--light`]: light,
+		[`${prefix}--content-switcher--${size}`]: size,
+		[`${prefix}--layout--size-${size}`]: size,
+		[`${prefix}--content-switcher--icon-only`]: isIconOnly,
+		[`${prefix}--content-switcher--low-contrast`]: lowContrast
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.LayoutConstraint, {
+		size: {
+			default: "md",
+			min: "sm",
+			max: "lg"
+		},
+		...other,
+		className: classes,
+		role: "tablist",
+		onChange: void 0,
+		children: children && react.Children.map(children, (child, index) => (0, react.cloneElement)(child, {
+			index,
+			onClick: require_events.composeEventHandlers([handleChildChange, child.props.onClick]),
+			onKeyDown: require_events.composeEventHandlers([handleChildChange, child.props.onKeyDown]),
+			selected: index === selectedIndex,
+			ref: handleItemRef(index),
+			size
+		}))
+	});
 };
-ContentSwitcher.displayName = 'ContentSwitcher';
+ContentSwitcher.displayName = "ContentSwitcher";
 ContentSwitcher.propTypes = {
-  /**
-   * Pass in Switch components to be rendered in the ContentSwitcher
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be added to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * `true` to use the light variant.
-   */
-  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `ContentSwitcher` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
-  /**
-   * `true` to use the low contrast version.
-   */
-  lowContrast: PropTypes.bool,
-  /**
-   * Specify an `onChange` handler that is called whenever the ContentSwitcher
-   * changes which item is selected
-   */
-  onChange: PropTypes.func.isRequired,
-  /**
-   * Specify a selected index for the initially selected content
-   */
-  selectedIndex: PropTypes.number,
-  /**
-   * Choose whether or not to automatically change selection on focus when left/right arrow pressed. Defaults to 'automatic'
-   */
-  selectionMode: PropTypes.oneOf(['automatic', 'manual']),
-  /**
-   * Specify the size of the Content Switcher. Currently supports either `sm`, `md` (default) or `lg` as an option.
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg'])
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	light: require_deprecate.deprecate(prop_types.default.bool, "The `light` prop for `ContentSwitcher` is no longer needed and has been deprecated. It will be removed in the next major release."),
+	lowContrast: prop_types.default.bool,
+	onChange: prop_types.default.func.isRequired,
+	selectedIndex: prop_types.default.number,
+	selectionMode: prop_types.default.oneOf(["automatic", "manual"]),
+	size: prop_types.default.oneOf([
+		"sm",
+		"md",
+		"lg"
+	])
 };
 
-exports.ContentSwitcher = ContentSwitcher;
+//#endregion
+exports.ContentSwitcher = ContentSwitcher;

package/lib/components/ContextMenu/useContextMenu.js

@@ -1,51 +1,53 @@
 /**
- * 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');
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+let react = require("react");
 
+//#region src/components/ContextMenu/useContextMenu.tsx
 /**
- * @param {TriggerType} [trigger=document] The element or ref which should trigger the Menu on right-click
- * @returns {ContextMenuProps} Props object to pass onto Menu component
- */
+* Copyright IBM Corp. 2020, 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.
+*/
+/**
+* @param {TriggerType} [trigger=document] The element or ref which should trigger the Menu on right-click
+* @returns {ContextMenuProps} Props object to pass onto Menu component
+*/
 function useContextMenu(trigger = document) {
-  const [open, setOpen] = React.useState(false);
-  const [position, setPosition] = React.useState([0, 0]);
-  function openContextMenu(e) {
-    e.preventDefault();
-    const {
-      clientX: x,
-      clientY: y
-    } = e;
-    setPosition([x, y]);
-    setOpen(true);
-  }
-  function onClose() {
-    setOpen(false);
-  }
-  React.useEffect(() => {
-    const el = trigger instanceof Element || trigger instanceof Document || trigger instanceof Window ? trigger : trigger.current;
-    if (el) {
-      const eventListener = e => openContextMenu(e);
-      el.addEventListener('contextmenu', eventListener);
-      return () => {
-        el.removeEventListener('contextmenu', eventListener);
-      };
-    }
-  }, [trigger]);
-  return {
-    open,
-    x: position[0],
-    y: position[1],
-    onClose
-  };
+	const [open, setOpen] = (0, react.useState)(false);
+	const [position, setPosition] = (0, react.useState)([0, 0]);
+	function openContextMenu(e) {
+		e.preventDefault();
+		const { clientX: x, clientY: y } = e;
+		setPosition([x, y]);
+		setOpen(true);
+	}
+	function onClose() {
+		setOpen(false);
+	}
+	(0, react.useEffect)(() => {
+		const el = trigger instanceof Element || trigger instanceof Document || trigger instanceof Window ? trigger : trigger.current;
+		if (el) {
+			const eventListener = (e) => openContextMenu(e);
+			el.addEventListener("contextmenu", eventListener);
+			return () => {
+				el.removeEventListener("contextmenu", eventListener);
+			};
+		}
+	}, [trigger]);
+	return {
+		open,
+		x: position[0],
+		y: position[1],
+		onClose
+	};
 }
 
-exports.default = useContextMenu;
+//#endregion
+exports.default = useContextMenu;

package/lib/components/Copy/Copy.js

@@ -1,132 +1,112 @@
 /**
- * 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');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_noopFn = require('../../internal/noopFn.js');
+const require_deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
+const require_mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
+const require_index = require('../IconButton/index.js');
+const require_events = require('../../tools/events.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
+let es_toolkit_compat = require("es-toolkit/compat");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var events = require('../../tools/events.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var index = require('../IconButton/index.js');
-var noopFn = require('../../internal/noopFn.js');
-var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
-var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
-var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.js');
-
-function Copy({
-  align = 'bottom',
-  autoAlign = false,
-  children,
-  className,
-  feedback = 'Copied!',
-  feedbackTimeout = 2000,
-  onAnimationEnd,
-  onClick = noopFn.noopFn,
-  ...other
-}) {
-  const [animation, setAnimation] = React.useState('');
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(className, `${prefix}--copy`, {
-    [`${prefix}--copy-btn--animating`]: animation,
-    [`${prefix}--copy-btn--${animation}`]: animation
-  });
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const handleFadeOut = React.useCallback(debounce.debounce(() => {
-    setAnimation('fade-out');
-  }, feedbackTimeout), [feedbackTimeout]);
-  const handleClick = React.useCallback(() => {
-    setAnimation('fade-in');
-    handleFadeOut();
-  }, [handleFadeOut]);
-  const handleAnimationEnd = event => {
-    if (event.animationName === `${prefix}--hide-feedback`) {
-      setAnimation('');
-    }
-  };
-  React.useEffect(() => () => {
-    handleFadeOut.cancel();
-  }, [handleFadeOut]);
-  const initialLabel = other['aria-label'] ?? '';
-  return /*#__PURE__*/React.createElement(index.IconButton, _rollupPluginBabelHelpers.extends({
-    closeOnActivation: false,
-    align: align,
-    autoAlign: autoAlign,
-    className: classNames,
-    label: animation ? feedback : initialLabel,
-    leaveDelayMs: animation ? feedbackTimeout : undefined,
-    onClick: events.composeEventHandlers([onClick, handleClick]),
-    onAnimationEnd: events.composeEventHandlers([onAnimationEnd, handleAnimationEnd])
-  }, other, {
-    "aria-label": !children && (animation ? feedback : other['aria-label']) || undefined
-  }), children);
+//#region src/components/Copy/Copy.tsx
+/**
+* Copyright IBM Corp. 2016, 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.
+*/
+function Copy({ align = "bottom", autoAlign = false, children, className, feedback = "Copied!", feedbackTimeout = 2e3, onAnimationEnd, onClick = require_noopFn.noopFn, ...other }) {
+	const [animation, setAnimation] = (0, react.useState)("");
+	const prefix = require_usePrefix.usePrefix();
+	const classNames = (0, classnames.default)(className, `${prefix}--copy`, {
+		[`${prefix}--copy-btn--animating`]: animation,
+		[`${prefix}--copy-btn--${animation}`]: animation
+	});
+	const handleFadeOut = (0, react.useCallback)((0, es_toolkit_compat.debounce)(() => {
+		setAnimation("fade-out");
+	}, feedbackTimeout), [feedbackTimeout]);
+	const handleClick = (0, react.useCallback)(() => {
+		setAnimation("fade-in");
+		handleFadeOut();
+	}, [handleFadeOut]);
+	const handleAnimationEnd = (event) => {
+		if (event.animationName === `${prefix}--hide-feedback`) setAnimation("");
+	};
+	(0, react.useEffect)(() => () => {
+		handleFadeOut.cancel();
+	}, [handleFadeOut]);
+	const initialLabel = other["aria-label"] ?? "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.IconButton, {
+		closeOnActivation: false,
+		align,
+		autoAlign,
+		className: classNames,
+		label: animation ? feedback : initialLabel,
+		leaveDelayMs: animation ? feedbackTimeout : void 0,
+		onClick: require_events.composeEventHandlers([onClick, handleClick]),
+		onAnimationEnd: require_events.composeEventHandlers([onAnimationEnd, handleAnimationEnd]),
+		...other,
+		"aria-label": !children && (animation ? feedback : other["aria-label"]) || void 0,
+		children
+	});
 }
 Copy.propTypes = {
-  /**
-   * Specify how the trigger should align with the tooltip
-   */
-  align: deprecateValuesWithin.deprecateValuesWithin(PropTypes.oneOf(['top', 'top-left',
-  // deprecated use top-start instead
-  'top-right',
-  // deprecated use top-end instead
-
-  'bottom', 'bottom-left',
-  // deprecated use bottom-start instead
-  'bottom-right',
-  // deprecated use bottom-end instead
-
-  'left', 'left-bottom',
-  // deprecated use left-end instead
-  'left-top',
-  // deprecated use left-start instead
-
-  'right', 'right-bottom',
-  // deprecated use right-end instead
-  'right-top',
-  // deprecated use right-start instead
-
-  // new values to match floating-ui
-  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign.mapPopoverAlign),
-  /**
-   * **Experimental**: Will attempt to automatically align the tooltip. Requires
-   * React v17+
-   * @see https://github.com/carbon-design-system/carbon/issues/18714
-   */
-  autoAlign: PropTypes.bool,
-  /**
-   * Pass in content to be rendered in the underlying `<button>`
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the underlying `<button>`
-   */
-  className: PropTypes.string,
-  /**
-   * Specify the string that is displayed when the button is clicked and the
-   * content is copied
-   */
-  feedback: PropTypes.string,
-  /**
-   * Specify the time it takes for the feedback message to timeout
-   */
-  feedbackTimeout: PropTypes.number,
-  /**
-   * Specify an optional `onAnimationEnd` handler that is called when the underlying
-   * animation ends
-   */
-  onAnimationEnd: PropTypes.func,
-  /**
-   * Specify an optional `onClick` handler that is called when the underlying
-   * `<button>` is clicked
-   */
-  onClick: PropTypes.func
+	align: require_deprecateValuesWithin.deprecateValuesWithin(prop_types.default.oneOf([
+		"top",
+		"top-left",
+		"top-right",
+		"bottom",
+		"bottom-left",
+		"bottom-right",
+		"left",
+		"left-bottom",
+		"left-top",
+		"right",
+		"right-bottom",
+		"right-top",
+		"top-start",
+		"top-end",
+		"bottom-start",
+		"bottom-end",
+		"left-end",
+		"left-start",
+		"right-end",
+		"right-start"
+	]), [
+		"top",
+		"top-start",
+		"top-end",
+		"bottom",
+		"bottom-start",
+		"bottom-end",
+		"left",
+		"left-start",
+		"left-end",
+		"right",
+		"right-start",
+		"right-end"
+	], require_mapPopoverAlign.mapPopoverAlign),
+	autoAlign: prop_types.default.bool,
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	feedback: prop_types.default.string,
+	feedbackTimeout: prop_types.default.number,
+	onAnimationEnd: prop_types.default.func,
+	onClick: prop_types.default.func
 };
 
-exports.default = Copy;
+//#endregion
+exports.default = Copy;

package/lib/components/Copy/index.js

@@ -1,17 +1,20 @@
 /**
- * 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 Copy = require('./Copy.js');
-
+const require_Copy = require('./Copy.js');
 
+//#region src/components/Copy/index.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.
+*/
+var Copy_default = require_Copy.default;
 
-exports.Copy = Copy.default;
-exports.default = Copy.default;
+//#endregion
+exports.default = Copy_default;