@carbon-labs/react-ui-shell 0.86.0 → 0.88.0

package/es/components/HeaderContainer.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useState, useCallback, useLayoutEffect, useEffect } from 'react';
+import React, { useState, useCallback, useLayoutEffect, useEffect } from 'react';
 import { Escape } from '../internal/keyboard/keys.js';
 import { match } from '../internal/keyboard/match.js';
 import { useWindowEvent } from '../internal/useEvent.js';
@@ -62,7 +62,7 @@ function HeaderContainer({
       document.removeEventListener('focusin', handleProfileClosing);
     };
   }, []);
-  return /*#__PURE__*/React__default.createElement(Children, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Children, _extends({}, rest, {
     isSideNavExpanded: isSideNavExpandedState,
     isSwitcherExpanded: isSwitcherExpandedState,
     isProfileExpanded: isProfileExpandedState,

package/es/components/HeaderDivider.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 HeaderDivider = ({
@@ -15,7 +15,7 @@ const HeaderDivider = ({
 }) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--header__divider`, className);
-  return /*#__PURE__*/React__default.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", {
     className: classNames
   });
 };

package/es/components/HeaderOverflowPanel.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';
 import { HeaderPopover, HeaderPopoverButton, HeaderPopoverContent } from './HeaderPopover.js';
 import { OverflowMenuVertical } from '@carbon/icons-react';
@@ -17,7 +17,7 @@ import { breakpoints } from '../node_modules/@carbon/layout/es/index.js';
 
 var _OverflowMenuVertical;
 const mdMediaQuery = `(max-width: ${breakpoints.md.width})`;
-const HeaderOverflowPanel = /*#__PURE__*/React__default.forwardRef(function HeaderOverflowPanel({
+const HeaderOverflowPanel = /*#__PURE__*/React.forwardRef(function HeaderOverflowPanel({
   className: customClassName,
   children,
   label,
@@ -29,14 +29,14 @@ const HeaderOverflowPanel = /*#__PURE__*/React__default.forwardRef(function Head
     [customClassName]: !!customClassName
   });
   const isMd = useMatchMedia(mdMediaQuery);
-  return /*#__PURE__*/React__default.createElement(HeaderPopover, _extends({
+  return /*#__PURE__*/React.createElement(HeaderPopover, _extends({
     ref: ref,
     align: "bottom-end",
     className: className
-  }, rest), /*#__PURE__*/React__default.createElement(HeaderPopoverButton, {
+  }, rest), /*#__PURE__*/React.createElement(HeaderPopoverButton, {
     align: isMd ? 'bottom-end' : 'bottom',
     label: label
-  }, _OverflowMenuVertical || (_OverflowMenuVertical = /*#__PURE__*/React__default.createElement(OverflowMenuVertical, null))), /*#__PURE__*/React__default.createElement(HeaderPopoverContent, null, /*#__PURE__*/React__default.createElement("ul", null, children)));
+  }, _OverflowMenuVertical || (_OverflowMenuVertical = /*#__PURE__*/React.createElement(OverflowMenuVertical, null))), /*#__PURE__*/React.createElement(HeaderPopoverContent, null, /*#__PURE__*/React.createElement("ul", null, children)));
 });
 HeaderOverflowPanel.propTypes = {
   /**

package/es/components/HeaderPopover.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, useContext } from 'react';
+import React, { useRef, useState, useContext } from 'react';
 import { Popover, IconButton, ToggletipContent, ToggletipActions } from '@carbon/react';
 import { Escape } from '../internal/keyboard/keys.js';
 import { match } from '../internal/keyboard/match.js';
@@ -18,7 +18,7 @@ import { usePrefix } from '../internal/usePrefix.js';
 
 // Used to coordinate accessibility props between button and content along with
 // the actions to open and close the toggletip
-const HeaderPopoverContext = /*#__PURE__*/React__default.createContext(undefined);
+const HeaderPopoverContext = /*#__PURE__*/React.createContext(undefined);
 function useToggletip() {
   return useContext(HeaderPopoverContext);
 }
@@ -99,9 +99,9 @@ function HeaderPopover({
       actions.close();
     }
   });
-  return /*#__PURE__*/React__default.createElement(HeaderPopoverContext.Provider, {
+  return /*#__PURE__*/React.createElement(HeaderPopoverContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default.createElement(Popover, _extends({
+  }, /*#__PURE__*/React.createElement(Popover, _extends({
     align: align,
     autoAlign: autoAlign,
     as: as,
@@ -168,7 +168,7 @@ function HeaderPopoverButton({
     [`${prefix}--header-action__button`]: true
   });
   const ComponentToggle = BaseComponent ?? IconButton;
-  return /*#__PURE__*/React__default.createElement(ComponentToggle, _extends({}, toggletip?.onClick, {
+  return /*#__PURE__*/React.createElement(ComponentToggle, _extends({}, toggletip?.onClick, {
     className: className,
     kind: BaseComponent ? null : 'ghost',
     label: label,
@@ -202,7 +202,7 @@ function HeaderPopoverContent({
   ...rest
 }) {
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement(ToggletipContent, _extends({
+  return /*#__PURE__*/React.createElement(ToggletipContent, _extends({
     className: cx(className, {
       [`${prefix}--header-action__content`]: true
     })

package/es/components/Link.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 deprecate from '../prop-types/deprecate.js';
 
 // Note: Maybe we should use `as` instead of `element`? `as` appears to be
@@ -22,7 +22,7 @@ function LinkRenderFunction({
   ...rest
 }, ref) {
   const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
-  return /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({
+  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({
     ref: ref
   }, rest));
 }

package/es/components/Profile.js

@@ -8,12 +8,12 @@
 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';
 import { HeaderPopover, HeaderPopoverButton, HeaderPopoverContent } from './HeaderPopover.js';
-import { UserAvatar } from '../node_modules/@carbon/ibm-products/es/components/UserAvatar/UserAvatar.js';
+import { UserAvatar } from '@carbon/ibm-products';
 
-const Profile = /*#__PURE__*/React__default.forwardRef(function Profile({
+const Profile = /*#__PURE__*/React.forwardRef(function Profile({
   className: customClassName,
   label,
   children,
@@ -25,14 +25,14 @@ const Profile = /*#__PURE__*/React__default.forwardRef(function Profile({
     [`${prefix}--profile`]: true,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement(HeaderPopover, _extends({
+  return /*#__PURE__*/React.createElement(HeaderPopover, _extends({
     ref: ref,
     align: "bottom-end",
     className: className
-  }, rest), /*#__PURE__*/React__default.createElement(HeaderPopoverButton, {
+  }, rest), /*#__PURE__*/React.createElement(HeaderPopoverButton, {
     align: "bottom-end",
     label: label
-  }, IconElement), /*#__PURE__*/React__default.createElement(HeaderPopoverContent, null, children));
+  }, IconElement), /*#__PURE__*/React.createElement(HeaderPopoverContent, null, children));
 });
 Profile.displayName = 'Profile';
 Profile.propTypes = {
@@ -54,7 +54,7 @@ Profile.propTypes = {
   // @ts-expect-error - PropTypes are unable to cover this case.
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-const ProfileUserInfo = /*#__PURE__*/React__default.forwardRef(function ProfileUserInfo({
+const ProfileUserInfo = /*#__PURE__*/React.forwardRef(function ProfileUserInfo({
   className: customClassName,
   name,
   email,
@@ -65,17 +65,17 @@ const ProfileUserInfo = /*#__PURE__*/React__default.forwardRef(function ProfileU
     [`${prefix}--profile-user-info`]: true,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className
-  }, /*#__PURE__*/React__default.createElement(UserAvatar, _extends({
+  }, /*#__PURE__*/React.createElement(UserAvatar, _extends({
     size: "lg",
     name: name
-  }, rest)), /*#__PURE__*/React__default.createElement("div", {
+  }, rest)), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-user-info__text-wrapper`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-user-info__name`
-  }, name), /*#__PURE__*/React__default.createElement("div", {
+  }, name), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-user-info__email`
   }, email)));
 });
@@ -94,7 +94,7 @@ ProfileUserInfo.propTypes = {
    */
   name: PropTypes.string.isRequired
 };
-const ProfileReadOnly = /*#__PURE__*/React__default.forwardRef(function ProfileReadOnly({
+const ProfileReadOnly = /*#__PURE__*/React.forwardRef(function ProfileReadOnly({
   className: customClassName,
   items
 }, ref) {
@@ -103,15 +103,15 @@ const ProfileReadOnly = /*#__PURE__*/React__default.forwardRef(function ProfileR
     [`${prefix}--profile-read-only`]: true,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className
-  }, items?.map((item, index) => /*#__PURE__*/React__default.createElement("div", {
+  }, items?.map((item, index) => /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-read-only__items`,
     key: index
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-read-only__label`
-  }, item.label), /*#__PURE__*/React__default.createElement("div", {
+  }, item.label), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--profile-read-only__title`
   }, item.title))));
 });

package/es/components/SharkFinIcon.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 _g, _defs;
@@ -20,20 +20,20 @@ const SharkFinIcon = ({
     [`${prefix}--shark-fin__icon`]: true,
     [customClassName]: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement("svg", {
+  return /*#__PURE__*/React.createElement("svg", {
     className: className,
     width: "4",
     height: "4",
     viewBox: "0 0 4 4",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, _g || (_g = /*#__PURE__*/React__default.createElement("g", {
+  }, _g || (_g = /*#__PURE__*/React.createElement("g", {
     "clip-path": "url(#clip0_519_52879)"
-  }, /*#__PURE__*/React__default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M2 2L4 0V4H0L2 2Z"
-  }))), _defs || (_defs = /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "clip0_519_52879"
-  }, /*#__PURE__*/React__default.createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", {
     width: "4",
     height: "4",
     fill: "white"

package/es/components/SideNav.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { createContext, useState, useRef, isValidElement, useCallback, useEffect } from 'react';
+import React, { createContext, useState, useRef, isValidElement, useCallback, useEffect } from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../prop-types/AriaPropTypes.js';
@@ -121,13 +121,13 @@ function SideNavRenderFunction({
   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,
           ...(childJsxElement.type?.displayName === 'SideNavItems' && {
@@ -410,7 +410,7 @@ function SideNavRenderFunction({
     setExpandedState(!autoExpand);
     setAutoExpand(!autoExpand);
   };
-  return /*#__PURE__*/React__default.createElement(SideNavContext.Provider, {
+  return /*#__PURE__*/React.createElement(SideNavContext.Provider, {
     value: {
       autoExpand,
       expanded,
@@ -425,27 +425,27 @@ function SideNavRenderFunction({
   }, isFixedNav || hideOverlay || navType === SIDE_NAV_TYPE.RAIL_PANEL ? 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({
     role: 'navigation',
     tabIndex: -1,
     ref: navRef,
     className: `${prefix}--side-nav__navigation ${className}`,
     inert: !isRail && navType !== SIDE_NAV_TYPE.RAIL_PANEL && !(expanded || isLg) ? -1 : undefined
-  }, accessibilityLabel, eventHandlers, other), childrenToRender, navType === SIDE_NAV_TYPE.RAIL_PANEL && /*#__PURE__*/React__default.createElement("ul", {
+  }, accessibilityLabel, eventHandlers, other), childrenToRender, navType === SIDE_NAV_TYPE.RAIL_PANEL && /*#__PURE__*/React.createElement("ul", {
     className: `${prefix}--side-nav__toggle-container`
-  }, _SideNavDivider || (_SideNavDivider = /*#__PURE__*/React__default.createElement(SideNavDivider, null)), /*#__PURE__*/React__default.createElement(SideNavToggle, {
+  }, _SideNavDivider || (_SideNavDivider = /*#__PURE__*/React.createElement(SideNavDivider, null)), /*#__PURE__*/React.createElement(SideNavToggle, {
     onClick: handlePinClick,
     renderIcon: pinned ? PinFilled : Pin
-  }, pinText), /*#__PURE__*/React__default.createElement(SideNavToggle, {
+  }, pinText), /*#__PURE__*/React.createElement(SideNavToggle, {
     disabled: pinned,
     renderIcon: expandedState ? SidePanelClose : SidePanelOpen,
     onClick: handleAutoExpand
   }, autoExpandText))));
 }
-const SideNav = /*#__PURE__*/React__default.forwardRef(SideNavRenderFunction);
+const SideNav = /*#__PURE__*/React.forwardRef(SideNavRenderFunction);
 SideNav.displayName = 'SideNav';
 SideNav.propTypes = {
   /**

package/es/components/SideNavFlyoutMenu.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, useCallback, useEffect } from 'react';
+import React, { useRef, useState, useCallback, useEffect } from 'react';
 import { Popover, PopoverContent, FormLabel } from '@carbon/react';
 import { Escape, Enter, Space } from '../internal/keyboard/keys.js';
 import { match } from '../internal/keyboard/match.js';
@@ -43,15 +43,15 @@ function SideNavFlyoutMenu({
   const [isPointerIntersecting, setIsPointerIntersecting] = useState(false);
   const id = useId('tooltip');
   const prefix = usePrefix();
-  const child = React__default.Children.only(children);
+  const child = React.Children.only(children);
   const menuButton = useRef();
   const [clickMode, setClickMode] = useState(false);
   const isFocusedInsideRef = useRef(false);
   const popoverMenuLinks = useRef(null);
   const [isButtonFocused, setIsButtonFocused] = useState(false);
-  const flyoutMenuItems = React__default.Children.map(menuContent, child => {
-    if (/*#__PURE__*/React__default.isValidElement(child)) {
-      return /*#__PURE__*/React__default.cloneElement(child, {
+  const flyoutMenuItems = React.Children.map(menuContent, child => {
+    if (/*#__PURE__*/React.isValidElement(child)) {
+      return /*#__PURE__*/React.cloneElement(child, {
         ...{
           isFlyoutMenuItem: true
         }
@@ -240,7 +240,7 @@ function SideNavFlyoutMenu({
   return (
     /*#__PURE__*/
     // @ts-ignore-error Popover throws a TS error everytime is imported
-    React__default.createElement(Popover, _extends({
+    React.createElement(Popover, _extends({
       ref: popoverRef
     }, rest, {
       align: isButtonFocused ? 'right' : align,
@@ -256,10 +256,10 @@ function SideNavFlyoutMenu({
       onKeyDown: onKeyDown,
       onMouseLeave: onMouseLeave,
       open: open
-    }), child !== undefined ? /*#__PURE__*/React__default.cloneElement(child, {
+    }), child !== undefined ? /*#__PURE__*/React.cloneElement(child, {
       ...triggerProps,
       ...getChildEventHandlers(child.props)
-    }) : null, /*#__PURE__*/React__default.createElement(PopoverContent, {
+    }) : null, /*#__PURE__*/React.createElement(PopoverContent, {
       "aria-hidden": open ? 'false' : 'true',
       className: cx({
         [`${prefix}--side-nav-menu--popover-content`]: !isButtonFocused,
@@ -268,7 +268,7 @@ function SideNavFlyoutMenu({
       id: id,
       onMouseEnter: onMouseEnter,
       role: "tooltip"
-    }, !isButtonFocused ? /*#__PURE__*/React__default.createElement(FormLabel, null, title) : title, /*#__PURE__*/React__default.createElement("div", {
+    }, !isButtonFocused ? /*#__PURE__*/React.createElement(FormLabel, null, title) : title, /*#__PURE__*/React.createElement("div", {
       style: {
         display: isButtonFocused ? 'none' : 'block'
       }

package/es/components/SideNavItems.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, { useContext, useRef, useEffect } from 'react';
+import React, { useContext, useRef, useEffect } from 'react';
 import { CARBON_SIDENAV_ITEMS } from './_utils.js';
 import { usePrefix } from '../internal/usePrefix.js';
 import { SideNavContext } from './SideNav.js';
@@ -26,14 +26,14 @@ const SideNavItems = ({
   const listRef = useRef(null); // Adjust type if necessary
   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 childJsxElement = child;
       const childDisplayName = childJsxElement.type?.displayName ?? childJsxElement.type?.name;
       const isCarbonSideNavItem = CARBON_SIDENAV_ITEMS.includes(childDisplayName);
       const isSideNavMenu = childDisplayName === 'SideNavMenu';
-      return /*#__PURE__*/React__default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         ...(isCarbonSideNavItem && {
           isSideNavExpanded: isSideNavExpanded
         }),
@@ -54,7 +54,7 @@ const SideNavItems = ({
       });
     }
   }, [isTreeview]);
-  return /*#__PURE__*/React__default.createElement("ul", _extends({}, isTreeview && accessibilityLabel, {
+  return /*#__PURE__*/React.createElement("ul", _extends({}, isTreeview && accessibilityLabel, {
     ref: listRef,
     className: className,
     tabIndex: currentPrimaryMenu ? -1 : undefined,

package/es/components/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 { SideNavItem, SideNavLinkText, SideNavIcon } from '@carbon/react';
 import { usePrefix } from '../internal/usePrefix.js';
@@ -36,22 +36,22 @@ const SideNavLink = /*#__PURE__*/forwardRef(function SideNavLink({
     [`${prefix}--side-nav__link--current`]: isActive,
     [customClassName]: !!customClassName
   });
-  const SideNavLinkIcon = IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, {
+  const SideNavLinkIcon = IconElement && /*#__PURE__*/React.createElement(SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React__default.createElement(IconElement, null));
+  }, /*#__PURE__*/React.createElement(IconElement, null));
   if (!expanded && navType === SIDE_NAV_TYPE.RAIL_PANEL) {
-    return /*#__PURE__*/React__default.createElement(SideNavLinkPopover, _extends({
+    return /*#__PURE__*/React.createElement(SideNavLinkPopover, _extends({
       align: "right",
       label: children
     }, rest), SideNavLinkIcon);
   }
-  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
-  }), SideNavLinkIcon, /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
+  }), SideNavLinkIcon, /*#__PURE__*/React.createElement(SideNavLinkText, null, children)));
 });
 SideNavLink.displayName = 'SideNavLink';
 SideNavLink.propTypes = {

package/es/components/SideNavLinkPopover.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 { IconButton } from '@carbon/react';
 import { usePrefix } from '../internal/usePrefix.js';
 
@@ -18,7 +18,7 @@ function SideNavLinkPopover({
   ...rest
 }) {
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement(IconButton, _extends({
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
     className: cx(className, `${prefix}--side-nav-link-popover`),
     dropShadow: true,
     highContrast: false,

package/es/components/SideNavMenu.js

@@ -10,7 +10,7 @@ import { SideNavIcon, Layer, Button } from '@carbon/react';
 import { breakpoints } from '../node_modules/@carbon/layout/es/index.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useContext, useState, useRef, useCallback, useMemo, useEffect } from 'react';
+import React, { useContext, useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { CARBON_SIDENAV_ITEMS } from './_utils.js';
 import { useId } from '../internal/useId.js';
 import { Escape, Tab, ArrowLeft as ArrowLeft$1, ArrowRight } from '../internal/keyboard/keys.js';
@@ -26,8 +26,8 @@ import { useMatchMedia } from '../internal/useMatchMedia.js';
 var _ArrowLeft, _SharkFinIcon, _ChevronRight, _ChevronDown;
 const smMediaQuery = `(max-width: ${breakpoints.md.width})`;
 const mdMediaQuery = `(max-width: ${breakpoints.lg.width})`;
-const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu({
-  backButtonRenderIcon = () => _ArrowLeft || (_ArrowLeft = /*#__PURE__*/React__default.createElement(ArrowLeft, {
+const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu({
+  backButtonRenderIcon = () => _ArrowLeft || (_ArrowLeft = /*#__PURE__*/React.createElement(ArrowLeft, {
     size: 16
   })),
   backButtonTitle = 'My products',
@@ -77,7 +77,7 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
   const hasActiveDescendantInner = useCallback(children => {
     if (Array.isArray(children)) {
       return children.some(child => {
-        if (! /*#__PURE__*/React__default.isValidElement(child)) {
+        if (! /*#__PURE__*/React.isValidElement(child)) {
           // setActive(false);
           return false;
         }
@@ -96,7 +96,7 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
 
     // 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;
@@ -155,12 +155,12 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
   let childrenToRender = children;
 
   // modify nested SideNavMenus
-  childrenToRender = React__default.Children.map(children, child => {
-    if (/*#__PURE__*/React__default.isValidElement(child)) {
+  childrenToRender = React.Children.map(children, child => {
+    if (/*#__PURE__*/React.isValidElement(child)) {
       const childJsxElement = child;
       const childDisplayName = childJsxElement.type?.displayName ?? childJsxElement.type?.name;
       const isCarbonSideNavItem = CARBON_SIDENAV_ITEMS.includes(childDisplayName);
-      return /*#__PURE__*/React__default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         ...(isCarbonSideNavItem && {
           isSideNavExpanded: !isSideNavCollapsed
         }),
@@ -300,7 +300,7 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
       setIsExpanded(true);
     }
   }, [sideNavExpanded]);
-  const [openPopover, setOpenPopover] = React__default.useState(false);
+  const [openPopover, setOpenPopover] = React.useState(false);
   const query = !headerOverflowPanel ? smMediaQuery : mdMediaQuery;
   const isSm = useMatchMedia(query);
 
@@ -313,14 +313,14 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
   const content =
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-  React__default.createElement("li", {
+  React.createElement("li", {
     role: isTreeview ? 'treeitem' : undefined,
     "aria-expanded": isExpanded,
     className: className,
     ref: listRef,
     onKeyDown: handleKeyDown,
     id: uniqueId
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     "aria-expanded": isExpanded,
     className: buttonClassName,
     onClick: () => {
@@ -342,46 +342,46 @@ const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(
     ref: menuRef,
     type: "button",
     tabIndex: isTreeview ? -1 : 0
-  }, IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), !autoExpand && !sideNavExpanded && navType == SIDE_NAV_TYPE.RAIL_PANEL && /*#__PURE__*/React__default.createElement("div", {
+  }, IconElement && /*#__PURE__*/React.createElement(SideNavIcon, null, /*#__PURE__*/React.createElement(IconElement, null)), !autoExpand && !sideNavExpanded && navType == SIDE_NAV_TYPE.RAIL_PANEL && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--side-nav--panel-submenu-caret-container`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--side-nav--panel-submenu-caret`
-  }, _SharkFinIcon || (_SharkFinIcon = /*#__PURE__*/React__default.createElement(SharkFinIcon, null)))), /*#__PURE__*/React__default.createElement("span", {
+  }, _SharkFinIcon || (_SharkFinIcon = /*#__PURE__*/React.createElement(SharkFinIcon, 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
-  }, primary ? _ChevronRight || (_ChevronRight = /*#__PURE__*/React__default.createElement(ChevronRight, {
+  }, primary ? _ChevronRight || (_ChevronRight = /*#__PURE__*/React.createElement(ChevronRight, {
     size: 20
-  })) : _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, {
+  })) : _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, {
     size: 20
-  })))), primary ? /*#__PURE__*/React__default.createElement(Layer, null, /*#__PURE__*/React__default.createElement("div", {
+  })))), primary ? /*#__PURE__*/React.createElement(Layer, null, /*#__PURE__*/React.createElement("div", {
     className: secondaryClassNames
-  }, !headerOverflowPanel ? /*#__PURE__*/React__default.createElement(SideNavItems, {
+  }, !headerOverflowPanel ? /*#__PURE__*/React.createElement(SideNavItems, {
     accessibilityLabel: {
       'aria-label': `${title} submenu`
     }
-  }, isSm && /*#__PURE__*/React__default.createElement(Button, {
+  }, isSm && /*#__PURE__*/React.createElement(Button, {
     ref: backButtonRef,
     kind: "ghost",
     size: "md",
     onClick: handleOnBackButtonClick,
     className: `${prefix}--side-nav__back-button`,
     renderIcon: backButtonRenderIcon
-  }, backButtonTitle), childrenToRender) : /*#__PURE__*/React__default.createElement("div", {
+  }, backButtonTitle), childrenToRender) : /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--header-overflow-panel-secondary-container`
-  }, /*#__PURE__*/React__default.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     ref: backButtonRef,
     kind: "ghost",
     size: "md",
     onClick: handleOnBackButtonClick,
     className: `${prefix}--side-nav__back-button`,
     renderIcon: backButtonRenderIcon
-  }, backButtonTitle), childrenToRender))) : /*#__PURE__*/React__default.createElement("ul", {
+  }, backButtonTitle), childrenToRender))) : /*#__PURE__*/React.createElement("ul", {
     className: `${prefix}--side-nav__menu`,
     role: "group"
   }, childrenToRender));
-  return navType == SIDE_NAV_TYPE.RAIL_PANEL && !sideNavExpanded ? /*#__PURE__*/React__default.createElement(SideNavFlyoutMenu, {
+  return navType == SIDE_NAV_TYPE.RAIL_PANEL && !sideNavExpanded ? /*#__PURE__*/React.createElement(SideNavFlyoutMenu, {
     selected: active,
     className: `${prefix}--side-nav-flyout-menu`,
     title: title,