@carbon/react 1.83.0-rc.0 → 1.84.0-rc.0

package/es/components/Dropdown/Dropdown.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useEffect, useContext, useCallback, useMemo, useState, isValidElement } from 'react';
+import React, { useEffect, useContext, useCallback, useMemo, useState, isValidElement } from 'react';
 import { useSelect } from 'downshift';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -74,40 +74,39 @@ function stateReducer(state, actionAndChanges) {
       return changes;
   }
 }
-const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
-  let {
-    autoAlign = false,
-    className: containerClassName,
-    decorator,
-    disabled = false,
-    direction = 'bottom',
-    items: itemsProp,
-    label,
-    ['aria-label']: ariaLabel,
-    ariaLabel: deprecatedAriaLabel,
-    itemToString = defaultItemToString,
-    itemToElement = null,
-    renderSelectedItem,
-    type = 'default',
-    size: size$1,
-    onChange,
-    id,
-    titleText = '',
-    hideLabel,
-    helperText = '',
-    translateWithId,
-    light,
-    invalid,
-    invalidText,
-    warn,
-    warnText,
-    initialSelectedItem,
-    selectedItem: controlledSelectedItem,
-    downshiftProps,
-    readOnly,
-    slug,
-    ...other
-  } = _ref;
+const Dropdown = /*#__PURE__*/React.forwardRef(({
+  autoAlign = false,
+  className: containerClassName,
+  decorator,
+  disabled = false,
+  direction = 'bottom',
+  items: itemsProp,
+  label,
+  ['aria-label']: ariaLabel,
+  ariaLabel: deprecatedAriaLabel,
+  itemToString = defaultItemToString,
+  itemToElement = null,
+  renderSelectedItem,
+  type = 'default',
+  size: size$1,
+  onChange,
+  id,
+  titleText = '',
+  hideLabel,
+  helperText = '',
+  translateWithId,
+  light,
+  invalid,
+  invalidText,
+  warn,
+  warnText,
+  initialSelectedItem,
+  selectedItem: controlledSelectedItem,
+  downshiftProps,
+  readOnly,
+  slug,
+  ...other
+}, ref) => {
   const enableFloatingStyles = useFeatureFlag('enable-v12-dynamic-floating-styles');
   const {
     refs,
@@ -122,11 +121,10 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     strategy: 'fixed',
     // Middleware order matters, arrow should be last
     middleware: [size({
-      apply(_ref2) {
-        let {
-          rects,
-          elements
-        } = _ref2;
+      apply({
+        rects,
+        elements
+      }) {
         Object.assign(elements.floating.style, {
           width: `${rects.reference.width}px`
         });
@@ -154,10 +152,9 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   const {
     isFluid
   } = useContext(FormContext);
-  const onSelectedItemChange = useCallback(_ref3 => {
-    let {
-      selectedItem
-    } = _ref3;
+  const onSelectedItemChange = useCallback(({
+    selectedItem
+  }) => {
     if (onChange) {
       onChange({
         selectedItem: selectedItem ?? null
@@ -249,7 +246,7 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   const toggleButtonProps = getToggleButtonProps({
     'aria-label': ariaLabel || deprecatedAriaLabel
   });
-  const helper = helperText && !isFluid ? /*#__PURE__*/React__default.createElement("div", {
+  const helper = helperText && !isFluid ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperClasses
   }, helperText) : null;
@@ -314,21 +311,21 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   const normalizedDecorator = useMemo(() => {
     let element = slug ?? decorator;
     if (element && element['type']?.displayName === 'AILabel') {
-      return /*#__PURE__*/React__default.cloneElement(element, {
+      return /*#__PURE__*/React.cloneElement(element, {
         size: 'mini'
       });
     }
-    return /*#__PURE__*/React__default.isValidElement(element) ? element : null;
+    return /*#__PURE__*/React.isValidElement(element) ? element : null;
   }, [slug, decorator]);
   const allLabelProps = getLabelProps();
   const labelProps = /*#__PURE__*/isValidElement(titleText) ? {
     id: allLabelProps.id
   } : allLabelProps;
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses
-  }, other), titleText && /*#__PURE__*/React__default.createElement("label", _extends({
+  }, other), titleText && /*#__PURE__*/React.createElement("label", _extends({
     className: titleClasses
-  }, labelProps), titleText), /*#__PURE__*/React__default.createElement(ListBox, {
+  }, labelProps), titleText), /*#__PURE__*/React.createElement(ListBox, {
     onFocus: handleFocus,
     onBlur: handleFocus,
     size: size$1,
@@ -341,11 +338,11 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     isOpen: isOpen,
     ref: enableFloatingStyles || autoAlign ? refs.setReference : null,
     id: id
-  }, invalid && /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, invalid && /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--list-box__invalid-icon`
-  }), showWarning && /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }), showWarning && /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`
-  }), /*#__PURE__*/React__default.createElement("button", _extends({
+  }), /*#__PURE__*/React.createElement("button", _extends({
     type: "button"
     // aria-expanded is already being passed through {...toggleButtonProps}
     ,
@@ -357,29 +354,29 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     title: selectedItem && itemToString !== undefined ? itemToString(selectedItem) : defaultItemToString(label)
   }, toggleButtonProps, readOnlyEventHandlers, {
     ref: mergedRef
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) : label), /*#__PURE__*/React__default.createElement(ListBox.MenuIcon, {
+  }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) : label), /*#__PURE__*/React.createElement(ListBox.MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
-  })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__inner-wrapper--decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default.createElement(ListBox.Menu, menuProps, isOpen && items.map((item, index) => {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement(ListBox.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);
-    return /*#__PURE__*/React__default.createElement(ListBox.MenuItem, _extends({
+    return /*#__PURE__*/React.createElement(ListBox.MenuItem, _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__default.createElement(ItemToElement, _extends({
+    }, itemProps), typeof item === 'object' && ItemToElement !== undefined && ItemToElement !== null ? /*#__PURE__*/React.createElement(ItemToElement, _extends({
       key: itemProps.id
-    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React__default.createElement(Checkmark, {
+    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React.createElement(Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
   }))), !inline && !invalid && !warn && helper);

package/es/components/ErrorBoundary/ErrorBoundary.js

@@ -6,7 +6,7 @@
  */
 
 import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ErrorBoundaryContext } from './ErrorBoundaryContext.js';
 
@@ -28,9 +28,9 @@ import { ErrorBoundaryContext } from './ErrorBoundaryContext.js';
  * https://reactjs.org/docs/error-boundaries.html#introducing-error-boundaries
  */
 
-class ErrorBoundary extends React__default.Component {
-  constructor() {
-    super(...arguments);
+class ErrorBoundary extends React.Component {
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "context", void 0);
     _defineProperty(this, "state", {
       hasError: false

package/es/components/ExpandableSearch/ExpandableSearch.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import cx from 'classnames';
 import Search from '../Search/Search.js';
 import '../Search/Search.Skeleton.js';
@@ -16,16 +16,15 @@ import { Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import mergeRefs from '../../tools/mergeRefs.js';
 
-const ExpandableSearch = /*#__PURE__*/React__default.forwardRef(function ExpandableSearch(_ref, forwardedRef) {
-  let {
-    onBlur,
-    onChange,
-    onExpand,
-    onKeyDown,
-    defaultValue,
-    isExpanded,
-    ...props
-  } = _ref;
+const ExpandableSearch = /*#__PURE__*/React.forwardRef(function ExpandableSearch({
+  onBlur,
+  onChange,
+  onExpand,
+  onKeyDown,
+  defaultValue,
+  isExpanded,
+  ...props
+}, forwardedRef) {
   const [expanded, setExpanded] = useState(isExpanded || false);
   const [hasContent, setHasContent] = useState(defaultValue ? true : false);
   const searchRef = useRef(null);
@@ -59,7 +58,7 @@ const ExpandableSearch = /*#__PURE__*/React__default.forwardRef(function Expanda
   const classes = cx(`${prefix}--search--expandable`, {
     [`${prefix}--search--expanded`]: expanded
   }, props.className);
-  return /*#__PURE__*/React__default.createElement(Search, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Search, _extends({}, props, {
     defaultValue: defaultValue,
     isExpanded: expanded,
     ref: mergeRefs(searchRef, forwardedRef),

package/es/components/FeatureFlags/index.js

@@ -7,7 +7,7 @@
 
 import { createScope, FeatureFlags as FeatureFlags$1 } from '@carbon/feature-flags';
 import PropTypes from 'prop-types';
-import React__default, { useContext, useState, useRef, useEffect, createContext } from 'react';
+import React, { useContext, useState, useRef, useEffect, createContext } from 'react';
 import deprecate from '../../prop-types/deprecate.js';
 
 /**
@@ -21,18 +21,17 @@ const FeatureFlagContext = /*#__PURE__*/createContext(FeatureFlags$1);
  * along with the current `FeatureFlagContext` to provide consumers to check if
  * a feature flag is enabled or disabled in a given React tree
  */
-function FeatureFlags(_ref) {
-  let {
-    children,
-    flags = {},
-    enableV12TileDefaultIcons = false,
-    enableV12TileRadioIcons = false,
-    enableV12Overflowmenu = false,
-    enableTreeviewControllable = false,
-    enableExperimentalFocusWrapWithoutSentinels = false,
-    enableDialogElement = false,
-    enableV12DynamicFloatingStyles = false
-  } = _ref;
+function FeatureFlags({
+  children,
+  flags = {},
+  enableV12TileDefaultIcons = false,
+  enableV12TileRadioIcons = false,
+  enableV12Overflowmenu = false,
+  enableTreeviewControllable = false,
+  enableExperimentalFocusWrapWithoutSentinels = false,
+  enableDialogElement = false,
+  enableV12DynamicFloatingStyles = false
+}) {
   const parentScope = useContext(FeatureFlagContext);
   const [prevParentScope, setPrevParentScope] = useState(parentScope);
   const combinedFlags = {
@@ -65,7 +64,7 @@ function FeatureFlags(_ref) {
     scope.mergeWithScope(parentScope);
     updateScope(scope);
   });
-  return /*#__PURE__*/React__default.createElement(FeatureFlagContext.Provider, {
+  return /*#__PURE__*/React.createElement(FeatureFlagContext.Provider, {
     value: scope
   }, children);
 }

package/es/components/FileUploader/FileUploader.Skeleton.d.ts

@@ -1,12 +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 PropTypes from 'prop-types';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderSkeletonProps extends ReactAttr<HTMLDivElement> {
+import { type HTMLAttributes } from 'react';
+export interface FileUploaderSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify an optional className to add.
      */

package/es/components/FileUploader/FileUploader.Skeleton.js

@@ -7,28 +7,27 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import SkeletonText from '../SkeletonText/SkeletonText.js';
 import ButtonSkeleton from '../Button/Button.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 var _SkeletonText, _ButtonSkeleton;
-function FileUploaderSkeleton(_ref) {
-  let {
-    className,
-    ...rest
-  } = _ref;
+function FileUploaderSkeleton({
+  className,
+  ...rest
+}) {
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--form-item`, className)
-  }, rest), _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default.createElement(SkeletonText, {
+  }, rest), _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText, {
     heading: true,
     width: "100px"
-  })), /*#__PURE__*/React__default.createElement(SkeletonText, {
+  })), /*#__PURE__*/React.createElement(SkeletonText, {
     width: "225px",
     className: `${prefix}--label-description`
-  }), _ButtonSkeleton || (_ButtonSkeleton = /*#__PURE__*/React__default.createElement(ButtonSkeleton, null)));
+  }), _ButtonSkeleton || (_ButtonSkeleton = /*#__PURE__*/React.createElement(ButtonSkeleton, null)));
 }
 FileUploaderSkeleton.propTypes = {
   /**

package/es/components/FileUploader/FileUploader.d.ts

@@ -4,9 +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 from 'react';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderProps extends ReactAttr<HTMLSpanElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface FileUploaderProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Specify the types of files that this input should be able to receive
      */

package/es/components/FileUploader/FileUploader.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useState, useImperativeHandle } from 'react';
+import React, { useState, useImperativeHandle } from 'react';
 import Filename from './Filename.js';
 import FileUploaderButton from './FileUploaderButton.js';
 import { ButtonKinds } from '../Button/Button.js';
@@ -19,25 +19,24 @@ import '../Text/index.js';
 import { useId } from '../../internal/useId.js';
 import { Text } from '../Text/Text.js';
 
-const FileUploader = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
-  let {
-    accept,
-    buttonKind,
-    buttonLabel,
-    className,
-    disabled,
-    filenameStatus,
-    iconDescription,
-    labelDescription,
-    labelTitle,
-    multiple,
-    name,
-    onChange,
-    onClick,
-    onDelete,
-    size,
-    ...other
-  } = _ref;
+const FileUploader = /*#__PURE__*/React.forwardRef(({
+  accept,
+  buttonKind,
+  buttonLabel,
+  className,
+  disabled,
+  filenameStatus,
+  iconDescription,
+  labelDescription,
+  labelTitle,
+  multiple,
+  name,
+  onChange,
+  onClick,
+  onDelete,
+  size,
+  ...other
+}, ref) => {
   const fileUploaderInstanceId = useId('file-uploader');
   const [state, updateState] = useState({
     fileNames: []
@@ -54,11 +53,10 @@ const FileUploader = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       onChange(evt);
     }
   };
-  const handleClick = (evt, _ref2) => {
-    let {
-      index,
-      filenameStatus
-    } = _ref2;
+  const handleClick = (evt, {
+    index,
+    filenameStatus
+  }) => {
     if (filenameStatus === 'edit') {
       evt.stopPropagation();
       const filteredArray = state.fileNames.filter(filename => filename !== nodes[index]?.innerText?.trim());
@@ -79,7 +77,7 @@ const FileUploader = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       });
     }
   }));
-  const uploaderButton = /*#__PURE__*/React__default.createRef();
+  const uploaderButton = /*#__PURE__*/React.createRef();
   const classes = cx({
     [`${prefix}--form-item`]: true,
     [className]: className
@@ -91,16 +89,16 @@ const FileUploader = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     [`${prefix}--file__selected-file--md`]: size === 'field' || size === 'md',
     [`${prefix}--file__selected-file--sm`]: size === 'small' || size === 'sm'
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classes
-  }, other), !labelTitle ? null : /*#__PURE__*/React__default.createElement(Text, {
+  }, other), !labelTitle ? null : /*#__PURE__*/React.createElement(Text, {
     as: "h3",
     className: getHelperLabelClasses(`${prefix}--file--label`)
-  }, labelTitle), /*#__PURE__*/React__default.createElement(Text, {
+  }, labelTitle), /*#__PURE__*/React.createElement(Text, {
     as: "p",
     className: getHelperLabelClasses(`${prefix}--label-description`),
     id: fileUploaderInstanceId
-  }, labelDescription), /*#__PURE__*/React__default.createElement(FileUploaderButton, {
+  }, labelDescription), /*#__PURE__*/React.createElement(FileUploaderButton, {
     innerRef: uploaderButton,
     disabled: disabled,
     labelText: buttonLabel,
@@ -112,21 +110,21 @@ const FileUploader = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     name: name,
     size: size,
     "aria-describedby": fileUploaderInstanceId
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--file-container`
-  }, state.fileNames.length === 0 ? null : state.fileNames.map((name, index) => /*#__PURE__*/React__default.createElement("span", _extends({
+  }, state.fileNames.length === 0 ? null : state.fileNames.map((name, index) => /*#__PURE__*/React.createElement("span", _extends({
     key: index,
     className: selectedFileClasses,
     ref: node => {
       nodes[index] = node;
     } // eslint-disable-line
-  }, other), /*#__PURE__*/React__default.createElement(Text, {
+  }, other), /*#__PURE__*/React.createElement(Text, {
     as: "p",
     className: `${prefix}--file-filename`,
     id: name
-  }, name), /*#__PURE__*/React__default.createElement("span", {
+  }, name), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--file__state-container`
-  }, /*#__PURE__*/React__default.createElement(Filename, {
+  }, /*#__PURE__*/React.createElement(Filename, {
     name: name,
     iconDescription: iconDescription,
     status: filenameStatus,

package/es/components/FileUploader/FileUploaderButton.d.ts

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderButtonProps extends Omit<ReactAttr<HTMLButtonElement>, 'onChange' | 'tabIndex'> {
+import React, { type HTMLAttributes } from 'react';
+export interface FileUploaderButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'tabIndex'> {
     /**
      * Specify the types of files that this input should be able to receive
      */

package/es/components/FileUploader/FileUploaderButton.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useState, useRef } from 'react';
+import React, { useState, useRef } from 'react';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { uniqueId } from '../../tools/uniqueId.js';
@@ -18,23 +18,22 @@ import { noopFn } from '../../internal/noopFn.js';
 import { ButtonKinds } from '../Button/Button.js';
 import '../Button/Button.Skeleton.js';
 
-function FileUploaderButton(_ref) {
-  let {
-    accept,
-    buttonKind = 'primary',
-    className,
-    disabled = false,
-    disableLabelChanges = false,
-    id,
-    labelText: ownerLabelText = 'Add file',
-    multiple = false,
-    onChange = noopFn,
-    name,
-    size = 'md',
-    // eslint-disable-next-line react/prop-types
-    innerRef,
-    ...other
-  } = _ref;
+function FileUploaderButton({
+  accept,
+  buttonKind = 'primary',
+  className,
+  disabled = false,
+  disableLabelChanges = false,
+  id,
+  labelText: ownerLabelText = 'Add file',
+  multiple = false,
+  onChange = noopFn,
+  name,
+  size = 'md',
+  // eslint-disable-next-line react/prop-types
+  innerRef,
+  ...other
+}) {
   const prefix = usePrefix();
   const [labelText, setLabelText] = useState(ownerLabelText);
   const [prevOwnerLabelText, setPrevOwnerLabelText] = useState(ownerLabelText);
@@ -81,7 +80,7 @@ function FileUploaderButton(_ref) {
     }
     onChange(event);
   }
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", _extends({
     type: "button",
     disabled: disabled,
     className: classes,
@@ -89,11 +88,11 @@ function FileUploaderButton(_ref) {
     onKeyDown: onKeyDown
   }, other, {
     tabIndex: other.tabIndex !== undefined ? parseInt(other.tabIndex) : undefined
-  }), labelText), /*#__PURE__*/React__default.createElement("label", {
+  }), labelText), /*#__PURE__*/React.createElement("label", {
     className: `${prefix}--visually-hidden`,
     ref: innerRef,
     htmlFor: inputId
-  }, /*#__PURE__*/React__default.createElement("span", null, labelText)), /*#__PURE__*/React__default.createElement("input", {
+  }, /*#__PURE__*/React.createElement("span", null, labelText)), /*#__PURE__*/React.createElement("input", {
     className: `${prefix}--visually-hidden`,
     ref: inputNode,
     id: inputId,

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

@@ -4,10 +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 from 'react';
+import React, { type HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderDropContainerProps extends Omit<ReactAttr<HTMLButtonElement>, 'tabIndex'> {
+export interface FileUploaderDropContainerProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'tabIndex'> {
     /**
      * Specify the types of files that this input should be able to receive
      */