@carbon/react 1.83.0-rc.0 → 1.84.0-rc.0

package/es/components/OverflowMenu/OverflowMenu.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useContext, useState, useRef, useEffect, useCallback, Children, isValidElement, cloneElement } from 'react';
+import React, { forwardRef, useContext, useState, useRef, useEffect, useCallback, Children, isValidElement, cloneElement } from 'react';
 import { OverflowMenuVertical } from '@carbon/icons-react';
 import cx from 'classnames';
 import invariant from 'invariant';
@@ -25,10 +25,7 @@ import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
 import { mapPopoverAlign } from '../../tools/mapPopoverAlign.js';
 
 const getInstanceId = setupGetInstanceId();
-const on = function (target) {
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
-  }
+const on = (target, ...args) => {
   target.addEventListener(...args);
   return {
     release() {
@@ -91,33 +88,32 @@ const getMenuOffset = (menuBody, direction, trigger, flip) => {
       };
   }
 };
-const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    align,
-    ['aria-label']: ariaLabel = null,
-    ariaLabel: deprecatedAriaLabel,
-    children,
-    className,
-    direction = DIRECTION_BOTTOM,
-    flipped = false,
-    focusTrap = true,
-    iconClass,
-    iconDescription = 'Options',
-    id,
-    light,
-    menuOffset = getMenuOffset,
-    menuOffsetFlip = getMenuOffset,
-    menuOptionsClass,
-    onClick = noopFn,
-    onClose = noopFn,
-    onOpen = noopFn,
-    open: openProp,
-    renderIcon: IconElement = OverflowMenuVertical,
-    selectorPrimaryFocus = '[data-floating-menu-primary-focus]',
-    size = 'md',
-    innerRef,
-    ...other
-  } = _ref;
+const OverflowMenu = /*#__PURE__*/forwardRef(({
+  align,
+  ['aria-label']: ariaLabel = null,
+  ariaLabel: deprecatedAriaLabel,
+  children,
+  className,
+  direction = DIRECTION_BOTTOM,
+  flipped = false,
+  focusTrap = true,
+  iconClass,
+  iconDescription = 'Options',
+  id,
+  light,
+  menuOffset = getMenuOffset,
+  menuOffsetFlip = getMenuOffset,
+  menuOptionsClass,
+  onClick = noopFn,
+  onClose = noopFn,
+  onOpen = noopFn,
+  open: openProp,
+  renderIcon: IconElement = OverflowMenuVertical,
+  selectorPrimaryFocus = '[data-floating-menu-primary-focus]',
+  size = 'md',
+  innerRef,
+  ...other
+}, ref) => {
   const prefix = useContext(PrefixContext);
   const [open, setOpen] = useState(openProp ?? false);
   const [click, setClick] = useState(false);
@@ -155,10 +151,9 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
     }
     prevOpenState.current = open;
   }, [open, onClose]);
-  useOutsideClick(wrapperRef, _ref2 => {
-    let {
-      target
-    } = _ref2;
+  useOutsideClick(wrapperRef, ({
+    target
+  }) => {
     if (open && (!menuBodyRef.current || target instanceof Node && !menuBodyRef.current.contains(target))) {
       closeMenu();
     }
@@ -218,13 +213,12 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
    * Focuses the next enabled overflow menu item given the currently focused
    * item index and direction to move.
    */
-  const handleOverflowMenuItemFocus = _ref3 => {
-    let {
-      currentIndex = 0,
-      direction
-    } = _ref3;
+  const handleOverflowMenuItemFocus = ({
+    currentIndex = 0,
+    direction
+  }) => {
     const enabledIndices = Children.toArray(children).reduce((acc, curr, i) => {
-      if (/*#__PURE__*/React__default.isValidElement(curr) && !curr.props.disabled) {
+      if (/*#__PURE__*/React.isValidElement(curr) && !curr.props.disabled) {
         acc.push(i);
       }
       return acc;
@@ -301,7 +295,7 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
     }
     return null;
   });
-  const menuBody = /*#__PURE__*/React__default.createElement("ul", {
+  const menuBody = /*#__PURE__*/React.createElement("ul", {
     className: overflowMenuOptionsClasses,
     tabIndex: -1,
     role: "menu",
@@ -309,7 +303,7 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
     onKeyDown: handleKeyPress,
     id: menuBodyId
   }, childrenWithProps);
-  const wrappedMenuBody = /*#__PURE__*/React__default.createElement(FloatingMenu, {
+  const wrappedMenuBody = /*#__PURE__*/React.createElement(FloatingMenu, {
     focusTrap: focusTrap,
     triggerRef: triggerRef,
     menuDirection: direction,
@@ -323,11 +317,11 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
     'data-floating-menu-direction': direction
   }));
   const combinedRef = innerRef ? mergeRefs(triggerRef, innerRef, ref) : mergeRefs(triggerRef, ref);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--overflow-menu__wrapper`,
     "aria-owns": open ? menuBodyId : undefined,
     ref: wrapperRef
-  }, /*#__PURE__*/React__default.createElement(IconButton, _extends({}, other, {
+  }, /*#__PURE__*/React.createElement(IconButton, _extends({}, other, {
     align: align,
     type: "button",
     "aria-haspopup": true,
@@ -340,7 +334,7 @@ const OverflowMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
     size: size,
     label: iconDescription,
     kind: "ghost"
-  }), /*#__PURE__*/React__default.createElement(IconElement, {
+  }), /*#__PURE__*/React.createElement(IconElement, {
     className: overflowMenuIconClasses,
     "aria-label": iconDescription
   })), open && hasMountedTrigger && wrappedMenuBody));
@@ -469,7 +463,7 @@ OverflowMenu.propTypes = {
    */
   selectorPrimaryFocus: PropTypes.string,
   /**
-   * Specify the size of the OverflowMenu. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
+   * Specify the size of the OverflowMenu. Currently supports either `sm`, `md` (default) or `lg` as an option.
    */
   size: PropTypes.oneOf(['sm', 'md', 'lg'])
 };

package/es/components/OverflowMenu/index.js

@@ -6,16 +6,16 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { OverflowMenu as OverflowMenu$2 } from './next/index.js';
 import { OverflowMenu as OverflowMenu$1 } from './OverflowMenu.js';
 
 const OverflowMenu = /*#__PURE__*/forwardRef((props, ref) => {
   const enableV12OverflowMenu = useFeatureFlag('enable-v12-overflowmenu');
-  return enableV12OverflowMenu ? /*#__PURE__*/React__default.createElement(OverflowMenu$2, _extends({}, props, {
+  return enableV12OverflowMenu ? /*#__PURE__*/React.createElement(OverflowMenu$2, _extends({}, props, {
     ref: ref
-  })) : /*#__PURE__*/React__default.createElement(OverflowMenu$1, _extends({}, props, {
+  })) : /*#__PURE__*/React.createElement(OverflowMenu$1, _extends({}, props, {
     ref: ref
   }));
 });

package/es/components/OverflowMenu/next/index.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { OverflowMenuVertical } from '@carbon/icons-react';
@@ -23,19 +23,18 @@ import deprecateValuesWithin from '../../../prop-types/deprecateValuesWithin.js'
 import { mapPopoverAlign } from '../../../tools/mapPopoverAlign.js';
 
 const defaultSize = 'md';
-const OverflowMenu = /*#__PURE__*/React__default.forwardRef(function OverflowMenu(_ref, forwardRef) {
-  let {
-    autoAlign = false,
-    children,
-    className,
-    label = 'Options',
-    renderIcon: IconElement = OverflowMenuVertical,
-    size = defaultSize,
-    menuAlignment = 'bottom-start',
-    tooltipAlignment,
-    menuTarget,
-    ...rest
-  } = _ref;
+const OverflowMenu = /*#__PURE__*/React.forwardRef(function OverflowMenu({
+  autoAlign = false,
+  children,
+  className,
+  label = 'Options',
+  renderIcon: IconElement = OverflowMenuVertical,
+  size = defaultSize,
+  menuAlignment = 'bottom-start',
+  tooltipAlignment,
+  menuTarget,
+  ...rest
+}, forwardRef) {
   const enableFloatingStyles = useFeatureFlag('enable-v12-dynamic-floating-styles') || autoAlign;
   const {
     refs,
@@ -98,11 +97,11 @@ const OverflowMenu = /*#__PURE__*/React__default.forwardRef(function OverflowMen
     [`${prefix}--overflow-menu--open`]: open
   }, size !== defaultSize && `${prefix}--overflow-menu--${size}`);
   const floatingRef = mergeRefs(triggerRef, refs.setReference);
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: containerClasses,
     "aria-owns": open ? id : undefined,
     ref: forwardRef
-  }), /*#__PURE__*/React__default.createElement(IconButton, {
+  }), /*#__PURE__*/React.createElement(IconButton, {
     "aria-controls": open ? id : undefined,
     "aria-haspopup": true,
     "aria-expanded": open,
@@ -113,9 +112,9 @@ const OverflowMenu = /*#__PURE__*/React__default.forwardRef(function OverflowMen
     label: label,
     align: tooltipAlignment,
     kind: "ghost"
-  }, /*#__PURE__*/React__default.createElement(IconElement, {
+  }, /*#__PURE__*/React.createElement(IconElement, {
     className: `${prefix}--overflow-menu__icon`
-  })), /*#__PURE__*/React__default.createElement(Menu, {
+  })), /*#__PURE__*/React.createElement(Menu, {
     containerRef: triggerRef,
     ref: refs.setFloating,
     menuAlignment: menuAlignment,

package/es/components/OverflowMenuItem/OverflowMenuItem.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { ArrowDown, ArrowUp } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -68,15 +68,15 @@ const OverflowMenuItem = frFn((props, ref) => {
     if (typeof itemText !== 'string') {
       return itemText;
     }
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--overflow-menu-options__option-content`
     }, itemText);
   })();
-  return /*#__PURE__*/React__default.createElement(Text, {
+  return /*#__PURE__*/React.createElement(Text, {
     as: "li",
     className: overflowMenuItemClasses,
     role: "none"
-  }, /*#__PURE__*/React__default.createElement(TagToUse, _extends({
+  }, /*#__PURE__*/React.createElement(TagToUse, _extends({
     className: overflowMenuBtnClasses,
     disabled: disabled,
     href: href,

package/es/components/OverflowMenuV2/index.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default from 'react';
+import React from 'react';
 import { warning } from '../../internal/warning.js';
 import { FeatureFlags } from '../FeatureFlags/index.js';
 import OverflowMenu from '../OverflowMenu/index.js';
@@ -16,9 +16,9 @@ function OverflowMenuV2(props) {
     process.env.NODE_ENV !== "production" ? 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__default.createElement(FeatureFlags, {
+  return /*#__PURE__*/React.createElement(FeatureFlags, {
     enableV12Overflowmenu: true
-  }, /*#__PURE__*/React__default.createElement(OverflowMenu, props));
+  }, /*#__PURE__*/React.createElement(OverflowMenu, props));
 }
 
 export { OverflowMenuV2 };

package/es/components/PageHeader/PageHeader.d.ts

@@ -23,8 +23,32 @@ declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & Reac
  * -----------------------
  */
 interface PageHeaderBreadcrumbBarProps {
+    /**
+     * `true` by default to render BreadcrumbBar bottom border.
+     */
+    border?: Boolean;
     children?: React.ReactNode;
     className?: string;
+    /**
+     * Provide an optional icon to render in front of the PageHeaderContent's title.
+     */
+    renderIcon?: ComponentType | FunctionComponent;
+    /**
+     * The PageHeaderBreadcrumbBar's content actions
+     */
+    contentActions?: React.ReactNode;
+    /**
+     * `true` to set content actions flush against page actions
+     */
+    contentActionsFlush?: Boolean;
+    /**
+     * The PageHeaderContent's page actions
+     */
+    pageActions?: React.ReactNode;
+    /**
+     * `true` to set page actions flush with page
+     */
+    pageActionsFlush?: Boolean;
 }
 declare const PageHeaderBreadcrumbBar: React.ForwardRefExoticComponent<PageHeaderBreadcrumbBarProps & React.RefAttributes<HTMLDivElement>>;
 /**
@@ -80,10 +104,10 @@ interface PageHeaderContentPageActionsProps {
     /**
      * The PageHeaderContent's page actions
      */
-    pageActions?: React.ReactNode;
+    actions?: React.ReactNode;
 }
 declare const PageHeaderContentPageActions: {
-    ({ className, children, menuButtonLabel, pageActions, ...other }: PageHeaderContentPageActionsProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, children, menuButtonLabel, actions, ...other }: PageHeaderContentPageActionsProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     propTypes: {
         /**
@@ -101,7 +125,7 @@ declare const PageHeaderContentPageActions: {
         /**
          * The PageHeaderContent's page actions
          */
-        pageActions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
+        actions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
     };
 };
 /**
@@ -194,7 +218,7 @@ declare const Root: React.ForwardRefExoticComponent<PageHeaderProps & React.RefA
 declare const BreadcrumbBar: React.ForwardRefExoticComponent<PageHeaderBreadcrumbBarProps & React.RefAttributes<HTMLDivElement>>;
 declare const Content: React.ForwardRefExoticComponent<PageHeaderContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const ContentPageActions: {
-    ({ className, children, menuButtonLabel, pageActions, ...other }: PageHeaderContentPageActionsProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, children, menuButtonLabel, actions, ...other }: PageHeaderContentPageActionsProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     propTypes: {
         /**
@@ -212,7 +236,7 @@ declare const ContentPageActions: {
         /**
          * The PageHeaderContent's page actions
          */
-        pageActions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
+        actions: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
     };
 };
 declare const ContentText: {