carbon-react 144.17.1 → 144.19.0

package/esm/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.d.ts

@@ -4,6 +4,8 @@ import { IconType } from "../../icon";
 export declare type ActionPopoverMenuButtonAria = {
     "aria-haspopup": string;
     "aria-label": string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
     "aria-controls": string;
     "aria-expanded": string;
 };
@@ -26,7 +28,7 @@ export interface ActionPopoverMenuButtonProps {
     tabIndex: number;
 }
 export declare const ActionPopoverMenuButton: {
-    ({ buttonType, iconType, iconPosition, size, children, ...props }: ActionPopoverMenuButtonProps): React.JSX.Element;
+    ({ buttonType, iconType, iconPosition, size, children, ariaAttributes, ...props }: ActionPopoverMenuButtonProps): React.JSX.Element;
     displayName: string;
 };
 export default ActionPopoverMenuButton;

package/esm/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js

@@ -9,12 +9,13 @@ export const ActionPopoverMenuButton = ({
   iconPosition,
   size,
   children,
+  ariaAttributes,
   ...props
 }) => /*#__PURE__*/React.createElement(MenuButtonOverrideWrapper, null, /*#__PURE__*/React.createElement(Button, _extends({
   buttonType: buttonType,
   iconType: iconType,
   iconPosition: iconPosition,
   size: size
-}, props), children));
+}, ariaAttributes, props), children));
 ActionPopoverMenuButton.displayName = "ActionPopoverMenuButton";
 export default ActionPopoverMenuButton;

package/esm/components/action-popover/action-popover.component.d.ts

@@ -7,6 +7,8 @@ export interface RenderButtonProps {
     ariaAttributes: {
         "aria-haspopup": string;
         "aria-label": string;
+        "aria-labelledby"?: string;
+        "aria-describedby"?: string;
         "aria-controls": string;
         "aria-expanded": string;
     };
@@ -32,6 +34,10 @@ export interface ActionPopoverProps extends MarginProps {
     rightAlignMenu?: boolean;
     /** Prop to specify an aria-label for the component */
     "aria-label"?: string;
+    /** Prop to specify an aria-labelledby for the component */
+    "aria-labelledby"?: string;
+    /** Prop to specify an aria-describedby for the component */
+    "aria-describedby"?: string;
 }
-export declare const ActionPopover: ({ children, id, onOpen, onClose, rightAlignMenu, renderButton, placement, horizontalAlignment, submenuPosition, "aria-label": ariaLabel, ...rest }: ActionPopoverProps) => React.JSX.Element;
+export declare const ActionPopover: ({ children, id, onOpen, onClose, rightAlignMenu, renderButton, placement, horizontalAlignment, submenuPosition, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...rest }: ActionPopoverProps) => React.JSX.Element;
 export default ActionPopover;

package/esm/components/action-popover/action-popover.component.js

@@ -26,6 +26,8 @@ export const ActionPopover = ({
   horizontalAlignment = "left",
   submenuPosition = "left",
   "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
   ...rest
 }) => {
   const l = useLocale();
@@ -143,6 +145,8 @@ export const ActionPopover = ({
         ariaAttributes: {
           "aria-haspopup": "true",
           "aria-label": ariaLabel || l.actionPopover.ariaLabel(),
+          "aria-labelledby": ariaLabelledBy,
+          "aria-describedby": ariaDescribedBy,
           "aria-controls": menuID,
           "aria-expanded": `${isOpen}`
         }
@@ -152,6 +156,8 @@ export const ActionPopover = ({
       role: "button",
       "aria-haspopup": "true",
       "aria-label": ariaLabel || l.actionPopover.ariaLabel(),
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
       "aria-controls": menuID,
       "aria-expanded": isOpen,
       tabIndex: isOpen ? -1 : 0,

package/esm/components/select/multi-select/multi-select.component.d.ts

@@ -31,6 +31,8 @@ export interface MultiSelectProps extends Omit<FormInputPropTypes, "defaultValue
     onFilterChange?: (filterText: string) => void;
     /** A custom callback for when the dropdown menu opens */
     onOpen?: () => void;
+    /** A callback that is triggered when a user scrolls to the bottom of the list */
+    onListScrollBottom?: () => void;
     /** If true the Component opens on focus */
     openOnFocus?: boolean;
     /** SelectList table header, should consist of multiple th elements.

package/esm/components/select/multi-select/multi-select.component.js

@@ -40,6 +40,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
   noResultsMessage,
   placeholder,
   isLoading,
+  onListScrollBottom,
   tableHeader,
   multiColumn,
   tooltipPosition,
@@ -449,6 +450,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     highlightedValue: highlightedValue,
     noResultsMessage: noResultsMessage,
     isLoading: isLoading,
+    onListScrollBottom: onListScrollBottom,
     tableHeader: tableHeader,
     multiColumn: multiColumn,
     listPlacement: listWidth !== undefined ? placement : listPlacement,
@@ -912,6 +914,7 @@ if (process.env.NODE_ENV !== "production") {
     "onKeyPressCapture": PropTypes.func,
     "onKeyUp": PropTypes.func,
     "onKeyUpCapture": PropTypes.func,
+    "onListScrollBottom": PropTypes.func,
     "onLoad": PropTypes.func,
     "onLoadCapture": PropTypes.func,
     "onLoadedData": PropTypes.func,

package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.d.ts

@@ -4,6 +4,8 @@ import { IconType } from "../../icon";
 export declare type ActionPopoverMenuButtonAria = {
     "aria-haspopup": string;
     "aria-label": string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
     "aria-controls": string;
     "aria-expanded": string;
 };
@@ -26,7 +28,7 @@ export interface ActionPopoverMenuButtonProps {
     tabIndex: number;
 }
 export declare const ActionPopoverMenuButton: {
-    ({ buttonType, iconType, iconPosition, size, children, ...props }: ActionPopoverMenuButtonProps): React.JSX.Element;
+    ({ buttonType, iconType, iconPosition, size, children, ariaAttributes, ...props }: ActionPopoverMenuButtonProps): React.JSX.Element;
     displayName: string;
 };
 export default ActionPopoverMenuButton;

package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js

@@ -16,13 +16,14 @@ const ActionPopoverMenuButton = ({
   iconPosition,
   size,
   children,
+  ariaAttributes,
   ...props
 }) => /*#__PURE__*/_react.default.createElement(_actionPopover.MenuButtonOverrideWrapper, null, /*#__PURE__*/_react.default.createElement(_button.default, _extends({
   buttonType: buttonType,
   iconType: iconType,
   iconPosition: iconPosition,
   size: size
-}, props), children));
+}, ariaAttributes, props), children));
 exports.ActionPopoverMenuButton = ActionPopoverMenuButton;
 ActionPopoverMenuButton.displayName = "ActionPopoverMenuButton";
 var _default = exports.default = ActionPopoverMenuButton;

package/lib/components/action-popover/action-popover.component.d.ts

@@ -7,6 +7,8 @@ export interface RenderButtonProps {
     ariaAttributes: {
         "aria-haspopup": string;
         "aria-label": string;
+        "aria-labelledby"?: string;
+        "aria-describedby"?: string;
         "aria-controls": string;
         "aria-expanded": string;
     };
@@ -32,6 +34,10 @@ export interface ActionPopoverProps extends MarginProps {
     rightAlignMenu?: boolean;
     /** Prop to specify an aria-label for the component */
     "aria-label"?: string;
+    /** Prop to specify an aria-labelledby for the component */
+    "aria-labelledby"?: string;
+    /** Prop to specify an aria-describedby for the component */
+    "aria-describedby"?: string;
 }
-export declare const ActionPopover: ({ children, id, onOpen, onClose, rightAlignMenu, renderButton, placement, horizontalAlignment, submenuPosition, "aria-label": ariaLabel, ...rest }: ActionPopoverProps) => React.JSX.Element;
+export declare const ActionPopover: ({ children, id, onOpen, onClose, rightAlignMenu, renderButton, placement, horizontalAlignment, submenuPosition, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...rest }: ActionPopoverProps) => React.JSX.Element;
 export default ActionPopover;

package/lib/components/action-popover/action-popover.component.js

@@ -35,6 +35,8 @@ const ActionPopover = ({
   horizontalAlignment = "left",
   submenuPosition = "left",
   "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
   ...rest
 }) => {
   const l = (0, _useLocale.default)();
@@ -152,6 +154,8 @@ const ActionPopover = ({
         ariaAttributes: {
           "aria-haspopup": "true",
           "aria-label": ariaLabel || l.actionPopover.ariaLabel(),
+          "aria-labelledby": ariaLabelledBy,
+          "aria-describedby": ariaDescribedBy,
           "aria-controls": menuID,
           "aria-expanded": `${isOpen}`
         }
@@ -161,6 +165,8 @@ const ActionPopover = ({
       role: "button",
       "aria-haspopup": "true",
       "aria-label": ariaLabel || l.actionPopover.ariaLabel(),
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
       "aria-controls": menuID,
       "aria-expanded": isOpen,
       tabIndex: isOpen ? -1 : 0,

package/lib/components/select/multi-select/multi-select.component.d.ts

@@ -31,6 +31,8 @@ export interface MultiSelectProps extends Omit<FormInputPropTypes, "defaultValue
     onFilterChange?: (filterText: string) => void;
     /** A custom callback for when the dropdown menu opens */
     onOpen?: () => void;
+    /** A callback that is triggered when a user scrolls to the bottom of the list */
+    onListScrollBottom?: () => void;
     /** If true the Component opens on focus */
     openOnFocus?: boolean;
     /** SelectList table header, should consist of multiple th elements.

package/lib/components/select/multi-select/multi-select.component.js

@@ -49,6 +49,7 @@ const MultiSelect = exports.MultiSelect = /*#__PURE__*/_react.default.forwardRef
   noResultsMessage,
   placeholder,
   isLoading,
+  onListScrollBottom,
   tableHeader,
   multiColumn,
   tooltipPosition,
@@ -458,6 +459,7 @@ const MultiSelect = exports.MultiSelect = /*#__PURE__*/_react.default.forwardRef
     highlightedValue: highlightedValue,
     noResultsMessage: noResultsMessage,
     isLoading: isLoading,
+    onListScrollBottom: onListScrollBottom,
     tableHeader: tableHeader,
     multiColumn: multiColumn,
     listPlacement: listWidth !== undefined ? placement : listPlacement,
@@ -921,6 +923,7 @@ if (process.env.NODE_ENV !== "production") {
     "onKeyPressCapture": _propTypes.default.func,
     "onKeyUp": _propTypes.default.func,
     "onKeyUpCapture": _propTypes.default.func,
+    "onListScrollBottom": _propTypes.default.func,
     "onLoad": _propTypes.default.func,
     "onLoadCapture": _propTypes.default.func,
     "onLoadedData": _propTypes.default.func,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "144.17.1",
+  "version": "144.19.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",