@patternfly/react-core 4.214.2 → 4.214.3

package/dist/umd/react-core.js

@@ -5804,8 +5804,10 @@
     };
 
     const Banner = (_a) => {
-        var { children, className, variant = 'default', isSticky = false } = _a, props = __rest$1(_a, ["children", "className", "variant", "isSticky"]);
-        return (React__namespace.createElement("div", Object.assign({ className: css(styles$11.banner, styles$11.modifiers[variant], isSticky && styles$11.modifiers.sticky, className) }, props), children));
+        var { children, className, variant = 'default', screenReaderText, isSticky = false } = _a, props = __rest$1(_a, ["children", "className", "variant", "screenReaderText", "isSticky"]);
+        return (React__namespace.createElement("div", Object.assign({ className: css(styles$11.banner, styles$11.modifiers[variant], isSticky && styles$11.modifiers.sticky, className) }, props),
+            children,
+            React__namespace.createElement("span", { className: "pf-u-screen-reader" }, screenReaderText || `${variant} banner`)));
     };
     Banner.displayName = 'Banner';
 
@@ -6745,10 +6747,13 @@
         constructor(props) {
             super(props);
             this.span = React__namespace.createRef();
+            this.setChipStyle = () => ({
+                '--pf-c-chip__text--MaxWidth': this.props.textMaxWidth
+            });
             this.renderOverflowChip = () => {
                 const { children, className, onClick, ouiaId } = this.props;
                 const Component = this.props.component;
-                return (React__namespace.createElement(Component, Object.assign({ onClick: onClick, className: css(styles$W.chip, styles$W.modifiers.overflow, className) }, (this.props.component === 'button' ? { type: 'button' } : {}), getOUIAProps('OverflowChip', ouiaId !== undefined ? ouiaId : this.state.ouiaStateId)),
+                return (React__namespace.createElement(Component, Object.assign({ onClick: onClick }, (this.props.textMaxWidth && Object.assign({ style: this.setChipStyle() }, this.props.style)), { className: css(styles$W.chip, styles$W.modifiers.overflow, className) }, (this.props.component === 'button' ? { type: 'button' } : {}), getOUIAProps('OverflowChip', ouiaId !== undefined ? ouiaId : this.state.ouiaStateId)),
                     React__namespace.createElement("span", { className: css(styles$W.chipText) }, children)));
             };
             this.renderChip = (randomId) => {
@@ -6771,7 +6776,9 @@
         renderInnerChip(id) {
             const { children, className, onClick, closeBtnAriaLabel, isReadOnly, component, ouiaId } = this.props;
             const Component = component;
-            return (React__namespace.createElement(Component, Object.assign({ className: css(styles$W.chip, className) }, (this.state.isTooltipVisible && { tabIndex: 0 }), getOUIAProps(Chip.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId)),
+            return (React__namespace.createElement(Component, Object.assign({}, (this.props.textMaxWidth && {
+                style: this.setChipStyle()
+            }), { className: css(styles$W.chip, className) }, (this.state.isTooltipVisible && { tabIndex: 0 }), getOUIAProps(Chip.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId)),
                 React__namespace.createElement("span", { ref: this.span, className: css(styles$W.chipText), id: id }, children),
                 !isReadOnly && (React__namespace.createElement(Button, { onClick: onClick, variant: "plain", "aria-label": closeBtnAriaLabel, id: `remove_${id}`, "aria-labelledby": `remove_${id} ${id}`, ouiaId: ouiaId || closeBtnAriaLabel },
                     React__namespace.createElement(TimesIcon$1, { "aria-hidden": "true" })))));
@@ -18184,10 +18191,9 @@
             return (React__namespace.createElement("label", Object.assign({ className: css(styles$i.switch, isReversed && styles$i.modifiers.reverse, className), htmlFor: this.id }, getOUIAProps(Switch.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe)),
                 React__namespace.createElement("input", Object.assign({ id: this.id, className: css(styles$i.switchInput), type: "checkbox", onChange: event => onChange(event.target.checked, event), checked: isChecked, disabled: isDisabled, "aria-labelledby": isAriaLabelledBy ? `${this.id}-on` : null }, props)),
                 label !== undefined ? (React__namespace.createElement(React__namespace.Fragment, null,
-                    React__namespace.createElement("span", { className: css(styles$i.switchToggle) }),
+                    React__namespace.createElement("span", { className: css(styles$i.switchToggle) }, hasCheckIcon && (React__namespace.createElement("span", { className: css(styles$i.switchToggleIcon), "aria-hidden": "true" },
+                        React__namespace.createElement(CheckIcon$1, { noVerticalAlign: true })))),
                     React__namespace.createElement("span", { className: css(styles$i.switchLabel, styles$i.modifiers.on), id: isAriaLabelledBy ? `${this.id}-on` : null, "aria-hidden": "true" }, label),
-                    hasCheckIcon && (React__namespace.createElement("div", { className: css(styles$i.switchToggleIcon), "aria-hidden": "true" },
-                        React__namespace.createElement(CheckIcon$1, { noVerticalAlign: true }))),
                     React__namespace.createElement("span", { className: css(styles$i.switchLabel, styles$i.modifiers.off), id: isAriaLabelledBy ? `${this.id}-off` : null, "aria-hidden": "true" }, labelOff !== undefined ? labelOff : label))) : (React__namespace.createElement("span", { className: css(styles$i.switchToggle) },
                     React__namespace.createElement("div", { className: css(styles$i.switchToggleIcon), "aria-hidden": "true" },
                         React__namespace.createElement(CheckIcon$1, { noVerticalAlign: true }))))));