@carbon/react 1.92.1 → 1.93.0

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

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

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

@@ -8,7 +8,7 @@
 import { sortStates } from './sortStates.js';
 import { sortRows } from '../tools/sorting.js';
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
 
 const initialSortState = sortStates.NONE;
 

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

@@ -13,7 +13,7 @@ import { sortStates } from '../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
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
 const compare = (a, b, locale = 'en') => {
   // prevent multiple null values in one column (sorting breaks)
   if (a === null) a = '';

package/es/components/DatePicker/DatePicker.js

@@ -169,7 +169,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
     isFluid
   } = useContext(FormContext);
   const [hasInput, setHasInput] = useState(false);
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   const startInputField = useCallback(node => {
     if (node !== null) {
       startInputField.current = node;
@@ -190,9 +190,9 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
       onClose(selectedDates, dateStr, instance);
     }
   },
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   [onClose]);
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   const onCalendarClose = (selectedDates, dateStr, instance, e) => {
     if (e && e.type === 'clickOutside') {
       return;
@@ -231,9 +231,9 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
     [String(className)]: className
   });
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   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
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   (child, index) => {
     if (index === 0 && child.type === /*#__PURE__*/React.createElement(DatePickerInput, child.props).type) {
       return /*#__PURE__*/React.cloneElement(child, {
@@ -348,7 +348,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
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
     const flatpickerConfig = {
       inline: inline ?? false,
       onClose: onCalendarClose,
@@ -524,7 +524,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
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   useImperativeHandle(ref, () => ({
     get calendar() {
       return calendarRef.current;
@@ -581,7 +581,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
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [value]);
   useEffect(() => {
     const handleMouseDown = event => {
@@ -590,7 +590,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
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
     const closeCalendar = event => {
       calendarRef.current?.close();
       // Remove focus from endDate calendar input

package/es/components/DatePickerInput/DatePickerInput.js

@@ -20,7 +20,7 @@ import { deprecate } from '../../prop-types/deprecate.js';
 import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
 
 let didWarnAboutDatePickerInputValue = false;
 const DatePickerInput = /*#__PURE__*/React.forwardRef(function DatePickerInput(props, ref) {
@@ -96,7 +96,7 @@ const DatePickerInput = /*#__PURE__*/React.forwardRef(function DatePickerInput(p
   });
   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
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   const inputProps = {
     ...rest,
     ...datePickerInputProps,
@@ -115,7 +115,7 @@ const DatePickerInput = /*#__PURE__*/React.forwardRef(function DatePickerInput(p
   const candidateIsAILabel = isComponentElement(candidate, AILabel);
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
     size: 'mini'
-  }) : null;
+  }) : candidate;
   return /*#__PURE__*/React.createElement("div", {
     className: containerClasses
   }, labelText && /*#__PURE__*/React.createElement(Text, {
@@ -202,14 +202,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
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   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
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
     } catch (e) {
       return new Error(`Invalid value of prop '${propName}' supplied to '${componentName}', it should be a valid regular expression`);
     }

package/es/components/Dialog/Dialog.js

@@ -93,7 +93,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
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [modal, open]);
   useEffect(() => {
     if (!open && focusAfterCloseRef) {
@@ -124,7 +124,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
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [open, ariaLabel, ariaLabelledBy, prefix]);
   return /*#__PURE__*/React.createElement(DialogContext.Provider, {
     value: contextValue
@@ -229,7 +229,7 @@ const DialogControls = /*#__PURE__*/React.forwardRef(({
   const prefix = usePrefix();
   return (
     /*#__PURE__*/
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
     // @ts-ignore
     React.createElement("div", _extends({
       className: `${prefix}--dialog__header-controls`,
@@ -258,7 +258,7 @@ const DialogCloseButton = /*#__PURE__*/React.forwardRef(({
   const prefix = usePrefix();
   return (
     /*#__PURE__*/
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
     // @ts-ignore
     React.createElement(IconButton, _extends({
       kind: "ghost",
@@ -495,7 +495,7 @@ const DialogFooter = /*#__PURE__*/React.forwardRef(({
     onClick: onButtonClick
   }, i) => /*#__PURE__*/React.createElement(Button, {
     key: `${buttonText}-${i}`
-    // eslint-disable-next-line jsx-a11y/no-autofocus -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- https://github.com/carbon-design-system/carbon/issues/20452
     ,
     autoFocus: danger,
     kind: "secondary",
@@ -505,7 +505,7 @@ const DialogFooter = /*#__PURE__*/React.forwardRef(({
     ref: danger ? setSecondaryButtonRef : undefined,
     disabled: loadingActive,
     kind: "secondary"
-    // eslint-disable-next-line jsx-a11y/no-autofocus -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- https://github.com/carbon-design-system/carbon/issues/20452
     ,
     autoFocus: danger,
     onClick: onSecondaryButtonClick

package/es/components/Dropdown/Dropdown.d.ts

@@ -7,7 +7,7 @@
 import React, { type HTMLAttributes, type ReactNode, type Ref } from 'react';
 import { UseSelectProps } from 'downshift';
 import { type ListBoxMenuIconTranslationKey, type ListBoxSize, type ListBoxType } from '../ListBox';
-import { TranslateWithId } from '../../types/common';
+import type { TranslateWithId } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange';
 export interface OnChangeData<ItemType> {
     selectedItem: ItemType | null;

package/es/components/Dropdown/Dropdown.js

@@ -138,7 +138,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
         }
       });
     }
-    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [floatingStyles, autoAlign, refs.floating]);
   const prefix = usePrefix();
   const {
@@ -154,7 +154,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     }
   }, [onChange]);
 
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
   const isItemDisabled = useCallback((item, _index) => {
     const isObject = item !== null && typeof item === 'object';
     return isObject && 'disabled' in item && item.disabled === true;
@@ -164,7 +164,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
       highlightedIndex
     } = changes;
     if (highlightedIndex !== undefined && highlightedIndex > -1 &&
-    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20071
+    // eslint-disable-next-line valid-typeof , no-constant-binary-expression -- https://github.com/carbon-design-system/carbon/issues/20452
     typeof window !== undefined) {
       const itemArray = document.querySelectorAll(`li.${prefix}--list-box__menu-item[role="option"]`);
       const highlightedItem = itemArray[highlightedIndex];
@@ -187,7 +187,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     onHighlightedIndexChange,
     ...downshiftProps
   }),
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   [items, itemToString, initialSelectedItem, onSelectedItemChange, stateReducer, isItemDisabled, onHighlightedIndexChange, downshiftProps]);
   const dropdownInstanceId = useId();
 
@@ -279,7 +279,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
       toggleButtonProps.onKeyDown(evt);
     }
   },
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   [isTyping, currTimer, toggleButtonProps]);
   const readOnlyEventHandlers = useMemo(() => {
     if (readOnly) {
@@ -313,7 +313,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
   const candidateIsAILabel = isComponentElement(candidate, AILabel);
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
     size: 'mini'
-  }) : null;
+  }) : candidate;
   const allLabelProps = getLabelProps();
   const labelProps = /*#__PURE__*/isValidElement(titleText) ? {
     id: allLabelProps.id
@@ -354,7 +354,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
   }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
   }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) :
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   label), /*#__PURE__*/React.createElement(ListBox.MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
@@ -511,7 +511,7 @@ Dropdown.propTypes = {
    */
   titleText: PropTypes.node.isRequired,
   /**
-   * Callback function for translating ListBoxMenuIcon SVG title
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func,
   /**

package/es/components/ErrorBoundary/ErrorBoundaryContext.js

@@ -9,7 +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
+    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
     console.log(info.componentStack);
   }
 });

package/es/components/FileUploader/FileUploader.js

@@ -20,7 +20,7 @@ import '../Text/TextDirection.js';
 import { useId } from '../../internal/useId.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FileUploader = /*#__PURE__*/React.forwardRef(({
   accept,
   buttonKind,
@@ -45,7 +45,7 @@ const FileUploader = /*#__PURE__*/React.forwardRef(({
   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
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- https://github.com/carbon-design-system/carbon/issues/20452
   const [fileObjects, setFileObjects] = useState(new Map());
   const nodes = [];
   const createFileItem = file => ({
@@ -99,7 +99,7 @@ const FileUploader = /*#__PURE__*/React.forwardRef(({
       }
     }
   },
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   [enhancedFileUploaderEnabled, fileItems, legacyFileNames, multiple, onChange]);
   const handleClick = useCallback((evt, {
     index,
@@ -156,7 +156,7 @@ const FileUploader = /*#__PURE__*/React.forwardRef(({
       uploaderButton.current?.focus?.();
     }
   },
-  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   [enhancedFileUploaderEnabled, fileItems, legacyFileNames, onDelete, onChange, onClick]);
   useImperativeHandle(ref, () => ({
     clearFiles() {

package/es/components/FileUploader/FileUploaderButton.js

@@ -36,7 +36,7 @@ function FileUploaderButton({
   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
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const {
     current: inputId
   } = useRef(id || useId());

package/es/components/FileUploader/FileUploaderDropContainer.js

@@ -33,7 +33,7 @@ function FileUploaderDropContainer({
 }) {
   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
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const {
     current: uid
   } = useRef(id || useId());

package/es/components/FileUploader/FileUploaderItem.js

@@ -36,7 +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
+  // eslint-disable-next-line  react-hooks/rules-of-hooks -- https://github.com/carbon-design-system/carbon/issues/20452
   const {
     current: id
   } = useRef(uuid || useId());
@@ -50,7 +50,7 @@ function FileUploaderItem({
     return name?.replace(/\s+/g, '');
   };
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20071
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
   const isEllipsisActive = element => {
     setIsEllipsisApplied(element.offsetWidth < element.scrollWidth);
     return element.offsetWidth < element.scrollWidth;

package/es/components/FluidComboBox/FluidComboBox.d.ts

@@ -1,17 +1,18 @@
 /**
- * Copyright IBM Corp. 2022
+ * Copyright IBM Corp. 2022, 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 React, { ComponentType } from 'react';
+import React, { ComponentType, type ComponentProps } from 'react';
+import ComboBox from '../ComboBox';
 import { ComboBoxProps } from '../ComboBox/ComboBox';
 type ItemToStringHandler<ItemType> = (item: ItemType | null) => string;
 interface OnChangeData<ItemType> {
     selectedItem: ItemType | null | undefined;
     inputValue?: string | null;
 }
-export interface FluidComboBoxProps<ItemType> extends ComboBoxProps<ItemType> {
+export interface FluidComboBoxProps<ItemType> extends ComboBoxProps<ItemType>, Pick<ComponentProps<typeof ComboBox>, 'translateWithId'> {
     /**
      * Specify an optional className to be applied to the outer FluidForm wrapper
      */
@@ -85,10 +86,6 @@ export interface FluidComboBoxProps<ItemType> extends ComboBoxProps<ItemType> {
      * visiting this control
      */
     titleText?: React.ReactNode;
-    /**
-     * Callback function for translating ListBoxMenuIcon SVG title
-     */
-    translateWithId?: (id: string) => string;
     /**
      * Specify whether the control is currently in warning state
      */

package/es/components/FluidComboBox/FluidComboBox.js

@@ -106,7 +106,7 @@ FluidComboBox.propTypes = {
    */
   titleText: PropTypes.node,
   /**
-   * Callback function for translating ListBoxMenuIcon SVG title
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func,
   /**

package/es/components/FluidDropdown/FluidDropdown.d.ts

@@ -1,15 +1,15 @@
 /**
- * Copyright IBM Corp. 2022
+ * Copyright IBM Corp. 2022, 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 React from 'react';
-import { DropdownProps } from '../Dropdown';
+import React, { type ComponentProps } from 'react';
+import Dropdown, { DropdownProps } from '../Dropdown';
 export interface OnChangeData<ItemType> {
     selectedItem: ItemType | null;
 }
-export interface FluidDropdownProps<ItemType> extends DropdownProps<ItemType> {
+export interface FluidDropdownProps<ItemType> extends DropdownProps<ItemType>, Pick<ComponentProps<typeof Dropdown>, 'translateWithId'> {
     /**
      * Specify an optional className to be applied to the outer FluidForm wrapper
      */
@@ -84,10 +84,6 @@ export interface FluidDropdownProps<ItemType> extends DropdownProps<ItemType> {
      * visiting this control
      */
     titleText: React.ReactNode;
-    /**
-     * Callback function for translating ListBoxMenuIcon SVG title
-     */
-    translateWithId?: (id: string) => string;
     /**
      * Specify whether the control is currently in warning state
      */

package/es/components/FluidDropdown/FluidDropdown.js

@@ -107,7 +107,7 @@ FluidDropdown.propTypes = {
    */
   titleText: PropTypes.node,
   /**
-   * Callback function for translating ListBoxMenuIcon SVG title
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func,
   /**

package/es/components/FluidMultiSelect/FluidFilterableMultiSelect.d.ts

@@ -4,13 +4,13 @@
  * 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 React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, type ComponentProps } from 'react';
 import type { UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
-import { type FilterableMultiSelectProps } from '../MultiSelect';
+import { type FilterableMultiSelectProps, type MultiSelect } from '../MultiSelect';
 interface OnChangeData<ItemType> {
     selectedItems: ItemType[] | null;
 }
-export interface FluidFilterableMultiSelectProps<ItemType> extends FilterableMultiSelectProps<ItemType> {
+export interface FluidFilterableMultiSelectProps<ItemType> extends FilterableMultiSelectProps<ItemType>, Pick<ComponentProps<typeof MultiSelect>, 'translateWithId'> {
     /**
      * Specify an optional className to be applied to the outer FluidForm wrapper
      */
@@ -123,10 +123,6 @@ export interface FluidFilterableMultiSelectProps<ItemType> extends FilterableMul
      * visiting this control
      */
     titleText?: React.ReactNode;
-    /**
-     * Callback function for translating ListBoxMenuIcon SVG title
-     */
-    translateWithId?: (id: string) => string;
     /**
      * Specify title to show title on hover
      */

package/es/components/FluidMultiSelect/FluidMultiSelect.d.ts

@@ -4,13 +4,13 @@
  * 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 React from 'react';
-import { type MultiSelectProps } from '../MultiSelect';
+import React, { type ComponentProps } from 'react';
+import { MultiSelect, type MultiSelectProps } from '../MultiSelect';
 import { UseSelectProps } from 'downshift';
 interface OnChangeData<ItemType> {
     selectedItems: ItemType[] | null;
 }
-export interface FluidMultiSelectProps<ItemType> extends MultiSelectProps<ItemType> {
+export interface FluidMultiSelectProps<ItemType> extends MultiSelectProps<ItemType>, Pick<ComponentProps<typeof MultiSelect>, 'translateWithId'> {
     /**
      * Specify an optional className to be applied to the outer FluidForm wrapper
      */
@@ -128,10 +128,6 @@ export interface FluidMultiSelectProps<ItemType> extends MultiSelectProps<ItemTy
      * visiting this control
      */
     titleText?: React.ReactNode;
-    /**
-     * Callback function for translating ListBoxMenuIcon SVG title
-     */
-    translateWithId?: (id: string) => string;
     /**
      * Specify title to show title on hover
      */

package/es/components/FluidMultiSelect/FluidMultiSelect.js

@@ -30,14 +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
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
   // @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
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
   // @ts-ignore
   React.createElement(MultiSelect, _extends({
     ref: ref,
@@ -189,7 +189,7 @@ FluidMultiSelect.propTypes = {
    */
   titleText: PropTypes.node,
   /**
-   * Callback function for translating ListBoxMenuIcon SVG title
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func,
   /**

package/es/components/FluidNumberInput/FluidNumberInput.d.ts

@@ -1,12 +1,13 @@
 /**
- * Copyright IBM Corp. 2022
+ * Copyright IBM Corp. 2022, 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 React from 'react';
+import React, { type ComponentProps } from 'react';
+import { NumberInput } from '../NumberInput';
 import { type NumberFormatOptions } from '@carbon/utilities';
-export interface FluidNumberInputProps {
+export interface FluidNumberInputProps extends Pick<ComponentProps<typeof NumberInput>, 'translateWithId'> {
     /**
      * `true` to allow empty string.
      */
@@ -108,10 +109,6 @@ export interface FluidNumberInputProps {
      * Specify how much the values should increase/decrease upon clicking on up/down button
      */
     step?: number;
-    /**
-     * Provide custom text for the component for each translation id
-     */
-    translateWithId?: (id: string) => string;
     /**
      * **Experimental**: Specify if the input should be of type text or number.
      * Use type="text" with `locale`, `formatOptions`, and guide user input with

package/es/components/FluidNumberInput/FluidNumberInput.js

@@ -15,7 +15,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { NumberFormatOptionsPropType } from '../NumberInput/NumberFormatPropTypes.js';
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FluidNumberInput = /*#__PURE__*/React.forwardRef(({
   className,
   ...other
@@ -128,7 +128,7 @@ FluidNumberInput.propTypes = {
    */
   step: PropTypes.number,
   /**
-   * Provide custom text for the component for each translation id
+   * Translates component strings using your i18n tool.
    */
   translateWithId: PropTypes.func,
   /**

package/es/components/FluidSearch/FluidSearch.js

@@ -14,7 +14,7 @@ import '../Search/Search.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FluidSearch = /*#__PURE__*/React.forwardRef(({
   className,
   ...other

package/es/components/FluidSelect/FluidSelect.js

@@ -14,7 +14,7 @@ import '../Select/Select.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FluidSelect = /*#__PURE__*/React.forwardRef(({
   className,
   children,

package/es/components/FluidTextInput/FluidTextInput.js

@@ -16,7 +16,7 @@ import PasswordInput from '../TextInput/PasswordInput.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20071
+// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const FluidTextInput = /*#__PURE__*/React.forwardRef(({
   className,
   isPassword,