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

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);