@carbon/react 1.89.0 → 1.90.0

package/lib/components/PageHeader/PageHeader.js

@@ -44,11 +44,11 @@ var Text = require('../Text/Text.js');
  * ----------
  */
 
-const PageHeader = /*#__PURE__*/React.forwardRef(function PageHeader({
+const PageHeader = /*#__PURE__*/React.forwardRef(({
   className,
   children,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx({
     [`${prefix}--page-header`]: true
@@ -66,7 +66,7 @@ PageHeader.displayName = 'PageHeader';
  * -----------------------
  */
 
-const PageHeaderBreadcrumbBar = /*#__PURE__*/React.forwardRef(function PageHeaderBreadcrumbBar({
+const PageHeaderBreadcrumbBar = /*#__PURE__*/React.forwardRef(({
   border = true,
   className,
   children,
@@ -76,7 +76,7 @@ const PageHeaderBreadcrumbBar = /*#__PURE__*/React.forwardRef(function PageHeade
   pageActions,
   pageActionsFlush,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx({
     [`${prefix}--page-header__breadcrumb-bar`]: true,
@@ -113,7 +113,7 @@ PageHeaderBreadcrumbBar.displayName = 'PageHeaderBreadcrumbBar';
  * -----------------
  */
 
-const PageHeaderContent = /*#__PURE__*/React.forwardRef(function PageHeaderContent({
+const PageHeaderContent = /*#__PURE__*/React.forwardRef(({
   className,
   children,
   title,
@@ -121,7 +121,7 @@ const PageHeaderContent = /*#__PURE__*/React.forwardRef(function PageHeaderConte
   contextualActions,
   pageActions,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx({
     [`${prefix}--page-header__content`]: true
@@ -133,6 +133,7 @@ const PageHeaderContent = /*#__PURE__*/React.forwardRef(function PageHeaderConte
     return element.offsetHeight < element.scrollHeight;
   };
   React.useLayoutEffect(() => {
+    // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
     titleRef.current && isEllipsisActive(titleRef.current);
   }, [title]);
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
@@ -204,6 +205,7 @@ PageHeaderContent.propTypes = {
 
 const PageHeaderContentPageActions = ({
   className,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   children,
   menuButtonLabel = 'Actions',
   actions,
@@ -239,6 +241,7 @@ const PageHeaderContentPageActions = ({
         }
       }
     });
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, []);
   return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames,
@@ -361,12 +364,12 @@ PageHeaderHeroImage.propTypes = {
  * ----------------
  */
 
-const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar({
+const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(({
   className,
   children,
   tags = [],
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx({
     [`${prefix}--page-header__tab-bar`]: true
@@ -382,18 +385,26 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar
       sm: 4
     }, children)));
   }
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const [openPopover, setOpenPopover] = React.useState(false);
   const tagSize = tags[0]?.size || 'md';
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const instanceId = useId.useId('PageHeaderTabBar');
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const tagsWithIds = React.useMemo(() => {
     return tags.map((tag, index) => ({
       ...tag,
       id: tag.id || `tag-${index}-${instanceId}`
     }));
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [tags]);
+
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const tagsContainerRef = React.useRef(null);
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const offsetRef = React.useRef(null);
   // To close popover when window resizes
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   React.useEffect(() => {
     const handleResize = () => {
       // Close the popover when window resizes to prevent unwanted opens
@@ -410,11 +421,14 @@ const PageHeaderTabBar = /*#__PURE__*/React.forwardRef(function PageHeaderTabBar
     visibleItems = [],
     hiddenItems = [],
     itemRefHandler = () => {}
+    // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   } = useOverflowItems.default(tagsWithIds, tagsContainerRef, offsetRef) || {
     visibleItems: [],
     hiddenItems: [],
     itemRefHandler: () => {}
   };
+
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const handleOverflowClick = React.useCallback(event => {
     event.stopPropagation();
     setOpenPopover(prev => !prev);

package/lib/components/Pagination/Pagination.js

@@ -53,7 +53,9 @@ function getPageSize(pageSizes, pageSize) {
   }
   return pageSizes[0].value;
 }
-const Pagination = /*#__PURE__*/React.forwardRef(function Pagination({
+
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const Pagination = /*#__PURE__*/React.forwardRef(({
   backwardText = 'Previous page',
   className: customClassName = '',
   disabled = false,
@@ -64,6 +66,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination({
   itemRangeText = (min, max, total) => `${min}–${max} of ${total} items`,
   itemsPerPageText = 'Items per page:',
   onChange,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
   pageNumberText: _pageNumberText = 'Page Number',
   pageRangeText = (_current, total) => `of ${total} ${total === 1 ? 'page' : 'pages'}`,
   page: controlledPage = 1,
@@ -76,7 +79,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination({
   size = 'md',
   totalItems,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const inputId = useId.useFallbackId(id?.toString());
   const backBtnRef = React.useRef(null);
@@ -126,6 +129,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination({
       handleFocus(focusTarget);
       setFocusTarget(null);
     }
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
   }, [focusTarget]);
 
   // Sync state with props

package/lib/components/PaginationNav/PaginationNav.js

@@ -111,7 +111,6 @@ function PaginationOverflow({
   fromIndex = NaN,
   count = NaN,
   onSelect,
-  // eslint-disable-next-line react/prop-types
   disableOverflow,
   translateWithId: t = translateWithId
 }) {
@@ -169,7 +168,7 @@ function PaginationOverflow({
   }
   return null;
 }
-const PaginationNav = /*#__PURE__*/React.forwardRef(function PaginationNav({
+const PaginationNav = /*#__PURE__*/React.forwardRef(({
   className,
   onChange = () => {},
   totalItems = NaN,
@@ -180,7 +179,7 @@ const PaginationNav = /*#__PURE__*/React.forwardRef(function PaginationNav({
   size = 'lg',
   translateWithId: t = translateWithId,
   ...rest
-}, ref) {
+}, ref) => {
   const smMediaQuery = `(max-width: ${layout.breakpoints.sm.width})`;
   const isSm = useMatchMedia.useMatchMedia(smMediaQuery);
   let numberOfPages;
@@ -400,8 +399,6 @@ PaginationNav.propTypes = {
    * Set this to true if you are having performance problems with large data sets.
    */
   disableOverflow: PropTypes.bool,
-  // eslint-disable-line react/prop-types
-
   /**
    * The number of items to be shown (minimum of 4 unless props.items < 4).
    */

package/lib/components/Popover/index.js

@@ -50,8 +50,10 @@ const Popover = /*#__PURE__*/React.forwardRef(function PopoverRenderFunction({
   open,
   alignmentAxisOffset,
   ...rest
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
 },
 //this is a workaround, have to come back and fix this.
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
 forwardRef) {
   const prefix = usePrefix.usePrefix();
   const floating = React.useRef(null);
@@ -63,8 +65,12 @@ forwardRef) {
   // The `Popover` should close whenever it and its children loses focus
   useEvent.useEvent(popover, 'focusout', event => {
     const relatedTarget = event.relatedTarget;
-
-    // No relatedTarget, focus moved to nowhere, so close the popover
+    if (isTabTip) {
+      if (relatedTarget && !popover.current?.contains(relatedTarget)) {
+        onRequestClose?.();
+      }
+      return;
+    }
     if (!relatedTarget) {
       onRequestClose?.();
       return;
@@ -89,7 +95,12 @@ forwardRef) {
   // needs to be placed 1px further outside the popover content. To do so,
   // we look to see if any of the children has a className containing "slug"
   const initialCaretHeight = React.Children.toArray(children).some(x => {
-    return x?.props?.className?.includes('slug') || x?.props?.className?.includes('ai-label');
+    return (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      x?.props?.className?.includes('slug') ||
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+      x?.props?.className?.includes('ai-label')
+    );
   }) ? 7 : 6;
   // These defaults match the defaults defined in packages/styles/scss/components/popover/_popover.scss
   const popoverDimensions = React.useRef({
@@ -208,6 +219,7 @@ forwardRef) {
     [`${prefix}--popover--tab-tip`]: isTabTip
   }, customClassName);
   const mappedChildren = React.Children.map(children, child => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
     const item = child;
     const displayName = item?.type?.displayName;
 
@@ -222,9 +234,13 @@ forwardRef) {
     const isTriggerComponent = enableFloatingStyles && displayName && ['ToggletipButton'].includes(displayName);
     const isAllowedTriggerComponent = enableFloatingStyles && !['ToggletipContent', 'PopoverContent'].includes(displayName);
     if (/*#__PURE__*/React.isValidElement(item) && (isTriggerElement || isTriggerComponent || isAllowedTriggerComponent)) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
       const className = item?.props?.className;
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
       const ref = (item?.props).ref;
       const tabTipClasses = cx(`${prefix}--popover--tab-tip__button`, className);
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
       return /*#__PURE__*/React.cloneElement(item, {
         className: isTabTip && item?.type === 'button' ? tabTipClasses : className || '',
         // With cloneElement, if you pass a `ref`, it overrides the original ref.
@@ -356,9 +372,7 @@ Popover.propTypes = {
    */
   open: PropTypes.bool.isRequired
 };
-function PopoverContentRenderFunction(
-// eslint-disable-next-line react/prop-types
-{
+function PopoverContentRenderFunction({
   className,
   children,
   ...rest

package/lib/components/ProgressBar/ProgressBar.js

@@ -59,14 +59,16 @@ function ProgressBar({
   });
   let StatusIcon = null;
   if (isError) {
-    StatusIcon = /*#__PURE__*/React.forwardRef(function ErrorFilled16(props, ref) {
+    // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+    StatusIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
       return /*#__PURE__*/React.createElement(iconsReact.ErrorFilled, _rollupPluginBabelHelpers.extends({
         ref: ref,
         size: 16
       }, props));
     });
   } else if (isFinished) {
-    StatusIcon = /*#__PURE__*/React.forwardRef(function CheckmarkFilled16(props, ref) {
+    // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+    StatusIcon = /*#__PURE__*/React.forwardRef((props, ref) => {
       return /*#__PURE__*/React.createElement(iconsReact.CheckmarkFilled, _rollupPluginBabelHelpers.extends({
         ref: ref,
         size: 16

package/lib/components/RadioTile/RadioTile.js

@@ -27,7 +27,7 @@ var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.js');
 
 var _RadioButtonChecked, _RadioButton, _CheckmarkFilled;
-const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile({
+const RadioTile = /*#__PURE__*/React.forwardRef(({
   children,
   className: customClassName,
   decorator,
@@ -43,7 +43,7 @@ const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile({
   slug,
   required,
   ...rest
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const inputId = useId.useFallbackId(id);
   const className = cx(customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, `${prefix}--tile--radio`, {

package/lib/components/Search/Search.js

@@ -26,7 +26,7 @@ var FormContext = require('../FluidForm/FormContext.js');
 var noopFn = require('../../internal/noopFn.js');
 
 var _Close;
-const Search = /*#__PURE__*/React.forwardRef(function Search({
+const Search = /*#__PURE__*/React.forwardRef(({
   autoComplete = 'off',
   className,
   closeButtonLabelText = 'Clear search input',
@@ -48,7 +48,7 @@ const Search = /*#__PURE__*/React.forwardRef(function Search({
   type = 'text',
   value,
   ...rest
-}, forwardRef) {
+}, forwardRef) => {
   const hasPropValue = value || defaultValue ? true : false;
   const prefix = usePrefix.usePrefix();
   const {

package/lib/components/Select/Select.js

@@ -25,7 +25,7 @@ var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.js');
 
-const Select = /*#__PURE__*/React.forwardRef(function Select({
+const Select = /*#__PURE__*/React.forwardRef(({
   className,
   decorator,
   id,
@@ -35,7 +35,6 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
   children,
   // reserved for use with Pagination component
   noLabel = false,
-  // eslint-disable-next-line no-unused-vars
   hideLabel = false,
   invalid = false,
   invalidText = '',
@@ -48,7 +47,7 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
   onChange,
   slug,
   ...other
-}, ref) {
+}, ref) => {
   const prefix = usePrefix.usePrefix();
   const {
     isFluid

package/lib/components/ShapeIndicator/index.js

@@ -50,13 +50,15 @@ const shapeTypes = {
   incomplete: incompleteIcon,
   draft: iconsReact.CircleStroke
 };
-const ShapeIndicator = /*#__PURE__*/React.forwardRef(function ShapeIndicatorContent({
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+const ShapeIndicator = /*#__PURE__*/React.forwardRef(({
   className: customClassName,
   kind,
   label,
   textSize = 12,
+  // 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}--shape-indicator`, customClassName, {
     [`${prefix}--shape-indicator--14`]: textSize == 14

package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.d.ts

@@ -1,11 +1,12 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import { type HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-export interface SkeletonPlaceholderProps {
+export interface SkeletonPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Add a custom class to the component to set the height and width
      */
@@ -15,8 +16,7 @@ declare const SkeletonPlaceholder: {
     ({ className, ...other }: SkeletonPlaceholderProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
-         * Add a custom class to the component
-         * to set the height and width
+         * Add a custom class to the component to set the height and width
          */
         className: PropTypes.Requireable<string>;
     };

package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js

@@ -29,8 +29,7 @@ const SkeletonPlaceholder = ({
 };
 SkeletonPlaceholder.propTypes = {
   /**
-   * Add a custom class to the component
-   * to set the height and width
+   * Add a custom class to the component to set the height and width
    */
   className: PropTypes.string
 };

package/lib/components/SkeletonText/SkeletonText.js

@@ -70,8 +70,6 @@ const SkeletonText = ({
   if (lineCountNumber !== 1) {
     return /*#__PURE__*/React.createElement("div", null, lines);
   }
-
-  // eslint-disable-next-line react/jsx-no-useless-fragment
   return /*#__PURE__*/React.createElement(React.Fragment, null, lines);
 };
 SkeletonText.propTypes = {

package/lib/components/Slider/Slider.js

@@ -35,23 +35,15 @@ const ThumbWrapper = ({
   ...rest
 }) => {
   if (hasTooltip) {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/forbid-component-props
-      React.createElement(Tooltip.Tooltip, _rollupPluginBabelHelpers.extends({
-        className: className,
-        style: style
-      }, rest), children)
-    );
+    return /*#__PURE__*/React.createElement(Tooltip.Tooltip, _rollupPluginBabelHelpers.extends({
+      className: className,
+      style: style
+    }, rest), children);
   } else {
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line react/forbid-dom-props
-      React.createElement("div", {
-        className: className,
-        style: style
-      }, children)
-    );
+    return /*#__PURE__*/React.createElement("div", {
+      className: className,
+      style: style
+    }, children);
   }
 };
 const translationIds = {
@@ -887,6 +879,7 @@ class Slider extends React.PureComponent {
       hideLabel,
       step = 1,
       // TODO: Other properties are deleted below. Why isn't this one?
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
       stepMultiplier: _stepMultiplier,
       inputType = 'number',
       invalidText,
@@ -916,9 +909,11 @@ class Slider extends React.PureComponent {
     } = this.state;
     const showWarning = !readOnly && warn ||
     // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
+    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20071
     typeof correctedValue !== null && correctedPosition === HandlePosition.LOWER && isValid;
     const showWarningUpper = !readOnly && warn ||
     // TODO: https://github.com/carbon-design-system/carbon/issues/18991#issuecomment-2795709637
+    // eslint-disable-next-line valid-typeof, no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20071
     typeof correctedValue !== null && correctedPosition === (twoHandles ? HandlePosition.UPPER : HandlePosition.LOWER) && (twoHandles ? isValidUpper : isValid);
     return /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Consumer, null, prefix => {
       const labelId = `${id}-label`;

package/lib/components/Stack/HStack.js

@@ -11,6 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var Stack = require('./Stack.js');
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const HStack = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Stack.Stack, _rollupPluginBabelHelpers.extends({}, props, {
     ref: ref,

package/lib/components/Stack/Stack.js

@@ -37,6 +37,7 @@ const SPACING_STEPS = Array.from({
  * - https://paste.twilio.design/layout/stack/
  * - https://github.com/Workday/canvas-kit/blob/f2f599654876700f483a1d8c5de82a41315c76f1/modules/labs-react/layout/lib/Stack.tsx
  */
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const Stack = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     as: BaseComponent = 'div',
@@ -57,15 +58,11 @@ const Stack = /*#__PURE__*/React.forwardRef((props, ref) => {
   if (typeof gap === 'string') {
     style[`--${prefix}-stack-gap`] = gap;
   }
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line react/forbid-component-props
-    React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({}, rest, {
-      ref: ref,
-      className: className,
-      style: style
-    }), children)
-  );
+  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({}, rest, {
+    ref: ref,
+    className: className,
+    style: style
+  }), children);
 });
 Stack.propTypes = {
   /**

package/lib/components/Stack/VStack.js

@@ -11,6 +11,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var Stack = require('./Stack.js');
 
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
 const VStack = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Stack.Stack, _rollupPluginBabelHelpers.extends({}, props, {
     ref: ref,

package/lib/components/StructuredList/StructuredList.js

@@ -152,6 +152,7 @@ function StructuredListRow(props) {
     ...other
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = React.useState(false);
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20071
   const rowId = id ?? useId.useId('grid-input');
   const selectedRow = React.useContext(GridSelectedRowStateContext);
   const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
@@ -185,6 +186,7 @@ function StructuredListRow(props) {
     ref: itemRef,
     onClick: event => {
       setSelectedRow?.(rowId);
+      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
       onClick && onClick(event);
       if (selection) {
         // focus items only when selection is enabled
@@ -264,6 +266,7 @@ function StructuredListInput(props) {
     value: row?.id ?? '',
     onChange: event => {
       setSelectedRow?.(event.target.value);
+      // eslint-disable-next-line  @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20071
       onChange && onChange(event);
     },
     id: id ?? defaultId,

package/lib/components/Switch/Switch.js

@@ -16,7 +16,7 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var noopFn = require('../../internal/noopFn.js');
 
-const Switch = /*#__PURE__*/React.forwardRef(function Switch(props, tabRef) {
+const Switch = /*#__PURE__*/React.forwardRef((props, tabRef) => {
   const {
     children,
     className,