@splunk/react-ui 4.25.0 → 4.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.25.0",
+  "version": "4.26.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -42,7 +42,7 @@
     "@dnd-kit/core": "6.0.8",
     "@dnd-kit/sortable": "7.0.2",
     "@dnd-kit/utilities": "3.2.1",
-    "@splunk/react-icons": "^4.2.0",
+    "@splunk/react-icons": "^4.3.0",
     "@splunk/themes": "^0.16.4",
     "@splunk/ui-utils": "^1.6.0",
     "commonmark": "^0.30.0",

package/types/src/Breadcrumbs/Breadcrumbs.d.ts

@@ -2,6 +2,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Item from './Item';
 import { ComponentProps } from '../utils/types';
+/** @public */
+declare type BreadcrumbsClickHandler = (event: React.MouseEvent<HTMLAnchorElement>, data: {
+    label?: string;
+    to: string;
+}) => void;
 interface BreadcrumbsPropsBase {
     /**
      * `children` must be of type `Breadcrumbs.Item`. The last child will be marked as the current page.
@@ -15,17 +20,28 @@ interface BreadcrumbsPropsBase {
      * By default, the current page is a dimmed link. This prop changes this behavior by enabling the current page link.
      */
     enableCurrentPage?: boolean;
+    /**
+     * An `onClick` handler for all Items.
+     * The function takes the event and an options argument with `to` and `label`.
+     */
+    onClick?: BreadcrumbsClickHandler;
 }
 declare type BreadcrumbsProps = ComponentProps<BreadcrumbsPropsBase, 'nav'>;
-declare function Breadcrumbs({ children, elementRef, enableCurrentPage, ...otherProps }: BreadcrumbsProps): JSX.Element;
+declare type BreadcrumbsContextValue = {
+    onClick?: BreadcrumbsClickHandler;
+    prefix?: string;
+};
+declare const BreadcrumbsContext: React.Context<BreadcrumbsContextValue>;
+declare function Breadcrumbs({ children, elementRef, enableCurrentPage, onClick, ...otherProps }: BreadcrumbsProps): JSX.Element;
 declare namespace Breadcrumbs {
     var propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         elementRef: PropTypes.Requireable<object>;
         enableCurrentPage: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
     var defaultProps: Required<Pick<BreadcrumbsPropsBase, "enableCurrentPage">>;
     var Item: typeof import("./Item").default;
 }
 export default Breadcrumbs;
-export { Item };
+export { Item, BreadcrumbsContext, BreadcrumbsClickHandler };

package/types/src/Breadcrumbs/Item.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { BreadcrumbsClickHandler } from './Breadcrumbs';
 import { ComponentProps } from '../utils/types';
 interface ItemPropsBase {
     /**
@@ -22,6 +23,10 @@ interface ItemPropsBase {
      * The label of the `Item`.
      */
     label: string;
+    /**
+     * An `onClick` handler for the current `Item`.
+     */
+    onClick?: BreadcrumbsClickHandler;
     /**
      * Adornment at the start of the label.
      */
@@ -32,7 +37,7 @@ interface ItemPropsBase {
     to: string;
 }
 declare type ItemProps = ComponentProps<ItemPropsBase, 'a'>;
-declare function Item({ enableCurrentPage, endAdornment, isCurrent, label, startAdornment, to, ...otherProps }: ItemProps): JSX.Element;
+declare function Item({ enableCurrentPage, endAdornment, isCurrent, label, onClick, startAdornment, to, ...otherProps }: ItemProps): JSX.Element;
 declare namespace Item {
     var propTypes: {
         elementRef: PropTypes.Requireable<object>;
@@ -40,6 +45,7 @@ declare namespace Item {
         endAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         isCurrent: PropTypes.Requireable<boolean>;
         label: PropTypes.Validator<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
         startAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         to: PropTypes.Validator<string>;
     };

package/types/src/Breadcrumbs/docs/examples/CustomizedClick.d.ts

@@ -0,0 +1,2 @@
+declare function CustomizedClick(): JSX.Element;
+export default CustomizedClick;

package/types/src/Modal/Header.d.ts

@@ -7,11 +7,16 @@ interface HeaderPropsBase {
      * rendered if a title is provided.
      */
     children?: React.ReactNode;
+    /**
+     * The icon to show before the title.
+     */
+    icon?: React.ReactNode;
     /**
      * If an `onRequestClose` function is provided, the header includes a close
      * button, which invokes the `onRequestClose` callback when clicked.
      *
-     * This callback must return focus to the invoking element or other element that follows the logical flow of the application.
+     * If `Modal`'s `returnFocus` prop isn't used, this callback *must* return focus to the invoking element
+     * or other element that follows the logical flow of the application.
      */
     onRequestClose?: React.MouseEventHandler<HTMLButtonElement>;
     /**
@@ -22,10 +27,6 @@ interface HeaderPropsBase {
      * Used as the subheading. Only shown if `title` is also present.
      */
     subtitle?: React.ReactNode;
-    /**
-     * The icon to show before the title.
-     */
-    icon?: React.ReactNode;
 }
 declare type HeaderProps = ComponentProps<HeaderPropsBase, 'div'>;
 /**

package/types/src/Modal/Modal.d.ts

@@ -9,7 +9,7 @@ declare type ModalRequestCloseHandler = (data: {
     reason: 'clickAway' | 'escapeKey';
 }) => void;
 declare type ModalInitialFocus = 'first' | 'container' | (React.Component & {
-    focus: () => {};
+    focus: () => void;
 }) | HTMLElement | null;
 interface ModalPropsBase {
     /**
@@ -45,6 +45,13 @@ interface ModalPropsBase {
      * Set to `true` if the `Modal` is currently open. Otherwise, set to `false`.
      */
     open?: boolean;
+    /**
+     * Ref of the invoking element (or other element that follows the logical flow of the application) to be focused after the `Modal` is closed.
+     * If you are not using this prop, then you *must* manually return focus to the invoking element in `onRequestClose`.
+     */
+    returnFocus?: React.MutableRefObject<(React.Component & {
+        focus: () => void;
+    }) | HTMLElement | null>;
 }
 declare const defaultProps: Required<Pick<ModalPropsBase, 'initialFocus' | 'open' | 'divider'>>;
 declare type ModalProps = ClassComponentProps<ModalPropsBase, typeof defaultProps, 'div'>;
@@ -64,7 +71,7 @@ declare class Modal extends Component<ModalProps> {
     componentDidUpdate(prevProps: ModalProps): void;
     private getDefaultMotionStyle;
     private getMotionStyle;
-    private handleInitialFocus;
+    private handleFocus;
     private handleModalMount;
     private handleModalKeyDown;
     private handleRequestClose;

package/types/src/Table/Body.d.ts

@@ -1,10 +1,13 @@
 import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { RowRequestMoveRowHandler } from './Row';
 import { ClassComponentProps } from '../utils/types';
 declare type BodyRequestMoveRowHandler = RowRequestMoveRowHandler;
 interface BodyPropsBase {
     /** @private. Generally passed by Table rather than added directly. */
     actions?: boolean;
+    /** @private. Generally passed by Table rather than added directly. */
+    activeElementId?: string;
     /**
      * Must be `Table.Row`.
      */
@@ -26,13 +29,28 @@ interface BodyPropsBase {
 }
 declare const defaultProps: Required<Pick<BodyPropsBase, 'actions' | 'rowExpansion' | 'stripeRows'>>;
 declare type BodyProps = ClassComponentProps<BodyPropsBase, typeof defaultProps, 'tbody'>;
-interface BodyState {
-    dragDataId?: string | number;
-    dragIndex?: number;
-    dragPosition?: number;
-    expanded: (string | number | null)[];
+declare function BodyBase({ activeElementId, actions, children, elementRef, movableColumns, onRequestMoveRow, rowExpansion, primaryColumnIndex, stripeRows, ...otherProps }: BodyProps): JSX.Element | null;
+declare namespace BodyBase {
+    var propTypes: {
+        /** @private. Generally passed by Table rather than added directly. */
+        actions: PropTypes.Requireable<boolean>;
+        /** @private. Generally passed by Table rather than added directly. */
+        activeElementId: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+        /** @private. Generally passed by Table rather than added directly. */
+        movableColumns: PropTypes.Requireable<boolean>;
+        /** @private. Generally passed by Table rather than added directly. */
+        rowExpansion: PropTypes.Requireable<string>;
+        /** @private. Generally passed by Table rather than added directly. */
+        onRequestMoveRow: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. Generally passed by Table rather than added directly. */
+        primaryColumnIndex: PropTypes.Requireable<number>;
+        /** @private. Generally passed by Table rather than added directly. */
+        stripeRows: PropTypes.Requireable<boolean>;
+    };
 }
-declare class Body extends Component<BodyProps, BodyState> {
+declare class Body extends Component<BodyProps, {}> {
     private el;
     private rect?;
     private rowHeight?;
@@ -40,21 +58,7 @@ declare class Body extends Component<BodyProps, BodyState> {
     static splunkUiType: string;
     static propTypes: React.WeakValidationMap<ClassComponentProps<BodyPropsBase, Required<Pick<BodyPropsBase, "actions" | "rowExpansion" | "stripeRows">>, "tbody", never>>;
     static defaultProps: Required<Pick<BodyPropsBase, "actions" | "rowExpansion" | "stripeRows">>;
-    constructor(props: Readonly<BodyProps>);
-    componentWillUnmount(): void;
-    private handleDragStart;
-    private handleDragOver;
-    private handleDragEnter;
-    private handleDrop;
-    private handleDragEnd;
-    private onRequestMoveRow;
-    private handleMount;
-    private handleRowExpansion;
-    private calculateGuideIndex;
-    private updateDragPositionImpl;
-    private updateDragPosition;
-    private updateScrollPosition;
-    private cleanupDrag;
-    render(): JSX.Element | null;
+    render(): JSX.Element;
 }
 export default Body;
+export { BodyBase };

package/types/src/Table/Row.d.ts

@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
-import { RowDragCellDragStartHandler, RowDragCellRequestMoveRowHandler } from './RowDragCell';
+import PropTypes from 'prop-types';
+import { DragStartEvent } from '@dnd-kit/core';
+import { TableRequestMoveRowHandler } from './Table';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
 declare type RowActionPrimaryClickHandler = (event: React.MouseEvent, data?: any) => void;
@@ -7,9 +9,9 @@ declare type RowActionPrimaryClickHandler = (event: React.MouseEvent, data?: any
 declare type RowActionSecondaryClickHandler = (event: React.MouseEvent, data?: any) => void;
 /** @public */
 declare type RowClickHandler = (event: React.MouseEvent<HTMLTableRowElement> | React.KeyboardEvent<HTMLTableRowElement>, data?: any) => void;
-declare type RowDragStartHandler = RowDragCellDragStartHandler;
+declare type RowDragStartHandler = (event: DragStartEvent) => void;
+declare type RowRequestMoveRowHandler = TableRequestMoveRowHandler;
 declare type RowExpansionHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
-declare type RowRequestMoveRowHandler = RowDragCellRequestMoveRowHandler;
 /** @public */
 declare type RowRequestToggleHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
 interface RowPropsBase {
@@ -61,8 +63,6 @@ interface RowPropsBase {
     movableColumns?: boolean;
     /** Providing an `onClick` handler enables focus, hover, and related styles. */
     onClick?: RowClickHandler;
-    /** @private. Generally passed by `Table` rather than added directly. */
-    onDragStart?: RowDragStartHandler;
     /**
      * An event handler that triggers when the row expansion element is selected.
      */
@@ -88,26 +88,57 @@ interface RowPropsBase {
      * of the toggle.
      */
     selected?: boolean;
-    /** @private. Generally passed by `Table` rather than added directly. */
-    showRowGuideline?: 'none' | 'before' | 'after';
     /** @private. */
     stripe?: 'odd' | 'even' | 'none';
 }
 declare const defaultProps: Required<Pick<RowPropsBase, 'stripe' | 'primaryColumnIndex'>>;
 declare type RowProps = ClassComponentProps<RowPropsBase, typeof defaultProps, 'tr'>;
+declare function RowBase(props: RowProps): JSX.Element;
+declare namespace RowBase {
+    var propTypes: {
+        /** @private. Generally passed by Table rather than added directly. */
+        activeElementId: PropTypes.Requireable<string>;
+        actionPrimary: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        actionsSecondary: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        data: PropTypes.Requireable<any>;
+        /** @private. Generally passed by Table rather than added directly. */
+        dataId: PropTypes.Requireable<React.ReactText>;
+        disabled: PropTypes.Requireable<boolean>;
+        /** @private. Generally passed by Table rather than added directly. */
+        draggable: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        /** @private. */
+        expandable: PropTypes.Requireable<boolean>;
+        expanded: PropTypes.Requireable<boolean>;
+        expansionRow: PropTypes.Requireable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>;
+        /** @private. Indicates whether the table has an actions column. */
+        actions: PropTypes.Requireable<boolean>;
+        /** @private. Generally passed by `Table` rather than added directly. */
+        index: PropTypes.Requireable<number>;
+        /** @private. Generally passed by `Table` rather than added directly. */
+        movableColumns: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onExpansion: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. This is passed through and works as expected. */
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. Generally passed by `Table` rather than added directly. */
+        onRequestMoveRow: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestToggle: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. Generally passed by `Table` rather than added directly. */
+        primaryColumnIndex: PropTypes.Requireable<number>;
+        rowScreenReaderText: PropTypes.Requireable<string>;
+        selected: PropTypes.Requireable<boolean>;
+        /** @private. */
+        stripe: PropTypes.Requireable<string>;
+    };
+}
 declare class Row extends Component<RowProps, {}> {
     static splunkUiType: string;
     static propTypes: React.WeakValidationMap<ClassComponentProps<RowPropsBase, Required<Pick<RowPropsBase, "stripe" | "primaryColumnIndex">>, "tr", never>>;
     static defaultProps: Required<Pick<RowPropsBase, "stripe" | "primaryColumnIndex">>;
-    private elementRef;
-    private handleClick;
-    private handleKeyDown;
-    private handleToggle;
-    private handleExpansion;
-    private renderActionPrimary;
-    private renderActionsSecondary;
-    private handleMount;
     render(): JSX.Element;
 }
 export default Row;
-export { RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowClickHandler, RowDragStartHandler, RowRequestMoveRowHandler, RowRequestToggleHandler, RowExpansionHandler, };
+export { RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowBase, // exporting the base component for testing purpose
+RowClickHandler, RowDragStartHandler, RowRequestMoveRowHandler, RowRequestToggleHandler, RowExpansionHandler, };

package/types/src/Table/RowDragCell.d.ts

@@ -1,6 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { TableRequestMoveRowHandler } from './Table';
-declare type RowDragCellDragStartHandler = (index?: number, dataId?: string | number) => void;
+import { ComponentProps } from '../utils/types';
 declare type RowDragCellKeyDownHandler = (event: React.KeyboardEvent<HTMLTableCellElement>, data: {
     dataId?: string | number;
     index: number;
@@ -8,61 +9,41 @@ declare type RowDragCellKeyDownHandler = (event: React.KeyboardEvent<HTMLTableCe
 declare type RowDragCellRequestMoveRowHandler = TableRequestMoveRowHandler;
 interface RowDragCellPropsBase {
     /**
-     * event-handler that is triggered when row drag begins
-     */
-    onDragStart?: RowDragCellDragStartHandler;
-    /**
-     * event-handler that is triggered when row drag ends
-     */
-    onDragEnd?: () => void;
-    /**
-     * callback for reordering the rows
-     */
-    onRequestMoveRow?: RowDragCellRequestMoveRowHandler;
-    /**
-     * index of the data-object in input array
+     * dataID of the activeElement or the selected element in DOM
      */
-    index?: number;
+    activeElementId?: string;
     /**
      * unique-ID of the data-object in input array
      */
     dataId?: string | number;
     /**
-     * dataID of the activeElement or the selected element in DOM
-     */
-    activeElementId?: string;
-    /**
-     * location where the guideline would be displayed
+     * index of the data-object in input array
      */
-    showRowGuideline?: 'none' | 'before' | 'after';
+    index?: number;
     /**
      * event-handler for keyboard events
      */
     onKeyDown?: RowDragCellKeyDownHandler;
+    /**
+     * callback for reordering the rows
+     */
+    onRequestMoveRow?: RowDragCellRequestMoveRowHandler;
     /**
      * no of rows a cell expands to. applies when a table is rendered with expandable rows option
      */
     rowSpan?: number;
 }
-declare const defaultProps: Required<Pick<RowDragCellPropsBase, 'showRowGuideline'>>;
-declare type RowDragCellProps = RowDragCellPropsBase & typeof defaultProps;
-interface RowDragCellState {
-    isDragging: boolean;
-}
-declare class RowDragCell extends Component<RowDragCellProps, RowDragCellState> {
-    private cloneEl?;
-    private el;
-    static propTypes: React.WeakValidationMap<RowDragCellProps>;
-    static defaultProps: Required<Pick<RowDragCellPropsBase, "showRowGuideline">>;
-    constructor(props: Readonly<RowDragCellProps>);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private handleMount;
-    private handleDragStart;
-    private handleDragEnd;
-    private handleKeyDown;
-    private cleanupDrag;
-    render(): JSX.Element;
+declare type RowDragCellProps = ComponentProps<RowDragCellPropsBase, 'td'>;
+declare function RowDragCell({ activeElementId, onRequestMoveRow, index, dataId, onKeyDown, ...otherProps }: RowDragCellProps): JSX.Element;
+declare namespace RowDragCell {
+    var propTypes: {
+        activeElementId: PropTypes.Requireable<string>;
+        dataId: PropTypes.Requireable<React.ReactText>;
+        index: PropTypes.Requireable<number>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestMoveRow: PropTypes.Requireable<(...args: any[]) => any>;
+        rowSpan: PropTypes.Requireable<number>;
+    };
 }
 export default RowDragCell;
-export { RowDragCellDragStartHandler, RowDragCellRequestMoveRowHandler };
+export { RowDragCellRequestMoveRowHandler };

package/types/src/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { ScrollContainerContext } from '@splunk/react-ui/ScrollContainerContext';
+import PropTypes from 'prop-types';
 import Body from './Body';
 import Caption from './Caption';
 import Cell, { CellClickHandler } from './Cell';
@@ -133,27 +133,33 @@ interface TablePropsBase {
 }
 declare const defaultProps: Required<Pick<TablePropsBase, 'actions' | 'dockOffset' | 'headType' | 'rowExpansion' | 'rowSelection' | 'resizableFillLayout' | 'primaryColumnIndex'>>;
 declare type TableProps = ClassComponentProps<TablePropsBase, typeof defaultProps, 'div'>;
-interface TableState {
-    cellWidths?: number[];
-    dragIndex?: number;
-    dragPosition?: number;
-    horizontalOffset?: number;
-    tableWidth?: number;
-    top?: number;
-    width?: number;
+declare function TableBase(props: TableProps): JSX.Element;
+declare namespace TableBase {
+    var propTypes: {
+        actions: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
+        actionsColumnWidth: PropTypes.Requireable<number>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        dockOffset: PropTypes.Requireable<number>;
+        dockScrollBar: PropTypes.Requireable<boolean>;
+        elementRef: PropTypes.Requireable<object>;
+        headType: PropTypes.Requireable<string>;
+        innerStyle: PropTypes.Requireable<object>;
+        onRequestToggleAllRows: PropTypes.Requireable<(...args: any[]) => any>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        outerStyle: PropTypes.Requireable<object>;
+        primaryColumnIndex: PropTypes.Requireable<number>;
+        rowExpansion: PropTypes.Requireable<string>;
+        rowSelection: PropTypes.Requireable<string>;
+        stripeRows: PropTypes.Requireable<boolean>;
+        tableStyle: PropTypes.Requireable<object>;
+        onRequestMoveColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestMoveRow: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestResizeColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        resizableFillLayout: PropTypes.Requireable<boolean>;
+    };
 }
-declare class Table extends Component<TableProps, TableState> {
-    private dockedScrollBar;
-    private head;
-    private headFocusState?;
-    private headTable;
-    private headTableEl;
-    private scrollSource?;
-    private table;
-    private tableContainer;
+declare class Table extends Component<TableProps, {}> {
     static propTypes: React.WeakValidationMap<ClassComponentProps<TablePropsBase, Required<Pick<TablePropsBase, "actions" | "headType" | "rowSelection" | "resizableFillLayout" | "primaryColumnIndex" | "dockOffset" | "rowExpansion">>, "div", never>>;
-    context: React.ContextType<typeof ScrollContainerContext>;
-    static contextType: React.Context<Window | Document | HTMLElement | null | undefined>;
     static defaultProps: Required<Pick<TablePropsBase, "actions" | "headType" | "rowSelection" | "resizableFillLayout" | "primaryColumnIndex" | "dockOffset" | "rowExpansion">>;
     static Caption: typeof Caption;
     static Head: typeof Head;
@@ -162,65 +168,9 @@ declare class Table extends Component<TableProps, TableState> {
     static Body: typeof Body;
     static Row: typeof Row;
     static Cell: typeof Cell;
-    /**
-     * @private
-     * @private
-     * Returns an object describing the focus state of the provided `head`.
-     * @param head - A reference to a mounted `Head` component.
-     * @returns {Object} focusState - An object containing a target (either 'headCell' or
-     * 'resizeButton') and an index.
-     */
-    private static getHeadFocusState;
-    private static getOffset;
-    /**
-     * @private
-     * @private
-     * Applies the provided `headFocusState` to the provided `head`.
-     * @param head - A reference to a mounted `Head` component.
-     * @param {Object} headFocusState
-     * @param {String} headFocusState.target - Focus can be applied to a 'headCell' or a
-     * 'resizeButton'.
-     * @param {Number} headFocusState.index - The index of the element to set focus on.
-     */
-    private static applyHeadFocusState;
-    constructor(props: Readonly<TableProps>);
-    componentDidUpdate(prevProps: Readonly<TableProps>): void;
-    /**
-     * Add this lifecycle method to improve the performance of this giant component.
-     */
-    shouldComponentUpdate(nextProps: Readonly<TableProps>, nextState: Readonly<TableState>): boolean;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private updateDockedHeadState;
-    private handleScroll;
-    private handleResize;
-    private handleContainerScroll;
-    private handleDockedScrollBarScroll;
-    private handleDragStart;
-    private handleDragOver;
-    private handleDragEnter;
-    private handleDragEnd;
-    private handleDrop;
-    private handleHeadMount;
-    private handleHeadTableMount;
-    private handleHeadTableElementMount;
-    private handleHeadTableKeyUp;
-    private handleAutosizeColumn;
-    private createHead;
-    private createBody;
-    private isInline;
-    private headerIsDocked;
-    private isFixed;
-    private showDockedHeader;
-    private showDockedScrollBar;
-    private updateDragPositionImpl;
-    private updateDragPosition;
-    private cleanupDrag;
-    private renderHeadTable;
-    private renderDockedScrollbar;
-    private getTableContainerWidthWithoutBorders;
     render(): JSX.Element;
 }
 export default Table;
 export { Body, Caption, Cell, Head, HeadCell, HeadDropdownCell, Row };
-export type { CellClickHandler, HeadCellSortHandler, HeadDropdownCellPossibleCloseReason, HeadDropdownCellRequestCloseHandler, HeadDropdownCellRequestOpenHandler, RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowClickHandler, RowRequestToggleHandler, TableRequestMoveColumnHandler, TableRequestMoveRowHandler, TableRequestResizeColumnHandler, };
+export type { CellClickHandler, HeadCellSortHandler, HeadDropdownCellPossibleCloseReason, HeadDropdownCellRequestCloseHandler, HeadDropdownCellRequestOpenHandler, RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowClickHandler, RowRequestToggleHandler, TableBase, // exporting the base component for testing purpose
+TableRequestMoveColumnHandler, TableRequestMoveRowHandler, TableRequestResizeColumnHandler, };

package/types/src/TextArea/TextArea.d.ts

@@ -182,6 +182,7 @@ declare class TextArea extends Component<TextAreaProps, TextAreaState> {
     private getAdornmentWidth;
     private handleResize;
     private handleInputMount;
+    private handleShadowMount;
     private handleInputChange;
     private handleInputKeyDown;
     private handleInputSelect;