@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -1,175 +1,115 @@
 /**
- * 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_Text = require('../Text/Text.js');
+const require_keys = require('../../internal/keyboard/keys.js');
+const require_match = require('../../internal/keyboard/match.js');
+const require_useId = require('../../internal/useId.js');
+const require_warning = require('../../internal/warning.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");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var warning = require('../../internal/warning.js');
-var Text = require('../Text/Text.js');
-require('../Text/TextDirection.js');
-var useId = require('../../internal/useId.js');
-
-const frFn = React.forwardRef;
-const OverflowMenuItem = frFn((props, ref) => {
-  const {
-    className,
-    closeMenu,
-    dangerDescription = 'danger',
-    disabled = false,
-    handleOverflowMenuItemFocus,
-    hasDivider = false,
-    href,
-    isDelete = false,
-    index,
-    itemText = 'Provide itemText',
-    onClick = () => {},
-    onKeyDown = () => {},
-    requireTitle,
-    title,
-    wrapperClassName,
-    ...rest
-  } = props;
-  const prefix = usePrefix.usePrefix();
-  function setTabFocus(evt) {
-    if (match.match(evt, keys.ArrowDown)) {
-      handleOverflowMenuItemFocus?.({
-        currentIndex: index,
-        direction: 1
-      });
-    }
-    if (match.match(evt, keys.ArrowUp)) {
-      handleOverflowMenuItemFocus?.({
-        currentIndex: index,
-        direction: -1
-      });
-    }
-  }
-  function handleClick(evt) {
-    onClick(evt);
-    if (closeMenu) {
-      closeMenu();
-    }
-  }
-  process.env.NODE_ENV !== "production" ? warning.warning(!!closeMenu, '`<OverflowMenuItem>` detected missing `closeMenu` prop. ' + '`closeMenu` is required to let `<OverflowMenu>` close the menu upon actions on `<OverflowMenuItem>`. ' + 'Please make sure `<OverflowMenuItem>` is a direct child of `<OverflowMenu>.') : void 0;
-  const overflowMenuBtnClasses = cx(`${prefix}--overflow-menu-options__btn`, className);
-  const overflowMenuItemClasses = cx(`${prefix}--overflow-menu-options__option`, {
-    [`${prefix}--overflow-menu--divider`]: hasDivider,
-    [`${prefix}--overflow-menu-options__option--danger`]: isDelete,
-    [`${prefix}--overflow-menu-options__option--disabled`]: disabled
-  }, wrapperClassName);
-  const TagToUse = href ? 'a' : 'button';
-  const assistiveId = useId.useId('danger-description');
-  const OverflowMenuItemContent = (() => {
-    if (typeof itemText !== 'string') {
-      return itemText;
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: `${prefix}--overflow-menu-options__option-content`
-    }, itemText), isDelete && /*#__PURE__*/React.createElement("span", {
-      id: assistiveId,
-      className: `${prefix}--visually-hidden`
-    }, dangerDescription));
-  })();
-  return /*#__PURE__*/React.createElement(Text.Text, {
-    as: "li",
-    className: overflowMenuItemClasses,
-    role: "none"
-  }, /*#__PURE__*/React.createElement(TagToUse, _rollupPluginBabelHelpers.extends({
-    className: overflowMenuBtnClasses,
-    disabled: disabled,
-    href: href,
-    onClick: handleClick,
-    onKeyDown: evt => {
-      setTabFocus(evt);
-      onKeyDown(evt);
-    },
-    role: "menuitem"
-    // ref as any: the type of `ref` is `ForwardedRef<HTMLButtonElement>` in `Button` component
-    // but `OverflowMenuItem` can be rendered as `a` tag as well, which is `HTMLAnchorElement`
-    // so we have to use `any` here
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-    ,
-    ref: ref,
-    tabIndex: -1
-    // itemText as any: itemText may be a ReactNode, but `title` only accepts string
-    // to avoid compatibility issue, we use `any` here. Consider to enforce `itemText` to be `string?`
-    // in the next major release
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-    ,
-    title: requireTitle ? title || itemText : undefined
-  }, rest), OverflowMenuItemContent));
+//#region src/components/OverflowMenuItem/OverflowMenuItem.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 OverflowMenuItem = (0, react.forwardRef)((props, ref) => {
+	const { className, closeMenu, dangerDescription = "danger", disabled = false, handleOverflowMenuItemFocus, hasDivider = false, href, isDelete = false, index, itemText = "Provide itemText", onClick = () => {}, onKeyDown = () => {}, requireTitle, title, wrapperClassName, ...rest } = props;
+	const prefix = require_usePrefix.usePrefix();
+	function setTabFocus(evt) {
+		if (require_match.match(evt, require_keys.ArrowDown)) handleOverflowMenuItemFocus?.({
+			currentIndex: index,
+			direction: 1
+		});
+		if (require_match.match(evt, require_keys.ArrowUp)) handleOverflowMenuItemFocus?.({
+			currentIndex: index,
+			direction: -1
+		});
+	}
+	function handleClick(evt) {
+		onClick(evt);
+		if (closeMenu) closeMenu();
+	}
+	require_warning.warning(!!closeMenu, "`<OverflowMenuItem>` detected missing `closeMenu` prop. `closeMenu` is required to let `<OverflowMenu>` close the menu upon actions on `<OverflowMenuItem>`. Please make sure `<OverflowMenuItem>` is a direct child of `<OverflowMenu>.");
+	const overflowMenuBtnClasses = (0, classnames.default)(`${prefix}--overflow-menu-options__btn`, className);
+	const overflowMenuItemClasses = (0, classnames.default)(`${prefix}--overflow-menu-options__option`, {
+		[`${prefix}--overflow-menu--divider`]: hasDivider,
+		[`${prefix}--overflow-menu-options__option--danger`]: isDelete,
+		[`${prefix}--overflow-menu-options__option--disabled`]: disabled
+	}, wrapperClassName);
+	const TagToUse = href ? "a" : "button";
+	const assistiveId = require_useId.useId("danger-description");
+	const OverflowMenuItemContent = (() => {
+		if (typeof itemText !== "string") return itemText;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: `${prefix}--overflow-menu-options__option-content`,
+			children: itemText
+		}), isDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			id: assistiveId,
+			className: `${prefix}--visually-hidden`,
+			children: dangerDescription
+		})] });
+	})();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		as: "li",
+		className: overflowMenuItemClasses,
+		role: "none",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TagToUse, {
+			className: overflowMenuBtnClasses,
+			disabled,
+			href,
+			onClick: handleClick,
+			onKeyDown: (evt) => {
+				setTabFocus(evt);
+				onKeyDown(evt);
+			},
+			role: "menuitem",
+			ref,
+			tabIndex: -1,
+			title: requireTitle ? title || itemText : void 0,
+			...rest,
+			children: OverflowMenuItemContent
+		})
+	});
 });
 OverflowMenuItem.propTypes = {
-  /**
-   * The CSS class name to be placed on the button element
-   */
-  className: PropTypes.string,
-  /**
-   * A callback to tell the parent menu component that the menu should be closed.
-   */
-  closeMenu: PropTypes.func,
-  /**
-   * Specify the message read by screen readers for the danger overflow menu item variant
-   */
-  dangerDescription: PropTypes.string,
-  /**
-   * `true` to make this menu item disabled.
-   */
-  disabled: PropTypes.bool,
-  handleOverflowMenuItemFocus: PropTypes.func,
-  /**
-   * `true` to make this menu item a divider.
-   */
-  hasDivider: PropTypes.bool,
-  /**
-   * If given, overflow item will render as a link with the given href
-   */
-  href: PropTypes.string,
-  index: PropTypes.number,
-  /**
-   * `true` to make this menu item a "danger button".
-   */
-  isDelete: PropTypes.bool,
-  /**
-   * The text in the menu item.
-   */
-  itemText: PropTypes.node.isRequired,
-  /**
-   * event handlers
-   */
-  onBlur: PropTypes.func,
-  onClick: PropTypes.func,
-  onFocus: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onKeyUp: PropTypes.func,
-  onMouseDown: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  onMouseUp: PropTypes.func,
-  /**
-   * `true` if this menu item has long text and requires a browser tooltip
-   */
-  requireTitle: PropTypes.bool,
-  /**
-   * Specify a title for the OverflowMenuItem
-   */
-  title: PropTypes.string,
-  /**
-   * The CSS class name to be placed on the wrapper list item element
-   */
-  wrapperClassName: PropTypes.string
+	className: prop_types.default.string,
+	closeMenu: prop_types.default.func,
+	dangerDescription: prop_types.default.string,
+	disabled: prop_types.default.bool,
+	handleOverflowMenuItemFocus: prop_types.default.func,
+	hasDivider: prop_types.default.bool,
+	href: prop_types.default.string,
+	index: prop_types.default.number,
+	isDelete: prop_types.default.bool,
+	itemText: prop_types.default.node.isRequired,
+	onBlur: prop_types.default.func,
+	onClick: prop_types.default.func,
+	onFocus: prop_types.default.func,
+	onKeyDown: prop_types.default.func,
+	onKeyUp: prop_types.default.func,
+	onMouseDown: prop_types.default.func,
+	onMouseEnter: prop_types.default.func,
+	onMouseLeave: prop_types.default.func,
+	onMouseUp: prop_types.default.func,
+	requireTitle: prop_types.default.bool,
+	title: prop_types.default.string,
+	wrapperClassName: prop_types.default.string
 };
 
-exports.default = OverflowMenuItem;
+//#endregion
+exports.default = OverflowMenuItem;

package/lib/components/OverflowMenuItem/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 OverflowMenuItem = require('./OverflowMenuItem.js');
-
+const require_OverflowMenuItem = require('./OverflowMenuItem.js');
 
+//#region src/components/OverflowMenuItem/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 OverflowMenuItem_default = require_OverflowMenuItem.default;
 
-exports.OverflowMenuItem = OverflowMenuItem.default;
-exports.default = OverflowMenuItem.default;
+//#endregion
+exports.default = OverflowMenuItem_default;

package/lib/components/OverflowMenuV2/index.js

@@ -1,26 +1,36 @@
 /**
- * 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 warning = require('../../internal/warning.js');
-var index = require('../FeatureFlags/index.js');
-var index$1 = require('../OverflowMenu/index.js');
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_warning = require('../../internal/warning.js');
+const require_index = require('../FeatureFlags/index.js');
+const require_index$1 = require('../OverflowMenu/index.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
 
+//#region src/components/OverflowMenuV2/index.js
+/**
+* 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.
+*/
 let didWarnAboutDeprecation = false;
 function OverflowMenuV2(props) {
-  if (process.env.NODE_ENV !== 'production') {
-    process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, '`<OverflowMenuV2>` is deprecated and will be removed in the next major version. Use `<OverflowMenu>` with the `enable-v12-overflowmenu` feature flag instead.') : void 0;
-    didWarnAboutDeprecation = true;
-  }
-  return /*#__PURE__*/React.createElement(index.FeatureFlags, {
-    enableV12Overflowmenu: true
-  }, /*#__PURE__*/React.createElement(index$1.OverflowMenu, props));
+	if (process.env.NODE_ENV !== "production") {
+		require_warning.warning(didWarnAboutDeprecation, "`<OverflowMenuV2>` is deprecated and will be removed in the next major version. Use `<OverflowMenu>` with the `enable-v12-overflowmenu` feature flag instead.");
+		didWarnAboutDeprecation = true;
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.FeatureFlags, {
+		enableV12Overflowmenu: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { ...props })
+	});
 }
 
-exports.OverflowMenuV2 = OverflowMenuV2;
+//#endregion
+exports.OverflowMenuV2 = OverflowMenuV2;