diff --git a/packages/patternfly-4/react-table/src/components/Table/Body.js b/packages/patternfly-4/react-table/src/components/Table/Body.js index 8d2fd5d24ca..1df97d8d593 100644 --- a/packages/patternfly-4/react-table/src/components/Table/Body.js +++ b/packages/patternfly-4/react-table/src/components/Table/Body.js @@ -2,6 +2,7 @@ import React from 'react'; import { Body } from 'reactabular-table'; import PropTypes from 'prop-types'; import { TableContext } from './Table'; +import { isRowExpanded } from './utils'; const propTypes = { /** Additional classes for table body. */ @@ -32,36 +33,33 @@ class ContextBody extends React.Component { }; }; - parentsExpanded(parentId) { - const { rows } = this.props; - return rows[parentId].hasOwnProperty('parent') - ? this.parentsExpanded(rows[parentId].parent) - : rows[parentId].isOpen; - } + mapCells = (headerData, row, rowKey) => { + // column indexes start after generated optional columns + let additionalColsIndexShift = headerData[0].extraParams.firstUserColumnIndex; - mapCells = (row, rowKey) => { - const { headerData } = this.props; - let shiftKey = Boolean(headerData[0] && headerData[0].extraParams.onSelect); - shiftKey += Boolean(headerData[0] && headerData[0].extraParams.onCollapse); return { ...(row && (row.cells || row).reduce( - (acc, curr, key) => { - const currShift = shiftKey; - if (curr.props && curr.props.colSpan) { - shiftKey += shiftKey + curr.props && curr.props.colSpan - 1; + (acc, cell, cellIndex) => { + const isCellObject = cell === Object(cell); + + const mappedCell = { + [headerData[cellIndex + additionalColsIndexShift].property]: { + title: isCellObject ? cell.title : cell, + props: { + isVisible: true, + ...(isCellObject ? cell.props : null) + } + } + }; + + // increment the shift index when a cell spans multiple columns + if (isCellObject && cell.props && cell.props.colSpan) { + additionalColsIndexShift += cell.props.colSpan - 1; } return { ...acc, - ...{ - [headerData[currShift + key].property]: { - title: curr.title || curr, - props: { - isVisible: true, - ...curr.props - } - } - } + ...mappedCell }; }, { id: row.id !== undefined ? row.id : rowKey } @@ -72,16 +70,13 @@ class ContextBody extends React.Component { render() { const { className, headerData, rows, rowKey, children, onRowClick, ...props } = this.props; const mappedRows = - headerData.length !== 0 && + headerData.length > 0 && rows.map((oneRow, oneRowKey) => ({ ...oneRow, - ...this.mapCells(oneRow, oneRowKey), - ...(oneRow.parent !== undefined - ? { - isExpanded: this.parentsExpanded(oneRow.parent) && rows[oneRow.parent].isOpen - } - : {}) + ...this.mapCells(headerData, oneRow, oneRowKey), + isExpanded: isRowExpanded(oneRow, rows) })); + return ( {mappedRows && ( diff --git a/packages/patternfly-4/react-table/src/components/Table/Table.d.ts b/packages/patternfly-4/react-table/src/components/Table/Table.d.ts index 8ded78982a6..ed7cbd497b7 100644 --- a/packages/patternfly-4/react-table/src/components/Table/Table.d.ts +++ b/packages/patternfly-4/react-table/src/components/Table/Table.d.ts @@ -2,6 +2,10 @@ import { FunctionComponent, HTMLProps, ReactNode, MouseEvent } from 'react'; import { SortByDirection } from './SortColumn'; import { DropdownPosition, DropdownDirection, OneOf, Omit } from '@patternfly/react-core'; +interface OnSort { + (event: MouseEvent, columnIndex: number, extraData: IExtraColumnData): void +} + export const TableGridBreakpoint: { grid: 'grid', gridMd: 'grid-md', @@ -15,9 +19,16 @@ export const TableVariant: { export interface IRowData { } +export interface IColumn { + extraParams: { + sortBy?: ISortBy; + onSort?: OnSort; + } +} + export interface IExtraColumnData { columnIndex: number, - column: Object, + column: IColumn, property: string, } @@ -25,6 +36,10 @@ export interface IExtraData extends IExtraColumnData { rowIndex: number } +export interface IExtra extends IExtraData { + rowData: IRowData, +} + export interface ISortBy { index?: Number; direction?: OneOf; @@ -68,7 +83,7 @@ export interface TableProps extends Omit, 'onSe sortBy?: ISortBy; onCollapse?: (event: MouseEvent, rowIndex: number,isOpen: boolean, rowData: IRowData, extraData: IExtraData) => void; onSelect?: (event: MouseEvent, isSelected: boolean, rowIndex: number, rowData: IRowData, extraData: IExtraData) => void; - onSort?: (event: MouseEvent, columnIndex: number, extraData: IExtraColumnData) => void; + onSort?: OnSort; actions?: Array; actionResolver?: (rowData: IRowData, extraData: IExtraData) => Array; areActionsDisabled?: (rowData: IRowData, extraData: IExtraData) => boolean; diff --git a/packages/patternfly-4/react-table/src/components/Table/Table.js b/packages/patternfly-4/react-table/src/components/Table/Table.js index 86bf836de81..ba41eb1bea2 100644 --- a/packages/patternfly-4/react-table/src/components/Table/Table.js +++ b/packages/patternfly-4/react-table/src/components/Table/Table.js @@ -204,7 +204,8 @@ class Table extends React.Component { expandId, contentId, dropdownPosition, - dropdownDirection + dropdownDirection, + firstUserColumnIndex: [onCollapse, onSelect].filter(callback => callback).length }); return ( diff --git a/packages/patternfly-4/react-table/src/components/Table/Table.test.js b/packages/patternfly-4/react-table/src/components/Table/Table.test.js index 2fea2243683..3d8e4030fb5 100644 --- a/packages/patternfly-4/react-table/src/components/Table/Table.test.js +++ b/packages/patternfly-4/react-table/src/components/Table/Table.test.js @@ -8,7 +8,8 @@ import { TableVariant, cellWidth, headerCol, - sortable + sortable, + expandable } from './index'; import { rows, columns, actions } from '../../test-helpers/data-sets'; @@ -130,6 +131,7 @@ test('Collapsible table', () => { rows[1] = { ...rows[1], parent: 0 }; rows[3] = { ...rows[3], isOpen: false }; rows[4] = { ...rows[4], parent: 3 }; + columns[0] = { ...columns[0], cellFormatters: [expandable] }; const onCollapse = () => undefined; const view = mount( diff --git a/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap b/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap index 6d0d2032f75..d1e102a80b7 100644 --- a/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap +++ b/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap @@ -472,6 +472,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -511,6 +512,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -549,6 +551,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -587,6 +590,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -625,6 +629,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -664,6 +669,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -748,6 +754,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -787,6 +794,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -825,6 +833,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -863,6 +872,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -901,6 +911,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -940,6 +951,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -1125,6 +1137,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -1164,6 +1177,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -1202,6 +1216,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -1240,6 +1255,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -1278,6 +1294,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -1317,6 +1334,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -1453,6 +1471,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1493,6 +1512,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 1, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1533,6 +1553,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1573,6 +1594,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1613,6 +1635,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 4, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1653,6 +1676,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1693,6 +1717,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1733,6 +1758,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1773,6 +1799,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1819,6 +1846,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1859,6 +1887,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 1, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1899,6 +1928,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1939,6 +1969,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -1979,6 +2010,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 4, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2019,6 +2051,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2059,6 +2092,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2099,6 +2133,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2139,6 +2174,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2186,6 +2222,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2226,6 +2263,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 1, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2266,6 +2304,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2306,6 +2345,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2346,6 +2386,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 4, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2386,6 +2427,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2426,6 +2468,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2466,6 +2509,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2506,6 +2550,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2554,6 +2599,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -2593,6 +2639,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -2631,6 +2678,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -2669,6 +2717,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -2707,6 +2756,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -2746,6 +2796,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -2800,6 +2851,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -2937,6 +2989,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3007,6 +3060,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -3202,6 +3256,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3241,6 +3296,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3279,6 +3335,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3317,6 +3374,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3355,6 +3413,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3394,6 +3453,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3448,6 +3508,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 1, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -3585,6 +3646,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3655,6 +3717,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 1, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -3850,6 +3913,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3889,6 +3953,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3927,6 +3992,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -3965,6 +4031,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4003,6 +4070,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4042,6 +4110,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4096,6 +4165,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -4233,6 +4303,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4303,6 +4374,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -4498,6 +4570,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4537,6 +4610,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4575,6 +4649,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4613,6 +4688,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4651,6 +4727,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4690,6 +4767,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4744,6 +4822,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -4881,6 +4960,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -4951,6 +5031,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -5146,6 +5227,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5185,6 +5267,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5223,6 +5306,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5261,6 +5345,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5299,6 +5384,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5338,6 +5424,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5392,6 +5479,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 4, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -5529,6 +5617,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5599,6 +5688,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 4, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -5794,6 +5884,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5833,6 +5924,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5871,6 +5963,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5909,6 +6002,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5947,6 +6041,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -5986,6 +6081,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -6040,6 +6136,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -6177,6 +6274,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -6247,6 +6345,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -6442,6 +6541,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -6481,6 +6581,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -6519,6 +6620,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -6557,6 +6659,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -6595,6 +6698,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -6634,6 +6738,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -6688,6 +6793,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -6825,6 +6931,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -6895,6 +7002,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -7090,6 +7198,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7129,6 +7238,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7167,6 +7277,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7205,6 +7316,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7243,6 +7355,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7282,6 +7395,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7336,6 +7450,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -7473,6 +7588,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7543,6 +7659,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -7738,6 +7855,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7777,6 +7895,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7815,6 +7934,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7853,6 +7973,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7891,6 +8012,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7930,6 +8052,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -7984,6 +8107,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -8121,6 +8245,7 @@ exports[`Actions table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -8191,6 +8316,7 @@ exports[`Actions table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -8570,6 +8696,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -8609,6 +8736,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -8647,6 +8775,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -8685,6 +8814,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -8723,6 +8853,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -8807,6 +8938,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -8846,6 +8978,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -8884,6 +9017,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -8922,6 +9056,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -8960,6 +9095,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -9134,6 +9270,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -9173,6 +9310,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -9211,6 +9349,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -9249,6 +9388,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -9287,6 +9427,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -9422,6 +9563,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9462,6 +9604,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 1, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9502,6 +9645,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9542,6 +9686,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9582,6 +9727,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 4, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9622,6 +9768,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9662,6 +9809,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9702,6 +9850,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9742,6 +9891,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9788,6 +9938,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9828,6 +9979,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 1, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9868,6 +10020,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9908,6 +10061,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9948,6 +10102,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 4, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -9988,6 +10143,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10028,6 +10184,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10068,6 +10225,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10108,6 +10266,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10155,6 +10314,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10195,6 +10355,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 1, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10235,6 +10396,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10275,6 +10437,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10315,6 +10478,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 4, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10355,6 +10519,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10395,6 +10560,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10435,6 +10601,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10475,6 +10642,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10524,6 +10692,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -10563,6 +10732,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -10601,6 +10771,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -10639,6 +10810,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -10677,6 +10849,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -10730,6 +10903,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -10856,6 +11030,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -10895,6 +11070,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -10933,6 +11109,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -10971,6 +11148,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11009,6 +11187,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11062,6 +11241,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 1, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -11188,6 +11368,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11227,6 +11408,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11265,6 +11447,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11303,6 +11486,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11341,6 +11525,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11394,6 +11579,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -11520,6 +11706,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11559,6 +11746,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11597,6 +11785,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11635,6 +11824,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11673,6 +11863,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11726,6 +11917,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -11852,6 +12044,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11891,6 +12084,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11929,6 +12123,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -11967,6 +12162,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12005,6 +12201,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12058,6 +12255,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 4, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -12184,6 +12382,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12223,6 +12422,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12261,6 +12461,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12299,6 +12500,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12337,6 +12539,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12390,6 +12593,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -12516,6 +12720,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12555,6 +12760,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12593,6 +12799,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12631,6 +12838,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12669,6 +12877,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12722,6 +12931,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -12848,6 +13058,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12887,6 +13098,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12925,6 +13137,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -12963,6 +13176,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -13001,6 +13215,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -13054,6 +13269,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -13180,6 +13396,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -13219,6 +13436,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -13257,6 +13475,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -13295,6 +13514,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -13333,6 +13553,7 @@ exports[`Cell header table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -13386,6 +13607,7 @@ exports[`Cell header table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -13708,6 +13930,9 @@ exports[`Collapsible nested table 1`] = ` cells={ Array [ Object { + "cellFormatters": Array [ + [Function], + ], "cellTransforms": Array [ [Function], ], @@ -13851,6 +14076,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -13876,6 +14102,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -13893,6 +14120,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -13933,6 +14161,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -13972,6 +14201,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14011,6 +14241,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14050,6 +14281,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14134,6 +14366,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14159,6 +14392,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -14176,6 +14410,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14216,6 +14451,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14255,6 +14491,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14294,6 +14531,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14333,6 +14571,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14518,6 +14757,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14543,6 +14783,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -14560,6 +14801,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14600,6 +14842,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14639,6 +14882,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14678,6 +14922,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14717,6 +14962,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -14858,6 +15104,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -14984,6 +15231,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -15067,6 +15315,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15107,6 +15356,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15147,6 +15397,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15187,6 +15438,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15233,6 +15485,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -15359,6 +15612,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -15442,6 +15696,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15482,6 +15737,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15522,6 +15778,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15562,6 +15819,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15609,6 +15867,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -15735,6 +15994,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -15818,6 +16078,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15858,6 +16119,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15898,6 +16160,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15938,6 +16201,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -15988,6 +16252,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16013,6 +16278,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -16030,6 +16296,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16070,6 +16337,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16109,6 +16377,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16148,6 +16417,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16187,6 +16457,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16240,6 +16511,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -16444,6 +16716,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16469,6 +16742,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -16486,6 +16760,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16526,6 +16801,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16565,6 +16841,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16604,6 +16881,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16643,6 +16921,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16813,6 +17092,7 @@ exports[`Collapsible nested table 1`] = ` component="td" data-key={1} data-label="Header cell" + id="expanded-content1" isVisible={true} key="1-cell" parentId={0} @@ -16821,13 +17101,11 @@ exports[`Collapsible nested table 1`] = ` colSpan={5} data-key={1} data-label="Header cell" + id="expanded-content1" > - +
one
@@ -16891,6 +17169,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16916,6 +17195,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -16933,6 +17213,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -16973,6 +17254,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17012,6 +17294,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17051,6 +17334,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17090,6 +17374,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17201,6 +17486,7 @@ exports[`Collapsible nested table 1`] = ` component="td" data-key={1} data-label="Header cell" + id="expanded-content2" isVisible={true} key="1-cell" parentId={1} @@ -17209,13 +17495,11 @@ exports[`Collapsible nested table 1`] = ` colSpan={5} data-key={1} data-label="Header cell" + id="expanded-content2" > - +
one
@@ -17285,6 +17569,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17310,6 +17595,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -17327,6 +17613,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17367,6 +17654,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17406,6 +17694,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17445,6 +17734,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17484,6 +17774,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17537,6 +17828,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -17741,6 +18033,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17766,6 +18059,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -17783,6 +18077,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17823,6 +18118,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17862,6 +18158,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17901,6 +18198,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -17940,6 +18238,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18051,6 +18350,7 @@ exports[`Collapsible nested table 1`] = ` component="td" data-key={1} data-label="Header cell" + id="expanded-content4" isVisible={true} key="1-cell" parentId={3} @@ -18059,13 +18359,11 @@ exports[`Collapsible nested table 1`] = ` colSpan={5} data-key={1} data-label="Header cell" + id="expanded-content4" > - +
one
@@ -18135,6 +18433,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18160,6 +18459,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -18177,6 +18477,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18217,6 +18518,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18256,6 +18558,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18295,6 +18598,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18334,6 +18638,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18387,6 +18692,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -18538,6 +18844,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18563,6 +18870,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -18580,6 +18888,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18620,6 +18929,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18659,6 +18969,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18698,6 +19009,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18737,6 +19049,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18790,6 +19103,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -18941,6 +19255,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -18966,6 +19281,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -18983,6 +19299,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19023,6 +19340,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19062,6 +19380,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19101,6 +19420,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19140,6 +19460,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19193,6 +19514,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -19344,6 +19666,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19369,6 +19692,7 @@ exports[`Collapsible nested table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -19386,6 +19710,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19426,6 +19751,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19465,6 +19791,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19504,6 +19831,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19543,6 +19871,7 @@ exports[`Collapsible nested table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -19596,6 +19925,7 @@ exports[`Collapsible nested table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -19916,6 +20246,9 @@ exports[`Collapsible table 1`] = ` cells={ Array [ Object { + "cellFormatters": Array [ + [Function], + ], "cellTransforms": Array [ [Function], ], @@ -20057,6 +20390,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20082,6 +20416,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -20099,6 +20434,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20139,6 +20475,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20178,6 +20515,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20217,6 +20555,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20256,6 +20595,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20340,6 +20680,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20365,6 +20706,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -20382,6 +20724,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20422,6 +20765,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20461,6 +20805,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20500,6 +20845,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20539,6 +20885,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20724,6 +21071,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20749,6 +21097,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -20766,6 +21115,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20806,6 +21156,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20845,6 +21196,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20884,6 +21236,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -20923,6 +21276,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -21062,6 +21416,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": true, "last-commit": Object { "props": Object { @@ -21145,6 +21500,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21185,6 +21541,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -21268,6 +21625,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21308,6 +21666,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21348,6 +21707,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21388,6 +21748,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21434,6 +21795,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": true, "last-commit": Object { "props": Object { @@ -21517,6 +21879,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21557,6 +21920,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -21640,6 +22004,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21680,6 +22045,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21720,6 +22086,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21760,6 +22127,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21807,6 +22175,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": true, "last-commit": Object { "props": Object { @@ -21890,6 +22259,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -21930,6 +22300,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -22013,6 +22384,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -22053,6 +22425,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -22093,6 +22466,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -22133,6 +22507,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -22183,6 +22558,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22208,6 +22584,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -22225,6 +22602,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22265,6 +22643,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22304,6 +22683,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22343,6 +22723,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22382,6 +22763,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22435,6 +22817,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": true, "last-commit": Object { "props": Object { @@ -22639,6 +23022,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22664,6 +23048,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -22681,6 +23066,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22721,6 +23107,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22760,6 +23147,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22799,6 +23187,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22838,6 +23227,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -22949,6 +23339,7 @@ exports[`Collapsible table 1`] = ` component="td" data-key={1} data-label="Header cell" + id="expanded-content1" isVisible={true} key="1-cell" parentId={0} @@ -22957,13 +23348,11 @@ exports[`Collapsible table 1`] = ` colSpan={5} data-key={1} data-label="Header cell" + id="expanded-content1" > - +
one
@@ -23033,6 +23422,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23058,6 +23448,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -23075,6 +23466,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23115,6 +23507,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23154,6 +23547,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23193,6 +23587,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23232,6 +23627,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23285,6 +23681,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 2, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -23436,6 +23833,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23461,6 +23859,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -23478,6 +23877,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23518,6 +23918,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23557,6 +23958,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23596,6 +23998,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23635,6 +24038,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23688,6 +24092,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -23892,6 +24297,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23917,6 +24323,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -23934,6 +24341,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -23974,6 +24382,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24013,6 +24422,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24052,6 +24462,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24091,6 +24502,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24202,6 +24614,7 @@ exports[`Collapsible table 1`] = ` component="td" data-key={1} data-label="Header cell" + id="expanded-content4" isVisible={true} key="1-cell" parentId={3} @@ -24210,13 +24623,11 @@ exports[`Collapsible table 1`] = ` colSpan={5} data-key={1} data-label="Header cell" + id="expanded-content4" > - +
one
@@ -24286,6 +24697,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24311,6 +24723,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -24328,6 +24741,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24368,6 +24782,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24407,6 +24822,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24446,6 +24862,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24485,6 +24902,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24538,6 +24956,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -24689,6 +25108,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24714,6 +25134,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -24731,6 +25152,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24771,6 +25193,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24810,6 +25233,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24849,6 +25273,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24888,6 +25313,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -24941,6 +25367,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -25092,6 +25519,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25117,6 +25545,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -25134,6 +25563,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25174,6 +25604,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25213,6 +25644,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25252,6 +25684,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25291,6 +25724,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25344,6 +25778,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -25495,6 +25930,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25520,6 +25956,7 @@ exports[`Collapsible table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -25537,6 +25974,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25577,6 +26015,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25616,6 +26055,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25655,6 +26095,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25694,6 +26135,7 @@ exports[`Collapsible table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 1, "onCollapse": [Function], "onSelect": undefined, "onSort": undefined, @@ -25747,6 +26189,7 @@ exports[`Collapsible table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -25899,6 +26342,9 @@ exports[`Header width table 1`] = ` .pf-m-width-max { display: block; } +.pf-c-table__expandable-row-content { + display: block; +} .pf-c-table__expandable-row { display: none; position: relative; @@ -25907,6 +26353,9 @@ exports[`Header width table 1`] = ` transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); visibility: hidden; } +.pf-c-table__expandable-row-content { + display: block; +} .pf-c-table__expandable-row { display: none; position: relative; @@ -25915,6 +26364,9 @@ exports[`Header width table 1`] = ` transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); visibility: hidden; } +.pf-c-table__expandable-row-content { + display: block; +} .pf-c-table__expandable-row { display: none; position: relative; @@ -25939,6 +26391,9 @@ exports[`Header width table 1`] = ` cells={ Array [ Object { + "cellFormatters": Array [ + [Function], + ], "cellTransforms": Array [ [Function], ], @@ -26073,6 +26528,7 @@ exports[`Header width table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -26088,6 +26544,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26127,6 +26584,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26165,6 +26623,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26204,6 +26663,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26242,6 +26702,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26312,6 +26773,7 @@ exports[`Header width table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -26327,6 +26789,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26366,6 +26829,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26404,6 +26868,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26443,6 +26908,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26481,6 +26947,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26602,6 +27069,7 @@ exports[`Header width table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -26617,6 +27085,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26656,6 +27125,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26694,6 +27164,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26733,6 +27204,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26771,6 +27243,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -26913,6 +27386,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -27039,6 +27513,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -27122,6 +27597,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27162,6 +27638,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27202,6 +27679,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27242,6 +27720,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27288,6 +27767,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -27414,6 +27894,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -27497,6 +27978,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27537,6 +28019,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27577,6 +28060,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27617,6 +28101,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27664,6 +28149,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -27790,6 +28276,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 3, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -27873,6 +28360,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 5, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27913,6 +28401,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 6, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27953,6 +28442,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 7, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -27993,6 +28483,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 8, + "isExpanded": undefined, "last-commit": Object { "props": Object { "isVisible": true, @@ -28028,6 +28519,7 @@ exports[`Header width table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -28043,6 +28535,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -28082,6 +28575,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -28120,6 +28614,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -28159,6 +28654,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -28197,6 +28693,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -28251,6 +28748,7 @@ exports[`Header width table 1`] = ` "title": "one", }, "id": 0, + "isExpanded": undefined, "isOpen": false, "last-commit": Object { "props": Object { @@ -28364,6 +28862,7 @@ exports[`Header width table 1`] = ` "cell": Object { "formatters": Array [ [Function], + [Function], ], "transforms": Array [ [Function], @@ -28379,6 +28878,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -28418,6 +28918,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -28456,6 +28957,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -28495,6 +28997,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -28533,6 +29036,7 @@ exports[`Header width table 1`] = ` "dropdownDirection": "down", "dropdownPosition": "right", "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, "onCollapse": null, "onSelect": undefined, "onSort": undefined, @@ -28634,7 +29138,13 @@ exports[`Header width table 1`] = ` data-key={0} data-label="Header cell" > - one + +
+ one +
+ - one + +
+ one +
+ - one + +
+ one +
+ - one + +
+ one +
+ - one + +
+ one +
+ - one + +
+ one +
+ +
+ test +
+ +`; + exports[`Transformer functions selectable unselected 1`] = ` Object { "children": + rowData.hasOwnProperty('parent') ? {value} : value; + export const expandedRow = colSpan => { const expandedRowFormatter = ( value, @@ -47,7 +50,7 @@ export const expandedRow = colSpan => { ) => rowData.hasOwnProperty('parent') && { colSpan, - children: {value.title || value} + id: contentId + rowIndex }; return expandedRowFormatter; }; diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/index.d.ts b/packages/patternfly-4/react-table/src/components/Table/utils/index.d.ts index 61dae55b73c..cf82ba077d1 100644 --- a/packages/patternfly-4/react-table/src/components/Table/utils/index.d.ts +++ b/packages/patternfly-4/react-table/src/components/Table/utils/index.d.ts @@ -1,21 +1,13 @@ import { ReactNode } from 'react'; -import { ISortBy } from '../Table'; +import { IRow, IExtra } from '../Table'; export interface ISortable { className: string; children: ReactNode } -export interface IExtra { - column: { - extraParams: { - sortBy: ISortBy; - onSort: Function; - } - }; - columnIndex: number; -} - export const sortable: (label: string, extra: IExtra) => ISortable; export const headerCol: () => { component: string }; export const cellWidth: (width: string) => () => { className: string }; +export const expandable: (value: ReactNode, extra: IExtra) => ReactNode; +export const isRowExpanded: (row: IRow, rows: Array) => boolean | undefined; diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/index.js b/packages/patternfly-4/react-table/src/components/Table/utils/index.js index 0fa6973a1b6..5981082017e 100644 --- a/packages/patternfly-4/react-table/src/components/Table/utils/index.js +++ b/packages/patternfly-4/react-table/src/components/Table/utils/index.js @@ -1,3 +1,4 @@ export * from './transformers'; export * from './headerUtils'; export * from './formatters'; +export * from './utils'; diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/transformers.js b/packages/patternfly-4/react-table/src/components/Table/utils/transformers.js index 04f6380fcbb..cd32af67d16 100644 --- a/packages/patternfly-4/react-table/src/components/Table/utils/transformers.js +++ b/packages/patternfly-4/react-table/src/components/Table/utils/transformers.js @@ -2,7 +2,7 @@ export { default as selectable } from './decorators/selectable'; export { default as sortable } from './decorators/sortable'; export { default as cellActions } from './decorators/cellActions'; export { default as cellWidth } from './decorators/cellWidth'; -export { collapsible, expandedRow } from './decorators/collapsible'; +export { collapsible, expandedRow, expandable } from './decorators/collapsible'; export { default as headerCol } from './decorators/headerCol'; export const emptyTD = () => ({ diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/transformers.test.js b/packages/patternfly-4/react-table/src/components/Table/utils/transformers.test.js index 81d943192a7..8e479afbc40 100644 --- a/packages/patternfly-4/react-table/src/components/Table/utils/transformers.test.js +++ b/packages/patternfly-4/react-table/src/components/Table/utils/transformers.test.js @@ -9,6 +9,7 @@ import { headerCol, emptyCol, mapProps, + expandable, expandedRow } from './transformers'; import { DropdownDirection, DropdownPosition } from '@patternfly/react-core'; @@ -183,12 +184,26 @@ describe('Transformer functions', () => { expect(onCollapse.mock.calls).toHaveLength(1); }); - describe('expandedRow', () => { + describe('expandable', () => { test('with parent', () => { - const returned = expandedRow(5)({ title: 'test' }, { rowData: { parent: 1 }, column: { extraParams: {} } }); - expect(returned).toMatchObject({ colSpan: 5 }); - const view = mount(returned.children); + const returned = expandable('test', { rowIndex: 2, rowData: { parent: 1 }, column: { extraParams: {} } }); + const view = mount(returned); expect(view.find('div.pf-c-table__expandable-row-content')).toHaveLength(1); + expect(view).toMatchSnapshot(); + }); + + test('no parent', () => { + expect(expandable('test', { rowData: {}, column: { extraParams: {} } })).toBe('test'); + }); + }); + + describe('expandedRow', () => { + test('with parent', () => { + const returned = expandedRow(5)( + { title: 'test' }, + { rowIndex: 2, rowData: { parent: 1 }, column: { extraParams: {} } } + ); + expect(returned).toMatchObject({ colSpan: 5, id: 'expanded-content2' }); }); test('no parent', () => { diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/utils.js b/packages/patternfly-4/react-table/src/components/Table/utils/utils.js new file mode 100644 index 00000000000..9b6f644e1b0 --- /dev/null +++ b/packages/patternfly-4/react-table/src/components/Table/utils/utils.js @@ -0,0 +1,14 @@ +const hasParentsExpanded = (parentId, rows) => { + // max rows.length parents + for (let i = 0; i < rows.length; i++) { + if (rows[parentId].hasOwnProperty('parent')) { + parentId = rows[parentId].parent; + } else { + return rows[parentId].isOpen; + } + } + return false; +}; + +export const isRowExpanded = (row, rows) => + row.parent !== undefined ? hasParentsExpanded(row.parent, rows) && rows[row.parent].isOpen : undefined; diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/utils.test.js b/packages/patternfly-4/react-table/src/components/Table/utils/utils.test.js new file mode 100644 index 00000000000..aa15f52247c --- /dev/null +++ b/packages/patternfly-4/react-table/src/components/Table/utils/utils.test.js @@ -0,0 +1,85 @@ +import { isRowExpanded } from './utils'; +import { buildExpandableRows } from '../../../test-helpers/data-helpers'; + +const assertExpanded = (rows, expandedRowIndexes) => { + expandedRowIndexes.forEach(expandedRowIndex => { + const expandedRow = rows[expandedRowIndex]; + expect(isRowExpanded(expandedRow, rows)).toBeTruthy(); + }); +}; + +const assertNotExpanded = (rows, notExpandedRowIndexes) => { + notExpandedRowIndexes.forEach(expandedRowIndex => { + const expandedRow = rows[expandedRowIndex]; + expect(isRowExpanded(expandedRow, rows)).toBeFalsy(); + }); +}; + +describe('Util functions', () => { + describe('isRowExpanded', () => { + test('basic', () => { + const rows = buildExpandableRows({ 6: 5 }, [5]); + assertExpanded(rows, [6]); + assertNotExpanded(rows, [0, 1, 5, 9]); + }); + test('two open, one closed', () => { + const rows = buildExpandableRows({ 1: 0, 3: 2, 5: 4 }, [0, 2]); + assertExpanded(rows, [1, 3]); + assertNotExpanded(rows, [0, 2, 4, 5, 8]); + }); + test('all closed', () => { + const rows = buildExpandableRows({ 1: 0, 3: 2, 5: 4 }); + assertNotExpanded(rows, [...Array(10).keys()]); + }); + test('parent-child chain', () => { + const rows = buildExpandableRows( + { + 1: 0, + 2: 1, + 3: 2, + 4: 3, + 5: 4, + 6: 5, + 7: 6 + }, + [...Array(7).keys()] + ); + assertExpanded(rows, [1, 2, 3, 4, 5, 6, 7]); + assertNotExpanded(rows, [0, 8, 9]); + }); + test('two parent-child chains', () => { + const rows = buildExpandableRows( + { + 1: 0, + 3: 1, + 4: 2, + 5: 3, + 6: 4, + 7: 6 + }, + [...Array(7).keys()] + ); + assertExpanded(rows, [1, 3, 4, 5, 6, 7]); + assertNotExpanded(rows, [0, 2, 8, 9]); + }); + test('not in order', () => { + const rows = buildExpandableRows( + { + 0: 1, + 1: 4 + }, + [4, 1] + ); + assertExpanded(rows, [0, 1]); + assertNotExpanded(rows, [2, 3, 4, 5]); + }); + test('child parent circle', () => { + const rows = buildExpandableRows({ 1: 0, 0: 1 }, [0, 1]); + assertNotExpanded(rows, [...Array(10).keys()]); + }); + test('undefined without a parent', () => { + const rows = buildExpandableRows(); + expect(isRowExpanded(rows[1], rows)).toBeUndefined(); + }); + }); +}); diff --git a/packages/patternfly-4/react-table/src/test-helpers/data-helpers.js b/packages/patternfly-4/react-table/src/test-helpers/data-helpers.js new file mode 100644 index 00000000000..55325eb9151 --- /dev/null +++ b/packages/patternfly-4/react-table/src/test-helpers/data-helpers.js @@ -0,0 +1,19 @@ +export const buildExpandableRows = (relationships = {}, openIndexes = [], rowCount = 10) => { + const rows = []; + for (let i = 0; i < rowCount; i++) { + const row = { + data: { + mockData: 'mock' + } + }; + + if (openIndexes.indexOf(i) >= 0) { + row.isOpen = true; + } + if (relationships[i] >= 0) { + row.parent = relationships[i]; + } + rows.push(row); + } + return rows; +};