@splunk/react-ui 4.25.0 → 4.27.0

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

@@ -22,6 +22,8 @@ declare type HeadCellRequestResizeHandler = HeadRequestResizeColumnHandler;
 interface HeadCellPropsBase {
     /** Align the text in the label. */
     align?: 'left' | 'center' | 'right';
+    /** @private Used to set the $clickable appearance without an onClick */
+    appearClickable?: boolean;
     children?: React.ReactNode;
     /**
      * An `id` that is returned in the draggable, sort, and resize events.

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,11 +9,13 @@ 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;
+declare type RowRequestExpansionHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
+/** @public */
+declare type RowRequestToggleHandler = (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, data?: any) => void;
 interface RowPropsBase {
     /** @private. Generally passed by Table rather than added directly. */
     activeElementId?: string;
@@ -61,8 +65,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 +90,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, RowRequestExpansionHandler, 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';
@@ -21,7 +21,7 @@ declare type TableRequestMoveRowHandler = (data: {
     toIndex: number;
 }) => void;
 /** @public */
-declare type TableRequestResizeColumnHandler = (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement> | MouseEvent, data: {
+declare type TableRequestResizeColumnHandler = (event: React.MouseEvent<HTMLHRElement> | React.KeyboardEvent<HTMLHRElement> | MouseEvent, data: {
     columnId: any;
     id?: string;
     index: number;
@@ -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/Table/Toggle.d.ts

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

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;

package/types/src/fixtures/text.d.ts

@@ -1 +1,2 @@
 export declare const lorem = "\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum\n    commodo diam, eu consectetur nulla tincidunt a. Maecenas eget fermentum\n    tellus. Nulla suscipit a tellus vel varius. Vestibulum eu elit a metus\n    varius venenatis eget ut risus. Duis suscipit in arcu volutpat facilisis.\n    Quisque eu dictum metus. Aenean commodo cursus sollicitudin. Etiam at\n    posuere ligula. Sed sapien massa, laoreet a cursus at, malesuada vel mi.\n    Duis maximus orci est, facilisis blandit urna at.\n";
+export declare const loremShort = "   \n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vestibulum\n    commodo diam, eu consectetur nulla tincidunt a.\n";

package/types/src/CollapsiblePanel/docs/examples/prisma/BasicControlled.d.ts

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

package/types/src/CollapsiblePanel/docs/examples/prisma/BasicUncontrolled.d.ts

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

package/types/src/CollapsiblePanel/docs/examples/prisma/Content.d.ts

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

package/types/src/CollapsiblePanel/docs/examples/prisma/MultiControlled.d.ts

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

package/types/src/CollapsiblePanel/docs/examples/prisma/MultiUncontrolled.d.ts

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