@patternfly/react-core 5.0.0-alpha.42 → 5.0.0-alpha.43
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/Dropdown/DropdownToggleCheckbox.d.ts +1 -1
- package/components/Dropdown/DropdownToggleCheckbox.d.ts.map +1 -1
- package/components/Dropdown/DropdownToggleCheckbox.js +2 -2
- package/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.d.ts +1 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js +2 -2
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.d.ts +1 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.d.ts.map +1 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.js +2 -2
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/Dropdown/DropdownToggleCheckbox.tsx +3 -3
- package/src/components/Dropdown/__tests__/DropdownToggleCheckbox.test.tsx +2 -2
- package/src/components/Dropdown/examples/DropdownSplitButtonProgressCheckbox.tsx +2 -2
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
|
+
# [5.0.0-alpha.43](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.42...@patternfly/react-core@5.0.0-alpha.43) (2023-03-22)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **DropdownToggleCheckbox:** updated onChange param order ([#8787](https://github.com/patternfly/patternfly-react/issues/8787)) ([dd07e4b](https://github.com/patternfly/patternfly-react/commit/dd07e4b0b1abbb954c05dbeddf5195af2eb8e843))
|
|
11
|
+
|
|
6
12
|
# 5.0.0-alpha.42 (2023-03-21)
|
|
7
13
|
|
|
8
14
|
### Features
|
|
@@ -15,7 +15,7 @@ export interface DropdownToggleCheckboxProps extends Omit<React.HTMLProps<HTMLIn
|
|
|
15
15
|
/** Alternate Flag to show if the checkbox is checked */
|
|
16
16
|
checked?: boolean | null;
|
|
17
17
|
/** A callback for when the checkbox selection changes */
|
|
18
|
-
onChange?: (
|
|
18
|
+
onChange?: (event: React.FormEvent<HTMLInputElement>, checked: boolean) => void;
|
|
19
19
|
/** Element to be rendered inside the <span> */
|
|
20
20
|
children?: React.ReactNode;
|
|
21
21
|
/** Id of the checkbox */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"DropdownToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,iFAAiF;IACjF,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IAC/G,MAAM,CAAC,WAAW,SAA4B;IAC9C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAK5D;gBAEU,KAAK,EAAE,2BAA2B;IAO9C,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,gBAAgB,gBASd;IAEF,MAAM;CAyDP"}
|
|
@@ -9,7 +9,7 @@ export class DropdownToggleCheckbox extends React.Component {
|
|
|
9
9
|
super(props);
|
|
10
10
|
this.handleChange = (event) => {
|
|
11
11
|
var _a, _b;
|
|
12
|
-
(_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, event.target.checked
|
|
12
|
+
(_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, event, event.target.checked);
|
|
13
13
|
};
|
|
14
14
|
this.calculateChecked = () => {
|
|
15
15
|
const { isChecked, checked } = this.props;
|
|
@@ -35,7 +35,7 @@ export class DropdownToggleCheckbox extends React.Component {
|
|
|
35
35
|
const spinner = (React.createElement(Spinner, { diameter: "1em", "aria-valuetext": defaultProgressAriaValueText, "aria-live": "polite", "aria-label": defaultProgressAriaLabel }));
|
|
36
36
|
const text = children && (React.createElement("span", { className: css(styles.dropdownToggleText, className), "aria-hidden": "true", id: `${props.id}-text` }, children));
|
|
37
37
|
return (React.createElement("label", { className: css(styles.dropdownToggleCheck, isInProgress && styles.modifiers.inProgress, className), htmlFor: props.id },
|
|
38
|
-
React.createElement("input", Object.assign({}, props, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { type: "checkbox", ref: elem => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled, checked: this.calculateChecked() }, getOUIAProps(DropdownToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
38
|
+
React.createElement("input", Object.assign({}, props, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { type: "checkbox", ref: (elem) => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled, checked: this.calculateChecked() }, getOUIAProps(DropdownToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
39
39
|
isInProgress && React.createElement("span", { className: css(styles.dropdownToggleProgress, className) }, spinner),
|
|
40
40
|
text));
|
|
41
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,2DAA2D,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAmCrC,MAAM,OAAO,sBAAuB,SAAQ,KAAK,CAAC,SAA+D;IAS/G,YAAY,KAAkC;QAC5C,KAAK,CAAC,KAAK,CAAC,CAAC;QAMf,iBAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;;YAC1D,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"DropdownToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export interface DropdownToggleCheckboxProps extends Omit<React.HTMLProps<HTMLIn
|
|
|
15
15
|
/** Alternate Flag to show if the checkbox is checked */
|
|
16
16
|
checked?: boolean | null;
|
|
17
17
|
/** A callback for when the checkbox selection changes */
|
|
18
|
-
onChange?: (
|
|
18
|
+
onChange?: (event: React.FormEvent<HTMLInputElement>, checked: boolean) => void;
|
|
19
19
|
/** Element to be rendered inside the <span> */
|
|
20
20
|
children?: React.ReactNode;
|
|
21
21
|
/** Id of the checkbox */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"DropdownToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,iFAAiF;IACjF,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IAC/G,MAAM,CAAC,WAAW,SAA4B;IAC9C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAK5D;gBAEU,KAAK,EAAE,2BAA2B;IAO9C,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,gBAAgB,gBASd;IAEF,MAAM;CAyDP"}
|
|
@@ -9,7 +9,7 @@ export class DropdownToggleCheckbox extends React.Component {
|
|
|
9
9
|
super(props);
|
|
10
10
|
this.handleChange = (event) => {
|
|
11
11
|
var _a, _b;
|
|
12
|
-
(_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, event.target.checked
|
|
12
|
+
(_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, event, event.target.checked);
|
|
13
13
|
};
|
|
14
14
|
this.calculateChecked = () => {
|
|
15
15
|
const { isChecked, checked } = this.props;
|
|
@@ -35,7 +35,7 @@ export class DropdownToggleCheckbox extends React.Component {
|
|
|
35
35
|
const spinner = (React.createElement(Spinner, { diameter: "1em", "aria-valuetext": defaultProgressAriaValueText, "aria-live": "polite", "aria-label": defaultProgressAriaLabel }));
|
|
36
36
|
const text = children && (React.createElement("span", { className: css(styles.dropdownToggleText, className), "aria-hidden": "true", id: `${props.id}-text` }, children));
|
|
37
37
|
return (React.createElement("label", { className: css(styles.dropdownToggleCheck, isInProgress && styles.modifiers.inProgress, className), htmlFor: props.id },
|
|
38
|
-
React.createElement("input", Object.assign({}, props, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { type: "checkbox", ref: elem => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled, checked: this.calculateChecked() }, getOUIAProps(DropdownToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
38
|
+
React.createElement("input", Object.assign({}, props, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { type: "checkbox", ref: (elem) => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled, checked: this.calculateChecked() }, getOUIAProps(DropdownToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
39
39
|
isInProgress && React.createElement("span", { className: css(styles.dropdownToggleProgress, className) }, spinner),
|
|
40
40
|
text));
|
|
41
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,2DAA2D,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAmCrC,MAAM,OAAO,sBAAuB,SAAQ,KAAK,CAAC,SAA+D;IAS/G,YAAY,KAAkC;QAC5C,KAAK,CAAC,KAAK,CAAC,CAAC;QAMf,iBAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;;YAC1D,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"DropdownToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export interface DropdownToggleCheckboxProps extends Omit<React.HTMLProps<HTMLIn
|
|
|
15
15
|
/** Alternate Flag to show if the checkbox is checked */
|
|
16
16
|
checked?: boolean | null;
|
|
17
17
|
/** A callback for when the checkbox selection changes */
|
|
18
|
-
onChange?: (
|
|
18
|
+
onChange?: (event: React.FormEvent<HTMLInputElement>, checked: boolean) => void;
|
|
19
19
|
/** Element to be rendered inside the <span> */
|
|
20
20
|
children?: React.ReactNode;
|
|
21
21
|
/** Id of the checkbox */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"DropdownToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,iFAAiF;IACjF,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IAC/G,MAAM,CAAC,WAAW,SAA4B;IAC9C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAK5D;gBAEU,KAAK,EAAE,2BAA2B;IAO9C,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,gBAAgB,gBASd;IAEF,MAAM;CAyDP"}
|
|
@@ -12,7 +12,7 @@ class DropdownToggleCheckbox extends React.Component {
|
|
|
12
12
|
super(props);
|
|
13
13
|
this.handleChange = (event) => {
|
|
14
14
|
var _a, _b;
|
|
15
|
-
(_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, event.target.checked
|
|
15
|
+
(_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, event, event.target.checked);
|
|
16
16
|
};
|
|
17
17
|
this.calculateChecked = () => {
|
|
18
18
|
const { isChecked, checked } = this.props;
|
|
@@ -38,7 +38,7 @@ class DropdownToggleCheckbox extends React.Component {
|
|
|
38
38
|
const spinner = (React.createElement(Spinner_1.Spinner, { diameter: "1em", "aria-valuetext": defaultProgressAriaValueText, "aria-live": "polite", "aria-label": defaultProgressAriaLabel }));
|
|
39
39
|
const text = children && (React.createElement("span", { className: (0, react_styles_1.css)(dropdown_1.default.dropdownToggleText, className), "aria-hidden": "true", id: `${props.id}-text` }, children));
|
|
40
40
|
return (React.createElement("label", { className: (0, react_styles_1.css)(dropdown_1.default.dropdownToggleCheck, isInProgress && dropdown_1.default.modifiers.inProgress, className), htmlFor: props.id },
|
|
41
|
-
React.createElement("input", Object.assign({}, props, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { type: "checkbox", ref: elem => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled, checked: this.calculateChecked() }, (0, helpers_1.getOUIAProps)(DropdownToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
41
|
+
React.createElement("input", Object.assign({}, props, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { type: "checkbox", ref: (elem) => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled, checked: this.calculateChecked() }, (0, helpers_1.getOUIAProps)(DropdownToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
42
42
|
isInProgress && React.createElement("span", { className: (0, react_styles_1.css)(dropdown_1.default.dropdownToggleProgress, className) }, spinner),
|
|
43
43
|
text));
|
|
44
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iHAA+E;AAC/E,2DAA+C;AAE/C,2CAA0E;AAC1E,wCAAqC;AAmCrC,MAAa,sBAAuB,SAAQ,KAAK,CAAC,SAA+D;IAS/G,YAAY,KAAkC;QAC5C,KAAK,CAAC,KAAK,CAAC,CAAC;QAMf,iBAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;;YAC1D,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"DropdownToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"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"}
|