@patternfly/react-table 5.1.1 → 5.2.0-prerelease.1
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 +8 -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 +1 -1
- package/dist/esm/components/Table/ActionsColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/RowWrapper.d.ts +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/Tbody.d.ts +1 -1
- package/dist/esm/components/Table/Tbody.d.ts.map +1 -1
- package/dist/esm/components/Table/Td.d.ts +1 -1
- package/dist/esm/components/Table/Td.d.ts.map +1 -1
- package/dist/esm/components/Table/Th.d.ts +1 -1
- package/dist/esm/components/Table/Th.d.ts.map +1 -1
- package/dist/esm/components/Table/Thead.d.ts +1 -1
- package/dist/esm/components/Table/Thead.d.ts.map +1 -1
- package/dist/esm/components/Table/Tr.d.ts +2 -2
- package/dist/esm/components/Table/Tr.d.ts.map +1 -1
- package/dist/esm/components/Table/base/provider.d.ts +8 -8
- package/dist/esm/components/Table/base/types.d.ts +7 -7
- package/dist/esm/components/Table/utils/decorators/treeRow.d.ts +2 -2
- package/dist/esm/components/Table/utils/decorators/treeRow.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Table/Body.d.ts +1 -1
- package/dist/esm/deprecated/components/Table/Body.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Table/Table.d.ts +1 -1
- package/dist/esm/deprecated/components/Table/base/body.d.ts +8 -2
- package/dist/esm/deprecated/components/Table/base/body.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Table/base/header.d.ts +1 -1
- package/dist/esm/deprecated/components/Table/base/header.d.ts.map +1 -1
- package/dist/js/components/Table/ActionsColumn.d.ts +1 -1
- package/dist/js/components/Table/ActionsColumn.d.ts.map +1 -1
- package/dist/js/components/Table/RowWrapper.d.ts +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/Tbody.d.ts +1 -1
- package/dist/js/components/Table/Tbody.d.ts.map +1 -1
- package/dist/js/components/Table/Td.d.ts +1 -1
- package/dist/js/components/Table/Td.d.ts.map +1 -1
- package/dist/js/components/Table/Th.d.ts +1 -1
- package/dist/js/components/Table/Th.d.ts.map +1 -1
- package/dist/js/components/Table/Thead.d.ts +1 -1
- package/dist/js/components/Table/Thead.d.ts.map +1 -1
- package/dist/js/components/Table/Tr.d.ts +2 -2
- package/dist/js/components/Table/Tr.d.ts.map +1 -1
- package/dist/js/components/Table/base/provider.d.ts +8 -8
- package/dist/js/components/Table/base/types.d.ts +7 -7
- package/dist/js/components/Table/utils/decorators/treeRow.d.ts +2 -2
- package/dist/js/components/Table/utils/decorators/treeRow.d.ts.map +1 -1
- package/dist/js/deprecated/components/Table/Body.d.ts +1 -1
- package/dist/js/deprecated/components/Table/Body.d.ts.map +1 -1
- package/dist/js/deprecated/components/Table/Table.d.ts +1 -1
- package/dist/js/deprecated/components/Table/base/body.d.ts +8 -2
- package/dist/js/deprecated/components/Table/base/body.d.ts.map +1 -1
- package/dist/js/deprecated/components/Table/base/header.d.ts +1 -1
- package/dist/js/deprecated/components/Table/base/header.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/components/Table/Tr.tsx +1 -1
- package/src/deprecated/components/Table/examples/LegacyTableMisc.tsx +1 -2
- package/src/deprecated/components/Table/examples/LegacyTableStripedCustomTr.tsx +2 -6
- package/src/docs/demos/Table.md +3 -4
- package/src/docs/demos/table-demos/BulkSelect.jsx +1 -1
- package/src/docs/demos/table-demos/ColumnManagement.jsx +1 -1
- package/src/docs/demos/table-demos/Compact.jsx +1 -1
- package/src/docs/demos/table-demos/CompoundExpansion.jsx +1 -1
- package/src/docs/demos/table-demos/ExpandCollapseAll.jsx +1 -1
- package/src/docs/demos/table-demos/SortableResponsive.jsx +1 -1
- package/src/docs/demos/table-demos/StaticBottomPagination.jsx +1 -1
- package/src/docs/demos/table-demos/StickyFirstColumn.jsx +1 -1
- package/src/docs/demos/table-demos/StickyHeader.jsx +1 -1
|
@@ -25,20 +25,20 @@ declare class Provider extends React.Component<ProviderProps, {}> {
|
|
|
25
25
|
static displayName: string;
|
|
26
26
|
static defaultProps: {
|
|
27
27
|
renderers: {
|
|
28
|
-
table: React.ForwardRefExoticComponent<
|
|
28
|
+
table: React.ForwardRefExoticComponent<Omit<import("..").TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
|
|
29
29
|
header: {
|
|
30
|
-
wrapper: React.ForwardRefExoticComponent<
|
|
31
|
-
row: React.ForwardRefExoticComponent<
|
|
32
|
-
cell: React.ForwardRefExoticComponent<
|
|
30
|
+
wrapper: React.ForwardRefExoticComponent<Omit<import("..").TheadProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
31
|
+
row: React.ForwardRefExoticComponent<Omit<import("..").TrProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
32
|
+
cell: React.ForwardRefExoticComponent<Omit<import("..").ThProps, "ref"> & React.RefAttributes<HTMLTableHeaderCellElement>>;
|
|
33
33
|
};
|
|
34
34
|
body: {
|
|
35
|
-
wrapper: React.ForwardRefExoticComponent<
|
|
36
|
-
row: React.ForwardRefExoticComponent<
|
|
37
|
-
cell: React.ForwardRefExoticComponent<
|
|
35
|
+
wrapper: React.ForwardRefExoticComponent<Omit<import("..").TbodyProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
36
|
+
row: React.ForwardRefExoticComponent<Omit<import("..").TrProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
37
|
+
cell: React.ForwardRefExoticComponent<Omit<import("..").TdProps, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
|
|
38
38
|
};
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
|
-
render(): JSX.Element;
|
|
41
|
+
render(): React.JSX.Element;
|
|
42
42
|
}
|
|
43
43
|
export { Provider };
|
|
44
44
|
//# sourceMappingURL=provider.d.ts.map
|
|
@@ -165,16 +165,16 @@ export interface RowType {
|
|
|
165
165
|
}
|
|
166
166
|
export declare const TableDefaults: {
|
|
167
167
|
renderers: {
|
|
168
|
-
table: React.ForwardRefExoticComponent<
|
|
168
|
+
table: React.ForwardRefExoticComponent<Omit<import("../Table").TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
|
|
169
169
|
header: {
|
|
170
|
-
wrapper: React.ForwardRefExoticComponent<
|
|
171
|
-
row: React.ForwardRefExoticComponent<
|
|
172
|
-
cell: React.ForwardRefExoticComponent<
|
|
170
|
+
wrapper: React.ForwardRefExoticComponent<Omit<import("../Thead").TheadProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
171
|
+
row: React.ForwardRefExoticComponent<Omit<import("../Tr").TrProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
172
|
+
cell: React.ForwardRefExoticComponent<Omit<import("../Th").ThProps, "ref"> & React.RefAttributes<HTMLTableHeaderCellElement>>;
|
|
173
173
|
};
|
|
174
174
|
body: {
|
|
175
|
-
wrapper: React.ForwardRefExoticComponent<
|
|
176
|
-
row: React.ForwardRefExoticComponent<
|
|
177
|
-
cell: React.ForwardRefExoticComponent<
|
|
175
|
+
wrapper: React.ForwardRefExoticComponent<Omit<import("../Tbody").TbodyProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
176
|
+
row: React.ForwardRefExoticComponent<Omit<import("../Tr").TrProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
177
|
+
cell: React.ForwardRefExoticComponent<Omit<import("../Td").TdProps, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
|
|
178
178
|
};
|
|
179
179
|
};
|
|
180
180
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { IExtra, IFormatterValueType, OnCheckChange, OnTreeRowCollapse, OnToggleRowDetails } from '../../TableTypes';
|
|
3
3
|
export declare const treeRow: (onCollapse: OnTreeRowCollapse, onCheckChange?: OnCheckChange, onToggleRowDetails?: OnToggleRowDetails) => (value: IFormatterValueType, { rowIndex, rowData }: IExtra) => {
|
|
4
4
|
component: string;
|
|
5
5
|
className: string;
|
|
6
|
-
children: JSX.Element;
|
|
6
|
+
children: React.JSX.Element;
|
|
7
7
|
};
|
|
8
8
|
//# sourceMappingURL=treeRow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"treeRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/treeRow.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"treeRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/treeRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AASrH,eAAO,MAAM,OAAO,eACL,iBAAiB,kBAAkB,aAAa,uBAAuB,kBAAkB,aAC9F,mBAAmB,yBAAyB,MAAM;;;;CAoFzD,CAAC"}
|
|
@@ -26,5 +26,5 @@ export interface TableBodyProps {
|
|
|
26
26
|
/** Flag indicating the <tbody> contains evenly striped rows. */
|
|
27
27
|
isEvenStriped?: boolean;
|
|
28
28
|
}
|
|
29
|
-
export declare const TableBody: ({ className, children, rowKey, onRow, onRowClick, ...props }: TableBodyProps) => JSX.Element;
|
|
29
|
+
export declare const TableBody: ({ className, children, rowKey, onRow, onRowClick, ...props }: TableBodyProps) => React.JSX.Element;
|
|
30
30
|
//# sourceMappingURL=Body.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/Table/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAY,aAAa,EAAiB,MAAM,qBAAqB,CAAC;AAGnF,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,UAAU,GAAG,CACvB,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,UAAU,EAC7C,GAAG,EAAE,IAAI,EACT,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,aAAa,KACxB,IAAI,CAAC;AAEV,MAAM,WAAW,cAAc;IAC7B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC;IACpB,kDAAkD;IAClD,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,kDAAkD;IAClD,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,mCAAmC;IACnC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kDAAkD;IAClD,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgJD,eAAO,MAAM,SAAS,iEAenB,cAAc,
|
|
1
|
+
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/Table/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAY,aAAa,EAAiB,MAAM,qBAAqB,CAAC;AAGnF,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,UAAU,GAAG,CACvB,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,UAAU,EAC7C,GAAG,EAAE,IAAI,EACT,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,aAAa,KACxB,IAAI,CAAC;AAEV,MAAM,WAAW,cAAc;IAC7B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC;IACpB,kDAAkD;IAClD,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,kDAAkD;IAClD,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,mCAAmC;IACnC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kDAAkD;IAClD,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgJD,eAAO,MAAM,SAAS,iEAenB,cAAc,sBAiBhB,CAAC"}
|
|
@@ -113,7 +113,7 @@ declare class Table extends React.Component<TableProps, {}> {
|
|
|
113
113
|
isSelected: (row: IRow) => boolean;
|
|
114
114
|
areAllRowsSelected: (rows: IRow[]) => boolean;
|
|
115
115
|
areAllExpanded: (rows: IRow[]) => boolean;
|
|
116
|
-
render(): JSX.Element;
|
|
116
|
+
render(): React.JSX.Element;
|
|
117
117
|
}
|
|
118
118
|
export { Table };
|
|
119
119
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* body.tsx
|
|
3
|
+
*
|
|
4
|
+
* Forked from reactabular-table version 8.14.0
|
|
5
|
+
* https://github.com/reactabular/reactabular/tree/v8.14.0/packages/reactabular-table/src
|
|
6
|
+
*/
|
|
7
|
+
import * as React from 'react';
|
|
2
8
|
import { RowsType, RowKeyType, RenderersTypes, ColumnsType } from '../../../../components/Table/base/types';
|
|
3
9
|
export interface BodyProps {
|
|
4
10
|
onRow?: Function;
|
|
@@ -9,5 +15,5 @@ export interface BodyProps {
|
|
|
9
15
|
mappedRows?: any;
|
|
10
16
|
className?: string;
|
|
11
17
|
}
|
|
12
|
-
export declare const Body: (props: BodyProps) => JSX.Element;
|
|
18
|
+
export declare const Body: (props: BodyProps) => React.JSX.Element;
|
|
13
19
|
//# sourceMappingURL=body.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../../../../src/deprecated/components/Table/base/body.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../../../../src/deprecated/components/Table/base/body.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,QAAQ,EAER,UAAU,EACV,cAAc,EAEd,WAAW,EACZ,MAAM,yCAAyC,CAAC;AAKjD,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuDD,eAAO,MAAM,IAAI,UAAW,SAAS,sBAIpC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../../src/deprecated/components/Table/base/header.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAqB,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAKnH,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,eAAO,MAAM,MAAM,UAAW,WAAW,
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../../src/deprecated/components/Table/base/header.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAqB,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAKnH,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,eAAO,MAAM,MAAM,UAAW,WAAW,sBAIxC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-table",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.2.0-prerelease.1",
|
|
4
4
|
"description": "This library provides a set of React table components for use with the PatternFly 4",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -39,10 +39,10 @@
|
|
|
39
39
|
"subpaths": "node ../../scripts/exportSubpaths.js --config subpaths.config.json"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@patternfly/react-core": "^5.
|
|
43
|
-
"@patternfly/react-icons": "^5.
|
|
44
|
-
"@patternfly/react-styles": "^5.
|
|
45
|
-
"@patternfly/react-tokens": "^5.
|
|
42
|
+
"@patternfly/react-core": "^5.2.0-prerelease.1",
|
|
43
|
+
"@patternfly/react-icons": "^5.2.0-prerelease.0",
|
|
44
|
+
"@patternfly/react-styles": "^5.2.0-prerelease.0",
|
|
45
|
+
"@patternfly/react-tokens": "^5.2.0-prerelease.0",
|
|
46
46
|
"lodash": "^4.17.19",
|
|
47
47
|
"tslib": "^2.5.0"
|
|
48
48
|
},
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"react": "^17 || ^18",
|
|
55
55
|
"react-dom": "^17 || ^18"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "f7f065572254120f68487ab4b4caff597ece5ad3"
|
|
58
58
|
}
|
|
@@ -5,7 +5,7 @@ import inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inl
|
|
|
5
5
|
import { css } from '@patternfly/react-styles';
|
|
6
6
|
import { TableContext } from './Table';
|
|
7
7
|
|
|
8
|
-
export interface TrProps extends React.HTMLProps<HTMLTableRowElement>, OUIAProps {
|
|
8
|
+
export interface TrProps extends Omit<React.HTMLProps<HTMLTableRowElement>, 'onResize'>, OUIAProps {
|
|
9
9
|
/** Content rendered inside the <tr> row */
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
/** Additional classes added to the <tr> row */
|
|
@@ -27,14 +27,13 @@ export const LegacyTableMisc: React.FunctionComponent = () => {
|
|
|
27
27
|
repo.lastCommit
|
|
28
28
|
]);
|
|
29
29
|
|
|
30
|
-
const customRowWrapper: TableProps['rowWrapper'] = ({ trRef, className, rowProps, row: _row
|
|
30
|
+
const customRowWrapper: TableProps['rowWrapper'] = ({ trRef, className, rowProps, row: _row }) => {
|
|
31
31
|
const isOddRow = rowProps ? !!((rowProps.rowIndex + 1) % 2) : true;
|
|
32
32
|
const customStyle = {
|
|
33
33
|
borderLeft: '3px solid var(--pf-v5-global--primary-color--100)'
|
|
34
34
|
};
|
|
35
35
|
return (
|
|
36
36
|
<tr
|
|
37
|
-
{...props}
|
|
38
37
|
ref={trRef as React.LegacyRef<HTMLTableRowElement>}
|
|
39
38
|
className={css(className, isOddRow ? 'odd-row-class' : 'even-row-class', 'custom-static-class')}
|
|
40
39
|
style={isOddRow ? customStyle : {}}
|
|
@@ -27,14 +27,10 @@ export const LegacyTableStripedCustomTr: React.FunctionComponent = () => {
|
|
|
27
27
|
repo.lastCommit
|
|
28
28
|
]);
|
|
29
29
|
|
|
30
|
-
const customRowWrapper: TableProps['rowWrapper'] = ({ trRef, className, rowProps, row: _row
|
|
30
|
+
const customRowWrapper: TableProps['rowWrapper'] = ({ trRef, className, rowProps, row: _row }) => {
|
|
31
31
|
const isOddRow = rowProps ? !!((rowProps.rowIndex + 1) % 2) : true;
|
|
32
32
|
return (
|
|
33
|
-
<tr
|
|
34
|
-
{...props}
|
|
35
|
-
ref={trRef as React.LegacyRef<HTMLTableRowElement>}
|
|
36
|
-
className={css(className, isOddRow && 'pf-m-striped')}
|
|
37
|
-
/>
|
|
33
|
+
<tr ref={trRef as React.LegacyRef<HTMLTableRowElement>} className={css(className, isOddRow && 'pf-m-striped')} />
|
|
38
34
|
);
|
|
39
35
|
};
|
|
40
36
|
|
package/src/docs/demos/Table.md
CHANGED
|
@@ -47,7 +47,6 @@ import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-ico
|
|
|
47
47
|
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
|
|
48
48
|
import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
|
|
49
49
|
import AttentionBellIcon from '@patternfly/react-icons/dist/esm/icons/attention-bell-icon';
|
|
50
|
-
import DashboardWrapper from '@patternfly/react-core/src/demos/examples/DashboardWrapper';
|
|
51
50
|
import BlueprintIcon from '@patternfly/react-icons/dist/esm/icons/blueprint-icon';
|
|
52
51
|
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
|
|
53
52
|
import { rows, columns } from '@patternfly/react-table/src/docs/demos/table-demos/sampleData';
|
|
@@ -1468,7 +1467,7 @@ import {
|
|
|
1468
1467
|
PageSection
|
|
1469
1468
|
} from '@patternfly/react-core';
|
|
1470
1469
|
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
|
|
1471
|
-
import DashboardWrapper from '@patternfly/react-core/src/demos/
|
|
1470
|
+
import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
|
|
1472
1471
|
|
|
1473
1472
|
export const TableEmptyState: React.FunctionComponent = () => (
|
|
1474
1473
|
<DashboardWrapper hasPageTemplateTitle>
|
|
@@ -1529,7 +1528,7 @@ import {
|
|
|
1529
1528
|
PageSection,
|
|
1530
1529
|
Spinner
|
|
1531
1530
|
} from '@patternfly/react-core';
|
|
1532
|
-
import DashboardWrapper from '@patternfly/react-core/src/demos/
|
|
1531
|
+
import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
|
|
1533
1532
|
|
|
1534
1533
|
export const LoadingStateDemo: React.FunctionComponent = () => (
|
|
1535
1534
|
<DashboardWrapper hasPageTemplateTitle>
|
|
@@ -1580,7 +1579,7 @@ import {
|
|
|
1580
1579
|
} from '@patternfly/react-core';
|
|
1581
1580
|
import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
|
|
1582
1581
|
import globalDangerColor200 from '@patternfly/react-tokens/dist/esm/global_danger_color_200';
|
|
1583
|
-
import DashboardWrapper from '@patternfly/react-core/src/demos/
|
|
1582
|
+
import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
|
|
1584
1583
|
|
|
1585
1584
|
export const ErrorStateDemo: React.FunctionComponent = () => (
|
|
1586
1585
|
<DashboardWrapper hasPageTemplateTitle>
|
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
ToolbarItem
|
|
15
15
|
} from '@patternfly/react-core';
|
|
16
16
|
import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
|
|
17
|
-
import DashboardWrapper from '@patternfly/react-core/src/demos/
|
|
17
|
+
import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
|
|
18
18
|
import { rows, columns } from '@patternfly/react-table/src/docs/demos/table-demos/sampleData';
|
|
19
19
|
|
|
20
20
|
export const BulkSelectTableDemo = () => {
|
|
@@ -28,7 +28,7 @@ import {
|
|
|
28
28
|
import { Table, TableText, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
|
|
29
29
|
import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
|
|
30
30
|
import SortAmountDownIcon from '@patternfly/react-icons/dist/esm/icons/sort-amount-down-icon';
|
|
31
|
-
import DashboardWrapper from '@patternfly/react-core/src/demos/
|
|
31
|
+
import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper.js';
|
|
32
32
|
import { capitalize } from '@patternfly/react-table/src/components/Table/utils/utils';
|
|
33
33
|
import { rows, columns } from '@patternfly/react-table/src/docs/demos/table-demos/sampleData';
|
|
34
34
|
|
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
} from '@patternfly/react-core';
|
|
18
18
|
import { Table, TableText, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
|
|
19
19
|
import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
|
|
20
|
-
import DashboardWrapper from '@patternfly/react-core/src/demos/
|
|
20
|
+
import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
|
|
21
21
|
import { rows, columns } from '@patternfly/react-table/src/docs/demos/table-demos/sampleData';
|
|
22
22
|
|
|
23
23
|
export const CompactTable = () => {
|