@carbon/react 1.90.0-rc.0 → 1.91.0-rc.0

package/lib/components/FluidTimePicker/FluidTimePicker.js

@@ -19,7 +19,8 @@ require('../FluidTextInput/FluidTextInput.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var iconsReact = require('@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,
@@ -29,7 +30,7 @@ const FluidTimePicker = /*#__PURE__*/React.forwardRef(function FluidTimePicker({
   warnText,
   readOnly,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx(className, {
     [`${prefix}--time-picker--fluid`]: true,
@@ -49,12 +50,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/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -15,11 +15,12 @@ var PropTypes = require('prop-types');
 var FluidSelect = require('../FluidSelect/FluidSelect.js');
 require('../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.default, _rollupPluginBabelHelpers.extends({
     className: className,
     ref: ref

package/lib/components/Grid/CSSGrid.js

@@ -14,6 +14,7 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var GridContext = require('./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,
@@ -96,6 +97,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/lib/components/Grid/Column.js

@@ -36,6 +36,7 @@ function _interopNamespaceDefault(e) {
 
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespaceDefault(FeatureFlags);
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const Column = /*#__PURE__*/React.forwardRef(({
   as,
   children,
@@ -137,6 +138,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/lib/components/Grid/ColumnHang.js

@@ -26,6 +26,7 @@ function ColumnHang({
   const prefix = usePrefix.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, _rollupPluginBabelHelpers.extends({}, rest, {
     className: className

package/lib/components/Grid/FlexGrid.js

@@ -14,6 +14,7 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var GridContext = require('./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/lib/components/Grid/Row.js

@@ -30,6 +30,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, _rollupPluginBabelHelpers.extends({
     className: className

package/lib/components/Heading/index.js

@@ -19,6 +19,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)
@@ -45,7 +46,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, _rollupPluginBabelHelpers.extends({
     ref: ref

package/lib/components/IconButton/index.js

@@ -21,7 +21,8 @@ var index = require('../BadgeIndicator/index.js');
 var mapPopoverAlign = require('../../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,
@@ -40,12 +41,13 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton({
   size,
   isSelected,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.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.useId('badge-indicator');
@@ -78,7 +80,7 @@ IconButton.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.deprecateValuesWithin(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead

package/lib/components/IconIndicator/index.js

@@ -30,13 +30,15 @@ const iconTypes = {
   unknown: iconsReact.UnknownFilled,
   informative: iconsReact.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.usePrefix();
   const classNames = cx(`${prefix}--icon-indicator`, customClassName, {
     [`${prefix}--icon-indicator--20`]: size == 20

package/lib/components/InlineCheckbox/InlineCheckbox.js

@@ -15,7 +15,8 @@ var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useMergedRefs = require('../../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,
@@ -64,7 +65,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/lib/components/Layout/index.js

@@ -24,14 +24,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.usePrefix();
   const classes = cx(className, `${prefix}--layout`, {
     [`${prefix}--layout--size-${size}`]: size && sizes.includes(size),
@@ -66,14 +67,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.usePrefix();
   const classes = cx(className, Object.entries({
     size,

package/lib/components/LayoutDirection/LayoutDirection.js

@@ -12,6 +12,8 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var LayoutDirectionContext = require('./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/lib/components/Link/Link.js

@@ -16,6 +16,7 @@ var React = require('react');
 var usePrefix = require('../../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,
@@ -51,6 +52,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/lib/components/ListBox/ListBoxMenuItem.js

@@ -26,7 +26,9 @@ var useMergedRefs = require('../../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 = React.useRef(null);
   const mergedRef = useMergedRefs.useMergedRefs([...(forwardedRef ? [forwardedRef] : []), localRef]);
   const [isTruncated, setIsTruncated] = React.useState(false);
@@ -39,6 +41,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/lib/components/ListBox/next/ListBoxTrigger.js

@@ -31,11 +31,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.usePrefix();
   const className = cx({
     [`${prefix}--list-box__menu-icon`]: true,

package/lib/components/Menu/Menu.js

@@ -30,7 +30,6 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu({
   containerRef,
   label,
   menuAlignment,
-  mode,
   onClose,
   onOpen,
   open,
@@ -120,6 +119,8 @@ const Menu = /*#__PURE__*/React.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;
 
@@ -136,14 +137,14 @@ const Menu = /*#__PURE__*/React.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();
     }
   }
@@ -306,7 +307,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
@@ -342,17 +342,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/lib/components/Menu/MenuContext.js

@@ -46,6 +46,7 @@ function menuReducer(state, action) {
 const MenuContext = /*#__PURE__*/React.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: _ => {}
 });
 

package/lib/components/Menu/MenuItem.d.ts

@@ -80,7 +80,7 @@ export interface MenuItemRadioGroupProps<Item> extends Omit<ComponentProps<'ul'>
      */
     defaultSelectedItem?: Item;
     /**
-     * Provide a function to convert an item to the string that will be rendered. Defaults to item.toString().
+     * Converts an item into a string for display.
      */
     itemToString?: (item: Item) => string;
     /**

package/lib/components/Menu/MenuItem.js

@@ -23,6 +23,7 @@ var MenuContext = require('./MenuContext.js');
 require('../LayoutDirection/LayoutDirection.js');
 var useLayoutDirection = require('../LayoutDirection/useLayoutDirection.js');
 require('../Text/index.js');
+var defaultItemToString = require('../../internal/defaultItemToString.js');
 var Text = require('../Text/Text.js');
 
 var _Checkmark, _CaretLeft, _CaretRight;
@@ -152,7 +153,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem({
   }, [direction]);
   React.useEffect(() => {
     if (IconElement && !context.state.hasIcons) {
-      // @ts-ignore - TODO: Should we be passing payload?
+      // @ts-expect-error - TODO: Should we be passing payload?
       context.dispatch({
         type: 'enableIcons'
       });
@@ -180,15 +181,15 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem({
     "aria-expanded": hasChildren ? submenuOpen : undefined,
     onClick: handleClick,
     onKeyDown: handleKeyDown,
-    onKeyUp: handleKeyUp
+    onKeyUp: handleKeyUp,
+    title: label
   }, getReferenceProps()), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__selection-icon`
   }, rest['aria-checked'] && (_Checkmark || (_Checkmark = /*#__PURE__*/React.createElement(iconsReact.Checkmark, null)))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__icon`
   }, IconElement && /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
-    className: `${prefix}--menu-item__label`,
-    title: label
+    className: `${prefix}--menu-item__label`
   }, label), shortcut && !hasChildren && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__shortcut`
   }, shortcut), hasChildren && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -227,17 +228,14 @@ MenuItem.propTypes = {
   /**
    * Provide an optional function to be called when the MenuItem is clicked.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   onClick: PropTypes.func,
   /**
    * A component used to render an icon.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Provide a shortcut for the action of this MenuItem. Note that the component will only render it as a hint but not actually register the shortcut.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   shortcut: PropTypes.string
 };
 const MenuItemSelectable = /*#__PURE__*/React.forwardRef(function MenuItemSelectable({
@@ -255,12 +253,12 @@ const MenuItemSelectable = /*#__PURE__*/React.forwardRef(function MenuItemSelect
     onChange,
     defaultValue: defaultSelected ?? false
   });
-  function handleClick(e) {
+  function handleClick() {
     setChecked(!checked);
   }
   React.useEffect(() => {
     if (!context.state.hasSelectableItems) {
-      // @ts-ignore - TODO: Should we be passing payload?
+      // @ts-expect-error - TODO: Should we be passing payload?
       context.dispatch({
         type: 'enableSelectableItems'
       });
@@ -284,7 +282,6 @@ MenuItemSelectable.propTypes = {
   /**
    * Specify whether the option should be selected by default.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   defaultSelected: PropTypes.bool,
   /**
    * A required label titling this option.
@@ -293,12 +290,10 @@ MenuItemSelectable.propTypes = {
   /**
    * Provide an optional function to be called when the selection state changes.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   onChange: PropTypes.func,
   /**
    * Pass a bool to props.selected to control the state of this option.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   selected: PropTypes.bool
 };
 const MenuItemGroup = /*#__PURE__*/React.forwardRef(function MenuItemGroup({
@@ -332,12 +327,11 @@ MenuItemGroup.propTypes = {
    */
   label: PropTypes.string.isRequired
 };
-const defaultItemToString = item => item.toString();
 const MenuItemRadioGroup = /*#__PURE__*/React.forwardRef(function MenuItemRadioGroup({
   className,
   defaultSelectedItem,
   items,
-  itemToString = defaultItemToString,
+  itemToString = defaultItemToString.defaultItemToString,
   label,
   onChange,
   selectedItem,
@@ -350,12 +344,13 @@ const MenuItemRadioGroup = /*#__PURE__*/React.forwardRef(function MenuItemRadioG
     onChange,
     defaultValue: defaultSelectedItem ?? {}
   });
+  //eslint-disable-next-line  @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   function handleClick(item, e) {
     setSelection(item);
   }
   React.useEffect(() => {
     if (!context.state.hasSelectableItems) {
-      // @ts-ignore - TODO: Should we be passing payload?
+      // @ts-expect-error - TODO: Should we be passing payload?
       context.dispatch({
         type: 'enableSelectableItems'
       });
@@ -389,14 +384,12 @@ MenuItemRadioGroup.propTypes = {
    */
   defaultSelectedItem: PropTypes.any,
   /**
-   * Provide a function to convert an item to the string that will be rendered. Defaults to item.toString().
+   * Converts an item into a string for display.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   itemToString: PropTypes.func,
   /**
    * Provide the options for this radio group. Can be of any type, as long as you provide an appropriate props.itemToString function.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   items: PropTypes.array,
   /**
    * A required label titling this radio group.
@@ -405,7 +398,6 @@ MenuItemRadioGroup.propTypes = {
   /**
    * Provide an optional function to be called when the selection changes.
    */
-  // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   onChange: PropTypes.func,
   /**
    * Provide props.selectedItem to control the state of this radio group. Must match the type of props.items.

package/lib/components/MenuButton/index.js

@@ -25,7 +25,8 @@ var mergeRefs = require('../../tools/mergeRefs.js');
 
 const validButtonKinds = ['primary', 'tertiary', 'ghost'];
 const defaultButtonKind = 'primary';
-const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const MenuButton = /*#__PURE__*/React.forwardRef(({
   children,
   className,
   disabled,
@@ -36,13 +37,14 @@ const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton({
   tabIndex = 0,
   menuTarget,
   ...rest
-}, forwardRef) {
+}, forwardRef) => {
   // feature flag utilized to separate out only the dynamic styles from @floating-ui
   // flag is turned on when collision detection (ie. flip, hide) logic is not desired
   const enableOnlyFloatingStyles = index.useFeatureFlag('enable-v12-dynamic-floating-styles');
   const id = useId.useId('MenuButton');
   const prefix = usePrefix.usePrefix();
   const triggerRef = React.useRef(null);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   let middlewares = [];
   if (!enableOnlyFloatingStyles) {
     middlewares = [react.flip({
@@ -161,6 +163,7 @@ MenuButton.propTypes = {
   /**
    * Specify the type of button to be used as the base for the trigger button.
    */
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   kind: PropTypes.oneOf(validButtonKinds),
   /**
@@ -174,11 +177,13 @@ MenuButton.propTypes = {
   /**
    * Specify the size of the button and menu.
    */
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Specify the tabIndex of the button.
    */
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
   tabIndex: PropTypes.number,
   /**

package/lib/components/Modal/Modal.js

@@ -177,6 +177,8 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal({
     }
     const lastContent = modalContent.children[modalContent.children.length - 1];
     const gradientSpacing = modalContent.scrollHeight - lastContent.offsetTop - lastContent.clientHeight;
+
+    // eslint-disable-next-line   prefer-const -- https://github.com/carbon-design-system/carbon/issues/20071
     for (let elem of modalContent.children) {
       if (elem.contains(currentActiveNode)) {
         const spaceBelow = modalContent.clientHeight - elem.offsetTop + modalContent.scrollTop - elem.clientHeight;
@@ -239,6 +241,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal({
     return () => {
       document.removeEventListener('keydown', handleEscapeKey, true);
     };
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [open]);
   React.useEffect(() => {
     return () => {
@@ -471,7 +474,7 @@ Modal.propTypes = {
   /**
    * Required props for the accessibility label of the header
    */
-  ['aria-label']: requiredIfGivenPropIsTruthy.default('hasScrollingContent', PropTypes.string),
+  ['aria-label']: requiredIfGivenPropIsTruthy.requiredIfGivenPropIsTruthy('hasScrollingContent', PropTypes.string),
   /**
    * Provide the contents of your Modal
    */

package/lib/components/ModalWrapper/ModalWrapper.js

@@ -21,6 +21,7 @@ var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
 
 let didWarnAboutDeprecation = false;
+// eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
 process.env.NODE_ENV !== 'production';
 class ModalWrapper extends React.Component {
   constructor(...args) {
@@ -57,6 +58,7 @@ class ModalWrapper extends React.Component {
       handleSubmit?.(evt);
     });
   }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   if(isDev) {
     process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, '`<ModalWrapper>` has been deprecated in favor of `<ComposedModal/>` and will be removed in the next major version, `@carbon/react@v2.x`') : void 0;
     didWarnAboutDeprecation = true;