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

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;

package/dist/npm/switch/Switch.js

@@ -67,11 +67,14 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         _this.toggle = function (value, event) {
             _this.setState({ checked: value });
             _this.valueDuringOnChange = value;
-            kendo_react_common_1.dispatchEvent(_this.props.onChange, event, _this, { value: value });
+            (0, kendo_react_common_1.dispatchEvent)(_this.props.onChange, event, _this, { value: value });
             _this.valueDuringOnChange = undefined;
         };
-        _this._id = kendo_react_common_1.guid();
-        _this.defaultValidationMessage = kendo_react_intl_1.provideLocalizationService(_this);
+        _this._element = null;
+        _this._wrapper = null;
+        _this._input = null;
+        _this._id = (0, kendo_react_common_1.guid)();
+        _this.defaultValidationMessage = (0, kendo_react_intl_1.provideLocalizationService)(_this);
         /**
          * @hidden
          */
@@ -123,7 +126,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                 onBlur.call(undefined, event);
             }
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
         _this.state = {
             checked: props.defaultChecked || SwitchWithoutContext.defaultProps.defaultChecked,
             focused: false
@@ -240,9 +243,9 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         var _d = this.props, dir = _d.dir, disabled = _d.disabled, trackRounded = _d.trackRounded, thumbRounded = _d.thumbRounded, size = _d.size, id = _d.id, offLabel = _d.offLabel, onLabel = _d.onLabel, tabIndex = _d.tabIndex;
         this.dir = dir || (this._wrapper && getComputedStyle(this._wrapper).direction) || undefined;
         var isValid = !this.validityStyles || this.validity.valid;
-        var switchClassName = kendo_react_common_1.classNames('k-switch', (_a = {},
-            _a["k-switch-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
+        var switchClassName = (0, kendo_react_common_1.classNames)('k-switch', (_a = {},
+            _a["k-switch-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
+            _a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
             _a['k-switch-on'] = this.value,
             _a['k-switch-off'] = !this.value,
             _a['k-focus'] = focused,
@@ -256,17 +259,17 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         return (React.createElement("span", { ref: function (span) {
                 _this._wrapper = span;
             }, className: switchClassName, dir: this.dir, onKeyDown: this.handleKeyDown, onClick: this.handleClick, onBlur: this.handleWrapperBlur, onFocus: this.handleWrapperFocus },
-            React.createElement("span", __assign({ className: kendo_react_common_1.classNames('k-switch-track', (_b = {},
-                    _b["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
+            React.createElement("span", __assign({ className: (0, kendo_react_common_1.classNames)('k-switch-track', (_b = {},
+                    _b["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
                     _b)), id: id || this._id, role: 'switch' }, ariaAttributes, { "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, ref: function (span) {
                     _this._element = span;
-                }, tabIndex: kendo_react_common_1.getTabIndex(tabIndex, disabled, undefined), accessKey: this.props.accessKey }),
+                }, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled, undefined), accessKey: this.props.accessKey }),
                 this.dummyInput(this.value),
                 React.createElement("span", { className: 'k-switch-label-on' }, onLabel),
                 React.createElement("span", { className: 'k-switch-label-off' }, offLabel),
                 React.createElement("span", { className: 'k-switch-thumb-wrap' },
-                    React.createElement("span", { className: kendo_react_common_1.classNames('k-switch-thumb', (_c = {},
-                            _c["k-rounded-" + thumbRounded] = thumbRounded,
+                    React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-switch-thumb', (_c = {},
+                            _c["k-rounded-".concat(thumbRounded)] = thumbRounded,
                             _c)) })))));
     };
     SwitchWithoutContext.displayName = 'Switch';
@@ -322,7 +325,7 @@ exports.SwitchWithoutContext = SwitchWithoutContext;
  *
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-exports.SwitchPropsContext = kendo_react_common_1.createPropsContext();
+exports.SwitchPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
 /**
  * Represents the [KendoReact Switch component]({% slug overview_switch %}).
@@ -330,5 +333,5 @@ exports.SwitchPropsContext = kendo_react_common_1.createPropsContext();
  * Accepts properties of type [SwitchProps]({% slug api_inputs_switchprops %}).
  * Obtaining the `ref` returns an object of type [SwitchHandle]({% slug api_inputs_switchhandle %}).
  */
-exports.Switch = kendo_react_common_1.withPropsContext(exports.SwitchPropsContext, SwitchWithoutContext);
+exports.Switch = (0, kendo_react_common_1.withPropsContext)(exports.SwitchPropsContext, SwitchWithoutContext);
 exports.Switch.displayName = 'KendoReactSwitch';

package/dist/npm/textarea/TextArea.d.ts

@@ -32,4 +32,4 @@ export declare const TextAreaPropsContext: React.Context<(p: TextAreaProps) => T
  * ReactDOM.render(<App />, document.querySelector('my-app'));
  * ```
  */
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaHandle>>;
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaHandle | null>>;

package/dist/npm/textarea/TextArea.js

@@ -32,7 +32,7 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
  *
  * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
  */
-exports.TextAreaPropsContext = kendo_react_common_1.createPropsContext();
+exports.TextAreaPropsContext = (0, kendo_react_common_1.createPropsContext)();
 /**
  * Represents the [KendoReact TextArea component]({% slug overview_textarea %}).
  *
@@ -52,7 +52,7 @@ exports.TextAreaPropsContext = kendo_react_common_1.createPropsContext();
  */
 exports.TextArea = React.forwardRef(function (directProps, target) {
     var _a;
-    var props = kendo_react_common_1.usePropsContext(exports.TextAreaPropsContext, directProps);
+    var props = (0, kendo_react_common_1.usePropsContext)(exports.TextAreaPropsContext, directProps);
     var _b = props, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode, ariaDescribedBy = _b.ariaDescribedBy, ariaLabelledBy = _b.ariaLabelledBy, autoSize = _b.autoSize, className = _b.className, defaultValue = _b.defaultValue, disabled = _b.disabled, readOnly = _b.readOnly, required = _b.required, rows = _b.rows, id = _b.id, name = _b.name, placeholder = _b.placeholder, style = _b.style, tabIndex = _b.tabIndex, value = _b.value, valid = _b.valid, validationMessage = _b.validationMessage, validityStyles = _b.validityStyles, onChange = _b.onChange, onFocus = _b.onFocus, onBlur = _b.onBlur, 
     // Removed to support direct use in Form Field component
     visited = _b.visited, touched = _b.touched, modified = _b.modified, others = __rest(_b, ["size", "rounded", "fillMode", "ariaDescribedBy", "ariaLabelledBy", "autoSize", "className", "defaultValue", "disabled", "readOnly", "required", "rows", "id", "name", "placeholder", "style", "tabIndex", "value", "valid", "validationMessage", "validityStyles", "onChange", "onFocus", "onBlur", "visited", "touched", "modified"]);
@@ -72,8 +72,8 @@ exports.TextArea = React.forwardRef(function (directProps, target) {
     React.useImperativeHandle(target, getImperativeHandle);
     var _c = React.useState(defaultValue), stateValue = _c[0], setStateValue = _c[1];
     var _d = React.useState('auto'), textAreaHeight = _d[0], setTextAreaHeight = _d[1];
-    var calculatedId = React.useMemo(function () { return kendo_react_common_1.guid(); }, []);
-    var dir = kendo_react_common_1.useDir(elementRef, props.dir);
+    var calculatedId = React.useMemo(function () { return (0, kendo_react_common_1.guid)(); }, []);
+    var dir = (0, kendo_react_common_1.useDir)(elementRef, props.dir);
     var isControlled = value !== undefined;
     var currentValue = isControlled ? value : stateValue;
     var isValid = valid !== undefined ?
@@ -90,7 +90,7 @@ exports.TextArea = React.forwardRef(function (directProps, target) {
     }, [isValid, validationMessage]);
     React.useLayoutEffect(function () {
         if (elementRef.current) {
-            setTextAreaHeight(elementRef.current.scrollHeight + "px");
+            setTextAreaHeight("".concat(elementRef.current.scrollHeight, "px"));
         }
     }, [currentValue]);
     var handleChange = React.useCallback(function (event) {
@@ -100,24 +100,24 @@ exports.TextArea = React.forwardRef(function (directProps, target) {
             setStateValue(newValue);
         }
         if (onChange && !disabled) {
-            kendo_react_common_1.dispatchEvent(onChange, event, getImperativeHandle(), { value: newValue });
+            (0, kendo_react_common_1.dispatchEvent)(onChange, event, getImperativeHandle(), { value: newValue });
         }
     }, [setStateValue, onChange, disabled, isControlled]);
     var handleFocus = React.useCallback(function (event) {
         if (onFocus && !disabled) {
-            kendo_react_common_1.dispatchEvent(onFocus, event, getImperativeHandle(), undefined);
+            (0, kendo_react_common_1.dispatchEvent)(onFocus, event, getImperativeHandle(), undefined);
         }
     }, [onFocus, disabled]);
     var handleBlur = React.useCallback(function (event) {
         if (onBlur && !disabled) {
-            kendo_react_common_1.dispatchEvent(onBlur, event, getImperativeHandle(), undefined);
+            (0, kendo_react_common_1.dispatchEvent)(onBlur, event, getImperativeHandle(), undefined);
         }
     }, [onBlur, disabled]);
-    var textAreaProps = __assign(__assign({ id: id || calculatedId, name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: kendo_react_common_1.getTabIndex(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others), { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
-    return (React.createElement("span", { className: kendo_react_common_1.classNames('k-input', 'k-textarea', (_a = {},
-            _a["k-input-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-            _a["k-input-" + fillMode] = fillMode,
-            _a["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+    var textAreaProps = __assign(__assign({ id: id || calculatedId, name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others), { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
+    return (React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-input', 'k-textarea', (_a = {},
+            _a["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
+            _a["k-input-".concat(fillMode)] = fillMode,
+            _a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
             _a['k-invalid'] = !(isValid || validityStyles !== undefined || validityStyles === true),
             _a['k-required'] = required,
             _a['k-disabled'] = disabled,

package/dist/npm/utils.js

@@ -1,8 +1,12 @@
 "use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.nullable = void 0;
@@ -20,7 +24,7 @@ function nullable(subRequirement) {
             return null;
         }
         var sub = required ? subRequirement.isRequired : subRequirement;
-        return sub.apply(void 0, __spreadArray([props, key], rest));
+        return sub.apply(void 0, __spreadArray([props, key], rest, false));
     };
     var fn = check.bind(null, false);
     fn.isRequired = check.bind(null, true);