@splunk/react-ui 4.26.0 → 4.28.0

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

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import { TableRequestMoveColumnHandler } from './Table';
 import TableContext from './TableContext';
 import { ClassComponentProps } from '../utils/types';
-declare type HeadAutosizeColumnHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
+declare type HeadAutosizeColumnHandler = (event: React.MouseEvent<HTMLHRElement>, data: {
     columnId: any;
     index: number;
 }) => void;
@@ -10,7 +10,7 @@ declare type HeadDragStartHandler = (data: {
     dragIndex?: number;
 }) => void;
 declare type HeadRequestMoveColumnHandler = TableRequestMoveColumnHandler;
-declare type HeadRequestResizeColumnHandler = (event: React.KeyboardEvent<HTMLButtonElement> | MouseEvent, data: {
+declare type HeadRequestResizeColumnHandler = (event: React.KeyboardEvent<HTMLHRElement> | MouseEvent, data: {
     columnId: any;
     id?: string;
     index: number;

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

@@ -13,7 +13,9 @@ declare type RowDragStartHandler = (event: DragStartEvent) => void;
 declare type RowRequestMoveRowHandler = TableRequestMoveRowHandler;
 declare type RowExpansionHandler = (event: React.MouseEvent<HTMLTableCellElement> | React.KeyboardEvent<HTMLTableCellElement>, data?: any) => void;
 /** @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;
@@ -141,4 +143,4 @@ declare class Row extends Component<RowProps, {}> {
 }
 export default Row;
 export { RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowBase, // exporting the base component for testing purpose
-RowClickHandler, RowDragStartHandler, RowRequestMoveRowHandler, RowRequestToggleHandler, RowExpansionHandler, };
+RowClickHandler, RowDragStartHandler, RowRequestExpansionHandler, RowRequestMoveRowHandler, RowRequestToggleHandler, RowExpansionHandler, };

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

@@ -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;

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

@@ -110,13 +110,13 @@ interface TextAreaPropsBase {
     onFocus?: TextAreaFocusHandler;
     /** A keydown callback can be used to prevent a certain input by utilizing the event argument. */
     onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;
+    /** A callback for when the text selection or cursor position changes. */
+    onSelect?: React.ReactEventHandler<HTMLTextAreaElement>;
     /** A callback for when the user clicks the textbox.
      * This will only trigger when the textbox itself is clicked and will not trigger for other parts of the component,
      * such as the clear button or nodes added via "startAdornment" or "endAdornment" props.
      * If you want to handle all click events, pass the "onClick" prop, which will be attached to `TextArea`'s root element.
      */
-    /** A callback for when the text selection or cursor position changes. */
-    onSelect?: React.ReactEventHandler<HTMLTextAreaElement>;
     onInputClick?: React.MouseEventHandler<HTMLTextAreaElement>;
     /**
      * @deprecated This prop is deprecated and will be removed in the next major version.
@@ -192,6 +192,7 @@ declare class TextArea extends Component<TextAreaProps, TextAreaState> {
     private handleClear;
     private syncHeightWithShadow;
     private isControlled;
+    private renderAdornment;
     private renderEndAdornment;
     private renderStartAdornment;
     private getDisplayValue;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StyledClearButton } from '../TextAreaStyles';
+export default function ClearButton(props: React.ComponentProps<typeof StyledClearButton>): JSX.Element;

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

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

package/types/src/Tree/TreeContext.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { RemoveNodeHandler, SetNodeHandler } from './Tree';
-import { TreeItemKeyDownHandler } from './TreeItem';
+import { TreeItemClickHandler, TreeItemKeyDownHandler } from './TreeItem';
 export interface TreeContext {
     defaultIndent?: boolean;
     onItemKeyDown?: TreeItemKeyDownHandler;
+    onItemClick?: TreeItemClickHandler;
     removeNode?: RemoveNodeHandler;
     setNode?: SetNodeHandler;
     focusedItemId?: string;

package/types/src/Tree/TreeItem.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
-declare type OpenCloseHandler = (isOpen: boolean) => void;
 interface TreeItemPropsBase {
     /** A unique `id` for this item and used by `Tree` to keep track of the focused item. */
     id: string;
@@ -9,23 +8,37 @@ interface TreeItemPropsBase {
     children?: React.ReactNode;
     /** Content to show on the TreeItem. */
     content?: React.ReactNode;
+    /** Custom indent to show before TreeItem content. */
+    customIndent?: React.ReactNode;
+    endAdornment?: React.ReactNode;
     labelledBy?: string;
     onFocus?: React.FocusEventHandler<HTMLLIElement>;
-    /** Default open state of the ndoe. */
+    onKeyDown?: React.KeyboardEventHandler<HTMLLIElement>;
+    onToggle?: TreeItemToggleHandler;
+    /** Default open state of the node. */
     open?: boolean;
+    /** Toggle to pass that opens/closes the node on click. */
+    toggle?: React.ReactElement;
 }
 declare type TreeItemProps = ComponentProps<TreeItemPropsBase, 'li'>;
-declare type TreeItemKeyDownHandler = (event: React.KeyboardEvent<HTMLLIElement>, id: string, showChildren: boolean | undefined, childrenCleaned: React.ReactElement[] | undefined | null, handleToggle: OpenCloseHandler) => void;
-declare function TreeItem({ id, children, content, labelledBy, onFocus, ...otherProps }: TreeItemProps): JSX.Element;
+declare type TreeItemClickHandler = (event: React.MouseEvent<HTMLSpanElement>, id: string) => void;
+declare type TreeItemKeyDownHandler = (event: React.KeyboardEvent<HTMLLIElement>, id: string, showChildren: boolean | undefined, childrenCleaned: React.ReactElement[] | undefined | null, handleToggle: TreeItemToggleHandler) => void;
+declare type TreeItemToggleHandler = (isOpen: boolean, event?: React.KeyboardEvent<HTMLLIElement> | React.MouseEvent<HTMLSpanElement>) => void;
+declare function TreeItem({ id, children, content, customIndent, endAdornment, labelledBy, onFocus, onKeyDown, onToggle, open, toggle, ...otherProps }: TreeItemProps): JSX.Element;
 declare namespace TreeItem {
     var propTypes: {
         id: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        customIndent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        endAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         labelledBy: PropTypes.Requireable<string>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onToggle: PropTypes.Requireable<(...args: any[]) => any>;
         open: PropTypes.Requireable<boolean>;
+        toggle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
 }
 export default TreeItem;
-export { TreeItemKeyDownHandler };
+export { TreeItemClickHandler, TreeItemKeyDownHandler, TreeItemPropsBase, TreeItemToggleHandler };

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;

package/types/src/JSONTree/JSONTreeContext.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface JSONTreeContext {
-    shift?: boolean | null;
-    updateShift?: (newShift: boolean) => void;
-}
-export declare const JSONTreeContext: import("react").Context<JSONTreeContext>;
-export default JSONTreeContext;

package/types/src/JSONTree/TreeNode.d.ts

@@ -1,44 +0,0 @@
-import React, { Component } from 'react';
-import { JSONElement, JSONTreeClickValueHandler, JSONTreeClickKeyHandler } from './JSONTree';
-import JSONTreeContext from './JSONTreeContext';
-import { ClassComponentProps } from '../utils/types';
-interface JSONTreeNodePropsBase {
-    path?: (string | number)[];
-    defaultOpen?: boolean;
-    expandChildren?: boolean | 'withShiftModifier';
-    indent?: number;
-    indentLevel?: number;
-    obj: JSONElement;
-    onClickKey?: JSONTreeClickKeyHandler;
-    onClickValue?: JSONTreeClickValueHandler;
-    overflow?: 'wrap' | 'scroll';
-    shift?: boolean;
-    expandChildrenOnShiftKey?: boolean;
-}
-declare const defaultProps: Required<Pick<JSONTreeNodePropsBase, 'path' | 'defaultOpen' | 'expandChildren' | 'indent' | 'indentLevel' | 'overflow' | 'expandChildrenOnShiftKey'>>;
-declare type JSONTreeNodeProps = ClassComponentProps<JSONTreeNodePropsBase, typeof defaultProps, 'span'>;
-interface JSONTreeNodeState {
-    open: boolean;
-}
-/**
- * An internal container class for expandable tree nodes (objects and arrays).
- */
-declare class JSONTreeNode extends Component<JSONTreeNodeProps, JSONTreeNodeState> {
-    private regularIndent;
-    private closingIndent;
-    private mutableShift;
-    context: React.ContextType<typeof JSONTreeContext>;
-    static contextType: React.Context<JSONTreeContext>;
-    static propTypes: React.WeakValidationMap<ClassComponentProps<JSONTreeNodePropsBase, Required<Pick<JSONTreeNodePropsBase, "path" | "overflow" | "defaultOpen" | "expandChildren" | "indent" | "indentLevel" | "expandChildrenOnShiftKey">>, "span", never>>;
-    static defaultProps: Required<Pick<JSONTreeNodePropsBase, "path" | "overflow" | "defaultOpen" | "expandChildren" | "indent" | "indentLevel" | "expandChildrenOnShiftKey">>;
-    constructor(props: JSONTreeNodeProps);
-    private handleExpandClick;
-    private handleClickKey;
-    private handleClickValue;
-    private renderExpandLink;
-    private renderValue;
-    private renderKey;
-    private renderObject;
-    render(): JSX.Element;
-}
-export default JSONTreeNode;