@carbon/react 1.31.2 → 1.32.0-rc.0

package/lib/components/ComposedModal/ModalFooter.js

@@ -13,6 +13,7 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var PropTypes = require('prop-types');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 var ButtonSet = require('../ButtonSet/ButtonSet.js');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
@@ -97,11 +98,7 @@ const ModalFooter = /*#__PURE__*/React__default["default"].forwardRef(function M
     ...rest
   } = _ref3;
   const prefix = usePrefix.usePrefix();
-  const footerClass = cx__default["default"]({
-    [`${prefix}--modal-footer`]: true,
-    [customClassName]: customClassName,
-    [`${prefix}--modal-footer--three-button`]: Array.isArray(secondaryButtons) && secondaryButtons.length === 2
-  });
+  const footerClass = cx__default["default"](`${prefix}--modal-footer`, customClassName, Array.isArray(secondaryButtons) && secondaryButtons.length === 2 ? `${prefix}--modal-footer--three-button` : null);
   const secondaryButtonProps = {
     closeModal,
     secondaryButtons,
@@ -109,17 +106,21 @@ const ModalFooter = /*#__PURE__*/React__default["default"].forwardRef(function M
     secondaryClassName,
     onRequestClose
   };
-  return /*#__PURE__*/React__default["default"].createElement(ButtonSet["default"], _rollupPluginBabelHelpers["extends"]({
-    className: footerClass
-  }, rest, {
-    ref: ref
-  }), /*#__PURE__*/React__default["default"].createElement(SecondaryButtonSet, secondaryButtonProps), primaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
-    onClick: onRequestSubmit,
-    className: primaryClassName,
-    disabled: primaryButtonDisabled,
-    kind: danger ? 'danger' : 'primary',
-    ref: inputref
-  }, primaryButtonText), children);
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error: Invalid derived types, will be fine once explicit types are added
+    React__default["default"].createElement(ButtonSet["default"], _rollupPluginBabelHelpers["extends"]({
+      className: footerClass
+    }, rest, {
+      ref: ref
+    }), /*#__PURE__*/React__default["default"].createElement(SecondaryButtonSet, secondaryButtonProps), primaryButtonText && /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+      onClick: onRequestSubmit,
+      className: primaryClassName,
+      disabled: primaryButtonDisabled,
+      kind: danger ? 'danger' : 'primary',
+      ref: inputref
+    }, primaryButtonText), children)
+  );
 });
 ModalFooter.propTypes = {
   /**
@@ -142,6 +143,7 @@ ModalFooter.propTypes = {
   /**
    * The `ref` callback for the primary button.
    */
+  // @ts-expect-error: Invalid derived type
   inputref: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
     current: PropTypes__default["default"].any
   })]),
@@ -198,10 +200,11 @@ ModalFooter.propTypes = {
    */
   secondaryClassName: PropTypes__default["default"].string
 };
+const noop = () => {};
 ModalFooter.defaultProps = {
-  onRequestClose: () => {},
-  onRequestSubmit: () => {},
-  closeModal: () => {}
+  onRequestClose: noop,
+  onRequestSubmit: noop,
+  closeModal: noop
 };
 
 exports.ModalFooter = ModalFooter;

package/lib/components/ComposedModal/ModalHeader.d.ts

@@ -0,0 +1,58 @@
+/**
+ * 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, { type ReactNode, type MouseEvent, type HTMLAttributes } from 'react';
+type DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
+export interface ModalHeaderProps extends DivProps {
+    /**
+     * Provide an optional function to be called when the close button is
+     * clicked
+     */
+    buttonOnClick?(event: MouseEvent): void;
+    /**
+     * Specify the content to be placed in the ModalHeader
+     */
+    children?: ReactNode;
+    /**
+     * Specify an optional className to be applied to the modal header
+     */
+    className?: string;
+    /**
+     * Specify an optional className to be applied to the modal close node
+     */
+    closeClassName?: string;
+    /**
+     * Specify an optional className to be applied to the modal close icon node
+     */
+    closeIconClassName?: string;
+    /**
+     * Provide an optional function to be called when the modal is closed
+     */
+    closeModal?(event: MouseEvent): void;
+    /**
+     * Specify a description for the close icon that can be read by screen
+     * readers
+     */
+    iconDescription?: string;
+    /**
+     * Specify an optional label to be displayed
+     */
+    label?: ReactNode;
+    /**
+     * Specify an optional className to be applied to the modal header label
+     */
+    labelClassName?: string;
+    /**
+     * Specify an optional title to be displayed
+     */
+    title?: ReactNode;
+    /**
+     * Specify an optional className to be applied to the modal heading
+     */
+    titleClassName?: string;
+}
+export declare const ModalHeader: React.ForwardRefExoticComponent<ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/ComposedModal/ModalHeader.js

@@ -39,29 +39,14 @@ const ModalHeader = /*#__PURE__*/React__default["default"].forwardRef(function M
   } = _ref;
   const prefix = usePrefix.usePrefix();
   function handleCloseButtonClick(evt) {
-    closeModal(evt);
-    buttonOnClick();
+    closeModal?.(evt);
+    buttonOnClick?.(evt);
   }
-  const headerClass = cx__default["default"]({
-    [`${prefix}--modal-header`]: true,
-    [customClassName]: customClassName
-  });
-  const labelClass = cx__default["default"]({
-    [`${prefix}--modal-header__label ${prefix}--type-delta`]: true,
-    [labelClassName]: labelClassName
-  });
-  const titleClass = cx__default["default"]({
-    [`${prefix}--modal-header__heading ${prefix}--type-beta`]: true,
-    [titleClassName]: titleClassName
-  });
-  const closeClass = cx__default["default"]({
-    [`${prefix}--modal-close`]: true,
-    [closeClassName]: closeClassName
-  });
-  const closeIconClass = cx__default["default"]({
-    [`${prefix}--modal-close__icon`]: true,
-    [closeIconClassName]: closeIconClassName
-  });
+  const headerClass = cx__default["default"](`${prefix}--modal-header`, customClassName);
+  const labelClass = cx__default["default"](`${prefix}--modal-header__label ${prefix}--type-delta`, labelClassName);
+  const titleClass = cx__default["default"](`${prefix}--modal-header__heading ${prefix}--type-beta`, titleClassName);
+  const closeClass = cx__default["default"](`${prefix}--modal-close`, closeClassName);
+  const closeIconClass = cx__default["default"](`${prefix}--modal-close__icon`, closeIconClassName);
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: headerClass
   }, rest, {
@@ -130,9 +115,7 @@ ModalHeader.propTypes = {
   titleClassName: PropTypes__default["default"].string
 };
 ModalHeader.defaultProps = {
-  iconDescription: 'Close',
-  buttonOnClick: () => {},
-  closeModal: () => {}
+  iconDescription: 'Close'
 };
 
 exports.ModalHeader = ModalHeader;

package/lib/components/ComposedModal/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+export { default as ComposedModal, type ComposedModalProps, ModalBody, type ModalBodyProps, } from './ComposedModal';
+export { ModalHeader, type ModalHeaderProps } from './ModalHeader';
+export { ModalFooter, type ModalFooterProps } from './ModalFooter';

package/lib/components/ContainedList/ContainedList.js

@@ -80,7 +80,18 @@ function ContainedList(_ref) {
       max: 'xl'
     },
     className: `${prefix}--contained-list__action`
-  }, action)), children && /*#__PURE__*/React__default["default"].createElement("ul", {
+  }, action)), children &&
+  /*#__PURE__*/
+  /**
+   * Webkit removes implicit "list" semantics when "list-style-type: none" is set.
+   * Explicitly setting the "list" role ensures assistive technology in webkit
+   * browsers correctly announce the semantics.
+   *
+   * Ref https://bugs.webkit.org/show_bug.cgi?id=170179#c1
+   */
+  // eslint-disable-next-line jsx-a11y/no-redundant-roles
+  React__default["default"].createElement("ul", {
+    role: "list",
     "aria-labelledby": labelId
   }, isActionSearch ? filteredChildren : renderedChildren));
 }

package/lib/components/ContentSwitcher/ContentSwitcher.d.ts

@@ -0,0 +1,109 @@
+/**
+ * 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';
+import React, { HTMLAttributes, ReactElement } from 'react';
+interface SwitchEventHandlersParams {
+    index?: number;
+    name?: string | number;
+    text?: string;
+    key?: string | number;
+}
+export interface ContentSwitcherProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    /**
+     * Pass in Switch components to be rendered in the ContentSwitcher
+     */
+    children?: ReactElement[];
+    /**
+     * Specify an optional className to be added to the container node
+     */
+    className?: string;
+    /**
+     * `true` to use the light version.
+     *
+     * @deprecated The `light` prop for `ContentSwitcher` has
+     *     been deprecated in favor of the new `Layer` component. It will be removed in the next major release.
+     */
+    light?: boolean;
+    /**
+     * Specify an `onChange` handler that is called whenever the ContentSwitcher
+     * changes which item is selected
+     */
+    onChange: (params: SwitchEventHandlersParams) => void;
+    /**
+     * Specify a selected index for the initially selected content
+     */
+    selectedIndex: number;
+    /**
+     * Choose whether or not to automatically change selection on focus
+     */
+    selectionMode: 'automatic' | 'manual';
+    /**
+     * Specify the size of the Content Switcher. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
+     */
+    size: 'sm' | 'md' | 'lg';
+}
+interface ContentSwitcherState {
+    selectedIndex?: number;
+}
+export default class ContentSwitcher extends React.Component<ContentSwitcherProps, ContentSwitcherState> {
+    /**
+     * The DOM references of child `<Switch>`.
+     * @type {Array<Element>}
+     * @private
+     */
+    _switchRefs: HTMLButtonElement[];
+    state: {
+        selectedIndex: undefined;
+    };
+    static propTypes: {
+        /**
+         * Pass in Switch components to be rendered in the ContentSwitcher
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify an optional className to be added to the container node
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * `true` to use the light variant.
+         */
+        light: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        /**
+         * Specify an `onChange` handler that is called whenever the ContentSwitcher
+         * changes which item is selected
+         */
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        /**
+         * Specify a selected index for the initially selected content
+         */
+        selectedIndex: PropTypes.Requireable<number>;
+        /**
+         * Choose whether or not to automatically change selection on focus
+         */
+        selectionMode: PropTypes.Requireable<string>;
+        /**
+         * Specify the size of the Content Switcher. Currently supports either `sm`, 'md' (default) or 'lg` as an option.
+         */
+        size: PropTypes.Requireable<string>;
+    };
+    static contextType: React.Context<string>;
+    static defaultProps: {
+        selectedIndex: number;
+        selectionMode: string;
+        onChange: () => void;
+    };
+    static getDerivedStateFromProps({ selectedIndex }: {
+        selectedIndex: any;
+    }, state: any): {
+        selectedIndex: any;
+        prevSelectedIndex: any;
+    } | null;
+    handleItemRef: (index: any) => (ref: any) => void;
+    handleChildChange: (data: any) => void;
+    render(): JSX.Element;
+}
+export {};

package/lib/components/ContentSwitcher/ContentSwitcher.js

@@ -31,7 +31,9 @@ class ContentSwitcher extends React__default["default"].Component {
   constructor() {
     super(...arguments);
     _rollupPluginBabelHelpers.defineProperty(this, "_switchRefs", []);
-    _rollupPluginBabelHelpers.defineProperty(this, "state", {});
+    _rollupPluginBabelHelpers.defineProperty(this, "state", {
+      selectedIndex: undefined
+    });
     _rollupPluginBabelHelpers.defineProperty(this, "handleItemRef", index => ref => {
       this._switchRefs[index] = ref;
     });
@@ -51,7 +53,7 @@ class ContentSwitcher extends React__default["default"].Component {
         key
       } = data;
       if (match.matches(data, [keys.ArrowRight, keys.ArrowLeft])) {
-        const nextIndex = navigation.getNextIndex(key, index, this.props.children.length);
+        const nextIndex = navigation.getNextIndex(key, index, this.props.children?.length);
         const children = React__default["default"].Children.toArray(this.props.children);
         if (selectionMode === 'manual') {
           const switchRef = this._switchRefs[nextIndex];
@@ -60,6 +62,9 @@ class ContentSwitcher extends React__default["default"].Component {
           this.setState({
             selectedIndex: nextIndex
           }, () => {
+            if (typeof this.state.selectedIndex !== 'number') {
+              return;
+            }
             const child = children[this.state.selectedIndex];
             const switchRef = this._switchRefs[this.state.selectedIndex];
             switchRef && switchRef.focus();
@@ -105,16 +110,18 @@ class ContentSwitcher extends React__default["default"].Component {
       children,
       className,
       light,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       selectedIndex,
       // eslint-disable-line no-unused-vars
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       selectionMode,
       // eslint-disable-line no-unused-vars
       size,
       ...other
     } = this.props;
-    const isIconOnly = React__default["default"].Children.map(children, child => {
+    const isIconOnly = React__default["default"].Children?.map(children, child => {
       return child.type.displayName === 'IconSwitch';
-    }).every(val => val === true);
+    })?.every(val => val === true);
     const classes = cx__default["default"](`${prefix}--content-switcher`, className, {
       [`${prefix}--content-switcher--light`]: light,
       [`${prefix}--content-switcher--${size}`]: size,
@@ -130,8 +137,9 @@ class ContentSwitcher extends React__default["default"].Component {
       }
     }, other, {
       className: classes,
-      role: "tablist"
-    }), React__default["default"].Children.map(children, (child, index) => /*#__PURE__*/React__default["default"].cloneElement(child, {
+      role: "tablist",
+      onChange: undefined
+    }), children && React__default["default"].Children.map(children, (child, index) => /*#__PURE__*/React__default["default"].cloneElement(child, {
       index,
       onClick: events.composeEventHandlers([this.handleChildChange, child.props.onClick]),
       onKeyDown: this.handleChildChange,

package/lib/components/DangerButton/DangerButton.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 { ButtonComponent } from '../Button';
+declare const DangerButton: ButtonComponent;
+export default DangerButton;

package/lib/components/DangerButton/DangerButton.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -20,6 +21,5 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 const DangerButton = props => /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({
   kind: "danger"
 }, props));
-var DangerButton$1 = DangerButton;
 
-exports["default"] = DangerButton$1;
+exports["default"] = DangerButton;

package/lib/components/DangerButton/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 DangerButton from './DangerButton';
+export default DangerButton;
+export { DangerButton };

package/lib/components/DataTable/TableBatchAction.js

@@ -13,6 +13,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var iconsReact = require('@carbon/icons-react');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/DataTable/TableBatchActions.js

@@ -14,6 +14,7 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 var TableActionList = require('./TableActionList.js');
 require('../Text/index.js');
 var usePrefix = require('../../internal/usePrefix.js');

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

@@ -0,0 +1,29 @@
+/**
+ * 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';
+import { ReactAttr } from '../../types/common';
+export interface TableBodyProps extends ReactAttr<HTMLTableSectionElement> {
+    /**
+     * `polite` Adjust the notification behavior of screen readers
+     */
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+}
+declare const TableBody: {
+    ({ children, className, ...rest }: TableBodyProps): JSX.Element;
+    propTypes: {
+        /**
+         * `polite` Adjust the notification behavior of screen readers
+         */
+        'aria-live': PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        'aria-live': string;
+    };
+};
+export default TableBody;

package/lib/components/DataTable/TableBody.js

@@ -10,13 +10,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
 var PropTypes = require('prop-types');
+var React = require('react');
 
 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const TableBody = _ref => {
   let {
@@ -39,6 +39,5 @@ TableBody.propTypes = {
 TableBody.defaultProps = {
   'aria-live': 'polite'
 };
-var TableBody$1 = TableBody;
 
-exports["default"] = TableBody$1;
+exports["default"] = TableBody;

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

@@ -0,0 +1,51 @@
+/**
+ * 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';
+import React from 'react';
+import { ReactAttr } from '../../types/common';
+export interface TableContainerProps extends Omit<ReactAttr<HTMLDivElement>, 'title'> {
+    /**
+     * Optional description text for the Table
+     */
+    description?: React.ReactNode;
+    /**
+     * Specify whether the table should have a sticky header
+     */
+    stickyHeader?: boolean;
+    /**
+     * If true, will use a width of 'fit-content' to match the inner table width
+     */
+    useStaticWidth?: boolean;
+    /**
+     * Provide a title for the Table
+     */
+    title?: React.ReactNode;
+}
+declare const TableContainer: {
+    ({ className, children, title, description, stickyHeader, useStaticWidth, ...rest }: TableContainerProps): JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        /**
+         * Optional description text for the Table
+         */
+        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify whether the table should have a sticky header
+         */
+        stickyHeader: PropTypes.Requireable<boolean>;
+        /**
+         * Provide a title for the Table
+         */
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * If true, will use a width of 'fit-content' to match the inner table width
+         */
+        useStaticWidth: PropTypes.Requireable<boolean>;
+    };
+};
+export default TableContainer;

package/lib/components/DataTable/TableContainer.js

@@ -43,8 +43,8 @@ const TableContainer = _ref => {
   });
   const value = React.useMemo(() => {
     return {
-      titleId: title ? titleId : null,
-      descriptionId: description ? descriptionId : null
+      titleId: title ? titleId : undefined,
+      descriptionId: description ? descriptionId : undefined
     };
   }, [title, description, titleId, descriptionId]);
   return /*#__PURE__*/React__default["default"].createElement(TableContext.TableContext.Provider, {
@@ -81,6 +81,5 @@ TableContainer.propTypes = {
    */
   useStaticWidth: PropTypes__default["default"].bool
 };
-var TableContainer$1 = TableContainer;
 
-exports["default"] = TableContainer$1;
+exports["default"] = TableContainer;

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

@@ -0,0 +1,86 @@
+/**
+ * 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';
+import React from 'react';
+import { ReactAttr } from '../../types/common';
+type TableExpandHeaderPropsBase = {
+    /**
+     * Specify the string read by a voice reader when the expand trigger is
+     * focused
+     */
+    ariaLabel?: string;
+    /**
+     * @deprecated The enableExpando prop is being replaced by `enableToggle`
+     */
+    enableExpando?: false | undefined;
+    /**
+     * Specify whether an expand all button should be displayed
+     */
+    enableToggle?: false | undefined;
+    /**
+     * The description of the chevron right icon, to be put in its SVG `<title>` element.
+     */
+    expandIconDescription?: string;
+    /**
+     * Specify whether this row is expanded or not. This helps coordinate data
+     * attributes so that `TableExpandRow` and `TableExpandedRow` work together
+     */
+    isExpanded?: boolean;
+    /**
+     * Hook for when a listener initiates a request to expand the given row
+     */
+    onExpand?(event: React.MouseEvent<HTMLButtonElement>): void;
+} & ReactAttr<HTMLTableCellElement>;
+type TableExpandHeaderPropsWithToggle = Omit<TableExpandHeaderPropsBase, 'ariaLabel' | 'enableToggle' | 'onExpand'> & {
+    enableToggle: true;
+    ariaLabel: string;
+    onExpand(event: React.MouseEvent<HTMLButtonElement>): void;
+};
+type TableExpandHeaderPropsWithExpando = Omit<TableExpandHeaderPropsBase, 'ariaLabel' | 'enableExpando' | 'onExpand'> & {
+    enableExpando: true;
+    ariaLabel: string;
+    onExpand(event: React.MouseEvent<HTMLButtonElement>): void;
+};
+export type TableExpandHeaderProps = TableExpandHeaderPropsWithToggle | TableExpandHeaderPropsWithExpando | TableExpandHeaderPropsBase;
+declare const TableExpandHeader: {
+    ({ ariaLabel, className: headerClassName, enableExpando, enableToggle, id, isExpanded, onExpand, expandIconDescription, children, ...rest }: TableExpandHeaderProps): JSX.Element;
+    propTypes: {
+        /**
+         * Specify the string read by a voice reader when the expand trigger is
+         * focused
+         */
+        ariaLabel: PropTypes.Requireable<any>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        /**
+         * The enableExpando prop is being replaced by enableToggle
+         */
+        enableExpando: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        /**
+         * Specify whether an expand all button should be displayed
+         */
+        enableToggle: PropTypes.Requireable<boolean>;
+        /**
+         * The description of the chevron right icon, to be put in its SVG `<title>` element.
+         */
+        expandIconDescription: PropTypes.Requireable<string>;
+        /**
+         * Supply an id to the th element.
+         */
+        id: PropTypes.Requireable<string>;
+        /**
+         * Specify whether this row is expanded or not. This helps coordinate data
+         * attributes so that `TableExpandRow` and `TableExpandedRow` work together
+         */
+        isExpanded: Function;
+        /**
+         * Hook for when a listener initiates a request to expand the given row
+         */
+        onExpand: PropTypes.Requireable<any>;
+    };
+};
+export default TableExpandHeader;