@splunk/react-ui 4.7.0 → 4.10.0

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 {};