@progress/kendo-react-inputs 5.5.1-dev.202207252139 → 5.6.0-dev.202208090643

package/dist/npm/rating/Rating.js

@@ -18,6 +18,8 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 var RatingItem_1 = require("./RatingItem");
 var rating_reducer_1 = require("./rating-reducer");
 var utils_1 = require("./utils");
+var messages_1 = require("../messages");
+var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 /**
  * @hidden
  */
@@ -48,6 +50,7 @@ exports.RatingPropsContext = (0, kendo_react_common_1.createPropsContext)();
 exports.Rating = React.forwardRef(function (directProps, ref) {
     var _a, _b, _c, _d;
     var props = (0, kendo_react_common_1.usePropsContext)(exports.RatingPropsContext, directProps);
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     var target = React.useRef(null);
     var ratingRef = React.useRef(null);
     var dir = (0, kendo_react_common_1.useDir)(ratingRef, props.dir);
@@ -228,7 +231,7 @@ exports.Rating = React.forwardRef(function (directProps, ref) {
             'k-rtl': dir === 'rtl',
             'k-state-readonly': readonly,
             'k-disabled': disabled
-        }, props.className), onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value !== null ? value : undefined, "aria-disabled": disabled ? 'true' : undefined, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy },
+        }, props.className), onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value !== null ? value : undefined, "aria-disabled": disabled ? 'true' : undefined, "aria-label": localization.toLanguageString(messages_1.ratingAriaLabel, messages_1.messages[messages_1.ratingAriaLabel]), "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy },
         React.createElement("input", { id: 'rating', className: 'k-hidden', readOnly: readonly, disabled: disabled }),
         React.createElement("span", { className: 'k-rating-container' }, items),
         props.label &&

package/dist/npm/slider/Slider.d.ts

@@ -91,6 +91,10 @@ export interface SliderProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * The accessible label of the component.
+     */
+    ariaLabel?: string;
     dir?: Direction;
 }
 /**
@@ -115,6 +119,7 @@ export declare class SliderWithoutContext extends React.Component<SliderProps, S
         id: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
+        ariaLabel: PropTypes.Requireable<string>;
     };
     /**
      * @hidden

package/dist/npm/slider/Slider.js

@@ -179,7 +179,7 @@ var SliderWithoutContext = /** @class */ (function (_super) {
         var sliderItemsStyle = this.props.vertical
             ? { paddingTop: 0, height: '100%' }
             : {};
-        return (React.createElement("div", { ref: function (el) { return _this._element = el; }, "aria-valuemin": this.props.min, "aria-valuemax": this.props.max, "aria-valuenow": this.state.value, "aria-disabled": this.props.disabled ? 'true' : undefined, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, dir: this.state.dir, role: "slider", id: this.props.id, style: __assign({ gap: 0 }, this.props.style), tabIndex: (0, kendo_react_common_1.getTabIndex)(this.props.tabIndex, this.props.disabled, undefined), onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, className: (0, kendo_react_common_1.classNames)('k-slider k-widget', {
+        return (React.createElement("div", { ref: function (el) { return _this._element = el; }, dir: this.state.dir, id: this.props.id, style: __assign({ gap: 0 }, this.props.style), onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, className: (0, kendo_react_common_1.classNames)('k-slider k-widget', {
                 'k-focus': this.state.focused,
                 'k-disabled': this.props.disabled,
                 'k-slider-horizontal': !this.props.vertical,
@@ -201,7 +201,7 @@ var SliderWithoutContext = /** @class */ (function (_super) {
                             React.createElement("div", { className: "k-slider-selection", style: this.props.vertical
                                     ? { height: percentValue + '%' }
                                     : { width: percentValue + '%' } }),
-                            React.createElement("a", { className: "k-draghandle", title: lS.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: this.props.vertical
+                            React.createElement("span", { role: "slider", "aria-valuemin": this.props.min, "aria-valuemax": this.props.max, "aria-valuenow": this.state.value, "aria-valuetext": String(this.state.value), "aria-orientation": this.props.vertical ? 'vertical' : undefined, "aria-disabled": this.props.disabled ? 'true' : undefined, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, "aria-label": this.props.ariaLabel, tabIndex: (0, kendo_react_common_1.getTabIndex)(this.props.tabIndex, this.props.disabled, undefined), className: "k-draghandle", title: lS.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: this.props.vertical
                                     ? { bottom: 'calc(' + percentValue + '%)', zIndex: 1 }
                                     : this.state.dir === 'rtl' ? { right: 'calc(' + percentValue + '% - 13px)', zIndex: 1 }
                                         : { left: 'calc(' + percentValue + '%)', zIndex: 1 } })))))));
@@ -232,7 +232,8 @@ var SliderWithoutContext = /** @class */ (function (_super) {
         vertical: PropTypes.bool,
         id: PropTypes.string,
         ariaLabelledBy: PropTypes.string,
-        ariaDescribedBy: PropTypes.string
+        ariaDescribedBy: PropTypes.string,
+        ariaLabel: PropTypes.string
         // TODO: validation when buttons is set to true, but no step is provided
     };
     return SliderWithoutContext;

package/dist/npm/slider/SliderLabel.js

@@ -29,7 +29,7 @@ var SliderLabel = function (props) {
         ? { bottom: "".concat(props.position, "%") }
         : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(props.position, "%"), _a);
     var tickStyle = props.vertical ? 'k-tick-vertical' : 'k-tick-horizontal';
-    return (React.createElement("li", { ref: sliderLabelRef, role: "presentation", className: "k-tick k-tick-large ".concat(tickStyle), title: props.title, style: __assign({ zIndex: 1, position: 'absolute' }, style) },
+    return (React.createElement("li", { ref: sliderLabelRef, className: "k-tick k-tick-large ".concat(tickStyle), title: props.title, style: __assign({ zIndex: 1, position: 'absolute' }, style) },
         React.createElement("span", __assign({}, (_b = {}, _b[exports.SLIDER_LABEL_ATTRIBUTE] = true, _b), { className: "k-label", onClick: props.onClick }), props.children)));
 };
 exports.SliderLabel = SliderLabel;

package/dist/npm/switch/Switch.js

@@ -104,6 +104,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
             var keyCode = event.keyCode;
             if (keyCode === kendo_react_common_1.Keys.space || keyCode === kendo_react_common_1.Keys.enter) {
                 _this.toggle(!_this.value, event);
+                event.preventDefault();
             }
         };
         _this.handleWrapperFocus = function (event) {