@splunk/react-ui 4.14.0 → 4.16.0

package/types/src/StepBar/StepBarContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface StepBarContext {
     activeStepId: number;
     idCounter?: string;

package/types/src/Switch/Switch.d.ts

@@ -41,6 +41,8 @@ interface SwitchPropsBase {
      */
     labelledBy?: string;
     onClick?: SwitchClickHandler | SwitchCheckboxWithSomeClickHandler;
+    /** @private. */
+    required?: boolean;
     /**
      * 'some' is only valid when appearance is 'checkbox'. The current value of `selected` is
      * passed to the onClick handler.

package/types/src/TabBar/TabBarContext.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabClickHandler, TabFocusHandler } from './Tab';
 export interface TabBarContext {
     active?: string;

package/types/src/TabLayout/Panel.d.ts

@@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
 interface PanelPropsBase {
     children?: React.ReactNode;
+    /** Inserts number in tab label. */
+    count?: number;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.
      */
@@ -28,6 +30,7 @@ elementRef, panelId, ...otherProps }: PanelProps): JSX.Element;
 declare namespace Panel {
     var propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        count: PropTypes.Requireable<number>;
         disabled: PropTypes.Requireable<boolean>;
         elementRef: PropTypes.Requireable<object>;
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/types/src/TabLayout/TabLayout.d.ts

@@ -17,6 +17,8 @@ interface TabLayoutPropsBase {
      * Must be `TabLayout.Panel`.
      */
     children?: React.ReactNode;
+    /** Inserts number in tab label. */
+    count?: number;
     /**
      * Sets the active panel on the initial render. It must match the `panelId` of one of
      * the child `TabLayout.Panel`s. Only use `defaultActivePanelId` when using `TabLayout`

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

@@ -19,6 +19,8 @@ interface BodyPropsBase {
     rowExpansion?: 'single' | 'multi' | 'none' | 'controlled';
     /** @private. Generally passed by Table rather than added directly. */
     onRequestMoveRow?: BodyRequestMoveRowHandler;
+    /** Indicates the column to use as the primary label for each row.   */
+    primaryColumnIndex?: number;
     /** @private. Generally passed by Table rather than added directly. */
     stripeRows?: boolean;
 }

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

@@ -1,5 +1,6 @@
 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: {
     columnId: any;
@@ -59,6 +60,7 @@ interface HeadState {
 declare class Head extends Component<HeadProps, HeadState> {
     private cells?;
     private el;
+    static contextType: React.Context<TableContext>;
     static splunkUiType: string;
     static propTypes: React.WeakValidationMap<ClassComponentProps<HeadPropsBase, Required<Pick<HeadPropsBase, "actions">>, "thead", never>>;
     static defaultProps: Required<Pick<HeadPropsBase, "actions">>;

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

@@ -75,6 +75,14 @@ interface RowPropsBase {
      * An event handler for toggle of the row. resize of columns. The function is passed the event and the `data` prop for this row.
      */
     onRequestToggle?: RowRequestToggleHandler;
+    /**
+     * @private. Generally passed by Table rather than added directly. Indicates the column to use as the primary label for each row.
+     */
+    primaryColumnIndex?: number;
+    /**
+     * Indicates the row's label when selected or unselected.
+     */
+    rowScreenReaderText?: string;
     /**
      * When an `onRequestToggle` handler is defined, this prop determines the appearance
      * of the toggle.
@@ -85,12 +93,12 @@ interface RowPropsBase {
     /** @private. */
     stripe?: 'odd' | 'even' | 'none';
 }
-declare const defaultProps: Required<Pick<RowPropsBase, 'stripe'>>;
+declare const defaultProps: Required<Pick<RowPropsBase, 'stripe' | 'primaryColumnIndex'>>;
 declare type RowProps = ClassComponentProps<RowPropsBase, typeof defaultProps, 'tr'>;
 declare class Row extends Component<RowProps, {}> {
     static splunkUiType: string;
-    static propTypes: React.WeakValidationMap<ClassComponentProps<RowPropsBase, Required<Pick<RowPropsBase, "stripe">>, "tr", never>>;
-    static defaultProps: Required<Pick<RowPropsBase, "stripe">>;
+    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;

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

@@ -93,6 +93,8 @@ interface TablePropsBase {
      * * `none`: The default with no row expansion.
      */
     rowExpansion?: 'single' | 'multi' | 'controlled' | 'none';
+    /** Indicates the column to use as the primary label for each row.   */
+    primaryColumnIndex?: number;
     /**
      * When an `onRequestToggleAllRows` handler is defined, this prop determines the appearance
      * of the toggle all rows button.
@@ -128,7 +130,7 @@ interface TablePropsBase {
      */
     resizableFillLayout?: boolean;
 }
-declare const defaultProps: Required<Pick<TablePropsBase, 'actions' | 'dockOffset' | 'headType' | 'rowExpansion' | 'rowSelection' | 'resizableFillLayout'>>;
+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[];
@@ -148,9 +150,9 @@ declare class Table extends Component<TableProps, TableState> {
     private scrollSource?;
     private table;
     private tableContainer;
-    static propTypes: React.WeakValidationMap<ClassComponentProps<TablePropsBase, Required<Pick<TablePropsBase, "actions" | "headType" | "rowSelection" | "resizableFillLayout" | "dockOffset" | "rowExpansion">>, "div", never>>;
+    static propTypes: React.WeakValidationMap<ClassComponentProps<TablePropsBase, Required<Pick<TablePropsBase, "actions" | "headType" | "rowSelection" | "resizableFillLayout" | "primaryColumnIndex" | "dockOffset" | "rowExpansion">>, "div", never>>;
     static contextType: React.Context<Window | Document | HTMLElement | null | undefined>;
-    static defaultProps: Required<Pick<TablePropsBase, "actions" | "headType" | "rowSelection" | "resizableFillLayout" | "dockOffset" | "rowExpansion">>;
+    static defaultProps: Required<Pick<TablePropsBase, "actions" | "headType" | "rowSelection" | "resizableFillLayout" | "primaryColumnIndex" | "dockOffset" | "rowExpansion">>;
     static Caption: typeof Caption;
     static Head: typeof Head;
     static HeadCell: typeof HeadCell;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface TableContext {
     headType?: 'docked' | 'fixed' | 'inline';
 }