@patternfly/react-core 6.0.0-alpha.76 → 6.0.0-alpha.77
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 +7 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/Tile/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/esm/components/Switch/Switch.d.ts +6 -6
- package/dist/esm/components/Switch/Switch.d.ts.map +1 -1
- package/dist/esm/components/Switch/Switch.js +11 -8
- package/dist/esm/components/Switch/Switch.js.map +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.js +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/js/components/Switch/Switch.d.ts +6 -6
- package/dist/js/components/Switch/Switch.d.ts.map +1 -1
- package/dist/js/components/Switch/Switch.js +11 -8
- package/dist/js/components/Switch/Switch.js.map +1 -1
- package/dist/umd/assets/{output-B_N2Kl1_.css → output-BHzG532B.css} +13648 -13648
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/src/components/Pagination/PaginationOptionsMenu.tsx +1 -1
- package/src/components/Switch/Switch.tsx +24 -21
- package/src/components/Switch/__tests__/Switch.test.tsx +14 -7
- package/src/components/Switch/__tests__/__snapshots__/Switch.test.tsx.snap +16 -36
- package/src/components/Switch/examples/Switch.md +8 -0
- package/src/components/Switch/examples/SwitchBasic.tsx +1 -2
- package/src/components/Switch/examples/SwitchCheckedWithLabel.tsx +1 -3
- package/src/components/Switch/examples/SwitchDisabled.tsx +13 -12
- package/src/components/Switch/examples/SwitchReversed.tsx +1 -2
- package/src/components/Switch/examples/SwitchUncontrolled.tsx +6 -2
- package/src/components/Switch/examples/SwitchWithoutLabel.tsx +8 -1
- package/src/demos/JumpLinks.md +1 -2
|
@@ -11,7 +11,7 @@ const ToggleTemplate_1 = require("./ToggleTemplate");
|
|
|
11
11
|
const helpers_1 = require("../../helpers");
|
|
12
12
|
const PaginationOptionsMenu = ({ className, widgetId, page: pageProp, itemCount, isDisabled = false, minWidth, dropDirection = 'down', perPageOptions = [],
|
|
13
13
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
14
|
-
itemsPerPageTitle = 'Items per page', perPageSuffix = 'per page', optionsToggleAriaLabel, ofWord = 'of', perPage = 0, firstIndex = 0, lastIndex = 0, isLastFullPageShown = false, itemsTitle = '
|
|
14
|
+
itemsPerPageTitle = 'Items per page', perPageSuffix = 'per page', optionsToggleAriaLabel, ofWord = 'of', perPage = 0, firstIndex = 0, lastIndex = 0, isLastFullPageShown = false, itemsTitle = '', toggleTemplate, onPerPageSelect = () => null, containerRef }) => {
|
|
15
15
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
16
16
|
const toggleRef = React.useRef(null);
|
|
17
17
|
const menuRef = React.useRef(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationOptionsMenu.js","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,kCAAgE;AAChE,8CAA2C;AAC3C,wDAAqD;AACrD,qDAAiF;AAEjF,2CAA6C;AAkDtC,MAAM,qBAAqB,GAAwD,CAAC,EACzF,SAAS,EACT,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,aAAa,GAAG,MAAM,EACtB,cAAc,GAAG,EAAsB;AACvC,6DAA6D;AAC7D,iBAAiB,GAAG,gBAAgB,EACpC,aAAa,GAAG,UAAU,EAC1B,sBAAsB,EACtB,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,CAAC,EACb,mBAAmB,GAAG,KAAK,EAC3B,UAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"PaginationOptionsMenu.js","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationOptionsMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,12 @@ export interface SwitchProps extends Omit<React.HTMLProps<HTMLInputElement>, 'ty
|
|
|
5
5
|
id?: string;
|
|
6
6
|
/** Additional classes added to the switch */
|
|
7
7
|
className?: string;
|
|
8
|
-
/** Text value for the visible label
|
|
8
|
+
/** Text value for the visible label */
|
|
9
9
|
label?: React.ReactNode;
|
|
10
|
-
/**
|
|
11
|
-
|
|
10
|
+
/** Adds an accessible name to the switch when the label prop is not passed, and must describe the isChecked="true" state. */
|
|
11
|
+
'aria-label'?: string;
|
|
12
|
+
/** Adds an accessible name to the switch via one or more referenced id(s). The computed accessible name must describe the isChecked="true" state. */
|
|
13
|
+
'aria-labelledby'?: string;
|
|
12
14
|
/** Flag to show if the switch is checked when it is controlled by React state.
|
|
13
15
|
* To make the switch uncontrolled instead use the defaultChecked prop, but do not use both.
|
|
14
16
|
*/
|
|
@@ -23,9 +25,7 @@ export interface SwitchProps extends Omit<React.HTMLProps<HTMLInputElement>, 'ty
|
|
|
23
25
|
isDisabled?: boolean;
|
|
24
26
|
/** A callback for when the switch selection changes. (event, isChecked) => {} */
|
|
25
27
|
onChange?: (event: React.FormEvent<HTMLInputElement>, checked: boolean) => void;
|
|
26
|
-
/**
|
|
27
|
-
'aria-label'?: string;
|
|
28
|
-
/** Flag to reverse the layout of toggle and label (toggle on right). */
|
|
28
|
+
/** Flag to reverse the layout of toggle and label (label at start, toggle at end). */
|
|
29
29
|
isReversed?: boolean;
|
|
30
30
|
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
31
31
|
ouiaId?: number | string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,6HAA6H;IAC7H,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qJAAqJ;IACrJ,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,cAAM,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,SAAS,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACpF,MAAM,CAAC,WAAW,SAAY;IAC9B,EAAE,EAAE,MAAM,CAAC;IAEX,MAAM,CAAC,YAAY,EAAE,WAAW,CAO9B;gBAEU,KAAK,EAAE,WAAW,GAAG,SAAS;IAe1C,MAAM;CAqEP;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -11,9 +11,9 @@ const helpers_1 = require("../../helpers");
|
|
|
11
11
|
class Switch extends React.Component {
|
|
12
12
|
constructor(props) {
|
|
13
13
|
super(props);
|
|
14
|
-
if (!props.label && !props['aria-label']) {
|
|
14
|
+
if (!props.label && !props['aria-label'] && !props['aria-labelledby']) {
|
|
15
15
|
// eslint-disable-next-line no-console
|
|
16
|
-
console.error('Switch: Switch requires
|
|
16
|
+
console.error('Switch: Switch requires at least one of label, aria-labelledby, or aria-label props to be specified');
|
|
17
17
|
}
|
|
18
18
|
this.id = props.id || (0, util_1.getUniqueId)();
|
|
19
19
|
this.state = {
|
|
@@ -23,15 +23,17 @@ class Switch extends React.Component {
|
|
|
23
23
|
render() {
|
|
24
24
|
const _a = this.props, {
|
|
25
25
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
26
|
-
id, className, label,
|
|
27
|
-
const
|
|
26
|
+
id, className, label, isChecked, defaultChecked, hasCheckIcon, isDisabled, onChange, isReversed, ouiaId, ouiaSafe, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = _a, props = tslib_1.__rest(_a, ["id", "className", "label", "isChecked", "defaultChecked", "hasCheckIcon", "isDisabled", "onChange", "isReversed", "ouiaId", "ouiaSafe", 'aria-label', 'aria-labelledby']);
|
|
27
|
+
const hasAccessibleName = label || ariaLabel || ariaLabelledBy;
|
|
28
|
+
const isAriaLabelledBy = hasAccessibleName && (!ariaLabel || ariaLabelledBy);
|
|
29
|
+
const useDefaultAriaLabelledBy = !ariaLabelledBy && !ariaLabel;
|
|
30
|
+
const ariaLabelledByIds = ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : `${this.id}-label`;
|
|
28
31
|
return (React.createElement("label", Object.assign({ className: (0, react_styles_1.css)(switch_1.default.switch, isReversed && switch_1.default.modifiers.reverse, className), htmlFor: this.id }, (0, helpers_1.getOUIAProps)(Switch.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe)),
|
|
29
|
-
React.createElement("input", Object.assign({ id: this.id, className: (0, react_styles_1.css)(switch_1.default.switchInput), type: "checkbox", onChange: (event) => onChange(event, event.target.checked) }, (defaultChecked !== undefined ? { defaultChecked } : { checked: isChecked }), { disabled: isDisabled, "aria-labelledby":
|
|
32
|
+
React.createElement("input", Object.assign({ id: this.id, className: (0, react_styles_1.css)(switch_1.default.switchInput), type: "checkbox", role: "switch", onChange: (event) => onChange(event, event.target.checked) }, (defaultChecked !== undefined ? { defaultChecked } : { checked: isChecked }), { disabled: isDisabled, "aria-labelledby": isAriaLabelledBy ? ariaLabelledByIds : null, "aria-label": ariaLabel }, props)),
|
|
30
33
|
label !== undefined ? (React.createElement(React.Fragment, null,
|
|
31
34
|
React.createElement("span", { className: (0, react_styles_1.css)(switch_1.default.switchToggle) }, hasCheckIcon && (React.createElement("span", { className: (0, react_styles_1.css)(switch_1.default.switchToggleIcon), "aria-hidden": "true" },
|
|
32
35
|
React.createElement(check_icon_1.default, null)))),
|
|
33
|
-
React.createElement("span", { className: (0, react_styles_1.css)(switch_1.default.switchLabel
|
|
34
|
-
React.createElement("span", { className: (0, react_styles_1.css)(switch_1.default.switchLabel, switch_1.default.modifiers.off), id: isAriaLabelledBy ? `${this.id}-off` : null, "aria-hidden": "true" }, labelOff !== undefined ? labelOff : label))) : (React.createElement("span", { className: (0, react_styles_1.css)(switch_1.default.switchToggle) },
|
|
36
|
+
React.createElement("span", { className: (0, react_styles_1.css)(switch_1.default.switchLabel), id: isAriaLabelledBy && useDefaultAriaLabelledBy ? `${this.id}-label` : null, "aria-hidden": "true" }, label))) : (React.createElement("span", { className: (0, react_styles_1.css)(switch_1.default.switchToggle) },
|
|
35
37
|
React.createElement("div", { className: (0, react_styles_1.css)(switch_1.default.switchToggleIcon), "aria-hidden": "true" },
|
|
36
38
|
React.createElement(check_icon_1.default, null))))));
|
|
37
39
|
}
|
|
@@ -42,7 +44,8 @@ Switch.defaultProps = {
|
|
|
42
44
|
isChecked: true,
|
|
43
45
|
isDisabled: false,
|
|
44
46
|
isReversed: false,
|
|
45
|
-
'aria-label':
|
|
47
|
+
'aria-label': undefined,
|
|
48
|
+
'aria-labelledby': undefined,
|
|
46
49
|
onChange: () => undefined
|
|
47
50
|
};
|
|
48
51
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;;AAE/C,6CAAiD;AACjD,2CAA0E;AAqC1E,MAAM,MAAO,SAAQ,KAAK,CAAC,SAA2D;
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"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"}
|