@carbon/react 1.82.1 → 1.83.0

package/es/components/UIShell/HeaderGlobalBar.d.ts

@@ -7,5 +7,5 @@
 /**
  * Generic container for `HeaderGlobalAction` components
  */
-declare const HeaderGlobalBar: (props: import("../../types/common").ReactAttr<"div">) => React.ReactElement<any>;
+declare const HeaderGlobalBar: (props: import("react").HTMLAttributes<"div">) => React.ReactElement<any>;
 export default HeaderGlobalBar;

package/es/components/UIShell/HeaderMenu.js

@@ -8,7 +8,7 @@
 import { defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
@@ -24,10 +24,10 @@ import { composeEventHandlers } from '../../tools/events.js';
  * help manage focus state of its children.
  */
 
-class HeaderMenu extends React__default.Component {
+class HeaderMenu extends React.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "_subMenus", /*#__PURE__*/React__default.createRef());
+    _defineProperty(this, "_subMenus", /*#__PURE__*/React.createRef());
     _defineProperty(this, "items", []);
     _defineProperty(this, "menuButtonRef", null);
     /**
@@ -124,8 +124,8 @@ class HeaderMenu extends React__default.Component {
      * sequence when they might not want to go through all the items.
      */
     _defineProperty(this, "_renderMenuItem", (item, index) => {
-      if (/*#__PURE__*/React__default.isValidElement(item)) {
-        return /*#__PURE__*/React__default.cloneElement(item, {
+      if (/*#__PURE__*/React.isValidElement(item)) {
+        return /*#__PURE__*/React.cloneElement(item, {
           ref: this.handleItemRef(index)
         });
       }
@@ -157,8 +157,8 @@ class HeaderMenu extends React__default.Component {
       onKeyDown,
       ...rest
     } = this.props;
-    const hasActiveDescendant = childrenArg => React__default.Children.toArray(childrenArg).some(child => {
-      if (! /*#__PURE__*/React__default.isValidElement(child)) {
+    const hasActiveDescendant = childrenArg => React.Children.toArray(childrenArg).some(child => {
+      if (! /*#__PURE__*/React.isValidElement(child)) {
         return false;
       }
 
@@ -190,12 +190,12 @@ class HeaderMenu extends React__default.Component {
     // - aria-haspopup can definitely have the value "menu"
     // - aria-expanded is on their example node with role="menuitem"
     // - href can be set to javascript:void(0), ideally this will be a button
-    return /*#__PURE__*/React__default.createElement("li", _extends({}, rest, {
+    return /*#__PURE__*/React.createElement("li", _extends({}, rest, {
       className: itemClassName,
       onKeyDown: composeEventHandlers([onKeyDown, this.handleMenuClose]),
       onClick: composeEventHandlers([onClick, this.handleOnClick]),
       onBlur: composeEventHandlers([onBlur, this.handleOnBlur])
-    }), /*#__PURE__*/React__default.createElement("a", _extends({
+    }), /*#__PURE__*/React.createElement("a", _extends({
       // eslint-disable-line jsx-a11y/role-supports-aria-props,jsx-a11y/anchor-is-valid
       "aria-haspopup": "menu" // eslint-disable-line jsx-a11y/aria-proptypes
       ,
@@ -205,13 +205,13 @@ class HeaderMenu extends React__default.Component {
       onKeyDown: this.handleOnKeyDown,
       ref: this.handleMenuButtonRef,
       tabIndex: 0
-    }, accessibilityLabel), menuLinkName, MenuContent ? /*#__PURE__*/React__default.createElement(MenuContent, null) : /*#__PURE__*/React__default.createElement(ChevronDown, {
+    }, accessibilityLabel), menuLinkName, MenuContent ? /*#__PURE__*/React.createElement(MenuContent, null) : /*#__PURE__*/React.createElement(ChevronDown, {
       className: `${this.context}--header__menu-arrow`
-    })), /*#__PURE__*/React__default.createElement("ul", _extends({}, accessibilityLabel, {
+    })), /*#__PURE__*/React.createElement("ul", _extends({}, accessibilityLabel, {
       ref: this._subMenus,
       onClick: this.handleOnClick,
       className: `${prefix}--header__menu`
-    }), React__default.Children.map(children, this._renderMenuItem)));
+    }), React.Children.map(children, this._renderMenuItem)));
   }
 }
 _defineProperty(HeaderMenu, "propTypes", {
@@ -265,8 +265,8 @@ _defineProperty(HeaderMenu, "propTypes", {
   tabIndex: PropTypes.number
 });
 _defineProperty(HeaderMenu, "contextType", PrefixContext);
-const HeaderMenuForwardRef = /*#__PURE__*/React__default.forwardRef((props, ref) => {
-  return /*#__PURE__*/React__default.createElement(HeaderMenu, _extends({}, props, {
+const HeaderMenuForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/React.createElement(HeaderMenu, _extends({}, props, {
     focusRef: ref
   }));
 });

package/es/components/UIShell/HeaderMenuButton.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { Menu, Close } from '@carbon/icons-react';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -36,13 +36,13 @@ function HeaderMenuButton(_ref) {
     [`${prefix}--header__menu-toggle`]: true,
     [`${prefix}--header__menu-toggle__hidden`]: !isCollapsible
   });
-  const menuIcon = renderMenuIcon ? renderMenuIcon : _Menu || (_Menu = /*#__PURE__*/React__default.createElement(Menu, {
+  const menuIcon = renderMenuIcon ? renderMenuIcon : _Menu || (_Menu = /*#__PURE__*/React.createElement(Menu, {
     size: 20
   }));
-  const closeIcon = renderCloseIcon ? renderCloseIcon : _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, {
+  const closeIcon = renderCloseIcon ? renderCloseIcon : _Close || (_Close = /*#__PURE__*/React.createElement(Close, {
     size: 20
   }));
-  return /*#__PURE__*/React__default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     className: className,

package/es/components/UIShell/HeaderMenuItem.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import cx from 'classnames';
 import Link, { LinkPropTypes } from './Link.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -28,21 +28,23 @@ const HeaderMenuItem = /*#__PURE__*/forwardRef(function HeaderMenuItem(_ref, ref
   if (isCurrentPage) {
     isActive = isCurrentPage;
   }
+  // We set the current class only if `isActive` is passed in and we do
+  // not have an `aria-current="page"` set for the breadcrumb item. When this
+  // class is added we also set `aria-current` as `true`
+  const hasCurrentClass = isActive && ariaCurrent !== 'page';
   const linkClassName = cx({
     [`${prefix}--header__menu-item`]: true,
-    // We set the current class only if `isActive` is passed in and we do
-    // not have an `aria-current="page"` set for the breadcrumb item
-    [`${prefix}--header__menu-item--current`]: isActive && ariaCurrent !== 'page'
+    [`${prefix}--header__menu-item--current`]: hasCurrentClass
   });
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: className,
     role: role
-  }, /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {
-    "aria-current": ariaCurrent,
+  }, /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
+    "aria-current": hasCurrentClass ? true : ariaCurrent,
     className: linkClassName,
     ref: ref,
     tabIndex: tabIndex
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--text-truncate--end`
   }, children)));
 });
@@ -63,7 +65,7 @@ HeaderMenuItem.propTypes = {
    */
   className: PropTypes.string,
   /**
-   * Applies selected styles to the item if a user sets this to true and `aria-current !== 'page'`.
+   * If `true` and `aria-current !== 'page'`, applies selected styles to the item and sets `aria-current="true"`.
    */
   isActive: PropTypes.bool,
   /**

package/es/components/UIShell/HeaderName.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import Link, { LinkPropTypes } from './Link.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -21,9 +21,9 @@ function HeaderName(_ref) {
   } = _ref;
   const selectorPrefix = usePrefix();
   const className = cx(`${selectorPrefix}--header__name`, customClassName);
-  return /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
     className: className
-  }), prefix && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
+  }), prefix && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: `${selectorPrefix}--header__name--prefix`
   }, prefix), "\xA0"), children);
 }

package/es/components/UIShell/HeaderNavigation.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -22,11 +22,11 @@ function HeaderNavigation(_ref) {
   } = _ref;
   const prefix = usePrefix();
   const className = cx(`${prefix}--header__nav`, customClassName);
-  return /*#__PURE__*/React__default.createElement("nav", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("nav", _extends({}, rest, {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     className: className
-  }), /*#__PURE__*/React__default.createElement("ul", {
+  }), /*#__PURE__*/React.createElement("ul", {
     className: `${prefix}--header__menu-bar`
   }, children));
 }

package/es/components/UIShell/HeaderPanel.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, { useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
@@ -16,7 +16,7 @@ import { useWindowEvent } from '../../internal/useEvent.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 
 const noopFn = () => {};
-const HeaderPanel = /*#__PURE__*/React__default.forwardRef(function HeaderPanel(_ref, ref) {
+const HeaderPanel = /*#__PURE__*/React.forwardRef(function HeaderPanel(_ref, ref) {
   let {
     children,
     className: customClassName,
@@ -67,7 +67,7 @@ const HeaderPanel = /*#__PURE__*/React__default.forwardRef(function HeaderPanel(
       onHeaderPanelFocus();
     }
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: className,
     ref: headerPanelRef
   }, eventHandlers), children);

package/es/components/UIShell/HeaderSideNavItems.js

@@ -6,7 +6,7 @@
  */
 
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -21,7 +21,7 @@ function HeaderSideNavItems(_ref) {
     [`${prefix}--side-nav__header-navigation`]: true,
     [`${prefix}--side-nav__header-divider`]: hasDivider
   }, customClassName);
-  return /*#__PURE__*/React__default.createElement("ul", {
+  return /*#__PURE__*/React.createElement("ul", {
     className: className
   }, children);
 }

package/es/components/UIShell/Link.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import deprecate from '../../prop-types/deprecate.js';
 
 // First define the component without generics
@@ -22,13 +22,13 @@ const LinkBase = (_ref, ref) => {
     ...rest
   } = _ref;
   const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
-  return /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({
+  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({
     ref: ref
   }, rest));
 };
 
 // Use forwardRef with the non-generic function
-const Link = /*#__PURE__*/React__default.forwardRef(LinkBase);
+const Link = /*#__PURE__*/React.forwardRef(LinkBase);
 
 /**
  * Link is a custom component that allows us to supporting rendering elements

package/es/components/UIShell/SideNav.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { createContext, useRef, isValidElement } from 'react';
+import React, { createContext, useRef, isValidElement } from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
@@ -93,13 +93,13 @@ function SideNavRenderFunction(_ref, ref) {
   let childrenToRender = children;
 
   // Pass the expansion state as a prop, so children can update themselves to match
-  childrenToRender = React__default.Children.map(children, child => {
+  childrenToRender = React.Children.map(children, child => {
     // if we are controlled, check for if we have hovered over or the expanded state, else just use the expanded state (uncontrolled)
     const currentExpansionState = controlled ? expandedViaHoverState || expanded : expanded;
     if (/*#__PURE__*/isValidElement(child)) {
       const childJsxElement = child;
       // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
-      return /*#__PURE__*/React__default.cloneElement(childJsxElement, {
+      return /*#__PURE__*/React.cloneElement(childJsxElement, {
         ...(CARBON_SIDENAV_ITEMS.includes(childJsxElement.type?.displayName ?? childJsxElement.type?.name) ? {
           isSideNavExpanded: currentExpansionState
         } : {})
@@ -157,24 +157,24 @@ function SideNavRenderFunction(_ref, ref) {
   });
   const lgMediaQuery = `(min-width: ${breakpoints.lg.width})`;
   const isLg = useMatchMedia(lgMediaQuery);
-  return /*#__PURE__*/React__default.createElement(SideNavContext.Provider, {
+  return /*#__PURE__*/React.createElement(SideNavContext.Provider, {
     value: {
       isRail
     }
   }, isFixedNav ? null :
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-  React__default.createElement("div", {
+  React.createElement("div", {
     className: overlayClassName,
     onClick: onOverlayClick
-  }), /*#__PURE__*/React__default.createElement("nav", _extends({
+  }), /*#__PURE__*/React.createElement("nav", _extends({
     tabIndex: -1,
     ref: navRef,
     className: `${prefix}--side-nav__navigation ${className}`,
     inert: !isRail ? !(expanded || isLg) : undefined
   }, accessibilityLabel, eventHandlers, other), childrenToRender));
 }
-const SideNav = /*#__PURE__*/React__default.forwardRef(SideNavRenderFunction);
+const SideNav = /*#__PURE__*/React.forwardRef(SideNavRenderFunction);
 SideNav.displayName = 'SideNav';
 SideNav.propTypes = {
   /**

package/es/components/UIShell/SideNavDetails.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 from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 const SideNavDetails = _ref => {
@@ -20,9 +20,9 @@ const SideNavDetails = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const className = cx(`${prefix}--side-nav__details`, customClassName);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: className
-  }, rest), /*#__PURE__*/React__default.createElement("h2", {
+  }, rest), /*#__PURE__*/React.createElement("h2", {
     className: `${prefix}--side-nav__title`,
     title: title
   }, title), children);

package/es/components/UIShell/SideNavDivider.js

@@ -7,7 +7,7 @@
 
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _hr;
@@ -17,9 +17,9 @@ const SideNavDivider = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--side-nav__divider`, className);
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: classNames
-  }, _hr || (_hr = /*#__PURE__*/React__default.createElement("hr", null)));
+  }, _hr || (_hr = /*#__PURE__*/React.createElement("hr", null)));
 };
 SideNavDivider.propTypes = {
   /**

package/es/components/UIShell/SideNavFooter.js

@@ -7,7 +7,7 @@
 
 import { Close, ChevronRight } from '@carbon/icons-react';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -26,20 +26,20 @@ function SideNavFooter(_ref) {
   } = _ref;
   const prefix = usePrefix();
   const className = cx(`${prefix}--side-nav__footer`, customClassName);
-  return /*#__PURE__*/React__default.createElement("footer", {
+  return /*#__PURE__*/React.createElement("footer", {
     className: className
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     className: `${prefix}--side-nav__toggle`,
     type: "button",
     onClick: evt => onToggle(evt),
     title: assistiveText
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--side-nav__icon`
-  }, expanded ? _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, {
+  }, expanded ? _Close || (_Close = /*#__PURE__*/React.createElement(Close, {
     size: 20
-  })) : _ChevronRight || (_ChevronRight = /*#__PURE__*/React__default.createElement(ChevronRight, {
+  })) : _ChevronRight || (_ChevronRight = /*#__PURE__*/React.createElement(ChevronRight, {
     size: 20
-  }))), /*#__PURE__*/React__default.createElement("span", {
+  }))), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--assistive-text`
   }, assistiveText)));
 }

package/es/components/UIShell/SideNavHeader.js

@@ -7,7 +7,7 @@
 
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import SideNavIcon from './SideNavIcon.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -19,9 +19,9 @@ const SideNavHeader = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const className = cx(`${prefix}--side-nav__header`, customClassName);
-  return /*#__PURE__*/React__default.createElement("header", {
+  return /*#__PURE__*/React.createElement("header", {
     className: className
-  }, /*#__PURE__*/React__default.createElement(SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), children);
+  }, /*#__PURE__*/React.createElement(SideNavIcon, null, /*#__PURE__*/React.createElement(IconElement, null)), children);
 };
 SideNavHeader.displayName = 'SideNavHeader';
 SideNavHeader.propTypes = {

package/es/components/UIShell/SideNavIcon.js

@@ -7,7 +7,7 @@
 
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 const SideNavIcon = _ref => {
@@ -22,7 +22,7 @@ const SideNavIcon = _ref => {
     [`${prefix}--side-nav__icon--small`]: small,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className
   }, children);
 };

package/es/components/UIShell/SideNavItem.js

@@ -7,7 +7,7 @@
 
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 const SideNavItem = _ref => {
@@ -22,7 +22,7 @@ const SideNavItem = _ref => {
     [`${prefix}--side-nav__item--large`]: large,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: className
   }, children);
 };

package/es/components/UIShell/SideNavItems.js

@@ -7,7 +7,7 @@
 
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { CARBON_SIDENAV_ITEMS } from './_utils.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -19,18 +19,18 @@ const SideNavItems = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const className = cx([`${prefix}--side-nav__items`], customClassName);
-  const childrenWithExpandedState = React__default.Children.map(children, child => {
-    if (/*#__PURE__*/React__default.isValidElement(child)) {
+  const childrenWithExpandedState = React.Children.map(children, child => {
+    if (/*#__PURE__*/React.isValidElement(child)) {
       // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
       const childDisplayName = child.type?.displayName;
-      return /*#__PURE__*/React__default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         ...(CARBON_SIDENAV_ITEMS.includes(childDisplayName) ? {
           isSideNavExpanded
         } : {})
       });
     }
   });
-  return /*#__PURE__*/React__default.createElement("ul", {
+  return /*#__PURE__*/React.createElement("ul", {
     className: className
   }, childrenWithExpandedState);
 };

package/es/components/UIShell/SideNavLink.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, useContext } from 'react';
+import React, { forwardRef, useContext } from 'react';
 import Link, { LinkPropTypes } from './Link.js';
 import SideNavIcon from './SideNavIcon.js';
 import SideNavItem from './SideNavItem.js';
@@ -36,15 +36,15 @@ const SideNavLinkBase = (_ref, ref) => {
     [`${prefix}--side-nav__link--current`]: isActive,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement(SideNavItem, {
+  return /*#__PURE__*/React.createElement(SideNavItem, {
     large: large
-  }, /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
     className: className,
     ref: ref,
     tabIndex: tabIndex === undefined ? !isSideNavExpanded && !isRail ? -1 : 0 : tabIndex
-  }), IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, {
+  }), IconElement && /*#__PURE__*/React.createElement(SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
+  }, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement(SideNavLinkText, null, children)));
 };
 
 // Use forwardRef with the non-generic function and cast to the generic component type

package/es/components/UIShell/SideNavLinkText.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import PropTypes from 'prop-types';
 
@@ -19,7 +19,7 @@ function SideNavLinkText(_ref) {
   } = _ref;
   const prefix = usePrefix();
   const className = cx(`${prefix}--side-nav__link-text`, customClassName);
-  return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     className: className
   }), children);
 }

package/es/components/UIShell/SideNavMenu.js

@@ -8,7 +8,7 @@
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useContext, useState } from 'react';
+import React, { useContext, useState } from 'react';
 import SideNavIcon from './SideNavIcon.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
@@ -16,7 +16,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { SideNavContext } from './SideNav.js';
 
 var _ChevronDown;
-const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(_ref, ref) {
+const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref) {
   let {
     className: customClassName,
     children,
@@ -51,14 +51,14 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-    React__default.createElement("li", {
+    React.createElement("li", {
       className: className,
       onKeyDown: event => {
         if (match(event, Escape)) {
           setIsExpanded(false);
         }
       }
-    }, /*#__PURE__*/React__default.createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       "aria-expanded": isExpanded,
       className: `${prefix}--side-nav__submenu`,
       onClick: () => {
@@ -67,14 +67,14 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
       ref: ref,
       type: "button",
       tabIndex: tabIndex === undefined ? !isSideNavExpanded && !isRail ? -1 : 0 : tabIndex
-    }, IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("span", {
+    }, IconElement && /*#__PURE__*/React.createElement(SideNavIcon, null, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement("span", {
       className: `${prefix}--side-nav__submenu-title`
-    }, title), /*#__PURE__*/React__default.createElement(SideNavIcon, {
+    }, title), /*#__PURE__*/React.createElement(SideNavIcon, {
       className: `${prefix}--side-nav__submenu-chevron`,
       small: true
-    }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, {
+    }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, {
       size: 20
-    })))), /*#__PURE__*/React__default.createElement("ul", {
+    })))), /*#__PURE__*/React.createElement("ul", {
       className: `${prefix}--side-nav__menu`
     }, children))
   );
@@ -130,7 +130,7 @@ a single element, an array of elements, or null or undefined.
 function hasActiveDescendant(children) {
   if (Array.isArray(children)) {
     return children.some(child => {
-      if (! /*#__PURE__*/React__default.isValidElement(child)) {
+      if (! /*#__PURE__*/React.isValidElement(child)) {
         return false;
       }
 
@@ -147,7 +147,7 @@ function hasActiveDescendant(children) {
 
   // We use React.isValidElement(child) to check if the child is a valid React element before accessing its props
 
-  if (/*#__PURE__*/React__default.isValidElement(children)) {
+  if (/*#__PURE__*/React.isValidElement(children)) {
     const props = children.props;
     if (props.isActive === true || props['aria-current']) {
       return true;