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

package/lib/components/SideNavMenu.js

@@ -7,11 +7,12 @@
 
 'use strict';
 
+var iconsReact = require('@carbon/icons-react');
 var react = require('@carbon/react');
-var index$1 = require('../node_modules/@carbon/layout/es/index.js');
-var index = require('../_virtual/index.js');
+var index = require('../node_modules/@carbon/layout/es/index.js');
+var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React = require('react');
+var React__default = require('react');
 var _utils = require('./_utils.js');
 var useId = require('../internal/useId.js');
 var keys = require('../internal/keyboard/keys.js');
@@ -23,30 +24,27 @@ var SharkFinIcon = require('./SharkFinIcon.js');
 var SideNavFlyoutMenu = require('./SideNavFlyoutMenu.js');
 var SideNavItems = require('./SideNavItems.js');
 var useMatchMedia = require('../internal/useMatchMedia.js');
-var bucket0 = require('../node_modules/@carbon/icons-react/es/generated/bucket-0.js');
-var bucket3 = require('../node_modules/@carbon/icons-react/es/generated/bucket-3.js');
 
 var _ArrowLeft, _SharkFinIcon, _ChevronRight, _ChevronDown;
-const smMediaQuery = `(max-width: ${index$1.breakpoints.md.width})`;
-const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref) {
-  let {
-    backButtonRenderIcon = () => _ArrowLeft || (_ArrowLeft = /*#__PURE__*/React.createElement(bucket0.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 smMediaQuery = `(max-width: ${index.breakpoints.md.width})`;
+const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu({
+  backButtonRenderIcon = () => _ArrowLeft || (_ArrowLeft = /*#__PURE__*/React__default.createElement(iconsReact.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,
@@ -54,22 +52,22 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
     navType,
     isRail,
     setIsTreeview
-  } = React.useContext(SideNav.SideNavContext);
+  } = React__default.useContext(SideNav.SideNavContext);
   const sideNavExpanded = expanded;
   const prefix = usePrefix.usePrefix();
-  const [isExpanded, setIsExpanded] = React.useState(defaultExpanded);
-  const [active, setActive] = React.useState(isActive);
-  const firstLink = React.useRef(null);
-  const backButtonRef = React.useRef(null);
+  const [isExpanded, setIsExpanded] = React__default.useState(defaultExpanded);
+  const [active, setActive] = React__default.useState(isActive);
+  const firstLink = React__default.useRef(null);
+  const backButtonRef = React__default.useRef(null);
   const uid = useId.useId('side-nav-menu');
   const uniqueId = id || uid;
-  const [prevExpanded, setPrevExpanded] = React.useState(defaultExpanded);
-  const [isSecondaryOpen, setSecondaryOpen] = React.useState(defaultExpanded);
+  const [prevExpanded, setPrevExpanded] = React__default.useState(defaultExpanded);
+  const [isSecondaryOpen, setSecondaryOpen] = React__default.useState(defaultExpanded);
   const {
     currentPrimaryMenu,
     setCurrentPrimaryMenu
-  } = React.useContext(SideNav.SideNavContext);
-  const className = index.default({
+  } = React__default.useContext(SideNav.SideNavContext);
+  const className = cx({
     [`${prefix}--side-nav__item`]: true,
     [`${prefix}--side-nav__item--primary`]: primary,
     [`${prefix}--side-nav__item--active`]: !primary && (active || hasActiveDescendant(children) && !isExpanded),
@@ -77,16 +75,16 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
     [`${prefix}--side-nav__item--large`]: large,
     [customClassName]: !!customClassName
   });
-  const buttonClassName = index.default({
+  const buttonClassName = cx({
     [`${prefix}--side-nav__submenu`]: true,
     [`${prefix}--side-nav__submenu--active`]: active || hasActiveDescendant(children) && isExpanded
   });
-  const primaryClassNames = index.default({
+  const primaryClassNames = cx({
     [`${prefix}--side-nav__menu-secondary-wrapper`]: true,
     [`${prefix}--side-nav__menu-secondary-wrapper-expanded`]: isSideNavExpanded && isSecondaryOpen && currentPrimaryMenu === uniqueId
   });
-  const buttonRef = React.useRef(null);
-  const listRef = React.useRef(null);
+  const buttonRef = React__default.useRef(null);
+  const listRef = React__default.useRef(null);
   const menuRef = useMergedRefs.useMergedRefs([buttonRef, ref]);
   if (!isSideNavExpanded && isExpanded && isRail) {
     setIsExpanded(false);
@@ -98,12 +96,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 = _utils.CARBON_SIDENAV_ITEMS.includes(childDisplayName);
-      return /*#__PURE__*/React.cloneElement(child, {
+      return /*#__PURE__*/React__default.cloneElement(child, {
         ...(isCarbonSideNavItem && {
           isSideNavExpanded: isSideNavExpanded
         }),
@@ -122,7 +120,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;
         }
@@ -141,7 +139,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);
@@ -150,7 +148,7 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
     }
     return false;
   }
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (navType == SideNav.SIDE_NAV_TYPE.PANEL) {
       // grab first link to redirect if clicked when not expanded
       if (!firstLink?.current && listRef?.current) {
@@ -270,19 +268,19 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
     }
     setIsExpanded(false);
   }
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (isExpanded && primary && setCurrentPrimaryMenu) {
       setCurrentPrimaryMenu(uniqueId);
     }
     setSecondaryOpen(isExpanded);
   }, [isExpanded]);
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (primary) {
       setIsExpanded(currentPrimaryMenu === uniqueId);
     }
   }, [currentPrimaryMenu]);
   // reset to opened/collapsed menu state when Panel SideNav is toggled
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (navType == SideNav.SIDE_NAV_TYPE.PANEL && !sideNavExpanded) {
       setIsExpanded(false);
     }
@@ -292,11 +290,11 @@ 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.useMatchMedia(smMediaQuery);
 
   // keeps the secondary open when moving from small to large breakpoints
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (!isSm && uniqueId === currentPrimaryMenu) {
       setIsExpanded(true);
     }
@@ -304,14 +302,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: () => {
@@ -333,37 +331,37 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu(_ref, ref
     ref: menuRef,
     type: "button",
     tabIndex: isTreeview ? -1 : 0
-  }, IconElement && /*#__PURE__*/React.createElement(react.SideNavIcon, null, /*#__PURE__*/React.createElement(IconElement, null)), !sideNavExpanded && /*#__PURE__*/React.createElement("div", {
+  }, IconElement && /*#__PURE__*/React__default.createElement(react.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.SharkFinIcon, null)))), /*#__PURE__*/React.createElement("span", {
+  }, _SharkFinIcon || (_SharkFinIcon = /*#__PURE__*/React__default.createElement(SharkFinIcon.SharkFinIcon, null)))), /*#__PURE__*/React__default.createElement("span", {
     className: `${prefix}--side-nav__submenu-title`
-  }, title), /*#__PURE__*/React.createElement(react.SideNavIcon, {
+  }, title), /*#__PURE__*/React__default.createElement(react.SideNavIcon, {
     className: `${prefix}--side-nav__submenu-chevron`,
     small: true
-  }, primary ? _ChevronRight || (_ChevronRight = /*#__PURE__*/React.createElement(bucket3.ChevronRight, {
+  }, primary ? _ChevronRight || (_ChevronRight = /*#__PURE__*/React__default.createElement(iconsReact.ChevronRight, {
     size: 20
-  })) : _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(bucket3.ChevronDown, {
+  })) : _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(iconsReact.ChevronDown, {
     size: 20
-  })))), primary ? /*#__PURE__*/React.createElement(react.Layer, null, /*#__PURE__*/React.createElement("div", {
+  })))), primary ? /*#__PURE__*/React__default.createElement(react.Layer, null, /*#__PURE__*/React__default.createElement("div", {
     className: primaryClassNames
-  }, /*#__PURE__*/React.createElement(SideNavItems.SideNavItems, {
+  }, /*#__PURE__*/React__default.createElement(SideNavItems.SideNavItems, {
     accessibilityLabel: {
       'aria-label': `${title} submenu`
     }
-  }, isSm && /*#__PURE__*/React.createElement(react.Button, {
+  }, isSm && /*#__PURE__*/React__default.createElement(react.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 == SideNav.SIDE_NAV_TYPE.PANEL && !sideNavExpanded ? /*#__PURE__*/React.createElement(SideNavFlyoutMenu.SideNavFlyoutMenu, {
+  return navType == SideNav.SIDE_NAV_TYPE.PANEL && !sideNavExpanded ? /*#__PURE__*/React__default.createElement(SideNavFlyoutMenu.SideNavFlyoutMenu, {
     selected: active,
     className: `${prefix}--side-nav-flyout-menu`,
     title: title,

package/lib/components/SideNavMenuItem.js

@@ -8,17 +8,17 @@
 'use strict';
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
-var index = require('../_virtual/index.js');
+var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React = require('react');
+var React__default = require('react');
 var react = require('@carbon/react');
 var Link = require('./Link.js');
 var usePrefix = require('../internal/usePrefix.js');
 var SideNav = require('./SideNav.js');
-var bucket3 = require('../node_modules/@carbon/icons-react/es/generated/bucket-3.js');
+var iconsReact = require('@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.usePrefix();
   const {
     children,
@@ -31,29 +31,29 @@ const SideNavMenuItem = /*#__PURE__*/React.forwardRef(function SideNavMenuItem(p
   } = props;
   const {
     isTreeview
-  } = React.useContext(SideNav.SideNavContext);
-  const className = index.default({
+  } = React__default.useContext(SideNav.SideNavContext);
+  const className = cx({
     [`${prefix}--side-nav__menu-item`]: true,
     [`${prefix}--side-nav__menu-item--flyout-menu-item`]: isFlyoutMenuItem
   }, customClassName);
-  const linkClassName = index.default({
+  const linkClassName = cx({
     [`${prefix}--side-nav__link`]: true,
     [`${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, _rollupPluginBabelHelpers.extends({}, rest, {
+  }, /*#__PURE__*/React__default.createElement(Component, _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-selected": isActive ? 'true' : 'false',
     role: isTreeview ? 'treeitem' : undefined,
     className: linkClassName,
     tabIndex: isTreeview ? -1 : 0,
     ref: ref
-  }), IconElement && !isFlyoutMenuItem && /*#__PURE__*/React.createElement(react.SideNavIcon, {
+  }), IconElement && !isFlyoutMenuItem && /*#__PURE__*/React__default.createElement(react.SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React.createElement(IconElement, null)), isActive && isFlyoutMenuItem && (_SideNavIcon || (_SideNavIcon = /*#__PURE__*/React.createElement(react.SideNavIcon, {
+  }, /*#__PURE__*/React__default.createElement(IconElement, null)), isActive && isFlyoutMenuItem && (_SideNavIcon || (_SideNavIcon = /*#__PURE__*/React__default.createElement(react.SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React.createElement(bucket3.Checkmark, null)))), /*#__PURE__*/React.createElement(react.SideNavLinkText, null, children)));
+  }, /*#__PURE__*/React__default.createElement(iconsReact.Checkmark, null)))), /*#__PURE__*/React__default.createElement(react.SideNavLinkText, null, children)));
 });
 SideNavMenuItem.displayName = 'SideNavMenuItem';
 SideNavMenuItem.propTypes = {

package/lib/components/SideNavSlot.js

@@ -7,29 +7,28 @@
 
 'use strict';
 
-var index = require('../_virtual/index.js');
+var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React = require('react');
+var React__default = require('react');
 var usePrefix = require('../internal/usePrefix.js');
 
-const SideNavSlot = _ref => {
-  let {
-    children,
-    className: customClassName,
-    renderIcon: IconElement
-  } = _ref;
+const SideNavSlot = ({
+  children,
+  className: customClassName,
+  renderIcon: IconElement
+}) => {
   const prefix = usePrefix.usePrefix();
-  const className = index.default(`${prefix}--side-nav__slot`, customClassName);
+  const className = cx(`${prefix}--side-nav__slot`, customClassName);
   const handleKeyDown = e => {
     if (e.key === 'ArrowDown') {
       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/lib/components/SideNavToggle.js

@@ -10,29 +10,28 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
-var index = require('../_virtual/index.js');
+var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React = require('react');
+var React__default = require('react');
 var react = require('@carbon/react');
 var usePrefix = require('../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.usePrefix();
-  return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
-    className: index.default(customClassName, {
+  return /*#__PURE__*/React__default.createElement("button", _rollupPluginBabelHelpers.extends({
+    className: cx(customClassName, {
       [`${prefix}--side-nav__toggle`]: true
     }),
     ref: ref,
     type: "button",
     tabIndex: tabIndex ?? 0
-  }, rest), IconElement && /*#__PURE__*/React.createElement(react.SideNavIcon, null, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement("span", {
+  }, rest), IconElement && /*#__PURE__*/React__default.createElement(react.SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("span", {
     className: `${prefix}--side-nav__toggle-text`
   }, children));
 });

package/lib/components/TrialCountdown.js

@@ -7,25 +7,24 @@
 
 'use strict';
 
-var index = require('../_virtual/index.js');
+var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React = require('react');
+var React__default = require('react');
 var usePrefix = require('../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.usePrefix();
-  const classNames = index.default(`${prefix}--trial-countdown`, className, {
+  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/lib/internal/keyboard/match.js

@@ -68,13 +68,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/lib/internal/useDelayedState.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var React = require('react');
+var React__default = require('react');
 
 /* eslint-disable jsdoc/require-jsdoc */
 /**
@@ -30,12 +30,11 @@ var React = require('react');
  */
 
 function useDelayedState(initialState) {
-  const [state, setState] = React.useState(initialState);
-  const timeoutId = React.useRef(null);
+  const [state, setState] = React__default.useState(initialState);
+  const timeoutId = React__default.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 = React.useCallback(function (stateToSet) {
-    let delayMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  const setStateWithDelay = React__default.useCallback((stateToSet, delayMs = 0) => {
     window.clearTimeout(timeoutId.current ?? undefined);
     timeoutId.current = null;
     if (delayMs === 0) {
@@ -47,7 +46,7 @@ function useDelayedState(initialState) {
       timeoutId.current = null;
     }, delayMs);
   }, []);
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     return () => {
       window.clearTimeout(timeoutId.current ?? undefined);
     };

package/lib/internal/useEvent.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var React = require('react');
+var React__default = require('react');
 
 /* eslint-disable jsdoc/require-param-description */
 // @ts-check
@@ -34,11 +34,11 @@ function useWindowEvent(eventName, callback) {
   /**
    * @type {MutableRefObject<WindowEventCallback<E> | null>}
    */
-  const savedCallback = React.useRef(null);
-  React.useEffect(() => {
+  const savedCallback = React__default.useRef(null);
+  React__default.useEffect(() => {
     savedCallback.current = callback;
   }, [callback]);
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     /**
      * @type {WindowEventCallback<E>}
      */

package/lib/internal/useId.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var React = require('react');
+var React__default = require('react');
 var setupGetInstanceId = require('./setupGetInstanceId.js');
 var useIdPrefix = require('./useIdPrefix.js');
 var environment = require('./environment.js');
@@ -45,10 +45,10 @@ var environment = require('./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.default();
-const useIsomorphicLayoutEffect = environment.canUseDOM ? React.useLayoutEffect : React.useEffect;
+const useIsomorphicLayoutEffect = environment.canUseDOM ? React__default.useLayoutEffect : React__default.useEffect;
 let serverHandoffCompleted = false;
 const defaultId = 'id';
 
@@ -58,10 +58,9 @@ 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.useIdPrefix();
-  const [id, setId] = React.useState(() => {
+  const [id, setId] = React__default.useState(() => {
     if (serverHandoffCompleted) {
       return `${contextPrefix ? `${contextPrefix}-` : ``}${prefix}-${instanceId()}`;
     }
@@ -72,7 +71,7 @@ function useCompatibleId() {
       setId(`${contextPrefix ? `${contextPrefix}-` : ``}${prefix}-${instanceId()}`);
     }
   }, [instanceId]);
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (serverHandoffCompleted === false) {
       serverHandoffCompleted = true;
     }
@@ -86,8 +85,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.useIdPrefix();
   return `${contextPrefix ? `${contextPrefix}-` : ``}${prefix}-${_React.useId()}`;
 }

package/lib/internal/useIdPrefix.js

@@ -7,15 +7,15 @@
 
 'use strict';
 
-var React = require('react');
+var React__default = require('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);
 }
 
 exports.IdPrefixContext = IdPrefixContext;

package/lib/internal/useMatchMedia.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var React = require('react');
+var React__default = require('react');
 var environment = require('./environment.js');
 
 /* eslint-disable jsdoc/require-jsdoc */
@@ -19,14 +19,14 @@ var environment = require('./environment.js');
  */
 
 function useMatchMedia(mediaQueryString) {
-  const [matches, setMatches] = React.useState(() => {
+  const [matches, setMatches] = React__default.useState(() => {
     if (environment.canUseDOM) {
       const mediaQueryList = window.matchMedia(mediaQueryString);
       return mediaQueryList.matches;
     }
     return false;
   });
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     function listener(event) {
       setMatches(event.matches);
     }

package/lib/internal/useMergedRefs.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var React = require('react');
+var React__default = require('react');
 
 /* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
 /* eslint-disable jsdoc/require-param */
@@ -25,7 +25,7 @@ var React = require('react');
  * the same node.
  */
 const useMergedRefs = refs => {
-  return React.useCallback(node => {
+  return React__default.useCallback(node => {
     refs.forEach(ref => {
       if (typeof ref === 'function') {
         ref(node);