@splunk/react-ui 4.29.0 → 4.31.0

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

@@ -2,12 +2,10 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { RowRequestMoveRowHandler } from './Row';
 import { ClassComponentProps } from '../utils/types';
-declare type BodyRequestMoveRowHandler = RowRequestMoveRowHandler;
+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`.
      */
@@ -28,14 +26,12 @@ interface BodyPropsBase {
     stripeRows?: boolean;
 }
 declare const defaultProps: Required<Pick<BodyPropsBase, 'actions' | 'rowExpansion' | 'stripeRows'>>;
-declare type BodyProps = ClassComponentProps<BodyPropsBase, typeof defaultProps, 'tbody'>;
-declare function BodyBase({ activeElementId, actions, children, elementRef, movableColumns, onRequestMoveRow, rowExpansion, primaryColumnIndex, stripeRows, ...otherProps }: BodyProps): JSX.Element | null;
+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 {
     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. */
@@ -56,7 +52,7 @@ declare class Body extends Component<BodyProps, {}> {
     private rowHeight?;
     private rows?;
     static splunkUiType: string;
-    static propTypes: React.WeakValidationMap<ClassComponentProps<BodyPropsBase, Required<Pick<BodyPropsBase, "actions" | "rowExpansion" | "stripeRows">>, "tbody", never>>;
+    static propTypes: React.WeakValidationMap<BodyProps>;
     static defaultProps: Required<Pick<BodyPropsBase, "actions" | "rowExpansion" | "stripeRows">>;
     render(): JSX.Element;
 }

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

@@ -6,7 +6,7 @@ interface CaptionPropsBase {
     /** The location of the caption relative to the table. */
     side?: 'top' | 'bottom';
 }
-declare type CaptionProps = ComponentProps<CaptionPropsBase, 'caption'>;
+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.
@@ -14,7 +14,7 @@ declare type CaptionProps = ComponentProps<CaptionPropsBase, 'caption'>;
 declare function Caption({ children, side, ...otherProps }: CaptionProps): JSX.Element;
 declare namespace Caption {
     var propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         side: PropTypes.Requireable<string>;
     };
     var splunkUiType: string;

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

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
-declare type CellClickHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
+type CellClickHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
 interface CellPropsBase {
     /** Align the text in the cell. */
     align?: 'left' | 'center' | 'right';
@@ -40,11 +40,11 @@ interface CellPropsBase {
     variant?: 'toggle' | 'expand' | 'drag' | 'actions';
 }
 declare const defaultProps: Required<Pick<CellPropsBase, 'align'>>;
-declare type CellProps = ClassComponentProps<CellPropsBase, typeof defaultProps, 'td'>;
+type CellProps = ClassComponentProps<CellPropsBase, typeof defaultProps, 'td'>;
 declare class Cell extends Component<CellProps, {}> {
     private el;
     static splunkUiType: string;
-    static propTypes: React.WeakValidationMap<ClassComponentProps<CellPropsBase, Required<Pick<CellPropsBase, "align">>, "td", never>>;
+    static propTypes: React.WeakValidationMap<CellProps>;
     static defaultProps: Required<Pick<CellPropsBase, "align">>;
     private handleMount;
     private handleClick;

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

@@ -3,7 +3,7 @@ interface DragHandlePropsBase {
     screenReaderContent?: string;
 }
 declare const defaultProps: {};
-declare type DragHandleProps = DragHandlePropsBase & typeof defaultProps;
+type DragHandleProps = DragHandlePropsBase & typeof defaultProps;
 declare function DragHandle({ screenReaderContent }: DragHandleProps): JSX.Element;
 declare namespace DragHandle {
     var propTypes: {

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

@@ -2,15 +2,15 @@ import React, { Component } from 'react';
 import { TableRequestMoveColumnHandler } from './Table';
 import TableContext from './TableContext';
 import { ClassComponentProps } from '../utils/types';
-declare type HeadAutosizeColumnHandler = (event: React.MouseEvent<HTMLHRElement>, data: {
+type HeadAutosizeColumnHandler = (event: React.MouseEvent<HTMLHRElement>, data: {
     columnId: any;
     index: number;
 }) => void;
-declare type HeadDragStartHandler = (data: {
+type HeadDragStartHandler = (data: {
     dragIndex?: number;
 }) => void;
-declare type HeadRequestMoveColumnHandler = TableRequestMoveColumnHandler;
-declare type HeadRequestResizeColumnHandler = (event: React.KeyboardEvent<HTMLHRElement> | MouseEvent, data: {
+type HeadRequestMoveColumnHandler = TableRequestMoveColumnHandler;
+type HeadRequestResizeColumnHandler = (event: React.KeyboardEvent<HTMLHRElement> | MouseEvent, data: {
     columnId: any;
     id?: string;
     index: number;
@@ -55,7 +55,7 @@ interface HeadPropsBase {
     resizableFillLayout?: boolean;
 }
 declare const defaultProps: Required<Pick<HeadPropsBase, 'actions' | 'cellMinWidth'>>;
-declare type HeadProps = ClassComponentProps<HeadPropsBase, typeof defaultProps, 'thead'>;
+type HeadProps = ClassComponentProps<HeadPropsBase, typeof defaultProps, 'thead'>;
 interface HeadState {
     dragColumnId: any;
 }
@@ -66,7 +66,7 @@ declare class Head extends Component<HeadProps, HeadState> {
     context: React.ContextType<typeof TableContext>;
     static contextType: React.Context<TableContext>;
     static splunkUiType: string;
-    static propTypes: React.WeakValidationMap<ClassComponentProps<HeadPropsBase, Required<Pick<HeadPropsBase, "actions" | "cellMinWidth">>, "thead", never>>;
+    static propTypes: React.WeakValidationMap<HeadProps>;
     static defaultProps: Required<Pick<HeadPropsBase, "actions" | "cellMinWidth">>;
     constructor(props: Readonly<HeadProps>);
     componentDidUpdate(): void;

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

@@ -2,23 +2,23 @@ import React, { Component } from 'react';
 import { HeadAutosizeColumnHandler, HeadRequestMoveColumnHandler, HeadRequestResizeColumnHandler } from './Head';
 import { ClassComponentProps } from '../utils/types';
 import TableContext from './TableContext';
-declare type HeadCellAutosizeColumnHandler = HeadAutosizeColumnHandler;
-declare type HeadCellDragStartHandler = (index: number | undefined, columnId: any) => void;
-declare type HeadCellKeyDownHandler = (event: React.KeyboardEvent<HTMLTableCellElement>, data: {
+type HeadCellAutosizeColumnHandler = HeadAutosizeColumnHandler;
+type HeadCellDragStartHandler = (index: number | undefined, columnId: any) => void;
+type HeadCellKeyDownHandler = (event: React.KeyboardEvent<HTMLTableCellElement>, data: {
     columnId: any;
     index: number;
 }) => void;
-declare type HeadCellRequestMoveColumnHandler = HeadRequestMoveColumnHandler;
+type HeadCellRequestMoveColumnHandler = HeadRequestMoveColumnHandler;
 /** @public */
-declare type HeadCellSortDir = 'asc' | 'desc' | 'none';
-declare type HeadCellSortHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data: {
+type HeadCellSortDir = 'asc' | 'desc' | 'none';
+type HeadCellSortHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data: {
     columnId: any;
     id?: string;
     index: number;
     sortDir: HeadCellSortDir;
     sortKey?: string;
 }) => void;
-declare type HeadCellRequestResizeHandler = HeadRequestResizeColumnHandler;
+type HeadCellRequestResizeHandler = HeadRequestResizeColumnHandler;
 interface HeadCellPropsBase {
     /** Align the text in the label. */
     align?: 'left' | 'center' | 'right';
@@ -95,13 +95,13 @@ interface HeadCellPropsBase {
     zIndex?: number;
 }
 declare const defaultProps: Required<Pick<HeadCellPropsBase, 'align' | 'resizable' | 'showGuideline' | 'sortDir' | 'truncate' | 'visible' | 'zIndex'>>;
-declare type HeadCellProps = ClassComponentProps<HeadCellPropsBase, typeof defaultProps, 'th'>;
+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<ClassComponentProps<HeadCellPropsBase, Required<Pick<HeadCellPropsBase, "align" | "zIndex" | "visible" | "truncate" | "resizable" | "sortDir" | "showGuideline">>, "th", never>>;
+    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>;

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

@@ -4,24 +4,24 @@ import { HeadCellDragStartHandler, HeadCellKeyDownHandler } from './HeadCell';
 import { ClassComponentProps } from '../utils/types';
 import TableContext from './TableContext';
 /** @public */
-declare type HeadDropdownCellPossibleCloseReason = 'clickAway' | 'contentClick' | 'escapeKey' | 'offScreen' | 'tabKey' | 'toggleClick';
-declare type HeadDropdownCellAutosizeColumnHandler = HeadAutosizeColumnHandler;
-declare type HeadDropdownCellDragStartHandler = HeadCellDragStartHandler;
-declare type HeadDropdownCellKeyDownHandler = HeadCellKeyDownHandler;
+type HeadDropdownCellPossibleCloseReason = 'clickAway' | 'contentClick' | 'escapeKey' | 'offScreen' | 'tabKey' | 'toggleClick';
+type HeadDropdownCellAutosizeColumnHandler = HeadAutosizeColumnHandler;
+type HeadDropdownCellDragStartHandler = HeadCellDragStartHandler;
+type HeadDropdownCellKeyDownHandler = HeadCellKeyDownHandler;
 /** @public */
-declare type HeadDropdownCellRequestCloseHandler = (event: React.MouseEvent<HTMLTableHeaderCellElement | HTMLDivElement> | React.KeyboardEvent<HTMLTableHeaderCellElement> | MouseEvent | KeyboardEvent | TouchEvent | undefined, data: {
+type HeadDropdownCellRequestCloseHandler = (event: React.MouseEvent<HTMLTableHeaderCellElement | HTMLDivElement> | React.KeyboardEvent<HTMLTableHeaderCellElement> | MouseEvent | KeyboardEvent | TouchEvent | undefined, data: {
     columnId: any;
     index: number;
     reason: HeadDropdownCellPossibleCloseReason;
 }) => void;
-declare type HeadDropdownCellRequestMoveColumnHandler = HeadRequestMoveColumnHandler;
+type HeadDropdownCellRequestMoveColumnHandler = HeadRequestMoveColumnHandler;
 /** @public */
-declare type HeadDropdownCellRequestOpenHandler = (event: React.MouseEvent<HTMLTableHeaderCellElement> | React.KeyboardEvent<HTMLTableHeaderCellElement>, data: {
+type HeadDropdownCellRequestOpenHandler = (event: React.MouseEvent<HTMLTableHeaderCellElement> | React.KeyboardEvent<HTMLTableHeaderCellElement>, data: {
     columnId: any;
     index: number;
     reason: 'toggleClick';
 }) => void;
-declare type HeadDropdownCellRequestResizeHandler = HeadRequestResizeColumnHandler;
+type HeadDropdownCellRequestResizeHandler = HeadRequestResizeColumnHandler;
 interface HeadDropdownCellPropsBase {
     /** Align the text in the label. */
     align?: 'left' | 'center' | 'right';
@@ -135,7 +135,7 @@ interface HeadDropdownCellPropsBase {
     zIndex?: number;
 }
 declare const defaultProps: Required<Pick<HeadDropdownCellPropsBase, 'align' | 'canCoverHead' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'resizable' | 'retainFocus' | 'takeFocus' | 'truncate' | 'visible' | 'zIndex'>>;
-declare type HeadDropdownCellProps = ClassComponentProps<HeadDropdownCellPropsBase, typeof defaultProps, 'th'>;
+type HeadDropdownCellProps = ClassComponentProps<HeadDropdownCellPropsBase, typeof defaultProps, 'th'>;
 interface HeadDropdownCellState {
     clientX?: number;
     el: HTMLTableCellElement | null;
@@ -152,8 +152,8 @@ declare class HeadDropdownCell extends Component<HeadDropdownCellProps, HeadDrop
      * 'clickAway', 'escapeKey', and 'offScreen' are inherited from Popover, but repeated here for
      * docs extraction.
      */
-    static possibleCloseReasons: import("../Dropdown/Dropdown").DropdownPossibleCloseReason[];
-    static propTypes: React.WeakValidationMap<ClassComponentProps<HeadDropdownCellPropsBase, Required<Pick<HeadDropdownCellPropsBase, "align" | "zIndex" | "retainFocus" | "takeFocus" | "visible" | "closeReasons" | "defaultPlacement" | "repositionMode" | "focusToggleReasons" | "truncate" | "resizable" | "canCoverHead">>, "th", never>>;
+    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>;

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

@@ -2,9 +2,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
 import { HeadAutosizeColumnHandler, HeadRequestResizeColumnHandler } from './Head';
-declare type HeadInnerAutosizeColumnHandler = HeadAutosizeColumnHandler;
-declare type HeadInnerDragStartHandler = (index: number | undefined, columnId: any) => void;
-declare type HeadInnerRequestResizeHandler = HeadRequestResizeColumnHandler;
+type HeadInnerAutosizeColumnHandler = HeadAutosizeColumnHandler;
+type HeadInnerDragStartHandler = (index: number | undefined, columnId: any) => void;
+type HeadInnerRequestResizeHandler = HeadRequestResizeColumnHandler;
 interface HeadInnerPropsBase {
     align?: 'left' | 'center' | 'right';
     columnId?: any;
@@ -22,7 +22,7 @@ interface HeadInnerPropsBase {
     truncate?: boolean;
     width?: number | 'auto';
 }
-declare type HeadInnerProps = ComponentProps<HeadInnerPropsBase, 'span'>;
+type HeadInnerProps = ComponentProps<HeadInnerPropsBase, 'span'>;
 declare function HeadInner({ index, columnId, id, width: widthProp, onDragEnd, onAutosizeColumn, align, label, hasActionsHead, isMenu, onDragStart, onRequestResize, resizable, sortDir, truncate, ...otherProps }: HeadInnerProps): JSX.Element;
 declare namespace HeadInner {
     var propTypes: {
@@ -40,7 +40,7 @@ declare namespace HeadInner {
         resizable: PropTypes.Requireable<boolean>;
         sortDir: PropTypes.Requireable<string>;
         truncate: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<React.ReactText>;
+        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
     };
 }
 export default HeadInner;

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

@@ -19,7 +19,7 @@ interface HeadTablePropsBase {
     width: number;
 }
 declare const defaultProps: Required<Pick<HeadTablePropsBase, 'horizontalOffset'>>;
-declare type HeadTableProps = ClassComponentProps<HeadTablePropsBase, typeof defaultProps, 'table'>;
+type HeadTableProps = ClassComponentProps<HeadTablePropsBase, typeof defaultProps, 'table'>;
 /**
  * @private
  * HeadTable is an internal component that provides a detached table head that can
@@ -27,7 +27,7 @@ declare type HeadTableProps = ClassComponentProps<HeadTablePropsBase, typeof def
  */
 declare class HeadTable extends Component<HeadTableProps, {}> {
     private head;
-    static propTypes: React.WeakValidationMap<ClassComponentProps<HeadTablePropsBase, Required<Pick<HeadTablePropsBase, "horizontalOffset">>, "table", never>>;
+    static propTypes: React.WeakValidationMap<HeadTableProps>;
     static defaultProps: Required<Pick<HeadTablePropsBase, "horizontalOffset">>;
     getHead(): Head | null;
     private handleHeadMount;

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

@@ -0,0 +1,79 @@
+import { Transform } from '@dnd-kit/utilities';
+import { Activators, SensorInstance, SensorProps, SensorOptions, KeyboardCodes, KeyboardCoordinateGetter } from '@dnd-kit/core';
+import { Coordinates } from '@dnd-kit/core/dist/types/';
+export declare class Listeners {
+    private target;
+    private listeners;
+    constructor(target: EventTarget | null);
+    add<T extends Event>(eventName: string, handler: (event: T) => void, options?: AddEventListenerOptions | boolean): void;
+    removeAll: () => void;
+}
+export declare function parseTransform(transform: string): Transform | null;
+type ClientRect = Pick<DOMRect, 'width' | 'height' | 'top' | 'right' | 'bottom' | 'left'>;
+export declare function inverseTransform(rect: DOMRect, transform: string, transformOrigin: string): ClientRect;
+interface Options {
+    ignoreTransform?: boolean;
+}
+export declare function getClientRect(element: Element, options?: Options): {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    bottom: number;
+    right: number;
+};
+export declare function getScrollElementRect(element: Element): {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+export declare function isDocumentScrollingElement(element: Element | null): boolean;
+export declare function getScrollPosition(scrollingContainer: Element): {
+    isTop: boolean;
+    isLeft: boolean;
+    isBottom: boolean;
+    isRight: boolean;
+    maxScroll: {
+        x: number;
+        y: number;
+    };
+    minScroll: {
+        x: number;
+        y: number;
+    };
+};
+export declare const defaultCoordinates: Coordinates;
+export declare function isFixed(node: HTMLElement, computedStyle?: CSSStyleDeclaration): boolean;
+export declare function isScrollable(element: HTMLElement, computedStyle?: CSSStyleDeclaration): boolean;
+export declare function getScrollableAncestors(element: Node | null, limit?: number): Element[];
+export declare function getFirstScrollableAncestor(node: Node | null): Element | null;
+export declare function scrollIntoViewIfNeeded(element: HTMLElement | null | undefined, measure?: (node: HTMLElement) => ClientRect): void;
+export interface KeyboardSensorOptions extends SensorOptions {
+    coordinateGetter: KeyboardCoordinateGetter;
+    keyboardCodes?: KeyboardCodes;
+    scrollBehavior?: ScrollBehavior;
+    onActivation?({ event }: {
+        event: KeyboardEvent;
+    }): void;
+}
+export type KeyboardSensorProps = SensorProps<KeyboardSensorOptions>;
+export default class KeyboardSensor implements SensorInstance {
+    private readonly props;
+    autoScrollEnabled: boolean;
+    private referenceCoordinates;
+    private listeners;
+    private windowListeners;
+    constructor(props: KeyboardSensorProps);
+    private attach;
+    private handleStart;
+    private handleKeyDown;
+    private handleMove;
+    private handleEnd;
+    private handleCancel;
+    private detach;
+    static activators: Activators<KeyboardSensorOptions>;
+}
+export {};

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

@@ -1,21 +1,19 @@
 import React, { Component } from 'react';
 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;
+type RowActionPrimaryClickHandler = (event: React.MouseEvent, data?: any) => void;
 /** @public */
-declare type RowActionSecondaryClickHandler = (event: React.MouseEvent, data?: any) => void;
+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 = (event: DragStartEvent) => void;
-declare type RowRequestMoveRowHandler = TableRequestMoveRowHandler;
-declare type RowExpansionHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
+type RowClickHandler = (event: React.MouseEvent<HTMLTableRowElement> | React.KeyboardEvent<HTMLTableRowElement>, data?: any) => void;
+type RowRequestMoveRowHandler = TableRequestMoveRowHandler;
+type RowExpansionHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
 /** @public */
-declare type RowRequestExpansionHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
+type RowRequestExpansionHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
 /** @public */
-declare type RowRequestToggleHandler = (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, data?: any) => void;
+type RowRequestToggleHandler = (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, data?: any) => void;
 interface RowPropsBase {
     /** @private. Generally passed by Table rather than added directly. */
     activeElementId?: string;
@@ -94,7 +92,7 @@ interface RowPropsBase {
     stripe?: 'odd' | 'even' | 'none';
 }
 declare const defaultProps: Required<Pick<RowPropsBase, 'stripe' | 'primaryColumnIndex'>>;
-declare type RowProps = ClassComponentProps<RowPropsBase, typeof defaultProps, 'tr'>;
+type RowProps = ClassComponentProps<RowPropsBase, typeof defaultProps, 'tr'>;
 declare function RowBase(props: RowProps): JSX.Element;
 declare namespace RowBase {
     var propTypes: {
@@ -105,7 +103,7 @@ declare namespace RowBase {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         data: PropTypes.Requireable<any>;
         /** @private. Generally passed by Table rather than added directly. */
-        dataId: PropTypes.Requireable<React.ReactText>;
+        dataId: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         disabled: PropTypes.Requireable<boolean>;
         /** @private. Generally passed by Table rather than added directly. */
         draggable: PropTypes.Requireable<boolean>;
@@ -113,7 +111,7 @@ declare namespace RowBase {
         /** @private. */
         expandable: PropTypes.Requireable<boolean>;
         expanded: PropTypes.Requireable<boolean>;
-        expansionRow: PropTypes.Requireable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>;
+        expansionRow: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[] | null | undefined>>;
         /** @private. Indicates whether the table has an actions column. */
         actions: PropTypes.Requireable<boolean>;
         /** @private. Generally passed by `Table` rather than added directly. */
@@ -137,10 +135,10 @@ declare namespace RowBase {
 }
 declare class Row extends Component<RowProps, {}> {
     static splunkUiType: string;
-    static propTypes: React.WeakValidationMap<ClassComponentProps<RowPropsBase, Required<Pick<RowPropsBase, "stripe" | "primaryColumnIndex">>, "tr", never>>;
+    static propTypes: React.WeakValidationMap<RowProps>;
     static defaultProps: Required<Pick<RowPropsBase, "stripe" | "primaryColumnIndex">>;
     render(): JSX.Element;
 }
 export default Row;
 export { RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowBase, // exporting the base component for testing purpose
-RowClickHandler, RowDragStartHandler, RowRequestExpansionHandler, RowRequestMoveRowHandler, RowRequestToggleHandler, RowExpansionHandler, };
+RowClickHandler, RowRequestExpansionHandler, RowRequestMoveRowHandler, RowRequestToggleHandler, RowExpansionHandler, };

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

@@ -1,49 +1,18 @@
-import React from 'react';
 import PropTypes from 'prop-types';
-import { TableRequestMoveRowHandler } from './Table';
+import type { DraggableSyntheticListeners } from '@dnd-kit/core';
 import { ComponentProps } from '../utils/types';
-declare type RowDragCellKeyDownHandler = (event: React.KeyboardEvent<HTMLTableCellElement>, data: {
-    dataId?: string | number;
-    index: number;
-}) => void;
-declare type RowDragCellRequestMoveRowHandler = TableRequestMoveRowHandler;
 interface RowDragCellPropsBase {
-    /**
-     * dataID of the activeElement or the selected element in DOM
-     */
-    activeElementId?: string;
-    /**
-     * unique-ID of the data-object in input array
-     */
-    dataId?: string | number;
-    /**
-     * index of the data-object in input array
-     */
-    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;
+    setActivatorNodeRef: (element: HTMLElement | null) => void;
+    listeners?: DraggableSyntheticListeners;
 }
-declare type RowDragCellProps = ComponentProps<RowDragCellPropsBase, 'td'>;
-declare function RowDragCell({ activeElementId, onRequestMoveRow, index, dataId, onKeyDown, ...otherProps }: RowDragCellProps): JSX.Element;
+type RowDragCellProps = ComponentProps<RowDragCellPropsBase, 'td'>;
+declare function RowDragCell({ listeners, setActivatorNodeRef, ...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>;
+        setActivatorNodeRef: PropTypes.Validator<(...args: any[]) => any>;
+        listeners: PropTypes.Requireable<{
+            [x: string]: ((...args: any[]) => any) | null | undefined;
+        }>;
     };
 }
 export default RowDragCell;
-export { RowDragCellRequestMoveRowHandler };

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

@@ -9,19 +9,19 @@ import HeadDropdownCell, { HeadDropdownCellPossibleCloseReason, HeadDropdownCell
 import Row, { RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowClickHandler, RowRequestToggleHandler } from './Row';
 import { ClassComponentProps } from '../utils/types';
 /** @public */
-declare type TableRequestMoveColumnHandler = (data: {
+type TableRequestMoveColumnHandler = (data: {
     columnId: any;
     fromIndex: number;
     toIndex: number;
 }) => void;
 /** @public */
-declare type TableRequestMoveRowHandler = (data: {
+type TableRequestMoveRowHandler = (data: {
     dataId?: string | number;
     fromIndex: number;
     toIndex: number;
 }) => void;
 /** @public */
-declare type TableRequestResizeColumnHandler = (event: React.MouseEvent<HTMLHRElement> | React.KeyboardEvent<HTMLHRElement> | MouseEvent, data: {
+type TableRequestResizeColumnHandler = (event: React.MouseEvent<HTMLHRElement> | React.KeyboardEvent<HTMLHRElement> | MouseEvent, data: {
     columnId: any;
     id?: string;
     index: number;
@@ -112,13 +112,16 @@ interface TablePropsBase {
      */
     tableStyle?: React.CSSProperties;
     /**
-     * An event handler for handle the re order action of Table. The function is passed an
+     * An event handler for handle the re-order action of Table. The function is passed an
      * options object with `fromIndex` and `toIndex`.
      */
     onRequestMoveColumn?: TableRequestMoveColumnHandler;
     /**
      * An event handler to handle the reorder rows action of Table. The function is passed an
-     * options object with `fromIndex` and `toIndex`.
+     * options object with `dataId`, `fromIndex` and `toIndex`.
+     *
+     * This property requires a unique `key` to be passed to `Table.Row`.
+     * Using the row index as the `key` will lead to issues with animations and focus restoration.
      */
     onRequestMoveRow?: TableRequestMoveRowHandler;
     /**
@@ -132,7 +135,7 @@ interface TablePropsBase {
     resizableFillLayout?: boolean;
 }
 declare const defaultProps: Required<Pick<TablePropsBase, 'actions' | 'dockOffset' | 'headType' | 'rowExpansion' | 'rowSelection' | 'resizableFillLayout' | 'primaryColumnIndex'>>;
-declare type TableProps = ClassComponentProps<TablePropsBase, typeof defaultProps, 'div'>;
+type TableProps = ClassComponentProps<TablePropsBase, typeof defaultProps, 'div'>;
 declare function TableBase(props: TableProps): JSX.Element;
 declare namespace TableBase {
     var propTypes: {
@@ -159,7 +162,7 @@ declare namespace TableBase {
     };
 }
 declare class Table extends Component<TableProps, {}> {
-    static propTypes: React.WeakValidationMap<ClassComponentProps<TablePropsBase, Required<Pick<TablePropsBase, "actions" | "headType" | "rowSelection" | "resizableFillLayout" | "primaryColumnIndex" | "dockOffset" | "rowExpansion">>, "div", never>>;
+    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;
@@ -171,6 +174,5 @@ declare class Table extends Component<TableProps, {}> {
     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, TableBase, // exporting the base component for testing purpose
-TableRequestMoveColumnHandler, TableRequestMoveRowHandler, TableRequestResizeColumnHandler, };
+export { Body, Caption, Cell, Head, HeadCell, HeadDropdownCell, Row, TableBase };
+export type { CellClickHandler, HeadCellSortHandler, HeadDropdownCellPossibleCloseReason, HeadDropdownCellRequestCloseHandler, HeadDropdownCellRequestOpenHandler, RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowClickHandler, RowRequestToggleHandler, TableRequestMoveColumnHandler, TableRequestMoveRowHandler, TableRequestResizeColumnHandler, };

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

@@ -7,7 +7,7 @@ interface TogglePropsBase {
     onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
     selected?: boolean | 'some';
 }
-declare type ToggleProps = ComponentProps<TogglePropsBase, 'button'>;
+type ToggleProps = ComponentProps<TogglePropsBase, 'button'>;
 declare function Toggle({ allRows, disabled, onClick, selected, ...otherProps }: ToggleProps): JSX.Element;
 declare namespace Toggle {
     var propTypes: {

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

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 declare const kindValues: readonly ["Amazon S3", "Index", "Indexer", "Lookup", "View"];
-declare type Kind = typeof kindValues[number];
+type Kind = typeof kindValues[number];
 interface ExampleState {
     filter?: Kind[];
 }