carbon-addons-iot-react 4.2.0 → 4.2.2

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

@@ -45,6 +45,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;
@@ -99,6 +108,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;
@@ -135,21 +153,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",
@@ -165,8 +195,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",
@@ -189,8 +223,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",
@@ -207,6 +245,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/lib/node_modules/@carbon/react/es/components/FeatureFlags/index.js

@@ -17,6 +17,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
  */
 
 
+// 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
@@ -33,9 +34,11 @@ const FeatureFlagContext = /*#__PURE__*/React.createContext(index.FeatureFlags);
   enableV12Overflowmenu: PropTypes__default.default.bool,
   enableTreeviewControllable: PropTypes__default.default.bool,
   enableExperimentalFocusWrapWithoutSentinels: PropTypes__default.default.bool,
+  enableFocusWrapWithoutSentinels: PropTypes__default.default.bool,
   enableDialogElement: PropTypes__default.default.bool,
   enableV12DynamicFloatingStyles: PropTypes__default.default.bool,
-  enableEnhancedFileUploader: PropTypes__default.default.bool
+  enableEnhancedFileUploader: PropTypes__default.default.bool,
+  enablePresence: PropTypes__default.default.bool
 });
 
 /**

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

@@ -27,7 +27,8 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 
 const IconButtonKinds = ['primary', 'secondary', 'ghost', 'tertiary'];
-const IconButton = /*#__PURE__*/React__default.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.default.forwardRef(({
   align,
   autoAlign = false,
   badgeCount,
@@ -46,12 +47,13 @@ const IconButton = /*#__PURE__*/React__default.default.forwardRef(function IconB
   size,
   isSelected,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const tooltipClasses = classnames__default.default(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.useId('badge-indicator');
@@ -84,7 +86,7 @@ IconButton.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: deprecateValuesWithin(PropTypes__default.default.oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.deprecateValuesWithin(PropTypes__default.default.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead

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

@@ -77,6 +77,7 @@ const getMenuOffset = (menuBody, direction, trigger, flip) => {
   {
     !(triggerButtonPositionProp && triggerButtonPositionFactor) ? invariant(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
@@ -99,6 +100,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__*/React.forwardRef(({
   align,
   ['aria-label']: ariaLabel = null,
@@ -180,8 +182,7 @@ const OverflowMenu = /*#__PURE__*/React.forwardRef(({
     if (onCloseMenu) {
       onCloseMenu();
     }
-    onClose();
-  }, [onClose]);
+  }, []);
   const closeMenuAndFocus = React.useCallback(() => {
     const wasClicked = click;
     const wasOpen = open;
@@ -326,7 +327,7 @@ const OverflowMenu = /*#__PURE__*/React.forwardRef(({
   }, /*#__PURE__*/React.cloneElement(menuBody, {
     'data-floating-menu-direction': direction
   }));
-  const combinedRef = innerRef ? mergeRefs(triggerRef, innerRef, ref) : mergeRefs(triggerRef, ref);
+  const combinedRef = innerRef ? mergeRefs.mergeRefs(triggerRef, innerRef, ref) : mergeRefs.mergeRefs(triggerRef, ref);
   return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement("span", {
     className: `${prefix}--overflow-menu__wrapper`,
     "aria-owns": open ? menuBodyId : undefined,
@@ -353,7 +354,7 @@ OverflowMenu.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: deprecateValuesWithin(PropTypes__default.default.oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.deprecateValuesWithin(PropTypes__default.default.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead
@@ -473,9 +474,9 @@ OverflowMenu.propTypes = {
    */
   selectorPrimaryFocus: PropTypes__default.default.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__default.default.oneOf(['sm', 'md', 'lg'])
+  size: PropTypes__default.default.oneOf(['xs', 'sm', 'md', 'lg'])
 };
 
 exports.OverflowMenu = OverflowMenu;

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

@@ -50,17 +50,21 @@ const Popover = /*#__PURE__*/React__default.default.forwardRef(function PopoverR
   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.usePrefix();
   const floating = React.useRef(null);
@@ -72,8 +76,12 @@ forwardRef) {
   // The `Popover` should close whenever it and its children loses focus
   useEvent.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;
@@ -98,7 +106,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.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 = React.useRef({
@@ -149,7 +162,8 @@ forwardRef) {
       fallbackAxisSideDirection: 'start',
       boundary: autoAlignBoundary
     }), floatingUi_reactDom.arrow({
-      element: caretRef
+      element: caretRef,
+      padding: 16
     }), autoAlign && floatingUi_reactDom.hide()],
     whileElementsMounted: floatingUi_dom.autoUpdate
   } : {}
@@ -210,13 +224,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.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;
 
@@ -231,9 +248,13 @@ forwardRef) {
     const isTriggerComponent = enableFloatingStyles && displayName && ['ToggletipButton'].includes(displayName);
     const isAllowedTriggerComponent = enableFloatingStyles && !['ToggletipContent', 'PopoverContent'].includes(displayName);
     if (/*#__PURE__*/React__default.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__default.default(`${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.default.cloneElement(item, {
         className: isTabTip && item?.type === 'button' ? tabTipClasses : className || '',
         // With cloneElement, if you pass a `ref`, it overrides the original ref.
@@ -283,7 +304,7 @@ Popover.propTypes = {
   /**
    * Specify how the popover should align with the trigger element
    */
-  align: deprecateValuesWithin(PropTypes__default.default.oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.deprecateValuesWithin(PropTypes__default.default.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead
@@ -321,6 +342,10 @@ Popover.propTypes = {
    * @see https://github.com/carbon-design-system/carbon/issues/18714
    */
   autoAlign: PropTypes__default.default.bool,
+  /**
+   * Specify the background token to use. Default is 'layer'.
+   */
+  backgroundToken: PropTypes__default.default.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.
    */
@@ -334,6 +359,10 @@ Popover.propTypes = {
    * Specify whether a caret should be rendered
    */
   caret: PropTypes__default.default.bool,
+  /**
+   * Specify whether a border should be rendered on the popover
+   */
+  border: PropTypes__default.default.bool,
   /**
    * Provide elements to be rendered inside of the component
    */
@@ -365,9 +394,7 @@ Popover.propTypes = {
    */
   open: PropTypes__default.default.bool.isRequired
 };
-function PopoverContentRenderFunction(
-// eslint-disable-next-line react/prop-types
-{
+function PopoverContentRenderFunction({
   className,
   children,
   ...rest

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

@@ -31,6 +31,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
  * 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.default.forwardRef(({
   as,
   align = 'top',
@@ -77,6 +78,8 @@ const Tooltip = /*#__PURE__*/React__default.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 = {};
@@ -163,29 +166,33 @@ const Tooltip = /*#__PURE__*/React__default.default.forwardRef(({
       });
     };
   }, [isDragging, onDragStop]);
-  return /*#__PURE__*/React__default.default.createElement(index.Popover, _rollupPluginBabelHelpers.extends({
-    as: as,
-    ref: ref
-  }, rest, {
-    align: align,
-    className: classnames__default.default(`${prefix}--tooltip`, customClassName),
-    dropShadow: dropShadow,
-    highContrast: highContrast,
-    onKeyDown: onKeyDown,
-    onMouseLeave: onMouseLeave,
-    open: open
-  }), /*#__PURE__*/React__default.default.createElement("div", {
-    className: `${prefix}--tooltip-trigger__wrapper`
-  }, typeof child !== 'undefined' ? /*#__PURE__*/React__default.default.cloneElement(child, {
-    ...triggerProps,
-    ...getChildEventHandlers(child.props)
-  }) : null), /*#__PURE__*/React__default.default.createElement(index.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.default.createElement(index.Popover, _rollupPluginBabelHelpers.extends({
+      as: as,
+      ref: ref
+    }, rest, {
+      align: align,
+      className: classnames__default.default(`${prefix}--tooltip`, customClassName),
+      dropShadow: dropShadow,
+      highContrast: highContrast,
+      onKeyDown: onKeyDown,
+      onMouseLeave: onMouseLeave,
+      open: open
+    }), /*#__PURE__*/React__default.default.createElement("div", {
+      className: `${prefix}--tooltip-trigger__wrapper`
+    }, typeof child !== 'undefined' ? /*#__PURE__*/React__default.default.cloneElement(child, {
+      ...triggerProps,
+      ...getChildEventHandlers(child.props)
+    }) : null), /*#__PURE__*/React__default.default.createElement(index.PopoverContent, {
+      "aria-hidden": open ? 'false' : 'true',
+      className: `${prefix}--tooltip-content`,
+      id: id,
+      onMouseEnter: onMouseEnter,
+      role: "tooltip"
+    }, label || description))
+  );
 });
 Tooltip.propTypes = {
   /**

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

@@ -206,6 +206,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.
@@ -216,11 +217,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.
   React.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]);
 
   /**
@@ -279,10 +282,15 @@ const FloatingMenu = ({
       });
     }
   };
-  const focusTrapWithoutSentinels = index$1.enabled('enable-experimental-focus-wrap-without-sentinels');
+  const deprecatedFlag = index$1.enabled('enable-experimental-focus-wrap-without-sentinels');
+  const focusTrapWithoutSentinelsFlag = index$1.enabled('enable-focus-wrap-without-sentinels');
+  const focusTrapWithoutSentinels = deprecatedFlag || focusTrapWithoutSentinelsFlag;
   if (typeof document !== 'undefined') {
     const portalTarget = target ? target() : document.body;
-    return /*#__PURE__*/ReactDOM__default.default.createPortal(/*#__PURE__*/React__default.default.createElement("div", {
+    return /*#__PURE__*/ReactDOM__default.default.createPortal(
+    /*#__PURE__*/
+    // eslint-disable-next-line  jsx-a11y/no-static-element-interactions  -- https://github.com/carbon-design-system/carbon/issues/20452
+    React__default.default.createElement("div", {
       onBlur: focusTrap && !focusTrapWithoutSentinels ? handleBlur : undefined,
       onKeyDown: focusTrapWithoutSentinels ? handleKeyDown : undefined
     }, !focusTrapWithoutSentinels && /*#__PURE__*/React__default.default.createElement("span", {

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

@@ -19,6 +19,7 @@ var React = require('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 = React.useMemo(() => refs, refs);
   return React.useCallback(node => {
     memoizedRefs.forEach(ref => {

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

@@ -17,13 +17,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
     React.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/lib/node_modules/@carbon/react/es/internal/useOutsideClick.js

@@ -26,6 +26,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
     useEvent.useWindowEvent('click', event => {
       const {
         target

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

@@ -23,6 +23,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/lib/node_modules/@carbon/react/es/prop-types/deprecateValuesWithin.js

@@ -11,10 +11,10 @@ var warning = require('../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] = {
@@ -30,6 +30,6 @@ function deprecateValuesWithin(propType, allowedValues, propMappingFunction) {
     }
     return propType(props, propName, componentName, ...rest);
   };
-}
+};
 
-module.exports = deprecateValuesWithin;
+exports.deprecateValuesWithin = deprecateValuesWithin;

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

@@ -8,18 +8,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;
+      }
+    });
+  };
 };
 
-module.exports = mergeRefs;
+exports.mergeRefs = mergeRefs;

package/package.json

@@ -179,7 +179,7 @@
     "@carbon/icons-react": "^11.53.0",
     "@carbon/layout": "^11.28.0",
     "@carbon/pictograms-react": "^11.69.0",
-    "@carbon/react": "1.89.0",
+    "@carbon/react": "1.94.2",
     "@carbon/telemetry": "^0.1.0",
     "@carbon/themes": "^11.43.0",
     "@codemirror/lang-css": "^6.3.0",
@@ -344,11 +344,11 @@
     "whatwg-fetch": "^3.0.0"
   },
   "sideEffects": false,
-  "version": "4.2.0",
+  "version": "4.2.2",
   "resolutions": {
     "chokidar": "3.3.1",
     "react-grid-layout": "1.2.2",
     "got": "11.8.5"
   },
-  "gitHead": "da36a3cb7283b9b61f4fb183f3bd70b6ee1f8aba"
+  "gitHead": "fc9e74b31f067f2c6e0c2d5fdbbcb9b266acbbc7"
 }