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

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

@@ -1,15 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCorrectValue = exports.calcIsFirstHalf = exports.isSelected = exports.isHalf = exports.getRemainder = exports.toRound = void 0;
 /**
  * @hidden
  */
-exports.toRound = function (num, base) {
+var toRound = function (num, base) {
     if (num % 1) {
         var percent = Math.pow(10, (base.toString().split('.')[1] || base.toString().split('.')[0]).length);
         return Math.round(num * percent) / percent;
     }
     return num;
 };
+exports.toRound = toRound;
 // Opting out of JS `modulo` calculation due to floating-point problems in JS
 // We're looking for the reminder - R.
 // x / y = a + R
@@ -19,44 +21,48 @@ exports.toRound = function (num, base) {
 /**
  * @hidden
  */
-exports.getRemainder = function (x, y) { return x - (y * Math.floor(x / y)); };
+var getRemainder = function (x, y) { return x - (y * Math.floor(x / y)); };
+exports.getRemainder = getRemainder;
 /**
  * @hidden
  */
-exports.isHalf = function (index, value, step) {
-    return (exports.toRound(index - step, step) < value) && (value < index);
+var isHalf = function (index, value, step) {
+    return ((0, exports.toRound)(index - step, step) < value) && (value < index);
 };
+exports.isHalf = isHalf;
 /**
  * @hidden
  */
-exports.isSelected = function (index, value, step, selection) {
+var isSelected = function (index, value, step, selection) {
     if (value === null) {
         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;
 };
+exports.isSelected = isSelected;
 /**
  * @hidden
  */
-exports.calcIsFirstHalf = function (dir, rect, clientX) {
+var calcIsFirstHalf = function (dir, rect, clientX) {
     return dir === 'ltr'
         ? clientX < (rect.x + (rect.width / 2))
         : clientX > (rect.x + (rect.width / 2));
 };
+exports.calcIsFirstHalf = calcIsFirstHalf;
 /**
  * @hidden
  */
-exports.isCorrectValue = function (min, max, step, value) {
+var isCorrectValue = function (min, max, step, value) {
     for (var i = min; i <= max; i += step) {
         if (value === i) {
             return true;
@@ -64,3 +70,4 @@ exports.isCorrectValue = function (min, max, step, value) {
     }
     return false;
 };
+exports.isCorrectValue = isCorrectValue;

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;
@@ -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/npm/slider/Slider.js

@@ -3,10 +3,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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = exports.SliderPropsContext = exports.SliderWithoutContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -46,6 +49,8 @@ var SliderWithoutContext = /** @class */ (function (_super) {
             focused: false,
             dir: _this.props.dir
         };
+        _this._sliderTrack = null;
+        _this._element = null;
         /**
          * @hidden
          */
@@ -136,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;
     }
     /**
@@ -164,9 +169,9 @@ var SliderWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     SliderWithoutContext.prototype.render = function () {
-        var _this = this;
         var _a;
-        var lS = kendo_react_intl_1.provideLocalizationService(this);
+        var _this = 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' }
@@ -174,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,
@@ -208,13 +213,13 @@ var SliderWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._sliderTrack;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     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';
     /**
@@ -239,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 %}).
@@ -247,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

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderLabel = exports.SLIDER_LABEL_ATTRIBUTE = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
@@ -20,13 +21,14 @@ exports.SLIDER_LABEL_ATTRIBUTE = 'data-slider-label';
 /**
  * Represents the KendoReact SliderLabel component.
  */
-exports.SliderLabel = function (props) {
+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)));
 };
+exports.SliderLabel = SliderLabel;

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

@@ -137,28 +137,28 @@ export declare class SwitchWithoutContext extends React.Component<SwitchProps, S
     /**
      * Gets the value of the Switch.
      */
-    readonly value: boolean;
-    readonly element: HTMLSpanElement | null;
+    get value(): boolean;
+    get element(): HTMLSpanElement | null;
     /**
      * @hidden
      */
-    readonly actionElement: HTMLSpanElement | null;
+    get actionElement(): HTMLSpanElement | null;
     /**
      * Gets the `name` property of the Switch.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the Switch is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly validityStyles: boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
+    protected get required(): boolean;
     /**
      * @hidden
      */
@@ -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" | "large" | "full">;
-        thumbRounded: PropTypes.Requireable<"small" | "medium" | "large" | "full">;
+        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" | "large" | "full";
-        thumbRounded: "small" | "medium" | "large" | "full";
+        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

@@ -3,10 +3,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 __());
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = exports.SwitchPropsContext = exports.SwitchWithoutContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -64,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
          */
@@ -120,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
@@ -138,14 +144,14 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                     ? this.props.checked
                     : this.state.checked;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "element", {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "actionElement", {
@@ -155,7 +161,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._wrapper;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "name", {
@@ -165,7 +171,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "validity", {
@@ -186,7 +192,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "validityStyles", {
@@ -198,7 +204,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : SwitchWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchWithoutContext.prototype, "required", {
@@ -210,7 +216,7 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : SwitchWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -231,15 +237,15 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
      * @hidden
      */
     SwitchWithoutContext.prototype.render = function () {
-        var _this = this;
         var _a, _b, _c;
+        var _this = this;
         var focused = this.state.focused;
         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,
@@ -253,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';
@@ -319,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 %}).
@@ -327,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

@@ -15,11 +15,14 @@ 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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = exports.TextAreaPropsContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -29,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 %}).
  *
@@ -49,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"]);
@@ -69,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 ?
@@ -87,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) {
@@ -97,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({ 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,5 +1,15 @@
 "use strict";
+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;
 // Polyfill for PropTypes.null
 /**
  * @hidden
@@ -14,7 +24,7 @@ function nullable(subRequirement) {
             return null;
         }
         var sub = required ? subRequirement.isRequired : subRequirement;
-        return sub.apply(void 0, [props, key].concat(rest));
+        return sub.apply(void 0, __spreadArray([props, key], rest, false));
     };
     var fn = check.bind(null, false);
     fn.isRequired = check.bind(null, true);