@splunk/react-ui 4.7.0 → 4.8.0

package/types/src/Slider/docs/examples/Controlled.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'react';
+import { SliderChangeHandler } from '@splunk/react-ui/Slider';
+import { NumberChangeHandler } from '@splunk/react-ui/Number';
+declare class Controlled extends Component<{}, {
+    value?: number;
+}> {
+    constructor(props: {});
+    handleSliderChange: SliderChangeHandler;
+    handleNumberChange: NumberChangeHandler;
+    render(): JSX.Element;
+}
+export default Controlled;

package/types/src/Slider/docs/examples/CustomLabels.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'react';
+import { SliderChangeHandler } from '@splunk/react-ui/Slider';
+declare class CustomLabels extends Component<{}, {
+    displayValue: string;
+    value: number;
+}> {
+    static convertValueToLabel(value: number): string;
+    constructor(props: {});
+    handleChange: SliderChangeHandler;
+    render(): JSX.Element;
+}
+export default CustomLabels;

package/types/src/Slider/docs/examples/Disabled.d.ts

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

package/types/src/Slider/docs/examples/StepMarks.d.ts

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

package/types/src/Slider/docs/examples/prisma/Error.d.ts

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

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

@@ -0,0 +1,11 @@
+import { Component } from 'react';
+declare class Basic extends Component<{}, {
+    activePanelId: string;
+    transition: 'forward' | 'backward';
+}> {
+    constructor(props: {});
+    goBack: () => void;
+    goForward: () => void;
+    render(): JSX.Element;
+}
+export default Basic;

package/types/src/SlidingPanels/docs/examples/Dropdown.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'react';
+declare class DropdownExample extends Component<{}, {
+    activePanelId: string;
+    transition: 'forward' | 'backward';
+}> {
+    constructor(props: {});
+    goBack: () => void;
+    goForward: () => void;
+    render(): JSX.Element;
+}
+export default DropdownExample;

package/types/src/SlidingPanels/docs/examples/Modal.d.ts

@@ -0,0 +1,14 @@
+import { Component } from 'react';
+declare class ModalExample extends Component<{}, {
+    activePanelId: string;
+    modalOpen: boolean;
+    transition: 'forward' | 'backward';
+}> {
+    constructor(props: {});
+    goBack: () => void;
+    goForward: () => void;
+    open: () => void;
+    close: () => void;
+    render(): JSX.Element;
+}
+export default ModalExample;

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

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

package/types/src/StaticContent/docs/examples/FieldValue.d.ts

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

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

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

package/types/src/StepBar/docs/examples/prisma/Error.d.ts

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

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

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+import { SwitchClickHandler } from '@splunk/react-ui/Switch';
+declare class Basic extends Component<{}, {
+    values: number[];
+}> {
+    constructor(props: {});
+    handleClick: SwitchClickHandler;
+    render(): JSX.Element;
+}
+export default Basic;

package/types/src/Switch/docs/examples/Disabled.d.ts

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+import { SwitchClickHandler } from '@splunk/react-ui/Switch';
+declare class Disabled extends Component<{}, {
+    values: number[];
+}> {
+    constructor(props: {});
+    handleClick: SwitchClickHandler;
+    render(): JSX.Element;
+}
+export default Disabled;

package/types/src/Switch/docs/examples/Error.d.ts

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

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

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

package/types/src/TabBar/docs/examples/IconsInline.d.ts

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

package/types/src/TabBar/docs/examples/IconsSmall.d.ts

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

package/types/src/TabBar/docs/examples/Tooltips.d.ts

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

package/types/src/TabBar/docs/examples/Vertical.d.ts

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

package/types/src/TabBar/docs/examples/VerticalSmallIcons.d.ts

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

package/types/src/TabBar/docs/examples/WithCount.d.ts

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

package/types/src/TabBar/docs/examples/prisma/Context.d.ts

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

package/types/src/TabBar/docs/examples/prisma/Disabled.d.ts

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

package/types/src/TabLayout/docs/examples/AutoActivate.d.ts

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

package/types/src/TabLayout/docs/examples/Controlled.d.ts

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

package/types/src/TabLayout/docs/examples/Icons.d.ts

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

package/types/src/TabLayout/docs/examples/Uncontrolled.d.ts

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

package/types/src/TabLayout/docs/examples/Vertical.d.ts

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

package/types/src/TabLayout/docs/examples/VerticalIcons.d.ts

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

package/types/src/TabLayout/docs/examples/prisma/Context.d.ts

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

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

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

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

@@ -0,0 +1,16 @@
+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 {};

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

@@ -0,0 +1,16 @@
+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 {};

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

@@ -0,0 +1,39 @@
+import { Component } from 'react';
+import { HeadCellSortHandler, RowRequestToggleHandler, TableRequestMoveColumnHandler, TableRequestResizeColumnHandler, RowClickHandler } from '@splunk/react-ui/Table';
+interface Row {
+    age: number;
+    birthState: string;
+    disabled: boolean;
+    email: string;
+    name: string;
+    selected: boolean;
+    status: string;
+}
+interface Header {
+    align: 'left' | 'center' | 'right';
+    key: 'age' | 'birthState' | 'email' | 'name' | 'status';
+    label: string;
+    minWidth: number;
+    width: number;
+}
+interface ExampleState {
+    data: Row[];
+    headers: Header[];
+    sortDir: 'asc' | 'desc';
+    sortKey: 'age' | 'birthState' | 'email' | 'name' | 'status';
+    activeRow?: string;
+    activeRowData?: string;
+}
+export default class Complex extends Component<{}, ExampleState> {
+    constructor(props: {});
+    getExpansionRow(row: Row): JSX.Element;
+    handleRequestMoveColumn: TableRequestMoveColumnHandler;
+    handleSort: HeadCellSortHandler;
+    handleResizeColumn: TableRequestResizeColumnHandler;
+    handleToggle: RowRequestToggleHandler;
+    handleToggleAll: () => void;
+    handleRowClick: RowClickHandler;
+    rowSelectionState(data: Row[]): "none" | "all" | "some";
+    render(): JSX.Element;
+}
+export {};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+interface Column {
+    align: 'left' | 'right';
+    label: string;
+    sortKey: 'email' | 'name';
+}
+interface ExampleState {
+    columns: Column[];
+    sortDir: 'asc' | 'desc';
+    sortKey: 'email' | 'name';
+}
+declare class HeadDropdownCell extends Component<{}, ExampleState> {
+    constructor(props: {});
+    handleSort: (e: React.MouseEvent, { sortKey, sortDir }: Pick<ExampleState, 'sortKey' | 'sortDir'>) => void;
+    handleAlign: (e: React.MouseEvent, { sortKey, align }: Pick<ExampleState, 'sortKey'> & Pick<Column, 'align'>) => void;
+    render(): JSX.Element;
+}
+export default HeadDropdownCell;

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

@@ -0,0 +1,21 @@
+import { Component } from 'react';
+import { TableRequestMoveColumnHandler } from '@splunk/react-ui/Table';
+interface Row {
+    age: number;
+    email: string;
+    name: string;
+}
+interface Header {
+    key: 'age' | 'email' | 'name';
+    label: string;
+}
+interface ExampleState {
+    data: Row[];
+    headers: Header[];
+}
+export default class ReorderColumns extends Component<{}, ExampleState> {
+    constructor(props: {});
+    handleRequestMoveColumn: TableRequestMoveColumnHandler;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,21 @@
+import { Component } from 'react';
+import { TableRequestMoveRowHandler } from '@splunk/react-ui/Table';
+interface Row {
+    age: number;
+    email: string;
+    name: string;
+}
+interface Header {
+    key: 'age' | 'email' | 'name';
+    label: string;
+}
+interface ExampleState {
+    data: Row[];
+    headers: Header[];
+}
+export default class ReorderRows extends Component<{}, ExampleState> {
+    constructor(props: {});
+    handleRequestMoveRow: TableRequestMoveRowHandler;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,23 @@
+import { Component } from 'react';
+import { TableRequestResizeColumnHandler } from '@splunk/react-ui/Table';
+interface Row {
+    age: number;
+    email: string;
+    name: string;
+}
+interface Header {
+    key: 'age' | 'email' | 'name';
+    label: string;
+    minWidth: number;
+    width: number;
+}
+interface ExampleState {
+    data: Row[];
+    headers: Header[];
+}
+export default class Resizable extends Component<{}, ExampleState> {
+    constructor(props: {});
+    handleResizeColumn: TableRequestResizeColumnHandler;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,23 @@
+import { Component } from 'react';
+import { TableRequestResizeColumnHandler } from '@splunk/react-ui/Table';
+interface Row {
+    age: number;
+    email: string;
+    name: string;
+}
+interface Header {
+    key: 'age' | 'email' | 'name';
+    label: string;
+    minWidth: number;
+    width: number | 'auto';
+}
+interface ExampleState {
+    data: Row[];
+    headers: Header[];
+}
+export default class Resizable extends Component<{}, ExampleState> {
+    constructor(props: {});
+    handleResizeColumn: TableRequestResizeColumnHandler;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,18 @@
+import { Component } from 'react';
+import { RowRequestToggleHandler } from '@splunk/react-ui/Table';
+interface Row {
+    email: string;
+    name: string;
+    selected: boolean;
+}
+interface ExampleState {
+    data: Row[];
+}
+export default class Selectable extends Component<{}, ExampleState> {
+    constructor(props: {});
+    handleToggle: RowRequestToggleHandler;
+    handleToggleAll: () => void;
+    rowSelectionState(data: Row[]): "none" | "all" | "some";
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,12 @@
+import { Component } from 'react';
+import { HeadCellSortHandler } from '@splunk/react-ui/Table';
+interface ExampleState {
+    sortDir: 'asc' | 'desc';
+    sortKey: 'email' | 'name';
+}
+declare class SortableColumns extends Component<{}, ExampleState> {
+    constructor(props: {});
+    handleSort: HeadCellSortHandler;
+    render(): JSX.Element;
+}
+export default SortableColumns;

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

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

package/types/src/Table/docs/examples/prisma/Complex.d.ts

@@ -0,0 +1,48 @@
+import React, { Component } from 'react';
+import { HeadCellSortHandler, RowActionPrimaryClickHandler, RowActionSecondaryClickHandler, RowRequestToggleHandler, TableRequestMoveColumnHandler, RowClickHandler } from '@splunk/react-ui/Table';
+interface Row {
+    age: number;
+    birthState: string;
+    disabled: boolean;
+    email: string;
+    name: string;
+    selected: boolean;
+    status: string;
+}
+interface Header {
+    key: 'age' | 'birthState' | 'email' | 'name' | 'status';
+    label: string;
+    minWidth: number;
+    visible: boolean;
+    width: number;
+}
+interface ExampleState {
+    data: Row[];
+    headers: Header[];
+    primaryAction?: string;
+    primaryActionRowData?: string;
+    secondaryAction?: string;
+    secondaryActionRowData?: string;
+    sortDir: 'asc' | 'desc';
+    sortKey: 'age' | 'birthState' | 'email' | 'name' | 'status';
+    activeRow?: string;
+    activeRowData?: string;
+}
+export default class Complex extends Component<{}, ExampleState> {
+    constructor(props: {});
+    handleRequestMoveColumn: TableRequestMoveColumnHandler;
+    handleSort: HeadCellSortHandler;
+    handleToggle: RowRequestToggleHandler;
+    handleToggleAll: () => void;
+    handleRowClick: RowClickHandler;
+    handleShowHide: (e: React.MouseEvent, { label }: {
+        label: string;
+    }) => void;
+    handleEditActionClick: RowActionPrimaryClickHandler;
+    handleSaveActionClick: RowActionSecondaryClickHandler;
+    handleAddActionClick: RowActionSecondaryClickHandler;
+    handleDeleteActionClick: RowActionSecondaryClickHandler;
+    rowSelectionState(data: Row[]): "none" | "all" | "some";
+    render(): JSX.Element;
+}
+export {};

package/types/src/Table/docs/examples/prisma/DockedHeader.d.ts

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

package/types/src/Table/docs/examples/prisma/RowActions.d.ts

@@ -0,0 +1,39 @@
+import React, { Component } from 'react';
+import { RowActionPrimaryClickHandler, RowActionSecondaryClickHandler } from '@splunk/react-ui/Table';
+interface Row {
+    age: number;
+    country: string;
+    email: string;
+    favoriteColor: string;
+    favoriteDay: string;
+    industry: string;
+    name: string;
+    occupation: string;
+    state: string;
+}
+interface Column {
+    label: string;
+    name: keyof Row;
+    visible: boolean;
+}
+interface ExampleState {
+    columns: Column[];
+    data: Row[];
+    primaryAction?: string;
+    primaryActionRowData?: string;
+    secondaryAction?: string;
+    secondaryActionRowData?: string;
+}
+export default class TableAction extends Component<{}, ExampleState> {
+    constructor(props: {});
+    handleRowClick: () => void;
+    handleShowHide: (e: React.MouseEvent, { name }: {
+        name: string;
+    }) => void;
+    handleEditActionClick: RowActionPrimaryClickHandler;
+    handleSaveActionClick: RowActionSecondaryClickHandler;
+    handleAddActionClick: RowActionSecondaryClickHandler;
+    handleDeleteActionClick: RowActionSecondaryClickHandler;
+    render(): JSX.Element;
+}
+export {};