@carbon/react 1.89.0 → 1.90.0

package/lib/components/Tooltip/Tooltip.js

@@ -24,6 +24,7 @@ var useIsomorphicEffect = require('../../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/20071
 const Tooltip = /*#__PURE__*/React.forwardRef(({
   as,
   align = 'top',
@@ -70,6 +71,8 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
     'aria-labelledby': labelledBy,
     'aria-describedby': describedBy
   };
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   function getChildEventHandlers(childProps) {
     const eventHandlerFunctions = Object.keys(triggerProps).filter(prop => prop.startsWith('on'));
     const eventHandlers = {};
@@ -156,29 +159,33 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
       });
     };
   }, [isDragging, onDragStop]);
-  return /*#__PURE__*/React.createElement(index.Popover, _rollupPluginBabelHelpers.extends({
-    as: as,
-    ref: ref
-  }, rest, {
-    align: align,
-    className: cx(`${prefix}--tooltip`, customClassName),
-    dropShadow: dropShadow,
-    highContrast: highContrast,
-    onKeyDown: onKeyDown,
-    onMouseLeave: onMouseLeave,
-    open: open
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--tooltip-trigger__wrapper`
-  }, typeof child !== 'undefined' ? /*#__PURE__*/React.cloneElement(child, {
-    ...triggerProps,
-    ...getChildEventHandlers(child.props)
-  }) : null), /*#__PURE__*/React.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/20071
+    React.createElement(index.Popover, _rollupPluginBabelHelpers.extends({
+      as: as,
+      ref: ref
+    }, rest, {
+      align: align,
+      className: cx(`${prefix}--tooltip`, customClassName),
+      dropShadow: dropShadow,
+      highContrast: highContrast,
+      onKeyDown: onKeyDown,
+      onMouseLeave: onMouseLeave,
+      open: open
+    }), /*#__PURE__*/React.createElement("div", {
+      className: `${prefix}--tooltip-trigger__wrapper`
+    }, typeof child !== 'undefined' ? /*#__PURE__*/React.cloneElement(child, {
+      ...triggerProps,
+      ...getChildEventHandlers(child.props)
+    }) : null), /*#__PURE__*/React.createElement(index.PopoverContent, {
+      "aria-hidden": open ? 'false' : 'true',
+      className: `${prefix}--tooltip-content`,
+      id: id,
+      onMouseEnter: onMouseEnter,
+      role: "tooltip"
+    }, label || description))
+  );
 });
 Tooltip.propTypes = {
   /**

package/lib/components/TreeView/TreeNode.d.ts

@@ -11,6 +11,9 @@ export type TreeNodeProps = {
     /**
      * **Note:** this is controlled by the parent TreeView component, do not set manually.
      * The ID of the active node in the tree
+     *
+     * @deprecated The `active` prop for `TreeNode` has
+     * been deprecated after the introduction of context. It will be removed in the next major release.
      */
     active?: string | number;
     /**
@@ -29,6 +32,9 @@ export type TreeNodeProps = {
     /**
      * **Note:** this is controlled by the parent TreeView component, do not set manually.
      * TreeNode depth to determine spacing
+     *
+     * @deprecated The `depth` prop for `TreeNode` has
+     * been deprecated after the introduction of context. It will be removed in the next major release.
      */
     depth?: number;
     /**
@@ -49,6 +55,9 @@ export type TreeNodeProps = {
     label: React.ReactNode;
     /**
      * Callback function for when the node receives or loses focus
+     *
+     * @deprecated The `onNodeFocusEvent` prop for `TreeNode` has
+     * been deprecated after the introduction of context. It will be removed in the next major release.
      */
     onNodeFocusEvent?: (event: React.FocusEvent<HTMLElement>) => void;
     /**
@@ -61,6 +70,9 @@ export type TreeNodeProps = {
     onToggle?: UncontrolledOnToggle | ControlledOnToggle;
     /**
      * Callback function for when any node in the tree is selected
+     *
+     * @deprecated The `onTreeSelect` prop for `TreeNode` has
+     * been deprecated after the introduction of context. It will be removed in the next major release.
      */
     onTreeSelect?: (event: React.MouseEvent | React.KeyboardEvent, node: Pick<TreeNodeProps, 'id' | 'label' | 'value'>) => void;
     /**
@@ -70,6 +82,8 @@ export type TreeNodeProps = {
     /**
      * **Note:** this is controlled by the parent TreeView component, do not set manually.
      * Array containing all selected node IDs in the tree
+     * @deprecated The `selected` prop for `TreeNode` has
+     * been deprecated after the introduction of context. It will be removed in the next major release.
      */
     selected?: Array<string | number>;
     /**
@@ -97,6 +111,9 @@ declare const TreeNode: React.ForwardRefExoticComponent<{
     /**
      * **Note:** this is controlled by the parent TreeView component, do not set manually.
      * The ID of the active node in the tree
+     *
+     * @deprecated The `active` prop for `TreeNode` has
+     * been deprecated after the introduction of context. It will be removed in the next major release.
      */
     active?: string | number;
     /**
@@ -115,6 +132,9 @@ declare const TreeNode: React.ForwardRefExoticComponent<{
     /**
      * **Note:** this is controlled by the parent TreeView component, do not set manually.
      * TreeNode depth to determine spacing
+     *
+     * @deprecated The `depth` prop for `TreeNode` has
+     * been deprecated after the introduction of context. It will be removed in the next major release.
      */
     depth?: number;
     /**
@@ -135,6 +155,9 @@ declare const TreeNode: React.ForwardRefExoticComponent<{
     label: React.ReactNode;
     /**
      * Callback function for when the node receives or loses focus
+     *
+     * @deprecated The `onNodeFocusEvent` prop for `TreeNode` has
+     * been deprecated after the introduction of context. It will be removed in the next major release.
      */
     onNodeFocusEvent?: (event: React.FocusEvent<HTMLElement>) => void;
     /**
@@ -147,6 +170,9 @@ declare const TreeNode: React.ForwardRefExoticComponent<{
     onToggle?: UncontrolledOnToggle | ControlledOnToggle;
     /**
      * Callback function for when any node in the tree is selected
+     *
+     * @deprecated The `onTreeSelect` prop for `TreeNode` has
+     * been deprecated after the introduction of context. It will be removed in the next major release.
      */
     onTreeSelect?: (event: React.MouseEvent | React.KeyboardEvent, node: Pick<TreeNodeProps, "id" | "label" | "value">) => void;
     /**
@@ -156,6 +182,8 @@ declare const TreeNode: React.ForwardRefExoticComponent<{
     /**
      * **Note:** this is controlled by the parent TreeView component, do not set manually.
      * Array containing all selected node IDs in the tree
+     * @deprecated The `selected` prop for `TreeNode` has
+     * been deprecated after the introduction of context. It will be removed in the next major release.
      */
     selected?: Array<string | number>;
     /**

package/lib/components/TreeView/TreeNode.js

@@ -16,6 +16,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
+var deprecate = require('../../prop-types/deprecate.js');
 var useControllableState = require('../../internal/useControllableState.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useId = require('../../internal/useId.js');
@@ -60,8 +61,7 @@ const useEllipsisCheck = (label, detailsWrapperRef) => {
     }
   }, [detailsWrapperRef]);
   React.useEffect(() => {
-    let animationFrameId;
-    animationFrameId = requestAnimationFrame(checkEllipsis);
+    const animationFrameId = requestAnimationFrame(checkEllipsis);
     let resizeObserver;
     if (typeof window !== 'undefined' && typeof window.ResizeObserver !== 'undefined' && labelTextRef.current) {
       resizeObserver = new window.ResizeObserver(() => {
@@ -76,9 +76,11 @@ const useEllipsisCheck = (label, detailsWrapperRef) => {
       cancelAnimationFrame(animationFrameId);
       if (resizeObserver) {
         if (labelTextRef.current) {
+          // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
           resizeObserver.unobserve(labelTextRef.current);
         }
         if (detailsWrapperRef.current) {
+          // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
           resizeObserver.unobserve(detailsWrapperRef.current);
         }
         resizeObserver.disconnect();
@@ -129,6 +131,8 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
     tooltipText
   } = useEllipsisCheck(label, detailsWrapperRef);
   const enableTreeviewControllable = index.useFeatureFlag('enable-treeview-controllable');
+
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const {
     current: id
   } = React.useRef(nodeId || useId.useId());
@@ -371,7 +375,10 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
   const nodeContent = /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tree-node__label`,
     ref: currentNodeLabel
-  }, children && /*#__PURE__*/React.createElement("span", {
+  }, children &&
+  /*#__PURE__*/
+  // eslint-disable-next-line  jsx-a11y/no-static-element-interactions , jsx-a11y/click-events-have-key-events -- https://github.com/carbon-design-system/carbon/issues/20071
+  React.createElement("span", {
     className: `${prefix}--tree-parent-node__toggle`,
     onClick: handleToggleClick
   }, /*#__PURE__*/React.createElement(iconsReact.CaretDown, {
@@ -399,7 +406,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
       value: depth + 1
     }, children)));
   }
-  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, treeNodeProps, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, treeNodeProps, {
     "aria-expanded": children ? !!expanded : undefined,
     ref: setRefs
   }), nodeContent, children && /*#__PURE__*/React.createElement("ul", {
@@ -410,14 +417,14 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
     })
   }, /*#__PURE__*/React.createElement(TreeContext.DepthContext.Provider, {
     value: depth + 1
-  }, children)));
+  }, children))));
 });
 TreeNode.propTypes = {
   /**
    * **Note:** this is controlled by the parent TreeView component, do not set manually.
    * The ID of the active node in the tree
    */
-  active: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  active: deprecate.deprecate(PropTypes.oneOfType([PropTypes.string, PropTypes.number]), 'The `active` prop for `TreeNode` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
   /**
    * Specify the children of the TreeNode
    */
@@ -435,7 +442,7 @@ TreeNode.propTypes = {
    * **Note:** this is controlled by the parent TreeView component, do not set manually.
    * TreeNode depth to determine spacing
    */
-  depth: PropTypes.number,
+  depth: deprecate.deprecate(PropTypes.number, 'The `depth` prop for `TreeNode` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
   /**
    * Specify if the TreeNode is disabled
    */
@@ -455,7 +462,7 @@ TreeNode.propTypes = {
   /**
    * Callback function for when the node receives or loses focus
    */
-  onNodeFocusEvent: PropTypes.func,
+  onNodeFocusEvent: deprecate.deprecate(PropTypes.func, 'The `onNodeFocusEvent` prop for `TreeNode` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
   /**
    * Callback function for when the node is selected
    */
@@ -467,18 +474,20 @@ TreeNode.propTypes = {
   /**
    * Callback function for when any node in the tree is selected
    */
-  onTreeSelect: PropTypes.func,
+  onTreeSelect: deprecate.deprecate(PropTypes.func, 'The `onTreeSelect` prop for `TreeNode` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
   /**
    * A component used to render an icon.
    */
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
   // @ts-ignore
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * **Note:** this is controlled by the parent TreeView component, do not set manually.
    * Array containing all selected node IDs in the tree
    */
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
   // @ts-ignore
-  selected: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
+  selected: deprecate.deprecate(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), 'The `selected` prop for `TreeNode` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
   /**
    * Specify the value of the TreeNode
    */

package/lib/components/TreeView/TreeView.js

@@ -36,11 +36,14 @@ const TreeView = ({
   ...rest
 }) => {
   const enableTreeviewControllable = index.useFeatureFlag('enable-treeview-controllable');
+
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const {
     current: treeId
   } = React.useRef(rest.id || useId.useId());
   const prefix = usePrefix.usePrefix();
   const treeClasses = cx(className, `${prefix}--tree`, {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
     // @ts-ignore - will always be false according to prop types
 
     [`${prefix}--tree--${size}`]: size !== 'default'
@@ -66,6 +69,8 @@ const TreeView = ({
       item.tabIndex = -1;
     });
   }
+
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   function handleTreeSelect(event, node) {
     const nodeId = node.id;
     if (nodeId) {
@@ -114,6 +119,7 @@ const TreeView = ({
     if (match.match(event, keys.ArrowDown)) {
       nextFocusNode = treeWalker.current.nextNode();
     }
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
     // @ts-ignore - `matches` doesn't like the object syntax without missing properties
     if (match.matches(event, [keys.Home, keys.End, {
       code: 'KeyA'
@@ -130,6 +136,7 @@ const TreeView = ({
           }
         }
       }
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
       // @ts-ignore - `matches` doesn't like the object syntax without missing properties
       if (match.match(event, {
         code: 'KeyA'

package/lib/components/UIShell/HeaderContainer.js

@@ -31,7 +31,9 @@ function HeaderContainer({
   const handleHeaderMenuButtonClick = React.useCallback(() => {
     setIsSideNavExpandedState(prevIsSideNavExpanded => !prevIsSideNavExpanded);
   }, [setIsSideNavExpandedState]);
-  return /*#__PURE__*/React.createElement(Children, _rollupPluginBabelHelpers.extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Children
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  , _rollupPluginBabelHelpers.extends({}, rest, {
     isSideNavExpanded: isSideNavExpandedState,
     onClickSideNavExpand: handleHeaderMenuButtonClick
   }));

package/lib/components/UIShell/HeaderGlobalAction.js

@@ -26,7 +26,7 @@ var usePrefix = require('../../internal/usePrefix.js');
  *
  * Note: children passed to this component should be an Icon.
  */
-const HeaderGlobalAction = /*#__PURE__*/React.forwardRef(function HeaderGlobalAction({
+const HeaderGlobalAction = /*#__PURE__*/React.forwardRef(({
   'aria-label': ariaLabel,
   'aria-labelledby': ariaLabelledBy,
   children,
@@ -37,7 +37,7 @@ const HeaderGlobalAction = /*#__PURE__*/React.forwardRef(function HeaderGlobalAc
   isActive,
   tooltipAlignment,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const className = cx({
     [customClassName]: !!customClassName,

package/lib/components/UIShell/HeaderMenu.js

@@ -124,6 +124,7 @@ const HeaderMenu = frFn((props, ref) => {
    */
   const renderMenuItem = (item, index) => {
     if (/*#__PURE__*/React.isValidElement(item)) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
       return /*#__PURE__*/React.cloneElement(item, {
         ref: handleItemRef(index)
       });
@@ -161,9 +162,8 @@ const HeaderMenu = frFn((props, ref) => {
     onBlur: events.composeEventHandlers([onBlur, handleOnBlur]),
     ref: ref
   }), /*#__PURE__*/React.createElement("a", _rollupPluginBabelHelpers.extends({
-    // eslint-disable-line jsx-a11y/role-supports-aria-props,jsx-a11y/anchor-is-valid
-    "aria-haspopup": "menu" // eslint-disable-line jsx-a11y/aria-proptypes
-    ,
+    // eslint-disable-line jsx-a11y/anchor-is-valid
+    "aria-haspopup": "menu",
     "aria-expanded": expanded,
     className: linkClassName,
     href: "#",

package/lib/components/UIShell/HeaderPanel.js

@@ -21,7 +21,7 @@ var useMergedRefs = require('../../internal/useMergedRefs.js');
 var Switcher = require('./Switcher.js');
 var noopFn = require('../../internal/noopFn.js');
 
-const HeaderPanel = /*#__PURE__*/React.forwardRef(function HeaderPanel({
+const HeaderPanel = /*#__PURE__*/React.forwardRef(({
   children,
   className: customClassName,
   expanded,
@@ -29,7 +29,7 @@ const HeaderPanel = /*#__PURE__*/React.forwardRef(function HeaderPanel({
   onHeaderPanelFocus = noopFn.noopFn,
   href,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const headerPanelReference = React.useRef(null);
   const headerPanelRef = useMergedRefs.useMergedRefs([headerPanelReference, ref]);

package/lib/components/UIShell/Link.js

@@ -21,9 +21,11 @@ const LinkBase = ({
   as: BaseComponent,
   // Captured here to prevent it from being passed into the created element.
   // See https://github.com/carbon-design-system/carbon/issues/3970
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   isSideNavExpanded: _isSideNavExpanded,
   ...rest
 }, ref) => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const BaseComponentAsAny = BaseComponent ?? element ?? 'a';
   return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
     ref: ref

package/lib/components/UIShell/SideNavItems.js

@@ -25,6 +25,7 @@ const SideNavItems = ({
   const childrenWithExpandedState = React.Children.map(children, child => {
     if (/*#__PURE__*/React.isValidElement(child)) {
       // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
       const childDisplayName = child.type?.displayName;
       return /*#__PURE__*/React.cloneElement(child, {
         ...(_utils.CARBON_SIDENAV_ITEMS.includes(childDisplayName) ? {

package/lib/components/UIShell/SideNavMenu.js

@@ -20,7 +20,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var SideNav = require('./SideNav.js');
 
 var _ChevronDown;
-const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu({
+const SideNavMenu = /*#__PURE__*/React.forwardRef(({
   className: customClassName,
   children,
   defaultExpanded = false,
@@ -30,7 +30,7 @@ const SideNavMenu = /*#__PURE__*/React.forwardRef(function SideNavMenu({
   isSideNavExpanded,
   tabIndex,
   title
-}, ref) {
+}, ref) => {
   const {
     isRail
   } = React.useContext(SideNav.SideNavContext);

package/lib/components/UIShell/SideNavMenuItem.js

@@ -17,7 +17,7 @@ var SideNavLinkText = require('./SideNavLinkText.js');
 var Link = require('./Link.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
-const SideNavMenuItem = /*#__PURE__*/React.forwardRef(function SideNavMenuItem(props, ref) {
+const SideNavMenuItem = /*#__PURE__*/React.forwardRef((props, ref) => {
   const prefix = usePrefix.usePrefix();
   const {
     children,

package/lib/components/UIShell/SideNavSwitcher.js

@@ -17,7 +17,7 @@ var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 var _ChevronDown;
-const SideNavSwitcher = /*#__PURE__*/React.forwardRef(function SideNavSwitcher(props, ref) {
+const SideNavSwitcher = /*#__PURE__*/React.forwardRef((props, ref) => {
   const id = useId.useId('side-nav-switcher');
   const prefix = usePrefix.usePrefix();
   const {

package/lib/components/UIShell/Switcher.js

@@ -45,7 +45,7 @@ require('./SideNavMenu.js');
 require('./SideNavMenuItem.js');
 require('./SideNavSwitcher.js');
 
-const Switcher = /*#__PURE__*/React.forwardRef(function Switcher(props, forwardRef) {
+const Switcher = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
   const switcherRef = React.useRef(null);
   const ref = useMergedRefs.useMergedRefs([switcherRef, forwardRef]);
   const prefix = usePrefix.usePrefix();
@@ -85,6 +85,7 @@ const Switcher = /*#__PURE__*/React.forwardRef(function Switcher(props, forwardR
           if (direction === 1) {
             return enabledIndices[1];
           }
+        // eslint-disable-next-line   no-fallthrough -- https://github.com/carbon-design-system/carbon/issues/20071
         default:
           return enabledIndices[nextIndex];
       }

package/lib/components/UIShell/SwitcherItem.js

@@ -19,7 +19,7 @@ var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
 var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 
-const SwitcherItem = /*#__PURE__*/React.forwardRef(function SwitcherItem(props, forwardRef) {
+const SwitcherItem = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
   const {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy,
@@ -72,7 +72,9 @@ const SwitcherItem = /*#__PURE__*/React.forwardRef(function SwitcherItem(props,
     },
     href: href,
     target: target,
-    rel: rel,
+    rel: rel
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    ,
     ref: forwardRef
   }, rest, {
     className: linkClassName,

package/lib/internal/FloatingMenu.js

@@ -219,6 +219,7 @@ const FloatingMenu = ({
       }
       placeInProgressRef.current = false;
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [floatingPosition, onPlace]);
 
   // Attach a resize listener.
@@ -229,11 +230,13 @@ const FloatingMenu = ({
     return () => {
       resizeHandler.remove();
     };
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [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/20071
   }, [menuOffset, menuDirection, flipped, triggerRef, target, updateOrientation]);
 
   /**
@@ -295,7 +298,10 @@ const FloatingMenu = ({
   const focusTrapWithoutSentinels = FeatureFlags__namespace.enabled('enable-experimental-focus-wrap-without-sentinels');
   if (typeof document !== 'undefined') {
     const portalTarget = target ? target() : document.body;
-    return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/ReactDOM.createPortal(
+    /*#__PURE__*/
+    // eslint-disable-next-line  jsx-a11y/no-static-element-interactions  -- https://github.com/carbon-design-system/carbon/issues/20071
+    React.createElement("div", {
       onBlur: focusTrap && !focusTrapWithoutSentinels ? handleBlur : undefined,
       onKeyDown: focusTrapWithoutSentinels ? handleKeyDown : undefined
     }, !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("span", {

package/lib/internal/Selection.js

@@ -44,21 +44,28 @@ const useSelection = ({
   const savedOnChange = React.useRef(onChange);
   const [uncontrolledItems, setUncontrolledItems] = React.useState(initialSelectedItems);
   const isControlled = !!controlledItems;
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20071
   const selectedItems = isControlled ? controlledItems : uncontrolledItems;
   const onItemChange = React.useCallback(item => {
     if (disabled) return;
 
     // Assert special properties (e.g., `disabled`, `isSelectAll`, etc.) are
     // `any` since those properties aren’t part of the generic type.
-    const allSelectableItems = filteredItems.filter(item => !item?.disabled && !item?.isSelectAll);
-    const disabledItemCount = filteredItems.filter(item => item?.disabled).length;
+    const allSelectableItems = filteredItems.filter(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    item => !item?.disabled && !item?.isSelectAll);
+    const disabledItemCount = filteredItems.filter(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+    item => item?.disabled).length;
     let newSelectedItems;
 
     // deselect all on click to All/indeterminate option
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
     if (item?.isSelectAll && selectedItems.length > 0) {
       newSelectedItems = [];
     }
     // select all options
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
     else if (item?.isSelectAll && selectedItems.length === 0) {
       newSelectedItems = allSelectableItems;
     } else {
@@ -71,7 +78,9 @@ const useSelection = ({
         }
       } else {
         newSelectedItems = removeAtIndex(selectedItems, selectedIndex);
-        newSelectedItems = newSelectedItems.filter(item => !item?.isSelectAll);
+        newSelectedItems = newSelectedItems.filter(
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+        item => !item?.isSelectAll);
       }
     }
     callOnChangeHandler({

package/lib/internal/useMergedRefs.js

@@ -18,6 +18,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/20071
   const memoizedRefs = React.useMemo(() => refs, refs);
   return React.useCallback(node => {
     memoizedRefs.forEach(ref => {

package/lib/internal/useNoInteractiveChildren.js

@@ -16,13 +16,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/20071
     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/20071
         console.error(errorMessage);
         throw new Error(errorMessage);
       }
+      // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
     }, []);
   }
 };
@@ -33,6 +36,7 @@ const useInteractiveChildrenNeedDescription = (ref, message = `interactive child
     /*
     // 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/20071
     React.useEffect(() => {
       const node = ref.current ? getInteractiveContent(ref.current) : false;
       if (node && !node.hasAttribute('aria-describedby')) {

package/lib/internal/useOutsideClick.js

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