@carbon/react 1.90.0-rc.0 → 1.90.0

package/es/components/Dropdown/Dropdown.js

@@ -149,6 +149,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
         }
       });
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [floatingStyles, autoAlign, refs.floating]);
   const prefix = usePrefix();
   const {
@@ -163,6 +164,8 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
       });
     }
   }, [onChange]);
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   const isItemDisabled = useCallback((item, _index) => {
     const isObject = item !== null && typeof item === 'object';
     return isObject && 'disabled' in item && item.disabled === true;
@@ -171,7 +174,9 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     const {
       highlightedIndex
     } = changes;
-    if (highlightedIndex !== undefined && highlightedIndex > -1 && typeof window !== undefined) {
+    if (highlightedIndex !== undefined && highlightedIndex > -1 &&
+    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20071
+    typeof window !== undefined) {
       const itemArray = document.querySelectorAll(`li.${prefix}--list-box__menu-item[role="option"]`);
       const highlightedItem = itemArray[highlightedIndex];
       if (highlightedItem) {
@@ -192,7 +197,9 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     isItemDisabled,
     onHighlightedIndexChange,
     ...downshiftProps
-  }), [items, itemToString, initialSelectedItem, onSelectedItemChange, stateReducer, isItemDisabled, onHighlightedIndexChange, downshiftProps]);
+  }),
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  [items, itemToString, initialSelectedItem, onSelectedItemChange, stateReducer, isItemDisabled, onHighlightedIndexChange, downshiftProps]);
   const dropdownInstanceId = useId();
 
   // only set selectedItem if the prop is defined. Setting if it is undefined
@@ -281,7 +288,9 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     if (toggleButtonProps.onKeyDown && (evt.key !== 'ArrowUp' || isOpen && evt.key === 'ArrowUp')) {
       toggleButtonProps.onKeyDown(evt);
     }
-  }, [isTyping, currTimer, toggleButtonProps]);
+  },
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  [isTyping, currTimer, toggleButtonProps]);
   const readOnlyEventHandlers = useMemo(() => {
     if (readOnly) {
       return {
@@ -304,6 +313,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
         onKeyDown: onKeyDownHandler
       };
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [readOnly, onKeyDownHandler]);
   const menuProps = useMemo(() => getMenuProps({
     ref: enableFloatingStyles || autoAlign ? refs.setFloating : null
@@ -354,7 +364,9 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     ref: mergedRef
   }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) : label), /*#__PURE__*/React.createElement(ListBox.MenuIcon, {
+  }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) :
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  label), /*#__PURE__*/React.createElement(ListBox.MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
   })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {

package/es/components/ErrorBoundary/ErrorBoundaryContext.js

@@ -9,6 +9,7 @@ import { createContext } from 'react';
 
 const ErrorBoundaryContext = /*#__PURE__*/createContext({
   log(error, info) {
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
     console.log(info.componentStack);
   }
 });

package/es/components/FileUploader/FileUploader.js

@@ -20,6 +20,7 @@ import { useId } from '../../internal/useId.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { Text } from '../Text/Text.js';
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const FileUploader = /*#__PURE__*/React.forwardRef(({
   accept,
   buttonKind,
@@ -43,6 +44,8 @@ const FileUploader = /*#__PURE__*/React.forwardRef(({
   const enhancedFileUploaderEnabled = useFeatureFlag('enable-enhanced-file-uploader');
   const [fileItems, setFileItems] = useState([]);
   const [legacyFileNames, setLegacyFileNames] = useState([]);
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   const [fileObjects, setFileObjects] = useState(new Map());
   const nodes = [];
   const createFileItem = file => ({
@@ -95,7 +98,9 @@ const FileUploader = /*#__PURE__*/React.forwardRef(({
         onChange(evt);
       }
     }
-  }, [enhancedFileUploaderEnabled, fileItems, legacyFileNames, multiple, onChange]);
+  },
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  [enhancedFileUploaderEnabled, fileItems, legacyFileNames, multiple, onChange]);
   const handleClick = useCallback((evt, {
     index,
     filenameStatus
@@ -150,7 +155,9 @@ const FileUploader = /*#__PURE__*/React.forwardRef(({
       }
       uploaderButton.current?.focus?.();
     }
-  }, [enhancedFileUploaderEnabled, fileItems, legacyFileNames, onDelete, onChange, onClick]);
+  },
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  [enhancedFileUploaderEnabled, fileItems, legacyFileNames, onDelete, onChange, onClick]);
   useImperativeHandle(ref, () => ({
     clearFiles() {
       if (enhancedFileUploaderEnabled) {

package/es/components/FileUploader/FileUploaderButton.js

@@ -30,13 +30,13 @@ function FileUploaderButton({
   onChange = noopFn,
   name,
   size = 'md',
-  // eslint-disable-next-line react/prop-types
   innerRef,
   ...other
 }) {
   const prefix = usePrefix();
   const [labelText, setLabelText] = useState(ownerLabelText);
   const [prevOwnerLabelText, setPrevOwnerLabelText] = useState(ownerLabelText);
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const {
     current: inputId
   } = useRef(id || useId());

package/es/components/FileUploader/FileUploaderDropContainer.js

@@ -28,12 +28,12 @@ function FileUploaderDropContainer({
   onAddFiles = noopFn,
   onClick,
   pattern = '.[0-9a-z]+$',
-  // eslint-disable-next-line react/prop-types
   innerRef,
   ...rest
 }) {
   const prefix = usePrefix();
   const inputRef = useRef(null);
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const {
     current: uid
   } = useRef(id || useId());

package/es/components/FileUploader/FileUploaderItem.js

@@ -36,6 +36,7 @@ function FileUploaderItem({
   const textRef = useRef(null);
   const [isEllipsisApplied, setIsEllipsisApplied] = useState(false);
   const prefix = usePrefix();
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const {
     current: id
   } = useRef(uuid || useId());
@@ -48,6 +49,8 @@ function FileUploaderItem({
   const filterSpaceName = name => {
     return name?.replace(/\s+/g, '');
   };
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const isEllipsisActive = element => {
     setIsEllipsisApplied(element.offsetWidth < element.scrollWidth);
     return element.offsetWidth < element.scrollWidth;

package/es/components/FluidMultiSelect/FluidMultiSelect.js

@@ -30,12 +30,14 @@ const FluidMultiSelect = /*#__PURE__*/React.forwardRef(function FluidMultiSelect
     }
   }, isFilterable ?
   /*#__PURE__*/
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
   // @ts-ignore
   React.createElement(FilterableMultiSelect, _extends({
     ref: ref,
     className: classNames
   }, other)) :
   /*#__PURE__*/
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
   // @ts-ignore
   React.createElement(MultiSelect, _extends({
     ref: ref,

package/es/components/FluidNumberInput/FluidNumberInput.js

@@ -15,10 +15,11 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { NumberFormatOptionsPropType } from '../NumberInput/NumberFormatPropTypes.js';
 
-const FluidNumberInput = /*#__PURE__*/React.forwardRef(function FluidNumberInput({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const FluidNumberInput = /*#__PURE__*/React.forwardRef(({
   className,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--number-input--fluid`, className);
   return /*#__PURE__*/React.createElement(FormContext.Provider, {

package/es/components/FluidSearch/FluidSearch.js

@@ -14,10 +14,11 @@ import '../Search/Search.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidSearch = /*#__PURE__*/React.forwardRef(function FluidSearch({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const FluidSearch = /*#__PURE__*/React.forwardRef(({
   className,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--search--fluid`, className);
   return /*#__PURE__*/React.createElement(FormContext.Provider, {

package/es/components/FluidSelect/FluidSelect.js

@@ -14,11 +14,12 @@ import '../Select/Select.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidSelect = /*#__PURE__*/React.forwardRef(function FluidSelect({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const FluidSelect = /*#__PURE__*/React.forwardRef(({
   className,
   children,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--select--fluid`, className);
   return /*#__PURE__*/React.createElement(FormContext.Provider, {

package/es/components/FluidTextInput/FluidTextInput.js

@@ -16,11 +16,12 @@ import PasswordInput from '../TextInput/PasswordInput.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidTextInput = /*#__PURE__*/React.forwardRef(function FluidTextInput({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const FluidTextInput = /*#__PURE__*/React.forwardRef(({
   className,
   isPassword,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const classNames = cx(className, {
     [`${prefix}--text-input--fluid`]: !isPassword

package/es/components/FluidTimePicker/FluidTimePicker.js

@@ -15,7 +15,8 @@ import '../FluidTextInput/FluidTextInput.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 
-const FluidTimePicker = /*#__PURE__*/React.forwardRef(function FluidTimePicker({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const FluidTimePicker = /*#__PURE__*/React.forwardRef(({
   className,
   children,
   disabled,
@@ -25,7 +26,7 @@ const FluidTimePicker = /*#__PURE__*/React.forwardRef(function FluidTimePicker({
   warnText,
   readOnly,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const classNames = cx(className, {
     [`${prefix}--time-picker--fluid`]: true,
@@ -45,12 +46,18 @@ const FluidTimePicker = /*#__PURE__*/React.forwardRef(function FluidTimePicker({
   const error = invalid || warn;
   const childrenWithProps = () => {
     if (disabled) {
-      return React.Children.toArray(children).map(child => /*#__PURE__*/React.cloneElement(child, {
+      return React.Children.toArray(children).map(child =>
+      /*#__PURE__*/
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      React.cloneElement(child, {
         disabled: true
       }));
     }
     if (readOnly) {
-      return React.Children.toArray(children).map(child => /*#__PURE__*/React.cloneElement(child, {
+      return React.Children.toArray(children).map(child =>
+      /*#__PURE__*/
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      React.cloneElement(child, {
         readOnly: true
       }));
     }

package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -11,11 +11,12 @@ import PropTypes from 'prop-types';
 import FluidSelect from '../FluidSelect/FluidSelect.js';
 import '../FluidSelect/FluidSelect.Skeleton.js';
 
-const FluidTimePickerSelect = /*#__PURE__*/React.forwardRef(function FluidTimePickerSelect({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const FluidTimePickerSelect = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   ...other
-}, ref) {
+}, ref) => {
   return /*#__PURE__*/React.createElement(FluidSelect, _extends({
     className: className,
     ref: ref

package/es/components/Grid/CSSGrid.js

@@ -12,6 +12,7 @@ import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useGridSettings, GridSettings } from './GridContext.js';
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const CSSGrid = /*#__PURE__*/React.forwardRef(({
   align,
   as,
@@ -94,6 +95,10 @@ CSSGrid.propTypes = {
    */
   narrow: PropTypes.bool
 };
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
+
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const Subgrid = /*#__PURE__*/React.forwardRef(({
   as,
   className: customClassName,

package/es/components/Grid/Column.js

@@ -13,6 +13,7 @@ import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useGridSettings } from './GridContext.js';
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const Column = /*#__PURE__*/React.forwardRef(({
   as,
   children,
@@ -114,6 +115,8 @@ Column.propTypes = {
    */
   xlg: spanPropType
 };
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any , react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const CSSGridColumn = /*#__PURE__*/React.forwardRef(({
   as: BaseComponent = 'div',
   children,

package/es/components/Grid/ColumnHang.js

@@ -24,6 +24,7 @@ function ColumnHang({
   const prefix = usePrefix();
   const className = cx(customClassName, `${prefix}--grid-column-hang`);
   // cast as any to let TypeScript allow passing in attributes to base component
+  // 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({}, rest, {
     className: className

package/es/components/Grid/FlexGrid.js

@@ -12,6 +12,7 @@ import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { GridSettings } from './GridContext.js';
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const FlexGrid = /*#__PURE__*/React.forwardRef(({
   as,
   condensed = false,

package/es/components/Grid/Row.js

@@ -26,6 +26,7 @@ function Row({
     [`${prefix}--row--narrow`]: narrow
   });
   // TypeScript type validation reports conflicts on different instances of keyof JSX.IntrinsicElements
+  // 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

package/es/components/Heading/index.js

@@ -17,6 +17,7 @@ const Section = /*#__PURE__*/React.forwardRef(function Section({
 }, ref) {
   const parentLevel = React.useContext(HeadingContext);
   const level = levelOverride ?? parentLevel + 1;
+  // 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(HeadingContext.Provider, {
     value: Math.min(level, 6)
@@ -43,7 +44,8 @@ Section.propTypes = {
    */
   level: PropTypes.number
 };
-const Heading = /*#__PURE__*/React.forwardRef(function Heading(props, ref) {
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const Heading = /*#__PURE__*/React.forwardRef((props, ref) => {
   const HeadingIntrinsic = `h${React.useContext(HeadingContext)}`;
   return /*#__PURE__*/React.createElement(HeadingIntrinsic, _extends({
     ref: ref

package/es/components/IconButton/index.js

@@ -19,7 +19,8 @@ import { BadgeIndicator } from '../BadgeIndicator/index.js';
 import { mapPopoverAlign } from '../../tools/mapPopoverAlign.js';
 
 const IconButtonKinds = ['primary', 'secondary', 'ghost', 'tertiary'];
-const IconButton = /*#__PURE__*/React.forwardRef(function IconButton({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const IconButton = /*#__PURE__*/React.forwardRef(({
   align,
   autoAlign = false,
   badgeCount,
@@ -38,12 +39,13 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton({
   size,
   isSelected,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const tooltipClasses = cx(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/20071
     console.warn("The prop BadgeCount must be used with hasIconOnly=true, kind='ghost' and size='lg'");
   }
   const badgeId = useId('badge-indicator');

package/es/components/IconIndicator/index.js

@@ -26,13 +26,15 @@ const iconTypes = {
   unknown: UnknownFilled,
   informative: WarningSquareFilled
 };
-const IconIndicator = /*#__PURE__*/React.forwardRef(function IconIndicatorContent({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const IconIndicator = /*#__PURE__*/React.forwardRef(({
   className: customClassName,
   kind,
   label,
   size = 16,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--icon-indicator`, customClassName, {
     [`${prefix}--icon-indicator--20`]: size == 20

package/es/components/InlineCheckbox/InlineCheckbox.js

@@ -11,7 +11,8 @@ import { deprecate } from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 
-const InlineCheckbox = /*#__PURE__*/React.forwardRef(function InlineCheckbox(props, forwardRef) {
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const InlineCheckbox = /*#__PURE__*/React.forwardRef((props, forwardRef) => {
   const {
     ['aria-label']: ariaLabel,
     ariaLabel: deprecatedAriaLabel,
@@ -60,7 +61,7 @@ const InlineCheckbox = /*#__PURE__*/React.forwardRef(function InlineCheckbox(pro
     className: `${prefix}--checkbox--inline`
   }, /*#__PURE__*/React.createElement("input", inputProps),
   /*#__PURE__*/
-  /* eslint-disable jsx-a11y/label-has-for,jsx-a11y/label-has-associated-control,jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions */
+  /* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions */
   React.createElement("label", {
     htmlFor: id,
     className: `${prefix}--checkbox-label`,

package/es/components/Layout/index.js

@@ -22,14 +22,15 @@ const densities = ['condensed', 'normal'];
  * Size of components within this layout
  */
 
-const Layout = /*#__PURE__*/React.forwardRef(function Layout({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const Layout = /*#__PURE__*/React.forwardRef(({
   as: BaseComponent = 'div',
   children,
   className,
   density,
   size,
   ...rest
-}, forwardRef) {
+}, forwardRef) => {
   const prefix = usePrefix();
   const classes = cx(className, `${prefix}--layout`, {
     [`${prefix}--layout--size-${size}`]: size && sizes.includes(size),
@@ -64,14 +65,15 @@ Layout.propTypes = {
    */
   size: PropTypes.oneOf(sizes)
 };
-const LayoutConstraint = /*#__PURE__*/React.forwardRef(function Layout({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const LayoutConstraint = /*#__PURE__*/React.forwardRef(({
   as: BaseComponent = 'div',
   children,
   className,
   density,
   size,
   ...rest
-}, forwardRef) {
+}, forwardRef) => {
   const prefix = usePrefix();
   const classes = cx(className, Object.entries({
     size,

package/es/components/LayoutDirection/LayoutDirection.js

@@ -10,6 +10,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { LayoutDirectionContext } from './LayoutDirectionContext.js';
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
+
 function LayoutDirection({
   as: BaseComponent = 'div',
   children,

package/es/components/Link/Link.js

@@ -12,6 +12,7 @@ import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 // First create the component with basic types
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const LinkBase = /*#__PURE__*/React.forwardRef(({
   as: BaseComponent,
   children,
@@ -47,6 +48,8 @@ const LinkBase = /*#__PURE__*/React.forwardRef(({
     linkProps.role = 'link';
     linkProps['aria-disabled'] = true;
   }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const BaseComponentAsAny = BaseComponent ?? 'a';
   const handleOnClick = event => {
     if (disabled) {

package/es/components/ListBox/ListBoxMenuItem.js

@@ -22,7 +22,9 @@ import { useMergedRefs } from '../../internal/useMergedRefs.js';
  * @param deps - Dependencies to re-run the truncation check.
  * @returns An object containing the truncation state and the merged ref.
  */
-const useIsTruncated = (forwardedRef, deps = []) => {
+const useIsTruncated = (forwardedRef,
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+deps = []) => {
   const localRef = useRef(null);
   const mergedRef = useMergedRefs([...(forwardedRef ? [forwardedRef] : []), localRef]);
   const [isTruncated, setIsTruncated] = useState(false);
@@ -35,6 +37,7 @@ const useIsTruncated = (forwardedRef, deps = []) => {
       } = element;
       setIsTruncated(offsetWidth < scrollWidth);
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [localRef, ...deps]);
   return {
     isTruncated,

package/es/components/ListBox/next/ListBoxTrigger.js

@@ -27,11 +27,12 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * state of the menu for a given `ListBox`
  */
 
-const ListBoxTrigger = /*#__PURE__*/React.forwardRef(function ListBoxTrigger({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const ListBoxTrigger = /*#__PURE__*/React.forwardRef(({
   isOpen,
   translateWithId: t = defaultTranslateWithId,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix();
   const className = cx({
     [`${prefix}--list-box__menu-icon`]: true,

package/es/components/Menu/Menu.js

@@ -28,7 +28,6 @@ const Menu = /*#__PURE__*/forwardRef(function Menu({
   containerRef,
   label,
   menuAlignment,
-  mode,
   onClose,
   onOpen,
   open,
@@ -118,6 +117,8 @@ const Menu = /*#__PURE__*/forwardRef(function Menu({
     }
   }
   function focusItem(e) {
+    const validItems = focusableItems?.filter(item => item?.ref?.current);
+    if (!validItems?.length) return;
     const currentItem = focusableItems.findIndex(item => item.ref?.current?.contains(document.activeElement));
     let indexToFocus = currentItem;
 
@@ -134,14 +135,14 @@ const Menu = /*#__PURE__*/forwardRef(function Menu({
       }
     }
     if (indexToFocus < 0) {
-      indexToFocus = focusableItems.length - 1;
+      indexToFocus = validItems.length - 1;
     }
-    if (indexToFocus >= focusableItems.length) {
+    if (indexToFocus >= validItems.length) {
       indexToFocus = 0;
     }
     if (indexToFocus !== currentItem) {
-      const nodeToFocus = focusableItems[indexToFocus];
-      nodeToFocus.ref?.current?.focus();
+      const nodeToFocus = validItems[indexToFocus];
+      nodeToFocus?.ref?.current?.focus();
       e?.preventDefault();
     }
   }
@@ -304,7 +305,6 @@ Menu.propTypes = {
   /**
    * A label describing the Menu.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   label: PropTypes.string,
   /**
    * Specify how the menu should align with the button element
@@ -340,17 +340,14 @@ Menu.propTypes = {
   /**
    * Specify a DOM node where the Menu should be rendered in. Defaults to document.body.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   target: PropTypes.object,
   /**
    * Specify the x position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([x1, x2])
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   x: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),
   /**
    * Specify the y position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([y1, y2])
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   y: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])
 };
 

package/es/components/Menu/MenuContext.js

@@ -44,6 +44,7 @@ function menuReducer(state, action) {
 const MenuContext = /*#__PURE__*/createContext({
   state: menuDefaultState,
   // 'dispatch' is populated by the root menu
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   dispatch: _ => {}
 });