@carbon-labs/react-ui-shell 0.60.0 → 0.62.0

package/es/components/SideNavItems.js

@@ -6,20 +6,19 @@
  */
 
 import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
-import cx from '../_virtual/index.js';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useContext, useRef, useEffect } from 'react';
+import React__default, { useContext, useRef, useEffect } from 'react';
 import { CARBON_SIDENAV_ITEMS } from './_utils.js';
 import { usePrefix } from '../internal/usePrefix.js';
 import { SideNavContext } from './SideNav.js';
 
-const SideNavItems = _ref => {
-  let {
-    className: customClassName,
-    children,
-    isSideNavExpanded,
-    accessibilityLabel: accessibilityLabel
-  } = _ref;
+const SideNavItems = ({
+  className: customClassName,
+  children,
+  isSideNavExpanded,
+  accessibilityLabel: accessibilityLabel
+}) => {
   const {
     isTreeview,
     currentPrimaryMenu
@@ -27,14 +26,14 @@ const SideNavItems = _ref => {
   const listRef = useRef(null); // Adjust type if necessary
   const prefix = usePrefix();
   const className = cx([`${prefix}--side-nav__items`], customClassName);
-  const childrenWithExpandedState = React.Children.map(children, child => {
-    if (/*#__PURE__*/React.isValidElement(child)) {
+  const childrenWithExpandedState = React__default.Children.map(children, child => {
+    if (/*#__PURE__*/React__default.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.cloneElement(child, {
+      return /*#__PURE__*/React__default.cloneElement(child, {
         ...(isCarbonSideNavItem && {
           isSideNavExpanded: isSideNavExpanded
         }),
@@ -55,7 +54,7 @@ const SideNavItems = _ref => {
       });
     }
   }, [isTreeview]);
-  return /*#__PURE__*/React.createElement("ul", _extends({}, isTreeview && accessibilityLabel, {
+  return /*#__PURE__*/React__default.createElement("ul", _extends({}, isTreeview && accessibilityLabel, {
     ref: listRef,
     className: className,
     tabIndex: currentPrimaryMenu ? -1 : undefined,

package/es/components/SideNavLink.js

@@ -6,26 +6,25 @@
  */
 
 import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
-import cx from '../_virtual/index.js';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { forwardRef, useContext } from 'react';
+import React__default, { forwardRef, useContext } from 'react';
 import Link, { LinkPropTypes } from './Link.js';
 import { SideNavItem, SideNavLinkText, SideNavIcon } from '@carbon/react';
 import { usePrefix } from '../internal/usePrefix.js';
 import { SideNavContext } from './SideNav.js';
 import { SideNavLinkPopover } from './SideNavLinkPopover.js';
 
-const SideNavLink = /*#__PURE__*/forwardRef(function SideNavLink(_ref, ref) {
-  let {
-    children,
-    className: customClassName,
-    renderIcon: IconElement,
-    isActive,
-    isSideNavExpanded,
-    large = false,
-    tabIndex,
-    ...rest
-  } = _ref;
+const SideNavLink = /*#__PURE__*/forwardRef(function SideNavLink({
+  children,
+  className: customClassName,
+  renderIcon: IconElement,
+  isActive,
+  isSideNavExpanded,
+  large = false,
+  tabIndex,
+  ...rest
+}, ref) {
   const {
     expanded,
     isRail,
@@ -37,22 +36,22 @@ const SideNavLink = /*#__PURE__*/forwardRef(function SideNavLink(_ref, ref) {
     [`${prefix}--side-nav__link--current`]: isActive,
     [customClassName]: !!customClassName
   });
-  const SideNavLinkIcon = IconElement && /*#__PURE__*/React.createElement(SideNavIcon, {
+  const SideNavLinkIcon = IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React.createElement(IconElement, null));
+  }, /*#__PURE__*/React__default.createElement(IconElement, null));
   if (!expanded && navType === 'panel') {
-    return /*#__PURE__*/React.createElement(SideNavLinkPopover, _extends({
+    return /*#__PURE__*/React__default.createElement(SideNavLinkPopover, _extends({
       align: "right",
       label: children
     }, rest), SideNavLinkIcon);
   }
-  return /*#__PURE__*/React.createElement(SideNavItem, {
+  return /*#__PURE__*/React__default.createElement(SideNavItem, {
     large: large
-  }, /*#__PURE__*/React.createElement(Link, _extends({}, rest, {
+  }, /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {
     className: className,
     ref: ref,
     tabIndex: tabIndex === undefined ? !isSideNavExpanded && !isRail ? -1 : 0 : tabIndex
-  }), SideNavLinkIcon, /*#__PURE__*/React.createElement(SideNavLinkText, null, children)));
+  }), SideNavLinkIcon, /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
 });
 SideNavLink.displayName = 'SideNavLink';
 SideNavLink.propTypes = {

package/es/components/SideNavLinkPopover.js

@@ -6,20 +6,19 @@
  */
 
 import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
-import cx from '../_virtual/index.js';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React from 'react';
+import React__default from 'react';
 import { IconButton } from '@carbon/react';
 import { usePrefix } from '../internal/usePrefix.js';
 
-function SideNavLinkPopover(_ref) {
-  let {
-    className,
-    children,
-    ...rest
-  } = _ref;
+function SideNavLinkPopover({
+  className,
+  children,
+  ...rest
+}) {
   const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
+  return /*#__PURE__*/React__default.createElement(IconButton, _extends({
     className: cx(className, `${prefix}--side-nav-link-popover`),
     dropShadow: true,
     highContrast: false,

package/es/components/SideNavMenu.js

@@ -5,11 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { ArrowLeft, ChevronRight, ChevronDown } from '@carbon/icons-react';
 import { SideNavIcon, Layer, Button } from '@carbon/react';
 import { breakpoints } from '../node_modules/@carbon/layout/es/index.js';
-import cx from '../_virtual/index.js';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useContext, useState, useRef, useEffect } from 'react';
+import React__default, { useContext, useState, useRef, 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';
@@ -21,30 +22,27 @@ import { SharkFinIcon } from './SharkFinIcon.js';
 import { SideNavFlyoutMenu } from './SideNavFlyoutMenu.js';
 import { SideNavItems } from './SideNavItems.js';
 import { useMatchMedia } from '../internal/useMatchMedia.js';
-import { ArrowLeft } from '../node_modules/@carbon/icons-react/es/generated/bucket-0.js';
-import { ChevronRight, ChevronDown } from '../node_modules/@carbon/icons-react/es/generated/bucket-3.js';
 
 var _ArrowLeft, _SharkFinIcon, _ChevronRight, _ChevronDown;
 const smMediaQuery = `(max-width: ${breakpoints.md.width})`;
-const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref) {
-  let {
-    backButtonRenderIcon = () => _ArrowLeft || (_ArrowLeft = /*#__PURE__*/React.createElement(ArrowLeft, {
-      size: 16
-    })),
-    backButtonTitle = 'My products',
-    className: customClassName,
-    children,
-    defaultExpanded = false,
-    depth: propDepth,
-    id,
-    isActive = false,
-    large = false,
-    renderIcon: IconElement,
-    isSideNavExpanded,
-    title,
-    onMenuToggle,
-    primary
-  } = _ref;
+const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu({
+  backButtonRenderIcon = () => _ArrowLeft || (_ArrowLeft = /*#__PURE__*/React__default.createElement(ArrowLeft, {
+    size: 16
+  })),
+  backButtonTitle = 'My products',
+  className: customClassName,
+  children,
+  defaultExpanded = false,
+  depth: propDepth,
+  id,
+  isActive = false,
+  large = false,
+  renderIcon: IconElement,
+  isSideNavExpanded,
+  title,
+  onMenuToggle,
+  primary
+}, ref) {
   const depth = propDepth;
   const {
     isTreeview,
@@ -96,12 +94,12 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
   let childrenToRender = children;
 
   // modify nested SideNavMenus
-  childrenToRender = React.Children.map(children, child => {
-    if (/*#__PURE__*/React.isValidElement(child)) {
+  childrenToRender = React__default.Children.map(children, child => {
+    if (/*#__PURE__*/React__default.isValidElement(child)) {
       const childJsxElement = child;
       const childDisplayName = childJsxElement.type?.displayName ?? childJsxElement.type?.name;
       const isCarbonSideNavItem = CARBON_SIDENAV_ITEMS.includes(childDisplayName);
-      return /*#__PURE__*/React.cloneElement(child, {
+      return /*#__PURE__*/React__default.cloneElement(child, {
         ...(isCarbonSideNavItem && {
           isSideNavExpanded: isSideNavExpanded
         }),
@@ -120,7 +118,7 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
   function hasActiveDescendant(children) {
     if (Array.isArray(children)) {
       return children.some(child => {
-        if (! /*#__PURE__*/React.isValidElement(child)) {
+        if (! /*#__PURE__*/React__default.isValidElement(child)) {
           setActive(false);
           return false;
         }
@@ -139,7 +137,7 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
 
     // We use React.isValidElement(child) to check if the child is a valid React element before accessing its props
 
-    if (/*#__PURE__*/React.isValidElement(children)) {
+    if (/*#__PURE__*/React__default.isValidElement(children)) {
       const props = children.props;
       if (props.isActive === true || props['aria-current']) {
         setActive(true);
@@ -290,7 +288,7 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
       setIsExpanded(true);
     }
   }, [sideNavExpanded]);
-  const [openPopover, setOpenPopover] = React.useState(false);
+  const [openPopover, setOpenPopover] = React__default.useState(false);
   const isSm = useMatchMedia(smMediaQuery);
 
   // keeps the secondary open when moving from small to large breakpoints
@@ -302,14 +300,14 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
   const content =
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-  React.createElement("li", {
+  React__default.createElement("li", {
     role: isTreeview ? 'treeitem' : undefined,
     "aria-expanded": isExpanded,
     className: className,
     ref: listRef,
     onKeyDown: handleKeyDown,
     id: uniqueId
-  }, /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React__default.createElement("button", {
     "aria-expanded": isExpanded,
     className: buttonClassName,
     onClick: () => {
@@ -331,37 +329,37 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
     ref: menuRef,
     type: "button",
     tabIndex: isTreeview ? -1 : 0
-  }, IconElement && /*#__PURE__*/React.createElement(SideNavIcon, null, /*#__PURE__*/React.createElement(IconElement, null)), !sideNavExpanded && /*#__PURE__*/React.createElement("div", {
+  }, IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), !sideNavExpanded && /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--side-nav--panel-submenu-caret-container`
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--side-nav--panel-submenu-caret`
-  }, _SharkFinIcon || (_SharkFinIcon = /*#__PURE__*/React.createElement(SharkFinIcon, null)))), /*#__PURE__*/React.createElement("span", {
+  }, _SharkFinIcon || (_SharkFinIcon = /*#__PURE__*/React__default.createElement(SharkFinIcon, null)))), /*#__PURE__*/React__default.createElement("span", {
     className: `${prefix}--side-nav__submenu-title`
-  }, title), /*#__PURE__*/React.createElement(SideNavIcon, {
+  }, title), /*#__PURE__*/React__default.createElement(SideNavIcon, {
     className: `${prefix}--side-nav__submenu-chevron`,
     small: true
-  }, primary ? _ChevronRight || (_ChevronRight = /*#__PURE__*/React.createElement(ChevronRight, {
+  }, primary ? _ChevronRight || (_ChevronRight = /*#__PURE__*/React__default.createElement(ChevronRight, {
     size: 20
-  })) : _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, {
+  })) : _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, {
     size: 20
-  })))), primary ? /*#__PURE__*/React.createElement(Layer, null, /*#__PURE__*/React.createElement("div", {
+  })))), primary ? /*#__PURE__*/React__default.createElement(Layer, null, /*#__PURE__*/React__default.createElement("div", {
     className: primaryClassNames
-  }, /*#__PURE__*/React.createElement(SideNavItems, {
+  }, /*#__PURE__*/React__default.createElement(SideNavItems, {
     accessibilityLabel: {
       'aria-label': `${title} submenu`
     }
-  }, isSm && /*#__PURE__*/React.createElement(Button, {
+  }, isSm && /*#__PURE__*/React__default.createElement(Button, {
     ref: backButtonRef,
     kind: "ghost",
     size: "md",
     onClick: handleOnBackButtonClick,
     className: `${prefix}--side-nav__back-button`,
     renderIcon: backButtonRenderIcon
-  }, backButtonTitle), childrenToRender))) : /*#__PURE__*/React.createElement("ul", {
+  }, backButtonTitle), childrenToRender))) : /*#__PURE__*/React__default.createElement("ul", {
     className: `${prefix}--side-nav__menu`,
     role: "group"
   }, childrenToRender));
-  return navType == SIDE_NAV_TYPE.PANEL && !sideNavExpanded ? /*#__PURE__*/React.createElement(SideNavFlyoutMenu, {
+  return navType == SIDE_NAV_TYPE.PANEL && !sideNavExpanded ? /*#__PURE__*/React__default.createElement(SideNavFlyoutMenu, {
     selected: active,
     className: `${prefix}--side-nav-flyout-menu`,
     title: title,

package/es/components/SideNavMenuItem.js

@@ -6,17 +6,17 @@
  */
 
 import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
-import cx from '../_virtual/index.js';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useContext } from 'react';
+import React__default, { useContext } from 'react';
 import { SideNavIcon, SideNavLinkText } from '@carbon/react';
 import Link from './Link.js';
 import { usePrefix } from '../internal/usePrefix.js';
 import { SideNavContext } from './SideNav.js';
-import { Checkmark } from '../node_modules/@carbon/icons-react/es/generated/bucket-3.js';
+import { Checkmark } from '@carbon/icons-react';
 
 var _SideNavIcon;
-const SideNavMenuItem = /*#__PURE__*/React.forwardRef(function SideNavMenuItem(props, ref) {
+const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavMenuItem(props, ref) {
   const prefix = usePrefix();
   const {
     children,
@@ -39,19 +39,19 @@ const SideNavMenuItem = /*#__PURE__*/React.forwardRef(function SideNavMenuItem(p
     [`${prefix}--side-nav__link--active`]: isActive && isFlyoutMenuItem,
     [`${prefix}--side-nav__link--current`]: isActive && !isFlyoutMenuItem
   });
-  return /*#__PURE__*/React.createElement("li", {
+  return /*#__PURE__*/React__default.createElement("li", {
     className: className
-  }, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+  }, /*#__PURE__*/React__default.createElement(Component, _extends({}, rest, {
     "aria-selected": isActive ? 'true' : 'false',
     role: isTreeview ? 'treeitem' : undefined,
     className: linkClassName,
     tabIndex: isTreeview ? -1 : 0,
     ref: ref
-  }), IconElement && !isFlyoutMenuItem && /*#__PURE__*/React.createElement(SideNavIcon, {
+  }), IconElement && !isFlyoutMenuItem && /*#__PURE__*/React__default.createElement(SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React.createElement(IconElement, null)), isActive && isFlyoutMenuItem && (_SideNavIcon || (_SideNavIcon = /*#__PURE__*/React.createElement(SideNavIcon, {
+  }, /*#__PURE__*/React__default.createElement(IconElement, null)), isActive && isFlyoutMenuItem && (_SideNavIcon || (_SideNavIcon = /*#__PURE__*/React__default.createElement(SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React.createElement(Checkmark, null)))), /*#__PURE__*/React.createElement(SideNavLinkText, null, children)));
+  }, /*#__PURE__*/React__default.createElement(Checkmark, null)))), /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
 });
 SideNavMenuItem.displayName = 'SideNavMenuItem';
 SideNavMenuItem.propTypes = {

package/es/components/SideNavSlot.js

@@ -5,17 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import cx from '../_virtual/index.js';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React from 'react';
+import React__default from 'react';
 import { usePrefix } from '../internal/usePrefix.js';
 
-const SideNavSlot = _ref => {
-  let {
-    children,
-    className: customClassName,
-    renderIcon: IconElement
-  } = _ref;
+const SideNavSlot = ({
+  children,
+  className: customClassName,
+  renderIcon: IconElement
+}) => {
   const prefix = usePrefix();
   const className = cx(`${prefix}--side-nav__slot`, customClassName);
   const handleKeyDown = e => {
@@ -23,11 +22,11 @@ const SideNavSlot = _ref => {
       e.stopPropagation();
     }
   };
-  return /*#__PURE__*/React.createElement("li", {
+  return /*#__PURE__*/React__default.createElement("li", {
     className: className
-  }, IconElement && /*#__PURE__*/React.createElement("div", {
+  }, IconElement && /*#__PURE__*/React__default.createElement("div", {
     className: `${prefix}--side-nav__icon`
-  }, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("div", {
     role: "presentation",
     tabIndex: -1,
     onKeyDown: handleKeyDown,

package/es/components/SideNavToggle.js

@@ -6,29 +6,28 @@
  */
 
 import { extends as _extends } from '../_virtual/_rollupPluginBabelHelpers.js';
-import cx from '../_virtual/index.js';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React from 'react';
+import React__default from 'react';
 import { SideNavIcon } from '@carbon/react';
 import { usePrefix } from '../internal/usePrefix.js';
 
-const SideNavToggle = /*#__PURE__*/React.forwardRef(function SideNavToggle(_ref, ref) {
-  let {
-    className: customClassName,
-    renderIcon: IconElement,
-    tabIndex,
-    children,
-    ...rest
-  } = _ref;
+const SideNavToggle = /*#__PURE__*/React__default.forwardRef(function SideNavToggle({
+  className: customClassName,
+  renderIcon: IconElement,
+  tabIndex,
+  children,
+  ...rest
+}, ref) {
   const prefix = usePrefix();
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return /*#__PURE__*/React__default.createElement("button", _extends({
     className: cx(customClassName, {
       [`${prefix}--side-nav__toggle`]: true
     }),
     ref: ref,
     type: "button",
     tabIndex: tabIndex ?? 0
-  }, rest), IconElement && /*#__PURE__*/React.createElement(SideNavIcon, null, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement("span", {
+  }, rest), IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("span", {
     className: `${prefix}--side-nav__toggle-text`
   }, children));
 });

package/es/components/TrialCountdown.js

@@ -5,25 +5,24 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import cx from '../_virtual/index.js';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React from 'react';
+import React__default from 'react';
 import { usePrefix } from '../internal/usePrefix.js';
 
-const TrialCountdown = _ref => {
-  let {
-    className,
-    count,
-    text = 'Trial days left',
-    warning = false
-  } = _ref;
+const TrialCountdown = ({
+  className,
+  count,
+  text = 'Trial days left',
+  warning = false
+}) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--trial-countdown`, className, {
     [`${prefix}--trial-countdown--warning`]: warning
   });
-  return /*#__PURE__*/React.createElement("p", {
+  return /*#__PURE__*/React__default.createElement("p", {
     className: classNames
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: `${prefix}--trial-countdown__count`
   }, count), ' ', text);
 };

package/es/internal/keyboard/match.js

@@ -66,13 +66,12 @@ function matches(event, keysToMatch) {
  * @param {Key} key
  * @returns {boolean}
  */
-function match(eventOrCode) {
-  let {
-    key,
-    which,
-    keyCode,
-    code
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+function match(eventOrCode, {
+  key,
+  which,
+  keyCode,
+  code
+} = {}) {
   if (typeof eventOrCode === 'string') {
     return eventOrCode === key;
   }

package/es/internal/useDelayedState.js

@@ -32,8 +32,7 @@ function useDelayedState(initialState) {
   const timeoutId = useRef(null);
   // We use `useCallback` to match the signature of React's `useState` which will
   // always return the same reference for the `setState` updater
-  const setStateWithDelay = useCallback(function (stateToSet) {
-    let delayMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  const setStateWithDelay = useCallback((stateToSet, delayMs = 0) => {
     window.clearTimeout(timeoutId.current ?? undefined);
     timeoutId.current = null;
     if (delayMs === 0) {

package/es/internal/useId.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, { useState, useEffect, useLayoutEffect } from 'react';
+import React__default, { useState, useEffect, useLayoutEffect } from 'react';
 import setupGetInstanceId from './setupGetInstanceId.js';
 import { useIdPrefix } from './useIdPrefix.js';
 import { canUseDOM } from './environment.js';
@@ -43,7 +43,7 @@ import { canUseDOM } from './environment.js';
 // https://github.com/webpack/webpack/issues/14814
 // https://github.com/mui/material-ui/issues/41190
 const _React = {
-  ...React
+  ...React__default
 };
 const instanceId = setupGetInstanceId();
 const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
@@ -56,8 +56,7 @@ const defaultId = 'id';
  * @param {string} [prefix] the optional prefix id
  * @returns {string}
  */
-function useCompatibleId() {
-  let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultId;
+function useCompatibleId(prefix = defaultId) {
   const contextPrefix = useIdPrefix();
   const [id, setId] = useState(() => {
     if (serverHandoffCompleted) {
@@ -84,8 +83,7 @@ function useCompatibleId() {
  * @param {string} [prefix] the optional prefix id
  * @returns {string}
  */
-function useReactId() {
-  let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultId;
+function useReactId(prefix = defaultId) {
   const contextPrefix = useIdPrefix();
   return `${contextPrefix ? `${contextPrefix}-` : ``}${prefix}-${_React.useId()}`;
 }

package/es/internal/useIdPrefix.js

@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
+import React__default from 'react';
 
-const IdPrefixContext = /*#__PURE__*/React.createContext(null);
+const IdPrefixContext = /*#__PURE__*/React__default.createContext(null);
 
 /**
  *
  */
 function useIdPrefix() {
-  return React.useContext(IdPrefixContext);
+  return React__default.useContext(IdPrefixContext);
 }
 
 export { IdPrefixContext, useIdPrefix };

package/es/internal/usePrefix.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
+import React__default from 'react';
 
 /* eslint-disable jsdoc/require-jsdoc */
 /**
@@ -15,7 +15,7 @@ import React from 'react';
  * LICENSE file in the root directory of this source tree.
  */
 
-const PrefixContext = /*#__PURE__*/React.createContext('cds');
+const PrefixContext = /*#__PURE__*/React__default.createContext('cds');
 
 /**
  * An internal function to return the prefix used in components and styles.
@@ -23,7 +23,7 @@ const PrefixContext = /*#__PURE__*/React.createContext('cds');
  * @returns a react context including the prefix
  */
 function usePrefix() {
-  return React.useContext(PrefixContext);
+  return React__default.useContext(PrefixContext);
 }
 
 export { PrefixContext, usePrefix };

package/es/internal/warning.js

@@ -15,10 +15,7 @@
 
 // const emptyFunction = function () {};
 
-function warning(condition, format) {
-  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    args[_key - 2] = arguments[_key];
-  }
+function warning(condition, format, ...args) {
   {
     let index = 0;
     const message = format.replace(/%s/g, () => {

package/es/node_modules/@carbon/ibm-products/es/components/TooltipTrigger/TooltipTrigger.js

@@ -6,9 +6,9 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import PropTypes from '../../_virtual/index.js';
-import cx from '../../../../../../_virtual/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -21,14 +21,14 @@ const componentName = 'TooltipTrigger';
  * This is an tooltip trigger as Carbon Tooltip requires an active element to work but provides
  * no blanked button.
  */
-let TooltipTrigger = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+let TooltipTrigger = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   let {
     children,
     className,
     // Collect any other property values passed in.
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return /*#__PURE__*/React__default.createElement("button", _extends({
     type: "button",
     ref: ref
   }, rest, {