@patternfly/react-table 6.2.0-prerelease.2 → 6.2.0-prerelease.21
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 +80 -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/ActionsColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/ActionsColumn.js.map +1 -1
- package/dist/esm/components/Table/EditableSelectInputCell.d.ts +1 -1
- package/dist/esm/components/Table/EditableSelectInputCell.d.ts.map +1 -1
- package/dist/esm/components/Table/EditableSelectInputCell.js.map +1 -1
- package/dist/esm/components/Table/SortColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/SortColumn.js +2 -1
- package/dist/esm/components/Table/SortColumn.js.map +1 -1
- package/dist/esm/components/Table/Table.d.ts +1 -1
- package/dist/esm/components/Table/Table.d.ts.map +1 -1
- package/dist/esm/components/Table/Table.js +3 -1
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableTypes.d.ts +1 -1
- package/dist/esm/components/Table/TableTypes.d.ts.map +1 -1
- package/dist/esm/components/Table/Td.js.map +1 -1
- package/dist/esm/components/Table/Th.js.map +1 -1
- package/dist/esm/components/Table/base/types.d.ts +5 -2
- package/dist/esm/components/Table/base/types.d.ts.map +1 -1
- package/dist/esm/components/Table/base/types.js.map +1 -1
- package/dist/esm/demos/DashboardHeader.d.ts.map +1 -1
- package/dist/esm/demos/DashboardHeader.js +2 -3
- package/dist/esm/demos/DashboardHeader.js.map +1 -1
- package/dist/esm/demos/DashboardWrapper.d.ts +1 -1
- package/dist/esm/demos/DashboardWrapper.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Table/BodyCell.d.ts +1 -1
- package/dist/esm/deprecated/components/Table/BodyCell.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Table/BodyCell.js.map +1 -1
- package/dist/esm/deprecated/components/Table/Table.d.ts +3 -2
- package/dist/esm/deprecated/components/Table/Table.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Table/Table.js +1 -1
- package/dist/esm/deprecated/components/Table/Table.js.map +1 -1
- package/dist/js/components/Table/ActionsColumn.d.ts.map +1 -1
- package/dist/js/components/Table/ActionsColumn.js.map +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.d.ts +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.d.ts.map +1 -1
- package/dist/js/components/Table/EditableSelectInputCell.js.map +1 -1
- package/dist/js/components/Table/SortColumn.d.ts.map +1 -1
- package/dist/js/components/Table/SortColumn.js +7 -6
- package/dist/js/components/Table/SortColumn.js.map +1 -1
- package/dist/js/components/Table/Table.d.ts +1 -1
- package/dist/js/components/Table/Table.d.ts.map +1 -1
- package/dist/js/components/Table/Table.js +7 -5
- package/dist/js/components/Table/Table.js.map +1 -1
- package/dist/js/components/Table/TableTypes.d.ts +1 -1
- package/dist/js/components/Table/TableTypes.d.ts.map +1 -1
- package/dist/js/components/Table/Td.js.map +1 -1
- package/dist/js/components/Table/Th.js.map +1 -1
- package/dist/js/components/Table/base/types.d.ts +5 -2
- package/dist/js/components/Table/base/types.d.ts.map +1 -1
- package/dist/js/components/Table/base/types.js.map +1 -1
- package/dist/js/demos/DashboardHeader.d.ts.map +1 -1
- package/dist/js/demos/DashboardHeader.js +1 -2
- package/dist/js/demos/DashboardHeader.js.map +1 -1
- package/dist/js/demos/DashboardWrapper.d.ts +1 -1
- package/dist/js/demos/DashboardWrapper.d.ts.map +1 -1
- package/dist/js/deprecated/components/Table/BodyCell.d.ts +1 -1
- package/dist/js/deprecated/components/Table/BodyCell.d.ts.map +1 -1
- package/dist/js/deprecated/components/Table/BodyCell.js.map +1 -1
- package/dist/js/deprecated/components/Table/Table.d.ts +3 -2
- package/dist/js/deprecated/components/Table/Table.d.ts.map +1 -1
- package/dist/js/deprecated/components/Table/Table.js +2 -2
- package/dist/js/deprecated/components/Table/Table.js.map +1 -1
- package/dist/umd/assets/output-wH_vBnjZ.css +7468 -0
- package/dist/umd/react-table.min.js +4 -4
- package/package.json +6 -6
- package/src/components/Table/ActionsColumn.tsx +1 -2
- package/src/components/Table/EditableSelectInputCell.tsx +2 -2
- package/src/components/Table/SortColumn.tsx +2 -1
- package/src/components/Table/Table.tsx +5 -1
- package/src/components/Table/TableTypes.tsx +1 -1
- package/src/components/Table/Td.tsx +2 -2
- package/src/components/Table/Th.tsx +2 -2
- package/src/components/Table/base/types.tsx +5 -2
- package/src/components/Table/examples/TableDraggable.tsx +1 -1
- package/src/components/Table/examples/TableEditable.tsx +3 -3
- package/src/demos/DashboardHeader.tsx +4 -4
- package/src/demos/DashboardWrapper.tsx +1 -1
- package/src/demos/Table.md +5 -1
- package/src/demos/examples/TableColumnManagement.tsx +212 -205
- package/src/demos/examples/TableColumnManagementWithDraggable.tsx +307 -556
- package/src/deprecated/components/Table/BodyCell.tsx +5 -5
- package/src/deprecated/components/Table/Table.tsx +3 -1
- package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +0 -11
- package/src/deprecated/components/Table/examples/LegacyTableMisc.tsx +1 -1
- package/src/deprecated/components/Table/examples/LegacyTableStripedCustomTr.tsx +1 -3
- package/src/test-helpers/MockedTableChanges.js +1 -6
- package/dist/umd/assets/output-81fDksv5.css +0 -27164
|
@@ -18,7 +18,7 @@ export interface BodyCellProps {
|
|
|
18
18
|
ariaControls?: string;
|
|
19
19
|
editableValue?: any;
|
|
20
20
|
editableSelectProps?: SelectProps;
|
|
21
|
-
options?: React.ReactElement[];
|
|
21
|
+
options?: React.ReactElement<any>[];
|
|
22
22
|
isSelectOpen?: boolean;
|
|
23
23
|
value?: any;
|
|
24
24
|
isValid?: boolean;
|
|
@@ -69,10 +69,10 @@ export const BodyCell: React.FunctionComponent<BodyCellProps> = ({
|
|
|
69
69
|
let isEmptyStateCell = false;
|
|
70
70
|
if (children) {
|
|
71
71
|
isEmptyStateCell =
|
|
72
|
-
((children as React.ReactElement).type === Bullseye &&
|
|
73
|
-
(children as React.ReactElement).props.children &&
|
|
74
|
-
(children as React.ReactElement).props.children.type === EmptyState) ||
|
|
75
|
-
(children as React.ReactElement).type === EmptyState;
|
|
72
|
+
((children as React.ReactElement<any>).type === Bullseye &&
|
|
73
|
+
(children as React.ReactElement<any>).props.children &&
|
|
74
|
+
(children as React.ReactElement<any>).props.children.type === EmptyState) ||
|
|
75
|
+
(children as React.ReactElement<any>).type === EmptyState;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
const cell = (
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { OUIAProps, getDefaultOUIAId } from '@patternfly/react-core';
|
|
2
|
+
import { OUIAProps, getDefaultOUIAId } from '@patternfly/react-core/dist/esm/helpers/OUIA/ouia';
|
|
3
3
|
import inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inline-edit';
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
import { Provider } from '../../../components/Table/base/provider';
|
|
@@ -29,6 +29,8 @@ import {
|
|
|
29
29
|
CustomActionsToggleProps
|
|
30
30
|
} from '../../../components';
|
|
31
31
|
|
|
32
|
+
import type { JSX } from 'react';
|
|
33
|
+
|
|
32
34
|
export interface TableProps extends OUIAProps {
|
|
33
35
|
/** Adds an accessible name for the Table */
|
|
34
36
|
'aria-label'?: string;
|
|
@@ -1523,7 +1523,6 @@ exports[`Table Collapsible nested table 1`] = `
|
|
|
1523
1523
|
tabindex="-1"
|
|
1524
1524
|
>
|
|
1525
1525
|
<button
|
|
1526
|
-
aria-disabled="false"
|
|
1527
1526
|
aria-expanded="false"
|
|
1528
1527
|
aria-label="Details"
|
|
1529
1528
|
aria-labelledby="simple-node0 expandable-toggle0"
|
|
@@ -1615,7 +1614,6 @@ exports[`Table Collapsible nested table 1`] = `
|
|
|
1615
1614
|
tabindex="-1"
|
|
1616
1615
|
>
|
|
1617
1616
|
<button
|
|
1618
|
-
aria-disabled="false"
|
|
1619
1617
|
aria-expanded="true"
|
|
1620
1618
|
aria-label="Details"
|
|
1621
1619
|
aria-labelledby="simple-node1 expandable-toggle1"
|
|
@@ -1778,7 +1776,6 @@ exports[`Table Collapsible nested table 1`] = `
|
|
|
1778
1776
|
tabindex="-1"
|
|
1779
1777
|
>
|
|
1780
1778
|
<button
|
|
1781
|
-
aria-disabled="false"
|
|
1782
1779
|
aria-expanded="false"
|
|
1783
1780
|
aria-label="Details"
|
|
1784
1781
|
aria-labelledby="simple-node3 expandable-toggle3"
|
|
@@ -2287,7 +2284,6 @@ exports[`Table Collapsible table 1`] = `
|
|
|
2287
2284
|
tabindex="-1"
|
|
2288
2285
|
>
|
|
2289
2286
|
<button
|
|
2290
|
-
aria-disabled="false"
|
|
2291
2287
|
aria-expanded="true"
|
|
2292
2288
|
aria-label="Details"
|
|
2293
2289
|
aria-labelledby="simple-node0 expandable-toggle0"
|
|
@@ -2505,7 +2501,6 @@ exports[`Table Collapsible table 1`] = `
|
|
|
2505
2501
|
tabindex="-1"
|
|
2506
2502
|
>
|
|
2507
2503
|
<button
|
|
2508
|
-
aria-disabled="false"
|
|
2509
2504
|
aria-expanded="false"
|
|
2510
2505
|
aria-label="Details"
|
|
2511
2506
|
aria-labelledby="simple-node3 expandable-toggle3"
|
|
@@ -10533,7 +10528,6 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10533
10528
|
class="pf-v6-c-inline-edit__action"
|
|
10534
10529
|
>
|
|
10535
10530
|
<button
|
|
10536
|
-
aria-disabled="false"
|
|
10537
10531
|
aria-label="Save row edits for row 0"
|
|
10538
10532
|
class="pf-v6-c-button pf-m-plain"
|
|
10539
10533
|
data-ouia-component-id="OUIA-Generated-Button-plain-1"
|
|
@@ -10564,7 +10558,6 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10564
10558
|
class="pf-v6-c-inline-edit__action"
|
|
10565
10559
|
>
|
|
10566
10560
|
<button
|
|
10567
|
-
aria-disabled="false"
|
|
10568
10561
|
aria-label="Cancel row edits for row 0"
|
|
10569
10562
|
class="pf-v6-c-button pf-m-plain"
|
|
10570
10563
|
data-ouia-component-id="OUIA-Generated-Button-plain-2"
|
|
@@ -10596,7 +10589,6 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10596
10589
|
class="pf-v6-c-inline-edit__action pf-m-enable-editable"
|
|
10597
10590
|
>
|
|
10598
10591
|
<button
|
|
10599
|
-
aria-disabled="false"
|
|
10600
10592
|
aria-label="Place row 0 in edit mode"
|
|
10601
10593
|
class="pf-v6-c-button pf-m-plain"
|
|
10602
10594
|
data-ouia-component-id="OUIA-Generated-Button-plain-3"
|
|
@@ -10776,7 +10768,6 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10776
10768
|
class="pf-v6-c-inline-edit__action"
|
|
10777
10769
|
>
|
|
10778
10770
|
<button
|
|
10779
|
-
aria-disabled="false"
|
|
10780
10771
|
aria-label="Save row edits for row 1"
|
|
10781
10772
|
class="pf-v6-c-button pf-m-plain"
|
|
10782
10773
|
data-ouia-component-id="OUIA-Generated-Button-plain-4"
|
|
@@ -10807,7 +10798,6 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10807
10798
|
class="pf-v6-c-inline-edit__action"
|
|
10808
10799
|
>
|
|
10809
10800
|
<button
|
|
10810
|
-
aria-disabled="false"
|
|
10811
10801
|
aria-label="Cancel row edits for row 1"
|
|
10812
10802
|
class="pf-v6-c-button pf-m-plain"
|
|
10813
10803
|
data-ouia-component-id="OUIA-Generated-Button-plain-5"
|
|
@@ -10839,7 +10829,6 @@ exports[`Table simple Editable table 1`] = `
|
|
|
10839
10829
|
class="pf-v6-c-inline-edit__action pf-m-enable-editable"
|
|
10840
10830
|
>
|
|
10841
10831
|
<button
|
|
10842
|
-
aria-disabled="false"
|
|
10843
10832
|
aria-label="Place row 1 in edit mode"
|
|
10844
10833
|
class="pf-v6-c-button pf-m-plain"
|
|
10845
10834
|
data-ouia-component-id="OUIA-Generated-Button-plain-6"
|
|
@@ -36,7 +36,7 @@ export const LegacyTableMisc: React.FunctionComponent = () => {
|
|
|
36
36
|
};
|
|
37
37
|
return (
|
|
38
38
|
<tr
|
|
39
|
-
ref={trRef as React.
|
|
39
|
+
ref={trRef as React.Ref<HTMLTableRowElement>}
|
|
40
40
|
className={css(className, isOddRow ? 'odd-row-class' : 'even-row-class', 'custom-static-class')}
|
|
41
41
|
style={isOddRow ? customStyle : {}}
|
|
42
42
|
/>
|
|
@@ -29,9 +29,7 @@ export const LegacyTableStripedCustomTr: React.FunctionComponent = () => {
|
|
|
29
29
|
|
|
30
30
|
const customRowWrapper: TableProps['rowWrapper'] = ({ trRef, className, rowProps, row: _row }) => {
|
|
31
31
|
const isOddRow = rowProps ? !!((rowProps.rowIndex + 1) % 2) : true;
|
|
32
|
-
return (
|
|
33
|
-
<tr ref={trRef as React.LegacyRef<HTMLTableRowElement>} className={css(className, isOddRow && 'pf-m-striped')} />
|
|
34
|
-
);
|
|
32
|
+
return <tr ref={trRef as React.Ref<HTMLTableRowElement>} className={css(className, isOddRow && 'pf-m-striped')} />;
|
|
35
33
|
};
|
|
36
34
|
|
|
37
35
|
return (
|
|
@@ -41,7 +41,7 @@ export const TableProvider = withContext({
|
|
|
41
41
|
contextType: { columns: PropTypes.any, renderers: PropTypes.any }
|
|
42
42
|
})('table');
|
|
43
43
|
|
|
44
|
-
const MockedTableChanges = ({ updateFunc, columns }) => (
|
|
44
|
+
const MockedTableChanges = ({ updateFunc = () => undefined, columns = [] }) => (
|
|
45
45
|
<TableContext.Provider value={{ updateHeaderData: updateFunc }}>
|
|
46
46
|
<TableProvider>
|
|
47
47
|
<TableHeader headerRows={columns} />
|
|
@@ -54,9 +54,4 @@ MockedTableChanges.propTypes = {
|
|
|
54
54
|
columns: PropTypes.array
|
|
55
55
|
};
|
|
56
56
|
|
|
57
|
-
MockedTableChanges.defaultProps = {
|
|
58
|
-
updateFunc: () => undefined,
|
|
59
|
-
columns: []
|
|
60
|
-
};
|
|
61
|
-
|
|
62
57
|
export default MockedTableChanges;
|