@patternfly/react-core 4.214.2 → 4.214.5

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" })))));
@@ -17922,7 +17929,7 @@
 
     const getPercentage = (current, max) => (100 * current) / max;
     const Slider = (_a) => {
-        var { className, value = 0, customSteps, areCustomStepsContinuous = false, isDisabled = false, isInputVisible = false, inputValue = 0, inputLabel, inputAriaLabel = 'Slider value input', thumbAriaLabel = 'Value', hasTooltipOverThumb = false, inputPosition = 'right', onChange, leftActions, rightActions, step = 1, min = 0, max = 100, showTicks = false, showBoundaries = true } = _a, props = __rest$1(_a, ["className", "value", "customSteps", "areCustomStepsContinuous", "isDisabled", "isInputVisible", "inputValue", "inputLabel", "inputAriaLabel", "thumbAriaLabel", "hasTooltipOverThumb", "inputPosition", "onChange", "leftActions", "rightActions", "step", "min", "max", "showTicks", "showBoundaries"]);
+        var { className, value = 0, customSteps, areCustomStepsContinuous = false, isDisabled = false, isInputVisible = false, inputValue = 0, inputLabel, inputAriaLabel = 'Slider value input', thumbAriaLabel = 'Value', hasTooltipOverThumb = false, inputPosition = 'right', onChange, leftActions, rightActions, step = 1, min = 0, max = 100, showTicks = false, showBoundaries = true, 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby } = _a, props = __rest$1(_a, ["className", "value", "customSteps", "areCustomStepsContinuous", "isDisabled", "isInputVisible", "inputValue", "inputLabel", "inputAriaLabel", "thumbAriaLabel", "hasTooltipOverThumb", "inputPosition", "onChange", "leftActions", "rightActions", "step", "min", "max", "showTicks", "showBoundaries", 'aria-describedby', 'aria-labelledby']);
         const sliderRailRef = React__namespace.useRef();
         const thumbRef = React__namespace.useRef();
         const [localValue, setValue] = React.useState(value);
@@ -18130,7 +18137,7 @@
             }
             return builtSteps;
         };
-        const thumbComponent = (React__namespace.createElement("div", { className: css(styles$j.sliderThumb), ref: thumbRef, tabIndex: isDisabled ? -1 : 0, role: "slider", "aria-valuemin": customSteps ? customSteps[0].value : min, "aria-valuemax": customSteps ? customSteps[customSteps.length - 1].value : max, "aria-valuenow": localValue, "aria-valuetext": findAriaTextValue(), "aria-label": thumbAriaLabel, "aria-disabled": isDisabled, onMouseDown: !isDisabled ? handleMouseDown : null, onTouchStart: !isDisabled ? handleTouchStart : null, onKeyDown: !isDisabled ? handleThumbKeys : null, onClick: !isDisabled ? onThumbClick : null }));
+        const thumbComponent = (React__namespace.createElement("div", { className: css(styles$j.sliderThumb), ref: thumbRef, tabIndex: isDisabled ? -1 : 0, role: "slider", "aria-valuemin": customSteps ? customSteps[0].value : min, "aria-valuemax": customSteps ? customSteps[customSteps.length - 1].value : max, "aria-valuenow": localValue, "aria-valuetext": findAriaTextValue(), "aria-label": thumbAriaLabel, "aria-disabled": isDisabled, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, onMouseDown: !isDisabled ? handleMouseDown : null, onTouchStart: !isDisabled ? handleTouchStart : null, onKeyDown: !isDisabled ? handleThumbKeys : null, onClick: !isDisabled ? onThumbClick : null }));
         return (React__namespace.createElement("div", Object.assign({ className: css(styles$j.slider, className, isDisabled && styles$j.modifiers.disabled), style: Object.assign(Object.assign({}, style), inputStyle) }, props),
             leftActions && React__namespace.createElement("div", { className: css(styles$j.sliderActions) }, leftActions),
             React__namespace.createElement("div", { className: css(styles$j.sliderMain) },
@@ -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 }))))));