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

package/lib/components/SideNavMenuItem.js

@@ -10,7 +10,7 @@
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var react = require('@carbon/react');
 var Link = require('./Link.js');
 var usePrefix = require('../internal/usePrefix.js');
@@ -18,7 +18,7 @@ var SideNav = require('./SideNav.js');
 var iconsReact = require('@carbon/icons-react');
 
 var _SideNavIcon;
-const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavMenuItem(props, ref) {
+const SideNavMenuItem = /*#__PURE__*/React.forwardRef(function SideNavMenuItem(props, ref) {
   const prefix = usePrefix.usePrefix();
   const {
     children,
@@ -31,7 +31,7 @@ const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavM
   } = props;
   const {
     isTreeview
-  } = React__default.useContext(SideNav.SideNavContext);
+  } = React.useContext(SideNav.SideNavContext);
   const className = cx({
     [`${prefix}--side-nav__menu-item`]: true,
     [`${prefix}--side-nav__menu-item--flyout-menu-item`]: isFlyoutMenuItem
@@ -41,19 +41,19 @@ const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavM
     [`${prefix}--side-nav__link--active`]: isActive && isFlyoutMenuItem,
     [`${prefix}--side-nav__link--current`]: isActive && !isFlyoutMenuItem
   });
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: className
-  }, /*#__PURE__*/React__default.createElement(Component, _rollupPluginBabelHelpers.extends({}, rest, {
+  }, /*#__PURE__*/React.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__default.createElement(react.SideNavIcon, {
+  }), IconElement && !isFlyoutMenuItem && /*#__PURE__*/React.createElement(react.SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React__default.createElement(IconElement, null)), isActive && isFlyoutMenuItem && (_SideNavIcon || (_SideNavIcon = /*#__PURE__*/React__default.createElement(react.SideNavIcon, {
+  }, /*#__PURE__*/React.createElement(IconElement, null)), isActive && isFlyoutMenuItem && (_SideNavIcon || (_SideNavIcon = /*#__PURE__*/React.createElement(react.SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React__default.createElement(iconsReact.Checkmark, null)))), /*#__PURE__*/React__default.createElement(react.SideNavLinkText, null, children)));
+  }, /*#__PURE__*/React.createElement(iconsReact.Checkmark, null)))), /*#__PURE__*/React.createElement(react.SideNavLinkText, null, children)));
 });
 SideNavMenuItem.displayName = 'SideNavMenuItem';
 SideNavMenuItem.propTypes = {

package/lib/components/SideNavSlot.js

@@ -9,7 +9,7 @@
 
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var usePrefix = require('../internal/usePrefix.js');
 
 const SideNavSlot = ({
@@ -24,11 +24,11 @@ const SideNavSlot = ({
       e.stopPropagation();
     }
   };
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: className
-  }, IconElement && /*#__PURE__*/React__default.createElement("div", {
+  }, IconElement && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--side-nav__icon`
-  }, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement("div", {
     role: "presentation",
     tabIndex: -1,
     onKeyDown: handleKeyDown,

package/lib/components/SideNavTitle.js

@@ -9,7 +9,7 @@
 
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var usePrefix = require('../internal/usePrefix.js');
 var react = require('@carbon/react');
 
@@ -20,9 +20,9 @@ const SideNavTitle = ({
 }) => {
   const prefix = usePrefix.usePrefix();
   const className = cx(`${prefix}--side-nav__title`, customClassName);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
     className: className
-  }, children), _SideNavDivider || (_SideNavDivider = /*#__PURE__*/React__default.createElement(react.SideNavDivider, null)));
+  }, children), _SideNavDivider || (_SideNavDivider = /*#__PURE__*/React.createElement(react.SideNavDivider, null)));
 };
 SideNavTitle.propTypes = {
   /**

package/lib/components/SideNavToggle.js

@@ -12,14 +12,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var Link = require('./Link.js');
 var react = require('@carbon/react');
 var usePrefix = require('../internal/usePrefix.js');
 var SideNav = require('./SideNav.js');
 var SideNavLinkPopover = require('./SideNavLinkPopover.js');
 
-const SideNavToggle = /*#__PURE__*/React__default.forwardRef(function SideNavToggle({
+const SideNavToggle = /*#__PURE__*/React.forwardRef(function SideNavToggle({
   children,
   className: customClassName,
   disabled,
@@ -31,32 +31,32 @@ const SideNavToggle = /*#__PURE__*/React__default.forwardRef(function SideNavTog
   const {
     expanded,
     navType
-  } = React__default.useContext(SideNav.SideNavContext);
+  } = React.useContext(SideNav.SideNavContext);
   const prefix = usePrefix.usePrefix();
   const className = cx({
     [`${prefix}--side-nav__toggle`]: true,
     [`${prefix}--side-nav__toggle--disabled`]: disabled,
     [customClassName]: !!customClassName
   });
-  const SideNavLinkIcon = IconElement && /*#__PURE__*/React__default.createElement(react.SideNavIcon, {
+  const SideNavLinkIcon = IconElement && /*#__PURE__*/React.createElement(react.SideNavIcon, {
     small: true
-  }, /*#__PURE__*/React__default.createElement(IconElement, null));
+  }, /*#__PURE__*/React.createElement(IconElement, null));
   if (!expanded && navType === SideNav.SIDE_NAV_TYPE.RAIL_PANEL) {
-    return /*#__PURE__*/React__default.createElement(SideNavLinkPopover.SideNavLinkPopover, _rollupPluginBabelHelpers.extends({
+    return /*#__PURE__*/React.createElement(SideNavLinkPopover.SideNavLinkPopover, _rollupPluginBabelHelpers.extends({
       align: "right",
       className: className,
       label: children
     }, rest), SideNavLinkIcon);
   }
-  return /*#__PURE__*/React__default.createElement(react.SideNavItem, {
+  return /*#__PURE__*/React.createElement(react.SideNavItem, {
     large: large
-  }, /*#__PURE__*/React__default.createElement("button", _rollupPluginBabelHelpers.extends({
+  }, /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
     className: className,
     ref: ref,
     type: "button",
     tabIndex: tabIndex ?? 0,
     disabled: disabled
-  }, rest), SideNavLinkIcon, /*#__PURE__*/React__default.createElement(react.SideNavLinkText, null, children)));
+  }, rest), SideNavLinkIcon, /*#__PURE__*/React.createElement(react.SideNavLinkText, null, children)));
 });
 SideNavToggle.displayName = 'SideNavToggle';
 SideNavToggle.propTypes = {

package/lib/components/TrialCountdown.js

@@ -9,7 +9,7 @@
 
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var React__default = require('react');
+var React = require('react');
 var usePrefix = require('../internal/usePrefix.js');
 
 const TrialCountdown = ({
@@ -22,9 +22,9 @@ const TrialCountdown = ({
   const classNames = cx(`${prefix}--trial-countdown`, className, {
     [`${prefix}--trial-countdown--warning`]: warning
   });
-  return /*#__PURE__*/React__default.createElement("p", {
+  return /*#__PURE__*/React.createElement("p", {
     className: classNames
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--trial-countdown__count`
   }, count), ' ', text);
 };

package/lib/es/components/HeaderContainer.d.ts

@@ -5,7 +5,7 @@ export function HeaderContainer({ render: Children, isSideNavExpanded, isSwitche
     isSwitcherExpanded?: boolean | undefined;
     isProfileExpanded?: boolean | undefined;
     themeSetting: any;
-}): React__default.CElement<any, React__default.Component<any, any, any>>;
+}): React.CElement<any, React.Component<any, any, any>>;
 export namespace HeaderContainer {
     namespace propTypes {
         let isProfileExpanded: PropTypes.Requireable<boolean>;
@@ -15,6 +15,6 @@ export namespace HeaderContainer {
     }
     let displayName: string;
 }
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 export { HeaderContainer as default };

package/lib/es/components/HeaderDivider.d.ts

@@ -1,6 +1,6 @@
 export function HeaderDivider({ className }: {
     className: any;
-}): React__default.DetailedReactHTMLElement<{
+}): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
 export namespace HeaderDivider {
@@ -8,5 +8,5 @@ export namespace HeaderDivider {
         let className: PropTypes.Requireable<string>;
     }
 }
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/es/components/HeaderOverflowPanel.d.ts

@@ -1,2 +1,2 @@
-export const HeaderOverflowPanel: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
-import React__default from 'react';
+export const HeaderOverflowPanel: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/es/components/HeaderPopover.d.ts

@@ -11,7 +11,7 @@ export function HeaderPopover({ align, as, autoAlign, className: customClassName
     className: any;
     children: any;
     defaultOpen?: boolean | undefined;
-}): React__default.DetailedReactHTMLElement<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+}): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
 export namespace HeaderPopover {
     namespace propTypes {
         let align: PropTypes.Requireable<string>;
@@ -38,7 +38,7 @@ export function HeaderPopoverButton({ children, className: customClassName, labe
     className: any;
     label?: string | undefined;
     as: any;
-}): React__default.DetailedReactHTMLElement<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+}): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
 export namespace HeaderPopoverButton {
     export namespace propTypes_1 {
         let children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -58,7 +58,7 @@ export function HeaderPopoverContent({ children, className, ...rest }: {
     [x: string]: any;
     children: any;
     className: any;
-}): React__default.FunctionComponentElement<import("@carbon/react").ToggletipContentProps & React__default.RefAttributes<HTMLDivElement>>;
-import React__default from 'react';
+}): React.FunctionComponentElement<import("@carbon/react").ToggletipContentProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ToggletipActions } from '@carbon/react';

package/lib/es/components/Link.d.ts

@@ -9,12 +9,12 @@ export namespace LinkPropTypes {
  * in their own components to support use-cases like `react-router` or
  * `@reach/router`
  */
-declare const Link: React__default.ForwardRefExoticComponent<Omit<{
+declare const Link: React.ForwardRefExoticComponent<Omit<{
     [x: string]: any;
     element: any;
     as: any;
     isSideNavExpanded: any;
-}, "ref"> & React__default.RefAttributes<any>>;
+}, "ref"> & React.RefAttributes<any>>;
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 export { Link as default };

package/lib/es/components/Profile.d.ts

@@ -1,12 +1,12 @@
-export const Profile: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
-export const ProfileReadOnly: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
-export const ProfileUserInfo: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
-export const ReadOnly: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
+export const Profile: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const ProfileReadOnly: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const ProfileUserInfo: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const ReadOnly: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 /**
  * -------
  * Exports
  * -------
  */
-export const Root: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
-export const UserInfo: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
-import React__default from 'react';
+export const Root: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const UserInfo: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/es/components/SharkFinIcon.d.ts

@@ -1,6 +1,6 @@
 export function SharkFinIcon({ className: customClassName }: {
     className: any;
-}): React__default.ReactSVGElement;
+}): React.ReactSVGElement;
 export namespace SharkFinIcon {
     namespace propTypes {
         let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -8,5 +8,5 @@ export namespace SharkFinIcon {
         let small: PropTypes.Requireable<boolean>;
     }
 }
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/es/components/SideNav.d.ts

@@ -1,5 +1,5 @@
 export let SIDE_NAV_TYPE: {};
-export const SideNav: React__default.ForwardRefExoticComponent<Omit<{
+export const SideNav: React.ForwardRefExoticComponent<Omit<{
     [x: string]: any;
     expanded: any;
     defaultExpanded?: boolean | undefined;
@@ -25,12 +25,12 @@ export const SideNav: React__default.ForwardRefExoticComponent<Omit<{
     hideOverlay?: boolean | undefined;
     translateWithId?: ((id: any) => string) | undefined;
     headerOverflowPanel: any;
-}, "ref"> & React__default.RefAttributes<any>>;
-export const SideNavContext: React__default.Context<{}>;
+}, "ref"> & React.RefAttributes<any>>;
+export const SideNavContext: React.Context<{}>;
 export const translationIds: {
     'collapse.sidenav': string;
     'expand.sidenav': string;
     'enable.autoexpand': string;
     'disable.autoexpand': string;
 };
-import React__default from 'react';
+import React from 'react';

package/lib/es/components/SideNavFlyoutMenu.d.ts

@@ -13,7 +13,7 @@ export function SideNavFlyoutMenu({ align, className: customClassName, children,
     menuContent: any;
     selected?: boolean | undefined;
     title: any;
-}): React__default.FunctionComponentElement<import("@carbon/react").PopoverProps<React__default.ElementType<any, keyof React__default.JSX.IntrinsicElements>>>;
+}): React.FunctionComponentElement<import("@carbon/react").PopoverProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>;
 export namespace SideNavFlyoutMenu {
     namespace propTypes {
         let align: PropTypes.Requireable<string>;
@@ -30,5 +30,5 @@ export namespace SideNavFlyoutMenu {
         let title: PropTypes.Requireable<string>;
     }
 }
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/es/components/SideNavItems.d.ts

@@ -3,7 +3,7 @@ export function SideNavItems({ className: customClassName, children, isSideNavEx
     children: any;
     isSideNavExpanded: any;
     accessibilityLabel: any;
-}): React__default.DetailedReactHTMLElement<any, HTMLElement>;
+}): React.DetailedReactHTMLElement<any, HTMLElement>;
 export namespace SideNavItems {
     let displayName: string;
     namespace propTypes {
@@ -12,5 +12,5 @@ export namespace SideNavItems {
         let isSideNavExpanded: PropTypes.Requireable<boolean>;
     }
 }
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/es/components/SideNavLink.d.ts

@@ -1,3 +1,3 @@
-export const SideNavLink: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
-import React__default from 'react';
+export const SideNavLink: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';
 export { SideNavLink as default };

package/lib/es/components/SideNavLinkPopover.d.ts

@@ -2,7 +2,7 @@ export function SideNavLinkPopover({ className, children, ...rest }: {
     [x: string]: any;
     className: any;
     children: any;
-}): React__default.FunctionComponentElement<import("@carbon/react").IconButtonProps & React__default.RefAttributes<unknown>>;
+}): React.FunctionComponentElement<import("@carbon/react").IconButtonProps & React.RefAttributes<unknown>>;
 export namespace SideNavLinkPopover {
     namespace propTypes {
         let align: PropTypes.Requireable<string>;
@@ -21,6 +21,6 @@ export namespace SideNavLinkPopover {
         let wrapperClasses: PropTypes.Requireable<string>;
     }
 }
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 export { SideNavLinkPopover as default };

package/lib/es/components/SideNavMenu.d.ts

@@ -1,2 +1,2 @@
-export const SideNavMenu: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
-import React__default from 'react';
+export const SideNavMenu: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/es/components/SideNavMenuItem.d.ts

@@ -1,2 +1,2 @@
-export const SideNavMenuItem: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
-import React__default from 'react';
+export const SideNavMenuItem: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/es/components/SideNavSlot.d.ts

@@ -2,7 +2,7 @@ export function SideNavSlot({ children, className: customClassName, renderIcon:
     children: any;
     className: any;
     renderIcon: any;
-}): React__default.DetailedReactHTMLElement<{
+}): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
 export namespace SideNavSlot {
@@ -12,5 +12,5 @@ export namespace SideNavSlot {
         let renderIcon: PropTypes.Requireable<object>;
     }
 }
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/es/components/SideNavTitle.d.ts

@@ -1,8 +1,8 @@
 export function SideNavTitle({ children, className: customClassName }: {
     children: any;
     className: any;
-}): React__default.FunctionComponentElement<{
-    children?: React__default.ReactNode | undefined;
+}): React.FunctionComponentElement<{
+    children?: React.ReactNode | undefined;
 }>;
 export namespace SideNavTitle {
     namespace propTypes {
@@ -10,5 +10,5 @@ export namespace SideNavTitle {
         let className: PropTypes.Requireable<string>;
     }
 }
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/es/components/SideNavToggle.d.ts

@@ -1,3 +1,3 @@
-export const SideNavToggle: React__default.ForwardRefExoticComponent<React__default.RefAttributes<any>>;
-import React__default from 'react';
+export const SideNavToggle: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';
 export { SideNavToggle as default };

package/lib/es/components/TrialCountdown.d.ts

@@ -3,7 +3,7 @@ export function TrialCountdown({ className, count, text, warning }: {
     count: any;
     text?: string | undefined;
     warning?: boolean | undefined;
-}): React__default.DetailedReactHTMLElement<{
+}): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
 export namespace TrialCountdown {
@@ -14,5 +14,5 @@ export namespace TrialCountdown {
         let warning: PropTypes.Requireable<boolean>;
     }
 }
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';

package/lib/es/internal/useIdPrefix.d.ts

@@ -1,6 +1,6 @@
-export const IdPrefixContext: React__default.Context<null>;
+export const IdPrefixContext: React.Context<null>;
 /**
  *
  */
 export function useIdPrefix(): null;
-import React__default from 'react';
+import React from 'react';

package/lib/es/internal/usePrefix.d.ts

@@ -4,11 +4,11 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export const PrefixContext: React__default.Context<string>;
+export const PrefixContext: React.Context<string>;
 /**
  * An internal function to return the prefix used in components and styles.
  *
  * @returns a react context including the prefix
  */
 export function usePrefix(): string;
-import React__default from 'react';
+import React from 'react';

package/lib/internal/useDelayedState.js

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

package/lib/internal/useEvent.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var React__default = require('react');
+var React = 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__default.useRef(null);
-  React__default.useEffect(() => {
+  const savedCallback = React.useRef(null);
+  React.useEffect(() => {
     savedCallback.current = callback;
   }, [callback]);
-  React__default.useEffect(() => {
+  React.useEffect(() => {
     /**
      * @type {WindowEventCallback<E>}
      */

package/lib/internal/useId.js

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

package/lib/internal/useIdPrefix.js

@@ -7,15 +7,15 @@
 
 'use strict';
 
-var React__default = require('react');
+var React = require('react');
 
-const IdPrefixContext = /*#__PURE__*/React__default.createContext(null);
+const IdPrefixContext = /*#__PURE__*/React.createContext(null);
 
 /**
  *
  */
 function useIdPrefix() {
-  return React__default.useContext(IdPrefixContext);
+  return React.useContext(IdPrefixContext);
 }
 
 exports.IdPrefixContext = IdPrefixContext;

package/lib/internal/useMatchMedia.js

@@ -7,7 +7,7 @@
 
 'use strict';
 
-var React__default = require('react');
+var React = 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__default.useState(() => {
+  const [matches, setMatches] = React.useState(() => {
     if (environment.canUseDOM) {
       const mediaQueryList = window.matchMedia(mediaQueryString);
       return mediaQueryList.matches;
     }
     return false;
   });
-  React__default.useEffect(() => {
+  React.useEffect(() => {
     function listener(event) {
       setMatches(event.matches);
     }

package/lib/internal/useMergedRefs.js

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