@patternfly/react-core 4.267.14 → 4.268.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 +22 -0
- package/components/Dropdown/DropdownToggleCheckbox.d.ts +6 -0
- package/components/Dropdown/DropdownToggleCheckbox.d.ts.map +1 -1
- package/components/Dropdown/DropdownToggleCheckbox.js +6 -3
- package/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/components/SimpleList/SimpleList.d.ts +2 -0
- package/components/SimpleList/SimpleList.d.ts.map +1 -1
- package/components/SimpleList/SimpleList.js +2 -2
- package/components/SimpleList/SimpleList.js.map +1 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.d.ts +6 -0
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js +6 -3
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/esm/components/SimpleList/SimpleList.d.ts +2 -0
- package/dist/esm/components/SimpleList/SimpleList.d.ts.map +1 -1
- package/dist/esm/components/SimpleList/SimpleList.js +2 -2
- package/dist/esm/components/SimpleList/SimpleList.js.map +1 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.d.ts +6 -0
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.d.ts.map +1 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.js +6 -3
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/js/components/SimpleList/SimpleList.d.ts +2 -0
- package/dist/js/components/SimpleList/SimpleList.d.ts.map +1 -1
- package/dist/js/components/SimpleList/SimpleList.js +2 -2
- package/dist/js/components/SimpleList/SimpleList.js.map +1 -1
- package/dist/umd/react-core.min.js +2 -2
- package/package.json +2 -2
- package/src/components/Dropdown/DropdownToggleCheckbox.tsx +26 -1
- package/src/components/Dropdown/examples/Dropdown.md +9 -2
- package/src/components/Dropdown/examples/DropdownSplitButton.tsx +1 -1
- package/src/components/Dropdown/examples/DropdownSplitButtonProgressCheckbox.tsx +140 -0
- package/src/components/SimpleList/SimpleList.tsx +4 -2
- package/src/components/SimpleList/__tests__/SimpleList.test.tsx +5 -0
- package/src/components/SimpleList/__tests__/__snapshots__/SimpleList.test.tsx.snap +43 -0
- package/dist/umd/react-core.min.css +0 -28293
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
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
|
+
## [4.268.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.268.0...@patternfly/react-core@4.268.1) (2023-01-11)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* aria label added to ungrouped simple list ([#8507](https://github.com/patternfly/patternfly-react/issues/8507)) ([8254887](https://github.com/patternfly/patternfly-react/commit/8254887e2a68921b9c835953037ea1d94afe2e1e))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# 4.268.0 (2023-01-09)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
* **Dropdown:** support inProgress variation ([#8436](https://github.com/patternfly/patternfly-react/issues/8436)) ([28e1a7a](https://github.com/patternfly/patternfly-react/commit/28e1a7afa7422639afb3a694db552427bcabe6dc))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
6
28
|
## [4.267.14](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.267.13...@patternfly/react-core@4.267.14) (2023-01-06)
|
|
7
29
|
|
|
8
30
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -10,6 +10,8 @@ export interface DropdownToggleCheckboxProps extends Omit<React.HTMLProps<HTMLIn
|
|
|
10
10
|
isDisabled?: boolean;
|
|
11
11
|
/** Flag to show if the checkbox is checked */
|
|
12
12
|
isChecked?: boolean | null;
|
|
13
|
+
/** @beta Flag to show if the checkbox is in progress */
|
|
14
|
+
isInProgress?: boolean | null;
|
|
13
15
|
/** Alternate Flag to show if the checkbox is checked */
|
|
14
16
|
checked?: boolean | null;
|
|
15
17
|
/** A callback for when the checkbox selection changes */
|
|
@@ -20,6 +22,10 @@ export interface DropdownToggleCheckboxProps extends Omit<React.HTMLProps<HTMLIn
|
|
|
20
22
|
id: string;
|
|
21
23
|
/** Aria-label of the checkbox */
|
|
22
24
|
'aria-label': string;
|
|
25
|
+
/** @beta Text describing current loading status or progress */
|
|
26
|
+
defaultProgressAriaValueText?: string;
|
|
27
|
+
/** @beta Aria-label for the default progress icon to describe what is loading */
|
|
28
|
+
defaultProgressAriaLabel?: string;
|
|
23
29
|
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
24
30
|
ouiaId?: number | string;
|
|
25
31
|
/** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
|
|
@@ -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;
|
|
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,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,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;CA0DP"}
|
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown';
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
|
|
6
|
+
import { Spinner } from '../Spinner';
|
|
6
7
|
export class DropdownToggleCheckbox extends React.Component {
|
|
7
8
|
constructor(props) {
|
|
8
9
|
super(props);
|
|
@@ -26,14 +27,16 @@ export class DropdownToggleCheckbox extends React.Component {
|
|
|
26
27
|
};
|
|
27
28
|
}
|
|
28
29
|
render() {
|
|
29
|
-
const _a = this.props, { className, isValid, isDisabled, isChecked, children, ouiaId, ouiaSafe,
|
|
30
|
+
const _a = this.props, { className, isValid, isDisabled, isChecked, isInProgress = false, defaultProgressAriaLabel, defaultProgressAriaValueText = 'Loading...', children, ouiaId, ouiaSafe,
|
|
30
31
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
31
32
|
onChange, checked } = _a,
|
|
32
33
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
33
|
-
props = __rest(_a, ["className", "isValid", "isDisabled", "isChecked", "children", "ouiaId", "ouiaSafe", "onChange", "checked"]);
|
|
34
|
+
props = __rest(_a, ["className", "isValid", "isDisabled", "isChecked", "isInProgress", "defaultProgressAriaLabel", "defaultProgressAriaValueText", "children", "ouiaId", "ouiaSafe", "onChange", "checked"]);
|
|
35
|
+
const spinner = (React.createElement(Spinner, { diameter: "1em", isSVG: true, "aria-valuetext": defaultProgressAriaValueText, "aria-live": "polite", "aria-label": defaultProgressAriaLabel }));
|
|
34
36
|
const text = children && (React.createElement("span", { className: css(styles.dropdownToggleText, className), "aria-hidden": "true", id: `${props.id}-text` }, children));
|
|
35
|
-
return (React.createElement("label", { className: css(styles.dropdownToggleCheck, className), htmlFor: props.id },
|
|
37
|
+
return (React.createElement("label", { className: css(styles.dropdownToggleCheck, isInProgress && styles.modifiers.inProgress, className), htmlFor: props.id },
|
|
36
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
|
+
isInProgress && React.createElement("span", { className: css(styles.dropdownToggleProgress, className) }, spinner),
|
|
37
40
|
text));
|
|
38
41
|
}
|
|
39
42
|
}
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"DropdownToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,8 @@ export interface SimpleListProps extends Omit<React.HTMLProps<HTMLDivElement>, '
|
|
|
9
9
|
onSelect?: (ref: React.RefObject<HTMLButtonElement> | React.RefObject<HTMLAnchorElement>, props: SimpleListItemProps) => void;
|
|
10
10
|
/** Indicates whether component is controlled by its internal state */
|
|
11
11
|
isControlled?: boolean;
|
|
12
|
+
/** aria-label for the <ul> element that wraps the SimpleList items. */
|
|
13
|
+
'aria-label'?: string;
|
|
12
14
|
}
|
|
13
15
|
export interface SimpleListState {
|
|
14
16
|
/** Ref of the current SimpleListItem */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleList.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAC5E,KAAK,EAAE,mBAAmB,KACvB,IAAI,CAAC;IACV,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SimpleList.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAC5E,KAAK,EAAE,mBAAmB,KACvB,IAAI,CAAC;IACV,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CACrF;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACpF,gBAAgB,EAAE,CAChB,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAC3E,KAAK,EAAE,mBAAmB,KACvB,IAAI,CAAC;IACV,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,gDAA2D,CAAC;AAE1F,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK;;MAEH;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAIlC;IAEF,mBAAmB,kBACF,MAAM,SAAS,CAAC,iBAAiB,CAAC,GAAG,MAAM,SAAS,CAAC,iBAAiB,CAAC,aAC3E,mBAAmB,UAK9B;IAEF,MAAM;CAwBP"}
|
|
@@ -18,7 +18,7 @@ export class SimpleList extends React.Component {
|
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
20
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
21
|
-
const _a = this.props, { children, className, onSelect, isControlled } = _a, props = __rest(_a, ["children", "className", "onSelect", "isControlled"]);
|
|
21
|
+
const _a = this.props, { children, className, onSelect, isControlled, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["children", "className", "onSelect", "isControlled", 'aria-label']);
|
|
22
22
|
let isGrouped = false;
|
|
23
23
|
if (children) {
|
|
24
24
|
isGrouped = React.Children.toArray(children)[0].type === SimpleListGroup;
|
|
@@ -30,7 +30,7 @@ export class SimpleList extends React.Component {
|
|
|
30
30
|
} },
|
|
31
31
|
React.createElement("div", Object.assign({ className: css(styles.simpleList, className) }, props),
|
|
32
32
|
isGrouped && children,
|
|
33
|
-
!isGrouped && React.createElement("ul",
|
|
33
|
+
!isGrouped && React.createElement("ul", { "aria-label": ariaLabel }, children))));
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
SimpleList.displayName = 'SimpleList';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleList.js","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"SimpleList.js","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAiCpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAkC,EAAE,CAAC,CAAC;AAE1F,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAAjF;;QAEE,UAAK,GAAG;YACN,UAAU,EAAE,IAA+E;SAC5F,CAAC;QAQF,wBAAmB,GAAG,CACpB,aAAsF,EACtF,SAA8B,EAC9B,EAAE;YACF,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;YAC7C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,QAAQ,IAAI,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;QACjD,CAAC,CAAC;IA0BJ,CAAC;IAxBC,MAAM;QACJ,6DAA6D;QAC7D,MAAM,KAAqF,IAAI,CAAC,KAAK,EAA/F,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,OAAyB,EAApB,KAAK,cAAhF,mEAAkF,CAAa,CAAC;QAEtG,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,QAAQ,EAAE;YACZ,SAAS,GAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAwB,CAAC,IAAI,KAAK,eAAe,CAAC;SAClG;QAED,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;gBACjC,gBAAgB,EAAE,IAAI,CAAC,mBAAmB;gBAC1C,YAAY;aACb;YAED,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK;gBACzD,SAAS,IAAI,QAAQ;gBACrB,CAAC,SAAS,IAAI,0CAAgB,SAAS,IAAG,QAAQ,CAAM,CACrD,CACqB,CAC9B,CAAC;IACJ,CAAC;;AA3CM,sBAAW,GAAG,YAAY,CAAC;AAK3B,uBAAY,GAAoB;IACrC,QAAQ,EAAE,IAAuB;IACjC,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,IAAI;CACnB,CAAC"}
|
|
@@ -10,6 +10,8 @@ export interface DropdownToggleCheckboxProps extends Omit<React.HTMLProps<HTMLIn
|
|
|
10
10
|
isDisabled?: boolean;
|
|
11
11
|
/** Flag to show if the checkbox is checked */
|
|
12
12
|
isChecked?: boolean | null;
|
|
13
|
+
/** @beta Flag to show if the checkbox is in progress */
|
|
14
|
+
isInProgress?: boolean | null;
|
|
13
15
|
/** Alternate Flag to show if the checkbox is checked */
|
|
14
16
|
checked?: boolean | null;
|
|
15
17
|
/** A callback for when the checkbox selection changes */
|
|
@@ -20,6 +22,10 @@ export interface DropdownToggleCheckboxProps extends Omit<React.HTMLProps<HTMLIn
|
|
|
20
22
|
id: string;
|
|
21
23
|
/** Aria-label of the checkbox */
|
|
22
24
|
'aria-label': string;
|
|
25
|
+
/** @beta Text describing current loading status or progress */
|
|
26
|
+
defaultProgressAriaValueText?: string;
|
|
27
|
+
/** @beta Aria-label for the default progress icon to describe what is loading */
|
|
28
|
+
defaultProgressAriaLabel?: string;
|
|
23
29
|
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
24
30
|
ouiaId?: number | string;
|
|
25
31
|
/** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
|
|
@@ -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;
|
|
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,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,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;CA0DP"}
|
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown';
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
|
|
6
|
+
import { Spinner } from '../Spinner';
|
|
6
7
|
export class DropdownToggleCheckbox extends React.Component {
|
|
7
8
|
constructor(props) {
|
|
8
9
|
super(props);
|
|
@@ -26,14 +27,16 @@ export class DropdownToggleCheckbox extends React.Component {
|
|
|
26
27
|
};
|
|
27
28
|
}
|
|
28
29
|
render() {
|
|
29
|
-
const _a = this.props, { className, isValid, isDisabled, isChecked, children, ouiaId, ouiaSafe,
|
|
30
|
+
const _a = this.props, { className, isValid, isDisabled, isChecked, isInProgress = false, defaultProgressAriaLabel, defaultProgressAriaValueText = 'Loading...', children, ouiaId, ouiaSafe,
|
|
30
31
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
31
32
|
onChange, checked } = _a,
|
|
32
33
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
33
|
-
props = __rest(_a, ["className", "isValid", "isDisabled", "isChecked", "children", "ouiaId", "ouiaSafe", "onChange", "checked"]);
|
|
34
|
+
props = __rest(_a, ["className", "isValid", "isDisabled", "isChecked", "isInProgress", "defaultProgressAriaLabel", "defaultProgressAriaValueText", "children", "ouiaId", "ouiaSafe", "onChange", "checked"]);
|
|
35
|
+
const spinner = (React.createElement(Spinner, { diameter: "1em", isSVG: true, "aria-valuetext": defaultProgressAriaValueText, "aria-live": "polite", "aria-label": defaultProgressAriaLabel }));
|
|
34
36
|
const text = children && (React.createElement("span", { className: css(styles.dropdownToggleText, className), "aria-hidden": "true", id: `${props.id}-text` }, children));
|
|
35
|
-
return (React.createElement("label", { className: css(styles.dropdownToggleCheck, className), htmlFor: props.id },
|
|
37
|
+
return (React.createElement("label", { className: css(styles.dropdownToggleCheck, isInProgress && styles.modifiers.inProgress, className), htmlFor: props.id },
|
|
36
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
|
+
isInProgress && React.createElement("span", { className: css(styles.dropdownToggleProgress, className) }, spinner),
|
|
37
40
|
text));
|
|
38
41
|
}
|
|
39
42
|
}
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"DropdownToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,8 @@ export interface SimpleListProps extends Omit<React.HTMLProps<HTMLDivElement>, '
|
|
|
9
9
|
onSelect?: (ref: React.RefObject<HTMLButtonElement> | React.RefObject<HTMLAnchorElement>, props: SimpleListItemProps) => void;
|
|
10
10
|
/** Indicates whether component is controlled by its internal state */
|
|
11
11
|
isControlled?: boolean;
|
|
12
|
+
/** aria-label for the <ul> element that wraps the SimpleList items. */
|
|
13
|
+
'aria-label'?: string;
|
|
12
14
|
}
|
|
13
15
|
export interface SimpleListState {
|
|
14
16
|
/** Ref of the current SimpleListItem */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleList.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAC5E,KAAK,EAAE,mBAAmB,KACvB,IAAI,CAAC;IACV,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SimpleList.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAC5E,KAAK,EAAE,mBAAmB,KACvB,IAAI,CAAC;IACV,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CACrF;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACpF,gBAAgB,EAAE,CAChB,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAC3E,KAAK,EAAE,mBAAmB,KACvB,IAAI,CAAC;IACV,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,gDAA2D,CAAC;AAE1F,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK;;MAEH;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAIlC;IAEF,mBAAmB,kBACF,MAAM,SAAS,CAAC,iBAAiB,CAAC,GAAG,MAAM,SAAS,CAAC,iBAAiB,CAAC,aAC3E,mBAAmB,UAK9B;IAEF,MAAM;CAwBP"}
|
|
@@ -18,7 +18,7 @@ export class SimpleList extends React.Component {
|
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
20
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
21
|
-
const _a = this.props, { children, className, onSelect, isControlled } = _a, props = __rest(_a, ["children", "className", "onSelect", "isControlled"]);
|
|
21
|
+
const _a = this.props, { children, className, onSelect, isControlled, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["children", "className", "onSelect", "isControlled", 'aria-label']);
|
|
22
22
|
let isGrouped = false;
|
|
23
23
|
if (children) {
|
|
24
24
|
isGrouped = React.Children.toArray(children)[0].type === SimpleListGroup;
|
|
@@ -30,7 +30,7 @@ export class SimpleList extends React.Component {
|
|
|
30
30
|
} },
|
|
31
31
|
React.createElement("div", Object.assign({ className: css(styles.simpleList, className) }, props),
|
|
32
32
|
isGrouped && children,
|
|
33
|
-
!isGrouped && React.createElement("ul",
|
|
33
|
+
!isGrouped && React.createElement("ul", { "aria-label": ariaLabel }, children))));
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
SimpleList.displayName = 'SimpleList';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleList.js","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"SimpleList.js","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gEAAgE,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAiCpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAkC,EAAE,CAAC,CAAC;AAE1F,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAAjF;;QAEE,UAAK,GAAG;YACN,UAAU,EAAE,IAA+E;SAC5F,CAAC;QAQF,wBAAmB,GAAG,CACpB,aAAsF,EACtF,SAA8B,EAC9B,EAAE;YACF,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;YAC7C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,QAAQ,IAAI,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;QACjD,CAAC,CAAC;IA0BJ,CAAC;IAxBC,MAAM;QACJ,6DAA6D;QAC7D,MAAM,KAAqF,IAAI,CAAC,KAAK,EAA/F,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,OAAyB,EAApB,KAAK,cAAhF,mEAAkF,CAAa,CAAC;QAEtG,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,QAAQ,EAAE;YACZ,SAAS,GAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAwB,CAAC,IAAI,KAAK,eAAe,CAAC;SAClG;QAED,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;gBACjC,gBAAgB,EAAE,IAAI,CAAC,mBAAmB;gBAC1C,YAAY;aACb;YAED,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK;gBACzD,SAAS,IAAI,QAAQ;gBACrB,CAAC,SAAS,IAAI,0CAAgB,SAAS,IAAG,QAAQ,CAAM,CACrD,CACqB,CAC9B,CAAC;IACJ,CAAC;;AA3CM,sBAAW,GAAG,YAAY,CAAC;AAK3B,uBAAY,GAAoB;IACrC,QAAQ,EAAE,IAAuB;IACjC,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,IAAI;CACnB,CAAC"}
|
|
@@ -10,6 +10,8 @@ export interface DropdownToggleCheckboxProps extends Omit<React.HTMLProps<HTMLIn
|
|
|
10
10
|
isDisabled?: boolean;
|
|
11
11
|
/** Flag to show if the checkbox is checked */
|
|
12
12
|
isChecked?: boolean | null;
|
|
13
|
+
/** @beta Flag to show if the checkbox is in progress */
|
|
14
|
+
isInProgress?: boolean | null;
|
|
13
15
|
/** Alternate Flag to show if the checkbox is checked */
|
|
14
16
|
checked?: boolean | null;
|
|
15
17
|
/** A callback for when the checkbox selection changes */
|
|
@@ -20,6 +22,10 @@ export interface DropdownToggleCheckboxProps extends Omit<React.HTMLProps<HTMLIn
|
|
|
20
22
|
id: string;
|
|
21
23
|
/** Aria-label of the checkbox */
|
|
22
24
|
'aria-label': string;
|
|
25
|
+
/** @beta Text describing current loading status or progress */
|
|
26
|
+
defaultProgressAriaValueText?: string;
|
|
27
|
+
/** @beta Aria-label for the default progress icon to describe what is loading */
|
|
28
|
+
defaultProgressAriaLabel?: string;
|
|
23
29
|
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
24
30
|
ouiaId?: number | string;
|
|
25
31
|
/** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
|
|
@@ -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;
|
|
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,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,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;CA0DP"}
|
|
@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const dropdown_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Dropdown/dropdown"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const helpers_1 = require("../../helpers");
|
|
9
|
+
const Spinner_1 = require("../Spinner");
|
|
9
10
|
class DropdownToggleCheckbox extends React.Component {
|
|
10
11
|
constructor(props) {
|
|
11
12
|
super(props);
|
|
@@ -29,14 +30,16 @@ class DropdownToggleCheckbox extends React.Component {
|
|
|
29
30
|
};
|
|
30
31
|
}
|
|
31
32
|
render() {
|
|
32
|
-
const _a = this.props, { className, isValid, isDisabled, isChecked, children, ouiaId, ouiaSafe,
|
|
33
|
+
const _a = this.props, { className, isValid, isDisabled, isChecked, isInProgress = false, defaultProgressAriaLabel, defaultProgressAriaValueText = 'Loading...', children, ouiaId, ouiaSafe,
|
|
33
34
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
34
35
|
onChange, checked } = _a,
|
|
35
36
|
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
36
|
-
props = tslib_1.__rest(_a, ["className", "isValid", "isDisabled", "isChecked", "children", "ouiaId", "ouiaSafe", "onChange", "checked"]);
|
|
37
|
+
props = tslib_1.__rest(_a, ["className", "isValid", "isDisabled", "isChecked", "isInProgress", "defaultProgressAriaLabel", "defaultProgressAriaValueText", "children", "ouiaId", "ouiaSafe", "onChange", "checked"]);
|
|
38
|
+
const spinner = (React.createElement(Spinner_1.Spinner, { diameter: "1em", isSVG: true, "aria-valuetext": defaultProgressAriaValueText, "aria-live": "polite", "aria-label": defaultProgressAriaLabel }));
|
|
37
39
|
const text = children && (React.createElement("span", { className: react_styles_1.css(dropdown_1.default.dropdownToggleText, className), "aria-hidden": "true", id: `${props.id}-text` }, children));
|
|
38
|
-
return (React.createElement("label", { className: react_styles_1.css(dropdown_1.default.dropdownToggleCheck, className), htmlFor: props.id },
|
|
40
|
+
return (React.createElement("label", { className: react_styles_1.css(dropdown_1.default.dropdownToggleCheck, isInProgress && dropdown_1.default.modifiers.inProgress, className), htmlFor: props.id },
|
|
39
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() }, helpers_1.getOUIAProps(DropdownToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
|
|
42
|
+
isInProgress && React.createElement("span", { className: react_styles_1.css(dropdown_1.default.dropdownToggleProgress, className) }, spinner),
|
|
40
43
|
text));
|
|
41
44
|
}
|
|
42
45
|
}
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"DropdownToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownToggleCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,8 @@ export interface SimpleListProps extends Omit<React.HTMLProps<HTMLDivElement>, '
|
|
|
9
9
|
onSelect?: (ref: React.RefObject<HTMLButtonElement> | React.RefObject<HTMLAnchorElement>, props: SimpleListItemProps) => void;
|
|
10
10
|
/** Indicates whether component is controlled by its internal state */
|
|
11
11
|
isControlled?: boolean;
|
|
12
|
+
/** aria-label for the <ul> element that wraps the SimpleList items. */
|
|
13
|
+
'aria-label'?: string;
|
|
12
14
|
}
|
|
13
15
|
export interface SimpleListState {
|
|
14
16
|
/** Ref of the current SimpleListItem */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleList.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAC5E,KAAK,EAAE,mBAAmB,KACvB,IAAI,CAAC;IACV,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SimpleList.d.ts","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CACT,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAC5E,KAAK,EAAE,mBAAmB,KACvB,IAAI,CAAC;IACV,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CACrF;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACpF,gBAAgB,EAAE,CAChB,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAC3E,KAAK,EAAE,mBAAmB,KACvB,IAAI,CAAC;IACV,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,gDAA2D,CAAC;AAE1F,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK;;MAEH;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAIlC;IAEF,mBAAmB,kBACF,MAAM,SAAS,CAAC,iBAAiB,CAAC,GAAG,MAAM,SAAS,CAAC,iBAAiB,CAAC,aAC3E,mBAAmB,UAK9B;IAEF,MAAM;CAwBP"}
|
|
@@ -21,7 +21,7 @@ class SimpleList extends React.Component {
|
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
23
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
24
|
-
const _a = this.props, { children, className, onSelect, isControlled } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "isControlled"]);
|
|
24
|
+
const _a = this.props, { children, className, onSelect, isControlled, 'aria-label': ariaLabel } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "isControlled", 'aria-label']);
|
|
25
25
|
let isGrouped = false;
|
|
26
26
|
if (children) {
|
|
27
27
|
isGrouped = React.Children.toArray(children)[0].type === SimpleListGroup_1.SimpleListGroup;
|
|
@@ -33,7 +33,7 @@ class SimpleList extends React.Component {
|
|
|
33
33
|
} },
|
|
34
34
|
React.createElement("div", Object.assign({ className: react_styles_1.css(simple_list_1.default.simpleList, className) }, props),
|
|
35
35
|
isGrouped && children,
|
|
36
|
-
!isGrouped && React.createElement("ul",
|
|
36
|
+
!isGrouped && React.createElement("ul", { "aria-label": ariaLabel }, children))));
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
exports.SimpleList = SimpleList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleList.js","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,yHAAoF;AACpF,uDAAoD;
|
|
1
|
+
{"version":3,"file":"SimpleList.js","sourceRoot":"","sources":["../../../../src/components/SimpleList/SimpleList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,yHAAoF;AACpF,uDAAoD;AAiCvC,QAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAkC,EAAE,CAAC,CAAC;AAE1F,MAAa,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAAjF;;QAEE,UAAK,GAAG;YACN,UAAU,EAAE,IAA+E;SAC5F,CAAC;QAQF,wBAAmB,GAAG,CACpB,aAAsF,EACtF,SAA8B,EAC9B,EAAE;YACF,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;YAC7C,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,QAAQ,IAAI,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;QACjD,CAAC,CAAC;IA0BJ,CAAC;IAxBC,MAAM;QACJ,6DAA6D;QAC7D,MAAM,KAAqF,IAAI,CAAC,KAAK,EAA/F,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,OAAyB,EAApB,KAAK,sBAAhF,mEAAkF,CAAa,CAAC;QAEtG,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,IAAI,QAAQ,EAAE;YACZ,SAAS,GAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAwB,CAAC,IAAI,KAAK,iCAAe,CAAC;SAClG;QAED,OAAO,CACL,oBAAC,yBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;gBACL,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;gBACjC,gBAAgB,EAAE,IAAI,CAAC,mBAAmB;gBAC1C,YAAY;aACb;YAED,2CAAK,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK;gBACzD,SAAS,IAAI,QAAQ;gBACrB,CAAC,SAAS,IAAI,0CAAgB,SAAS,IAAG,QAAQ,CAAM,CACrD,CACqB,CAC9B,CAAC;IACJ,CAAC;;AA5CH,gCA6CC;AA5CQ,sBAAW,GAAG,YAAY,CAAC;AAK3B,uBAAY,GAAoB;IACrC,QAAQ,EAAE,IAAuB;IACjC,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,IAAI;CACnB,CAAC"}
|