@progress/kendo-react-inputs 5.4.0-dev.202205271059 → 5.4.0-dev.202206090823

package/dist/npm/radiobutton/RadioGroup.js

@@ -24,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 %}).
  *
@@ -32,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 ({
@@ -55,20 +55,20 @@ 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;
@@ -77,7 +77,7 @@ exports.RadioGroup = React.forwardRef(function (directProps, target) {
                 : (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

@@ -26,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(__assign({}, action), args));
+        var newState = (0, range_raducer_1.rangeReducer)(args.state || state, __assign(__assign({}, action), args));
         if (callback) {
             callback(newState, action.event);
         }
@@ -40,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 %}).
  *
@@ -49,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);
@@ -70,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, {
@@ -96,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;
@@ -214,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,
@@ -232,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 })))));
@@ -255,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;
@@ -267,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;
@@ -279,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;
     },
@@ -291,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/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

@@ -24,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(__assign({}, action), args));
+        var newState = (0, rating_reducer_1.ratingReducer)(args.state || state, __assign(__assign({}, action), args));
         if (callback) {
             callback(newState, action.event);
         }
@@ -38,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 %}).
  *
@@ -47,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
@@ -95,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) {
@@ -158,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) {
@@ -178,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 });
         }
@@ -190,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
@@ -239,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;
@@ -252,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

@@ -10,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,
@@ -74,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

@@ -29,7 +29,7 @@ var 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:
@@ -42,14 +42,14 @@ var 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) {

package/dist/npm/rating/utils/index.js

@@ -27,7 +27,7 @@ exports.getRemainder = getRemainder;
  * @hidden
  */
 var isHalf = function (index, value, step) {
-    return (exports.toRound(index - step, step) < value) && (value < index);
+    return ((0, exports.toRound)(index - step, step) < value) && (value < index);
 };
 exports.isHalf = isHalf;
 /**
@@ -38,13 +38,13 @@ var isSelected = function (index, value, step, selection) {
         return false;
     }
     if (selection === 'continues') {
-        return exports.isHalf(index, value, step)
-            ? exports.toRound(index - step / 2, step / 2) <= value
+        return (0, exports.isHalf)(index, value, step)
+            ? (0, exports.toRound)(index - step / 2, step / 2) <= value
             : index <= value;
     }
     if (selection === 'single') {
-        return exports.isHalf(index, value, step)
-            ? exports.toRound(index - step / 2, step / 2) === value
+        return (0, exports.isHalf)(index, value, step)
+            ? (0, exports.toRound)(index - step / 2, step / 2) === value
             : index === value;
     }
     return false;

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

@@ -121,14 +121,14 @@ export declare class SliderWithoutContext extends React.Component<SliderProps, S
      */
     static getDerivedStateFromProps(props: SliderProps, state: SliderState): {
         value: number;
-    };
+    } | null;
     /**
      * @hidden
      */
     state: {
         value: number;
         focused: boolean;
-        dir: Direction;
+        dir: Direction | undefined;
     };
     private _sliderTrack;
     private _element;

package/dist/npm/slider/Slider.js

@@ -49,6 +49,8 @@ var SliderWithoutContext = /** @class */ (function (_super) {
             focused: false,
             dir: _this.props.dir
         };
+        _this._sliderTrack = null;
+        _this._element = null;
         /**
          * @hidden
          */
@@ -139,7 +141,7 @@ var SliderWithoutContext = /** @class */ (function (_super) {
             var percentage = (distance / size);
             _this.change(e, _this.props.min + percentage * (_this.props.max - _this.props.min));
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         return _this;
     }
     /**
@@ -169,7 +171,7 @@ var SliderWithoutContext = /** @class */ (function (_super) {
     SliderWithoutContext.prototype.render = function () {
         var _a;
         var _this = this;
-        var lS = kendo_react_intl_1.provideLocalizationService(this);
+        var lS = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var percentValue = ((this.state.value - this.props.min) / (this.props.max - this.props.min)) * 100;
         var trackStyles = this.props.vertical
             ? { marginTop: '0.5rem', marginBottom: '0.5rem' }
@@ -177,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: kendo_react_common_1.getTabIndex(this.props.tabIndex, this.props.disabled, undefined), onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, className: kendo_react_common_1.classNames('k-slider k-widget', {
+        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', {
                 'k-focus': this.state.focused,
                 'k-disabled': this.props.disabled,
                 'k-slider-horizontal': !this.props.vertical,
@@ -217,7 +219,7 @@ var SliderWithoutContext = /** @class */ (function (_super) {
     SliderWithoutContext.prototype.change = function (e, value) {
         value = Math.min(Math.max(value, this.props.min), this.props.max);
         this.setState({ value: value });
-        kendo_react_common_1.dispatchEvent(this.props.onChange, e, this, { value: value });
+        (0, kendo_react_common_1.dispatchEvent)(this.props.onChange, e, this, { value: value });
     };
     SliderWithoutContext.displayName = 'Slider';
     /**
@@ -242,7 +244,7 @@ exports.SliderWithoutContext = SliderWithoutContext;
  *
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-exports.SliderPropsContext = kendo_react_common_1.createPropsContext();
+exports.SliderPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
 /**
  * Represents the [KendoReact Slider component]({% slug overview_slider %}).
@@ -250,6 +252,6 @@ exports.SliderPropsContext = kendo_react_common_1.createPropsContext();
  * Accepts properties of type [SliderProps]({% slug api_inputs_sliderprops %}).
  * Obtaining the `ref` returns an object of type [SliderHandle]({% slug api_inputs_sliderhandle %}).
  */
-exports.Slider = kendo_react_common_1.withPropsContext(exports.SliderPropsContext, SliderWithoutContext);
+exports.Slider = (0, kendo_react_common_1.withPropsContext)(exports.SliderPropsContext, SliderWithoutContext);
 exports.Slider.displayName = 'KendoReactSlider';
-kendo_react_intl_1.registerForLocalization(SliderWithoutContext);
+(0, kendo_react_intl_1.registerForLocalization)(SliderWithoutContext);

package/dist/npm/slider/SliderLabel.js

@@ -24,10 +24,10 @@ exports.SLIDER_LABEL_ATTRIBUTE = 'data-slider-label';
 var SliderLabel = function (props) {
     var _a, _b;
     var sliderLabelRef = React.useRef(null);
-    var dir = kendo_react_common_1.useDir(sliderLabelRef);
+    var dir = (0, kendo_react_common_1.useDir)(sliderLabelRef);
     var style = props.vertical
-        ? { bottom: props.position + "%", height: '1px', width: '100%' }
-        : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = props.position + "%", _a.width = '1px', _a.height = '-webkit-fill-available', _a);
+        ? { bottom: "".concat(props.position, "%"), height: '1px', width: '100%' }
+        : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(props.position, "%"), _a.width = '1px', _a.height = '-webkit-fill-available', _a);
     return (React.createElement("li", { ref: sliderLabelRef, role: "presentation", className: "k-tick k-tick-large", 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)));
 };

package/dist/npm/switch/Switch.d.ts

@@ -174,9 +174,9 @@ export declare class SwitchWithoutContext extends React.Component<SwitchProps, S
         className: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         defaultChecked: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        trackRounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
-        thumbRounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        trackRounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        thumbRounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
         dir: PropTypes.Requireable<string>;
         id: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
@@ -198,9 +198,9 @@ export declare class SwitchWithoutContext extends React.Component<SwitchProps, S
     static defaultProps: {
         disabled: boolean;
         defaultChecked: boolean;
-        size: "small" | "medium" | "large";
-        trackRounded: "small" | "medium" | "full" | "large";
-        thumbRounded: "small" | "medium" | "full" | "large";
+        size: "small" | "medium" | "large" | null | undefined;
+        trackRounded: "small" | "medium" | "full" | "large" | null | undefined;
+        thumbRounded: "small" | "medium" | "full" | "large" | null | undefined;
         offLabel: string;
         onBlur: () => void;
         onFocus: () => void;