@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.
Files changed (58) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/esm/components/Table/Body.d.ts +4 -0
  3. package/dist/esm/components/Table/Body.d.ts.map +1 -1
  4. package/dist/esm/components/Table/Body.js.map +1 -1
  5. package/dist/esm/components/Table/Table.d.ts +4 -0
  6. package/dist/esm/components/Table/Table.d.ts.map +1 -1
  7. package/dist/esm/components/Table/Table.js.map +1 -1
  8. package/dist/esm/components/Table/base/provider.d.ts +4 -4
  9. package/dist/esm/components/Table/base/types.d.ts +4 -4
  10. package/dist/esm/components/TableComposable/TableComposable.d.ts +5 -1
  11. package/dist/esm/components/TableComposable/TableComposable.d.ts.map +1 -1
  12. package/dist/esm/components/TableComposable/TableComposable.js +3 -3
  13. package/dist/esm/components/TableComposable/TableComposable.js.map +1 -1
  14. package/dist/esm/components/TableComposable/Tbody.d.ts +5 -1
  15. package/dist/esm/components/TableComposable/Tbody.d.ts.map +1 -1
  16. package/dist/esm/components/TableComposable/Tbody.js +2 -2
  17. package/dist/esm/components/TableComposable/Tbody.js.map +1 -1
  18. package/dist/esm/components/TableComposable/Tr.d.ts +3 -1
  19. package/dist/esm/components/TableComposable/Tr.d.ts.map +1 -1
  20. package/dist/esm/components/TableComposable/Tr.js +2 -2
  21. package/dist/esm/components/TableComposable/Tr.js.map +1 -1
  22. package/dist/js/components/Table/Body.d.ts +4 -0
  23. package/dist/js/components/Table/Body.d.ts.map +1 -1
  24. package/dist/js/components/Table/Body.js.map +1 -1
  25. package/dist/js/components/Table/Table.d.ts +4 -0
  26. package/dist/js/components/Table/Table.d.ts.map +1 -1
  27. package/dist/js/components/Table/Table.js.map +1 -1
  28. package/dist/js/components/Table/base/provider.d.ts +4 -4
  29. package/dist/js/components/Table/base/types.d.ts +4 -4
  30. package/dist/js/components/TableComposable/TableComposable.d.ts +5 -1
  31. package/dist/js/components/TableComposable/TableComposable.d.ts.map +1 -1
  32. package/dist/js/components/TableComposable/TableComposable.js +3 -3
  33. package/dist/js/components/TableComposable/TableComposable.js.map +1 -1
  34. package/dist/js/components/TableComposable/Tbody.d.ts +5 -1
  35. package/dist/js/components/TableComposable/Tbody.d.ts.map +1 -1
  36. package/dist/js/components/TableComposable/Tbody.js +2 -2
  37. package/dist/js/components/TableComposable/Tbody.js.map +1 -1
  38. package/dist/js/components/TableComposable/Tr.d.ts +3 -1
  39. package/dist/js/components/TableComposable/Tr.d.ts.map +1 -1
  40. package/dist/js/components/TableComposable/Tr.js +2 -2
  41. package/dist/js/components/TableComposable/Tr.js.map +1 -1
  42. package/dist/umd/react-table.js +7 -7
  43. package/dist/umd/react-table.min.js +1 -1
  44. package/package.json +6 -6
  45. package/src/components/Table/Body.tsx +4 -0
  46. package/src/components/Table/Table.tsx +4 -0
  47. package/src/components/Table/examples/LegacyTableStriped.tsx +52 -0
  48. package/src/components/Table/examples/LegacyTableStripedCustomTr.tsx +52 -0
  49. package/src/components/Table/examples/LegacyTableStripedExpandable.tsx +174 -0
  50. package/src/components/Table/examples/Table.md +21 -0
  51. package/src/components/TableComposable/TableComposable.tsx +8 -0
  52. package/src/components/TableComposable/Tbody.tsx +17 -1
  53. package/src/components/TableComposable/Tr.tsx +4 -0
  54. package/src/components/TableComposable/examples/ComposableTable.md +28 -0
  55. package/src/components/TableComposable/examples/ComposableTableStriped.tsx +54 -0
  56. package/src/components/TableComposable/examples/ComposableTableStripedExpandable.tsx +200 -0
  57. package/src/components/TableComposable/examples/ComposableTableStripedMultipleTbody.tsx +120 -0
  58. package/src/components/TableComposable/examples/ComposableTableStripedTr.tsx +54 -0
@@ -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';