@carbon/react 1.90.0-rc.0 → 1.90.0

package/es/components/TextInput/ControlledPasswordInput.js

@@ -16,7 +16,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
 import { noopFn } from '../../internal/noopFn.js';
 
-const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function ControlledPasswordInput({
+const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(({
   labelText,
   className,
   id,
@@ -29,9 +29,7 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function Controlle
   invalidText = '',
   helperText = '',
   light,
-  // eslint-disable-next-line react/prop-types
   type = 'password',
-  // eslint-disable-next-line react/prop-types
   togglePasswordVisibility,
   tooltipPosition = 'bottom',
   tooltipAlignment = 'center',
@@ -39,7 +37,7 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(function Controlle
   showPasswordLabel = 'Show password',
   size = undefined,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const controlledPasswordInstanceId = useId();
   const errorId = id + '-error-msg';

package/es/components/TextInput/PasswordInput.js

@@ -19,7 +19,7 @@ import { Tooltip } from '../Tooltip/Tooltip.js';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
+const PasswordInput = /*#__PURE__*/React.forwardRef(({
   className,
   disabled = false,
   helperText,
@@ -44,7 +44,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
   warn = false,
   warnText,
   ...rest
-}, ref) {
+}, ref) => {
   const [inputType, setInputType] = useState(type);
   const prefix = usePrefix();
   const normalizedProps = useNormalizedInputProps({
@@ -61,6 +61,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
   } = useContext(FormContext);
   const handleTogglePasswordVisibility = event => {
     setInputType(inputType === 'password' ? 'text' : 'password');
+    // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
     onTogglePasswordVisibility && onTogglePasswordVisibility(event);
   };
   const textInputClasses = cx(`${prefix}--text-input`, `${prefix}--password-input`, className, {
@@ -150,8 +151,10 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
     align = tooltipPosition;
   }
   if (!hidePasswordLabel || hidePasswordLabel.trim() === '') {
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
     console.warn('Warning: The "hidePasswordLabel" should not be blank.');
   } else if (!showPasswordLabel || showPasswordLabel.trim() === '') {
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
     console.warn('Warning: The "showPasswordLabel" should not be blank.');
   }
   const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _extends({}, textInputProps({
@@ -180,6 +183,8 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(function PasswordInput({
   useEffect(() => {
     setInputType(type);
   }, [type]);
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const Icon = normalizedProps.icon;
   return /*#__PURE__*/React.createElement("div", {
     className: inputWrapperClasses

package/es/components/TextInput/TextInput.js

@@ -21,7 +21,7 @@ import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
 import { Text } from '../Text/Text.js';
 
-const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
+const TextInput = /*#__PURE__*/React.forwardRef(({
   className,
   decorator,
   disabled = false,
@@ -45,7 +45,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
   maxCount,
   slug,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const {
     defaultValue,
@@ -60,6 +60,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
   const [textCount, setTextCount] = useState(getInitialTextCount());
   useEffect(() => {
     setTextCount(getInitialTextCount());
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [value, defaultValue, enableCounter]);
   const normalizedProps = useNormalizedInputProps({
     id,
@@ -188,6 +189,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(function TextInput({
       }
     }
   }, [ariaAnnouncement, prevAnnouncement]);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const Icon = normalizedProps.icon;
 
   // AILabel is always size `mini`

package/es/components/Theme/index.js

@@ -16,16 +16,20 @@ import { useMatchMedia } from '../../internal/useMatchMedia.js';
 const ThemeContext = /*#__PURE__*/React.createContext({
   theme: 'white'
 });
-const GlobalTheme = /*#__PURE__*/React.forwardRef(function GlobalTheme({
+
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const GlobalTheme = /*#__PURE__*/React.forwardRef(({
   children,
   theme
-}, ref) {
+}, ref) => {
   const value = useMemo(() => {
     return {
       theme
     };
   }, [theme]);
-  const childrenWithProps = /*#__PURE__*/React.cloneElement(children, {
+  const childrenWithProps = /*#__PURE__*/React.cloneElement(
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  children, {
     ref: ref
   });
   return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
@@ -67,6 +71,7 @@ function Theme({
       isDark
     };
   }, [theme]);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
     value: value

package/es/components/Tile/Tile.js

@@ -27,7 +27,7 @@ import { isComponentElement } from '../../internal/utils.js';
 import { Text } from '../Text/Text.js';
 
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
-const Tile = /*#__PURE__*/React.forwardRef(function Tile({
+const Tile = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   decorator,
@@ -35,7 +35,7 @@ const Tile = /*#__PURE__*/React.forwardRef(function Tile({
   slug,
   hasRoundedCorners = false,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const tileClasses = cx(`${prefix}--tile`, {
     [`${prefix}--tile--light`]: light,
@@ -82,7 +82,7 @@ Tile.propTypes = {
    */
   slug: deprecate(PropTypes.node, 'The `slug` prop for `Tile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.')
 };
-const ClickableTile = /*#__PURE__*/React.forwardRef(function ClickableTile({
+const ClickableTile = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   clicked = false,
@@ -96,7 +96,7 @@ const ClickableTile = /*#__PURE__*/React.forwardRef(function ClickableTile({
   hasRoundedCorners,
   slug,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const classes = cx(`${prefix}--tile`, `${prefix}--tile--clickable`, {
     [`${prefix}--tile--is-clicked`]: clicked,
@@ -205,7 +205,8 @@ ClickableTile.propTypes = {
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
-const SelectableTile = /*#__PURE__*/React.forwardRef(function SelectableTile({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const SelectableTile = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   decorator,
@@ -221,7 +222,7 @@ const SelectableTile = /*#__PURE__*/React.forwardRef(function SelectableTile({
   slug,
   hasRoundedCorners,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const clickHandler = onClick;
   const keyDownHandler = onKeyDown;
@@ -282,9 +283,7 @@ const SelectableTile = /*#__PURE__*/React.forwardRef(function SelectableTile({
       onClick: !disabled ? handleClick : undefined,
       role: "checkbox",
       "aria-checked": isSelected,
-      onKeyDown: !disabled ? handleKeyDown : undefined
-      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-      ,
+      onKeyDown: !disabled ? handleKeyDown : undefined,
       tabIndex: !disabled ? tabIndex : undefined,
       ref: ref,
       id: id,
@@ -364,16 +363,14 @@ SelectableTile.propTypes = {
    */
   value: deprecate(PropTypes.oneOfType([PropTypes.string, PropTypes.number]), 'The `value` property is no longer used.  It will be removed in the next major release.`')
 };
-const ExpandableTile = /*#__PURE__*/React.forwardRef(function ExpandableTile({
+const ExpandableTile = /*#__PURE__*/React.forwardRef(({
   tabIndex = 0,
   className,
   children,
   decorator,
   expanded = false,
   tileMaxHeight = 0,
-  // eslint-disable-line
   tilePadding = 0,
-  // eslint-disable-line
   onClick,
   onKeyUp,
   tileCollapsedIconText = 'Interact to expand Tile',
@@ -384,7 +381,7 @@ const ExpandableTile = /*#__PURE__*/React.forwardRef(function ExpandableTile({
   slug,
   hasRoundedCorners,
   ...rest
-}, forwardRef) {
+}, forwardRef) => {
   const [isTileMaxHeight, setIsTileMaxHeight] = useState(tileMaxHeight);
   const [isTilePadding, setIsTilePadding] = useState(tilePadding);
   const [prevExpanded, setPrevExpanded] = useState(expanded);
@@ -609,9 +606,9 @@ ExpandableTile.propTypes = {
   tileExpandedLabel: PropTypes.string
 };
 ExpandableTile.displayName = 'ExpandableTile';
-const TileAboveTheFoldContent = /*#__PURE__*/React.forwardRef(function TilAboveTheFoldContent({
+const TileAboveTheFoldContent = /*#__PURE__*/React.forwardRef(({
   children
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
@@ -625,9 +622,9 @@ TileAboveTheFoldContent.propTypes = {
   children: PropTypes.node
 };
 TileAboveTheFoldContent.displayName = 'TileAboveTheFoldContent';
-const TileBelowTheFoldContent = /*#__PURE__*/React.forwardRef(function TileBelowTheFoldContent({
+const TileBelowTheFoldContent = /*#__PURE__*/React.forwardRef(({
   children
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,

package/es/components/TimePicker/TimePicker.js

@@ -112,6 +112,7 @@ const TimePicker = frFn((props, ref) => {
       }
     };
     const mappedChildren = React.Children.map(children, pickerSelect => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
       const item = pickerSelect;
       if (item) {
         return /*#__PURE__*/React.cloneElement(item, {

package/es/components/Toggle/Toggle.js

@@ -67,7 +67,7 @@ function Toggle({
   const labelId = `${id}_label`;
   return (
     /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
     React.createElement("div", {
       className: wrapperClasses,
       onClick: !labelText ? e => {

package/es/components/Toggletip/index.js

@@ -27,6 +27,7 @@ function ToggletipLabel({
 }) {
   const prefix = usePrefix();
   const className = cx(`${prefix}--toggletip-label`, customClassName);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const BaseComponentAsAny = BaseComponent;
   return /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({
     className: className
@@ -133,6 +134,7 @@ function Toggletip({
     const eventType = 'PointerEvent' in window ? 'pointerdown' : 'mousedown';
     const handleOutsideClick = event => {
       const node = event.target;
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20071
       if (open && node && !ref.current.contains(node)) {
         setOpen(false);
       }
@@ -165,6 +167,7 @@ function Toggletip({
 // Get all the properties from Popover except for "open".
 // The Typescript types for PropTypes are really messed up so we need lots of
 // casting.  It will be great when we can finally get rid of PropTypes altogether.
+// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
 const {
   open,
   ...popoverNonOpenPropTypes
@@ -192,6 +195,7 @@ const ToggletipButton = /*#__PURE__*/React.forwardRef(function ToggletipButton({
   const toggletip = useToggletip();
   const prefix = usePrefix();
   const className = cx(`${prefix}--toggletip-button`, customClassName);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const ComponentToggle = BaseComponent ?? 'button';
   if (ComponentToggle !== 'button') {
     return /*#__PURE__*/React.createElement(ComponentToggle, _extends({}, toggletip?.onClick, {

package/es/components/Tooltip/DefinitionTooltip.js

@@ -48,6 +48,7 @@ const DefinitionTooltip = ({
       setOpen(false);
     },
     onMouseEnter: () => {
+      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
       openOnHover ? setOpen(true) : null;
     },
     onFocus: () => {

package/es/components/Tooltip/Tooltip.js

@@ -22,6 +22,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/20071
 const Tooltip = /*#__PURE__*/React.forwardRef(({
   as,
   align = 'top',
@@ -68,6 +69,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 = {};
@@ -154,29 +157,33 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
       });
     };
   }, [isDragging, onDragStop]);
-  return /*#__PURE__*/React.createElement(Popover, _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(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(Popover, _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(PopoverContent, {
+      "aria-hidden": open ? 'false' : 'true',
+      className: `${prefix}--tooltip-content`,
+      id: id,
+      onMouseEnter: onMouseEnter,
+      role: "tooltip"
+    }, label || description))
+  );
 });
 Tooltip.propTypes = {
   /**

package/es/components/TreeView/TreeNode.js

@@ -57,8 +57,7 @@ const useEllipsisCheck = (label, detailsWrapperRef) => {
     }
   }, [detailsWrapperRef]);
   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(() => {
@@ -73,9 +72,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();
@@ -126,6 +127,8 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
     tooltipText
   } = useEllipsisCheck(label, detailsWrapperRef);
   const enableTreeviewControllable = 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
   } = useRef(nodeId || useId());
@@ -368,7 +371,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(CaretDown, {
@@ -396,7 +402,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
       value: depth + 1
     }, children)));
   }
-  return /*#__PURE__*/React.createElement("li", _extends({}, treeNodeProps, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", _extends({}, treeNodeProps, {
     "aria-expanded": children ? !!expanded : undefined,
     ref: setRefs
   }), nodeContent, children && /*#__PURE__*/React.createElement("ul", {
@@ -407,7 +413,7 @@ const TreeNode = /*#__PURE__*/React.forwardRef(({
     })
   }, /*#__PURE__*/React.createElement(DepthContext.Provider, {
     value: depth + 1
-  }, children)));
+  }, children))));
 });
 TreeNode.propTypes = {
   /**
@@ -468,12 +474,14 @@ TreeNode.propTypes = {
   /**
    * 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: 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.'),
   /**

package/es/components/TreeView/TreeView.js

@@ -32,11 +32,14 @@ const TreeView = ({
   ...rest
 }) => {
   const enableTreeviewControllable = 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
   } = useRef(rest.id || useId());
   const prefix = 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'
@@ -62,6 +65,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) {
@@ -110,6 +115,7 @@ const TreeView = ({
     if (match(event, 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 (matches(event, [Home, End, {
       code: 'KeyA'
@@ -126,6 +132,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(event, {
         code: 'KeyA'

package/es/components/UIShell/HeaderContainer.js

@@ -27,7 +27,9 @@ function HeaderContainer({
   const handleHeaderMenuButtonClick = useCallback(() => {
     setIsSideNavExpandedState(prevIsSideNavExpanded => !prevIsSideNavExpanded);
   }, [setIsSideNavExpandedState]);
-  return /*#__PURE__*/React.createElement(Children, _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
+  , _extends({}, rest, {
     isSideNavExpanded: isSideNavExpandedState,
     onClickSideNavExpand: handleHeaderMenuButtonClick
   }));

package/es/components/UIShell/HeaderGlobalAction.js

@@ -22,7 +22,7 @@ import { usePrefix } from '../../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,
@@ -33,7 +33,7 @@ const HeaderGlobalAction = /*#__PURE__*/React.forwardRef(function HeaderGlobalAc
   isActive,
   tooltipAlignment,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const className = cx({
     [customClassName]: !!customClassName,

package/es/components/UIShell/HeaderMenu.js

@@ -120,6 +120,7 @@ const HeaderMenu = frFn((props, ref) => {
    */
   const renderMenuItem = (item, index) => {
     if (/*#__PURE__*/isValidElement(item)) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
       return /*#__PURE__*/cloneElement(item, {
         ref: handleItemRef(index)
       });
@@ -157,9 +158,8 @@ const HeaderMenu = frFn((props, ref) => {
     onBlur: composeEventHandlers([onBlur, handleOnBlur]),
     ref: ref
   }), /*#__PURE__*/React.createElement("a", _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/es/components/UIShell/HeaderPanel.js

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

package/es/components/UIShell/Link.js

@@ -17,9 +17,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, _extends({
     ref: ref

package/es/components/UIShell/SideNavItems.js

@@ -21,6 +21,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, {
         ...(CARBON_SIDENAV_ITEMS.includes(childDisplayName) ? {

package/es/components/UIShell/SideNavMenu.js

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

package/es/components/UIShell/SideNavMenuItem.js

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

package/es/components/UIShell/SideNavSwitcher.js

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

package/es/components/UIShell/Switcher.js

@@ -41,7 +41,7 @@ import './SideNavMenu.js';
 import './SideNavMenuItem.js';
 import './SideNavSwitcher.js';
 
-const Switcher = /*#__PURE__*/forwardRef(function Switcher(props, forwardRef) {
+const Switcher = /*#__PURE__*/forwardRef((props, forwardRef) => {
   const switcherRef = useRef(null);
   const ref = useMergedRefs([switcherRef, forwardRef]);
   const prefix = usePrefix();
@@ -81,6 +81,7 @@ const Switcher = /*#__PURE__*/forwardRef(function Switcher(props, forwardRef) {
           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];
       }