@splunk/react-ui 4.43.0 → 5.0.0-beta.2

package/types/src/TabLayout/docs/examples/AutoActivate.d.ts

@@ -1,2 +1,3 @@
-declare function AutoActivate(): JSX.Element;
+import React from 'react';
+declare function AutoActivate(): React.JSX.Element;
 export default AutoActivate;

package/types/src/TabLayout/docs/examples/Controlled.d.ts

@@ -1,2 +1,3 @@
-declare function Controlled(): JSX.Element;
+import React from 'react';
+declare function Controlled(): React.JSX.Element;
 export default Controlled;

package/types/src/TabLayout/docs/examples/Icons.d.ts

@@ -1,2 +1,3 @@
-declare function Icons(): JSX.Element;
+import React from 'react';
+declare function Icons(): React.JSX.Element;
 export default Icons;

package/types/src/TabLayout/docs/examples/Uncontrolled.d.ts

@@ -1,2 +1,3 @@
-declare function Uncontrolled(): JSX.Element;
+import React from 'react';
+declare function Uncontrolled(): React.JSX.Element;
 export default Uncontrolled;

package/types/src/TabLayout/docs/examples/Vertical.d.ts

@@ -1,2 +1,3 @@
-declare function Vertical(): JSX.Element;
+import React from 'react';
+declare function Vertical(): React.JSX.Element;
 export default Vertical;

package/types/src/TabLayout/docs/examples/VerticalIcons.d.ts

@@ -1,2 +1,3 @@
-declare function VerticalIcons(): JSX.Element;
+import React from 'react';
+declare function VerticalIcons(): React.JSX.Element;
 export default VerticalIcons;

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

@@ -1,7 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { RowRequestMoveRowHandler } from './Row';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 type BodyRequestMoveRowHandler = RowRequestMoveRowHandler;
 interface BodyPropsBase {
     /** @private. Generally passed by Table rather than added directly. */
@@ -25,10 +25,9 @@ interface BodyPropsBase {
     /** @private. Generally passed by Table rather than added directly. */
     stripeRows?: boolean;
 }
-declare const defaultProps: Required<Pick<BodyPropsBase, 'actions' | 'rowExpansion' | 'stripeRows'>>;
-type BodyProps = ClassComponentProps<BodyPropsBase, typeof defaultProps, 'tbody'>;
-declare function BodyBase({ actions, children, elementRef, movableColumns, onRequestMoveRow, rowExpansion, primaryColumnIndex, stripeRows, ...otherProps }: BodyProps): JSX.Element | null;
-declare namespace BodyBase {
+type BodyProps = ComponentProps<BodyPropsBase, 'tbody'>;
+declare function Body({ actions, children, elementRef, movableColumns, onRequestMoveRow, rowExpansion, primaryColumnIndex, stripeRows, ...otherProps }: BodyProps): React.JSX.Element | null;
+declare namespace Body {
     var propTypes: {
         /** @private. Generally passed by Table rather than added directly. */
         actions: PropTypes.Requireable<boolean>;
@@ -45,12 +44,6 @@ declare namespace BodyBase {
         /** @private. Generally passed by Table rather than added directly. */
         stripeRows: PropTypes.Requireable<boolean>;
     };
-}
-declare class Body extends Component<BodyProps, {}> {
-    static splunkUiType: string;
-    static propTypes: React.WeakValidationMap<BodyProps>;
-    static defaultProps: Required<Pick<BodyPropsBase, "actions" | "rowExpansion" | "stripeRows">>;
-    render(): JSX.Element;
+    var splunkUiType: string;
 }
 export default Body;
-export { BodyBase };

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

@@ -11,7 +11,7 @@ type CaptionProps = ComponentProps<CaptionPropsBase, 'caption'>;
  * Tables that use a docked header must place the caption on the bottom side.
  * Tables that use a fixed header cannot use captions.
  */
-declare function Caption({ children, side, ...otherProps }: CaptionProps): JSX.Element;
+declare function Caption({ children, side, ...otherProps }: CaptionProps): React.JSX.Element;
 declare namespace Caption {
     var propTypes: {
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;

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

@@ -1,5 +1,6 @@
-import React, { Component } from 'react';
-import { ClassComponentProps } from '../utils/types';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type CellClickHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
 interface CellPropsBase {
@@ -7,13 +8,11 @@ interface CellPropsBase {
     align?: 'left' | 'center' | 'right';
     /** The cell's appearance will default to `'link'` when a `onClick` handler is provided.
      * 'data': Is used for regular text and row expansion.
-     *      - The text does not turn blue in `enterprise`, `enterpriseDark`, `lite` themes.
-     *      - The background color is not lighter on cell hover in `prisma` theme.
+     *      - The background color does not change on cell hover.
      * 'link':
-     *      - The text is blue and darker on cell hover in `enterprise`, `enterpriseDark`, `lite` themes.
+     *      - The text is blue.
      * 'rowLink':
-     *      - The text is blue and darker on row hover in `enterprise`, `enterpriseDark`, `lite` themes.
-     *      - The text is white and the background color of the row is lighter on row hover in `prisma` theme.
+     *      - The text is white and the background color of the row is lighter on row hover.
      * @private */
     appearance?: 'data' | 'link' | 'rowLink';
     /** @private Used to set the $clickable appearance without an onClick */
@@ -25,6 +24,11 @@ interface CellPropsBase {
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLTableCellElement>;
+    /**
+     * @private
+     * Used to style the primary cell when row is clickable
+     */
+    isPrimaryCell?: boolean;
     /** Providing an `onClick` handler enables focus, hover, and related styles.
      */
     onClick?: CellClickHandler;
@@ -35,19 +39,37 @@ interface CellPropsBase {
     /** @private */
     expand?: boolean;
     /** @private. */
+    stripe?: 'odd' | 'even' | 'none';
+    /** @private. */
     variant?: 'toggle' | 'expand' | 'drag' | 'actions';
 }
-declare const defaultProps: Required<Pick<CellPropsBase, 'align'>>;
-type CellProps = ClassComponentProps<CellPropsBase, typeof defaultProps, 'td'>;
-declare class Cell extends Component<CellProps, {}> {
-    private el;
-    static splunkUiType: string;
-    static propTypes: React.WeakValidationMap<CellProps>;
-    static defaultProps: Required<Pick<CellPropsBase, "align">>;
-    private handleMount;
-    private handleClick;
-    private handleKeyDown;
-    render(): JSX.Element;
+type CellProps = ComponentProps<CellPropsBase, 'td'>;
+declare function Cell({ align, appearance, appearClickable, children, data, disabled, elementRef, isPrimaryCell, onClick, onKeyDown, stripe, variant, ...otherProps }: CellProps): React.JSX.Element;
+declare namespace Cell {
+    var propTypes: {
+        align: PropTypes.Requireable<string>;
+        /** @private */
+        appearance: PropTypes.Requireable<string>;
+        /** @private Used to set the $clickable appearance without an onClick */
+        appearClickable: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        data: PropTypes.Requireable<any>;
+        elementRef: PropTypes.Requireable<object>;
+        /** @private */
+        isPrimaryCell: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private */
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private */
+        disabled: PropTypes.Requireable<boolean>;
+        /** @private. */
+        expand: PropTypes.Requireable<boolean>;
+        /** @private. */
+        stripe: PropTypes.Requireable<string>;
+        /** @private. */
+        variant: PropTypes.Requireable<string>;
+    };
+    var splunkUiType: string;
 }
 export default Cell;
 export { CellClickHandler, CellProps };

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

@@ -1,8 +1,14 @@
+import React from 'react';
+import PropTypes from 'prop-types';
 import { ComponentProps } from '@splunk/react-ui/utils/types';
 interface ExpandButtonPropsBase {
-    className?: string;
     expanded?: boolean;
 }
 type ExpandButtonProps = ComponentProps<ExpandButtonPropsBase, 'button'>;
-declare const StyledExpandButton: import("styled-components").StyledComponent<({ className, expanded, ...otherProps }: ExpandButtonProps) => JSX.Element, any, {}, never>;
-export default StyledExpandButton;
+declare const ExpandButton: {
+    ({ expanded, ...otherProps }: ExpandButtonProps): React.JSX.Element;
+    propTypes: {
+        expanded: PropTypes.Requireable<boolean>;
+    };
+};
+export default ExpandButton;

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

@@ -1,7 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { TableRequestMoveColumnHandler } from './Table';
-import TableContext from './TableContext';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 type HeadAutosizeColumnHandler = (event: React.MouseEvent<HTMLHRElement>, data: {
     columnId: any;
     index: number;
@@ -22,20 +22,18 @@ interface HeadPropsBase {
     /** @private. */
     actionsColumnWidth?: number;
     /** @private. The minimum width of each column */
-    cellMinWidth: number;
+    cellMinWidth?: number;
     /**
      * Must be `Table.HeadCell`s or `Table.HeadDropdownCell`s.
      */
     children?: React.ReactNode;
-    /** @private. */
-    dragPosition?: number;
-    /** @private. */
-    dragIndex?: number;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLTableSectionElement>;
     /** @private. */
+    guidelineIndex?: number;
+    /** @private. */
     hasDragColumn?: boolean;
     /** @private. */
     hasInfoColumn?: boolean;
@@ -51,38 +49,40 @@ interface HeadPropsBase {
     onRequestToggleAllRows?: () => void;
     /** @private. */
     rowSelection?: 'all' | 'some' | 'none';
-    /** @private */
-    resizableFillLayout?: boolean;
-}
-declare const defaultProps: Required<Pick<HeadPropsBase, 'actions' | 'cellMinWidth'>>;
-type HeadProps = ClassComponentProps<HeadPropsBase, typeof defaultProps, 'thead'>;
-interface HeadState {
-    dragColumnId: any;
 }
-declare class Head extends Component<HeadProps, HeadState> {
-    private cells?;
-    private el;
-    private providedWidths;
-    context: React.ContextType<typeof TableContext>;
-    static contextType: React.Context<TableContext>;
-    static splunkUiType: string;
-    static propTypes: React.WeakValidationMap<HeadProps>;
-    static defaultProps: Required<Pick<HeadPropsBase, "actions" | "cellMinWidth">>;
-    constructor(props: Readonly<HeadProps>);
-    componentDidUpdate(): void;
-    private static validateChildrenWidth;
-    componentWillUnmount(): void;
-    private onRequestMoveColumn;
-    getCellWidths(): number[];
-    private manageResize;
-    getClientHeight(): number | undefined;
-    getEl(): HTMLTableSectionElement | null;
-    private handleMount;
-    private handleDragStart;
-    private handleDragEnd;
-    private calculateGuideIndex;
-    private cleanupDrag;
-    render(): JSX.Element;
+type HeadProps = ComponentProps<HeadPropsBase, 'thead'>;
+declare const getCellWidths: (headEl: HTMLTableSectionElement | null) => number[];
+declare function Head({ actions, actionsColumnWidth, cellMinWidth, children, elementRef, guidelineIndex, hasDragColumn, hasInfoColumn, onAutosizeColumn, onDragStart, onRequestMoveColumn, onRequestResizeColumn, onRequestToggleAllRows, rowSelection, ...otherProps }: HeadProps): React.JSX.Element;
+declare namespace Head {
+    var propTypes: {
+        /** @private. */
+        actions: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        /** @private. */
+        actionsColumnWidth: PropTypes.Requireable<number>;
+        /** @private */
+        cellMinWidth: PropTypes.Requireable<number>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        elementRef: PropTypes.Requireable<object>;
+        /** @private. */
+        guidelineIndex: PropTypes.Requireable<number>;
+        /** @private. */
+        hasDragColumn: PropTypes.Requireable<boolean>;
+        /** @private. */
+        hasInfoColumn: PropTypes.Requireable<boolean>;
+        /** @private. */
+        onAutosizeColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onRequestMoveColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onRequestResizeColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onRequestToggleAllRows: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        rowSelection: PropTypes.Requireable<string>;
+    };
+    var splunkUiType: string;
 }
 export default Head;
-export { HeadAutosizeColumnHandler, HeadDragStartHandler, HeadRequestMoveColumnHandler, HeadRequestResizeColumnHandler, };
+export { HeadAutosizeColumnHandler, HeadDragStartHandler, HeadRequestMoveColumnHandler, HeadRequestResizeColumnHandler, getCellWidths, };

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

@@ -1,7 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { HeadAutosizeColumnHandler, HeadRequestMoveColumnHandler, HeadRequestResizeColumnHandler } from './Head';
-import { ClassComponentProps } from '../utils/types';
-import TableContext from './TableContext';
+import { ComponentProps } from '../utils/types';
 type HeadCellAutosizeColumnHandler = HeadAutosizeColumnHandler;
 type HeadCellDragStartHandler = (index: number | undefined, columnId: any) => void;
 type HeadCellKeyDownHandler = (event: React.KeyboardEvent<HTMLTableCellElement>, data: {
@@ -33,8 +33,6 @@ interface HeadCellPropsBase {
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
     elementRef?: React.Ref<HTMLTableCellElement>;
-    /** @private Indicates the presence of actions. */
-    hasActionsHead?: boolean;
     /** @private The index of the cell, skipping the info column. */
     index?: number;
     /** @private. */
@@ -94,24 +92,52 @@ interface HeadCellPropsBase {
      */
     zIndex?: number;
 }
-declare const defaultProps: Required<Pick<HeadCellPropsBase, 'align' | 'resizable' | 'showGuideline' | 'sortDir' | 'truncate' | 'visible' | 'zIndex'>>;
-type HeadCellProps = ClassComponentProps<HeadCellPropsBase, typeof defaultProps, 'th'>;
-interface HeadCellState {
-    isDragging: boolean;
-}
-declare class HeadCell extends Component<HeadCellProps, HeadCellState> {
-    static splunkUiType: string;
-    static propTypes: React.WeakValidationMap<HeadCellProps>;
-    static defaultProps: Required<Pick<HeadCellPropsBase, "align" | "zIndex" | "visible" | "truncate" | "resizable" | "sortDir" | "showGuideline">>;
-    context: React.ContextType<typeof TableContext>;
-    static contextType: React.Context<TableContext>;
-    constructor(props: Readonly<HeadCellProps>);
-    private handleClick;
-    private handleKeyDown;
-    private handleDragStart;
-    private handleDragEnd;
-    private sortDirAriaMapping;
-    render(): JSX.Element;
+type HeadCellProps = ComponentProps<HeadCellPropsBase, 'th'>;
+declare function HeadCell({ align, appearClickable, children, columnId, elementRef, id, index, onAutosizeColumn, onClick, onDragStart, onKeyDown, onRequestMoveColumn, onRequestResize, onSort, resizable, showGuideline, sortDir, sortKey, style, truncate: truncateProp, variant, visible, width, zIndex, ...otherProps }: HeadCellProps): React.JSX.Element;
+declare namespace HeadCell {
+    var propTypes: {
+        align: PropTypes.Requireable<string>;
+        /** @private Used to set the $clickable appearance without an onClick */
+        appearClickable: PropTypes.Requireable<boolean>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        columnId: PropTypes.Requireable<any>;
+        elementRef: PropTypes.Requireable<object>;
+        /** @private The index of the cell, skipping the info column. */
+        index: PropTypes.Requireable<number>;
+        /** @private. */
+        onAutosizeColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * @private. Passed through and works as expected.
+         */
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onRequestMoveColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onRequestResize: PropTypes.Requireable<(...args: any[]) => any>;
+        onSort: PropTypes.Requireable<(...args: any[]) => any>;
+        resizable: PropTypes.Requireable<boolean>;
+        /** @private. */
+        showGuideline: PropTypes.Requireable<string>;
+        sortDir: PropTypes.Requireable<string>;
+        sortKey: PropTypes.Requireable<string>;
+        truncate: PropTypes.Requireable<boolean>;
+        /** @private. */
+        variant: PropTypes.Requireable<string>;
+        /**
+         * Used internally to suppress focus and id when this `HeadCell` is superseded by one in an
+         * overlaid `HeadTable` for user interactions.
+         * @private
+         */
+        visible: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        /** @private. */
+        zIndex: PropTypes.Requireable<number>;
+    };
+    var splunkUiType: string;
 }
 export default HeadCell;
 export { HeadCellDragStartHandler, HeadCellKeyDownHandler, HeadCellRequestMoveColumnHandler, HeadCellSortDir, HeadCellSortHandler, };

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

@@ -1,8 +1,8 @@
-import React, { Component } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { HeadAutosizeColumnHandler, HeadRequestMoveColumnHandler, HeadRequestResizeColumnHandler } from './Head';
 import { HeadCellDragStartHandler, HeadCellKeyDownHandler } from './HeadCell';
-import { ClassComponentProps } from '../utils/types';
-import TableContext from './TableContext';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type HeadDropdownCellPossibleCloseReason = 'clickAway' | 'contentClick' | 'escapeKey' | 'offScreen' | 'tabKey' | 'toggleClick';
 type HeadDropdownCellAutosizeColumnHandler = HeadAutosizeColumnHandler;
@@ -25,6 +25,10 @@ type HeadDropdownCellRequestResizeHandler = HeadRequestResizeColumnHandler;
 interface HeadDropdownCellPropsBase {
     /** Align the text in the label. */
     align?: 'left' | 'center' | 'right';
+    /**
+     * A React ref which is set to the button element when the component mounts and null when it unmounts.
+     */
+    buttonRef?: React.Ref<HTMLButtonElement>;
     /**
      * If there is not enough room to render the `Popover` in a direction, this option
      * enables it to be rendered over the Head.
@@ -39,13 +43,6 @@ interface HeadDropdownCellPropsBase {
      * An id that will be returned in the draggable, open, close and resize events.
      */
     columnId?: any;
-    /**
-     * @deprecated This prop has been marked for deprecation and will be removed in a future major version.
-     *
-     * The default placement of the `Popover`. It might be rendered in a different direction
-     * depending upon the space available and the `repositionMode`.
-     */
-    defaultPlacement?: 'above' | 'below' | 'left' | 'right' | 'vertical' | 'horizontal';
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
@@ -136,47 +133,57 @@ interface HeadDropdownCellPropsBase {
      */
     zIndex?: number;
 }
-declare const defaultProps: Required<Pick<HeadDropdownCellPropsBase, 'align' | 'canCoverHead' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'resizable' | 'retainFocus' | 'takeFocus' | 'truncate' | 'visible' | 'zIndex'>>;
-type HeadDropdownCellProps = ClassComponentProps<HeadDropdownCellPropsBase, typeof defaultProps, 'th'>;
-interface HeadDropdownCellState {
-    clientX?: number;
-    el: HTMLTableCellElement | null;
-    innerButtonEl: HTMLButtonElement | null;
-    isDragging: boolean;
-    open: boolean;
-}
-declare class HeadDropdownCell extends Component<HeadDropdownCellProps, HeadDropdownCellState> {
-    private cellId;
-    private controlledExternally;
-    private popoverId;
-    static splunkUiType: string;
-    /**
-     * Enumeration of the possible reasons for closing the Select.
-     * 'clickAway', 'escapeKey', and 'offScreen' are inherited from Popover, but repeated here for
-     * docs extraction.
-     */
-    static possibleCloseReasons: HeadDropdownCellPossibleCloseReason[];
-    static propTypes: React.WeakValidationMap<HeadDropdownCellProps>;
-    static defaultProps: Required<Pick<HeadDropdownCellPropsBase, "align" | "zIndex" | "retainFocus" | "takeFocus" | "visible" | "closeReasons" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "truncate" | "resizable" | "canCoverHead">>;
-    context: React.ContextType<typeof TableContext>;
-    static contextType: React.Context<TableContext>;
-    constructor(props: Readonly<HeadDropdownCellProps>);
-    componentDidUpdate(prevProps: Readonly<HeadDropdownCellProps>): void;
-    private handleMount;
-    private handleInnerButtonMount;
-    private handleRequestClose;
-    private handleClick;
-    private handleKeyDown;
-    private handleContentClick;
-    private handleDragStart;
-    private handleDragEnd;
-    /**
-     * Place focus on the toggle.
-     */
-    focus(): void;
-    private isOpen;
-    private isControlled;
-    render(): JSX.Element;
+type HeadDropdownCellProps = ComponentProps<HeadDropdownCellPropsBase, 'th'>;
+declare function HeadDropdownCell({ align, canCoverHead, children, closeReasons, columnId, elementRef, focusToggleReasons, id, index, buttonRef, label, onAutosizeColumn, onDragStart, onKeyDown, onRequestClose, onRequestMoveColumn, onRequestOpen, onRequestResize, open, repositionMode, resizable, retainFocus, showGuideline, style, takeFocus, truncate, variant, visible, width, zIndex, ...otherProps }: HeadDropdownCellProps): React.JSX.Element;
+declare namespace HeadDropdownCell {
+    var propTypes: {
+        align: PropTypes.Requireable<string>;
+        buttonRef: PropTypes.Requireable<object>;
+        canCoverHead: PropTypes.Requireable<boolean>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        closeReasons: PropTypes.Requireable<(HeadDropdownCellPossibleCloseReason | null | undefined)[]>;
+        columnId: PropTypes.Requireable<any>;
+        elementRef: PropTypes.Requireable<object>;
+        focusToggleReasons: PropTypes.Requireable<(HeadDropdownCellPossibleCloseReason | null | undefined)[]>;
+        /** @private The index of the cell, skipping the info column. */
+        index: PropTypes.Requireable<number>;
+        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** @private. */
+        onAutosizeColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * @private. This will be passed through, and will work as expected.
+         */
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestClose: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onRequestMoveColumn: PropTypes.Requireable<(...args: any[]) => any>;
+        onRequestOpen: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @private. */
+        onRequestResize: PropTypes.Requireable<(...args: any[]) => any>;
+        open: PropTypes.Requireable<boolean>;
+        repositionMode: PropTypes.Requireable<string>;
+        resizable: PropTypes.Requireable<boolean>;
+        retainFocus: PropTypes.Requireable<boolean>;
+        /** @private. */
+        showGuideline: PropTypes.Requireable<string>;
+        takeFocus: PropTypes.Requireable<boolean>;
+        truncate: PropTypes.Requireable<boolean>;
+        /**
+         * @private
+         * Used internally to suppress focus when this `HeadDropdownCell` is superseded by one in an
+         * overlaid `HeadTable` for user interactions.
+         */
+        visible: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<number>;
+        /** @private. */
+        variant: PropTypes.Requireable<string>;
+        /** @private. */
+        zIndex: PropTypes.Requireable<number>;
+    };
+    var splunkUiType: string;
+    var possibleCloseReasons: HeadDropdownCellPossibleCloseReason[];
 }
 export default HeadDropdownCell;
 export { HeadDropdownCellDragStartHandler, HeadDropdownCellPossibleCloseReason, HeadDropdownCellRequestCloseHandler, HeadDropdownCellRequestMoveColumnHandler, HeadDropdownCellRequestOpenHandler, };

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

@@ -11,7 +11,6 @@ interface HeadInnerPropsBase {
     columnId?: any;
     elementRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;
     focusWithin?: boolean;
-    hasActionsHead?: boolean;
     id?: string;
     index?: number;
     isMenu?: boolean;
@@ -27,7 +26,7 @@ interface HeadInnerPropsBase {
     variant?: 'toggleAll' | 'info' | 'actions';
 }
 type HeadInnerProps = ComponentProps<HeadInnerPropsBase, 'span'>;
-declare function HeadInner({ index, clickable, columnId, elementRef, focusWithin, id, width: widthProp, onDragEnd, onAutosizeColumn, align, label, hasActionsHead, isMenu, onDragStart, onRequestResize, resizable, sortDir, truncate, variant, ...otherProps }: HeadInnerProps): JSX.Element;
+declare function HeadInner({ index, clickable, columnId, elementRef, focusWithin, id, width: widthProp, onDragEnd, onAutosizeColumn, align, label, isMenu, onDragStart, onRequestResize, resizable, sortDir, truncate, variant, ...otherProps }: HeadInnerProps): React.JSX.Element;
 declare namespace HeadInner {
     var propTypes: {
         align: PropTypes.Requireable<string>;
@@ -35,7 +34,6 @@ declare namespace HeadInner {
         columnId: PropTypes.Requireable<any>;
         elementRef: PropTypes.Requireable<object>;
         focusWithin: PropTypes.Requireable<boolean>;
-        hasActionsHead: PropTypes.Requireable<boolean>;
         id: PropTypes.Requireable<string>;
         index: PropTypes.Requireable<number>;
         isMenu: PropTypes.Requireable<boolean>;

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

@@ -1,6 +1,6 @@
-import React, { Component } from 'react';
-import Head from './Head';
-import { ClassComponentProps } from '../utils/types';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
 interface HeadTablePropsBase {
     cellWidths: number[];
     dragIndex?: number;
@@ -18,19 +18,30 @@ interface HeadTablePropsBase {
     top: number;
     width: number;
 }
-declare const defaultProps: Required<Pick<HeadTablePropsBase, 'horizontalOffset'>>;
-type HeadTableProps = ClassComponentProps<HeadTablePropsBase, typeof defaultProps, 'table'>;
+type HeadTableProps = ComponentProps<HeadTablePropsBase, 'table'>;
 /**
  * @private
  * HeadTable is an internal component that provides a detached table head that can
  * then be positioned in different ways outside of the main table.
  */
-declare class HeadTable extends Component<HeadTableProps, {}> {
-    private head;
-    static propTypes: React.WeakValidationMap<HeadTableProps>;
-    static defaultProps: Required<Pick<HeadTablePropsBase, "horizontalOffset">>;
-    getHead(): Head | null;
-    private handleHeadMount;
-    render(): JSX.Element;
+declare function HeadTable({ cellWidths, elementRef, hasDragColumn, hasRowExpansion, hasRowSelection, headType, horizontalOffset, isFixedColumn, tableStyle, tableWidth, tHead, top, width, ...otherProps }: HeadTableProps): React.JSX.Element;
+declare namespace HeadTable {
+    var propTypes: {
+        cellWidths: PropTypes.Validator<(number | null | undefined)[]>;
+        dragIndex: PropTypes.Requireable<number>;
+        elementRef: PropTypes.Requireable<object>;
+        hasDragColumn: PropTypes.Requireable<boolean>;
+        hasRowExpansion: PropTypes.Requireable<boolean>;
+        hasRowSelection: PropTypes.Requireable<boolean>;
+        headType: PropTypes.Validator<string>;
+        horizontalOffset: PropTypes.Requireable<number>;
+        isFixedColumn: PropTypes.Requireable<boolean>;
+        rowSelection: PropTypes.Requireable<string>;
+        tableStyle: PropTypes.Requireable<object>;
+        tableWidth: PropTypes.Validator<number>;
+        tHead: PropTypes.Validator<PropTypes.ReactElementLike>;
+        top: PropTypes.Validator<number>;
+        width: PropTypes.Validator<number>;
+    };
 }
 export default HeadTable;