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

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;

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

@@ -1,7 +1,7 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { TableRequestMoveRowHandler } from './Table';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type RowActionPrimaryClickHandler = (event: React.MouseEvent, data?: any) => void;
 /** @public */
@@ -93,10 +93,9 @@ interface RowPropsBase {
     /** @private. */
     stripe?: 'odd' | 'even' | 'none';
 }
-declare const defaultProps: Required<Pick<RowPropsBase, 'stripe' | 'primaryColumnIndex'>>;
-type RowProps = ClassComponentProps<RowPropsBase, typeof defaultProps, 'tr'>;
-declare function RowBase(props: RowProps): JSX.Element;
-declare namespace RowBase {
+type RowProps = ComponentProps<RowPropsBase, 'tr'>;
+declare function Row(props: RowProps): React.JSX.Element;
+declare namespace Row {
     var propTypes: {
         /** @private. Generally passed by Table rather than added directly. */
         activeElementId: PropTypes.Requireable<string>;
@@ -136,13 +135,7 @@ declare namespace RowBase {
         /** @private. */
         stripe: PropTypes.Requireable<string>;
     };
-}
-declare class Row extends Component<RowProps, {}> {
-    static splunkUiType: string;
-    static propTypes: React.WeakValidationMap<RowProps>;
-    static defaultProps: Required<Pick<RowPropsBase, "stripe" | "primaryColumnIndex">>;
-    render(): JSX.Element;
+    var splunkUiType: string;
 }
 export default Row;
-export { RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowBase, // exporting the base component for testing purpose
-RowClickHandler, RowRequestExpansionHandler, RowRequestMoveRowHandler, RowRequestToggleHandler, RowExpansionHandler, };
+export { RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowClickHandler, RowRequestExpansionHandler, RowRequestMoveRowHandler, RowRequestToggleHandler, RowExpansionHandler, };

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import PropTypes from 'prop-types';
 import type { DraggableSyntheticListeners } from '@dnd-kit/core';
 import { ComponentProps } from '../utils/types';
@@ -6,7 +7,7 @@ interface RowDragCellPropsBase {
     listeners?: DraggableSyntheticListeners;
 }
 type RowDragCellProps = ComponentProps<RowDragCellPropsBase, 'td'>;
-declare function RowDragCell({ listeners, setActivatorNodeRef, ...otherProps }: RowDragCellProps): JSX.Element;
+declare function RowDragCell({ listeners, setActivatorNodeRef, ...otherProps }: RowDragCellProps): React.JSX.Element;
 declare namespace RowDragCell {
     var propTypes: {
         setActivatorNodeRef: PropTypes.Validator<(...args: any[]) => any>;

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

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import Body from './Body';
 import Caption from './Caption';
@@ -7,7 +7,7 @@ import Head from './Head';
 import HeadCell, { HeadCellSortHandler } from './HeadCell';
 import HeadDropdownCell, { HeadDropdownCellPossibleCloseReason, HeadDropdownCellRequestCloseHandler, HeadDropdownCellRequestOpenHandler } from './HeadDropdownCell';
 import Row, { RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowClickHandler, RowRequestToggleHandler } from './Row';
-import { ClassComponentProps } from '../utils/types';
+import { ComponentProps } from '../utils/types';
 /** @public */
 type TableRequestMoveColumnHandler = (data: {
     columnId: any;
@@ -131,10 +131,9 @@ interface TablePropsBase {
      */
     resizableFillLayout?: boolean;
 }
-declare const defaultProps: Required<Pick<TablePropsBase, 'actions' | 'dockOffset' | 'headType' | 'rowExpansion' | 'rowSelection' | 'resizableFillLayout' | 'primaryColumnIndex'>>;
-type TableProps = ClassComponentProps<TablePropsBase, typeof defaultProps, 'div'>;
-declare function TableBase(props: TableProps): JSX.Element;
-declare namespace TableBase {
+type TableProps = ComponentProps<TablePropsBase, 'div'>;
+declare function Table(props: TableProps): React.JSX.Element;
+declare namespace Table {
     var propTypes: {
         actions: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
         actionsColumnWidth: PropTypes.Requireable<number>;
@@ -157,19 +156,14 @@ declare namespace TableBase {
         onRequestResizeColumn: PropTypes.Requireable<(...args: any[]) => any>;
         resizableFillLayout: PropTypes.Requireable<boolean>;
     };
-}
-declare class Table extends Component<TableProps, {}> {
-    static propTypes: React.WeakValidationMap<TableProps>;
-    static defaultProps: Required<Pick<TablePropsBase, "actions" | "headType" | "rowSelection" | "resizableFillLayout" | "primaryColumnIndex" | "dockOffset" | "rowExpansion">>;
-    static Caption: typeof Caption;
-    static Head: typeof Head;
-    static HeadCell: typeof HeadCell;
-    static HeadDropdownCell: typeof HeadDropdownCell;
-    static Body: typeof Body;
-    static Row: typeof Row;
-    static Cell: typeof Cell;
-    render(): JSX.Element;
+    var Body: typeof import("./Body").default;
+    var Caption: typeof import("./Caption").default;
+    var Cell: typeof import("./Cell").default;
+    var Head: typeof import("./Head").default;
+    var HeadCell: typeof import("./HeadCell").default;
+    var HeadDropdownCell: typeof import("./HeadDropdownCell").default;
+    var Row: typeof import("./Row").default;
 }
 export default Table;
-export { Body, Caption, Cell, Head, HeadCell, HeadDropdownCell, Row, TableBase };
+export { Body, Caption, Cell, Head, HeadCell, HeadDropdownCell, Row };
 export type { CellClickHandler, HeadCellSortHandler, HeadDropdownCellPossibleCloseReason, HeadDropdownCellRequestCloseHandler, HeadDropdownCellRequestOpenHandler, RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowClickHandler, RowRequestToggleHandler, TableRequestMoveColumnHandler, TableRequestMoveRowHandler, TableRequestResizeColumnHandler, };

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

@@ -2,16 +2,14 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
 interface TogglePropsBase {
-    allRows?: boolean;
     disabled?: boolean;
     onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
     selected?: boolean | 'some';
 }
 type ToggleProps = ComponentProps<TogglePropsBase, 'button'>;
-declare function Toggle({ allRows, disabled, onClick, selected, ...otherProps }: ToggleProps): JSX.Element;
+declare function Toggle({ disabled, onClick, selected, ...otherProps }: ToggleProps): React.JSX.Element;
 declare namespace Toggle {
     var propTypes: {
-        allRows: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         selected: PropTypes.Requireable<string | boolean>;

package/types/src/Table/docs/examples/Basic.d.ts

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

package/types/src/Table/docs/examples/Click.d.ts

@@ -1,16 +1,3 @@
-import { Component } from 'react';
-import { CellClickHandler } from '@splunk/react-ui/Table';
-interface Row {
-    email: string;
-    name: string;
-}
-interface ExampleState {
-    clickedRow?: string;
-    data: Row[];
-}
-export default class Click extends Component<{}, ExampleState> {
-    constructor(props: {});
-    handlerClick: CellClickHandler;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+declare function Click(): React.JSX.Element;
+export default Click;

package/types/src/Table/docs/examples/ClickRows.d.ts

@@ -1,16 +1,3 @@
-import { Component } from 'react';
-import { RowClickHandler } from '@splunk/react-ui/Table';
-interface Row {
-    email: string;
-    name: string;
-}
-interface ExampleState {
-    clickedRow?: string;
-    data: Row[];
-}
-export default class ClickRows extends Component<{}, ExampleState> {
-    constructor(props: {});
-    handleClick: RowClickHandler;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+declare function ClickRows(): React.JSX.Element;
+export default ClickRows;