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

package/lib/components/Dropdown/Dropdown.js

@@ -84,40 +84,39 @@ function stateReducer(state, actionAndChanges) {
       return changes;
   }
 }
-const Dropdown = /*#__PURE__*/React__default["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,
-    onChange,
-    id,
-    titleText = '',
-    hideLabel,
-    helperText = '',
-    translateWithId,
-    light,
-    invalid,
-    invalidText,
-    warn,
-    warnText,
-    initialSelectedItem,
-    selectedItem: controlledSelectedItem,
-    downshiftProps,
-    readOnly,
-    slug,
-    ...other
-  } = _ref;
+const Dropdown = /*#__PURE__*/React__default["default"].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,
+  onChange,
+  id,
+  titleText = '',
+  hideLabel,
+  helperText = '',
+  translateWithId,
+  light,
+  invalid,
+  invalidText,
+  warn,
+  warnText,
+  initialSelectedItem,
+  selectedItem: controlledSelectedItem,
+  downshiftProps,
+  readOnly,
+  slug,
+  ...other
+}, ref) => {
   const enableFloatingStyles = index.useFeatureFlag('enable-v12-dynamic-floating-styles');
   const {
     refs,
@@ -132,11 +131,10 @@ const Dropdown = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) =
     strategy: 'fixed',
     // Middleware order matters, arrow should be last
     middleware: [react.size({
-      apply(_ref2) {
-        let {
-          rects,
-          elements
-        } = _ref2;
+      apply({
+        rects,
+        elements
+      }) {
         Object.assign(elements.floating.style, {
           width: `${rects.reference.width}px`
         });
@@ -164,10 +162,9 @@ const Dropdown = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) =
   const {
     isFluid
   } = React.useContext(FormContext.FormContext);
-  const onSelectedItemChange = React.useCallback(_ref3 => {
-    let {
-      selectedItem
-    } = _ref3;
+  const onSelectedItemChange = React.useCallback(({
+    selectedItem
+  }) => {
     if (onChange) {
       onChange({
         selectedItem: selectedItem ?? null

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -38,8 +38,8 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
  */
 
 class ErrorBoundary extends React__default["default"].Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _rollupPluginBabelHelpers.defineProperty(this, "context", void 0);
     _rollupPluginBabelHelpers.defineProperty(this, "state", {
       hasError: false

package/lib/components/ExpandableSearch/ExpandableSearch.js

@@ -25,16 +25,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const ExpandableSearch = /*#__PURE__*/React__default["default"].forwardRef(function ExpandableSearch(_ref, forwardedRef) {
-  let {
-    onBlur,
-    onChange,
-    onExpand,
-    onKeyDown,
-    defaultValue,
-    isExpanded,
-    ...props
-  } = _ref;
+const ExpandableSearch = /*#__PURE__*/React__default["default"].forwardRef(function ExpandableSearch({
+  onBlur,
+  onChange,
+  onExpand,
+  onKeyDown,
+  defaultValue,
+  isExpanded,
+  ...props
+}, forwardedRef) {
   const [expanded, setExpanded] = React.useState(isExpanded || false);
   const [hasContent, setHasContent] = React.useState(defaultValue ? true : false);
   const searchRef = React.useRef(null);

package/lib/components/FeatureFlags/index.js

@@ -30,18 +30,17 @@ const FeatureFlagContext = /*#__PURE__*/React.createContext(FeatureFlags$1.Featu
  * 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 = React.useContext(FeatureFlagContext);
   const [prevParentScope, setPrevParentScope] = React.useState(parentScope);
   const combinedFlags = {

package/lib/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/lib/components/FileUploader/FileUploader.Skeleton.js

@@ -24,11 +24,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _SkeletonText, _ButtonSkeleton;
-function FileUploaderSkeleton(_ref) {
-  let {
-    className,
-    ...rest
-  } = _ref;
+function FileUploaderSkeleton({
+  className,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: cx__default["default"](`${prefix}--form-item`, className)

package/lib/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/lib/components/FileUploader/FileUploader.js

@@ -29,25 +29,24 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const FileUploader = /*#__PURE__*/React__default["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__default["default"].forwardRef(({
+  accept,
+  buttonKind,
+  buttonLabel,
+  className,
+  disabled,
+  filenameStatus,
+  iconDescription,
+  labelDescription,
+  labelTitle,
+  multiple,
+  name,
+  onChange,
+  onClick,
+  onDelete,
+  size,
+  ...other
+}, ref) => {
   const fileUploaderInstanceId = useId.useId('file-uploader');
   const [state, updateState] = React.useState({
     fileNames: []
@@ -64,11 +63,10 @@ const FileUploader = /*#__PURE__*/React__default["default"].forwardRef((_ref, re
       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());

package/lib/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/lib/components/FileUploader/FileUploaderButton.js

@@ -28,23 +28,22 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function FileUploaderButton(_ref) {
-  let {
-    accept,
-    buttonKind = 'primary',
-    className,
-    disabled = false,
-    disableLabelChanges = false,
-    id,
-    labelText: ownerLabelText = 'Add file',
-    multiple = false,
-    onChange = noopFn.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.noopFn,
+  name,
+  size = 'md',
+  // eslint-disable-next-line react/prop-types
+  innerRef,
+  ...other
+}) {
   const prefix = usePrefix.usePrefix();
   const [labelText, setLabelText] = React.useState(ownerLabelText);
   const [prevOwnerLabelText, setPrevOwnerLabelText] = React.useState(ownerLabelText);

package/lib/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
      */

package/lib/components/FileUploader/FileUploaderDropContainer.js

@@ -27,22 +27,21 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function FileUploaderDropContainer(_ref) {
-  let {
-    accept = [],
-    className,
-    id,
-    disabled,
-    labelText = 'Add file',
-    multiple = false,
-    name,
-    onAddFiles = noopFn.noopFn,
-    onClick,
-    pattern = '.[0-9a-z]+$',
-    // eslint-disable-next-line react/prop-types
-    innerRef,
-    ...rest
-  } = _ref;
+function FileUploaderDropContainer({
+  accept = [],
+  className,
+  id,
+  disabled,
+  labelText = 'Add file',
+  multiple = false,
+  name,
+  onAddFiles = noopFn.noopFn,
+  onClick,
+  pattern = '.[0-9a-z]+$',
+  // eslint-disable-next-line react/prop-types
+  innerRef,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   const inputRef = React.useRef(null);
   const {

package/lib/components/FileUploader/FileUploaderItem.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 FileUploaderItemProps extends ReactAttr<HTMLSpanElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface FileUploaderItemProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Error message body for an invalid file upload
      */

package/lib/components/FileUploader/FileUploaderItem.js

@@ -30,20 +30,19 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function FileUploaderItem(_ref) {
-  let {
-    uuid,
-    name,
-    status = 'uploading',
-    iconDescription,
-    onDelete = noopFn.noopFn,
-    invalid,
-    errorSubject,
-    errorBody,
-    size,
-    className,
-    ...other
-  } = _ref;
+function FileUploaderItem({
+  uuid,
+  name,
+  status = 'uploading',
+  iconDescription,
+  onDelete = noopFn.noopFn,
+  invalid,
+  errorSubject,
+  errorBody,
+  size,
+  className,
+  ...other
+}) {
   const textRef = React.useRef(null);
   const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
   const prefix = usePrefix.usePrefix();

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

@@ -1,15 +1,14 @@
 /**
- * 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 React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 export type FilenameStatus = 'edit' | 'complete' | 'uploading';
 type SVGAttr = React.SVGAttributes<React.ReactSVGElement>;
-export interface FilenameProps extends Omit<ReactAttr & SVGAttr, 'tabIndex' | 'type'> {
+export interface FilenameProps extends Omit<HTMLAttributes<HTMLElement> & SVGAttr, 'tabIndex' | 'type'> {
     /**
      * Specify an id that describes the error to be read by screen readers when the filename is invalid
      */

package/lib/components/FileUploader/Filename.js

@@ -22,16 +22,15 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _Close;
-function Filename(_ref) {
-  let {
-    iconDescription = 'Uploading file',
-    status = 'uploading',
-    invalid,
-    name,
-    tabIndex = 0,
-    ['aria-describedby']: ariaDescribedBy,
-    ...rest
-  } = _ref;
+function Filename({
+  iconDescription = 'Uploading file',
+  status = 'uploading',
+  invalid,
+  name,
+  tabIndex = 0,
+  ['aria-describedby']: ariaDescribedBy,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   switch (status) {
     case 'uploading':

package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js

@@ -21,11 +21,10 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const FluidComboBoxSkeleton = _ref => {
-  let {
-    className,
-    ...rest
-  } = _ref;
+const FluidComboBoxSkeleton = ({
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix.usePrefix();
   const wrapperClasses = cx__default["default"](className, `${prefix}--list-box__wrapper--fluid`);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({

package/lib/components/FluidComboBox/FluidComboBox.js

@@ -23,12 +23,11 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const FluidComboBox = /*#__PURE__*/React__default["default"].forwardRef(function FluidComboBox(_ref, ref) {
-  let {
-    className,
-    isCondensed,
-    ...other
-  } = _ref;
+const FluidComboBox = /*#__PURE__*/React__default["default"].forwardRef(function FluidComboBox({
+  className,
+  isCondensed,
+  ...other
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--list-box__wrapper--fluid`, className, {
     [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed

package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js

@@ -23,12 +23,11 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const FluidDatePickerSkeleton = _ref => {
-  let {
-    className,
-    datePickerType = 'single',
-    ...other
-  } = _ref;
+const FluidDatePickerSkeleton = ({
+  className,
+  datePickerType = 'single',
+  ...other
+}) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](className, `${prefix}--form-item ${prefix}--date-picker--fluid__skeleton`, {
     [`${prefix}--date-picker--fluid__skeleton--range`]: datePickerType === 'range'

package/lib/components/FluidDatePicker/FluidDatePicker.js

@@ -24,17 +24,16 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const FluidDatePicker = /*#__PURE__*/React__default["default"].forwardRef(function FluidDatePicker(_ref, ref) {
-  let {
-    className,
-    children,
-    invalid,
-    invalidText,
-    readOnly,
-    warn,
-    warnText,
-    ...other
-  } = _ref;
+const FluidDatePicker = /*#__PURE__*/React__default["default"].forwardRef(function FluidDatePicker({
+  className,
+  children,
+  invalid,
+  invalidText,
+  readOnly,
+  warn,
+  warnText,
+  ...other
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](className, {
     [`${prefix}--date-picker--fluid`]: true,

package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js

@@ -21,11 +21,10 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const FluidDropdownSkeleton = _ref => {
-  let {
-    className,
-    ...rest
-  } = _ref;
+const FluidDropdownSkeleton = ({
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix.usePrefix();
   const wrapperClasses = cx__default["default"](className, `${prefix}--list-box__wrapper--fluid`);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({

package/lib/components/FluidDropdown/FluidDropdown.js

@@ -24,12 +24,11 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const FluidDropdown = /*#__PURE__*/React__default["default"].forwardRef(function FluidDropdown(_ref, ref) {
-  let {
-    className,
-    isCondensed,
-    ...other
-  } = _ref;
+const FluidDropdown = /*#__PURE__*/React__default["default"].forwardRef(function FluidDropdown({
+  className,
+  isCondensed,
+  ...other
+}, ref) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--list-box__wrapper--fluid`, className, {
     [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed

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

@@ -1,11 +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 { ReactAttr } from '../../types/common';
-export type FluidFormProps = ReactAttr<HTMLFormElement>;
+import React, { type HTMLAttributes } from 'react';
+export type FluidFormProps = HTMLAttributes<HTMLFormElement>;
 declare const FluidForm: React.FC<FluidFormProps>;
 export default FluidForm;

package/lib/components/FluidForm/FluidForm.js

@@ -23,12 +23,11 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const FluidForm = _ref => {
-  let {
-    className,
-    children,
-    ...other
-  } = _ref;
+const FluidForm = ({
+  className,
+  children,
+  ...other
+}) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--form--fluid`, className);
   return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {