@progress/kendo-react-inputs 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/npm/radiobutton/RadioGroup.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = exports.RadioGroupPropsContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var RadioButton_1 = require("./RadioButton");
@@ -23,7 +24,7 @@ var package_metadata_1 = require("../package-metadata");
  *
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-exports.RadioGroupPropsContext = kendo_react_common_1.createPropsContext();
+exports.RadioGroupPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /**
  * Represents the [KendoReact RadioGroup component]({% slug overview_radiogroup %}).
  *
@@ -31,13 +32,13 @@ exports.RadioGroupPropsContext = kendo_react_common_1.createPropsContext();
  * Obtaining the `ref` returns an object of type [RadioGroupHandle]({% slug api_inputs_radiogrouphandle %}).
  */
 exports.RadioGroup = React.forwardRef(function (directProps, target) {
-    kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
-    var props = kendo_react_common_1.usePropsContext(exports.RadioGroupPropsContext, directProps);
+    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
+    var props = (0, kendo_react_common_1.usePropsContext)(exports.RadioGroupPropsContext, directProps);
     var ariaLabelledBy = props.ariaLabelledBy, ariaDescribedBy = props.ariaDescribedBy, className = props.className, data = props.data, defaultValue = props.defaultValue, disabled = props.disabled, name = props.name, labelPlacement = props.labelPlacement, layout = props.layout, style = props.style, value = props.value, valid = props.valid, _a = props.item, Item = _a === void 0 ? defaultProps.item : _a, onChange = props.onChange, onFocus = props.onFocus;
     var elementRef = React.useRef(null);
     var focusElement = React.useCallback(function () {
         if (elementRef.current) {
-            kendo_react_common_1.focusFirstFocusableChild(elementRef.current);
+            (0, kendo_react_common_1.focusFirstFocusableChild)(elementRef.current);
         }
     }, []);
     var getImperativeHandle = React.useCallback(function () { return ({
@@ -54,29 +55,29 @@ exports.RadioGroup = React.forwardRef(function (directProps, target) {
             setStateChecked(currentValue);
         }
         if (onChange && !disabled) {
-            kendo_react_common_1.dispatchEvent(onChange, event.syntheticEvent, getImperativeHandle(), { value: currentValue });
+            (0, kendo_react_common_1.dispatchEvent)(onChange, event.syntheticEvent, getImperativeHandle(), { value: currentValue });
         }
     }, [setStateChecked, onChange, disabled]);
     var handleFocus = React.useCallback(function (event) {
         if (onFocus && !disabled) {
-            kendo_react_common_1.dispatchEvent(onFocus, event.syntheticEvent, getImperativeHandle(), undefined);
+            (0, kendo_react_common_1.dispatchEvent)(onFocus, event.syntheticEvent, getImperativeHandle(), undefined);
         }
     }, [onFocus, disabled]);
-    var radioGroupName = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
-    var radioGroupClasses = kendo_react_common_1.classNames('k-radio-list', {
+    var radioGroupName = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
+    var radioGroupClasses = (0, kendo_react_common_1.classNames)('k-radio-list', {
         'k-list-horizontal': layout === 'horizontal',
         'k-list-vertical': layout === 'vertical' || layout === undefined
     }, className);
-    var dir = kendo_react_common_1.useRtl(elementRef, props.dir);
+    var dir = (0, kendo_react_common_1.useRtl)(elementRef, props.dir);
     var radioOptions = (data && data.map(function (option, index) {
         var isCurrentlyChecked = checkedRadioValue === option.value;
         var noOptionChecked = checkedRadioValue === null || checkedRadioValue === undefined;
-        var radioButtonProps = __assign({}, option, { valid: valid, checked: isCurrentlyChecked, disabled: (option.disabled || disabled) ? true : false, labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement, tabIndex: option.tabIndex
+        var radioButtonProps = __assign(__assign({}, option), { valid: valid, checked: isCurrentlyChecked, disabled: (option.disabled || disabled) ? true : false, labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement, tabIndex: option.tabIndex
                 ? option.tabIndex
                 : (noOptionChecked && index === 0) || isCurrentlyChecked
                     ? 0
                     : -1, index: index, name: name || radioGroupName, onChange: handleChange, onFocus: handleFocus });
-        return (React.createElement(Item, { className: kendo_react_common_1.classNames('k-radio-item', { 'k-disabled': radioButtonProps.disabled || disabled }), key: index, role: 'radio' },
+        return (React.createElement(Item, { className: (0, kendo_react_common_1.classNames)('k-radio-item', { 'k-disabled': radioButtonProps.disabled || disabled }), key: index, role: 'radio' },
             React.createElement(RadioButton_1.RadioButton, __assign({}, radioButtonProps))));
     }));
     return (React.createElement("ul", { role: "radiogroup", className: radioGroupClasses, ref: elementRef, dir: dir, style: style, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy }, radioOptions));

package/dist/npm/range-slider/RangeSlider.d.ts

@@ -135,4 +135,4 @@ export declare const RangeSliderPropsContext: React.Context<(p: RangeSliderProps
  * Accepts properties of type [RangeSliderProps]({% slug api_inputs_rangesliderprops %}).
  * Obtaining the `ref` returns an object of type [RangeSliderHandle]({% slug api_inputs_rangesliderhandle %}).
  */
-export declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<RangeSliderHandle>>;
+export declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<RangeSliderHandle | null>>;

package/dist/npm/range-slider/RangeSlider.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeSlider = exports.RangeSliderPropsContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -25,7 +26,7 @@ var package_metadata_1 = require("../package-metadata");
 var useRange = function (defaultValue, args, callback) {
     var _a = React.useState(defaultValue), state = _a[0], setState = _a[1];
     var handleDispatchAction = React.useCallback(function (action) {
-        var newState = range_raducer_1.rangeReducer(args.state || state, __assign({}, action, args));
+        var newState = (0, range_raducer_1.rangeReducer)(args.state || state, __assign(__assign({}, action), args));
         if (callback) {
             callback(newState, action.event);
         }
@@ -39,7 +40,7 @@ var useRange = function (defaultValue, args, callback) {
  *
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-exports.RangeSliderPropsContext = kendo_react_common_1.createPropsContext();
+exports.RangeSliderPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /**
  * Represents the [KendoReact RangeSlider component]({% slug overview_rangeslider %}).
  *
@@ -48,8 +49,8 @@ exports.RangeSliderPropsContext = kendo_react_common_1.createPropsContext();
  */
 exports.RangeSlider = React.forwardRef(function (directProps, ref) {
     var _a, _b;
-    kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
-    var props = kendo_react_common_1.usePropsContext(exports.RangeSliderPropsContext, directProps);
+    (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
+    var props = (0, kendo_react_common_1.usePropsContext)(exports.RangeSliderPropsContext, directProps);
     var target = React.useRef(null);
     var sliderRef = React.useRef(null);
     var sliderSelectionRef = React.useRef(null);
@@ -69,7 +70,7 @@ exports.RangeSlider = React.forwardRef(function (directProps, ref) {
     var min = React.useMemo(function () { return props.min; }, [props.min]);
     var max = React.useMemo(function () { return props.max; }, [props.max]);
     var step = React.useMemo(function () { return props.step !== undefined ? props.step : defaultProps.step; }, [props.step, defaultProps.step]);
-    var dir = kendo_react_common_1.useDir(sliderRef, props.dir);
+    var dir = (0, kendo_react_common_1.useDir)(sliderRef, props.dir);
     var handleChange = function (newValue, event) {
         if (props.onChange && target.current) {
             props.onChange.call(undefined, {
@@ -95,7 +96,7 @@ exports.RangeSlider = React.forwardRef(function (directProps, ref) {
     var trackStyles = React.useMemo(function () { return props.vertical
         ? { marginTop: '0.5rem', marginBottom: '0.5rem' }
         : { marginLeft: '0.5rem', marginRight: '0.5rem' }; }, [props.vertical]);
-    var localization = kendo_react_intl_1.useLocalization();
+    var localization = (0, kendo_react_intl_1.useLocalization)();
     var calcNewDistance = React.useCallback(function (event) {
         if (!sliderTrackWrapRef.current) {
             return;
@@ -213,8 +214,8 @@ exports.RangeSlider = React.forwardRef(function (directProps, ref) {
         dispatchStateValue({ type: action, payload: payload, event: event });
         setCurrentDrag('');
     };
-    kendo_react_common_1.useDraggable(sliderTrackWrapRef, { onPress: handleTrackPress, onDrag: handleTrackDrag, onRelease: handleTrackRelease });
-    return (React.createElement("div", { role: "slider", id: props.id, style: props.style, ref: sliderRef, dir: dir, className: kendo_react_common_1.classNames('k-widget k-slider', {
+    (0, kendo_react_common_1.useDraggable)(sliderTrackWrapRef, { onPress: handleTrackPress, onDrag: handleTrackDrag, onRelease: handleTrackRelease });
+    return (React.createElement("div", { role: "slider", id: props.id, style: props.style, ref: sliderRef, dir: dir, className: (0, kendo_react_common_1.classNames)('k-widget k-slider', {
             'k-rtl': dir === 'rtl',
             'k-disabled': props.disabled,
             'k-slider-vertical': props.vertical,
@@ -231,17 +232,17 @@ exports.RangeSlider = React.forwardRef(function (directProps, ref) {
             React.createElement("div", { ref: sliderTrackRef, className: "k-slider-track", style: props.vertical
                     ? { bottom: 0, height: '100%' }
                     : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = 0, _a.width = '100%', _a) },
-                (percentStart !== null && percentEnd !== null) && React.createElement("div", { "data-selection": true, ref: sliderSelectionRef, title: value.start + " - " + value.end, className: "k-slider-selection", style: props.vertical
+                (percentStart !== null && percentEnd !== null) && React.createElement("div", { "data-selection": true, ref: sliderSelectionRef, title: "".concat(value.start, " - ").concat(value.end), className: "k-slider-selection", style: props.vertical
                         ? { height: (percentEnd - percentStart) + '%', bottom: percentStart + '%' }
                         : (_b = {},
                             _b[dir === 'rtl' ? 'right' : 'left'] = percentStart + '%',
                             _b.width = (percentEnd - percentStart) + '%',
                             _b) }),
-                React.createElement("a", { ref: startHandle, role: "slider", tabIndex: kendo_react_common_1.getTabIndex(props.startTabIndex, props.disabled, undefined), "aria-valuemin": min, "aria-valuemax": Math.max(max, value.end), "aria-valuenow": value.start, "aria-disabled": props.disabled ? 'true' : undefined, className: "k-draghandle", title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: props.vertical
+                React.createElement("a", { ref: startHandle, role: "slider", tabIndex: (0, kendo_react_common_1.getTabIndex)(props.startTabIndex, props.disabled, undefined), "aria-valuemin": min, "aria-valuemax": Math.max(max, value.end), "aria-valuenow": value.start, "aria-disabled": props.disabled ? 'true' : undefined, className: "k-draghandle", title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: props.vertical
                         ? { bottom: 'calc(' + percentStart + '%)', zIndex: 1 }
                         : dir === 'rtl' ? { right: 'calc(' + percentStart + '% - 13px)', zIndex: 1 }
                             : { left: 'calc(' + percentStart + '%)', zIndex: 1 }, onKeyDown: handleStartKeyDown }),
-                React.createElement("a", { ref: endHandle, role: "slider", tabIndex: kendo_react_common_1.getTabIndex(props.endTabIndex, props.disabled, undefined), "aria-valuemin": Math.min(min, value.start), "aria-valuemax": max, "aria-valuenow": value.end, "aria-disabled": props.disabled ? 'true' : undefined, className: "k-draghandle", title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: props.vertical
+                React.createElement("a", { ref: endHandle, role: "slider", tabIndex: (0, kendo_react_common_1.getTabIndex)(props.endTabIndex, props.disabled, undefined), "aria-valuemin": Math.min(min, value.start), "aria-valuemax": max, "aria-valuenow": value.end, "aria-disabled": props.disabled ? 'true' : undefined, className: "k-draghandle", title: localization.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: props.vertical
                         ? { bottom: 'calc(' + percentEnd + '%)', zIndex: 1 }
                         : dir === 'rtl' ? { right: 'calc(' + percentEnd + '% - 13px)', zIndex: 1 }
                             : { left: 'calc(' + percentEnd + '%)', zIndex: 1 }, onKeyDown: handleEndKeyDown })))));
@@ -254,7 +255,7 @@ var propTypes = {
             var min = props.min;
             var max = props.max;
             if (start > end || start > max || start < min || end > max || end < min || end < start) {
-                return new Error("Invalid prop + " + propName + " supplied to " + componentName + ".\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    ");
+                return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    "));
             }
         }
         return null;
@@ -266,7 +267,7 @@ var propTypes = {
             var min = props.min;
             var max = props.max;
             if (start > end || start > max || start < min || end > max || end < min || end < start) {
-                return new Error("Invalid prop + " + propName + " supplied to " + componentName + ".\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    ");
+                return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n                    The { start, end } value must be between the min & max value and { start, end } must be start < end.\n                    "));
             }
         }
         return null;
@@ -278,10 +279,10 @@ var propTypes = {
         var min = props.min;
         var max = props.max;
         if (min === undefined) {
-            return new Error("Invalid prop + " + propName + " supplied to " + componentName + ".\n                " + propName + " value can not be undefined.\n                ");
+            return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n                ").concat(propName, " value can not be undefined.\n                "));
         }
         if (prop && min >= max) {
-            return new Error("Invalid prop + " + propName + " supplied to " + componentName + ".\n                " + propName + " value can not be equal to or bigger than the max value.\n                ");
+            return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n                ").concat(propName, " value can not be equal to or bigger than the max value.\n                "));
         }
         return null;
     },
@@ -290,10 +291,10 @@ var propTypes = {
         var min = props.min;
         var max = props.max;
         if (max === undefined) {
-            return new Error("Invalid prop + " + propName + " supplied to " + componentName + ".\n                " + propName + " value can not be undefined.\n                ");
+            return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n                ").concat(propName, " value can not be undefined.\n                "));
         }
         if (prop && max <= min) {
-            return new Error("Invalid prop + " + propName + " supplied to " + componentName + ".\n                " + propName + " value can not be equal to or smaller than the min value.\n                ");
+            return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n                ").concat(propName, " value can not be equal to or smaller than the min value.\n                "));
         }
         return null;
     },

package/dist/npm/range-slider/range-raducer.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.rangeReducer = exports.RANGE_ACTION = void 0;
 /**
  * @hidden
  */
@@ -26,7 +27,7 @@ var RANGE_ACTION;
 /**
  * @hidden
  */
-exports.rangeReducer = function (state, action) {
+var rangeReducer = function (state, action) {
     var newState;
     var newValue;
     switch (action.type) {
@@ -50,18 +51,18 @@ exports.rangeReducer = function (state, action) {
             break;
         case RANGE_ACTION.min:
             if (action.key === 'start') {
-                newState = __assign({}, state, { start: action.min });
+                newState = __assign(__assign({}, state), { start: action.min });
             }
             else {
-                newState = __assign({}, state, { end: Math.max(action.min, state.start) });
+                newState = __assign(__assign({}, state), { end: Math.max(action.min, state.start) });
             }
             break;
         case RANGE_ACTION.max:
             if (action.key === 'start') {
-                newState = __assign({}, state, { start: Math.min(action.max, state.end) });
+                newState = __assign(__assign({}, state), { start: Math.min(action.max, state.end) });
             }
             else {
-                newState = __assign({}, state, { end: action.max });
+                newState = __assign(__assign({}, state), { end: action.max });
             }
             break;
         case RANGE_ACTION.increase:
@@ -71,18 +72,18 @@ exports.rangeReducer = function (state, action) {
             newValue = state[action.key] + action.step;
             if (action.key === 'start') {
                 if (newValue < action.min) {
-                    newState = __assign({}, state, { start: action.min });
+                    newState = __assign(__assign({}, state), { start: action.min });
                 }
                 else {
-                    newState = __assign({}, state, { start: Math.min(newValue, state.end) });
+                    newState = __assign(__assign({}, state), { start: Math.min(newValue, state.end) });
                 }
             }
             else {
                 if (newValue > action.max) {
-                    newState = __assign({}, state, { end: action.max });
+                    newState = __assign(__assign({}, state), { end: action.max });
                 }
                 else {
-                    newState = __assign({}, state, { end: Math.max(newValue, state.start) });
+                    newState = __assign(__assign({}, state), { end: Math.max(newValue, state.start) });
                 }
             }
             break;
@@ -93,18 +94,18 @@ exports.rangeReducer = function (state, action) {
             newValue = state[action.key] - action.step;
             if (action.key === 'start') {
                 if (newValue < action.min) {
-                    newState = __assign({}, state, { start: action.min });
+                    newState = __assign(__assign({}, state), { start: action.min });
                 }
                 else {
-                    newState = __assign({}, state, { start: Math.min(newValue, state.end) });
+                    newState = __assign(__assign({}, state), { start: Math.min(newValue, state.end) });
                 }
             }
             else {
                 if (newValue > action.max) {
-                    newState = __assign({}, state, { end: action.max });
+                    newState = __assign(__assign({}, state), { end: action.max });
                 }
                 else {
-                    newState = __assign({}, state, { end: Math.max(newValue, state.start) });
+                    newState = __assign(__assign({}, state), { end: Math.max(newValue, state.start) });
                 }
             }
             break;
@@ -114,3 +115,4 @@ exports.rangeReducer = function (state, action) {
     }
     return newState;
 };
+exports.rangeReducer = rangeReducer;

package/dist/npm/rating/Rating.d.ts

@@ -155,4 +155,4 @@ export declare const RatingPropsContext: React.Context<(p: RatingProps) => Ratin
  * Accepts properties of type [RatingProps]({% slug api_inputs_ratingprops %}).
  * Obtaining the `ref` returns an object of type [RatingHandle]({% slug api_inputs_ratinghandle %}).
  */
-export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<RatingHandle>>;
+export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<RatingHandle | null>>;

package/dist/npm/rating/Rating.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rating = exports.RatingPropsContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -23,7 +24,7 @@ var utils_1 = require("./utils");
 var useRating = function (defaultValue, args, callback) {
     var _a = React.useState(defaultValue), state = _a[0], setState = _a[1];
     var handleDispatchAction = function (action) {
-        var newState = rating_reducer_1.ratingReducer(args.state || state, __assign({}, action, args));
+        var newState = (0, rating_reducer_1.ratingReducer)(args.state || state, __assign(__assign({}, action), args));
         if (callback) {
             callback(newState, action.event);
         }
@@ -37,7 +38,7 @@ var useRating = function (defaultValue, args, callback) {
  *
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-exports.RatingPropsContext = kendo_react_common_1.createPropsContext();
+exports.RatingPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /**
  * Represents the [KendoReact Rating component]({% slug overview_rating %}).
  *
@@ -46,10 +47,10 @@ exports.RatingPropsContext = kendo_react_common_1.createPropsContext();
  */
 exports.Rating = React.forwardRef(function (directProps, ref) {
     var _a, _b, _c, _d;
-    var props = kendo_react_common_1.usePropsContext(exports.RatingPropsContext, directProps);
+    var props = (0, kendo_react_common_1.usePropsContext)(exports.RatingPropsContext, directProps);
     var target = React.useRef(null);
     var ratingRef = React.useRef(null);
-    var dir = kendo_react_common_1.useDir(ratingRef, props.dir);
+    var dir = (0, kendo_react_common_1.useDir)(ratingRef, props.dir);
     React.useImperativeHandle(target, function () { return ({
         element: ratingRef.current,
         props: props
@@ -94,19 +95,20 @@ exports.Rating = React.forwardRef(function (directProps, ref) {
         }
         if (precision === 'half') {
             var rect = event.target.element.getBoundingClientRect();
-            var isFirstHalf = utils_1.calcIsFirstHalf(dir ? dir : 'ltr', rect, event.syntheticEvent.clientX);
-            var payload = isFirstHalf ? utils_1.toRound(event.target.value - (step / 2), base) : event.target.value;
+            var isFirstHalf = (0, utils_1.calcIsFirstHalf)(dir ? dir : 'ltr', rect, event.syntheticEvent.clientX);
+            var payload = isFirstHalf ? (0, utils_1.toRound)(event.target.value - (step / 2), base) : event.target.value;
             dispatchStateValue({ type: rating_reducer_1.RATING_ACTION.select, payload: payload, event: event.syntheticEvent });
         }
         else {
             dispatchStateValue({ type: rating_reducer_1.RATING_ACTION.select, payload: event.target.value, event: event.syntheticEvent });
         }
         if (props.onClick) {
-            props.onClick.call(undefined, {
+            var ev = {
                 value: value,
                 target: target.current,
                 syntheticEvent: event.syntheticEvent
-            });
+            };
+            props.onClick.call(undefined, ev);
         }
     }, [props.onClick, dispatchStateValue, value]);
     var handleKeyDown = React.useCallback(function (syntheticEvent) {
@@ -157,18 +159,20 @@ exports.Rating = React.forwardRef(function (directProps, ref) {
     }, [props.onKeyDown, dispatchStateValue, value]);
     var handleFocus = React.useCallback(function (syntheticEvent) {
         if (props.onFocus) {
-            props.onFocus.call(undefined, {
+            var ev = {
                 target: target.current,
                 syntheticEvent: syntheticEvent
-            });
+            };
+            props.onFocus.call(undefined, ev);
         }
     }, [props.onFocus]);
     var handleBlur = React.useCallback(function (syntheticEvent) {
         if (props.onBlur) {
-            props.onBlur.call(undefined, {
+            var ev = {
                 target: target.current,
                 syntheticEvent: syntheticEvent
-            });
+            };
+            props.onBlur.call(undefined, ev);
         }
     }, [props.onBlur]);
     var handleItemMouseMove = React.useCallback(function (event) {
@@ -177,7 +181,7 @@ exports.Rating = React.forwardRef(function (directProps, ref) {
         }
         if (precision === 'half') {
             var rect = event.target.element.getBoundingClientRect();
-            var isFirstHalf = utils_1.calcIsFirstHalf(dir ? dir : 'ltr', rect, event.syntheticEvent.clientX);
+            var isFirstHalf = (0, utils_1.calcIsFirstHalf)(dir ? dir : 'ltr', rect, event.syntheticEvent.clientX);
             var payload = isFirstHalf ? event.target.value - (step / 2) : event.target.value;
             dispatchStateHover({ type: rating_reducer_1.RATING_ACTION.select, payload: payload, event: event.syntheticEvent });
         }
@@ -189,38 +193,38 @@ exports.Rating = React.forwardRef(function (directProps, ref) {
         dispatchStateHover({ type: rating_reducer_1.RATING_ACTION.reset, event: event.syntheticEvent });
     }, []);
     var items = [];
-    var remainder = utils_1.getRemainder(utils_1.toRound(max - min, base), step);
-    for (var i = min; i <= max; i = utils_1.toRound(i + step, base)) {
-        var itemValue = utils_1.toRound(i + remainder, base);
+    var remainder = (0, utils_1.getRemainder)((0, utils_1.toRound)(max - min, base), step);
+    for (var i = min; i <= max; i = (0, utils_1.toRound)(i + step, base)) {
+        var itemValue = (0, utils_1.toRound)(i + remainder, base);
         var half = precision === 'half'
-            ? utils_1.isHalf(itemValue, hoveredValue !== null ? hoveredValue : (value !== null ? value : 0), step)
+            ? (0, utils_1.isHalf)(itemValue, hoveredValue !== null ? hoveredValue : (value !== null ? value : 0), step)
             : false;
-        var selectedValue = utils_1.isSelected(itemValue, value, step, selection);
-        var selected = utils_1.isSelected(itemValue, hoveredValue !== null ? hoveredValue : value, step, selection);
-        var hovered = utils_1.isSelected(itemValue, hoveredValue, step, selection);
-        items.push(React.createElement(Item, { key: itemValue, value: itemValue, dir: dir, title: String(half ? utils_1.toRound(itemValue - (step / 2), base) : itemValue), icon: props.icon, half: half, selected: selectedValue || selected, hovered: hovered, onClick: handleItemClick, onMouseMove: handleItemMouseMove, onMouseLeave: handleMouseLeave },
+        var selectedValue = (0, utils_1.isSelected)(itemValue, value, step, selection);
+        var selected = (0, utils_1.isSelected)(itemValue, hoveredValue !== null ? hoveredValue : value, step, selection);
+        var hovered = (0, utils_1.isSelected)(itemValue, hoveredValue, step, selection);
+        items.push(React.createElement(Item, { key: itemValue, value: itemValue, dir: dir, title: String(half ? (0, utils_1.toRound)(itemValue - (step / 2), base) : itemValue), icon: props.icon, half: half, selected: selectedValue || selected, hovered: hovered, onClick: handleItemClick, onMouseMove: handleItemMouseMove, onMouseLeave: handleMouseLeave },
             half && (React.createElement("span", { className: 'k-rating-precision-complement', style: (_a = { width: '12px' }, _a[dir === 'rtl' ? 'right' : 'left'] = '50%', _a) },
-                React.createElement("span", { className: kendo_react_common_1.classNames('k-icon', (_b = {
+                React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-icon', (_b = {
                             'k-i-star-outline': !props.icon
                         },
-                        _b[props.icon + "-outline"] = props.icon,
+                        _b["".concat(props.icon, "-outline")] = props.icon,
                         _b)) }))),
             half && (React.createElement("span", { className: 'k-rating-precision-part', style: { width: '12px' } },
-                React.createElement("span", { className: kendo_react_common_1.classNames('k-icon', (_c = {
+                React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-icon', (_c = {
                             'k-i-star': !props.icon
                         },
-                        _c["" + props.icon] = props.icon,
+                        _c["".concat(props.icon)] = props.icon,
                         _c)) }))),
             half && (React.createElement("span", { style: { width: '24px', height: '24px', display: 'block' } })),
-            !half && (React.createElement("span", { className: kendo_react_common_1.classNames('k-icon', (_d = {
+            !half && (React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-icon', (_d = {
                         'k-i-star': !props.icon && (hovered || (selected && !hovered)),
                         'k-i-star-outline': !props.icon && (!hovered)
                     },
-                    _d["" + props.icon] = props.icon && (hovered || (selected && !hovered)),
-                    _d[props.icon + "-outline"] = props.icon && (!hovered),
+                    _d["".concat(props.icon)] = props.icon && (hovered || (selected && !hovered)),
+                    _d["".concat(props.icon, "-outline")] = props.icon && (!hovered),
                     _d)) }))));
     }
-    return (React.createElement("span", { id: props.id, style: props.style, ref: ratingRef, role: "slider", dir: dir, tabIndex: kendo_react_common_1.getTabIndex(props.tabIndex, props.disabled, undefined), className: kendo_react_common_1.classNames('k-rating k-widget', {
+    return (React.createElement("span", { id: props.id, style: props.style, ref: ratingRef, role: "slider", dir: dir, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled, undefined), className: (0, kendo_react_common_1.classNames)('k-rating k-widget', {
             'k-rtl': dir === 'rtl',
             'k-state-readonly': readonly,
             'k-disabled': disabled
@@ -238,10 +242,10 @@ var propTypes = {
     value: function (props, propName, componentName) {
         if (props.value && props.min && props.max && props.step) {
             var correctValue = props.precision === 'half'
-                ? utils_1.isCorrectValue(props.min, props.max, props.step / 2, props.value)
-                : utils_1.isCorrectValue(props.min, props.max, props.step, props.value);
+                ? (0, utils_1.isCorrectValue)(props.min, props.max, props.step / 2, props.value)
+                : (0, utils_1.isCorrectValue)(props.min, props.max, props.step, props.value);
             if (!correctValue && props.precision === 'half') {
-                return new Error("Invalid prop + " + propName + " supplied to " + componentName + ".\n                    The value of the { value } property is not correct, please check your values.\n                    ");
+                return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n                    The value of the { value } property is not correct, please check your values.\n                    "));
             }
         }
         return null;
@@ -251,7 +255,7 @@ var propTypes = {
     max: PropTypes.number,
     step: function (props, propName, componentName) {
         if (props.step !== undefined && props.step <= 0) {
-            return new Error("Invalid prop + " + propName + " supplied to " + componentName + ".\n                The value of the { step } property is cannot be equal or less than \"0\", please check your values.\n                ");
+            return new Error("Invalid prop + ".concat(propName, " supplied to ").concat(componentName, ".\n                The value of the { step } property is cannot be equal or less than \"0\", please check your values.\n                "));
         }
         return null;
     },

package/dist/npm/rating/RatingItem.d.ts

@@ -101,4 +101,4 @@ export interface RatingItemHandle {
 /**
  * Represents the RatingItem component.
  */
-export declare const RatingItem: React.ForwardRefExoticComponent<RatingItemProps & React.RefAttributes<RatingItemHandle>>;
+export declare const RatingItem: React.ForwardRefExoticComponent<RatingItemProps & React.RefAttributes<RatingItemHandle | null>>;

package/dist/npm/rating/RatingItem.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RatingItem = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -9,7 +10,7 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 exports.RatingItem = React.forwardRef(function (props, ref) {
     var target = React.useRef(null);
     var element = React.useRef(null);
-    var dir = kendo_react_common_1.useDir(element, props.dir);
+    var dir = (0, kendo_react_common_1.useDir)(element, props.dir);
     React.useImperativeHandle(target, function () { return ({
         element: element.current,
         props: props,
@@ -73,7 +74,7 @@ exports.RatingItem = React.forwardRef(function (props, ref) {
             });
         }
     }, [props.onMouseLeave]);
-    return (React.createElement("span", { id: props.id, ref: element, dir: dir, "data-half": props.half, tabIndex: props.tabIndex, title: props.title, style: props.style, className: kendo_react_common_1.classNames('k-rating-item', {
+    return (React.createElement("span", { id: props.id, ref: element, dir: dir, "data-half": props.half, tabIndex: props.tabIndex, title: props.title, style: props.style, className: (0, kendo_react_common_1.classNames)('k-rating-item', {
             'k-rtl': dir === 'rtl',
             'k-selected': props.selected,
             'k-hover': props.hovered

package/dist/npm/rating/models/index.d.ts

@@ -13,6 +13,10 @@ export interface RatingItemMouseEvent {
      * The event of the RatingItemMouseEvent.
      */
     syntheticEvent: React.MouseEvent<any>;
+    /**
+     * @hidden
+     */
+    value?: number | null;
 }
 /**
  * Represents the return type of the RatingItemKeyboardEvent.

package/dist/npm/rating/rating-reducer.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ratingReducer = exports.RATING_ACTION = void 0;
 var utils_1 = require("./utils");
 /**
  * @hidden
@@ -17,7 +18,7 @@ var RATING_ACTION;
 /**
  * @hidden
  */
-exports.ratingReducer = function (state, action) {
+var ratingReducer = function (state, action) {
     switch (action.type) {
         case RATING_ACTION.select:
             if (action.payload === undefined || action.step === undefined) {
@@ -28,7 +29,7 @@ exports.ratingReducer = function (state, action) {
             }
             return action.payload >= action.min
                 ? action.payload < action.max
-                    ? utils_1.toRound(action.payload, action.step)
+                    ? (0, utils_1.toRound)(action.payload, action.step)
                     : action.max
                 : action.min;
         case RATING_ACTION.deselect:
@@ -41,14 +42,14 @@ exports.ratingReducer = function (state, action) {
                 return action.min;
             }
             return state + action.step < action.max
-                ? utils_1.toRound(state + action.step, action.step)
+                ? (0, utils_1.toRound)(state + action.step, action.step)
                 : action.max;
         case RATING_ACTION.decrease:
             if (action.step === undefined) {
                 return state;
             }
-            return utils_1.toRound(state - action.step, action.step) >= action.min
-                ? utils_1.toRound(state - action.step, action.step)
+            return (0, utils_1.toRound)(state - action.step, action.step) >= action.min
+                ? (0, utils_1.toRound)(state - action.step, action.step)
                 : action.min;
         case RATING_ACTION.min:
             if (action.step === undefined) {
@@ -63,3 +64,4 @@ exports.ratingReducer = function (state, action) {
             return state;
     }
 };
+exports.ratingReducer = ratingReducer;

package/dist/npm/rating/utils/index.d.ts

@@ -13,7 +13,7 @@ export declare const isHalf: (index: number, value: number, step: number) => boo
 /**
  * @hidden
  */
-export declare const isSelected: (index: number, value: number, step: number, selection: "single" | "continues") => boolean;
+export declare const isSelected: (index: number, value: number | null, step: number, selection: 'single' | 'continues') => boolean;
 /**
  * @hidden
  */