@carbon/react 1.90.0-rc.0 → 1.90.0

package/lib/components/DataTable/TableToolbarMenu.js

@@ -18,6 +18,9 @@ var usePrefix = require('../../internal/usePrefix.js');
 var index = require('../OverflowMenu/index.js');
 
 const defaultIconDescription = 'Settings';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type -- https://github.com/carbon-design-system/carbon/issues/20071
+
 const TableToolbarMenu = ({
   className,
   renderIcon = iconsReact.Settings,

package/lib/components/DataTable/state/sorting.d.ts

@@ -13,7 +13,9 @@ export interface SortRowParams {
     locale: string;
     compare: (a: string | number, b: string | number, locale?: string) => number;
 }
-export type SortRowFn = (cellA: any, cellB: any, options: SortRowParams) => number;
+export type SortRowFn = (cellA: any, // eslint-disable-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+cellB: any, // eslint-disable-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+options: SortRowParams) => number;
 interface Props {
     locale?: string;
     sortRow?: SortRowFn;

package/lib/components/DataTable/state/sorting.js

@@ -10,6 +10,8 @@
 var sortStates = require('./sortStates.js');
 var sorting = require('../tools/sorting.js');
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+
 const initialSortState = sortStates.sortStates.NONE;
 
 /**

package/lib/components/DataTable/tools/sorting.js

@@ -15,6 +15,7 @@ var sortStates = require('../state/sortStates.js');
  * type, the default sort algorithm will be used for those types. Otherwise, the
  * values will be converted to strings for comparison.
  */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
 const compare = (a, b, locale = 'en') => {
   // prevent multiple null values in one column (sorting breaks)
   if (a === null) a = '';

package/lib/components/DatePicker/DatePicker.js

@@ -73,7 +73,6 @@ const carbonFlatpickrMonthSelectPlugin = config => fp => {
       elem.parentNode.removeChild(elem);
     });
     fp.monthElements.splice(0, fp.monthElements.length, ...fp.monthElements.map(() => {
-      // eslint-disable-next-line no-underscore-dangle
       const monthElement = fp._createElement('span', config.classFlatpickrCurrentMonth);
       monthElement.textContent = monthToStr(fp.currentMonth, config.shorthand === true, fp.l10n);
       fp.yearElements[0].closest(config.selectorFlatpickrMonthYearContainer).insertBefore(monthElement, fp.yearElements[0].closest(config.selectorFlatpickrYearContainer));
@@ -174,6 +173,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
     isFluid
   } = React.useContext(FormContext.FormContext);
   const [hasInput, setHasInput] = React.useState(false);
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const startInputField = React.useCallback(node => {
     if (node !== null) {
       startInputField.current = node;
@@ -193,7 +193,10 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
     if (onClose) {
       onClose(selectedDates, dateStr, instance);
     }
-  }, [onClose]);
+  },
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  [onClose]);
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   const onCalendarClose = (selectedDates, dateStr, instance, e) => {
     if (e && e.type === 'clickOutside') {
       return;
@@ -230,7 +233,11 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
   const wrapperClasses = cx(`${prefix}--form-item`, {
     [String(className)]: className
   });
-  const childrenWithProps = React.Children.toArray(children).map((child, index) => {
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  const childrenWithProps = React.Children.toArray(children).map(
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  (child, index) => {
     if (index === 0 && child.type === /*#__PURE__*/React.createElement(DatePickerInput.default, child.props).type) {
       return /*#__PURE__*/React.cloneElement(child, {
         datePickerType,
@@ -336,6 +343,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
     const {
       current: end
     } = endInputField;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
     const flatpickerConfig = {
       inline: inline ?? false,
       onClose: onCalendarClose,
@@ -511,6 +519,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
   // this hook allows consumers to access the flatpickr calendar
   // instance for cases where functions like open() or close()
   // need to be imperatively called on the calendar
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   React.useImperativeHandle(ref, () => ({
     get calendar() {
       return calendarRef.current;
@@ -567,6 +576,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
         endInputField.current.value = '';
       }
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [value]);
   React.useEffect(() => {
     const handleMouseDown = event => {
@@ -575,6 +585,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
         closeCalendar();
       }
     };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
     const closeCalendar = event => {
       calendarRef.current?.close();
       // Remove focus from endDate calendar input

package/lib/components/DatePickerInput/DatePickerInput.js

@@ -24,6 +24,8 @@ var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.js');
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+
 let didWarnAboutDatePickerInputValue = false;
 const DatePickerInput = /*#__PURE__*/React.forwardRef(function DatePickerInput(props, ref) {
   const {
@@ -97,6 +99,8 @@ const DatePickerInput = /*#__PURE__*/React.forwardRef(function DatePickerInput(p
     [`${prefix}--date-picker--fluid--warn`]: isFluid && warn
   });
   const datePickerInputHelperId = !helperText ? undefined : `datepicker-input-helper-text-${datePickerInputInstanceId}`;
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   const inputProps = {
     ...rest,
     ...datePickerInputProps,
@@ -202,12 +206,14 @@ DatePickerInput.propTypes = {
   /**
    * Provide a regular expression that the input value must match
    */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
   pattern: (props, propName, componentName) => {
     if (props[propName] === undefined) {
       return;
     }
     try {
       new RegExp(props[propName]);
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
     } catch (e) {
       return new Error(`Invalid value of prop '${propName}' supplied to '${componentName}', it should be a valid regular expression`);
     }

package/lib/components/Dialog/Dialog.js

@@ -95,6 +95,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(({
         ref.current.close();
       }
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [modal, open]);
   React.useEffect(() => {
     if (!open && focusAfterCloseRef) {
@@ -125,6 +126,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(({
         ref.current.setAttribute('aria-labelledby', title.id);
       }
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [open, ariaLabel, ariaLabelledBy, prefix]);
   return /*#__PURE__*/React.createElement(DialogContext.Provider, {
     value: contextValue
@@ -229,6 +231,7 @@ const DialogControls = /*#__PURE__*/React.forwardRef(({
   const prefix = usePrefix.usePrefix();
   return (
     /*#__PURE__*/
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
     // @ts-ignore
     React.createElement("div", _rollupPluginBabelHelpers.extends({
       className: `${prefix}--dialog__header-controls`,
@@ -257,6 +260,7 @@ const DialogCloseButton = /*#__PURE__*/React.forwardRef(({
   const prefix = usePrefix.usePrefix();
   return (
     /*#__PURE__*/
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
     // @ts-ignore
     React.createElement(index.IconButton, _rollupPluginBabelHelpers.extends({
       kind: "ghost",
@@ -492,7 +496,9 @@ const DialogFooter = /*#__PURE__*/React.forwardRef(({
     buttonText,
     onClick: onButtonClick
   }, i) => /*#__PURE__*/React.createElement(Button.default, {
-    key: `${buttonText}-${i}`,
+    key: `${buttonText}-${i}`
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- https://github.com/carbon-design-system/carbon/issues/20071
+    ,
     autoFocus: danger,
     kind: "secondary",
     ref: i === 0 && danger ? setSecondaryButtonRef : undefined,
@@ -500,7 +506,9 @@ const DialogFooter = /*#__PURE__*/React.forwardRef(({
   }, buttonText)) : secondaryButtonText && /*#__PURE__*/React.createElement(Button.default, {
     ref: danger ? setSecondaryButtonRef : undefined,
     disabled: loadingActive,
-    kind: "secondary",
+    kind: "secondary"
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- https://github.com/carbon-design-system/carbon/issues/20071
+    ,
     autoFocus: danger,
     onClick: onSecondaryButtonClick
   }, secondaryButtonText), /*#__PURE__*/React.createElement(Button.default, {

package/lib/components/Dropdown/Dropdown.js

@@ -153,6 +153,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.usePrefix();
   const {
@@ -167,6 +168,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 = React.useCallback((item, _index) => {
     const isObject = item !== null && typeof item === 'object';
     return isObject && 'disabled' in item && item.disabled === true;
@@ -175,7 +178,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) {
@@ -196,7 +201,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.useId();
 
   // only set selectedItem if the prop is defined. Setting if it is undefined
@@ -285,7 +292,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 = React.useMemo(() => {
     if (readOnly) {
       return {
@@ -308,6 +317,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 = React.useMemo(() => getMenuProps({
     ref: enableFloatingStyles || autoAlign ? refs.setFloating : null
@@ -358,7 +368,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(index$2.default.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(index$2.default.MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
   })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {

package/lib/components/ErrorBoundary/ErrorBoundaryContext.js

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

package/lib/components/FileUploader/FileUploader.js

@@ -24,6 +24,7 @@ var useId = require('../../internal/useId.js');
 var index = require('../FeatureFlags/index.js');
 var Text = require('../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,
@@ -47,6 +48,8 @@ const FileUploader = /*#__PURE__*/React.forwardRef(({
   const enhancedFileUploaderEnabled = index.useFeatureFlag('enable-enhanced-file-uploader');
   const [fileItems, setFileItems] = React.useState([]);
   const [legacyFileNames, setLegacyFileNames] = React.useState([]);
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   const [fileObjects, setFileObjects] = React.useState(new Map());
   const nodes = [];
   const createFileItem = file => ({
@@ -99,7 +102,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 = React.useCallback((evt, {
     index,
     filenameStatus
@@ -154,7 +159,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]);
   React.useImperativeHandle(ref, () => ({
     clearFiles() {
       if (enhancedFileUploaderEnabled) {

package/lib/components/FileUploader/FileUploaderButton.js

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

package/lib/components/FileUploader/FileUploaderDropContainer.js

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

package/lib/components/FileUploader/FileUploaderItem.js

@@ -40,6 +40,7 @@ function FileUploaderItem({
   const textRef = React.useRef(null);
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
   const prefix = usePrefix.usePrefix();
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const {
     current: id
   } = React.useRef(uuid || useId.useId());
@@ -52,6 +53,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/lib/components/FluidMultiSelect/FluidMultiSelect.js

@@ -34,12 +34,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.FilterableMultiSelect, _rollupPluginBabelHelpers.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.MultiSelect, _rollupPluginBabelHelpers.extends({
     ref: ref,

package/lib/components/FluidNumberInput/FluidNumberInput.js

@@ -19,10 +19,11 @@ var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var NumberFormatPropTypes = require('../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.usePrefix();
   const classNames = cx(`${prefix}--number-input--fluid`, className);
   return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {

package/lib/components/FluidSearch/FluidSearch.js

@@ -18,10 +18,11 @@ require('../Search/Search.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../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.usePrefix();
   const classNames = cx(`${prefix}--search--fluid`, className);
   return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {

package/lib/components/FluidSelect/FluidSelect.js

@@ -18,11 +18,12 @@ require('../Select/Select.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../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.usePrefix();
   const classNames = cx(`${prefix}--select--fluid`, className);
   return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {

package/lib/components/FluidTextInput/FluidTextInput.js

@@ -20,11 +20,12 @@ var PasswordInput = require('../TextInput/PasswordInput.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../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.usePrefix();
   const classNames = cx(className, {
     [`${prefix}--text-input--fluid`]: !isPassword

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');

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