From 8994fe2b21fe1457d6104ebd6f68bb6adac29f9a Mon Sep 17 00:00:00 2001 From: Patrick Riley Date: Wed, 27 Mar 2019 11:48:30 -0400 Subject: [PATCH] refactor BodyWrapper --- .../InlineEdit/InlineEdit.api.test.js | 2 +- .../src/components/Table/Table.api.test.js | 10 +- .../react-table/src/components/Table/Table.js | 2 +- .../src/components/Table/Table.test.js | 28 +- .../Table/__snapshots__/Table.test.js.snap | 100692 +++++++++++++++ .../src/components/Table/index.d.ts | 2 +- .../react-table/src/components/Table/index.js | 2 +- .../src/components/Virtualized/BodyWrapper.js | 115 +- .../Virtualized/Virtualized.docs.js | 1 + 9 files changed, 100763 insertions(+), 91 deletions(-) create mode 100644 packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap diff --git a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.api.test.js b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.api.test.js index 2babbc29deb..eaa3ad8ca31 100644 --- a/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.api.test.js +++ b/packages/patternfly-4/react-inline-edit-extension/src/components/InlineEdit/InlineEdit.api.test.js @@ -68,7 +68,7 @@ describe('Editable table', () => { container.unmount(); }); - test.skip('should call correct function', () => { + test('should call correct function', () => { const ComposedBody = editableTableBody(TableBody); const ComposedRowWrapper = editableRowWrapper(RowWrapper); diff --git a/packages/patternfly-4/react-table/src/components/Table/Table.api.test.js b/packages/patternfly-4/react-table/src/components/Table/Table.api.test.js index 56d8e9507a7..3863fceca2f 100644 --- a/packages/patternfly-4/react-table/src/components/Table/Table.api.test.js +++ b/packages/patternfly-4/react-table/src/components/Table/Table.api.test.js @@ -5,7 +5,7 @@ import { rows, columns, actions } from '../../test-helpers/data-sets'; import MockedTable from '../../test-helpers/MockedTableChanges'; describe('Collapsible table', () => { - test.skip('should call correct function', () => { + test('should call correct function', () => { const items = [...rows]; items[0].isOpen = false; items[1].parent = 0; @@ -25,7 +25,7 @@ describe('Collapsible table', () => { }); describe('Selectable table', () => { - test.skip('should call correct function', () => { + test('should call correct function', () => { const onSelect = jest.fn(); const view = mount( @@ -42,7 +42,7 @@ describe('Selectable table', () => { }); describe('Action table', () => { - test.skip('should call correct functions', () => { + test('should call correct functions', () => { const actionResolver = jest.fn(); const areActionsDisabled = jest.fn(); mount( @@ -64,7 +64,7 @@ describe('Action table', () => { expect(areActionsDisabled.mock.calls).toHaveLength(numberOfRenders); }); - test.skip('should call action callback', () => { + test('should call action callback', () => { const onActionClick = jest.fn(); const customActions = [ { @@ -98,7 +98,7 @@ describe('Action table', () => { }); describe('Sortable table', () => { - test.skip('should call correct function', () => { + test('should call correct function', () => { const onSort = jest.fn(); const sortBy = {}; const header = [...columns]; 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 b70d1952984..9f1604d3b98 100644 --- a/packages/patternfly-4/react-table/src/components/Table/Table.js +++ b/packages/patternfly-4/react-table/src/components/Table/Table.js @@ -226,7 +226,7 @@ class Table extends React.Component { {...props} renderers={{ body: { - wrapper: bodyWrapper(rows) || BodyWrapper, + wrapper: bodyWrapper || BodyWrapper, row: rowWrapper || RowWrapper, cell: BodyCell }, 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 56d1f46fdaa..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 @@ -14,7 +14,7 @@ import { import { rows, columns, actions } from '../../test-helpers/data-sets'; describe('Simple table', () => { - test.skip('caption', () => { + test('caption', () => { const view = mount(
@@ -24,7 +24,7 @@ describe('Simple table', () => { expect(view).toMatchSnapshot(); }); - test.skip('header', () => { + test('header', () => { const view = mount(
Header title} cells={columns} rows={rows}> @@ -33,7 +33,7 @@ describe('Simple table', () => { ); expect(view).toMatchSnapshot(); }); - test.skip('aria-label', () => { + test('aria-label', () => { const view = mount(
@@ -44,7 +44,7 @@ describe('Simple table', () => { }); }); -test.skip('Sortable table', () => { +test('Sortable table', () => { const onSortCall = () => undefined; columns[0] = { ...columns[0], transforms: [sortable] }; const view = mount( @@ -58,7 +58,7 @@ test.skip('Sortable table', () => { describe('Table variants', () => { Object.values(TableGridBreakpoint).forEach(oneBreakpoint => { - test.skip(`Breakpoint - ${oneBreakpoint}`, () => { + test(`Breakpoint - ${oneBreakpoint}`, () => { const view = mount(
@@ -69,7 +69,7 @@ describe('Table variants', () => { }); }); Object.values(TableVariant).forEach(onevariant => { - test.skip(`Size - ${onevariant}`, () => { + test(`Size - ${onevariant}`, () => { const view = mount(
@@ -81,7 +81,7 @@ describe('Table variants', () => { }); }); -test.skip('Simple Actions table', () => { +test('Simple Actions table', () => { const rowsWithDisabledAction = [ ...rows, { @@ -99,7 +99,7 @@ test.skip('Simple Actions table', () => { expect(view).toMatchSnapshot(); }); -test.skip('Actions table', () => { +test('Actions table', () => { const view = mount(
{ expect(view).toMatchSnapshot(); }); -test.skip('Cell header table', () => { +test('Cell header table', () => { columns[0] = { ...columns[0], cellTransforms: [headerCol] }; const view = mount(
@@ -126,7 +126,7 @@ test.skip('Cell header table', () => { expect(view).toMatchSnapshot(); }); -test.skip('Collapsible table', () => { +test('Collapsible table', () => { rows[0] = { ...rows[0], isOpen: true }; rows[1] = { ...rows[1], parent: 0 }; rows[3] = { ...rows[3], isOpen: false }; @@ -142,7 +142,7 @@ test.skip('Collapsible table', () => { expect(view).toMatchSnapshot(); }); -test.skip('Collapsible nested table', () => { +test('Collapsible nested table', () => { rows[0] = { ...rows[0], isOpen: false }; rows[1] = { ...rows[1], parent: 0, isOpen: true }; rows[2] = { ...rows[2], parent: 1 }; @@ -156,7 +156,7 @@ test.skip('Collapsible nested table', () => { expect(view).toMatchSnapshot(); }); -test.skip('Selectable table', () => { +test('Selectable table', () => { const onSelect = () => undefined; const view = mount(
@@ -167,7 +167,7 @@ test.skip('Selectable table', () => { expect(view).toMatchSnapshot(); }); -test.skip('Header width table', () => { +test('Header width table', () => { columns[0] = { ...columns[0], transforms: [cellWidth(10)] }; columns[2] = { ...columns[2], transforms: [cellWidth(30)] }; columns[4] = { ...columns[4], transforms: [cellWidth('max')] }; @@ -180,7 +180,7 @@ test.skip('Header width table', () => { expect(view).toMatchSnapshot(); }); -test.skip('Selectable table with selected expandable row', () => { +test('Selectable table with selected expandable row', () => { const data = { cells: ['column'], rows: [ 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 new file mode 100644 index 00000000000..734b9b0008c --- /dev/null +++ b/packages/patternfly-4/react-table/src/components/Table/__snapshots__/Table.test.js.snap @@ -0,0 +1,100692 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Actions table 1`] = ` +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + +
+ +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + Branches + + Pull requests + + Workspaces + + Last Commit + + +
+ + +`; + +exports[`Cell header table 1`] = ` +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Collapsible nested table 1`] = ` +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-button.pf-m-plain.pf-m-expanded { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-m-expanded { + display: block; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__expandable-row-content { + display: block; +} +.pf-c-table__expandable-row { + display: none; + position: relative; + border-bottom: 0 solid transparent; + box-shadow: 0 0 0 0 transparent; + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); + visibility: hidden; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__expandable-row-content { + display: block; +} +.pf-c-table__expandable-row { + display: none; + position: relative; + border-bottom: 0 solid transparent; + box-shadow: 0 0 0 0 transparent; + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); + visibility: hidden; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__expandable-row-content { + display: block; +} +.pf-c-table__expandable-row { + display: none; + position: relative; + border-bottom: 0 solid transparent; + box-shadow: 0 0 0 0 transparent; + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); + visibility: hidden; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Collapsible table 1`] = ` +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-button.pf-m-plain.pf-m-expanded { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-m-expanded { + display: block; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__expandable-row-content { + display: block; +} +.pf-c-table__expandable-row.pf-m-expanded { + display: block; + position: relative; + border-bottom: 0 solid transparent; + box-shadow: 0 0.3125rem 0.625rem -0.25rem rgba(3, 3, 3, 0.25); + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); + border-bottom-color: #ededed; + border-bottom-width: 1px; +} +.pf-m-expanded { + display: block; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__expandable-row-content { + display: block; +} +.pf-c-table__expandable-row { + display: none; + position: relative; + border-bottom: 0 solid transparent; + box-shadow: 0 0 0 0 transparent; + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); + visibility: hidden; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table__toggle { + display: block; + vertical-align: top; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Header width table 1`] = ` +.pf-m-width-10 { + display: block; +} +.pf-m-width-10 { + display: block; +} +.pf-m-width-30 { + display: block; +} +.pf-m-width-30 { + display: block; +} +.pf-m-width-max { + display: block; +} +.pf-m-width-max { + display: block; +} +.pf-c-table__expandable-row-content { + display: block; +} +.pf-c-table__expandable-row { + display: none; + position: relative; + border-bottom: 0 solid transparent; + box-shadow: 0 0 0 0 transparent; + 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; + border-bottom: 0 solid transparent; + box-shadow: 0 0 0 0 transparent; + 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; + border-bottom: 0 solid transparent; + box-shadow: 0 0 0 0 transparent; + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); + visibility: hidden; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Header cell + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Selectable table 1`] = ` +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__expandable-row-content { + display: block; +} +.pf-c-table__expandable-row { + display: none; + position: relative; + border-bottom: 0 solid transparent; + box-shadow: 0 0 0 0 transparent; + 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; + border-bottom: 0 solid transparent; + box-shadow: 0 0 0 0 transparent; + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); + visibility: hidden; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__expandable-row-content { + display: block; +} +.pf-c-table__expandable-row { + display: none; + position: relative; + border-bottom: 0 solid transparent; + box-shadow: 0 0 0 0 transparent; + transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); + visibility: hidden; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table__check { + display: block; + vertical-align: top; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Simple Actions table 1`] = ` +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled { + display: flex; + position: relative; + align-items: center; + justify-content: center; + min-width: 44px; + max-width: 100%; + padding: 0.375rem 0.5rem 0.375rem 0.5rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #72767b; + background-color: transparent; + pointer-events: none; +} +.pf-c-dropdown { + display: inline-block; + position: relative; + max-width: 100%; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table__action { + display: block; + padding-top: 0px; + padding-bottom: 0px; + vertical-align: middle; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ] + } + aria-label="Aria labeled" + cells={ + Array [ + Object { + "title": "Header cell", + "transforms": Array [ + [Function], + ], + }, + "Branches", + Object { + "title": "Pull requests", + }, + "Workspaces", + Object { + "title": "Last Commit", + }, + ] + } + className="" + contentId="expanded-content" + dropdownDirection="down" + dropdownPosition="right" + expandId="expandable-toggle" + gridBreakPoint="grid-md" + onCollapse={null} + rowLabeledBy="simple-node" + rows={ + Array [ + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "disableActions": true, + }, + ] + } + variant={null} +> + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + renderers={ + Object { + "body": Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + }, + "header": Object { + "cell": [Function], + }, + } + } + role="grid" + > +
+ + +
+
+ + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + rowIndex={0} + > + + + + + + + + + + + + + + + + + + + + + + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + onRowClick={[Function]} + rowKey="id" + rows={ + Array [ + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "disableActions": true, + }, + ] + } + > + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + key="0-row" + onRow={[Function]} + renderers={ + Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + } + } + rowData={ + Object { + "branches": Object { + "props": Object { + "isVisible": true, + }, + "title": "two", + }, + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "header-cell": Object { + "props": Object { + "isVisible": true, + }, + "title": "one", + }, + "id": 0, + "isExpanded": undefined, + "isFirst": true, + "isFirstVisible": true, + "isLast": false, + "isLastVisible": false, + "last-commit": Object { + "props": Object { + "isVisible": true, + }, + "title": "five", + }, + "pull-requests": Object { + "props": Object { + "isVisible": true, + }, + "title": "three", + }, + "workspaces": Object { + "props": Object { + "isVisible": true, + }, + "title": "four", + }, + } + } + rowIndex={0} + rowKey="0-row" + > + + + + + + + + + + + + + + + + + + + + + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + key="1-row" + onRow={[Function]} + renderers={ + Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + } + } + rowData={ + Object { + "branches": Object { + "props": Object { + "isVisible": true, + }, + "title": "two", + }, + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "header-cell": Object { + "props": Object { + "isVisible": true, + }, + "title": "one", + }, + "id": 1, + "isExpanded": undefined, + "isFirst": false, + "isFirstVisible": false, + "isLast": false, + "isLastVisible": false, + "last-commit": Object { + "props": Object { + "isVisible": true, + }, + "title": "five", + }, + "pull-requests": Object { + "props": Object { + "isVisible": true, + }, + "title": "three", + }, + "workspaces": Object { + "props": Object { + "isVisible": true, + }, + "title": "four", + }, + } + } + rowIndex={1} + rowKey="1-row" + > + + + + + + + + + + + + + + + + + + + + + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + key="2-row" + onRow={[Function]} + renderers={ + Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + } + } + rowData={ + Object { + "branches": Object { + "props": Object { + "isVisible": true, + }, + "title": "two", + }, + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "header-cell": Object { + "props": Object { + "isVisible": true, + }, + "title": "one", + }, + "id": 2, + "isExpanded": undefined, + "isFirst": false, + "isFirstVisible": false, + "isLast": false, + "isLastVisible": false, + "last-commit": Object { + "props": Object { + "isVisible": true, + }, + "title": "five", + }, + "pull-requests": Object { + "props": Object { + "isVisible": true, + }, + "title": "three", + }, + "workspaces": Object { + "props": Object { + "isVisible": true, + }, + "title": "four", + }, + } + } + rowIndex={2} + rowKey="2-row" + > + + + + + + + + + + + + + + + + + + + + + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + key="3-row" + onRow={[Function]} + renderers={ + Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + } + } + rowData={ + Object { + "branches": Object { + "props": Object { + "isVisible": true, + }, + "title": "two", + }, + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "header-cell": Object { + "props": Object { + "isVisible": true, + }, + "title": "one", + }, + "id": 3, + "isExpanded": undefined, + "isFirst": false, + "isFirstVisible": false, + "isLast": false, + "isLastVisible": false, + "last-commit": Object { + "props": Object { + "isVisible": true, + }, + "title": "five", + }, + "pull-requests": Object { + "props": Object { + "isVisible": true, + }, + "title": "three", + }, + "workspaces": Object { + "props": Object { + "isVisible": true, + }, + "title": "four", + }, + } + } + rowIndex={3} + rowKey="3-row" + > + + + + + + + + + + + + + + + + + + + + + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + key="4-row" + onRow={[Function]} + renderers={ + Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + } + } + rowData={ + Object { + "branches": Object { + "props": Object { + "isVisible": true, + }, + "title": "two", + }, + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "header-cell": Object { + "props": Object { + "isVisible": true, + }, + "title": "one", + }, + "id": 4, + "isExpanded": undefined, + "isFirst": false, + "isFirstVisible": false, + "isLast": false, + "isLastVisible": false, + "last-commit": Object { + "props": Object { + "isVisible": true, + }, + "title": "five", + }, + "pull-requests": Object { + "props": Object { + "isVisible": true, + }, + "title": "three", + }, + "workspaces": Object { + "props": Object { + "isVisible": true, + }, + "title": "four", + }, + } + } + rowIndex={4} + rowKey="4-row" + > + + + + + + + + + + + + + + + + + + + + + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + key="5-row" + onRow={[Function]} + renderers={ + Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + } + } + rowData={ + Object { + "branches": Object { + "props": Object { + "isVisible": true, + }, + "title": "two", + }, + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "header-cell": Object { + "props": Object { + "isVisible": true, + }, + "title": "one", + }, + "id": 5, + "isExpanded": undefined, + "isFirst": false, + "isFirstVisible": false, + "isLast": false, + "isLastVisible": false, + "last-commit": Object { + "props": Object { + "isVisible": true, + }, + "title": "five", + }, + "pull-requests": Object { + "props": Object { + "isVisible": true, + }, + "title": "three", + }, + "workspaces": Object { + "props": Object { + "isVisible": true, + }, + "title": "four", + }, + } + } + rowIndex={5} + rowKey="5-row" + > + + + + + + + + + + + + + + + + + + + + + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + key="6-row" + onRow={[Function]} + renderers={ + Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + } + } + rowData={ + Object { + "branches": Object { + "props": Object { + "isVisible": true, + }, + "title": "two", + }, + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "header-cell": Object { + "props": Object { + "isVisible": true, + }, + "title": "one", + }, + "id": 6, + "isExpanded": undefined, + "isFirst": false, + "isFirstVisible": false, + "isLast": false, + "isLastVisible": false, + "last-commit": Object { + "props": Object { + "isVisible": true, + }, + "title": "five", + }, + "pull-requests": Object { + "props": Object { + "isVisible": true, + }, + "title": "three", + }, + "workspaces": Object { + "props": Object { + "isVisible": true, + }, + "title": "four", + }, + } + } + rowIndex={6} + rowKey="6-row" + > + + + + + + + + + + + + + + + + + + + + + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + key="7-row" + onRow={[Function]} + renderers={ + Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + } + } + rowData={ + Object { + "branches": Object { + "props": Object { + "isVisible": true, + }, + "title": "two", + }, + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "header-cell": Object { + "props": Object { + "isVisible": true, + }, + "title": "one", + }, + "id": 7, + "isExpanded": undefined, + "isFirst": false, + "isFirstVisible": false, + "isLast": false, + "isLastVisible": false, + "last-commit": Object { + "props": Object { + "isVisible": true, + }, + "title": "five", + }, + "pull-requests": Object { + "props": Object { + "isVisible": true, + }, + "title": "three", + }, + "workspaces": Object { + "props": Object { + "isVisible": true, + }, + "title": "four", + }, + } + } + rowIndex={7} + rowKey="7-row" + > + + + + + + + + + + + + + + + + + + + + + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + key="8-row" + onRow={[Function]} + renderers={ + Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + } + } + rowData={ + Object { + "branches": Object { + "props": Object { + "isVisible": true, + }, + "title": "two", + }, + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "header-cell": Object { + "props": Object { + "isVisible": true, + }, + "title": "one", + }, + "id": 8, + "isExpanded": undefined, + "isFirst": false, + "isFirstVisible": false, + "isLast": false, + "isLastVisible": false, + "last-commit": Object { + "props": Object { + "isVisible": true, + }, + "title": "five", + }, + "pull-requests": Object { + "props": Object { + "isVisible": true, + }, + "title": "three", + }, + "workspaces": Object { + "props": Object { + "isVisible": true, + }, + "title": "four", + }, + } + } + rowIndex={8} + rowKey="8-row" + > + + + + + + + + + + + + + + + + + + + + + + + + + Another action + , + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Header cell", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "header-cell", + "props": Object { + "data-key": 0, + "data-label": "Header cell", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Branches", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "branches", + "props": Object { + "data-key": 1, + "data-label": "Branches", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Pull requests", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "pull-requests", + "props": Object { + "data-key": 2, + "data-label": "Pull requests", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Workspaces", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "workspaces", + "props": Object { + "data-key": 3, + "data-label": "Workspaces", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "Last Commit", + "transforms": Array [ + [Function], + [Function], + ], + }, + "property": "last-commit", + "props": Object { + "data-key": 4, + "data-label": "Last Commit", + }, + }, + Object { + "cell": Object { + "formatters": Array [ + [Function], + ], + "transforms": Array [ + [Function], + [Function], + ], + }, + "data": undefined, + "extraParams": Object { + "actionResolver": undefined, + "actions": Array [ + Object { + "onClick": [Function], + "title": "Some action", + }, + Object { + "onClick": [Function], + "title":
+ Another action +
, + }, + Object { + "isSeparator": true, + }, + Object { + "onClick": [Function], + "title": "Third action", + }, + ], + "allRowsSelected": false, + "areActionsDisabled": undefined, + "contentId": "expanded-content", + "dropdownDirection": "down", + "dropdownPosition": "right", + "expandId": "expandable-toggle", + "firstUserColumnIndex": 0, + "onCollapse": null, + "onSelect": undefined, + "onSort": undefined, + "rowLabeledBy": "simple-node", + "sortBy": undefined, + }, + "header": Object { + "formatters": Array [], + "label": "", + "transforms": Array [ + [Function], + [Function], + [Function], + ], + }, + "property": "column-5", + "props": Object { + "data-key": 5, + "data-label": "", + }, + }, + ] + } + key="9-row" + onRow={[Function]} + renderers={ + Object { + "cell": [Function], + "row": [Function], + "wrapper": [Function], + } + } + rowData={ + Object { + "branches": Object { + "props": Object { + "isVisible": true, + }, + "title": "two", + }, + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + "disableActions": true, + "header-cell": Object { + "props": Object { + "isVisible": true, + }, + "title": "one", + }, + "id": 9, + "isExpanded": undefined, + "isFirst": false, + "isFirstVisible": false, + "isLast": true, + "isLastVisible": true, + "last-commit": Object { + "props": Object { + "isVisible": true, + }, + "title": "five", + }, + "pull-requests": Object { + "props": Object { + "isVisible": true, + }, + "title": "three", + }, + "workspaces": Object { + "props": Object { + "isVisible": true, + }, + "title": "four", + }, + } + } + rowIndex={9} + rowKey="9-row" + > + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + Branches + + Pull requests + + Workspaces + + Last Commit + + +
+ + +`; + +exports[`Simple table aria-label 1`] = ` +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Header cell + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Simple table caption 1`] = ` +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Simple Table +
+ Header cell + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Simple table header 1`] = ` +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + Header title + + } + onCollapse={null} + rowLabeledBy="simple-node" + rows={ + Array [ + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + Object { + "cells": Array [ + "one", + "two", + "three", + "four", + "five", + ], + }, + ] + } + variant={null} +> +

+ Header title +

+ +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Header cell + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Sortable table 1`] = ` +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Table variants Breakpoint - grid 1`] = ` +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table.pf-m-grid { + display: grid; + width: 100%; + background-color: transparent; +} +.pf-c-table.pf-m-grid { + display: grid; + width: 100%; + background-color: transparent; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Table variants Breakpoint - grid-lg 1`] = ` +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table.pf-m-grid-lg { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-lg { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Table variants Breakpoint - grid-md 1`] = ` +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; + +exports[`Table variants Size - compact 1`] = ` +.pf-c-table__sort-indicator { + display: block; + margin-left: 1rem; + line-height: 1; + color: #d1d1d1; + pointer-events: none; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-button.pf-m-plain { + display: inline-block; + position: relative; + padding: 0.375rem 1rem 0.375rem 1rem; + font-size: 1rem; + font-weight: 500; + line-height: 1.5; + text-align: center; + white-space: nowrap; + user-select: none; + border: 0px; + border-radius: 3px; + color: #72767b; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table__sort { + display: block; +} +.pf-c-table.pf-m-grid-md.pf-m-compact { + display: block; + width: 100%; + background-color: #ffffff; +} +.pf-c-table.pf-m-grid-md.pf-m-compact { + display: block; + width: 100%; + background-color: #ffffff; +} + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + Branches + + Pull requests + + Workspaces + + Last Commit +
+ + +`; diff --git a/packages/patternfly-4/react-table/src/components/Table/index.d.ts b/packages/patternfly-4/react-table/src/components/Table/index.d.ts index b8f983bbc1a..2b0619fb15d 100644 --- a/packages/patternfly-4/react-table/src/components/Table/index.d.ts +++ b/packages/patternfly-4/react-table/src/components/Table/index.d.ts @@ -18,5 +18,5 @@ export { default as TableHeader, HeaderProps } from './Header'; export { default as TableBody, TableBodyProps } from './Body'; export { RowWrapper, RowWrapperRow } from './RowWrapper'; export { default as ExpandableRowContent } from './ExpandableRowContent'; -export { sortable, headerCol, cellWidth, ISortable, expandable, isRowExpanded } from './utils'; +export { sortable, headerCol, cellWidth, ISortable, expandable, isRowExpanded, mapOpenedRows } from './utils'; export { SortByDirection } from './SortColumn'; diff --git a/packages/patternfly-4/react-table/src/components/Table/index.js b/packages/patternfly-4/react-table/src/components/Table/index.js index 0c044c99655..46ef77ca470 100644 --- a/packages/patternfly-4/react-table/src/components/Table/index.js +++ b/packages/patternfly-4/react-table/src/components/Table/index.js @@ -4,5 +4,5 @@ export { default as TableBody } from './Body'; export { default as BodyWrapper } from './BodyWrapper'; export { default as RowWrapper } from './RowWrapper'; export { default as ExpandableRowContent } from './ExpandableRowContent'; -export { sortable, headerCol, cellWidth, expandable, isRowExpanded } from './utils'; +export { sortable, headerCol, cellWidth, expandable, isRowExpanded, mapOpenedRows } from './utils'; export { SortByDirection } from './SortColumn'; diff --git a/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/BodyWrapper.js b/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/BodyWrapper.js index 525e4029389..d2db7c688bc 100644 --- a/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/BodyWrapper.js +++ b/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/BodyWrapper.js @@ -1,80 +1,59 @@ import React, { Component } from 'react'; -import styles from '@patternfly/patternfly/components/Table/table.css'; -import { css } from '@patternfly/react-styles'; import { VirtualizedBodyContext } from './Body'; import { bodyWrapperContextTypes, bodyWrapperTypes } from './types'; -const VirtualizedBodyWrapper = inputRows => { - class VirtualizedBody extends Component { - constructor(props) { - super(props); - } - render() { - const { children, bodyRef, startHeight, endHeight, showExtraRow, mappedRows, ...props } = this.props; - const startRow = tr({ - key: 'start-row', - style: { - height: startHeight - } - }); - const endRow = tr({ - key: 'end-row', - style: { - height: endHeight - } - }); - // Extra row to keep onRow indexing stable instead of even/odd. This is important - // for styling. - const rows = [startRow].concat(children).concat(endRow); - - if (showExtraRow) { - rows.unshift( - tr({ - key: 'extra-row', - style: { - height: 0 - } - }) - ); +class BodyWrapper extends Component { + tr = props => React.createElement('tr', props); + render() { + const { children, bodyRef, startHeight, endHeight, showExtraRow, mappedRows, ...props } = this.props; + const startRow = this.tr({ + key: 'start-row', + style: { + height: startHeight + } + }); + const endRow = this.tr({ + key: 'end-row', + style: { + height: endHeight } + }); + // Extra row to keep onRow indexing stable instead of even/odd. This is important + // for styling. + const rows = [startRow].concat(children).concat(endRow); - return React.createElement( - 'tbody', - { - ...props, - ref: bodyRef, - className: css( - inputRows.some(row => row.isOpen && !row.hasOwnProperty('parent')) && styles.modifiers.expanded - ) - }, - rows + if (showExtraRow) { + rows.unshift( + this.tr({ + key: 'extra-row', + style: { + height: 0 + } + }) ); } - getRef() { - return this.props.tableBodyRef; - } - } - VirtualizedBodyWrapper.contextTypes = bodyWrapperContextTypes; - VirtualizedBodyWrapper.propTypes = bodyWrapperTypes; - function tr(props) { - return React.createElement('tr', props); + return ( + + {rows} + + ); } +} +BodyWrapper.contextTypes = bodyWrapperContextTypes; +BodyWrapper.propTypes = bodyWrapperTypes; - const VirtualizedBodyWithContext = props => ( - - {({ bodyRef, startHeight, endHeight, showExtraRow }) => ( - - )} - - ); - return VirtualizedBodyWithContext; -}; - +const VirtualizedBodyWrapper = ({ ...props }) => ( + + {({ bodyRef, startHeight, endHeight, showExtraRow }) => ( + + )} + +); export default VirtualizedBodyWrapper; diff --git a/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/Virtualized.docs.js b/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/Virtualized.docs.js index 1a4b9c83bf9..07f462d8b95 100644 --- a/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/Virtualized.docs.js +++ b/packages/patternfly-4/react-virtualized-extension/src/components/Virtualized/Virtualized.docs.js @@ -4,6 +4,7 @@ import { VirtualizedRowWrapper, WindowScroller } from '@patternfly/react-virtualized-extension'; + import WindowScrollerExample from './examples/WindowScrollerExample'; import VirtualizedExample from './examples/VirtualizedExample'; import SortableExample from './examples/SortableExample';