@progress/kendo-react-inputs 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/es/numerictextbox/NumericTextBox.d.ts

@@ -11,4 +11,4 @@ export declare const NumericTextBoxPropsContext: React.Context<(p: NumericTextBo
 /**
  * Represents the [KendoReact NumericTextBox component]({% slug overview_numerictextbox %}).
  */
-export declare const NumericTextBox: React.ForwardRefExoticComponent<NumericTextBoxProps & React.RefAttributes<NumericTextBoxHandle>>;
+export declare const NumericTextBox: React.ForwardRefExoticComponent<NumericTextBoxProps & React.RefAttributes<NumericTextBoxHandle | null>>;

package/dist/es/numerictextbox/NumericTextBox.js

@@ -261,9 +261,9 @@ export var NumericTextBox = React.forwardRef(function (directProps, target) {
     var isValid = !validityStylesGetter() || validityGetter().valid;
     var numerictextbox = (React.createElement("span", { dir: props.dir, style: !props.label
             ? __assign({ width: props.width }, props.style) : props.style, className: classNames('k-input', 'k-numerictextbox', (_a = {},
-            _a["k-input-" + (kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
-            _a["k-input-" + props.fillMode] = props.fillMode,
-            _a["k-rounded-" + (kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
+            _a["k-input-".concat(kendoThemeMaps.sizeMap[props.size] || props.size)] = props.size,
+            _a["k-input-".concat(props.fillMode)] = props.fillMode,
+            _a["k-rounded-".concat(kendoThemeMaps.roundedMap[props.rounded] || props.rounded)] = props.rounded,
             _a['k-invalid'] = !isValid,
             _a['k-required'] = props.required,
             _a['k-disabled'] = props.disabled,

package/dist/es/numerictextbox/interfaces/NumericTextBoxBlurEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/numerictextbox/interfaces/NumericTextBoxChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/numerictextbox/interfaces/NumericTextBoxFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/numerictextbox/interfaces/NumericTextBoxHandle.js

@@ -0,0 +1 @@
+export {};

package/dist/es/numerictextbox/interfaces/NumericTextBoxProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/numerictextbox/interfaces/NumericTextBoxState.js

@@ -0,0 +1 @@
+export {};

package/dist/es/numerictextbox/utils/index.d.ts

@@ -7,11 +7,11 @@ export declare const getInitialState: () => NumericTextBoxState;
 /**
  * @hidden
  */
-export declare const getStateOrPropsValue: (value: number, stateValue: number) => number;
+export declare const getStateOrPropsValue: (value: number | null | undefined, stateValue: number | null | undefined) => number | null | undefined;
 /**
  * @hidden
  */
-export declare const formatValue: (value: string | number, format: string | NumberFormatOptions, intlService: any) => string;
+export declare const formatValue: (value: string | number | null | undefined, format: string | NumberFormatOptions | undefined, intlService: any) => string;
 /**
  * @hidden
  */
@@ -35,7 +35,7 @@ export declare const decreaseValue: (value: any, newState: any, step: any, min:
 /**
  * @hidden
  */
-export declare const rangeValue: (value: number, min: any, max: any) => number;
+export declare const rangeValue: (value: number | null, min?: number, max?: number) => number | null;
 /**
  * @hidden
  */
@@ -55,7 +55,7 @@ export declare const setSelection: (newState: NumericTextBoxState, newIndex: num
 /**
  * @hidden
  */
-export declare const setInvalid: (newState: NumericTextBoxState, format: string | NumberFormatOptions, formatInfo: string[][], intlService: any) => void;
+export declare const setInvalid: (newState: NumericTextBoxState, format: string | NumberFormatOptions | undefined, formatInfo: string[][], intlService: any) => void;
 /**
  * @hidden
  */
@@ -71,7 +71,7 @@ export declare const isDecimalDuplicated: (newState: NumericTextBoxState, symbol
 /**
  * @hidden
  */
-export declare const getFormatPrefixSufix: (format: string | NumberFormatOptions, intlService: any) => {
+export declare const getFormatPrefixSufix: (format: string | NumberFormatOptions | undefined, intlService: any) => {
     positiveInfo: string[];
     negativeInfo: string[];
     zeroInfo: string[];
@@ -80,7 +80,7 @@ export declare const getFormatPrefixSufix: (format: string | NumberFormatOptions
 /**
  * @hidden
  */
-export declare const getFormatSymbols: (format: string | NumberFormatOptions, intlService: any) => string;
+export declare const getFormatSymbols: (format: string | NumberFormatOptions | undefined, intlService: any) => string;
 /**
  * @hidden
  */
@@ -116,4 +116,4 @@ export declare const changeBasedSelection: (currentValue: string, nextValue: str
 /**
  * @hidden
  */
-export declare const sanitizeNumber: (state: NumericTextBoxState, format: string | NumberFormatOptions, intlService: any) => NumericTextBoxState;
+export declare const sanitizeNumber: (state: NumericTextBoxState, format: string | NumberFormatOptions | undefined, intlService: any) => NumericTextBoxState;

package/dist/es/numerictextbox/utils/index.js

@@ -233,7 +233,7 @@ export var getFormatSymbols = function (format, intlService) {
     var zeroResult = intlService.formatNumber(ZERO_NUMBER, format);
     var oneResult = intlService.formatNumber(ONE_NUMBER, format);
     var symbols = intlService.numberSymbols();
-    var sanitizeRegex = new RegExp("[\\d\\" + symbols.decimal + symbols.group + "]", 'g');
+    var sanitizeRegex = new RegExp("[\\d\\".concat(symbols.decimal).concat(symbols.group, "]"), 'g');
     var resultWithDuplicates = [positiveResult, negativeResult, zeroResult, oneResult]
         .map(function (result) { return result.replace(sanitizeRegex, ''); })
         .join('');
@@ -327,9 +327,9 @@ export var sanitizeNumber = function (state, format, intlService) {
     var restrictedSymbols = getFormatSymbols(format, intlService);
     var currentLooseValueAsString = String(newState.currentLooseValue);
     var prevLooseValueAsString = String(prevLooseValue);
-    var sanitizeRegex = new RegExp("[^\\d\\" + symbols.decimal + "]", 'g');
-    var sanitizeGroupRegex = new RegExp("[^\\d\\" + symbols.decimal + "\\" + symbols.group + "]", 'g');
-    var allSymbolsRegex = new RegExp("[\\d\\" + symbols.decimal + "\\" + symbols.group + "]");
+    var sanitizeRegex = new RegExp("[^\\d\\".concat(symbols.decimal, "]"), 'g');
+    var sanitizeGroupRegex = new RegExp("[^\\d\\".concat(symbols.decimal, "\\").concat(symbols.group, "]"), 'g');
+    var allSymbolsRegex = new RegExp("[\\d\\".concat(symbols.decimal, "\\").concat(symbols.group, "]"));
     var sanitizedString = currentLooseValueAsString.replace(sanitizeRegex, '');
     var numberStart = getFirstNumberIndex(currentLooseValueAsString, DIGITS_REGEX);
     var numberEnd = numberStart === -1 ? -1 : getLastNumberIndex(currentLooseValueAsString, DIGITS_REGEX);
@@ -350,7 +350,7 @@ export var sanitizeNumber = function (state, format, intlService) {
     var formatInfo = [positiveInfo, negativeInfo, zeroInfo, oneInfo];
     var isFormatContainPrefixSuffix = formatInfo.findIndex(function (info) { return info.findIndex(function (nestedInfo) { return Boolean(nestedInfo); }) !== -1; }) !== 1;
     var isDelete = currentLooseValueAsString.length > 0 && currentLooseValueAsString.length < prevLooseValueAsString.length;
-    var isPercentFormat = format &&
+    var isPercentFormat = typeof format === 'string' &&
         format[0] === 'p' &&
         currentLooseValueAsString &&
         currentLooseValueAsString.indexOf(symbols.percentSign) === -1;

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-inputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653456789,
+    publishDate: 1654690359,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/radiobutton/RadioButton.d.ts

@@ -20,4 +20,4 @@ export declare const RadioButtonPropsContext: React.Context<(p: RadioButtonProps
  * Accepts properties of type [RadioButtonProps]({% slug api_inputs_radiobuttonprops %}).
  * Obtaining the `ref` returns an object of type [RadioButtonHandle]({% slug api_inputs_radiobuttonhandle %}).
  */
-export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<RadioButtonHandle>>;
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<RadioButtonHandle | null>>;

package/dist/es/radiobutton/RadioButton.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -67,7 +69,7 @@ export var RadioButton = React.forwardRef(function (directProps, target) {
         }
     }, [onBlur, disabled]);
     var inputProps = __assign({ type: 'radio', id: id || calculatedId, name: name, className: classNames('k-radio', (_a = {},
-            _a["k-radio-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
+            _a["k-radio-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
             _a['k-invalid'] = valid === false,
             _a), className), ref: elementRef, disabled: disabled, tabIndex: getTabIndex(tabIndex, disabled), checked: checked, style: style, 'aria-describedby': ariaDescribedBy, value: value, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur }, others);
     var radioButtonLabel = (React.createElement(React.Fragment, null, label !== undefined ? (React.createElement("label", { className: 'k-radio-label', htmlFor: id || calculatedId, style: { userSelect: 'none' }, "aria-label": label }, label)) : null));

package/dist/es/radiobutton/RadioGroup.d.ts

@@ -20,4 +20,4 @@ export declare const RadioGroupPropsContext: React.Context<(p: RadioGroupProps)
  * Accepts properties of type [RadioGroupProps]({% slug api_inputs_radiogroupprops %}).
  * Obtaining the `ref` returns an object of type [RadioGroupHandle]({% slug api_inputs_radiogrouphandle %}).
  */
-export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<RadioGroupHandle>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<RadioGroupHandle | null>>;

package/dist/es/radiobutton/RadioGroup.js

@@ -69,7 +69,7 @@ export var RadioGroup = React.forwardRef(function (directProps, target) {
     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

package/dist/es/radiobutton/interfaces/RadioButtonBlurEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioButtonChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioButtonFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioButtonProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioGroupChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioGroupFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/radiobutton/interfaces/RadioGroupProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/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/es/range-slider/RangeSlider.js

@@ -23,7 +23,7 @@ import { packageMetadata } from '../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 = rangeReducer(args.state || state, __assign({}, action, args));
+        var newState = rangeReducer(args.state || state, __assign(__assign({}, action), args));
         if (callback) {
             callback(newState, action.event);
         }
@@ -229,7 +229,7 @@ export var 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 + '%',
@@ -252,7 +252,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;
@@ -264,7 +264,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;
@@ -276,10 +276,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;
     },
@@ -288,10 +288,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/es/range-slider/range-raducer.js

@@ -48,18 +48,18 @@ export var 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:
@@ -69,18 +69,18 @@ export var 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;
@@ -91,18 +91,18 @@ export var 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;

package/dist/es/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/es/rating/Rating.js

@@ -21,7 +21,7 @@ import { isSelected, isHalf, calcIsFirstHalf, isCorrectValue, toRound, getRemain
 var useRating = function (defaultValue, args, callback) {
     var _a = React.useState(defaultValue), state = _a[0], setState = _a[1];
     var handleDispatchAction = function (action) {
-        var newState = ratingReducer(args.state || state, __assign({}, action, args));
+        var newState = ratingReducer(args.state || state, __assign(__assign({}, action), args));
         if (callback) {
             callback(newState, action.event);
         }
@@ -100,11 +100,12 @@ export var Rating = React.forwardRef(function (directProps, ref) {
             dispatchStateValue({ type: 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) {
@@ -155,18 +156,20 @@ export var 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) {
@@ -201,21 +204,21 @@ export var Rating = React.forwardRef(function (directProps, ref) {
                 React.createElement("span", { className: 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: 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: 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: getTabIndex(props.tabIndex, props.disabled, undefined), className: classNames('k-rating k-widget', {
@@ -239,7 +242,7 @@ var propTypes = {
                 ? isCorrectValue(props.min, props.max, props.step / 2, props.value)
                 : 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;
@@ -249,7 +252,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/es/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/es/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/es/rating/models/index.js

@@ -0,0 +1 @@
+export {};

package/dist/es/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
  */

package/dist/es/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;
@@ -152,7 +152,7 @@ export declare class SliderWithoutContext extends React.Component<SliderProps, S
     /**
      * @hidden
      */
-    readonly sliderTrack: HTMLDivElement | null;
+    get sliderTrack(): HTMLDivElement | null;
     private isLabel;
     private onFocus;
     private onBlur;

package/dist/es/slider/Slider.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -44,6 +46,8 @@ var SliderWithoutContext = /** @class */ (function (_super) {
             focused: false,
             dir: _this.props.dir
         };
+        _this._sliderTrack = null;
+        _this._element = null;
         /**
          * @hidden
          */
@@ -162,8 +166,8 @@ var SliderWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     SliderWithoutContext.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var lS = provideLocalizationService(this);
         var percentValue = ((this.state.value - this.props.min) / (this.props.max - this.props.min)) * 100;
         var trackStyles = this.props.vertical
@@ -206,7 +210,7 @@ var SliderWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._sliderTrack;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     SliderWithoutContext.prototype.change = function (e, value) {

package/dist/es/slider/SliderLabel.js

@@ -23,8 +23,8 @@ export var SliderLabel = function (props) {
     var sliderLabelRef = React.useRef(null);
     var dir = 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[SLIDER_LABEL_ATTRIBUTE] = true, _b), { className: "k-label", onClick: props.onClick }), props.children)));
 };