@carbon/react 1.99.0-rc.0 → 1.100.0-rc.0

package/lib/components/ContainedList/index.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.

package/lib/components/ContainedList/index.js

@@ -13,8 +13,11 @@ var deprecateFieldOnObject = require('../../internal/deprecateFieldOnObject.js')
 var ContainedList = require('./ContainedList.js');
 var ContainedListItem = require('./ContainedListItem/ContainedListItem.js');
 
-ContainedList.default.ContainedListItem = ContainedListItem.default;
 if (process.env.NODE_ENV !== 'production') {
+  // @ts-expect-error - This component did not have a `displayName` before it
+  // was properly typed. After adding proper typing, a type error appears here.
+  // The warning logged to the console includes `undefined` because no
+  // `displayName` is set.
   deprecateFieldOnObject.deprecateFieldOnObject(ContainedList.default, 'ContainedListItem', ContainedListItem.default);
 }
 

package/lib/components/DangerButton/DangerButton.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * 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/DataTable/DataTable.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.
@@ -140,7 +140,7 @@ export interface DataTableRenderProps<RowType, ColTypes extends any[]> {
         [key: string]: unknown;
     }) => {
         onCancel: () => void;
-        onSelectAll?: () => void | undefined;
+        onSelectAll?: () => void;
         shouldShowBatchActions: boolean;
         totalCount: number;
         totalSelected: number;
@@ -367,7 +367,15 @@ export declare const DataTable: {
             slug: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         };
     };
-    TableToolbar: React.FC<import("./TableToolbar").TableToolbarProps>;
+    TableToolbar: {
+        ({ ["aria-label"]: ariaLabel, ariaLabel: deprecatedAriaLabel, children, size, ...rest }: import("./TableToolbar").TableToolbarProps): import("react/jsx-runtime").JSX.Element;
+        propTypes: {
+            "aria-label": PropTypes.Requireable<string>;
+            ariaLabel: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            size: PropTypes.Requireable<string>;
+        };
+    };
     TableToolbarAction: React.ForwardRefExoticComponent<import("./TableToolbarAction").TableToolbarActionProps & React.RefAttributes<HTMLDivElement>>;
     TableToolbarContent: (props: React.HTMLAttributes<"div">) => React.ReactElement<any>;
     TableToolbarSearch: {
@@ -394,12 +402,21 @@ export declare const DataTable: {
             translateWithId: PropTypes.Requireable<(...args: any[]) => any>;
         };
     };
-    TableToolbarMenu: React.FC<import("./TableToolbarMenu").TableToolbarMenuProps>;
+    TableToolbarMenu: {
+        ({ className, renderIcon, iconDescription, children, menuOptionsClass, ...rest }: import("./TableToolbarMenu").TableToolbarMenuProps): import("react/jsx-runtime").JSX.Element;
+        propTypes: {
+            children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+            className: PropTypes.Requireable<string>;
+            iconDescription: PropTypes.Requireable<string>;
+            menuOptionsClass: PropTypes.Requireable<string>;
+            renderIcon: PropTypes.Requireable<object>;
+        };
+    };
     propTypes: {
         /**
          * Pass in the children that will be rendered within the Table
          */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Requireable<(...args: any[]) => any>;
         /**
          * Experimental property. Allows table to align cell contents to the top if there is text wrapping in the content. Might have performance issues, intended for smaller tables
          */

package/lib/components/DataTable/DataTable.js

@@ -584,7 +584,7 @@ DataTable.propTypes = {
   /**
    * Pass in the children that will be rendered within the Table
    */
-  children: PropTypes.node,
+  children: PropTypes.func,
   /**
    * Experimental property. Allows table to align cell contents to the top if there is text wrapping in the content. Might have performance issues, intended for smaller tables
    */

package/lib/components/DataTable/TableExpandRow.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/DataTable/TableHeader.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/DataTable/TableHeader.js

@@ -49,21 +49,23 @@ const sortDirections = {
   [sortStates.sortStates.ASC]: 'ascending',
   [sortStates.sortStates.DESC]: 'descending'
 };
-const TableHeader = /*#__PURE__*/React.forwardRef(function TableHeader({
-  className: headerClassName,
-  children,
-  colSpan,
-  decorator,
-  isSortable = false,
-  isSortHeader,
-  onClick,
-  scope = defaultScope,
-  sortDirection,
-  translateWithId: t = defaultTranslateWithId,
-  slug,
-  id,
-  ...rest
-}, ref) {
+const frFn = React.forwardRef;
+const TableHeader = frFn((props, ref) => {
+  const {
+    className: headerClassName,
+    children,
+    colSpan,
+    decorator,
+    isSortable = false,
+    isSortHeader,
+    onClick,
+    scope = defaultScope,
+    sortDirection,
+    translateWithId: t = defaultTranslateWithId,
+    slug,
+    id,
+    ...rest
+  } = props;
   const prefix = usePrefix.usePrefix();
   const uniqueId = useId.useId('table-sort');
 

package/lib/components/DataTable/TableToolbar.d.ts

@@ -4,6 +4,7 @@
  * 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 PropTypes from 'prop-types';
 import React from 'react';
 export interface TableToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
@@ -25,5 +26,28 @@ export interface TableToolbarProps extends React.HTMLAttributes<HTMLDivElement>
      */
     size?: 'sm' | 'lg';
 }
-declare const TableToolbar: React.FC<TableToolbarProps>;
+declare const TableToolbar: {
+    ({ ["aria-label"]: ariaLabel, ariaLabel: deprecatedAriaLabel, children, size, ...rest }: TableToolbarProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * 'aria-label' of the TableToolbar component.
+         * Specify a label to be read by screen readers on the container node
+         */
+        "aria-label": PropTypes.Requireable<string>;
+        /**
+         * Deprecated, please use `aria-label` instead.
+         * Specify a label to be read by screen readers on the container node.
+         * 'aria-label' of the TableToolbar component.
+         */
+        ariaLabel: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
+        /**
+         * Pass in the children that will be rendered inside the TableToolbar
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * `lg` Change the row height of table
+         */
+        size: PropTypes.Requireable<string>;
+    };
+};
 export default TableToolbar;

package/lib/components/DataTable/TableToolbarMenu.d.ts

@@ -1,12 +1,32 @@
 /**
- * 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.
  */
-import React from 'react';
+import PropTypes from 'prop-types';
 import { OverflowMenuProps } from '../OverflowMenu';
-export interface TableToolbarMenuProps extends OverflowMenuProps {
-}
-declare const TableToolbarMenu: React.FC<TableToolbarMenuProps>;
+export type TableToolbarMenuProps = OverflowMenuProps;
+declare const TableToolbarMenu: {
+    ({ className, renderIcon, iconDescription, children, menuOptionsClass, ...rest }: TableToolbarMenuProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        /**
+         * Provide an optional class name for the toolbar menu
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * The description of the menu icon.
+         */
+        iconDescription: PropTypes.Requireable<string>;
+        /**
+         * Provide an optional class name for the toolbar menu
+         */
+        menuOptionsClass: PropTypes.Requireable<string>;
+        /**
+         * A component used to render an icon.
+         */
+        renderIcon: PropTypes.Requireable<object>;
+    };
+};
 export default TableToolbarMenu;

package/lib/components/DataTable/TableToolbarMenu.js

@@ -18,9 +18,6 @@ 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/20452
-
 const TableToolbarMenu = ({
   className,
   renderIcon = iconsReact.Settings,

package/lib/components/DataTableSkeleton/DataTableSkeleton.d.ts

@@ -4,7 +4,9 @@
  * 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 FunctionComponent, TableHTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import React, { type TableHTMLAttributes } from 'react';
+import { DataTableSize } from '../DataTable/DataTable';
 export interface DataTableSkeletonHeader {
     /**
      * Specify header label
@@ -41,6 +43,10 @@ export interface DataTableSkeletonProps extends TableHTMLAttributes<HTMLTableEle
      * Specify if the table toolbar should be rendered as part of the skeleton.
      */
     showToolbar?: boolean;
+    /**
+     * Changes the row height of table.
+     */
+    size?: DataTableSize;
     /**
      * Optionally specify whether you want the DataTable to be zebra striped
      */
@@ -50,5 +56,48 @@ export interface DataTableSkeletonProps extends TableHTMLAttributes<HTMLTableEle
      */
     className?: string;
 }
-declare const DataTableSkeleton: FunctionComponent<DataTableSkeletonProps>;
+declare const DataTableSkeleton: {
+    ({ headers, rowCount, columnCount, zebra, compact, className, showHeader, showToolbar, size, ...rest }: DataTableSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the number of columns that you want to render in the skeleton state
+         */
+        columnCount: PropTypes.Requireable<number>;
+        /**
+         * Optionally specify whether you want the Skeleton to be rendered as a
+         * compact DataTable
+         */
+        compact: PropTypes.Requireable<boolean>;
+        /**
+         * Optionally specify the displayed headers
+         */
+        headers: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+            header: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        }>>[]>;
+        /**
+         * Specify the number of rows that you want to render in the skeleton state
+         */
+        rowCount: PropTypes.Requireable<number>;
+        /**
+         * Specify if the table header should be rendered as part of the skeleton.
+         */
+        showHeader: PropTypes.Requireable<boolean>;
+        /**
+         * Specify if the table toolbar should be rendered as part of the skeleton.
+         */
+        showToolbar: PropTypes.Requireable<boolean>;
+        /**
+         * Changes the row height of table.
+         */
+        size: PropTypes.Requireable<string>;
+        /**
+         * Optionally specify whether you want the DataTable to be zebra striped
+         */
+        zebra: PropTypes.Requireable<boolean>;
+    };
+};
 export default DataTableSkeleton;

package/lib/components/DataTableSkeleton/DataTableSkeleton.js

@@ -25,12 +25,14 @@ const DataTableSkeleton = ({
   className,
   showHeader = true,
   showToolbar = true,
+  size = 'lg',
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
   const dataTableSkeletonClasses = cx(className, {
     [`${prefix}--skeleton`]: true,
     [`${prefix}--data-table`]: true,
+    [`${prefix}--data-table--${size}`]: size,
     [`${prefix}--data-table--zebra`]: zebra,
     [`${prefix}--data-table--compact`]: compact
   });
@@ -101,6 +103,10 @@ DataTableSkeleton.propTypes = {
    * Specify if the table toolbar should be rendered as part of the skeleton.
    */
   showToolbar: PropTypes.bool,
+  /**
+   * Changes the row height of table.
+   */
+  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
   /**
    * Optionally specify whether you want the DataTable to be zebra striped
    */

package/lib/components/DatePicker/DatePicker.d.ts

@@ -1,10 +1,10 @@
 /**
- * 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.
  */
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import flatpickr from 'flatpickr';
 import { DateLimit, DateOption } from 'flatpickr/dist/types/options';
 import { type SupportedLocale } from './DatePickerLocales';

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/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.