@patternfly/react-table 6.0.0-alpha.2 → 6.0.0-alpha.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +312 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/Table/package.json +1 -1
- package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
- package/dist/dynamic/components/Table/utils/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/esm/components/Table/Caption.js +1 -1
- package/dist/esm/components/Table/Caption.js.map +1 -1
- package/dist/esm/components/Table/CollapseColumn.js +1 -1
- package/dist/esm/components/Table/CollapseColumn.js.map +1 -1
- package/dist/esm/components/Table/DraggableRowWrapper.js +2 -2
- package/dist/esm/components/Table/DraggableRowWrapper.js.map +1 -1
- package/dist/esm/components/Table/EditColumn.js +1 -1
- package/dist/esm/components/Table/EditColumn.js.map +1 -1
- package/dist/esm/components/Table/EditableSelectInputCell.js +3 -3
- package/dist/esm/components/Table/EditableSelectInputCell.js.map +1 -1
- package/dist/esm/components/Table/EditableTextCell.js +3 -3
- package/dist/esm/components/Table/EditableTextCell.js.map +1 -1
- package/dist/esm/components/Table/ExpandableRowContent.js +1 -1
- package/dist/esm/components/Table/ExpandableRowContent.js.map +1 -1
- package/dist/esm/components/Table/HeaderCellInfoWrapper.js +1 -1
- package/dist/esm/components/Table/HeaderCellInfoWrapper.js.map +1 -1
- package/dist/esm/components/Table/InnerScrollContainer.js +1 -1
- package/dist/esm/components/Table/InnerScrollContainer.js.map +1 -1
- package/dist/esm/components/Table/OuterScrollContainer.js +1 -1
- package/dist/esm/components/Table/OuterScrollContainer.js.map +1 -1
- package/dist/esm/components/Table/SelectColumn.d.ts +5 -0
- package/dist/esm/components/Table/SelectColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/SelectColumn.js +6 -3
- package/dist/esm/components/Table/SelectColumn.js.map +1 -1
- package/dist/esm/components/Table/SortColumn.d.ts +4 -0
- package/dist/esm/components/Table/SortColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/SortColumn.js +3 -3
- package/dist/esm/components/Table/SortColumn.js.map +1 -1
- package/dist/esm/components/Table/Table.js +3 -3
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableText.d.ts +3 -1
- package/dist/esm/components/Table/TableText.d.ts.map +1 -1
- package/dist/esm/components/Table/TableText.js +13 -11
- package/dist/esm/components/Table/TableText.js.map +1 -1
- package/dist/esm/components/Table/TableTypes.d.ts +3 -0
- package/dist/esm/components/Table/TableTypes.d.ts.map +1 -1
- package/dist/esm/components/Table/Tbody.js +1 -1
- package/dist/esm/components/Table/Tbody.js.map +1 -1
- package/dist/esm/components/Table/Td.js +3 -3
- package/dist/esm/components/Table/Td.js.map +1 -1
- package/dist/esm/components/Table/Th.d.ts +3 -0
- package/dist/esm/components/Table/Th.d.ts.map +1 -1
- package/dist/esm/components/Table/Th.js +16 -9
- package/dist/esm/components/Table/Th.js.map +1 -1
- package/dist/esm/components/Table/Thead.js +1 -1
- package/dist/esm/components/Table/Thead.js.map +1 -1
- package/dist/esm/components/Table/Tr.js +2 -2
- package/dist/esm/components/Table/Tr.js.map +1 -1
- package/dist/esm/components/Table/TreeRowWrapper.js +2 -2
- package/dist/esm/components/Table/TreeRowWrapper.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/cellActions.js +1 -1
- package/dist/esm/components/Table/utils/decorators/cellActions.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/cellWidth.js +1 -1
- package/dist/esm/components/Table/utils/decorators/cellWidth.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/classNames.js +1 -1
- package/dist/esm/components/Table/utils/decorators/classNames.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/collapsible.js +1 -1
- package/dist/esm/components/Table/utils/decorators/collapsible.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/compoundExpand.js +1 -1
- package/dist/esm/components/Table/utils/decorators/compoundExpand.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/editable.js +1 -1
- package/dist/esm/components/Table/utils/decorators/editable.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/favoritable.js +1 -1
- package/dist/esm/components/Table/utils/decorators/favoritable.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/info.js +1 -1
- package/dist/esm/components/Table/utils/decorators/info.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/selectable.d.ts.map +1 -1
- package/dist/esm/components/Table/utils/decorators/selectable.js +4 -4
- package/dist/esm/components/Table/utils/decorators/selectable.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/sortable.d.ts.map +1 -1
- package/dist/esm/components/Table/utils/decorators/sortable.js +7 -4
- package/dist/esm/components/Table/utils/decorators/sortable.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/treeRow.js +2 -2
- package/dist/esm/components/Table/utils/decorators/treeRow.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/wrappable.js +1 -1
- package/dist/esm/components/Table/utils/decorators/wrappable.js.map +1 -1
- package/dist/esm/demos/index.d.ts +2 -0
- package/dist/esm/demos/index.d.ts.map +1 -0
- package/dist/esm/demos/index.js +2 -0
- package/dist/esm/demos/index.js.map +1 -0
- package/dist/esm/demos/sampleData.d.ts +13 -0
- package/dist/esm/demos/sampleData.d.ts.map +1 -0
- package/dist/esm/demos/sampleData.js +764 -0
- package/dist/esm/demos/sampleData.js.map +1 -0
- package/dist/esm/deprecated/components/Table/Table.js +1 -1
- package/dist/esm/deprecated/components/Table/Table.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.js +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.js.map +1 -1
- package/dist/js/components/Table/EditableTextCell.js +1 -1
- package/dist/js/components/Table/EditableTextCell.js.map +1 -1
- package/dist/js/components/Table/SelectColumn.d.ts +5 -0
- package/dist/js/components/Table/SelectColumn.d.ts.map +1 -1
- package/dist/js/components/Table/SelectColumn.js +6 -3
- package/dist/js/components/Table/SelectColumn.js.map +1 -1
- package/dist/js/components/Table/SortColumn.d.ts +4 -0
- package/dist/js/components/Table/SortColumn.d.ts.map +1 -1
- package/dist/js/components/Table/SortColumn.js +3 -2
- package/dist/js/components/Table/SortColumn.js.map +1 -1
- package/dist/js/components/Table/TableText.d.ts +3 -1
- package/dist/js/components/Table/TableText.d.ts.map +1 -1
- package/dist/js/components/Table/TableText.js +12 -10
- package/dist/js/components/Table/TableText.js.map +1 -1
- package/dist/js/components/Table/TableTypes.d.ts +3 -0
- package/dist/js/components/Table/TableTypes.d.ts.map +1 -1
- package/dist/js/components/Table/Th.d.ts +3 -0
- package/dist/js/components/Table/Th.d.ts.map +1 -1
- package/dist/js/components/Table/Th.js +14 -7
- package/dist/js/components/Table/Th.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/selectable.d.ts.map +1 -1
- package/dist/js/components/Table/utils/decorators/selectable.js +2 -2
- package/dist/js/components/Table/utils/decorators/selectable.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/sortable.d.ts.map +1 -1
- package/dist/js/components/Table/utils/decorators/sortable.js +6 -3
- package/dist/js/components/Table/utils/decorators/sortable.js.map +1 -1
- package/dist/js/demos/index.d.ts +2 -0
- package/dist/js/demos/index.d.ts.map +1 -0
- package/dist/js/demos/index.js +5 -0
- package/dist/js/demos/index.js.map +1 -0
- package/dist/js/demos/sampleData.d.ts +13 -0
- package/dist/js/demos/sampleData.d.ts.map +1 -0
- package/dist/js/demos/sampleData.js +767 -0
- package/dist/js/demos/sampleData.js.map +1 -0
- package/dist/js/index.d.ts +1 -0
- package/dist/js/index.d.ts.map +1 -1
- package/dist/js/index.js +1 -0
- package/dist/js/index.js.map +1 -1
- package/dist/umd/react-table.min.js +3 -3
- package/package.json +6 -6
- package/single-packages.config.json +3 -6
- package/src/components/Table/EditableSelectInputCell.tsx +1 -1
- package/src/components/Table/EditableTextCell.tsx +1 -1
- package/src/components/Table/SelectColumn.tsx +27 -8
- package/src/components/Table/SortColumn.tsx +15 -1
- package/src/components/Table/TableText.tsx +19 -9
- package/src/components/Table/TableTypes.tsx +3 -0
- package/src/components/Table/Th.tsx +16 -5
- package/src/components/Table/examples/TableEmptyState.tsx +1 -8
- package/src/components/Table/examples/TableStickyColumnsAndHeader.tsx +5 -4
- package/src/components/Table/utils/decorators/selectable.tsx +2 -1
- package/src/components/Table/utils/decorators/sortable.tsx +8 -2
- package/src/components/Table/utils/transformers.test.tsx +1 -0
- package/src/demos/Table.md +159 -0
- package/src/demos/examples/TableAutomaticPagination.tsx +101 -0
- package/src/{docs/demos/table-demos/BulkSelect.jsx → demos/examples/TableBulkSelect.tsx} +42 -21
- package/src/demos/examples/TableColumnManagement.tsx +486 -0
- package/src/demos/examples/TableColumnManagementWithDraggable.tsx +641 -0
- package/src/{docs/demos/table-demos/Compact.jsx → demos/examples/TableCompact.tsx} +32 -16
- package/src/{docs/demos/table-demos/CompoundExpansion.jsx → demos/examples/TableCompoundExpansion.tsx} +25 -12
- package/src/demos/examples/TableEmptyStateDefault.tsx +58 -0
- package/src/demos/examples/TableEmptyStateError.tsx +42 -0
- package/src/demos/examples/TableEmptyStateLoading.tsx +33 -0
- package/src/{docs/demos/table-demos/ExpandCollapseAll.jsx → demos/examples/TableExpandCollapseAll.tsx} +17 -10
- package/src/demos/examples/TableFilterable.tsx +387 -0
- package/src/{docs/demos/table-demos/SortableResponsive.jsx → demos/examples/TableSortableResponsive.tsx} +31 -28
- package/src/{docs/demos/table-demos/StaticBottomPagination.jsx → demos/examples/TableStaticBottomPagination.tsx} +22 -9
- package/src/{docs/demos/table-demos/StickyFirstColumn.jsx → demos/examples/TableStickyFirstColumn.tsx} +31 -9
- package/src/{docs/demos/table-demos/StickyHeader.jsx → demos/examples/TableStickyHeader.tsx} +3 -3
- package/src/demos/index.ts +1 -0
- package/src/{docs/demos/table-demos/sampleData.js → demos/sampleData.tsx} +88 -77
- package/src/deprecated/components/Table/__tests__/Table.test.tsx +4 -9
- package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +8 -8
- package/src/deprecated/components/Table/examples/LegacyTableEmptyState.tsx +6 -8
- package/src/index.ts +1 -0
- package/src/docs/demos/Table.md +0 -1620
- package/src/docs/demos/table-demos/ColumnManagement.jsx +0 -471
|
@@ -24,11 +24,7 @@ import {
|
|
|
24
24
|
fitContent,
|
|
25
25
|
ICell
|
|
26
26
|
} from '../../../../components';
|
|
27
|
-
import {
|
|
28
|
-
Table,
|
|
29
|
-
TableHeader,
|
|
30
|
-
TableBody
|
|
31
|
-
} from '../index';
|
|
27
|
+
import { Table, TableHeader, TableBody } from '../index';
|
|
32
28
|
import { rows, columns, editableRows, editableColumns, actions } from '../../../../test-helpers/data-sets';
|
|
33
29
|
import { ColumnsType } from '../../../../components/Table/base/types';
|
|
34
30
|
|
|
@@ -52,8 +48,7 @@ describe('Table', () => {
|
|
|
52
48
|
</Table>
|
|
53
49
|
);
|
|
54
50
|
const table = screen.getByLabelText('Table with ouiaSafe');
|
|
55
|
-
expect(table.getAttribute('data-ouia-safe')).toEqual(
|
|
56
|
-
|
|
51
|
+
expect(table.getAttribute('data-ouia-safe')).toEqual('false');
|
|
57
52
|
});
|
|
58
53
|
|
|
59
54
|
test('header', () => {
|
|
@@ -116,7 +111,7 @@ describe('Table', () => {
|
|
|
116
111
|
});
|
|
117
112
|
|
|
118
113
|
describe('Table variants', () => {
|
|
119
|
-
Object.values(TableGridBreakpoint).forEach(oneBreakpoint => {
|
|
114
|
+
Object.values(TableGridBreakpoint).forEach((oneBreakpoint) => {
|
|
120
115
|
test(`Breakpoint - ${oneBreakpoint}`, () => {
|
|
121
116
|
const { asFragment } = render(
|
|
122
117
|
<Table aria-label="Aria labeled" gridBreakPoint={oneBreakpoint} cells={columns} rows={rows}>
|
|
@@ -128,7 +123,7 @@ describe('Table', () => {
|
|
|
128
123
|
});
|
|
129
124
|
});
|
|
130
125
|
|
|
131
|
-
Object.values(TableVariant).forEach(onevariant => {
|
|
126
|
+
Object.values(TableVariant).forEach((onevariant) => {
|
|
132
127
|
test(`Size - ${onevariant}`, () => {
|
|
133
128
|
const { asFragment } = render(
|
|
134
129
|
<Table aria-label="Aria labeled" variant={onevariant} cells={columns} rows={rows}>
|
|
@@ -10272,7 +10272,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10272
10272
|
</span>
|
|
10273
10273
|
<div
|
|
10274
10274
|
aria-live="polite"
|
|
10275
|
-
class="pf-v5-c-form__helper-text
|
|
10275
|
+
class="pf-v5-c-form__helper-text"
|
|
10276
10276
|
/>
|
|
10277
10277
|
</div>
|
|
10278
10278
|
</td>
|
|
@@ -10306,7 +10306,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10306
10306
|
</span>
|
|
10307
10307
|
<div
|
|
10308
10308
|
aria-live="polite"
|
|
10309
|
-
class="pf-v5-c-form__helper-text
|
|
10309
|
+
class="pf-v5-c-form__helper-text"
|
|
10310
10310
|
/>
|
|
10311
10311
|
</div>
|
|
10312
10312
|
</td>
|
|
@@ -10339,7 +10339,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10339
10339
|
</span>
|
|
10340
10340
|
<div
|
|
10341
10341
|
aria-live="polite"
|
|
10342
|
-
class="pf-v5-c-form__helper-text
|
|
10342
|
+
class="pf-v5-c-form__helper-text"
|
|
10343
10343
|
/>
|
|
10344
10344
|
</div>
|
|
10345
10345
|
</td>
|
|
@@ -10372,7 +10372,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10372
10372
|
</span>
|
|
10373
10373
|
<div
|
|
10374
10374
|
aria-live="polite"
|
|
10375
|
-
class="pf-v5-c-form__helper-text
|
|
10375
|
+
class="pf-v5-c-form__helper-text"
|
|
10376
10376
|
/>
|
|
10377
10377
|
</div>
|
|
10378
10378
|
</td>
|
|
@@ -10503,7 +10503,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10503
10503
|
</span>
|
|
10504
10504
|
<div
|
|
10505
10505
|
aria-live="polite"
|
|
10506
|
-
class="pf-v5-c-form__helper-text
|
|
10506
|
+
class="pf-v5-c-form__helper-text"
|
|
10507
10507
|
/>
|
|
10508
10508
|
</div>
|
|
10509
10509
|
</td>
|
|
@@ -10537,7 +10537,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10537
10537
|
</span>
|
|
10538
10538
|
<div
|
|
10539
10539
|
aria-live="polite"
|
|
10540
|
-
class="pf-v5-c-form__helper-text
|
|
10540
|
+
class="pf-v5-c-form__helper-text"
|
|
10541
10541
|
/>
|
|
10542
10542
|
</div>
|
|
10543
10543
|
</td>
|
|
@@ -10570,7 +10570,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10570
10570
|
</span>
|
|
10571
10571
|
<div
|
|
10572
10572
|
aria-live="polite"
|
|
10573
|
-
class="pf-v5-c-form__helper-text
|
|
10573
|
+
class="pf-v5-c-form__helper-text"
|
|
10574
10574
|
/>
|
|
10575
10575
|
</div>
|
|
10576
10576
|
</td>
|
|
@@ -10603,7 +10603,7 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10603
10603
|
</span>
|
|
10604
10604
|
<div
|
|
10605
10605
|
aria-live="polite"
|
|
10606
|
-
class="pf-v5-c-form__helper-text
|
|
10606
|
+
class="pf-v5-c-form__helper-text"
|
|
10607
10607
|
/>
|
|
10608
10608
|
</div>
|
|
10609
10609
|
</td>
|
|
@@ -4,10 +4,8 @@ import {
|
|
|
4
4
|
Bullseye,
|
|
5
5
|
EmptyState,
|
|
6
6
|
EmptyStateVariant,
|
|
7
|
-
EmptyStateIcon,
|
|
8
7
|
EmptyStateBody,
|
|
9
8
|
Button,
|
|
10
|
-
EmptyStateHeader,
|
|
11
9
|
EmptyStateFooter,
|
|
12
10
|
EmptyStateActions
|
|
13
11
|
} from '@patternfly/react-core';
|
|
@@ -26,12 +24,12 @@ export const LegacyTableEmptyState: React.FunctionComponent = () => {
|
|
|
26
24
|
props: { colSpan: 8 },
|
|
27
25
|
title: (
|
|
28
26
|
<Bullseye>
|
|
29
|
-
<EmptyState
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
27
|
+
<EmptyState
|
|
28
|
+
headingLevel="h2"
|
|
29
|
+
titleText="No results found"
|
|
30
|
+
icon={SearchIcon}
|
|
31
|
+
variant={EmptyStateVariant.sm}
|
|
32
|
+
>
|
|
35
33
|
<EmptyStateBody>Clear all filters and try again.</EmptyStateBody>
|
|
36
34
|
<EmptyStateFooter>
|
|
37
35
|
<EmptyStateActions>
|
package/src/index.ts
CHANGED