@carbon/react 1.99.0 → 1.100.0

package/lib/components/DatePicker/DatePicker.js

@@ -143,36 +143,38 @@ function updateClassNames(calendar, prefix) {
     });
   }
 }
-const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
-  allowInput,
-  appendTo,
-  children,
-  className,
-  closeOnSelect = true,
-  dateFormat = 'm/d/Y',
-  datePickerType,
-  disable,
-  enable,
-  inline,
-  invalid,
-  invalidText,
-  warn,
-  warnText,
-  light = false,
-  locale = 'en',
-  maxDate,
-  minDate,
-  onChange,
-  onClose,
-  onOpen,
-  readOnly = false,
-  short = false,
-  value,
-  parseDate: parseDateProp,
-  nextMonthAriaLabel = 'Next month',
-  prevMonthAriaLabel = 'Previous month',
-  ...rest
-}, ref) {
+// eslint-disable-next-line react/display-name
+const DatePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    allowInput,
+    appendTo,
+    children,
+    className,
+    closeOnSelect = true,
+    dateFormat = 'm/d/Y',
+    datePickerType,
+    disable,
+    enable,
+    inline,
+    invalid,
+    invalidText,
+    warn,
+    warnText,
+    light = false,
+    locale = 'en',
+    maxDate,
+    minDate,
+    onChange,
+    onClose,
+    onOpen,
+    readOnly = false,
+    short = false,
+    value,
+    parseDate: parseDateProp,
+    nextMonthAriaLabel = 'Next month',
+    prevMonthAriaLabel = 'Previous month',
+    ...rest
+  } = props;
   const prefix = usePrefix.usePrefix();
   const {
     isFluid
@@ -201,7 +203,6 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
   },
   // 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/20452
   const onCalendarClose = (selectedDates, dateStr, instance, e) => {
     if (e && e.type === 'clickOutside') {
       return;
@@ -228,6 +229,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
   const savedOnChange = useSavedCallback.useSavedCallback(onChange);
   const savedOnOpen = useSavedCallback.useSavedCallback(onOpen);
   const effectiveWarn = warn && !invalid;
+  const wrapperRef = React.useRef(null);
   const datePickerClasses = cx(`${prefix}--date-picker`, {
     [`${prefix}--date-picker--short`]: short,
     [`${prefix}--date-picker--light`]: light,
@@ -393,7 +395,8 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
       }), fixEventsPlugin.default({
         inputFrom: startInputField.current,
         inputTo: endInputField.current,
-        lastStartValue
+        lastStartValue,
+        container: wrapperRef.current
       })],
       clickOpens: !readOnly,
       noCalendar: readOnly,
@@ -600,25 +603,6 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
       }
     }
   }, [value, startInputField]);
-  React.useEffect(() => {
-    const handleMouseDown = event => {
-      if (calendarRef.current && calendarRef.current.isOpen && !calendarRef.current.calendarContainer.contains(event.target) && !startInputField.current.contains(event.target) && !endInputField.current?.contains(event.target)) {
-        // Close the calendar immediately on mousedown
-        closeCalendar();
-      }
-    };
-    const closeCalendar = () => {
-      calendarRef.current?.close();
-      // Remove focus from endDate calendar input
-      onCalendarClose(calendarRef.current?.selectedDates, '', calendarRef.current, {
-        type: 'clickOutside'
-      });
-    };
-    document.addEventListener('mousedown', handleMouseDown, true);
-    return () => {
-      document.removeEventListener('mousedown', handleMouseDown, true);
-    };
-  }, [calendarRef, startInputField, endInputField, onCalendarClose]);
   React.useEffect(() => {
     if (calendarRef.current?.set) {
       if (value !== undefined) {
@@ -662,7 +646,8 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker({
     className: wrapperClasses,
     ref: ref
   }, rest), /*#__PURE__*/React.createElement("div", {
-    className: datePickerClasses
+    className: datePickerClasses,
+    ref: wrapperRef
   }, childrenWithProps), fluidError);
 });
 DatePicker.propTypes = {

package/lib/components/DatePicker/plugins/fixEventsPlugin.js

@@ -20,17 +20,41 @@ var carbonFlatpickrFixEventsPlugin = config => fp => {
   const {
     inputFrom,
     inputTo,
-    lastStartValue
+    lastStartValue,
+    container
   } = config;
+  // Avoid closing when mousedown starts inside but click lands outside after
+  // scroll or blur (e.g., scrollable modal masks).
+  let mouseDownInside = false;
+  const getEventPath = event => typeof event.composedPath === 'function' ? event.composedPath() : [];
+  const isEventInside = event => {
+    const path = getEventPath(event);
+    return Boolean(container && (path.includes(container) || container.contains(event.target)) || fp.calendarContainer && (path.includes(fp.calendarContainer) || fp.calendarContainer.contains(event.target)) || inputFrom && (path.includes(inputFrom) || inputFrom.contains(event.target)) || inputTo && (path.includes(inputTo) || inputTo.contains(event.target)));
+  };
+
   /**
    * Handles `click` outside to close calendar
    */
   const handleClickOutside = event => {
-    if (!fp.isOpen || fp.calendarContainer.contains(event.target) || event.target === inputFrom || event.target === inputTo) {
+    if (mouseDownInside) {
+      mouseDownInside = false;
       return;
     }
+    if (!fp.isOpen || isEventInside(event)) {
+      mouseDownInside = false;
+      return;
+    }
+    mouseDownInside = false;
     fp.close();
   };
+
+  /**
+   * Tracks the initial mouse target to avoid closing on click after scroll.
+   */
+  const handleMouseDown = event => {
+    mouseDownInside = isEventInside(event);
+  };
+
   /**
    * Handles `keydown` event.
    */
@@ -124,6 +148,7 @@ var carbonFlatpickrFixEventsPlugin = config => fp => {
       inputTo.removeEventListener('blur', handleBlur, true);
     }
     inputFrom.removeEventListener('keydown', handleKeydown, true);
+    document.removeEventListener('mousedown', handleMouseDown, true);
     document.removeEventListener('click', handleClickOutside, true);
   };
 
@@ -141,6 +166,7 @@ var carbonFlatpickrFixEventsPlugin = config => fp => {
       inputTo.addEventListener('keydown', handleKeydown, true);
       inputTo.addEventListener('blur', handleBlur, true);
     }
+    document.addEventListener('mousedown', handleMouseDown, true);
     document.addEventListener('click', handleClickOutside, true);
   };
 

package/lib/components/DatePickerInput/DatePickerInput.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/DatePickerInput/DatePickerInput.js

@@ -28,7 +28,8 @@ var useNormalizedInputProps = require('../../internal/useNormalizedInputProps.js
 // 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) {
+const frFn = React.forwardRef;
+const DatePickerInput = frFn((props, ref) => {
   const {
     datePickerType,
     decorator,

package/lib/components/Dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2025
+ * Copyright IBM Corp. 2025, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/Dropdown/Dropdown.Skeleton.d.ts

@@ -4,7 +4,8 @@
  * 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, { type HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { type HTMLAttributes } from 'react';
 import { type ListBoxSize } from '../ListBox';
 export interface DropdownSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -20,6 +21,22 @@ export interface DropdownSkeletonProps extends HTMLAttributes<HTMLDivElement> {
      */
     size?: ListBoxSize;
 }
-declare const DropdownSkeleton: React.FC<DropdownSkeletonProps>;
+declare const DropdownSkeleton: {
+    ({ className, size, hideLabel, ...rest }: DropdownSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify whether the label should be hidden, or not
+         */
+        hideLabel: PropTypes.Requireable<boolean>;
+        /**
+         * Specify the size of the ListBox.
+         */
+        size: PropTypes.Requireable<"sm" | "md" | "lg">;
+    };
+};
 export default DropdownSkeleton;
 export { DropdownSkeleton };

package/lib/components/Dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2022, 2025
+ * Copyright IBM Corp. 2022, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -78,10 +78,9 @@ export interface DropdownProps<ItemType> extends Omit<HTMLAttributes<HTMLDivElem
      */
     invalidText?: ReactNode;
     /**
-     * Function to render items as custom components instead of strings.
-     * Defaults to null and is overridden by a getter
+     * Renders an item as a custom React node instead of a string.
      */
-    itemToElement?: React.JSXElementConstructor<ItemType> | null;
+    itemToElement?: ((item: ItemType) => NonNullable<ReactNode>) | null;
     /**
      * Helper function passed to downshift that allows the library to render a
      * given item to a string label. By default, it extracts the `label` field

package/lib/components/Dropdown/Dropdown.js

@@ -256,9 +256,6 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
     [`${prefix}--list-box__wrapper--slug`]: slug,
     [`${prefix}--list-box__wrapper--decorator`]: decorator
   });
-
-  // needs to be Capitalized for react to render it correctly
-  const ItemToElement = itemToElement;
   const toggleButtonProps = getToggleButtonProps({
     'aria-label': ariaLabel || deprecatedAriaLabel
   });
@@ -274,10 +271,20 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
   const [currTimer, setCurrTimer] = React.useState();
   const [isTyping, setIsTyping] = React.useState(false);
   const onKeyDownHandler = React.useCallback(evt => {
-    if (evt.code !== 'Space' || !['ArrowDown', 'ArrowUp', ' ', 'Enter'].includes(evt.key)) {
+    const navigationKeys = ['ArrowDown', 'ArrowUp', ' ', 'Enter'];
+
+    // If the key is not a navigation key, the user is typing
+    if (!navigationKeys.includes(evt.key)) {
       setIsTyping(true);
-    }
-    if (isTyping && evt.code === 'Space' || !['ArrowDown', 'ArrowUp', ' ', 'Enter'].includes(evt.key)) {
+      // Reset the timer for typing timeout
+      if (currTimer) {
+        clearTimeout(currTimer);
+      }
+      setCurrTimer(setTimeout(() => {
+        setIsTyping(false);
+      }, 3000));
+    } else if (isTyping && evt.key === ' ') {
+      // If user is typing and presses space, reset the timer
       if (currTimer) {
         clearTimeout(currTimer);
       }
@@ -381,21 +388,18 @@ const Dropdown = /*#__PURE__*/React.forwardRef(({
   })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__inner-wrapper--decorator`
   }, normalizedDecorator) : '', /*#__PURE__*/React.createElement(index$2.default.Menu, menuProps, isOpen && items.map((item, index) => {
-    const isObject = item !== null && typeof item === 'object';
     const itemProps = getItemProps({
       item,
       index
     });
-    const title = isObject && 'text' in item && itemToElement ? item.text : itemToString(item);
+    const title = itemToString(item);
     return /*#__PURE__*/React.createElement(index$2.default.MenuItem, _rollupPluginBabelHelpers.extends({
       key: itemProps.id,
       isActive: selectedItem === item,
       isHighlighted: highlightedIndex === index,
       title: title,
       disabled: itemProps['aria-disabled']
-    }, itemProps), typeof item === 'object' && ItemToElement !== undefined && ItemToElement !== null ? /*#__PURE__*/React.createElement(ItemToElement, _rollupPluginBabelHelpers.extends({
-      key: itemProps.id
-    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React.createElement(iconsReact.Checkmark, {
+    }, itemProps), itemToElement ? itemToElement(item) : itemToString(item), selectedItem === item && /*#__PURE__*/React.createElement(iconsReact.Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
   }))), !inline && !isFluid && !normalizedProps.validation && helper, !inline && !isFluid && normalizedProps.validation);
@@ -475,8 +479,7 @@ Dropdown.propTypes = {
    */
   invalidText: PropTypes.node,
   /**
-   * Function to render items as custom components instead of strings.
-   * Defaults to null and is overridden by a getter
+   * Renders an item as a custom React node instead of a string.
    */
   itemToElement: PropTypes.func,
   /**

package/lib/components/ExpandableSearch/ExpandableSearch.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/ExpandableSearch/ExpandableSearch.js

@@ -20,15 +20,17 @@ var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 
-const ExpandableSearch = /*#__PURE__*/React.forwardRef(function ExpandableSearch({
-  onBlur,
-  onChange,
-  onExpand,
-  onKeyDown,
-  defaultValue,
-  isExpanded,
-  ...props
-}, forwardedRef) {
+const frFn = React.forwardRef;
+const ExpandableSearch = frFn((props, forwardedRef) => {
+  const {
+    onBlur,
+    onChange,
+    onExpand,
+    onKeyDown,
+    defaultValue,
+    isExpanded,
+    ...rest
+  } = props;
   const [expanded, setExpanded] = React.useState(isExpanded || false);
   const [hasContent, setHasContent] = React.useState(defaultValue ? true : false);
   const searchRef = React.useRef(null);
@@ -61,8 +63,8 @@ const ExpandableSearch = /*#__PURE__*/React.forwardRef(function ExpandableSearch
   }
   const classes = cx(`${prefix}--search--expandable`, {
     [`${prefix}--search--expanded`]: expanded
-  }, props.className);
-  return /*#__PURE__*/React.createElement(Search.default, _rollupPluginBabelHelpers.extends({}, props, {
+  }, rest.className);
+  return /*#__PURE__*/React.createElement(Search.default, _rollupPluginBabelHelpers.extends({}, rest, {
     defaultValue: defaultValue,
     isExpanded: expanded,
     ref: mergeRefs.mergeRefs(searchRef, forwardedRef),

package/lib/components/FileUploader/FileUploader.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/FileUploader/FileUploaderDropContainer.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/FileUploader/FileUploaderDropContainer.js

@@ -77,22 +77,40 @@ function FileUploaderDropContainer({
       return acc.concat([curr]);
     }, []);
   }
-  function handleChange(event) {
-    const files = [...(event.target.files ?? [])];
-    const filesToValidate = multiple ? files : [files[0]];
-    const addedFiles = validateFiles(filesToValidate);
-    return onAddFiles(event, {
-      addedFiles
+  const handleFiles = (event, files) => {
+    if (!files.length) return onAddFiles(event, {
+      addedFiles: []
     });
-  }
-  function handleDrop(event) {
-    const files = [...event.dataTransfer.files];
     const filesToValidate = multiple ? files : [files[0]];
     const addedFiles = validateFiles(filesToValidate);
     return onAddFiles(event, {
       addedFiles
     });
-  }
+  };
+  const handleChange = event => {
+    const files = [...(event.target.files ?? [])];
+    return handleFiles(event, files);
+  };
+  const handleDrop = event => {
+    const items = [...(event.dataTransfer.items ?? [])];
+    const files = items.length ?
+    // Normalize dropped items to files. Skip directories and non-file items.
+    items.reduce((acc, item) => {
+      if (item.kind !== 'file') {
+        return acc;
+      }
+      const entry = item.webkitGetAsEntry();
+      if (entry?.isDirectory) {
+        return acc;
+      }
+      const file = item.getAsFile();
+      if (file) {
+        acc.push(file);
+      }
+      return acc;
+    }, []) : [...event.dataTransfer.files];
+    return handleFiles(event, files);
+  };
   const handleClick = () => {
     if (!disabled) {
       inputRef.current?.click();

package/lib/components/FluidComboBox/FluidComboBox.Skeleton.d.ts

@@ -1,15 +1,23 @@
 /**
- * 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 React from 'react';
+import PropTypes from 'prop-types';
 export interface FluidComboBoxSkeletonProps {
     /**
      * Specify an optional className to add.
      */
     className?: string;
 }
-declare const FluidComboBoxSkeleton: React.FC<FluidComboBoxSkeletonProps>;
+declare const FluidComboBoxSkeleton: {
+    ({ className, ...rest }: FluidComboBoxSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+    };
+};
 export default FluidComboBoxSkeleton;

package/lib/components/FluidComboBox/FluidComboBox.d.ts

@@ -1,10 +1,10 @@
 /**
- * Copyright IBM Corp. 2022, 2025
+ * Copyright IBM Corp. 2022, 2026
  *
  * 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, type ComponentProps } from 'react';
+import React, { type ComponentProps } from 'react';
 import ComboBox from '../ComboBox';
 import { ComboBoxProps } from '../ComboBox/ComboBox';
 type ItemToStringHandler<ItemType> = (item: ItemType | null) => string;
@@ -46,11 +46,6 @@ export interface FluidComboBoxProps<ItemType> extends ComboBoxProps<ItemType>, P
      * Specify if the `FluidComboBox` should render its menu items in condensed mode
      */
     isCondensed?: boolean;
-    /**
-     * Function to render items as custom components instead of strings.
-     * Defaults to null and is overridden by a getter
-     */
-    itemToElement?: ComponentType<ItemType> | null;
     /**
      * Helper function passed to downshift that allows the library to render a
      * given item to a string label. By default, it extracts the `label` field

package/lib/components/FluidComboBox/FluidComboBox.js

@@ -70,8 +70,7 @@ FluidComboBox.propTypes = {
    */
   isCondensed: PropTypes.bool,
   /**
-   * Function to render items as custom components instead of strings.
-   * Defaults to null and is overridden by a getter
+   * Renders an item as a custom React node instead of a string.
    */
   itemToElement: PropTypes.func,
   /**

package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.d.ts

@@ -1,10 +1,10 @@
 /**
- * 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 React from 'react';
+import PropTypes from 'prop-types';
 export interface FluidDatePickerSkeletonProps {
     /**
      * Specify an optional className to be applied to the outer FluidForm wrapper
@@ -15,5 +15,17 @@ export interface FluidDatePickerSkeletonProps {
      */
     datePickerType?: 'simple' | 'single' | 'range';
 }
-declare const FluidDatePickerSkeleton: React.FC<FluidDatePickerSkeletonProps>;
+declare const FluidDatePickerSkeleton: {
+    ({ className, datePickerType, ...other }: FluidDatePickerSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to be applied to the outer FluidForm wrapper
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify which variant of the DatePicker the skeleton should mimic
+         */
+        datePickerType: PropTypes.Requireable<string>;
+    };
+};
 export default FluidDatePickerSkeleton;

package/lib/components/FluidDatePicker/FluidDatePicker.d.ts

@@ -1,5 +1,5 @@
 /**
- * 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.
@@ -35,5 +35,5 @@ export interface FluidDatePickerProps {
      */
     warnText?: React.ReactNode;
 }
-declare const FluidDatePicker: React.FC<FluidDatePickerProps>;
+declare const FluidDatePicker: React.ForwardRefExoticComponent<FluidDatePickerProps & React.RefAttributes<HTMLInputElement>>;
 export default FluidDatePicker;

package/lib/components/FluidDropdown/FluidDropdown.Skeleton.d.ts

@@ -1,15 +1,23 @@
 /**
- * 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 React from 'react';
+import PropTypes from 'prop-types';
 export interface FluidDropdownSkeletonProps {
     /**
      * Specify an optional className to add.
      */
     className?: string;
 }
-declare const FluidDropdownSkeleton: React.FC<FluidDropdownSkeletonProps>;
+declare const FluidDropdownSkeleton: {
+    ({ className, ...rest }: FluidDropdownSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+    };
+};
 export default FluidDropdownSkeleton;

package/lib/components/FluidDropdown/FluidDropdown.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2022, 2025
+ * Copyright IBM Corp. 2022, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -43,11 +43,6 @@ export interface FluidDropdownProps<ItemType> extends DropdownProps<ItemType>, P
      * Specify if the `FluidDropdown` should render its menu items in condensed mode
      */
     isCondensed?: boolean;
-    /**
-     * Function to render items as custom components instead of strings.
-     * Defaults to null and is overridden by a getter
-     */
-    itemToElement?: React.JSXElementConstructor<ItemType> | null;
     /**
      * Helper function passed to downshift that allows the library to render a
      * given item to a string label. By default, it extracts the `label` field

package/lib/components/FluidDropdown/FluidDropdown.js

@@ -71,8 +71,7 @@ FluidDropdown.propTypes = {
    */
   isCondensed: PropTypes.bool,
   /**
-   * Function to render items as custom components instead of strings.
-   * Defaults to null and is overridden by a getter
+   * Renders an item as a custom React node instead of a string.
    */
   itemToElement: PropTypes.func,
   /**

package/lib/components/FluidForm/FluidForm.d.ts

@@ -4,7 +4,20 @@
  * 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, { type HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { type HTMLAttributes } from 'react';
 export type FluidFormProps = HTMLAttributes<HTMLFormElement>;
-declare const FluidForm: React.FC<FluidFormProps>;
+declare const FluidForm: {
+    ({ className, children, ...other }: FluidFormProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Provide children to be rendered inside of the <form> element
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide a custom className to be applied on the containing <form> node
+         */
+        className: PropTypes.Requireable<string>;
+    };
+};
 export default FluidForm;