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

package/es/components/UIShell/Link.js

@@ -7,28 +7,27 @@
 
 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
 
-const LinkBase = (_ref, ref) => {
-  let {
-    element,
-    as: BaseComponent,
-    // Captured here to prevent it from being passed into the created element.
-    // See https://github.com/carbon-design-system/carbon/issues/3970
-    isSideNavExpanded: _isSideNavExpanded,
-    ...rest
-  } = _ref;
+const LinkBase = ({
+  element,
+  as: BaseComponent,
+  // Captured here to prevent it from being passed into the created element.
+  // See https://github.com/carbon-design-system/carbon/issues/3970
+  isSideNavExpanded: _isSideNavExpanded,
+  ...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';
@@ -24,29 +24,28 @@ import { useMatchMedia } from '../../internal/useMatchMedia.js';
 // import SideNavFooter from './SideNavFooter';
 
 const SideNavContext = /*#__PURE__*/createContext({});
-function SideNavRenderFunction(_ref, ref) {
-  let {
-    expanded: expandedProp,
-    defaultExpanded = false,
-    isChildOfHeader = true,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy,
-    children,
-    onToggle,
-    className: customClassName,
-    // TO-DO: comment back in when footer is added for rails
-    // translateById: t = (id) => translations[id],
-    href,
-    isFixedNav = false,
-    isRail,
-    isPersistent = true,
-    addFocusListeners = true,
-    addMouseListeners = true,
-    onOverlayClick,
-    onSideNavBlur,
-    enterDelayMs = 100,
-    ...other
-  } = _ref;
+function SideNavRenderFunction({
+  expanded: expandedProp,
+  defaultExpanded = false,
+  isChildOfHeader = true,
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
+  children,
+  onToggle,
+  className: customClassName,
+  // TO-DO: comment back in when footer is added for rails
+  // translateById: t = (id) => translations[id],
+  href,
+  isFixedNav = false,
+  isRail,
+  isPersistent = true,
+  addFocusListeners = true,
+  addMouseListeners = true,
+  onOverlayClick,
+  onSideNavBlur,
+  enterDelayMs = 100,
+  ...other
+}, ref) {
   const prefix = usePrefix();
   const {
     current: controlled
@@ -56,8 +55,7 @@ function SideNavRenderFunction(_ref, ref) {
   const expanded = controlled ? expandedProp : expandedState;
   const sideNavRef = useRef(null);
   const navRef = useMergedRefs([sideNavRef, ref]);
-  const handleToggle = function (event) {
-    let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !expanded;
+  const handleToggle = (event, value = !expanded) => {
     if (!controlled) {
       setExpandedState(value, enterDelayMs);
     }
@@ -93,13 +91,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 +155,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,21 +8,20 @@
 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 => {
-  let {
-    children,
-    className: customClassName,
-    title,
-    ...rest
-  } = _ref;
+const SideNavDetails = ({
+  children,
+  className: customClassName,
+  title,
+  ...rest
+}) => {
   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,19 +7,18 @@
 
 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;
-const SideNavDivider = _ref => {
-  let {
-    className
-  } = _ref;
+const SideNavDivider = ({
+  className
+}) => {
   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';
 
@@ -17,29 +17,28 @@ var _Close, _ChevronRight;
  * navigation that is a part of the UI Shell. It is responsible for handling the
  * user interaction to expand or collapse the side navigation.
  */
-function SideNavFooter(_ref) {
-  let {
-    assistiveText = 'Toggle opening or closing the side navigation',
-    className: customClassName,
-    expanded,
-    onToggle
-  } = _ref;
+function SideNavFooter({
+  assistiveText = 'Toggle opening or closing the side navigation',
+  className: customClassName,
+  expanded,
+  onToggle
+}) {
   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,21 +7,20 @@
 
 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';
 
-const SideNavHeader = _ref => {
-  let {
-    children,
-    className: customClassName,
-    renderIcon: IconElement
-  } = _ref;
+const SideNavHeader = ({
+  children,
+  className: customClassName,
+  renderIcon: IconElement
+}) => {
   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,22 +7,21 @@
 
 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 => {
-  let {
-    children,
-    className: customClassName,
-    small = false
-  } = _ref;
+const SideNavIcon = ({
+  children,
+  className: customClassName,
+  small = false
+}) => {
   const prefix = usePrefix();
   const className = cx({
     [`${prefix}--side-nav__icon`]: true,
     [`${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,22 +7,21 @@
 
 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 => {
-  let {
-    className: customClassName,
-    children,
-    large = false
-  } = _ref;
+const SideNavItem = ({
+  className: customClassName,
+  children,
+  large = false
+}) => {
   const prefix = usePrefix();
   const className = cx({
     [`${prefix}--side-nav__item`]: true,
     [`${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,30 +7,29 @@
 
 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';
 
-const SideNavItems = _ref => {
-  let {
-    className: customClassName,
-    children,
-    isSideNavExpanded
-  } = _ref;
+const SideNavItems = ({
+  className: customClassName,
+  children,
+  isSideNavExpanded
+}) => {
   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';
@@ -18,17 +18,16 @@ import { SideNavContext } from './SideNav.js';
 
 // First define a non-generic base component to work with forwardRef
 
-const SideNavLinkBase = (_ref, ref) => {
-  let {
-    children,
-    className: customClassName,
-    renderIcon: IconElement,
-    isActive,
-    isSideNavExpanded,
-    large = false,
-    tabIndex,
-    ...rest
-  } = _ref;
+const SideNavLinkBase = ({
+  children,
+  className: customClassName,
+  renderIcon: IconElement,
+  isActive,
+  isSideNavExpanded,
+  large = false,
+  tabIndex,
+  ...rest
+}, ref) => {
   const isRail = useContext(SideNavContext);
   const prefix = usePrefix();
   const className = cx({
@@ -36,15 +35,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,19 +7,18 @@
 
 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';
 
-function SideNavLinkText(_ref) {
-  let {
-    className: customClassName,
-    children,
-    ...rest
-  } = _ref;
+function SideNavLinkText({
+  className: customClassName,
+  children,
+  ...rest
+}) {
   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,18 +16,17 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { SideNavContext } from './SideNav.js';
 
 var _ChevronDown;
-const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(_ref, ref) {
-  let {
-    className: customClassName,
-    children,
-    defaultExpanded = false,
-    isActive = false,
-    large = false,
-    renderIcon: IconElement,
-    isSideNavExpanded,
-    tabIndex,
-    title
-  } = _ref;
+const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu({
+  className: customClassName,
+  children,
+  defaultExpanded = false,
+  isActive = false,
+  large = false,
+  renderIcon: IconElement,
+  isSideNavExpanded,
+  tabIndex,
+  title
+}, ref) {
   const {
     isRail
   } = useContext(SideNavContext);
@@ -51,14 +50,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 +66,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 +129,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 +146,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;

package/es/components/UIShell/SideNavMenuItem.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 SideNavLinkText from './SideNavLinkText.js';
 import Link from './Link.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavMenuItem(props, ref) {
+const SideNavMenuItem = /*#__PURE__*/React.forwardRef(function SideNavMenuItem(props, ref) {
   const prefix = usePrefix();
   const {
     children,
@@ -27,12 +27,12 @@ const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavM
     [`${prefix}--side-nav__link`]: true,
     [`${prefix}--side-nav__link--current`]: isActive
   });
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: className
-  }, /*#__PURE__*/React__default.createElement(Component, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     className: linkClassName,
     ref: ref
-  }), /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
+  }), /*#__PURE__*/React.createElement(SideNavLinkText, null, children)));
 });
 SideNavMenuItem.displayName = 'SideNavMenuItem';
 SideNavMenuItem.propTypes = {

package/es/components/UIShell/SideNavSwitcher.js

@@ -8,7 +8,7 @@
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -25,30 +25,30 @@ const SideNavSwitcher = /*#__PURE__*/forwardRef(function SideNavSwitcher(props,
   const className = cx(`${prefix}--side-nav__switcher`, customClassName);
 
   // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className
-  }, /*#__PURE__*/React__default.createElement("label", {
+  }, /*#__PURE__*/React.createElement("label", {
     htmlFor: id,
     className: `${prefix}--assistive-text`
-  }, labelText), /*#__PURE__*/React__default.createElement("select", {
+  }, labelText), /*#__PURE__*/React.createElement("select", {
     id: id,
     className: `${prefix}--side-nav__select`,
     defaultValue: "",
     onBlur: onChange,
     onChange: onChange,
     ref: ref
-  }, /*#__PURE__*/React__default.createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", {
     className: `${prefix}--side-nav__option`,
     disabled: true,
     hidden: true,
     value: ""
-  }, labelText), options.map(option => /*#__PURE__*/React__default.createElement("option", {
+  }, labelText), options.map(option => /*#__PURE__*/React.createElement("option", {
     key: option,
     className: `${prefix}--side-nav__option`,
     value: option
-  }, option))), /*#__PURE__*/React__default.createElement("div", {
+  }, option))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--side-nav__switcher-chevron`
-  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, {
+  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, {
     size: 20
   }))));
 });