@carbon/react 1.24.0 → 1.25.0

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

@@ -0,0 +1,24 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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';
+export interface TableToolbarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /**
+     * Provide an optional class name for the toolbar menu
+     */
+    className?: string;
+    /**
+     * The description of the menu icon.
+     */
+    iconDescription: string;
+    /**
+     * Optional prop to allow overriding the default menu icon
+     */
+    renderIcon?: React.ReactNode;
+}
+declare const TableToolbarMenu: React.FC<TableToolbarMenuProps>;
+export default TableToolbarMenu;

package/es/components/DataTable/TableToolbarMenu.js

@@ -6,12 +6,12 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { Settings } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
-import OverflowMenu from '../OverflowMenu/index.js';
-import { Settings } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
+import OverflowMenu from '../OverflowMenu/index.js';
 
 var _excluded = ["className", "renderIcon", "iconDescription", "children"];
 
@@ -25,7 +25,7 @@ var TableToolbarMenu = function TableToolbarMenu(_ref) {
   var prefix = usePrefix();
   var toolbarActionClasses = cx(className, "".concat(prefix, "--toolbar-action ").concat(prefix, "--overflow-menu"));
   return /*#__PURE__*/React__default.createElement(OverflowMenu, _extends({
-    ariaLabel: iconDescription,
+    "aria-label": iconDescription,
     renderIcon: renderIcon,
     className: toolbarActionClasses,
     title: iconDescription,

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

@@ -102,7 +102,8 @@ var sortRows = function sortRows(_ref) {
       sortDirection: sortDirection,
       locale: locale,
       sortStates: sortStates,
-      compare: compare
+      compare: compare,
+      rowIds: [a, b]
     });
   });
 };

package/es/components/DataTableSkeleton/DataTableSkeleton.d.ts

@@ -0,0 +1,107 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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';
+export interface DataTableSkeletonProps {
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * Specify the number of columns that you want to render in the skeleton state
+     */
+    columnCount: number;
+    /**
+     * Optionally specify whether you want the Skeleton to be rendered as a
+     * compact DataTable
+     */
+    compact: boolean;
+    /**
+     * Optionally specify the displayed headers
+     */
+    headers?: [{
+        header: string;
+        key: string;
+    }] | {
+        header: string;
+        key: string;
+    };
+    /**
+     * Specify the number of rows that you want to render in the skeleton state
+     */
+    rowCount: number;
+    /**
+     * Specify if the table header should be rendered as part of the skeleton.
+     */
+    showHeader: boolean;
+    /**
+     * Specify if the table toolbar should be rendered as part of the skeleton.
+     */
+    showToolbar: boolean;
+    /**
+     * Optionally specify whether you want the DataTable to be zebra striped
+     */
+    zebra: boolean;
+}
+declare const DataTableSkeleton: {
+    ({ headers, rowCount, columnCount, zebra, compact, className, showHeader, showToolbar, ...rest }: {
+        [x: string]: any;
+        headers: any;
+        rowCount: any;
+        columnCount: any;
+        zebra: any;
+        compact: any;
+        className: any;
+        showHeader: any;
+        showToolbar: any;
+    }): 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<any[] | PropTypes.InferProps<{
+            key: PropTypes.Requireable<string>;
+        }> | null | undefined>>;
+        /**
+         * 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>;
+        /**
+         * Optionally specify whether you want the DataTable to be zebra striped
+         */
+        zebra: PropTypes.Requireable<boolean>;
+    };
+    defaultProps: {
+        rowCount: number;
+        columnCount: number;
+        zebra: boolean;
+        compact: boolean;
+        showHeader: boolean;
+        showToolbar: boolean;
+    };
+};
+export default DataTableSkeleton;

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

@@ -14,8 +14,14 @@ export interface OnChangeData<ItemType> {
 }
 export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes> {
     /**
+     * Specify a label to be read by screen readers on the container node
      * 'aria-label' of the ListBox component.
      */
+    ['aria-label']?: string;
+    /**
+     * @deprecated please use `aria-label` instead.
+     * Specify a label to be read by screen readers on the container note.
+     */
     ariaLabel?: string;
     /**
      * Specify the direction of the dropdown. Can be either top or bottom.

package/es/components/Dropdown/Dropdown.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { typeof as _typeof, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { defineProperty as _defineProperty, typeof as _typeof, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useContext, useState, useRef } from 'react';
 import { useSelect } from 'downshift';
 import cx from 'classnames';
@@ -20,7 +20,9 @@ import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { ListBoxSize, ListBoxType } from '../ListBox/ListBoxPropTypes.js';
 
-var _excluded = ["className", "disabled", "direction", "items", "label", "ariaLabel", "itemToString", "itemToElement", "renderSelectedItem", "type", "size", "onChange", "id", "titleText", "hideLabel", "helperText", "translateWithId", "light", "invalid", "invalidText", "warn", "warnText", "initialSelectedItem", "selectedItem", "downshiftProps", "readOnly"];
+var _Dropdown$propTypes;
+
+var _excluded = ["className", "disabled", "direction", "items", "label", "aria-label", "ariaLabel", "itemToString", "itemToElement", "renderSelectedItem", "type", "size", "onChange", "id", "titleText", "hideLabel", "helperText", "translateWithId", "light", "invalid", "invalidText", "warn", "warnText", "initialSelectedItem", "selectedItem", "downshiftProps", "readOnly"];
 
 var defaultItemToString = function defaultItemToString(item) {
   if (typeof item === 'string') {
@@ -46,7 +48,8 @@ var Dropdown = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       direction = _ref.direction,
       items = _ref.items,
       label = _ref.label,
-      ariaLabel = _ref.ariaLabel,
+      ariaLabel = _ref['aria-label'],
+      deprecatedAriaLabel = _ref.ariaLabel,
       _ref$itemToString = _ref.itemToString,
       itemToString = _ref$itemToString === void 0 ? defaultItemToString : _ref$itemToString,
       itemToElement = _ref.itemToElement,
@@ -161,7 +164,7 @@ var Dropdown = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, getLabelProps()), titleText), /*#__PURE__*/React__default.createElement(ListBox, {
     onFocus: handleFocus,
     onBlur: handleFocus,
-    "aria-label": ariaLabel,
+    "aria-label": deprecatedAriaLabel || ariaLabel,
     size: size,
     className: className,
     invalid: invalid,
@@ -214,147 +217,7 @@ var Dropdown = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }))), !inline && !invalid && !warn && helper);
 });
 Dropdown.displayName = 'Dropdown';
-Dropdown.propTypes = {
-  /**
-   * 'aria-label' of the ListBox component.
-   */
-  ariaLabel: PropTypes.string,
-
-  /**
-   * Provide a custom className to be applied on the bx--dropdown node
-   */
-  className: PropTypes.string,
-
-  /**
-   * Specify the direction of the dropdown. Can be either top or bottom.
-   */
-  direction: PropTypes.oneOf(['top', 'bottom']),
-
-  /**
-   * Disable the control
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Additional props passed to Downshift
-   */
-  downshiftProps: PropTypes.object,
-
-  /**
-   * Provide helper text that is used alongside the control label for
-   * additional help
-   */
-  helperText: PropTypes.node,
-
-  /**
-   * Specify whether the title text should be hidden or not
-   */
-  hideLabel: PropTypes.bool,
-
-  /**
-   * Specify a custom `id`
-   */
-  id: PropTypes.string.isRequired,
-
-  /**
-   * Allow users to pass in an arbitrary item or a string (in case their items are an array of strings)
-   * from their collection that are pre-selected
-   */
-  initialSelectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
-
-  /**
-   * Specify if the currently selected value is invalid.
-   */
-  invalid: PropTypes.bool,
-
-  /**
-   * Message which is displayed if the value is invalid.
-   */
-  invalidText: PropTypes.node,
-
-  /**
-   * Function to render items as custom components instead of strings.
-   * Defaults to null and is overridden by a getter
-   */
-  itemToElement: PropTypes.func,
-
-  /**
-   * 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
-   * from a given item to serve as the item label in the list.
-   */
-  itemToString: PropTypes.func,
-
-  /**
-   * We try to stay as generic as possible here to allow individuals to pass
-   * in a collection of whatever kind of data structure they prefer
-   */
-  items: PropTypes.array.isRequired,
-
-  /**
-   * Generic `label` that will be used as the textual representation of what
-   * this field is for
-   */
-  label: PropTypes.node.isRequired,
-
-  /**
-   * `true` to use the light version.
-   */
-  light: deprecate(PropTypes.bool, 'The `light` prop for `Dropdown` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.'),
-
-  /**
-   * `onChange` is a utility for this controlled component to communicate to a
-   * consuming component what kind of internal state changes are occurring.
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Whether or not the Dropdown is readonly
-   */
-  readOnly: PropTypes.bool,
-
-  /**
-   * An optional callback to render the currently selected item as a react element instead of only
-   * as a string.
-   */
-  renderSelectedItem: PropTypes.func,
-
-  /**
-   * In the case you want to control the dropdown selection entirely.
-   */
-  selectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
-
-  /**
-   * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
-   */
-  size: ListBoxSize,
-
-  /**
-   * Provide the title text that will be read by a screen reader when
-   * visiting this control
-   */
-  titleText: PropTypes.node.isRequired,
-
-  /**
-   * Callback function for translating ListBoxMenuIcon SVG title
-   */
-  translateWithId: PropTypes.func,
-
-  /**
-   * The dropdown type, `default` or `inline`
-   */
-  type: ListBoxType,
-
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node
-};
+Dropdown.propTypes = (_Dropdown$propTypes = {}, _defineProperty(_Dropdown$propTypes, 'aria-label', PropTypes.string), _defineProperty(_Dropdown$propTypes, "ariaLabel", deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.')), _defineProperty(_Dropdown$propTypes, "className", PropTypes.string), _defineProperty(_Dropdown$propTypes, "direction", PropTypes.oneOf(['top', 'bottom'])), _defineProperty(_Dropdown$propTypes, "disabled", PropTypes.bool), _defineProperty(_Dropdown$propTypes, "downshiftProps", PropTypes.object), _defineProperty(_Dropdown$propTypes, "helperText", PropTypes.node), _defineProperty(_Dropdown$propTypes, "hideLabel", PropTypes.bool), _defineProperty(_Dropdown$propTypes, "id", PropTypes.string.isRequired), _defineProperty(_Dropdown$propTypes, "initialSelectedItem", PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number])), _defineProperty(_Dropdown$propTypes, "invalid", PropTypes.bool), _defineProperty(_Dropdown$propTypes, "invalidText", PropTypes.node), _defineProperty(_Dropdown$propTypes, "itemToElement", PropTypes.func), _defineProperty(_Dropdown$propTypes, "itemToString", PropTypes.func), _defineProperty(_Dropdown$propTypes, "items", PropTypes.array.isRequired), _defineProperty(_Dropdown$propTypes, "label", PropTypes.node.isRequired), _defineProperty(_Dropdown$propTypes, "light", deprecate(PropTypes.bool, 'The `light` prop for `Dropdown` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.')), _defineProperty(_Dropdown$propTypes, "onChange", PropTypes.func), _defineProperty(_Dropdown$propTypes, "readOnly", PropTypes.bool), _defineProperty(_Dropdown$propTypes, "renderSelectedItem", PropTypes.func), _defineProperty(_Dropdown$propTypes, "selectedItem", PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number])), _defineProperty(_Dropdown$propTypes, "size", ListBoxSize), _defineProperty(_Dropdown$propTypes, "titleText", PropTypes.node.isRequired), _defineProperty(_Dropdown$propTypes, "translateWithId", PropTypes.func), _defineProperty(_Dropdown$propTypes, "type", ListBoxType), _defineProperty(_Dropdown$propTypes, "warn", PropTypes.bool), _defineProperty(_Dropdown$propTypes, "warnText", PropTypes.node), _Dropdown$propTypes);
 Dropdown.defaultProps = {
   disabled: false,
   type: 'default',

package/es/components/FileUploader/FileUploader.js

@@ -158,8 +158,8 @@ var FileUploader = /*#__PURE__*/function (_React$Component) {
         }, name), /*#__PURE__*/React__default.createElement("span", {
           className: "".concat(prefix, "--file__state-container")
         }, /*#__PURE__*/React__default.createElement(Filename, {
+          name: name,
           iconDescription: iconDescription,
-          "aria-describedby": name,
           status: filenameStatus,
           onKeyDown: function onKeyDown(evt) {
             if (matches(evt, [Enter, Space])) {

package/es/components/FileUploader/FileUploaderDropContainer.js

@@ -11,13 +11,15 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import uniqueId from '../../tools/uniqueId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { composeEventHandlers } from '../../tools/events.js';
+import deprecate from '../../prop-types/deprecate.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 
-var _excluded = ["accept", "className", "id", "disabled", "labelText", "multiple", "name", "onAddFiles", "pattern", "role", "tabIndex", "innerRef"];
+var _excluded = ["accept", "className", "id", "disabled", "labelText", "multiple", "name", "onAddFiles", "onClick", "pattern", "innerRef"];
 
 function FileUploaderDropContainer(_ref) {
-  var _classNames2;
+  var _classNames;
 
   var accept = _ref.accept,
       className = _ref.className,
@@ -27,9 +29,8 @@ function FileUploaderDropContainer(_ref) {
       multiple = _ref.multiple,
       name = _ref.name,
       onAddFiles = _ref.onAddFiles,
+      onClick = _ref.onClick,
       pattern = _ref.pattern,
-      role = _ref.role,
-      tabIndex = _ref.tabIndex,
       innerRef = _ref.innerRef,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -44,8 +45,7 @@ function FileUploaderDropContainer(_ref) {
       isActive = _useState2[0],
       setActive = _useState2[1];
 
-  var labelClasses = cx("".concat(prefix, "--file-browse-btn"), _defineProperty({}, "".concat(prefix, "--file-browse-btn--disabled"), disabled));
-  var dropareaClasses = cx("".concat(prefix, "--file__drop-container"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "--file__drop-container--drag-over"), isActive), _defineProperty(_classNames2, className, className), _classNames2));
+  var dropareaClasses = cx("".concat(prefix, "--file__drop-container"), "".concat(prefix, "--file-browse-btn"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--file__drop-container--drag-over"), isActive), _defineProperty(_classNames, "".concat(prefix, "--file-browse-btn--disabled"), disabled), _defineProperty(_classNames, className, className), _classNames));
   /**
    * Filters the array of added files based on file type restrictions
    * @param {Event} event - Event object, used to get the list of files added
@@ -90,6 +90,12 @@ function FileUploaderDropContainer(_ref) {
     });
   }
 
+  var handleClick = function handleClick() {
+    if (!disabled) {
+      inputRef.current.click();
+    }
+  };
+
   return /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--file"),
     onDragOver: function onDragOver(evt) {
@@ -125,20 +131,21 @@ function FileUploaderDropContainer(_ref) {
       setActive(false);
       handleChange(evt);
     }
-  }, /*#__PURE__*/React__default.createElement("label", _extends({
+  }, /*#__PURE__*/React__default.createElement("button", _extends({
+    type: "button",
+    className: dropareaClasses,
     ref: innerRef,
-    className: labelClasses,
-    htmlFor: uid,
-    tabIndex: tabIndex || 0,
     onKeyDown: function onKeyDown(evt) {
       if (matches(evt, [Enter, Space])) {
+        evt.preventDefault();
         inputRef.current.click();
       }
-    }
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
-    className: dropareaClasses,
-    role: role || 'button'
-  }, labelText)), /*#__PURE__*/React__default.createElement("input", {
+    },
+    onClick: composeEventHandlers([onClick, handleClick])
+  }, rest), labelText), /*#__PURE__*/React__default.createElement("label", {
+    htmlFor: uid,
+    className: "".concat(prefix, "--visually-hidden")
+  }, labelText), /*#__PURE__*/React__default.createElement("input", {
     type: "file",
     id: uid,
     className: "".concat(prefix, "--file-input"),
@@ -198,6 +205,12 @@ FileUploaderDropContainer.propTypes = {
    */
   onAddFiles: PropTypes.func,
 
+  /**
+   * Provide an optional function to be called when the button element
+   * is clicked
+   */
+  onClick: PropTypes.func,
+
   /**
    * Provide a custom regex pattern for the acceptedTypes
    */
@@ -206,15 +219,14 @@ FileUploaderDropContainer.propTypes = {
   /**
    * Provide an accessibility role for the `<FileUploaderButton>`
    */
-  role: PropTypes.string,
+  role: deprecate(PropTypes.number, 'The `role` prop for `FileUploaderButton` has ' + 'been deprecated since it now renders a button element by default, and has an implicit role of button.'),
 
   /**
    * Provide a custom tabIndex value for the `<FileUploaderButton>`
    */
-  tabIndex: PropTypes.number
+  tabIndex: deprecate(PropTypes.number, 'The `tabIndex` prop for `FileUploaderButton` has ' + 'been deprecated since it now renders a button element by default.')
 };
 FileUploaderDropContainer.defaultProps = {
-  tabIndex: 0,
   labelText: 'Add file',
   multiple: false,
   onAddFiles: function onAddFiles() {},

package/es/components/FileUploader/FileUploaderItem.js

@@ -47,13 +47,14 @@ function FileUploaderItem(_ref) {
   }, name), /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(prefix, "--file__state-container")
   }, /*#__PURE__*/React__default.createElement(Filename, {
+    name: name,
     iconDescription: iconDescription,
-    "aria-describedby": name,
     status: status,
     invalid: invalid,
     onKeyDown: function onKeyDown(evt) {
       if (matches(evt, [Enter, Space])) {
         if (status === 'edit') {
+          evt.preventDefault();
           onDelete(evt, {
             uuid: id
           });

package/es/components/FileUploader/Filename.js

@@ -14,12 +14,13 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _Close;
 
-var _excluded = ["iconDescription", "status", "invalid"];
+var _excluded = ["iconDescription", "status", "invalid", "name"];
 
 function Filename(_ref) {
   var iconDescription = _ref.iconDescription,
       status = _ref.status,
       invalid = _ref.invalid,
+      name = _ref.name,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
@@ -36,7 +37,7 @@ function Filename(_ref) {
       return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, invalid && /*#__PURE__*/React__default.createElement(WarningFilled, {
         className: "".concat(prefix, "--file-invalid")
       }), /*#__PURE__*/React__default.createElement("button", _extends({
-        "aria-label": iconDescription,
+        "aria-label": "".concat(iconDescription, " - ").concat(name),
         className: "".concat(prefix, "--file-close"),
         type: "button"
       }, rest), _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
@@ -65,6 +66,11 @@ Filename.propTypes = {
    */
   invalid: PropTypes.bool,
 
+  /**
+   * Name of the uploaded file
+   */
+  name: PropTypes.string,
+
   /**
    * Status of the file upload
    */

package/es/components/FluidTextArea/FluidTextArea.js

@@ -10,6 +10,7 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import TextArea from '../TextArea/TextArea.js';
+import '../TextArea/TextArea.Skeleton.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
@@ -125,7 +126,17 @@ FluidTextArea.propTypes = {
   /**
    * Provide the current value of the `<textarea>`
    */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+
+  /**
+   * Specify whether the control is currently in warning state
+   */
+  warn: PropTypes.bool,
+
+  /**
+   * Provide the text that is displayed when the control is in warning state
+   */
+  warnText: PropTypes.node
 };
 
 export { FluidTextArea as default };

package/es/components/IconButton/index.js

@@ -9,6 +9,7 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import Button from '../Button/Button.js';
+import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import cx from 'classnames';

package/es/components/ListBox/ListBoxSelection.js

@@ -11,8 +11,6 @@ import React__default from 'react';
 import PropTypes from 'prop-types';
 import { Close } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Enter } from '../../internal/keyboard/keys.js';
 
 var _Close, _Close2, _defaultTranslations;
 
@@ -47,25 +45,10 @@ var ListBoxSelection = function ListBoxSelection(_ref) {
     }
   };
 
-  var handleOnKeyDown = function handleOnKeyDown(event) {
-    event.stopPropagation();
-
-    if (disabled || readOnly) {
-      return;
-    } // When a user hits ENTER, we'll clear the selection
-
-
-    if (match(event.code, Enter)) {
-      clearSelection(event);
-
-      if (onClearSelection) {
-        onClearSelection(event);
-      }
-    }
-  };
-
   var description = selectionCount ? t('clear.all') : t('clear.selection');
   var tagClasses = cx("".concat(prefix, "--tag"), "".concat(prefix, "--tag--filter"), "".concat(prefix, "--tag--high-contrast"), _defineProperty({}, "".concat(prefix, "--tag--disabled"), disabled));
+  /* eslint-disable jsx-a11y/click-events-have-key-events */
+
   return selectionCount ? /*#__PURE__*/React__default.createElement("div", {
     className: tagClasses
   }, /*#__PURE__*/React__default.createElement("span", {
@@ -73,19 +56,17 @@ var ListBoxSelection = function ListBoxSelection(_ref) {
     title: "".concat(selectionCount)
   }, selectionCount), /*#__PURE__*/React__default.createElement("div", {
     role: "button",
-    tabIndex: disabled ? -1 : 0,
+    tabIndex: -1,
     className: "".concat(prefix, "--tag__close-icon"),
     onClick: handleOnClick,
-    onKeyDown: handleOnKeyDown,
     "aria-label": t('clear.all'),
     title: description,
     "aria-disabled": readOnly ? true : undefined
   }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null)))) : /*#__PURE__*/React__default.createElement("div", {
     role: "button",
     className: className,
-    tabIndex: disabled ? -1 : 0,
+    tabIndex: -1,
     onClick: handleOnClick,
-    onKeyDown: handleOnKeyDown,
     "aria-label": description,
     title: description
   }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React__default.createElement(Close, null)));