@carbon/react 1.24.0 → 1.25.0

package/lib/components/ComboBox/ComboBox.js

@@ -38,7 +38,9 @@ var Downshift__default = /*#__PURE__*/_interopDefaultLegacy(Downshift);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["ariaLabel", "className", "direction", "disabled", "downshiftProps", "helperText", "id", "initialSelectedItem", "invalid", "invalidText", "items", "itemToElement", "itemToString", "light", "onChange", "onInputChange", "onToggleClick", "placeholder", "readOnly", "selectedItem", "shouldFilterItem", "size", "titleText", "translateWithId", "type", "warn", "warnText", "onStateChange"];
+var _ComboBox$propTypes, _ComboBox$defaultProp;
+
+var _excluded = ["aria-label", "ariaLabel", "className", "direction", "disabled", "downshiftProps", "helperText", "id", "initialSelectedItem", "invalid", "invalidText", "items", "itemToElement", "itemToString", "light", "onChange", "onInputChange", "onToggleClick", "placeholder", "readOnly", "selectedItem", "shouldFilterItem", "size", "titleText", "translateWithId", "type", "warn", "warnText", "onStateChange"];
 
 var defaultItemToString = function defaultItemToString(item) {
   if (typeof item === 'string') {
@@ -95,7 +97,8 @@ var getInstanceId = setupGetInstanceId["default"]();
 var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
   var _cx, _ref4, _cx4, _Text;
 
-  var ariaLabel = props.ariaLabel,
+  var ariaLabel = props['aria-label'],
+      deprecatedAriaLabel = props.ariaLabel,
       containerClassName = props.className,
       direction = props.direction,
       disabled = props.disabled,
@@ -315,6 +318,14 @@ var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props
         if (match.match(event, keys.Enter) && !inputValue) {
           toggleMenu();
         }
+
+        if (match.match(event, keys.Escape) && inputValue) {
+          if (event.target === textInput.current && isOpen) {
+            toggleMenu();
+            event.preventDownshiftDefault = true;
+            event.persist();
+          }
+        }
       }
     });
 
@@ -377,7 +388,7 @@ var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props
       isOpen: isOpen,
       translateWithId: translateWithId
     }))), /*#__PURE__*/React__default["default"].createElement(index$1["default"].Menu, getMenuProps({
-      'aria-label': ariaLabel
+      'aria-label': deprecatedAriaLabel || ariaLabel
     }), isOpen ? filterItems(items, itemToString, inputValue).map(function (item, index) {
       var _getItemProps;
 
@@ -406,178 +417,14 @@ var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props
   });
 });
 ComboBox.displayName = 'ComboBox';
-ComboBox.propTypes = {
-  /**
-   * 'aria-label' of the ListBox component.
-   */
-  ariaLabel: PropTypes__default["default"].string,
-
-  /**
-   * An optional className to add to the container node
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify the direction of the combobox dropdown. Can be either top or bottom.
-   */
-  direction: PropTypes__default["default"].oneOf(['top', 'bottom']),
-
-  /**
-   * Specify if the control should be disabled, or not
-   */
-  disabled: PropTypes__default["default"].bool,
-
-  /**
-   * Additional props passed to Downshift
-   */
-  // @ts-ignore
-  downshiftProps: PropTypes__default["default"].shape(Downshift__default["default"].propTypes),
-
-  /**
-   * Provide helper text that is used alongside the control label for
-   * additional help
-   */
-  helperText: PropTypes__default["default"].string,
-
-  /**
-   * Specify a custom `id` for the input
-   */
-  id: PropTypes__default["default"].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__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
-
-  /**
-   * Specify if the currently selected value is invalid.
-   */
-  invalid: PropTypes__default["default"].bool,
-
-  /**
-   * Message which is displayed if the value is invalid.
-   */
-  invalidText: PropTypes__default["default"].node,
-
-  /**
-   * Optional function to render items as custom components instead of strings.
-   * Defaults to null and is overridden by a getter
-   */
-  itemToElement: PropTypes__default["default"].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__default["default"].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__default["default"].array.isRequired,
-
-  /**
-   * should use "light theme" (white background)?
-   */
-  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `Combobox` 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 when a specific dropdown item is selected.
-   * `({ selectedItem }) => void`
-   * @param {{ selectedItem }}
-   */
-  onChange: PropTypes__default["default"].func.isRequired,
-
-  /**
-   * Callback function to notify consumer when the text input changes.
-   * This provides support to change available items based on the text.
-   * `(inputText) => void`
-   * @param {string} inputText
-   */
-  onInputChange: PropTypes__default["default"].func,
-
-  /**
-   * Helper function passed to Downshift that allows the user to observe internal
-   * state changes
-   * `(changes, stateAndHelpers) => void`
-   */
-  onStateChange: PropTypes__default["default"].func,
-
-  /**
-   * Callback function that fires when the combobox menu toggle is clicked
-   * `(evt) => void`
-   * @param {MouseEvent} event
-   */
-  onToggleClick: PropTypes__default["default"].func,
-
-  /**
-   * Used to provide a placeholder text node before a user enters any input.
-   * This is only present if the control has no items selected
-   */
-  placeholder: PropTypes__default["default"].string,
-
-  /**
-   * Is the ComboBox readonly?
-   */
-  readOnly: PropTypes__default["default"].bool,
-
-  /**
-   * For full control of the selection
-   */
-  selectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
-
-  /**
-   * Specify your own filtering logic by passing in a `shouldFilterItem`
-   * function that takes in the current input and an item and passes back
-   * whether or not the item should be filtered.
-   */
-  shouldFilterItem: PropTypes__default["default"].func,
-
-  /**
-   * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
-   */
-  size: ListBoxPropTypes.ListBoxSize,
-
-  /**
-   * Provide text to be used in a `<label>` element that is tied to the
-   * combobox via ARIA attributes.
-   */
-  titleText: PropTypes__default["default"].node,
-
-  /**
-   * Specify a custom translation function that takes in a message identifier
-   * and returns the localized string for the message
-   */
-  translateWithId: PropTypes__default["default"].func,
-
-  /**
-   * Currently supports either the default type, or an inline variant
-   */
-  type: ListBoxPropTypes.ListBoxType,
-
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes__default["default"].bool,
-
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes__default["default"].node
-};
-ComboBox.defaultProps = {
+ComboBox.propTypes = (_ComboBox$propTypes = {}, _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, 'aria-label', PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "ariaLabel", deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.')), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "direction", PropTypes__default["default"].oneOf(['top', 'bottom'])), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "disabled", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "downshiftProps", PropTypes__default["default"].shape(Downshift__default["default"].propTypes)), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "helperText", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "id", PropTypes__default["default"].string.isRequired), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "initialSelectedItem", PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number])), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "invalid", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "invalidText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "itemToElement", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "itemToString", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "items", PropTypes__default["default"].array.isRequired), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "light", deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `Combobox` has ' + 'been deprecated in favor of the new `Layer` component. It will be removed in the next major release.')), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "onChange", PropTypes__default["default"].func.isRequired), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "onInputChange", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "onStateChange", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "onToggleClick", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "placeholder", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "readOnly", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "selectedItem", PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number])), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "shouldFilterItem", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "size", ListBoxPropTypes.ListBoxSize), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "titleText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "translateWithId", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "type", ListBoxPropTypes.ListBoxType), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "warn", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ComboBox$propTypes, "warnText", PropTypes__default["default"].node), _ComboBox$propTypes);
+ComboBox.defaultProps = (_ComboBox$defaultProp = {
   disabled: false,
   itemToString: defaultItemToString,
   itemToElement: null,
   shouldFilterItem: defaultShouldFilterItem,
-  type: 'default',
-  ariaLabel: 'Choose an item',
-  direction: 'bottom'
-};
+  type: 'default'
+}, _rollupPluginBabelHelpers.defineProperty(_ComboBox$defaultProp, 'aria-label', 'Choose an item'), _rollupPluginBabelHelpers.defineProperty(_ComboBox$defaultProp, "direction", 'bottom'), _ComboBox$defaultProp);
 var ComboBox$1 = ComboBox;
 
 exports["default"] = ComboBox$1;

package/lib/components/ComboButton/index.js

@@ -0,0 +1,174 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var cx = require('classnames');
+var iconsReact = require('@carbon/icons-react');
+var Button = require('../Button/Button.js');
+var index = require('../IconButton/index.js');
+var Menu = require('../Menu/Menu.js');
+var useAttachedMenu = require('../../internal/useAttachedMenu.js');
+var useId = require('../../internal/useId.js');
+var useMergedRefs = require('../../internal/useMergedRefs.js');
+var usePrefix = require('../../internal/usePrefix.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var _ChevronDown;
+
+var _excluded = ["children", "className", "disabled", "label", "onClick", "size", "tooltipAlign", "translateWithId"];
+var spacing = 4; // top and bottom spacing between the button and the menu. in px
+
+var defaultTranslations = {
+  'carbon.combo-button.additional-actions': 'Additional actions'
+};
+
+function defaultTranslateWithId(messageId) {
+  return defaultTranslations[messageId];
+}
+
+var ComboButton = /*#__PURE__*/React__default["default"].forwardRef(function ComboButton(_ref, forwardRef) {
+  var children = _ref.children,
+      className = _ref.className,
+      disabled = _ref.disabled,
+      label = _ref.label,
+      onClick = _ref.onClick,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'lg' : _ref$size,
+      tooltipAlign = _ref.tooltipAlign,
+      _ref$translateWithId = _ref.translateWithId,
+      t = _ref$translateWithId === void 0 ? defaultTranslateWithId : _ref$translateWithId,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var id = useId.useId('combobutton');
+  var prefix = usePrefix.usePrefix();
+  var containerRef = React.useRef(null);
+  var menuRef = React.useRef(null);
+  var ref = useMergedRefs.useMergedRefs([forwardRef, containerRef]);
+
+  var _useState = React.useState(0),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      width = _useState2[0],
+      setWidth = _useState2[1];
+
+  var _useAttachedMenu = useAttachedMenu.useAttachedMenu(containerRef),
+      open = _useAttachedMenu.open,
+      x = _useAttachedMenu.x,
+      y = _useAttachedMenu.y,
+      hookOnClick = _useAttachedMenu.handleClick,
+      handleTriggerMousedown = _useAttachedMenu.handleMousedown,
+      handleClose = _useAttachedMenu.handleClose;
+
+  function handleTriggerClick() {
+    if (containerRef.current) {
+      var _containerRef$current = containerRef.current.getBoundingClientRect(),
+          w = _containerRef$current.width;
+
+      setWidth(w);
+      hookOnClick();
+    }
+  }
+
+  function handlePrimaryActionClick(e) {
+    if (onClick) {
+      onClick(e);
+    }
+  }
+
+  function handleOpen() {
+    menuRef.current.style.width = "".concat(width, "px");
+  }
+
+  var containerClasses = cx__default["default"]("".concat(prefix, "--combo-button__container"), "".concat(prefix, "--combo-button__container--").concat(size), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--combo-button__container--open"), open), className);
+  var primaryActionClasses = cx__default["default"]("".concat(prefix, "--combo-button__primary-action"));
+  var triggerClasses = cx__default["default"]("".concat(prefix, "--combo-button__trigger"));
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: containerClasses,
+    ref: ref
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: primaryActionClasses
+  }, /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+    size: size,
+    disabled: disabled,
+    onClick: handlePrimaryActionClick
+  }, label)), /*#__PURE__*/React__default["default"].createElement(index.IconButton, {
+    className: triggerClasses,
+    label: t('carbon.combo-button.additional-actions'),
+    size: size,
+    disabled: disabled,
+    align: tooltipAlign,
+    "aria-haspopup": true,
+    "aria-expanded": open,
+    onClick: handleTriggerClick,
+    onMouseDown: handleTriggerMousedown,
+    "aria-owns": open ? id : null
+  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, null))), /*#__PURE__*/React__default["default"].createElement(Menu.Menu, {
+    ref: menuRef,
+    id: id,
+    label: t('carbon.combo-button.additional-actions'),
+    size: size,
+    open: open,
+    onClose: handleClose,
+    onOpen: handleOpen,
+    x: x,
+    y: [y[0] - spacing, y[1] + spacing]
+  }, children));
+});
+ComboButton.propTypes = {
+  /**
+   * A collection of MenuItems to be rendered as additional actions for this ComboButton.
+   */
+  children: PropTypes__default["default"].node.isRequired,
+
+  /**
+   * Additional CSS class names.
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether the ComboButton should be disabled, or not.
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Provide the label to be renderd on the primary action button.
+   */
+  label: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Provide an optional function to be called when the primary action element is clicked.
+   */
+  onClick: PropTypes__default["default"].func,
+
+  /**
+   * Specify the size of the buttons and menu.
+   */
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+
+  /**
+   * Specify how the trigger tooltip should be aligned.
+   */
+  tooltipAlign: PropTypes__default["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
+
+  /**
+   * Optional method that takes in a message id and returns an
+   * internationalized string.
+   */
+  translateWithId: PropTypes__default["default"].func
+};
+
+exports.ComboButton = ComboButton;

package/lib/components/ComposedModal/ComposedModal.js

@@ -206,8 +206,7 @@ var ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function C
     onBlur: handleBlur,
     onMouseDown: handleMousedown,
     onKeyDown: handleKeyDown,
-    className: modalClass,
-    tabIndex: "-1"
+    className: modalClass
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: containerClass,
     role: "dialog",

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

@@ -0,0 +1,19 @@
+/**
+ * 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 TableToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pass in the children that will be rendered inside the TableToolbar
+     */
+    children: React.ReactNode;
+    /**
+     * `lg` Change the row height of table
+     */
+    size?: 'sm' | 'lg';
+}
+declare const TableToolbar: React.FC<TableToolbarProps>;
+export default TableToolbar;

package/lib/components/DataTable/TableToolbar.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -0,0 +1,21 @@
+/**
+ * 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';
+import { ForwardRefReturn } from '../../types/common';
+export interface TableToolbarActionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    /**
+     * Pass in the children that will be rendered inside the TableToolbarAction
+     */
+    children?: React.ReactNode;
+    /**
+     * onClick handler for the TableToolbarAction
+     */
+    onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
+}
+export type TableToolbarActionComponent = ForwardRefReturn<HTMLDivElement, TableToolbarActionProps>;
+declare const TableToolbarAction: TableToolbarActionComponent;
+export default TableToolbarAction;

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

@@ -0,0 +1,21 @@
+/**
+ * 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.
+ */
+declare const TableToolbarContent: {
+    ({ className: baseClassName, ...other }: {
+        [x: string]: any;
+        className: any;
+    }): import("react").CElement<{
+        className: string | undefined;
+    }, import("react").Component<{
+        className: string | undefined;
+    }, any, any>>;
+    displayName: any;
+    propTypes: {
+        className: import("prop-types").Requireable<string>;
+    };
+};
+export default TableToolbarContent;

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

@@ -10,12 +10,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var iconsReact = require('@carbon/icons-react');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var index = require('../OverflowMenu/index.js');
-var iconsReact = require('@carbon/icons-react');
 var usePrefix = require('../../internal/usePrefix.js');
+var index = require('../OverflowMenu/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -35,7 +35,7 @@ var TableToolbarMenu = function TableToolbarMenu(_ref) {
   var prefix = usePrefix.usePrefix();
   var toolbarActionClasses = cx__default["default"](className, "".concat(prefix, "--toolbar-action ").concat(prefix, "--overflow-menu"));
   return /*#__PURE__*/React__default["default"].createElement(index["default"], _rollupPluginBabelHelpers["extends"]({
-    ariaLabel: iconDescription,
+    "aria-label": iconDescription,
     renderIcon: renderIcon,
     className: toolbarActionClasses,
     title: iconDescription,

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

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

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