@carbon/react 1.24.0 → 1.25.0

package/lib/components/Notification/Notification.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
+var deprecate = require('../../prop-types/deprecate.js');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var Button = require('../Button/Button.js');
@@ -28,13 +29,13 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _iconTypes;
+var _NotificationButton$p, _NotificationButton$d, _iconTypes, _ToastNotification$pr, _InlineNotification$p, _ActionableNotificati;
 
 var _excluded = ["children", "className", "onClick", "inline"],
-    _excluded2 = ["ariaLabel", "className", "type", "renderIcon", "name", "notificationType"],
-    _excluded3 = ["role", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "children", "kind", "lowContrast", "hideCloseButton", "timeout", "title", "caption", "subtitle"],
-    _excluded4 = ["children", "title", "subtitle", "role", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "kind", "lowContrast", "hideCloseButton"],
-    _excluded5 = ["actionButtonLabel", "ariaLabel", "children", "role", "onActionButtonClick", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "inline", "kind", "lowContrast", "hideCloseButton", "hasFocus", "closeOnEscape", "title", "subtitle"];
+    _excluded2 = ["aria-label", "ariaLabel", "className", "type", "renderIcon", "name", "notificationType"],
+    _excluded3 = ["aria-label", "ariaLabel", "role", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "children", "kind", "lowContrast", "hideCloseButton", "timeout", "title", "caption", "subtitle"],
+    _excluded4 = ["aria-label", "children", "title", "subtitle", "role", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "kind", "lowContrast", "hideCloseButton"],
+    _excluded5 = ["actionButtonLabel", "aria-label", "ariaLabel", "children", "role", "onActionButtonClick", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "inline", "kind", "lowContrast", "hideCloseButton", "hasFocus", "closeOnEscape", "title", "subtitle"];
 /**
  * Conditionally call a callback when the escape key is pressed
  * @param {node} ref - ref of the container element to scope the functionality to
@@ -100,7 +101,8 @@ NotificationActionButton.propTypes = {
   onClick: PropTypes__default["default"].func
 };
 function NotificationButton(_ref2) {
-  var ariaLabel = _ref2.ariaLabel,
+  var ariaLabel = _ref2['aria-label'],
+      deprecatedAriaLabel = _ref2.ariaLabel,
       className = _ref2.className,
       type = _ref2.type,
       IconTag = _ref2.renderIcon,
@@ -114,53 +116,16 @@ function NotificationButton(_ref2) {
   return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, rest, {
     // eslint-disable-next-line react/button-has-type
     type: type,
-    "aria-label": ariaLabel,
-    title: ariaLabel,
+    "aria-label": deprecatedAriaLabel || ariaLabel,
+    title: deprecatedAriaLabel || ariaLabel,
     className: buttonClassName
   }), IconTag && /*#__PURE__*/React__default["default"].createElement(IconTag, {
     className: iconClassName,
     name: name
   }));
 }
-NotificationButton.propTypes = {
-  /**
-   * Specify a label to be read by screen readers on the notification button
-   */
-  ariaLabel: PropTypes__default["default"].string,
-
-  /**
-   * Specify an optional className to be applied to the notification button
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify an optional icon for the Button through a string,
-   * if something but regular "close" icon is desirable
-   */
-  name: PropTypes__default["default"].string,
-
-  /**
-   * Specify the notification type
-   */
-  notificationType: PropTypes__default["default"].oneOf(['toast', 'inline', 'actionable']),
-
-  /**
-   * Optional prop to allow overriding the icon rendering.
-   * Can be a React component class
-   */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
-
-  /**
-   * Optional prop to specify the type of the Button
-   */
-  type: PropTypes__default["default"].string
-};
-NotificationButton.defaultProps = {
-  ariaLabel: 'close notification',
-  notificationType: 'toast',
-  type: 'button',
-  renderIcon: iconsReact.Close
-};
+NotificationButton.propTypes = (_NotificationButton$p = {}, _rollupPluginBabelHelpers.defineProperty(_NotificationButton$p, 'aria-label', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_NotificationButton$p, "ariaLabel", deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.')), _rollupPluginBabelHelpers.defineProperty(_NotificationButton$p, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_NotificationButton$p, "name", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_NotificationButton$p, "notificationType", PropTypes__default["default"].oneOf(['toast', 'inline', 'actionable'])), _rollupPluginBabelHelpers.defineProperty(_NotificationButton$p, "renderIcon", PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])), _rollupPluginBabelHelpers.defineProperty(_NotificationButton$p, "type", PropTypes__default["default"].string), _NotificationButton$p);
+NotificationButton.defaultProps = (_NotificationButton$d = {}, _rollupPluginBabelHelpers.defineProperty(_NotificationButton$d, 'aria-label', 'close notification'), _rollupPluginBabelHelpers.defineProperty(_NotificationButton$d, "notificationType", 'toast'), _rollupPluginBabelHelpers.defineProperty(_NotificationButton$d, "type", 'button'), _rollupPluginBabelHelpers.defineProperty(_NotificationButton$d, "renderIcon", iconsReact.Close), _NotificationButton$d);
 var iconTypes = (_iconTypes = {
   error: iconsReact.ErrorFilled,
   success: iconsReact.CheckmarkFilled,
@@ -192,7 +157,9 @@ NotificationIcon.propTypes = {
 function ToastNotification(_ref4) {
   var _cx4;
 
-  var role = _ref4.role,
+  var ariaLabel = _ref4['aria-label'],
+      deprecatedAriaLabel = _ref4.ariaLabel,
+      role = _ref4.role,
       onClose = _ref4.onClose,
       onCloseButtonClick = _ref4.onCloseButtonClick,
       statusIconDescription = _ref4.statusIconDescription,
@@ -277,81 +244,11 @@ function ToastNotification(_ref4) {
     notificationType: "toast",
     onClick: handleCloseButtonClick,
     "aria-hidden": "true",
+    "aria-label": deprecatedAriaLabel || ariaLabel,
     tabIndex: "-1"
   }));
 }
-ToastNotification.propTypes = {
-  /**
-   * Provide a description for "close" icon button that can be read by screen readers
-   */
-  ariaLabel: PropTypes__default["default"].string,
-
-  /**
-   * Specify the caption
-   */
-  caption: PropTypes__default["default"].string,
-
-  /**
-   * Specify the content
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the notification box
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify the close button should be disabled, or not
-   */
-  hideCloseButton: PropTypes__default["default"].bool,
-
-  /**
-   * Specify what state the notification represents
-   */
-  kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
-
-  /**
-   * Specify whether you are using the low contrast variant of the ToastNotification.
-   */
-  lowContrast: PropTypes__default["default"].bool,
-
-  /**
-   * Provide a function that is called when menu is closed
-   */
-  onClose: PropTypes__default["default"].func,
-
-  /**
-   * Provide a function that is called when the close button is clicked
-   */
-  onCloseButtonClick: PropTypes__default["default"].func,
-
-  /**
-   * By default, this value is "status". You can also provide an alternate
-   * role if it makes sense from the accessibility-side
-   */
-  role: PropTypes__default["default"].oneOf(['alert', 'log', 'status']),
-
-  /**
-   * Provide a description for "status" icon that can be read by screen readers
-   */
-  statusIconDescription: PropTypes__default["default"].string,
-
-  /**
-   * Specify the sub-title
-   */
-  subtitle: PropTypes__default["default"].string,
-
-  /**
-   * Specify an optional duration the notification should be closed in
-   */
-  timeout: PropTypes__default["default"].number,
-
-  /**
-   * Specify the title
-   */
-  title: PropTypes__default["default"].string
-};
+ToastNotification.propTypes = (_ToastNotification$pr = {}, _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, 'aria-label', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "ariaLabel", deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.')), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "caption", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "hideCloseButton", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "kind", PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt'])), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "lowContrast", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "onClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "onCloseButtonClick", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "role", PropTypes__default["default"].oneOf(['alert', 'log', 'status'])), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "statusIconDescription", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "subtitle", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "timeout", PropTypes__default["default"].number), _rollupPluginBabelHelpers.defineProperty(_ToastNotification$pr, "title", PropTypes__default["default"].string), _ToastNotification$pr);
 ToastNotification.defaultProps = {
   kind: 'error',
   role: 'status',
@@ -362,7 +259,8 @@ ToastNotification.defaultProps = {
 function InlineNotification(_ref5) {
   var _cx5;
 
-  var children = _ref5.children,
+  var ariaLabel = _ref5['aria-label'],
+      children = _ref5.children,
       title = _ref5.title,
       subtitle = _ref5.subtitle,
       role = _ref5.role,
@@ -424,66 +322,11 @@ function InlineNotification(_ref5) {
     notificationType: "inline",
     onClick: handleCloseButtonClick,
     "aria-hidden": "true",
+    "aria-label": ariaLabel,
     tabIndex: "-1"
   }));
 }
-InlineNotification.propTypes = {
-  /**
-   * Specify the content
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the notification box
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify the close button should be disabled, or not
-   */
-  hideCloseButton: PropTypes__default["default"].bool,
-
-  /**
-   * Specify what state the notification represents
-   */
-  kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
-
-  /**
-   * Specify whether you are using the low contrast variant of the InlineNotification.
-   */
-  lowContrast: PropTypes__default["default"].bool,
-
-  /**
-   * Provide a function that is called when menu is closed
-   */
-  onClose: PropTypes__default["default"].func,
-
-  /**
-   * Provide a function that is called when the close button is clicked
-   */
-  onCloseButtonClick: PropTypes__default["default"].func,
-
-  /**
-   * By default, this value is "status". You can also provide an alternate
-   * role if it makes sense from the accessibility-side.
-   */
-  role: PropTypes__default["default"].oneOf(['alert', 'log', 'status']),
-
-  /**
-   * Provide a description for "status" icon that can be read by screen readers
-   */
-  statusIconDescription: PropTypes__default["default"].string,
-
-  /**
-   * Specify the sub-title
-   */
-  subtitle: PropTypes__default["default"].string,
-
-  /**
-   * Specify the title
-   */
-  title: PropTypes__default["default"].string
-};
+InlineNotification.propTypes = (_InlineNotification$p = {}, _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, 'aria-label', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "hideCloseButton", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "kind", PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt'])), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "lowContrast", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "onClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "onCloseButtonClick", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "role", PropTypes__default["default"].oneOf(['alert', 'log', 'status'])), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "statusIconDescription", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "subtitle", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_InlineNotification$p, "title", PropTypes__default["default"].string), _InlineNotification$p);
 InlineNotification.defaultProps = {
   kind: 'error',
   role: 'status',
@@ -494,7 +337,8 @@ function ActionableNotification(_ref6) {
   var _cx6;
 
   var actionButtonLabel = _ref6.actionButtonLabel,
-      ariaLabel = _ref6.ariaLabel,
+      ariaLabel = _ref6['aria-label'],
+      deprecatedAriaLabel = _ref6.ariaLabel,
       children = _ref6.children,
       role = _ref6.role,
       onActionButtonClick = _ref6.onActionButtonClick,
@@ -568,98 +412,17 @@ function ActionableNotification(_ref6) {
     onClick: onActionButtonClick,
     inline: inline
   }, actionButtonLabel), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(NotificationButton, {
-    "aria-label": ariaLabel,
+    "aria-label": deprecatedAriaLabel || ariaLabel,
     notificationType: "actionable",
     onClick: handleCloseButtonClick
   }));
 }
-ActionableNotification.propTypes = {
+ActionableNotification.propTypes = (_ActionableNotificati = {
   /**
    * Pass in the action button label that will be rendered within the ActionableNotification.
    */
-  actionButtonLabel: PropTypes__default["default"].string.isRequired,
-
-  /**
-   * Provide a description for "close" icon button that can be read by screen readers
-   */
-  ariaLabel: PropTypes__default["default"].string,
-
-  /**
-   * Specify the content
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the notification box
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify if pressing the escape key should close notifications
-   */
-  closeOnEscape: PropTypes__default["default"].bool,
-
-  /**
-   * Specify if focus should be moved to the component when the notification contains actions
-   */
-  hasFocus: PropTypes__default["default"].bool,
-
-  /**
-   * Specify the close button should be disabled, or not
-   */
-  hideCloseButton: PropTypes__default["default"].bool,
-
-  /*
-   * Specify if the notification should have inline styling applied instead of toast
-   */
-  inline: PropTypes__default["default"].bool,
-
-  /**
-   * Specify what state the notification represents
-   */
-  kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']).isRequired,
-
-  /**
-   * Specify whether you are using the low contrast variant of the ActionableNotification.
-   */
-  lowContrast: PropTypes__default["default"].bool,
-
-  /**
-   * Provide a function that is called when the action is clicked
-   */
-  onActionButtonClick: PropTypes__default["default"].func,
-
-  /**
-   * Provide a function that is called when menu is closed
-   */
-  onClose: PropTypes__default["default"].func,
-
-  /**
-   * Provide a function that is called when the close button is clicked
-   */
-  onCloseButtonClick: PropTypes__default["default"].func,
-
-  /**
-   * By default, this value is "alertdialog". You can also provide an alternate
-   * role if it makes sense from the accessibility-side.
-   */
-  role: PropTypes__default["default"].string,
-
-  /**
-   * Provide a description for "status" icon that can be read by screen readers
-   */
-  statusIconDescription: PropTypes__default["default"].string,
-
-  /**
-   * Specify the sub-title
-   */
-  subtitle: PropTypes__default["default"].string,
-
-  /**
-   * Specify the title
-   */
-  title: PropTypes__default["default"].string
-};
+  actionButtonLabel: PropTypes__default["default"].string.isRequired
+}, _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, 'aria-label', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "ariaLabel", deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.')), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "closeOnEscape", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "hasFocus", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "hideCloseButton", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "inline", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "kind", PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']).isRequired), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "lowContrast", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "onActionButtonClick", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "onClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "onCloseButtonClick", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "role", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "statusIconDescription", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "subtitle", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ActionableNotificati, "title", PropTypes__default["default"].string), _ActionableNotificati);
 ActionableNotification.defaultProps = {
   kind: 'error',
   role: 'alertdialog',

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -31,9 +31,9 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["id", "ariaLabel", "children", "iconDescription", "direction", "flipped", "focusTrap", "menuOffset", "menuOffsetFlip", "iconClass", "onClick", "onOpen", "selectorPrimaryFocus", "renderIcon", "innerRef", "menuOptionsClass", "light", "size"];
+var _excluded = ["id", "aria-label", "ariaLabel", "children", "iconDescription", "direction", "flipped", "focusTrap", "menuOffset", "menuOffsetFlip", "iconClass", "onClick", "onOpen", "selectorPrimaryFocus", "renderIcon", "innerRef", "menuOptionsClass", "light", "size"];
 
-var _triggerButtonPositio, _triggerButtonPositio2;
+var _triggerButtonPositio, _triggerButtonPositio2, _defineProperty2, _defineProperty3;
 
 var on = function on(element) {
   for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -299,7 +299,8 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
 
       var _this$props = this.props,
           id = _this$props.id,
-          ariaLabel = _this$props.ariaLabel,
+          ariaLabel = _this$props['aria-label'],
+          deprecatedAriaLabel = _this$props.ariaLabel,
           children = _this$props.children,
           iconDescription = _this$props.iconDescription,
           direction = _this$props.direction,
@@ -339,7 +340,7 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
         className: overflowMenuOptionsClasses,
         tabIndex: "-1",
         role: "menu",
-        "aria-label": ariaLabel,
+        "aria-label": ariaLabel || deprecatedAriaLabel,
         onKeyDown: this.handleKeyPress
       }, childrenWithProps);
       var wrappedMenuBody = /*#__PURE__*/React__default["default"].createElement(FloatingMenu["default"], {
@@ -389,144 +390,17 @@ var OverflowMenu = /*#__PURE__*/function (_Component) {
   return OverflowMenu;
 }(React.Component);
 
-_rollupPluginBabelHelpers.defineProperty(OverflowMenu, "propTypes", {
-  /**
-   * The ARIA label.
-   */
-  ariaLabel: PropTypes__default["default"].string.isRequired,
-
-  /**
-   * The child nodes.
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * The CSS class names.
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * The menu direction.
-   */
-  direction: PropTypes__default["default"].oneOf([FloatingMenu.DIRECTION_TOP, FloatingMenu.DIRECTION_BOTTOM]),
-
-  /**
-   * `true` if the menu alignment should be flipped.
-   */
-  flipped: PropTypes__default["default"].bool,
-
-  /**
-   * Enable or disable focus trap behavior
-   */
-  focusTrap: PropTypes__default["default"].bool,
-
-  /**
-   * The CSS class for the icon.
-   */
-  iconClass: PropTypes__default["default"].string,
-
-  /**
-   * The icon description.
-   */
-  iconDescription: PropTypes__default["default"].string.isRequired,
-
-  /**
-   * The element ID.
-   */
-  id: PropTypes__default["default"].string,
-
-  /**
-   * `true` to use the light version. For use on $ui-01 backgrounds only.
-   * Don't use this to make OverflowMenu background color same as container background color.
-   */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `OverflowMenu` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.'),
-
-  /**
-   * The adjustment in position applied to the floating menu.
-   */
-  menuOffset: PropTypes__default["default"].oneOfType([PropTypes__default["default"].shape({
-    top: PropTypes__default["default"].number,
-    left: PropTypes__default["default"].number
-  }), PropTypes__default["default"].func]),
-
-  /**
-   * The adjustment in position applied to the floating menu.
-   */
-  menuOffsetFlip: PropTypes__default["default"].oneOfType([PropTypes__default["default"].shape({
-    top: PropTypes__default["default"].number,
-    left: PropTypes__default["default"].number
-  }), PropTypes__default["default"].func]),
-
-  /**
-   * The class to apply to the menu options
-   */
-  menuOptionsClass: PropTypes__default["default"].string,
-
-  /**
-   * The event handler for the `click` event.
-   */
-  onClick: PropTypes__default["default"].func,
-
-  /**
-   * Function called when menu is closed
-   */
-  onClose: PropTypes__default["default"].func,
-
-  /**
-   * The event handler for the `focus` event.
-   */
-  onFocus: PropTypes__default["default"].func,
-
-  /**
-   * The event handler for the `keydown` event.
-   */
-  onKeyDown: PropTypes__default["default"].func,
-
-  /**
-   * Function called when menu is opened
-   */
-  onOpen: PropTypes__default["default"].func,
-
-  /**
-   * `true` if the menu should be open.
-   */
-  open: PropTypes__default["default"].bool,
-
-  /**
-   * Function called to override icon rendering.
-   */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
-
-  /**
-   * Specify a CSS selector that matches the DOM element that should
-   * be focused when the OverflowMenu opens
-   */
-  selectorPrimaryFocus: PropTypes__default["default"].string,
-
-  /**
-   * Specify the size of the OverflowMenu. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
-   */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
-});
+_rollupPluginBabelHelpers.defineProperty(OverflowMenu, "propTypes", (_defineProperty2 = {}, _rollupPluginBabelHelpers.defineProperty(_defineProperty2, 'aria-label', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "ariaLabel", deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.')), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "children", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "direction", PropTypes__default["default"].oneOf([FloatingMenu.DIRECTION_TOP, FloatingMenu.DIRECTION_BOTTOM])), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "flipped", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "focusTrap", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "iconClass", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "iconDescription", PropTypes__default["default"].string.isRequired), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "id", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "light", deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `OverflowMenu` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead.')), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "menuOffset", PropTypes__default["default"].oneOfType([PropTypes__default["default"].shape({
+  top: PropTypes__default["default"].number,
+  left: PropTypes__default["default"].number
+}), PropTypes__default["default"].func])), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "menuOffsetFlip", PropTypes__default["default"].oneOfType([PropTypes__default["default"].shape({
+  top: PropTypes__default["default"].number,
+  left: PropTypes__default["default"].number
+}), PropTypes__default["default"].func])), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "menuOptionsClass", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "onClick", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "onClose", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "onFocus", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "onKeyDown", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "onOpen", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "open", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "renderIcon", PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "selectorPrimaryFocus", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_defineProperty2, "size", PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])), _defineProperty2));
 
 _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "contextType", usePrefix.PrefixContext);
 
-_rollupPluginBabelHelpers.defineProperty(OverflowMenu, "defaultProps", {
-  ariaLabel: null,
-  iconDescription: 'Options',
-  open: false,
-  direction: FloatingMenu.DIRECTION_BOTTOM,
-  flipped: false,
-  focusTrap: true,
-  renderIcon: iconsReact.OverflowMenuVertical,
-  onClick: function onClick() {},
-  onKeyDown: function onKeyDown() {},
-  onClose: function onClose() {},
-  onOpen: function onOpen() {},
-  menuOffset: getMenuOffset,
-  menuOffsetFlip: getMenuOffset,
-  selectorPrimaryFocus: '[data-overflow-menu-primary-focus]'
-});
+_rollupPluginBabelHelpers.defineProperty(OverflowMenu, "defaultProps", (_defineProperty3 = {}, _rollupPluginBabelHelpers.defineProperty(_defineProperty3, 'aria-label', null), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "iconDescription", 'Options'), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "open", false), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "direction", FloatingMenu.DIRECTION_BOTTOM), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "flipped", false), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "focusTrap", true), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "renderIcon", iconsReact.OverflowMenuVertical), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "onClick", function onClick() {}), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "onKeyDown", function onKeyDown() {}), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "onClose", function onClose() {}), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "onOpen", function onOpen() {}), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "menuOffset", getMenuOffset), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "menuOffsetFlip", getMenuOffset), _rollupPluginBabelHelpers.defineProperty(_defineProperty3, "selectorPrimaryFocus", '[data-overflow-menu-primary-focus]'), _defineProperty3));
 ((function () {
   var forwardRef = function forwardRef(props, ref) {
     return /*#__PURE__*/React__default["default"].createElement(OverflowMenu, _rollupPluginBabelHelpers["extends"]({}, props, {

package/lib/components/OverflowMenuItem/OverflowMenuItem.d.ts

@@ -0,0 +1,58 @@
+/**
+ * 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.
+ */
+import React from 'react';
+import { ForwardRefReturn } from '../../types/common';
+export interface OverflowMenuItemProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * The CSS class name to be placed on the button element
+     */
+    className?: string;
+    /**
+     * A callback to tell the parent menu component that the menu should be closed.
+     */
+    closeMenu?: () => void;
+    /**
+     * `true` to make this menu item disabled.
+     */
+    disabled?: boolean;
+    handleOverflowMenuItemFocus?: (options: {
+        currentIndex?: number;
+        direction: number;
+    }) => void;
+    /**
+     * `true` to make this menu item a divider.
+     */
+    hasDivider?: boolean;
+    /**
+     * If given, overflow item will render as a link with the given href
+     */
+    href?: string;
+    index?: number;
+    /**
+     * The text to show for the menu item
+     */
+    itemText?: React.ReactNode;
+    /**
+     * `true` to make this menu item a danger button.
+     */
+    isDelete?: boolean;
+    /**
+     * `true` to require the title attribute.
+     */
+    requireTitle?: boolean;
+    /**
+     * The title attribute.
+     */
+    title?: string;
+    /**
+     * The CSS class name to be placed on the wrapper element
+     */
+    wrapperClassName?: string;
+}
+export type OverflowMenuItemComponent = ForwardRefReturn<HTMLElement, OverflowMenuItemProps>;
+declare const OverflowMenuItem: OverflowMenuItemComponent;
+export default OverflowMenuItem;