@patternfly/react-table 4.61.21 → 4.62.0
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 +11 -0
- package/dist/esm/components/Table/Body.d.ts +4 -0
- package/dist/esm/components/Table/Body.d.ts.map +1 -1
- package/dist/esm/components/Table/Body.js.map +1 -1
- package/dist/esm/components/Table/Table.d.ts +4 -0
- package/dist/esm/components/Table/Table.d.ts.map +1 -1
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/base/provider.d.ts +4 -4
- package/dist/esm/components/Table/base/types.d.ts +4 -4
- package/dist/esm/components/TableComposable/TableComposable.d.ts +5 -1
- package/dist/esm/components/TableComposable/TableComposable.d.ts.map +1 -1
- package/dist/esm/components/TableComposable/TableComposable.js +3 -3
- package/dist/esm/components/TableComposable/TableComposable.js.map +1 -1
- package/dist/esm/components/TableComposable/Tbody.d.ts +5 -1
- package/dist/esm/components/TableComposable/Tbody.d.ts.map +1 -1
- package/dist/esm/components/TableComposable/Tbody.js +2 -2
- package/dist/esm/components/TableComposable/Tbody.js.map +1 -1
- package/dist/esm/components/TableComposable/Tr.d.ts +3 -1
- package/dist/esm/components/TableComposable/Tr.d.ts.map +1 -1
- package/dist/esm/components/TableComposable/Tr.js +2 -2
- package/dist/esm/components/TableComposable/Tr.js.map +1 -1
- package/dist/js/components/Table/Body.d.ts +4 -0
- package/dist/js/components/Table/Body.d.ts.map +1 -1
- package/dist/js/components/Table/Body.js.map +1 -1
- package/dist/js/components/Table/Table.d.ts +4 -0
- package/dist/js/components/Table/Table.d.ts.map +1 -1
- package/dist/js/components/Table/Table.js.map +1 -1
- package/dist/js/components/Table/base/provider.d.ts +4 -4
- package/dist/js/components/Table/base/types.d.ts +4 -4
- package/dist/js/components/TableComposable/TableComposable.d.ts +5 -1
- package/dist/js/components/TableComposable/TableComposable.d.ts.map +1 -1
- package/dist/js/components/TableComposable/TableComposable.js +3 -3
- package/dist/js/components/TableComposable/TableComposable.js.map +1 -1
- package/dist/js/components/TableComposable/Tbody.d.ts +5 -1
- package/dist/js/components/TableComposable/Tbody.d.ts.map +1 -1
- package/dist/js/components/TableComposable/Tbody.js +2 -2
- package/dist/js/components/TableComposable/Tbody.js.map +1 -1
- package/dist/js/components/TableComposable/Tr.d.ts +3 -1
- package/dist/js/components/TableComposable/Tr.d.ts.map +1 -1
- package/dist/js/components/TableComposable/Tr.js +2 -2
- package/dist/js/components/TableComposable/Tr.js.map +1 -1
- package/dist/umd/react-table.js +7 -7
- package/dist/umd/react-table.min.js +1 -1
- package/package.json +6 -6
- package/src/components/Table/Body.tsx +4 -0
- package/src/components/Table/Table.tsx +4 -0
- package/src/components/Table/examples/LegacyTableStriped.tsx +52 -0
- package/src/components/Table/examples/LegacyTableStripedCustomTr.tsx +52 -0
- package/src/components/Table/examples/LegacyTableStripedExpandable.tsx +174 -0
- package/src/components/Table/examples/Table.md +21 -0
- package/src/components/TableComposable/TableComposable.tsx +8 -0
- package/src/components/TableComposable/Tbody.tsx +17 -1
- package/src/components/TableComposable/Tr.tsx +4 -0
- package/src/components/TableComposable/examples/ComposableTable.md +28 -0
- package/src/components/TableComposable/examples/ComposableTableStriped.tsx +54 -0
- package/src/components/TableComposable/examples/ComposableTableStripedExpandable.tsx +200 -0
- package/src/components/TableComposable/examples/ComposableTableStripedMultipleTbody.tsx +120 -0
- package/src/components/TableComposable/examples/ComposableTableStripedTr.tsx +54 -0
package/dist/umd/react-table.js
CHANGED
|
@@ -7107,9 +7107,9 @@
|
|
|
7107
7107
|
|
|
7108
7108
|
const TableComposableBase = (_a) => {
|
|
7109
7109
|
var _b, _c;
|
|
7110
|
-
var { children, className, variant, borders = true, isStickyHeader = false, gridBreakPoint = exports.TableGridBreakpoint.gridMd, 'aria-label': ariaLabel, role = 'grid', innerRef, ouiaId, ouiaSafe = true, isTreeTable = false, isNested = false,
|
|
7110
|
+
var { children, className, variant, borders = true, isStickyHeader = false, gridBreakPoint = exports.TableGridBreakpoint.gridMd, 'aria-label': ariaLabel, role = 'grid', innerRef, ouiaId, ouiaSafe = true, isTreeTable = false, isNested = false, isStriped = false, isExpandable = false,
|
|
7111
7111
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
7112
|
-
nestedHeaderColumnSpans } = _a, props = __rest$2(_a, ["children", "className", "variant", "borders", "isStickyHeader", "gridBreakPoint", 'aria-label', "role", "innerRef", "ouiaId", "ouiaSafe", "isTreeTable", "isNested", "nestedHeaderColumnSpans"]);
|
|
7112
|
+
nestedHeaderColumnSpans } = _a, props = __rest$2(_a, ["children", "className", "variant", "borders", "isStickyHeader", "gridBreakPoint", 'aria-label', "role", "innerRef", "ouiaId", "ouiaSafe", "isTreeTable", "isNested", "isStriped", "isExpandable", "nestedHeaderColumnSpans"]);
|
|
7113
7113
|
const tableRef = innerRef || React__namespace.useRef(null);
|
|
7114
7114
|
React__namespace.useEffect(() => {
|
|
7115
7115
|
document.addEventListener('keydown', handleKeys);
|
|
@@ -7142,7 +7142,7 @@
|
|
|
7142
7142
|
const getFocusableElement = (element) => element.querySelectorAll('button:not(:disabled), input:not(:disabled), a:not(:disabled)')[0];
|
|
7143
7143
|
handleArrows(event, rows, (element) => element === activeElement.closest('tr'), getFocusableElement, ['button', 'input', 'a'], undefined, false, true, false);
|
|
7144
7144
|
};
|
|
7145
|
-
return (React__namespace.createElement("table", Object.assign({ "aria-label": ariaLabel, role: role, className: css(className, _default$3.table, isTreeTable ? treeGrid : grid, _default$3.modifiers[variant], !borders && _default$3.modifiers.noBorderRows, isStickyHeader && _default$3.modifiers.stickyHeader, isTreeTable && _default$1.modifiers.treeView, isNested && 'pf-m-nested'), ref: tableRef }, (isTreeTable && { role: 'treegrid' }), ouiaProps, props), children));
|
|
7145
|
+
return (React__namespace.createElement("table", Object.assign({ "aria-label": ariaLabel, role: role, className: css(className, _default$3.table, isTreeTable ? treeGrid : grid, _default$3.modifiers[variant], !borders && _default$3.modifiers.noBorderRows, isStickyHeader && _default$3.modifiers.stickyHeader, isTreeTable && _default$1.modifiers.treeView, isStriped && _default$3.modifiers.striped, isExpandable && _default$3.modifiers.expandable, isNested && 'pf-m-nested'), ref: tableRef }, (isTreeTable && { role: 'treegrid' }), ouiaProps, props), children));
|
|
7146
7146
|
};
|
|
7147
7147
|
const TableComposable = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(TableComposableBase, Object.assign({}, props, { innerRef: ref }))));
|
|
7148
7148
|
TableComposable.displayName = 'TableComposable';
|
|
@@ -7155,14 +7155,14 @@
|
|
|
7155
7155
|
Thead.displayName = 'Thead';
|
|
7156
7156
|
|
|
7157
7157
|
const TbodyBase = (_a) => {
|
|
7158
|
-
var { children, className, isExpanded, innerRef } = _a, props = __rest$2(_a, ["children", "className", "isExpanded", "innerRef"]);
|
|
7159
|
-
return (React__namespace.createElement("tbody", Object.assign({ role: "rowgroup", className: css(className, isExpanded && _default$3.modifiers.expanded), ref: innerRef }, props), children));
|
|
7158
|
+
var { children, className, isExpanded, innerRef, isEvenStriped = false, isOddStriped = false } = _a, props = __rest$2(_a, ["children", "className", "isExpanded", "innerRef", "isEvenStriped", "isOddStriped"]);
|
|
7159
|
+
return (React__namespace.createElement("tbody", Object.assign({ role: "rowgroup", className: css(className, isExpanded && _default$3.modifiers.expanded, isOddStriped && _default$3.modifiers.striped, isEvenStriped && _default$3.modifiers.stripedEven), ref: innerRef }, props), children));
|
|
7160
7160
|
};
|
|
7161
7161
|
const Tbody = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(TbodyBase, Object.assign({}, props, { innerRef: ref }))));
|
|
7162
7162
|
Tbody.displayName = 'Tbody';
|
|
7163
7163
|
|
|
7164
7164
|
const TrBase = (_a) => {
|
|
7165
|
-
var { children, className, isExpanded, isEditable, isHidden = false, isHoverable = false, isRowSelected = false, innerRef, ouiaId, ouiaSafe = true, resetOffset = false, onRowClick } = _a, props = __rest$2(_a, ["children", "className", "isExpanded", "isEditable", "isHidden", "isHoverable", "isRowSelected", "innerRef", "ouiaId", "ouiaSafe", "resetOffset", "onRowClick"]);
|
|
7165
|
+
var { children, className, isExpanded, isEditable, isHidden = false, isHoverable = false, isRowSelected = false, isStriped = false, innerRef, ouiaId, ouiaSafe = true, resetOffset = false, onRowClick } = _a, props = __rest$2(_a, ["children", "className", "isExpanded", "isEditable", "isHidden", "isHoverable", "isRowSelected", "isStriped", "innerRef", "ouiaId", "ouiaSafe", "resetOffset", "onRowClick"]);
|
|
7166
7166
|
const ouiaProps = useOUIAProps('TableRow', ouiaId, ouiaSafe);
|
|
7167
7167
|
let onKeyDown = null;
|
|
7168
7168
|
if (onRowClick) {
|
|
@@ -7173,7 +7173,7 @@
|
|
|
7173
7173
|
}
|
|
7174
7174
|
};
|
|
7175
7175
|
}
|
|
7176
|
-
return (React__namespace.createElement("tr", Object.assign({ className: css(className, isExpanded !== undefined && _default$3.tableExpandableRow, isExpanded && _default$3.modifiers.expanded, isEditable && _default$4.modifiers.inlineEditable, isHoverable && _default$3.modifiers.hoverable, isRowSelected && _default$3.modifiers.selected, resetOffset && _default$3.modifiers.firstCellOffsetReset), hidden: isHidden || (isExpanded !== undefined && !isExpanded) }, (isHoverable && { tabIndex: 0 }), { ref: innerRef }, (onRowClick && { onClick: onRowClick, onKeyDown }), ouiaProps, props), children));
|
|
7176
|
+
return (React__namespace.createElement("tr", Object.assign({ className: css(className, isExpanded !== undefined && _default$3.tableExpandableRow, isExpanded && _default$3.modifiers.expanded, isEditable && _default$4.modifiers.inlineEditable, isHoverable && _default$3.modifiers.hoverable, isRowSelected && _default$3.modifiers.selected, isStriped && _default$3.modifiers.striped, resetOffset && _default$3.modifiers.firstCellOffsetReset), hidden: isHidden || (isExpanded !== undefined && !isExpanded) }, (isHoverable && { tabIndex: 0 }), { ref: innerRef }, (onRowClick && { onClick: onRowClick, onKeyDown }), ouiaProps, props), children));
|
|
7177
7177
|
};
|
|
7178
7178
|
const Tr = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(TrBase, Object.assign({}, props, { innerRef: ref }))));
|
|
7179
7179
|
Tr.displayName = 'Tr';
|