carbon-addons-iot-react 4.2.0 → 4.2.2

package/es/node_modules/@carbon/feature-flags/es/index.js

@@ -43,6 +43,15 @@ try {
   } else {
     enabled$1.enableExperimentalTileContrast = false;
   }
+  if (process.env.CARBON_ENABLE_TILE_CONTRAST) {
+    if (process.env.CARBON_ENABLE_TILE_CONTRAST === 'true') {
+      enabled$1.enableTileContrast = true;
+    } else {
+      enabled$1.enableTileContrast = false;
+    }
+  } else {
+    enabled$1.enableTileContrast = false;
+  }
   if (process.env.CARBON_ENABLE_V12_TILE_DEFAULT_ICONS) {
     if (process.env.CARBON_ENABLE_V12_TILE_DEFAULT_ICONS === 'true') {
       enabled$1.enableV12TileDefaultIcons = true;
@@ -97,6 +106,15 @@ try {
   } else {
     enabled$1.enableExperimentalFocusWrapWithoutSentinels = false;
   }
+  if (process.env.CARBON_ENABLE_FOCUS_WRAP_WITHOUT_SENTINELS) {
+    if (process.env.CARBON_ENABLE_FOCUS_WRAP_WITHOUT_SENTINELS === 'true') {
+      enabled$1.enableFocusWrapWithoutSentinels = true;
+    } else {
+      enabled$1.enableFocusWrapWithoutSentinels = false;
+    }
+  } else {
+    enabled$1.enableFocusWrapWithoutSentinels = false;
+  }
   if (process.env.CARBON_ENABLE_DIALOG_ELEMENT) {
     if (process.env.CARBON_ENABLE_DIALOG_ELEMENT === 'true') {
       enabled$1.enableDialogElement = true;
@@ -133,21 +151,33 @@ try {
   } else {
     enabled$1.enableEnhancedFileUploader = false;
   }
+  if (process.env.CARBON_ENABLE_PRESENCE) {
+    if (process.env.CARBON_ENABLE_PRESENCE === 'true') {
+      enabled$1.enablePresence = true;
+    } else {
+      enabled$1.enablePresence = false;
+    }
+  } else {
+    enabled$1.enablePresence = false;
+  }
 } catch (error) {
   enabled$1.enableCssCustomProperties = false;
   enabled$1.enableCssGrid = false;
   enabled$1.enableV11Release = true;
   enabled$1.enableExperimentalTileContrast = false;
+  enabled$1.enableTileContrast = false;
   enabled$1.enableV12TileDefaultIcons = false;
   enabled$1.enableV12TileRadioIcons = false;
   enabled$1.enableV12Overflowmenu = false;
   enabled$1.enableTreeviewControllable = false;
   enabled$1.enableV12StructuredListVisibleIcons = false;
   enabled$1.enableExperimentalFocusWrapWithoutSentinels = false;
+  enabled$1.enableFocusWrapWithoutSentinels = false;
   enabled$1.enableDialogElement = false;
   enabled$1.enableV12DynamicFloatingStyles = false;
   enabled$1.enableV12ToggleReducedLabelSpacing = false;
   enabled$1.enableEnhancedFileUploader = false;
+  enabled$1.enablePresence = false;
 }
 var featureFlagInfo = [{
   name: "enable-css-custom-properties",
@@ -163,8 +193,12 @@ var featureFlagInfo = [{
   enabled: enabled$1.enableV11Release
 }, {
   name: "enable-experimental-tile-contrast",
-  description: "Enable the experimental tile improved contrast styles\n",
+  description: "Deprecated, use enable-tile-contrast instead\n",
   enabled: enabled$1.enableExperimentalTileContrast
+}, {
+  name: "enable-tile-contrast",
+  description: "Enable the experimental tile improved contrast styles\n",
+  enabled: enabled$1.enableTileContrast
 }, {
   name: "enable-v12-tile-default-icons",
   description: "Enable rendering of default icons in the tile components\n",
@@ -187,8 +221,12 @@ var featureFlagInfo = [{
   enabled: enabled$1.enableV12StructuredListVisibleIcons
 }, {
   name: "enable-experimental-focus-wrap-without-sentinels",
-  description: "Enable the new focus wrap behavior that doesn't use sentinel nodes\n",
+  description: "Deprecated, use enable-focus-wrap-without-sentinels instead\n",
   enabled: enabled$1.enableExperimentalFocusWrapWithoutSentinels
+}, {
+  name: "enable-focus-wrap-without-sentinels",
+  description: "Enable the new focus wrap behavior that doesn't use sentinel nodes\n",
+  enabled: enabled$1.enableFocusWrapWithoutSentinels
 }, {
   name: "enable-dialog-element",
   description: "Enable components to utilize the native dialog element\n",
@@ -205,6 +243,10 @@ var featureFlagInfo = [{
   name: "enable-enhanced-file-uploader",
   description: "Enable enhanced functionality for the FileUploader component, including richer callback data and expanded trigger events for onChange and onDelete.\n",
   enabled: enabled$1.enableEnhancedFileUploader
+}, {
+  name: "enable-presence",
+  description: "Enable components to remain unmounted in closed state and mount in open state.\n",
+  enabled: enabled$1.enablePresence
 }];
 
 function _arrayLikeToArray(r, a) {

package/es/node_modules/@carbon/react/es/components/FeatureFlags/index.js

@@ -11,6 +11,7 @@ import { deprecate } from '../../prop-types/deprecate.js';
  */
 
 
+// TODO: Can this variable be deleted now? It isn't used anywhere.
 /**
  * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
  * or disable feature flags in a given React tree
@@ -27,9 +28,11 @@ const FeatureFlagContext = /*#__PURE__*/createContext(FeatureFlags);
   enableV12Overflowmenu: PropTypes.bool,
   enableTreeviewControllable: PropTypes.bool,
   enableExperimentalFocusWrapWithoutSentinels: PropTypes.bool,
+  enableFocusWrapWithoutSentinels: PropTypes.bool,
   enableDialogElement: PropTypes.bool,
   enableV12DynamicFloatingStyles: PropTypes.bool,
-  enableEnhancedFileUploader: PropTypes.bool
+  enableEnhancedFileUploader: PropTypes.bool,
+  enablePresence: PropTypes.bool
 });
 
 /**

package/es/node_modules/@carbon/react/es/components/IconButton/index.js

@@ -6,7 +6,7 @@ import { Tooltip } from '../Tooltip/Tooltip.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import ButtonBase from '../Button/ButtonBase.js';
-import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
+import { deprecateValuesWithin } from '../../prop-types/deprecateValuesWithin.js';
 import { BadgeIndicator } from '../BadgeIndicator/index.js';
 import { mapPopoverAlign } from '../../tools/mapPopoverAlign.js';
 
@@ -19,7 +19,8 @@ import { mapPopoverAlign } from '../../tools/mapPopoverAlign.js';
 
 
 const IconButtonKinds = ['primary', 'secondary', 'ghost', 'tertiary'];
-const IconButton = /*#__PURE__*/React__default.forwardRef(function IconButton({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
+const IconButton = /*#__PURE__*/React__default.forwardRef(({
   align,
   autoAlign = false,
   badgeCount,
@@ -38,12 +39,13 @@ const IconButton = /*#__PURE__*/React__default.forwardRef(function IconButton({
   size,
   isSelected,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const tooltipClasses = classnames(wrapperClasses, `${prefix}--icon-tooltip`, {
     [`${prefix}--icon-tooltip--disabled`]: disabled
   });
   if (badgeCount && (kind !== 'ghost' || size !== 'lg')) {
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
     console.warn("The prop BadgeCount must be used with hasIconOnly=true, kind='ghost' and size='lg'");
   }
   const badgeId = useId('badge-indicator');

package/es/node_modules/@carbon/react/es/components/OverflowMenu/OverflowMenu.js

@@ -10,11 +10,11 @@ import { matches } from '../../internal/keyboard/match.js';
 import { noopFn } from '../../internal/noopFn.js';
 import { PrefixContext } from '../../internal/usePrefix.js';
 import { deprecate } from '../../prop-types/deprecate.js';
-import mergeRefs from '../../tools/mergeRefs.js';
+import { mergeRefs } from '../../tools/mergeRefs.js';
 import { setupGetInstanceId } from '../../tools/setupGetInstanceId.js';
 import { IconButton } from '../IconButton/index.js';
 import { useOutsideClick } from '../../internal/useOutsideClick.js';
-import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
+import { deprecateValuesWithin } from '../../prop-types/deprecateValuesWithin.js';
 import { mapPopoverAlign } from '../../tools/mapPopoverAlign.js';
 
 /**
@@ -67,6 +67,7 @@ const getMenuOffset = (menuBody, direction, trigger, flip) => {
   {
     !(triggerButtonPositionProp && triggerButtonPositionFactor) ? invariant_1(false, '[OverflowMenu] wrong floating menu direction: `%s`', direction)  : void 0;
   }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
   const {
     offsetWidth: menuWidth,
     offsetHeight: menuHeight
@@ -89,6 +90,7 @@ const getMenuOffset = (menuBody, direction, trigger, flip) => {
       };
   }
 };
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const OverflowMenu = /*#__PURE__*/forwardRef(({
   align,
   ['aria-label']: ariaLabel = null,
@@ -170,8 +172,7 @@ const OverflowMenu = /*#__PURE__*/forwardRef(({
     if (onCloseMenu) {
       onCloseMenu();
     }
-    onClose();
-  }, [onClose]);
+  }, []);
   const closeMenuAndFocus = useCallback(() => {
     const wasClicked = click;
     const wasOpen = open;
@@ -463,9 +464,9 @@ OverflowMenu.propTypes = {
    */
   selectorPrimaryFocus: PropTypes.string,
   /**
-   * Specify the size of the OverflowMenu. Currently supports either `sm`, `md` (default) or `lg` as an option.
+   * Specify the size of the OverflowMenu. Currently supports either `xs`, `sm`, `md` (default) or `lg` as an option.
    */
-  size: PropTypes.oneOf(['sm', 'md', 'lg'])
+  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg'])
 };
 
 export { OverflowMenu, OverflowMenu as default, getMenuOffset };

package/es/node_modules/@carbon/react/es/components/Popover/index.js

@@ -1,7 +1,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
-import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
+import { deprecateValuesWithin } from '../../prop-types/deprecateValuesWithin.js';
 import React__default, { useRef, useMemo, useEffect } from 'react';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
@@ -42,17 +42,21 @@ const Popover = /*#__PURE__*/React__default.forwardRef(function PopoverRenderFun
   as: BaseComponent = 'span',
   autoAlign = false,
   autoAlignBoundary,
+  backgroundToken = 'layer',
   caret = isTabTip ? false : true,
   className: customClassName,
   children,
+  border = false,
   dropShadow = true,
   highContrast = false,
   onRequestClose,
   open,
   alignmentAxisOffset,
   ...rest
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
 },
 //this is a workaround, have to come back and fix this.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
 forwardRef) {
   const prefix = usePrefix();
   const floating = useRef(null);
@@ -64,8 +68,12 @@ forwardRef) {
   // The `Popover` should close whenever it and its children loses focus
   useEvent(popover, 'focusout', event => {
     const relatedTarget = event.relatedTarget;
-
-    // No relatedTarget, focus moved to nowhere, so close the popover
+    if (isTabTip) {
+      if (relatedTarget && !popover.current?.contains(relatedTarget)) {
+        onRequestClose?.();
+      }
+      return;
+    }
     if (!relatedTarget) {
       onRequestClose?.();
       return;
@@ -90,7 +98,12 @@ forwardRef) {
   // needs to be placed 1px further outside the popover content. To do so,
   // we look to see if any of the children has a className containing "slug"
   const initialCaretHeight = React__default.Children.toArray(children).some(x => {
-    return x?.props?.className?.includes('slug') || x?.props?.className?.includes('ai-label');
+    return (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
+      x?.props?.className?.includes('slug') ||
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
+      x?.props?.className?.includes('ai-label')
+    );
   }) ? 7 : 6;
   // These defaults match the defaults defined in packages/styles/scss/components/popover/_popover.scss
   const popoverDimensions = useRef({
@@ -141,7 +154,8 @@ forwardRef) {
       fallbackAxisSideDirection: 'start',
       boundary: autoAlignBoundary
     }), arrow({
-      element: caretRef
+      element: caretRef,
+      padding: 16
     }), autoAlign && hide()],
     whileElementsMounted: autoUpdate
   } : {}
@@ -202,13 +216,16 @@ forwardRef) {
     [`${prefix}--popover-container`]: true,
     [`${prefix}--popover--caret`]: caret,
     [`${prefix}--popover--drop-shadow`]: dropShadow,
+    [`${prefix}--popover--border`]: border,
     [`${prefix}--popover--high-contrast`]: highContrast,
     [`${prefix}--popover--open`]: open,
     [`${prefix}--popover--auto-align ${prefix}--autoalign`]: enableFloatingStyles,
     [`${prefix}--popover--${currentAlignment}`]: true,
-    [`${prefix}--popover--tab-tip`]: isTabTip
+    [`${prefix}--popover--tab-tip`]: isTabTip,
+    [`${prefix}--popover--background-token__background`]: backgroundToken === 'background' && !highContrast
   }, customClassName);
   const mappedChildren = React__default.Children.map(children, child => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
     const item = child;
     const displayName = item?.type?.displayName;
 
@@ -223,9 +240,13 @@ forwardRef) {
     const isTriggerComponent = enableFloatingStyles && displayName && ['ToggletipButton'].includes(displayName);
     const isAllowedTriggerComponent = enableFloatingStyles && !['ToggletipContent', 'PopoverContent'].includes(displayName);
     if (/*#__PURE__*/React__default.isValidElement(item) && (isTriggerElement || isTriggerComponent || isAllowedTriggerComponent)) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       const className = item?.props?.className;
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       const ref = (item?.props).ref;
       const tabTipClasses = classnames(`${prefix}--popover--tab-tip__button`, className);
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
       return /*#__PURE__*/React__default.cloneElement(item, {
         className: isTabTip && item?.type === 'button' ? tabTipClasses : className || '',
         // With cloneElement, if you pass a `ref`, it overrides the original ref.
@@ -313,6 +334,10 @@ Popover.propTypes = {
    * @see https://github.com/carbon-design-system/carbon/issues/18714
    */
   autoAlign: PropTypes.bool,
+  /**
+   * Specify the background token to use. Default is 'layer'.
+   */
+  backgroundToken: PropTypes.oneOf(['layer', 'background']),
   /**
    * Specify a bounding element to be used for autoAlign calculations. The viewport is used by default. This prop is currently experimental and is subject to future changes.
    */
@@ -326,6 +351,10 @@ Popover.propTypes = {
    * Specify whether a caret should be rendered
    */
   caret: PropTypes.bool,
+  /**
+   * Specify whether a border should be rendered on the popover
+   */
+  border: PropTypes.bool,
   /**
    * Provide elements to be rendered inside of the component
    */
@@ -357,9 +386,7 @@ Popover.propTypes = {
    */
   open: PropTypes.bool.isRequired
 };
-function PopoverContentRenderFunction(
-// eslint-disable-next-line react/prop-types
-{
+function PopoverContentRenderFunction({
   className,
   children,
   ...rest

package/es/node_modules/@carbon/react/es/components/Tooltip/Tooltip.js

@@ -23,6 +23,7 @@ import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
  * Event types that trigger a "drag" to stop.
  */
 const DRAG_STOP_EVENT_TYPES = new Set(['mouseup', 'touchend', 'touchcancel']);
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const Tooltip = /*#__PURE__*/React__default.forwardRef(({
   as,
   align = 'top',
@@ -69,6 +70,8 @@ const Tooltip = /*#__PURE__*/React__default.forwardRef(({
     'aria-labelledby': labelledBy,
     'aria-describedby': describedBy
   };
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   function getChildEventHandlers(childProps) {
     const eventHandlerFunctions = Object.keys(triggerProps).filter(prop => prop.startsWith('on'));
     const eventHandlers = {};
@@ -155,29 +158,33 @@ const Tooltip = /*#__PURE__*/React__default.forwardRef(({
       });
     };
   }, [isDragging, onDragStop]);
-  return /*#__PURE__*/React__default.createElement(Popover, _extends({
-    as: as,
-    ref: ref
-  }, rest, {
-    align: align,
-    className: classnames(`${prefix}--tooltip`, customClassName),
-    dropShadow: dropShadow,
-    highContrast: highContrast,
-    onKeyDown: onKeyDown,
-    onMouseLeave: onMouseLeave,
-    open: open
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: `${prefix}--tooltip-trigger__wrapper`
-  }, typeof child !== 'undefined' ? /*#__PURE__*/React__default.cloneElement(child, {
-    ...triggerProps,
-    ...getChildEventHandlers(child.props)
-  }) : null), /*#__PURE__*/React__default.createElement(PopoverContent, {
-    "aria-hidden": open ? 'false' : 'true',
-    className: `${prefix}--tooltip-content`,
-    id: id,
-    onMouseEnter: onMouseEnter,
-    role: "tooltip"
-  }, label || description));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
+    React__default.createElement(Popover, _extends({
+      as: as,
+      ref: ref
+    }, rest, {
+      align: align,
+      className: classnames(`${prefix}--tooltip`, customClassName),
+      dropShadow: dropShadow,
+      highContrast: highContrast,
+      onKeyDown: onKeyDown,
+      onMouseLeave: onMouseLeave,
+      open: open
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: `${prefix}--tooltip-trigger__wrapper`
+    }, typeof child !== 'undefined' ? /*#__PURE__*/React__default.cloneElement(child, {
+      ...triggerProps,
+      ...getChildEventHandlers(child.props)
+    }) : null), /*#__PURE__*/React__default.createElement(PopoverContent, {
+      "aria-hidden": open ? 'false' : 'true',
+      className: `${prefix}--tooltip-content`,
+      id: id,
+      onMouseEnter: onMouseEnter,
+      role: "tooltip"
+    }, label || description))
+  );
 });
 Tooltip.propTypes = {
   /**

package/es/node_modules/@carbon/react/es/internal/FloatingMenu.js

@@ -199,6 +199,7 @@ const FloatingMenu = ({
       }
       placeInProgressRef.current = false;
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [floatingPosition, onPlace]);
 
   // Attach a resize listener.
@@ -209,11 +210,13 @@ const FloatingMenu = ({
     return () => {
       resizeHandler.remove();
     };
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [triggerRef, menuOffset, menuDirection, flipped, target, updateOrientation]);
 
   // Update menu position when key props change.
   useEffect(() => {
     updateMenuPosition();
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [menuOffset, menuDirection, flipped, triggerRef, target, updateOrientation]);
 
   /**
@@ -272,10 +275,15 @@ const FloatingMenu = ({
       });
     }
   };
-  const focusTrapWithoutSentinels = enabled('enable-experimental-focus-wrap-without-sentinels');
+  const deprecatedFlag = enabled('enable-experimental-focus-wrap-without-sentinels');
+  const focusTrapWithoutSentinelsFlag = enabled('enable-focus-wrap-without-sentinels');
+  const focusTrapWithoutSentinels = deprecatedFlag || focusTrapWithoutSentinelsFlag;
   if (typeof document !== 'undefined') {
     const portalTarget = target ? target() : document.body;
-    return /*#__PURE__*/ReactDOM__default.createPortal(/*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/ReactDOM__default.createPortal(
+    /*#__PURE__*/
+    // eslint-disable-next-line  jsx-a11y/no-static-element-interactions  -- https://github.com/carbon-design-system/carbon/issues/20452
+    React__default.createElement("div", {
       onBlur: focusTrap && !focusTrapWithoutSentinels ? handleBlur : undefined,
       onKeyDown: focusTrapWithoutSentinels ? handleKeyDown : undefined
     }, !focusTrapWithoutSentinels && /*#__PURE__*/React__default.createElement("span", {

package/es/node_modules/@carbon/react/es/internal/useMergedRefs.js

@@ -17,6 +17,7 @@ import { useMemo, useCallback } from 'react';
  * node, assigns that node to every ref in the array.
  */
 const useMergedRefs = refs => {
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   const memoizedRefs = useMemo(() => refs, refs);
   return useCallback(node => {
     memoizedRefs.forEach(ref => {

package/es/node_modules/@carbon/react/es/internal/useNoInteractiveChildren.js

@@ -15,13 +15,16 @@ const useNoInteractiveChildren = (ref, message = 'component should have no inter
     /*
     // eslint-disable-next-line react-hooks/rules-of-hooks
     */
+    // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
     useEffect(() => {
       const node = ref.current ? getInteractiveContent(ref.current) : false;
       if (node) {
         const errorMessage = `Error: ${message}.\n\nInstead found: ${node.outerHTML}`;
+        // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
         console.error(errorMessage);
         throw new Error(errorMessage);
       }
+      // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
     }, []);
   }
 };

package/es/node_modules/@carbon/react/es/internal/useOutsideClick.js

@@ -24,6 +24,7 @@ const useOutsideClick = (ref, callback) => {
     /*
     // eslint-disable-next-line react-hooks/rules-of-hooks
     */
+    // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
     useWindowEvent('click', event => {
       const {
         target

package/es/node_modules/@carbon/react/es/internal/warning.js

@@ -21,6 +21,7 @@ const warning = (condition, message) => {
     throw new Error('`warning(condition, message)` requires a warning ' + 'format argument');
   }
   if (!condition) {
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
     console.warn('Warning: ' + message);
   }
 } ;

package/es/node_modules/@carbon/react/es/prop-types/deprecateValuesWithin.js

@@ -9,10 +9,10 @@ import { warning } from '../internal/warning.js';
 
 
 const didWarnAboutDeprecation = {};
-function deprecateValuesWithin(propType, allowedValues, propMappingFunction) {
-  return function checker(props, propName, componentName, ...rest) {
-    if (props[propName] === undefined) {
-      return;
+const deprecateValuesWithin = (propType, allowedValues, propMappingFunction) => {
+  return (props, propName, componentName, ...rest) => {
+    if (typeof props[propName] === 'undefined') {
+      return null;
     }
     if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
       didWarnAboutDeprecation[componentName] = {
@@ -28,6 +28,6 @@ function deprecateValuesWithin(propType, allowedValues, propMappingFunction) {
     }
     return propType(props, propName, componentName, ...rest);
   };
-}
+};
 
-export { deprecateValuesWithin as default };
+export { deprecateValuesWithin };

package/es/node_modules/@carbon/react/es/tools/mergeRefs.js

@@ -6,18 +6,22 @@
  */
 
 /**
- * @param {...Ref<Element>} refs List of React refs to merge.
- * @returns {Ref<Element>} Merged React ref.
+ * @param refs Refs to merge.
+ * @returns Merged ref.
  */
-const mergeRefs = (...refs) => el => {
-  refs.forEach(ref => {
-    // https://github.com/facebook/react/issues/13029#issuecomment-410002316
-    if (typeof ref === 'function') {
-      ref(el);
-    } else if (Object(ref) === ref) {
-      ref.current = el;
-    }
-  });
+const mergeRefs = (...refs) => {
+  return value => {
+    refs.forEach(ref => {
+      if (!ref) return;
+
+      // https://github.com/facebook/react/issues/13029#issuecomment-410002316
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (typeof ref === 'object' && 'current' in ref) {
+        ref.current = value;
+      }
+    });
+  };
 };
 
-export { mergeRefs as default };
+export { mergeRefs };