@patternfly/react-table 6.4.1-prerelease.8 → 6.5.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 +10 -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/SelectColumn.d.ts +4 -1
- package/dist/esm/components/Table/SelectColumn.d.ts.map +1 -1
- package/dist/esm/components/Table/SelectColumn.js +8 -2
- package/dist/esm/components/Table/SelectColumn.js.map +1 -1
- package/dist/esm/components/Table/utils/decorators/selectable.d.ts.map +1 -1
- package/dist/esm/components/Table/utils/decorators/selectable.js +6 -6
- package/dist/esm/components/Table/utils/decorators/selectable.js.map +1 -1
- package/dist/js/components/Table/SelectColumn.d.ts +4 -1
- package/dist/js/components/Table/SelectColumn.d.ts.map +1 -1
- package/dist/js/components/Table/SelectColumn.js +8 -2
- package/dist/js/components/Table/SelectColumn.js.map +1 -1
- package/dist/js/components/Table/utils/decorators/selectable.d.ts.map +1 -1
- package/dist/js/components/Table/utils/decorators/selectable.js +6 -6
- package/dist/js/components/Table/utils/decorators/selectable.js.map +1 -1
- package/dist/umd/assets/{output-xSRGlo6k.css → output-BU6aYqpx.css} +3462 -3332
- package/dist/umd/react-table.min.js +2 -2
- package/package.json +6 -6
- package/src/components/Table/SelectColumn.tsx +25 -5
- package/src/components/Table/utils/__snapshots__/transformers.test.tsx.snap +0 -16
- package/src/components/Table/utils/decorators/selectable.tsx +6 -5
- package/src/components/Table/utils/transformers.test.tsx +54 -11
- package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +150 -39
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
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.5.0-prerelease.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@6.4.1-prerelease.9...@patternfly/react-table@6.5.0-prerelease.1) (2025-10-30)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
9
|
+
|
|
10
|
+
## [6.4.1-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@6.4.1-prerelease.8...@patternfly/react-table@6.4.1-prerelease.9) (2025-10-24)
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
- **Table:** use pf check/radio for selects ([#12045](https://github.com/patternfly/patternfly-react/issues/12045)) ([a434558](https://github.com/patternfly/patternfly-react/commit/a4345580fadd9d59b918315fff29d71c35f88fe8))
|
|
15
|
+
|
|
6
16
|
## [6.4.1-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@6.4.1-prerelease.7...@patternfly/react-table@6.4.1-prerelease.8) (2025-10-23)
|
|
7
17
|
|
|
8
18
|
**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.
|
|
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.5.0-prerelease.0","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.
|
|
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.5.0-prerelease.0","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.
|
|
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.5.0-prerelease.0","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.
|
|
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.5.0-prerelease.0","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.
|
|
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.5.0-prerelease.0","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.
|
|
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.5.0-prerelease.0","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.
|
|
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.5.0-prerelease.0","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.
|
|
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.5.0-prerelease.0","private":true}
|
|
@@ -5,7 +5,6 @@ export declare enum RowSelectVariant {
|
|
|
5
5
|
checkbox = "checkbox"
|
|
6
6
|
}
|
|
7
7
|
export interface SelectColumnProps {
|
|
8
|
-
name?: string;
|
|
9
8
|
children?: React.ReactNode;
|
|
10
9
|
className?: string;
|
|
11
10
|
onSelect?: (event: React.FormEvent<HTMLInputElement>) => void;
|
|
@@ -14,6 +13,10 @@ export interface SelectColumnProps {
|
|
|
14
13
|
tooltip?: React.ReactNode;
|
|
15
14
|
/** other props to pass to the tooltip */
|
|
16
15
|
tooltipProps?: Omit<TooltipProps, 'content'>;
|
|
16
|
+
/** id for the input element - required by Checkbox and Radio components */
|
|
17
|
+
id?: string;
|
|
18
|
+
/** name for the input element - required by Radio component */
|
|
19
|
+
name?: string;
|
|
17
20
|
}
|
|
18
21
|
export declare const SelectColumn: React.FunctionComponent<SelectColumnProps>;
|
|
19
22
|
//# sourceMappingURL=SelectColumn.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";AACA,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";AACA,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAI3F,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,qCAAqC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yCAAyC;IACzC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,2EAA2E;IAC3E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA2CnE,CAAC"}
|
|
@@ -2,6 +2,8 @@ import { __rest } from "tslib";
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { createRef, Fragment } from 'react';
|
|
4
4
|
import { Tooltip } from '@patternfly/react-core/dist/esm/components/Tooltip';
|
|
5
|
+
import { Checkbox } from '@patternfly/react-core/dist/esm/components/Checkbox';
|
|
6
|
+
import { Radio } from '@patternfly/react-core/dist/esm/components/Radio';
|
|
5
7
|
export var RowSelectVariant;
|
|
6
8
|
(function (RowSelectVariant) {
|
|
7
9
|
RowSelectVariant["radio"] = "radio";
|
|
@@ -10,9 +12,13 @@ export var RowSelectVariant;
|
|
|
10
12
|
export const SelectColumn = (_a) => {
|
|
11
13
|
var { children = null,
|
|
12
14
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13
|
-
className, onSelect = null, selectVariant, tooltip, tooltipProps } = _a, props = __rest(_a, ["children", "className", "onSelect", "selectVariant", "tooltip", "tooltipProps"]);
|
|
15
|
+
className, onSelect = null, selectVariant, tooltip, tooltipProps, id, name } = _a, props = __rest(_a, ["children", "className", "onSelect", "selectVariant", "tooltip", "tooltipProps", "id", "name"]);
|
|
14
16
|
const inputRef = createRef();
|
|
15
|
-
const
|
|
17
|
+
const handleChange = (event, _checked) => {
|
|
18
|
+
onSelect && onSelect(event);
|
|
19
|
+
};
|
|
20
|
+
const commonProps = Object.assign(Object.assign({}, props), { id, ref: inputRef, onChange: handleChange });
|
|
21
|
+
const content = (_jsxs(Fragment, { children: [selectVariant === RowSelectVariant.checkbox ? (_jsx(Checkbox, Object.assign({}, commonProps))) : (_jsx(Radio, Object.assign({}, commonProps, { name: name }))), children] }));
|
|
16
22
|
return tooltip ? (_jsx(Tooltip, Object.assign({ triggerRef: inputRef, content: tooltip }, tooltipProps, { children: content }))) : (content);
|
|
17
23
|
};
|
|
18
24
|
SelectColumn.displayName = 'SelectColumn';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAgB,MAAM,oDAAoD,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAgB,MAAM,oDAAoD,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,qDAAqD,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AAEzE,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAiBD,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAWrD,EAAE,EAAE;QAXiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,EACb,OAAO,EACP,YAAY,EACZ,EAAE,EACF,IAAI,OAEc,EADf,KAAK,cAV+D,+FAWxE,CADS;IAER,MAAM,QAAQ,GAAG,SAAS,EAAO,CAAC;IAElC,MAAM,YAAY,GAAG,CAAC,KAAwC,EAAE,QAAiB,EAAE,EAAE;QACnF,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,WAAW,mCACZ,KAAK,KACR,EAAE,EACF,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,GACvB,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,MAAC,QAAQ,eACN,aAAa,KAAK,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC7C,KAAC,QAAQ,oBAAK,WAAW,EAAI,CAC9B,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,oBAAK,WAAW,IAAE,IAAI,EAAE,IAAI,IAAI,CACvC,EACA,QAAQ,IACA,CACZ,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,OAAO,kBAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,IAAM,YAAY,cAC9D,OAAO,IACA,CACX,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI3E,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"selectable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI3E,eAAO,MAAM,UAAU,EAAE,UAuExB,CAAC"}
|
|
@@ -22,23 +22,23 @@ export const selectable = (label, { rowIndex, columnIndex, rowData, column, prop
|
|
|
22
22
|
* @param {React.FormEvent} event - React form event
|
|
23
23
|
*/
|
|
24
24
|
function selectClick(event) {
|
|
25
|
-
const selected = rowIndex === undefined ? event.currentTarget.checked : rowData &&
|
|
25
|
+
const selected = rowIndex === undefined ? event.currentTarget.checked : !(rowData && rowData.selected);
|
|
26
26
|
// tslint:disable-next-line:no-unused-expression
|
|
27
27
|
onSelect && onSelect(event, selected, rowId, rowData, extraData);
|
|
28
28
|
}
|
|
29
|
-
const customProps = Object.assign(Object.assign(Object.assign({}, (rowId !== -1
|
|
29
|
+
const customProps = Object.assign(Object.assign(Object.assign({ id: rowId !== -1 ? `select-${rowIndex}` : 'select-all' }, (rowId !== -1
|
|
30
30
|
? {
|
|
31
|
-
|
|
31
|
+
isChecked: rowData && !!rowData.selected,
|
|
32
32
|
'aria-label': `Select row ${rowIndex}`
|
|
33
33
|
}
|
|
34
34
|
: {
|
|
35
|
-
|
|
35
|
+
isChecked: allRowsSelected,
|
|
36
36
|
'aria-label': 'Select all rows'
|
|
37
37
|
})), (rowData &&
|
|
38
38
|
(rowData.disableCheckbox || rowData.disableSelection) && {
|
|
39
|
-
|
|
39
|
+
isDisabled: true,
|
|
40
40
|
className: checkStyles.checkInput
|
|
41
|
-
})), (!rowData && isHeaderSelectDisabled && {
|
|
41
|
+
})), (!rowData && isHeaderSelectDisabled && { isDisabled: true }));
|
|
42
42
|
let selectName = 'check-all';
|
|
43
43
|
if (rowId !== -1 && selectVariant === RowSelectVariant.checkbox) {
|
|
44
44
|
selectName = `checkrow${rowIndex}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectable.js","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,gEAA4D;AAEzE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,WAAW,gEAA4D;AAE9E,MAAM,CAAC,MAAM,UAAU,GAAe,CACpC,KAA0B,EAC1B,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAU,EACrE,EAAE;IACF,MAAM,EACJ,WAAW,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,sBAAsB,EAAE,EAClF,GAAG,MAAM,CAAC;IACX,MAAM,SAAS,GAAG;QAChB,QAAQ;QACR,WAAW;QACX,MAAM;QACN,QAAQ;KACT,CAAC;IAEF,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QAC7F,OAAO;YACL,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,IAAI;SAChB,CAAC;IACJ,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD;;OAEG;IACH,SAAS,WAAW,CAAC,KAAwC;QAC3D,MAAM,QAAQ,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"selectable.js","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,6 @@ export declare enum RowSelectVariant {
|
|
|
5
5
|
checkbox = "checkbox"
|
|
6
6
|
}
|
|
7
7
|
export interface SelectColumnProps {
|
|
8
|
-
name?: string;
|
|
9
8
|
children?: React.ReactNode;
|
|
10
9
|
className?: string;
|
|
11
10
|
onSelect?: (event: React.FormEvent<HTMLInputElement>) => void;
|
|
@@ -14,6 +13,10 @@ export interface SelectColumnProps {
|
|
|
14
13
|
tooltip?: React.ReactNode;
|
|
15
14
|
/** other props to pass to the tooltip */
|
|
16
15
|
tooltipProps?: Omit<TooltipProps, 'content'>;
|
|
16
|
+
/** id for the input element - required by Checkbox and Radio components */
|
|
17
|
+
id?: string;
|
|
18
|
+
/** name for the input element - required by Radio component */
|
|
19
|
+
name?: string;
|
|
17
20
|
}
|
|
18
21
|
export declare const SelectColumn: React.FunctionComponent<SelectColumnProps>;
|
|
19
22
|
//# sourceMappingURL=SelectColumn.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";AACA,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";AACA,OAAO,EAAW,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAI3F,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,qCAAqC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yCAAyC;IACzC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,2EAA2E;IAC3E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA2CnE,CAAC"}
|
|
@@ -5,6 +5,8 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const Tooltip_1 = require('@patternfly/react-core/dist/js/components/Tooltip');
|
|
8
|
+
const Checkbox_1 = require('@patternfly/react-core/dist/js/components/Checkbox');
|
|
9
|
+
const Radio_1 = require('@patternfly/react-core/dist/js/components/Radio');
|
|
8
10
|
var RowSelectVariant;
|
|
9
11
|
(function (RowSelectVariant) {
|
|
10
12
|
RowSelectVariant["radio"] = "radio";
|
|
@@ -13,9 +15,13 @@ var RowSelectVariant;
|
|
|
13
15
|
const SelectColumn = (_a) => {
|
|
14
16
|
var { children = null,
|
|
15
17
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
16
|
-
className, onSelect = null, selectVariant, tooltip, tooltipProps } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "selectVariant", "tooltip", "tooltipProps"]);
|
|
18
|
+
className, onSelect = null, selectVariant, tooltip, tooltipProps, id, name } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "selectVariant", "tooltip", "tooltipProps", "id", "name"]);
|
|
17
19
|
const inputRef = (0, react_1.createRef)();
|
|
18
|
-
const
|
|
20
|
+
const handleChange = (event, _checked) => {
|
|
21
|
+
onSelect && onSelect(event);
|
|
22
|
+
};
|
|
23
|
+
const commonProps = Object.assign(Object.assign({}, props), { id, ref: inputRef, onChange: handleChange });
|
|
24
|
+
const content = ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [selectVariant === RowSelectVariant.checkbox ? ((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, Object.assign({}, commonProps))) : ((0, jsx_runtime_1.jsx)(Radio_1.Radio, Object.assign({}, commonProps, { name: name }))), children] }));
|
|
19
25
|
return tooltip ? ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ triggerRef: inputRef, content: tooltip }, tooltipProps, { children: content }))) : (content);
|
|
20
26
|
};
|
|
21
27
|
exports.SelectColumn = SelectColumn;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA4C
|
|
1
|
+
{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA4C;;;;AAK5C,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B;AAiBM,MAAM,YAAY,GAA+C,CAAC,EAWrD,EAAE,EAAE;QAXiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,EACb,OAAO,EACP,YAAY,EACZ,EAAE,EACF,IAAI,OAEc,EADf,KAAK,sBAV+D,+FAWxE,CADS;IAER,MAAM,QAAQ,GAAG,IAAA,iBAAS,GAAO,CAAC;IAElC,MAAM,YAAY,GAAG,CAAC,KAAwC,EAAE,QAAiB,EAAE,EAAE;QACnF,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,WAAW,mCACZ,KAAK,KACR,EAAE,EACF,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,YAAY,GACvB,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,wBAAC,gBAAQ,eACN,aAAa,KAAK,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC7C,uBAAC,mBAAQ,oBAAK,WAAW,EAAI,CAC9B,CAAC,CAAC,CAAC,CACF,uBAAC,aAAK,oBAAK,WAAW,IAAE,IAAI,EAAE,IAAI,IAAI,CACvC,EACA,QAAQ,IACA,CACZ,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,uBAAC,iBAAO,kBAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,IAAM,YAAY,cAC9D,OAAO,IACA,CACX,CAAC,CAAC,CAAC,CACF,OAAO,CACR,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,YAAY,gBA2CvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI3E,eAAO,MAAM,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"selectable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAI3E,eAAO,MAAM,UAAU,EAAE,UAuExB,CAAC"}
|
|
@@ -26,23 +26,23 @@ const selectable = (label, { rowIndex, columnIndex, rowData, column, property, t
|
|
|
26
26
|
* @param {React.FormEvent} event - React form event
|
|
27
27
|
*/
|
|
28
28
|
function selectClick(event) {
|
|
29
|
-
const selected = rowIndex === undefined ? event.currentTarget.checked : rowData &&
|
|
29
|
+
const selected = rowIndex === undefined ? event.currentTarget.checked : !(rowData && rowData.selected);
|
|
30
30
|
// tslint:disable-next-line:no-unused-expression
|
|
31
31
|
onSelect && onSelect(event, selected, rowId, rowData, extraData);
|
|
32
32
|
}
|
|
33
|
-
const customProps = Object.assign(Object.assign(Object.assign({}, (rowId !== -1
|
|
33
|
+
const customProps = Object.assign(Object.assign(Object.assign({ id: rowId !== -1 ? `select-${rowIndex}` : 'select-all' }, (rowId !== -1
|
|
34
34
|
? {
|
|
35
|
-
|
|
35
|
+
isChecked: rowData && !!rowData.selected,
|
|
36
36
|
'aria-label': `Select row ${rowIndex}`
|
|
37
37
|
}
|
|
38
38
|
: {
|
|
39
|
-
|
|
39
|
+
isChecked: allRowsSelected,
|
|
40
40
|
'aria-label': 'Select all rows'
|
|
41
41
|
})), (rowData &&
|
|
42
42
|
(rowData.disableCheckbox || rowData.disableSelection) && {
|
|
43
|
-
|
|
43
|
+
isDisabled: true,
|
|
44
44
|
className: check_1.default.checkInput
|
|
45
|
-
})), (!rowData && isHeaderSelectDisabled && {
|
|
45
|
+
})), (!rowData && isHeaderSelectDisabled && { isDisabled: true }));
|
|
46
46
|
let selectName = 'check-all';
|
|
47
47
|
if (rowId !== -1 && selectVariant === SelectColumn_1.RowSelectVariant.checkbox) {
|
|
48
48
|
selectName = `checkrow${rowIndex}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectable.js","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":";;;;;AAAA,2DAA+C;AAC/C,wGAAyE;AAEzE,qDAAoE;AACpE,wGAA8E;AAEvE,MAAM,UAAU,GAAe,CACpC,KAA0B,EAC1B,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAU,EACrE,EAAE;IACF,MAAM,EACJ,WAAW,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,sBAAsB,EAAE,EAClF,GAAG,MAAM,CAAC;IACX,MAAM,SAAS,GAAG;QAChB,QAAQ;QACR,WAAW;QACX,MAAM;QACN,QAAQ;KACT,CAAC;IAEF,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QAC7F,OAAO;YACL,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,IAAI;SAChB,CAAC;IACJ,CAAC;IACD,MAAM,KAAK,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD;;OAEG;IACH,SAAS,WAAW,CAAC,KAAwC;QAC3D,MAAM,QAAQ,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"selectable.js","sourceRoot":"","sources":["../../../../../../src/components/Table/utils/decorators/selectable.tsx"],"names":[],"mappings":"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"}
|