@patternfly/react-table 6.3.0-prerelease.31 → 6.3.0-prerelease.32
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 +6 -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/Table.d.ts +1 -1
- package/dist/esm/components/Table/Tr.d.ts +5 -3
- package/dist/esm/components/Table/Tr.d.ts.map +1 -1
- package/dist/esm/components/Table/Tr.js +3 -6
- package/dist/esm/components/Table/Tr.js.map +1 -1
- package/dist/js/components/Table/Table.d.ts +1 -1
- package/dist/js/components/Table/Tr.d.ts +5 -3
- package/dist/js/components/Table/Tr.d.ts.map +1 -1
- package/dist/js/components/Table/Tr.js +3 -6
- package/dist/js/components/Table/Tr.js.map +1 -1
- package/dist/umd/assets/{output-CdHF2IFH.css → output-B21HIaEi.css} +3955 -3934
- package/dist/umd/react-table.min.js +1 -1
- package/package.json +6 -6
- package/src/components/Table/Table.tsx +1 -1
- package/src/components/Table/Tr.tsx +9 -9
- package/src/components/Table/examples/Table.md +8 -6
- package/src/components/Table/examples/TableCompoundExpandable.tsx +4 -4
- package/src/components/Table/examples/TableExpandable.tsx +2 -2
- package/src/components/Table/examples/TableNestedExpandable.tsx +2 -2
- package/src/components/Table/examples/TableNestedTableExpandable.tsx +2 -2
- package/src/components/Table/examples/TableStripedExpandable.tsx +2 -2
- package/src/demos/examples/TableCompoundExpansion.tsx +4 -4
- package/src/demos/examples/TableExpandCollapseAll.tsx +2 -2
- package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +17 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [6.3.0-prerelease.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@6.3.0-prerelease.31...@patternfly/react-table@6.3.0-prerelease.32) (2025-07-17)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **Tables:** updated animations to beta ([#11927](https://github.com/patternfly/patternfly-react/issues/11927)) ([cca6678](https://github.com/patternfly/patternfly-react/commit/cca667858c24bb9d7cb39e0c781ff3c8466f7ef6))
|
|
11
|
+
|
|
6
12
|
# [6.3.0-prerelease.31](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@6.3.0-prerelease.30...@patternfly/react-table@6.3.0-prerelease.31) (2025-07-16)
|
|
7
13
|
|
|
8
14
|
**Note:** Version bump only for package @patternfly/react-table
|
package/components/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"6.3.0-prerelease.31","private":true}
|
package/deprecated/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-deprecated","main":"../dist/js/deprecated/index.js","module":"../dist/esm/deprecated/index.js","typings":"../dist/esm/deprecated/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-deprecated","main":"../dist/js/deprecated/index.js","module":"../dist/esm/deprecated/index.js","typings":"../dist/esm/deprecated/index.d.ts","version":"6.3.0-prerelease.31","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-table-dynamic","main":"../../../js/components/Table/index.js","module":"../../../esm/components/Table/index.js","typings":"../../../esm/components/Table/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-table-dynamic","main":"../../../js/components/Table/index.js","module":"../../../esm/components/Table/index.js","typings":"../../../esm/components/Table/index.d.ts","version":"6.3.0-prerelease.31","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-decorators-dynamic","main":"../../../../../js/components/Table/utils/decorators/index.js","module":"../../../../../esm/components/Table/utils/decorators/index.js","typings":"../../../../../esm/components/Table/utils/decorators/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-decorators-dynamic","main":"../../../../../js/components/Table/utils/decorators/index.js","module":"../../../../../esm/components/Table/utils/decorators/index.js","typings":"../../../../../esm/components/Table/utils/decorators/index.d.ts","version":"6.3.0-prerelease.31","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-utils-dynamic","main":"../../../../js/components/Table/utils/index.js","module":"../../../../esm/components/Table/utils/index.js","typings":"../../../../esm/components/Table/utils/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-utils-dynamic","main":"../../../../js/components/Table/utils/index.js","module":"../../../../esm/components/Table/utils/index.js","typings":"../../../../esm/components/Table/utils/index.d.ts","version":"6.3.0-prerelease.31","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-base-deprecated-dynamic","main":"../../../../../js/deprecated/components/Table/base/index.js","module":"../../../../../esm/deprecated/components/Table/base/index.js","typings":"../../../../../esm/deprecated/components/Table/base/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-base-deprecated-dynamic","main":"../../../../../js/deprecated/components/Table/base/index.js","module":"../../../../../esm/deprecated/components/Table/base/index.js","typings":"../../../../../esm/deprecated/components/Table/base/index.d.ts","version":"6.3.0-prerelease.31","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-table-deprecated-dynamic","main":"../../../../js/deprecated/components/Table/index.js","module":"../../../../esm/deprecated/components/Table/index.js","typings":"../../../../esm/deprecated/components/Table/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-table-deprecated-dynamic","main":"../../../../js/deprecated/components/Table/index.js","module":"../../../../esm/deprecated/components/Table/index.js","typings":"../../../../esm/deprecated/components/Table/index.d.ts","version":"6.3.0-prerelease.31","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-table-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"6.3.0-prerelease.31","private":true}
|
|
@@ -50,7 +50,7 @@ export interface TableProps extends React.HTMLProps<HTMLTableElement>, OUIAProps
|
|
|
50
50
|
isStriped?: boolean;
|
|
51
51
|
/** Flag indicating this table contains expandable rows. */
|
|
52
52
|
isExpandable?: boolean;
|
|
53
|
-
/** Flag indicating whether expandable rows within the table have animations. Expandable rows cannot be dynamically rendered. This prop
|
|
53
|
+
/** @beta Flag indicating whether expandable rows within the table have animations. Expandable rows cannot be dynamically rendered. This prop
|
|
54
54
|
* will be removed in the next breaking change, with the default behavior becoming animations always being enabled.
|
|
55
55
|
*/
|
|
56
56
|
hasAnimations?: boolean;
|
|
@@ -9,12 +9,14 @@ export interface TrProps extends Omit<React.HTMLProps<HTMLTableRowElement>, 'onR
|
|
|
9
9
|
innerRef?: React.Ref<any>;
|
|
10
10
|
/** Flag indicating the Tr is hidden */
|
|
11
11
|
isHidden?: boolean;
|
|
12
|
-
/**
|
|
12
|
+
/** Flag indicating whether an "expandable" Tr is expanded or not. Only applicable to a Tr within a Tbody.
|
|
13
13
|
* To prevent column widths from responding automatically when expandable rows are toggled, the width prop must also be passed into either the th or td component
|
|
14
14
|
*/
|
|
15
15
|
isExpanded?: boolean;
|
|
16
|
-
/** Flag
|
|
17
|
-
|
|
16
|
+
/** Flag indicating that the "control row" Tr has an expandable sibling Tr that is expanded or not. Only applicable to
|
|
17
|
+
* a Tr within a Tbody, and should have the same value as an expandable Tr's isExpanded prop.
|
|
18
|
+
*/
|
|
19
|
+
isContentExpanded?: boolean;
|
|
18
20
|
/** Only applicable to Tr within the Tbody: Whether the row is editable */
|
|
19
21
|
isEditable?: boolean;
|
|
20
22
|
/** Flag which adds hover styles for the clickable table row */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tr.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Tr.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgB,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAMlF,MAAM,WAAW,OAAQ,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,EAAE,SAAS;IAChG,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB
|
|
1
|
+
{"version":3,"file":"Tr.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Tr.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgB,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAMlF,MAAM,WAAW,OAAQ,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,EAAE,SAAS;IAChG,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wHAAwH;IACxH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mCAAmC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACtE,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkFD,eAAO,MAAM,EAAE,sHAEb,CAAC"}
|
|
@@ -7,7 +7,7 @@ import inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inl
|
|
|
7
7
|
import { css } from '@patternfly/react-styles';
|
|
8
8
|
import { TableContext } from './Table';
|
|
9
9
|
const TrBase = (_a) => {
|
|
10
|
-
var { children, className, isExpanded,
|
|
10
|
+
var { children, className, isExpanded, isContentExpanded, isEditable, isHidden = false, isClickable = false, isRowSelected = false, isStriped = false, isBorderRow = false, isControlRow = false, innerRef, ouiaId, ouiaSafe = true, resetOffset = false, onRowClick, isSelectable, 'aria-label': passedAriaLabel } = _a, props = __rest(_a, ["children", "className", "isExpanded", "isContentExpanded", "isEditable", "isHidden", "isClickable", "isRowSelected", "isStriped", "isBorderRow", "isControlRow", "innerRef", "ouiaId", "ouiaSafe", "resetOffset", "onRowClick", "isSelectable", 'aria-label']);
|
|
11
11
|
const ouiaProps = useOUIAProps('TableRow', ouiaId, ouiaSafe);
|
|
12
12
|
const [computedAriaLabel, setComputedAriaLabel] = useState('');
|
|
13
13
|
let onKeyDown = null;
|
|
@@ -19,7 +19,7 @@ const TrBase = (_a) => {
|
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
const rowIsHidden = isHidden || (isExpanded !== undefined && !isExpanded
|
|
22
|
+
const rowIsHidden = isHidden || (isExpanded !== undefined && !isExpanded);
|
|
23
23
|
const { registerSelectableRow, hasAnimations } = useContext(TableContext);
|
|
24
24
|
useEffect(() => {
|
|
25
25
|
if (isSelectable && !rowIsHidden) {
|
|
@@ -31,10 +31,7 @@ const TrBase = (_a) => {
|
|
|
31
31
|
}
|
|
32
32
|
}, [isRowSelected, isSelectable, registerSelectableRow, rowIsHidden]);
|
|
33
33
|
const ariaLabel = passedAriaLabel || computedAriaLabel;
|
|
34
|
-
return (_jsx(_Fragment, { children: _jsx("tr", Object.assign({ className: css(styles.tableTr, className,
|
|
35
|
-
// TODO: Revert this back to just isExpandable !== undefined and refine docs around expandable table structure --
|
|
36
|
-
// We should note where isExpanded and isExpandable props must be passed in
|
|
37
|
-
(isExpandable !== undefined || isExpanded !== undefined) && styles.tableExpandableRow, isExpanded && styles.modifiers.expanded, isEditable && inlineStyles.modifiers.inlineEditable, isClickable && styles.modifiers.clickable, isRowSelected && styles.modifiers.selected, isStriped && styles.modifiers.striped, isBorderRow && styles.modifiers.borderRow, isControlRow && styles.tableControlRow, resetOffset && styles.modifiers.firstCellOffsetReset), hidden: rowIsHidden }, (isClickable && { tabIndex: 0 }), { "aria-label": ariaLabel, ref: innerRef }, (hasAnimations && rowIsHidden && { inert: '' }), (onRowClick && { onClick: onRowClick, onKeyDown }), ouiaProps, props, { children: children })) }));
|
|
34
|
+
return (_jsx(_Fragment, { children: _jsx("tr", Object.assign({ className: css(styles.tableTr, className, isExpanded !== undefined && styles.tableExpandableRow, (isExpanded || isContentExpanded) && styles.modifiers.expanded, isEditable && inlineStyles.modifiers.inlineEditable, isClickable && styles.modifiers.clickable, isRowSelected && styles.modifiers.selected, isStriped && styles.modifiers.striped, isBorderRow && styles.modifiers.borderRow, isControlRow && styles.tableControlRow, resetOffset && styles.modifiers.firstCellOffsetReset), hidden: rowIsHidden }, (isClickable && { tabIndex: 0 }), { "aria-label": ariaLabel, ref: innerRef }, (hasAnimations && rowIsHidden && { inert: '' }), (onRowClick && { onClick: onRowClick, onKeyDown }), ouiaProps, props, { children: children })) }));
|
|
38
35
|
};
|
|
39
36
|
export const Tr = forwardRef((props, ref) => (_jsx(TrBase, Object.assign({}, props, { innerRef: ref }))));
|
|
40
37
|
Tr.displayName = 'Tr';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tr.js","sourceRoot":"","sources":["../../../../src/components/Table/Tr.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,YAAY,EAAa,MAAM,yCAAyC,CAAC;AAClF,OAAO,MAAM,gEAA4D;AACzE,OAAO,YAAY,2EAAuE;AAC1F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Tr.js","sourceRoot":"","sources":["../../../../src/components/Table/Tr.tsx"],"names":[],"mappings":"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"}
|
|
@@ -50,7 +50,7 @@ export interface TableProps extends React.HTMLProps<HTMLTableElement>, OUIAProps
|
|
|
50
50
|
isStriped?: boolean;
|
|
51
51
|
/** Flag indicating this table contains expandable rows. */
|
|
52
52
|
isExpandable?: boolean;
|
|
53
|
-
/** Flag indicating whether expandable rows within the table have animations. Expandable rows cannot be dynamically rendered. This prop
|
|
53
|
+
/** @beta Flag indicating whether expandable rows within the table have animations. Expandable rows cannot be dynamically rendered. This prop
|
|
54
54
|
* will be removed in the next breaking change, with the default behavior becoming animations always being enabled.
|
|
55
55
|
*/
|
|
56
56
|
hasAnimations?: boolean;
|
|
@@ -9,12 +9,14 @@ export interface TrProps extends Omit<React.HTMLProps<HTMLTableRowElement>, 'onR
|
|
|
9
9
|
innerRef?: React.Ref<any>;
|
|
10
10
|
/** Flag indicating the Tr is hidden */
|
|
11
11
|
isHidden?: boolean;
|
|
12
|
-
/**
|
|
12
|
+
/** Flag indicating whether an "expandable" Tr is expanded or not. Only applicable to a Tr within a Tbody.
|
|
13
13
|
* To prevent column widths from responding automatically when expandable rows are toggled, the width prop must also be passed into either the th or td component
|
|
14
14
|
*/
|
|
15
15
|
isExpanded?: boolean;
|
|
16
|
-
/** Flag
|
|
17
|
-
|
|
16
|
+
/** Flag indicating that the "control row" Tr has an expandable sibling Tr that is expanded or not. Only applicable to
|
|
17
|
+
* a Tr within a Tbody, and should have the same value as an expandable Tr's isExpanded prop.
|
|
18
|
+
*/
|
|
19
|
+
isContentExpanded?: boolean;
|
|
18
20
|
/** Only applicable to Tr within the Tbody: Whether the row is editable */
|
|
19
21
|
isEditable?: boolean;
|
|
20
22
|
/** Flag which adds hover styles for the clickable table row */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tr.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Tr.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgB,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAMlF,MAAM,WAAW,OAAQ,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,EAAE,SAAS;IAChG,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB
|
|
1
|
+
{"version":3,"file":"Tr.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Tr.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgB,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAMlF,MAAM,WAAW,OAAQ,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC,EAAE,SAAS;IAChG,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wHAAwH;IACxH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mCAAmC;IACnC,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACtE,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkFD,eAAO,MAAM,EAAE,sHAEb,CAAC"}
|
|
@@ -10,7 +10,7 @@ const inline_edit_1 = tslib_1.__importDefault(require("@patternfly/react-styles/
|
|
|
10
10
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
11
11
|
const Table_1 = require("./Table");
|
|
12
12
|
const TrBase = (_a) => {
|
|
13
|
-
var { children, className, isExpanded,
|
|
13
|
+
var { children, className, isExpanded, isContentExpanded, isEditable, isHidden = false, isClickable = false, isRowSelected = false, isStriped = false, isBorderRow = false, isControlRow = false, innerRef, ouiaId, ouiaSafe = true, resetOffset = false, onRowClick, isSelectable, 'aria-label': passedAriaLabel } = _a, props = tslib_1.__rest(_a, ["children", "className", "isExpanded", "isContentExpanded", "isEditable", "isHidden", "isClickable", "isRowSelected", "isStriped", "isBorderRow", "isControlRow", "innerRef", "ouiaId", "ouiaSafe", "resetOffset", "onRowClick", "isSelectable", 'aria-label']);
|
|
14
14
|
const ouiaProps = (0, helpers_1.useOUIAProps)('TableRow', ouiaId, ouiaSafe);
|
|
15
15
|
const [computedAriaLabel, setComputedAriaLabel] = (0, react_1.useState)('');
|
|
16
16
|
let onKeyDown = null;
|
|
@@ -22,7 +22,7 @@ const TrBase = (_a) => {
|
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
|
-
const rowIsHidden = isHidden || (isExpanded !== undefined && !isExpanded
|
|
25
|
+
const rowIsHidden = isHidden || (isExpanded !== undefined && !isExpanded);
|
|
26
26
|
const { registerSelectableRow, hasAnimations } = (0, react_1.useContext)(Table_1.TableContext);
|
|
27
27
|
(0, react_1.useEffect)(() => {
|
|
28
28
|
if (isSelectable && !rowIsHidden) {
|
|
@@ -34,10 +34,7 @@ const TrBase = (_a) => {
|
|
|
34
34
|
}
|
|
35
35
|
}, [isRowSelected, isSelectable, registerSelectableRow, rowIsHidden]);
|
|
36
36
|
const ariaLabel = passedAriaLabel || computedAriaLabel;
|
|
37
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("tr", Object.assign({ className: (0, react_styles_1.css)(table_1.default.tableTr, className,
|
|
38
|
-
// TODO: Revert this back to just isExpandable !== undefined and refine docs around expandable table structure --
|
|
39
|
-
// We should note where isExpanded and isExpandable props must be passed in
|
|
40
|
-
(isExpandable !== undefined || isExpanded !== undefined) && table_1.default.tableExpandableRow, isExpanded && table_1.default.modifiers.expanded, isEditable && inline_edit_1.default.modifiers.inlineEditable, isClickable && table_1.default.modifiers.clickable, isRowSelected && table_1.default.modifiers.selected, isStriped && table_1.default.modifiers.striped, isBorderRow && table_1.default.modifiers.borderRow, isControlRow && table_1.default.tableControlRow, resetOffset && table_1.default.modifiers.firstCellOffsetReset), hidden: rowIsHidden }, (isClickable && { tabIndex: 0 }), { "aria-label": ariaLabel, ref: innerRef }, (hasAnimations && rowIsHidden && { inert: '' }), (onRowClick && { onClick: onRowClick, onKeyDown }), ouiaProps, props, { children: children })) }));
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("tr", Object.assign({ className: (0, react_styles_1.css)(table_1.default.tableTr, className, isExpanded !== undefined && table_1.default.tableExpandableRow, (isExpanded || isContentExpanded) && table_1.default.modifiers.expanded, isEditable && inline_edit_1.default.modifiers.inlineEditable, isClickable && table_1.default.modifiers.clickable, isRowSelected && table_1.default.modifiers.selected, isStriped && table_1.default.modifiers.striped, isBorderRow && table_1.default.modifiers.borderRow, isControlRow && table_1.default.tableControlRow, resetOffset && table_1.default.modifiers.firstCellOffsetReset), hidden: rowIsHidden }, (isClickable && { tabIndex: 0 }), { "aria-label": ariaLabel, ref: innerRef }, (hasAnimations && rowIsHidden && { inert: '' }), (onRowClick && { onClick: onRowClick, onKeyDown }), ouiaProps, props, { children: children })) }));
|
|
41
38
|
};
|
|
42
39
|
exports.Tr = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(TrBase, Object.assign({}, props, { innerRef: ref }))));
|
|
43
40
|
exports.Tr.displayName = 'Tr';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tr.js","sourceRoot":"","sources":["../../../../src/components/Table/Tr.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAoE;;AAEpE,wGAAyE;AACzE,yHAA0F;AAC1F,2DAA+C;AAC/C,mCAAuC;
|
|
1
|
+
{"version":3,"file":"Tr.js","sourceRoot":"","sources":["../../../../src/components/Table/Tr.tsx"],"names":[],"mappings":"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"}
|