@progress/kendo-react-form 5.4.0-dev.202205180853 → 5.4.0-dev.202205271059

package/dist/es/interfaces/FormProps.js

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

package/dist/es/interfaces/FormRenderProps.js

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

package/dist/es/interfaces/FormSubmitClickEvent.js

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

package/dist/es/interfaces/FormValidator.js

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

package/dist/es/interfaces/KeyValue.js

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

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-form',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1652863074,
+    publishDate: 1653648473,
     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/npm/Field.d.ts

@@ -5,6 +5,6 @@ import { FieldProps } from './interfaces/FieldProps';
  * It uses `name` property to access field value and meta information from Form state.
  */
 export declare const Field: {
-    (props: FieldProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+    (props: FieldProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     displayName: string;
 };

package/dist/npm/Field.js

@@ -15,18 +15,21 @@ 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.Field = void 0;
 var React = require("react");
 var FormContext_1 = require("./FormContext");
 /**
  * Represents the Field component that is used inside the KendoReact Form component.
  * It uses `name` property to access field value and meta information from Form state.
  */
-exports.Field = function (props) {
+var Field = function (props) {
     var name = props.name, component = props.component, validator = props.validator, children = props.children, onChange = props.onChange, others = __rest(props, ["name", "component", "validator", "children", "onChange"]);
     var form = React.useContext(FormContext_1.FormContext);
     var formId = form ? form.id : '';
@@ -77,7 +80,7 @@ exports.Field = function (props) {
         // ignore meta, combine input with any other props
         return React.createElement(component, __assign({ onChange: onNativeComponentChange, onBlur: handleOnBlur, onFocus: handleOnFocus, value: value, children: children }, others));
     }
-    return React.createElement(component, __assign({ children: children }, others, { 
+    return React.createElement(component, __assign(__assign({ children: children }, others), { 
         // input
         onChange: handleOnChange, onBlur: handleOnBlur, onFocus: handleOnFocus, value: value, 
         // meta
@@ -89,4 +92,5 @@ exports.Field = function (props) {
         // - You can have a page in one language but an error message displayed in another language (not localizable)
         valid: !(Boolean(form.errors[name]) && form.touched[name]), name: name }));
 };
+exports.Field = Field;
 exports.Field.displayName = 'KendoReactField';

package/dist/npm/FieldArray.js

@@ -15,18 +15,21 @@ 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.FieldArray = void 0;
 var React = require("react");
 var FormContext_1 = require("./FormContext");
 /**
  * Represents the FieldArray component that is used inside the KendoReact Form component.
  * It provides methods via render props for common array manipulations.
  */
-exports.FieldArray = function (props) {
+var FieldArray = function (props) {
     var name = props.name, component = props.component, validator = props.validator, type = props.type, children = props.children, others = __rest(props, ["name", "component", "validator", "type", "children"]);
     var form = React.useContext(FormContext_1.FormContext);
     var formId = form ? form.id : '';
@@ -69,4 +72,5 @@ exports.FieldArray = function (props) {
         // - You can have a page in one language but an error message displayed in another language (not localizable)
         valid: !(Boolean(form.errors[name]) && form.touched[name]), onUnshift: onUnshift, onPush: onPush, onInsert: onInsert, onPop: onPop, onRemove: onRemove, onReplace: onReplace, onMove: onMove, children: children, name: name }, others));
 };
+exports.FieldArray = FieldArray;
 exports.FieldArray.displayName = 'KendoReactFieldArray';

package/dist/npm/FieldWrapper.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldWrapper = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
@@ -7,11 +8,12 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
  * It's designed to wrap the field editor, Label, Hint and Error components.
  * The FieldWrapper supports only single editor inside it.
  */
-exports.FieldWrapper = function (props) {
+var FieldWrapper = function (props) {
     var fieldClassName = kendo_react_common_1.classNames({
         'k-form-field': true,
         'k-rtl': props.dir === 'rtl'
     }, props.className);
     return (React.createElement("div", { className: fieldClassName, style: props.style }, props.children));
 };
+exports.FieldWrapper = FieldWrapper;
 exports.FieldWrapper.displayName = 'KendoReactFieldWrapper';

package/dist/npm/Form.d.ts

@@ -77,50 +77,55 @@ export declare class Form extends React.Component<FormProps, {}> {
     /**
      * @hidden
      */
+    get touched(): KeyValue<boolean>;
     /**
-    * @hidden
-    */
-    touched: KeyValue<boolean>;
+     * @hidden
+     */
+    set touched(value: KeyValue<boolean>);
     /**
      * @hidden
      */
+    get visited(): KeyValue<boolean>;
     /**
-    * @hidden
-    */
-    visited: KeyValue<boolean>;
+     * @hidden
+     */
+    set visited(value: KeyValue<boolean>);
     /**
      * @hidden
      */
+    get modified(): KeyValue<boolean>;
     /**
-    * @hidden
-    */
-    modified: KeyValue<boolean>;
+     * @hidden
+     */
+    set modified(value: KeyValue<boolean>);
     /**
      * @hidden
      */
+    get validatorsByField(): KeyValue<(FieldValidatorType | FieldValidatorType[] | undefined)[]>;
     /**
-    * @hidden
-    */
-    validatorsByField: KeyValue<(FieldValidatorType | FieldValidatorType[] | undefined)[]>;
+     * @hidden
+     */
+    set validatorsByField(value: KeyValue<(FieldValidatorType | FieldValidatorType[] | undefined)[]>);
     /**
      * @hidden
      */
+    get values(): KeyValue<any>;
     /**
-    * @hidden
-    */
-    values: KeyValue<any>;
+     * @hidden
+     */
+    set values(value: KeyValue<any>);
     /**
      * @hidden
      */
-    readonly fields: string[];
+    get fields(): string[];
     /**
      * @hidden
      */
-    readonly formErrors: KeyValue<string> | undefined;
+    get formErrors(): KeyValue<string> | undefined;
     /**
      * @hidden
      */
-    readonly errors: KeyValue<string>;
+    get errors(): KeyValue<string>;
     /**
      * @hidden
      */
@@ -154,7 +159,7 @@ export declare class Form extends React.Component<FormProps, {}> {
     /**
      * @hidden
      */
-    onSubmit: (event: React.SyntheticEvent<any, Event>) => void;
+    onSubmit: (event: React.SyntheticEvent<any>) => void;
     /**
      * Method for emiting changes to a specific field outside the form component.
      *
@@ -174,7 +179,7 @@ export declare class Form extends React.Component<FormProps, {}> {
     /**
      * @hidden
      */
-    onFieldRegister: (name: string, validator: FieldValidatorType | FieldValidatorType[]) => () => void;
+    onFieldRegister: (name: string, validator: FieldValidatorType | FieldValidatorType[] | undefined) => () => void;
     /**
      * @hidden
      */

package/dist/npm/Form.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 __());
@@ -23,7 +25,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var FormContext_1 = require("./FormContext");
@@ -188,7 +196,7 @@ var Form = /** @class */ (function (_super) {
             var value = options.value;
             _this.addField(name);
             if (!_this.modified[name]) {
-                _this.modified = __assign({}, _this.modified, (_a = {}, _a[name] = true, _a));
+                _this.modified = __assign(__assign({}, _this.modified), (_a = {}, _a[name] = true, _a));
             }
             _this.valueSetter(name, value);
             _this.forceUpdate();
@@ -201,7 +209,7 @@ var Form = /** @class */ (function (_super) {
             if (_this.visited[name]) {
                 return;
             }
-            _this.visited = __assign({}, _this.visited, (_a = {}, _a[name] = true, _a));
+            _this.visited = __assign(__assign({}, _this.visited), (_a = {}, _a[name] = true, _a));
             if (!skipForceUpdate) {
                 _this.forceUpdate();
             }
@@ -215,7 +223,7 @@ var Form = /** @class */ (function (_super) {
                 return;
             }
             _this.onFocus(name, skipForceUpdate);
-            _this.touched = __assign({}, _this.touched, (_a = {}, _a[name] = true, _a));
+            _this.touched = __assign(__assign({}, _this.touched), (_a = {}, _a[name] = true, _a));
             if (!skipForceUpdate) {
                 _this.forceUpdate();
             }
@@ -229,7 +237,7 @@ var Form = /** @class */ (function (_super) {
             // The sole reason for using class props over state - nextIndex, needed for destroying validators
             var oldValidators = (_this.validatorsByField[name] || []);
             var nextIndex = oldValidators.length;
-            _this.validatorsByField = __assign({}, _this.validatorsByField, (_a = {}, _a[name] = oldValidators.concat([validator]), _a));
+            _this.validatorsByField = __assign(__assign({}, _this.validatorsByField), (_a = {}, _a[name] = __spreadArray(__spreadArray([], oldValidators), [validator]), _a));
             _this.accumulatedForceUpdate();
             return function () {
                 var _a;
@@ -237,10 +245,10 @@ var Form = /** @class */ (function (_super) {
                 if (_this._unmounted) {
                     return;
                 }
-                var newValidators = (_this.validatorsByField[name] || []).slice();
+                var newValidators = __spreadArray([], (_this.validatorsByField[name] || []));
                 var validatorIsUnregistered = Boolean(newValidators[nextIndex]);
                 newValidators[nextIndex] = undefined;
-                _this.validatorsByField = __assign({}, _this.validatorsByField, (_a = {}, _a[name] = newValidators, _a));
+                _this.validatorsByField = __assign(__assign({}, _this.validatorsByField), (_a = {}, _a[name] = newValidators, _a));
                 if (validatorIsUnregistered) {
                     _this.accumulatedForceUpdate();
                 }
@@ -295,7 +303,7 @@ var Form = /** @class */ (function (_super) {
             var _a;
             _this.addField(name);
             if (!_this.modified[name]) {
-                _this.modified = __assign({}, _this.modified, (_a = {}, _a[name] = true, _a));
+                _this.modified = __assign(__assign({}, _this.modified), (_a = {}, _a[name] = true, _a));
             }
             _this.onBlur(name, true);
         };
@@ -304,7 +312,7 @@ var Form = /** @class */ (function (_super) {
          */
         _this.onInsert = function (name, options) {
             _this.onArrayAction(name);
-            var newArray = (_this.valueGetter(name) || []).slice();
+            var newArray = __spreadArray([], (_this.valueGetter(name) || []));
             newArray.splice(options.index, 0, options.value);
             _this.valueSetter(name, newArray);
             _this.forceUpdate();
@@ -323,7 +331,7 @@ var Form = /** @class */ (function (_super) {
          */
         _this.onPush = function (name, options) {
             _this.onArrayAction(name);
-            var newArray = (_this.valueGetter(name) || []).concat([options.value]);
+            var newArray = __spreadArray(__spreadArray([], (_this.valueGetter(name) || [])), [options.value]);
             _this.valueSetter(name, newArray);
             _this.forceUpdate();
         };
@@ -332,7 +340,7 @@ var Form = /** @class */ (function (_super) {
          */
         _this.onPop = function (name) {
             _this.onArrayAction(name);
-            var newArray = (_this.valueGetter(name) || []).slice();
+            var newArray = __spreadArray([], (_this.valueGetter(name) || []));
             var value = newArray.pop();
             _this.valueSetter(name, newArray);
             _this.forceUpdate();
@@ -343,7 +351,7 @@ var Form = /** @class */ (function (_super) {
          */
         _this.onRemove = function (name, options) {
             _this.onArrayAction(name);
-            var newArray = (_this.valueGetter(name) || []).slice();
+            var newArray = __spreadArray([], (_this.valueGetter(name) || []));
             var value = newArray.splice(options.index, 1);
             _this.valueSetter(name, newArray);
             _this.forceUpdate();
@@ -354,7 +362,7 @@ var Form = /** @class */ (function (_super) {
          */
         _this.onReplace = function (name, options) {
             _this.onArrayAction(name);
-            var newArray = (_this.valueGetter(name) || []).slice();
+            var newArray = __spreadArray([], (_this.valueGetter(name) || []));
             newArray.splice(options.index, 1, options.value);
             _this.valueSetter(name, newArray);
             _this.forceUpdate();
@@ -364,7 +372,7 @@ var Form = /** @class */ (function (_super) {
          */
         _this.onMove = function (name, options) {
             _this.onArrayAction(name);
-            var newArray = (_this.valueGetter(name) || []).slice();
+            var newArray = __spreadArray([], (_this.valueGetter(name) || []));
             var value = newArray[options.prevIndex];
             newArray.splice(options.prevIndex, 1);
             newArray.splice(options.nextIndex, 0, value);
@@ -388,7 +396,7 @@ var Form = /** @class */ (function (_super) {
         set: function (value) {
             this._touched = value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Form.prototype, "visited", {
@@ -404,7 +412,7 @@ var Form = /** @class */ (function (_super) {
         set: function (value) {
             this._visited = value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Form.prototype, "modified", {
@@ -420,7 +428,7 @@ var Form = /** @class */ (function (_super) {
         set: function (value) {
             this._modified = value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Form.prototype, "validatorsByField", {
@@ -436,7 +444,7 @@ var Form = /** @class */ (function (_super) {
         set: function (value) {
             this._validatorsByField = value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Form.prototype, "values", {
@@ -452,7 +460,7 @@ var Form = /** @class */ (function (_super) {
         set: function (value) {
             this._values = value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Form.prototype, "fields", {
@@ -462,7 +470,7 @@ var Form = /** @class */ (function (_super) {
         get: function () {
             return Object.keys(this._fields);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Form.prototype, "formErrors", {
@@ -474,7 +482,7 @@ var Form = /** @class */ (function (_super) {
                 return this.props.validator(this.values, this.valueGetter);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Form.prototype, "errors", {
@@ -517,7 +525,7 @@ var Form = /** @class */ (function (_super) {
             }
             return errors;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**

package/dist/npm/FormContext.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContext = void 0;
 var React = require("react");
 /** @hidden */
 exports.FormContext = React.createContext(null);

package/dist/npm/FormElement.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.FormElement = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var FormContext_1 = require("./FormContext");

package/dist/npm/main.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormElement = exports.FieldWrapper = exports.Form = exports.Field = exports.FieldArray = void 0;
 var Field_1 = require("./Field");
-exports.Field = Field_1.Field;
+Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
 var Form_1 = require("./Form");
-exports.Form = Form_1.Form;
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
 var FieldArray_1 = require("./FieldArray");
-exports.FieldArray = FieldArray_1.FieldArray;
+Object.defineProperty(exports, "FieldArray", { enumerable: true, get: function () { return FieldArray_1.FieldArray; } });
 var FieldWrapper_1 = require("./FieldWrapper");
-exports.FieldWrapper = FieldWrapper_1.FieldWrapper;
+Object.defineProperty(exports, "FieldWrapper", { enumerable: true, get: function () { return FieldWrapper_1.FieldWrapper; } });
 var FormElement_1 = require("./FormElement");
-exports.FormElement = FormElement_1.FormElement;
+Object.defineProperty(exports, "FormElement", { enumerable: true, get: function () { return FormElement_1.FormElement; } });

package/dist/npm/package-metadata.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageMetadata = void 0;
 /**
  * @hidden
  */
@@ -7,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-form',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1652863074,
+    publishDate: 1653648473,
     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/systemjs/kendo-react-form.js

@@ -1 +1 @@
-System.register("@progress/kendo-react-form",["react","prop-types","@progress/kendo-react-common"],function(u){var i,a,s;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){i=t(e)},function(e){a=t(e)},function(e){s=t(e)}],execute:function(){function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}var n,r;n=[function(e,t){e.exports=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});n=n(0);t.FormContext=n.createContext(null)},function(e,t){e.exports=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(4),o=(t.Field=o.Field,n(5)),o=(t.Form=o.Form,n(8)),o=(t.FieldArray=o.FieldArray,n(9)),o=(t.FieldWrapper=o.FieldWrapper,n(10)),i=(t.FormElement=o.FormElement,t);for(r in i)u(r,i[r])},function(e,t,n){"use strict";var f=this&&this.__assign||function(){return(f=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},p=this&&this.__rest||function(e,t){var n={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&(n[o[r]]=e[o[r]]);return n},m=(Object.defineProperty(t,"__esModule",{value:!0}),n(0)),v=n(1);t.Field=function(e){var n=e.name,t=e.component,r=e.validator,o=e.children,i=e.onChange,e=p(e,["name","component","validator","children","onChange"]),u=m.useContext(v.FormContext),a=u?u.id:"",s=(m.useEffect(function(){if(u)return u.registerField(n,r)},[n,a,r]),m.useCallback(function(e){var t=e&&(void 0!==e.value?e.value:e.target&&e.target.value);u.onChange(n,{value:t}),i&&i.call(void 0,e)},[n,a,i])),c=m.useCallback(function(e){return u.onChange(n,{value:e.target.value})},[n,a]),l=m.useCallback(function(){return u.onBlur(n)},[n,a]),a=m.useCallback(function(){return u.onFocus(n)},[n,a]);if(!u)return null;var d=u.valueGetter(n);return"string"==typeof t?m.createElement(t,f({onChange:c,onBlur:l,onFocus:a,value:d,children:o},e)):m.createElement(t,f({children:o},e,{onChange:s,onBlur:l,onFocus:a,value:d,validationMessage:u.errors[n],touched:u.touched[n],modified:u.modified[n],visited:u.visited[n],valid:!(Boolean(u.errors[n])&&u.touched[n]),name:n}))},t.Field.displayName="KendoReactField"},function(e,t,n){"use strict";var r,o,i=this&&this.__extends||(r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),u=this&&this.__assign||function(){return(u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},l=(Object.defineProperty(t,"__esModule",{value:!0}),n(0)),a=n(6),d=n(1),s=n(2),c=n(2),f=n(7),n=(o=l.Component,i(p,o),Object.defineProperty(p.prototype,"touched",{get:function(){return this._touched},set:function(e){this._touched=e},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"visited",{get:function(){return this._visited},set:function(e){this._visited=e},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"modified",{get:function(){return this._modified},set:function(e){this._modified=e},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"validatorsByField",{get:function(){return this._validatorsByField},set:function(e){this._validatorsByField=e},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"values",{get:function(){return this._values},set:function(e){this._values=e},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"fields",{get:function(){return Object.keys(this._fields)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"formErrors",{get:function(){if(this.props.validator)return this.props.validator(this.values,this.valueGetter)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"errors",{get:function(){var r=this,o={},e=this.fields,i=this.validatorsByField;return e.forEach(function(t){var n;o[t]="",i[t]&&(n=[],i[t].forEach(function(e){Array.isArray(e)?n.push.apply(n,e):n.push(e)}),n.find(function(e){if(e){e=e(r.valueGetter(t),r.valueGetter,{name:t});if(e)return o[t]=e,!0}return!1}))}),this.formErrors&&s.cloneObject(this.formErrors,o),o},enumerable:!0,configurable:!0}),p.prototype.componentWillUnmount=function(){this._unmounted=!0,this._accumulatorTimeout&&clearTimeout(this._accumulatorTimeout)},p.prototype.render=function(){var e=this.props.render,t=this.touched,n=this.visited,r=this.modified,o=this.fields,i=this.errors,u=this.isFormValid(i),a=this.isFormModified(r,o),s=this.isFormTouched(t,o),c=this.isFormVisited(n,o),o=this.isFormHasNotTouched(t,o)&&!u||u&&(this.props.ignoreModified||a);return l.createElement(d.FormContext.Provider,{key:this._id,value:{id:this._id,valueGetter:this.valueGetter,errors:i,modified:r,touched:t,visited:n,registerField:this.onFieldRegister,onSubmit:this.onSubmit,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onUnshift:this.onUnshift,onPush:this.onPush,onInsert:this.onInsert,onPop:this.onPop,onRemove:this.onRemove,onReplace:this.onReplace,onMove:this.onMove}},e({valid:u,modified:a,touched:s,visited:c,submitted:this._submitted,valueGetter:this.valueGetter,errors:i,allowSubmit:o,onChange:this.onChange,onSubmit:this.onSubmit,onFormReset:this.resetForm}))},p.displayName="KendoReactForm",p.propTypes={initialValues:a.any,onSubmit:a.func,onSubmitClick:a.func,render:a.func.isRequired},p);function p(e){var i=o.call(this,e)||this;return i._id=s.guid(),i._touched={},i._visited={},i._modified={},i._validatorsByField={},i._values={},i._fields={},i._unmounted=!1,i._submitted=!1,i.isValid=function(){return i.isFormValid(i.errors)},i.accumulatedForceUpdate=function(){i._accumulatorTimeout&&clearTimeout(i._accumulatorTimeout),i._accumulatorTimeout=window.setTimeout(function(){i._accumulatorTimeout=void 0,i.forceUpdate()},0)},i.resetForm=function(){i.values=s.clone(i.props.initialValues),i._id=s.guid(),i._touched={},i._visited={},i._modified={},i._validatorsByField={},i._fields={},i._submitted=!1,i.forceUpdate()},i.onReset=function(){return i.resetForm()},i.addField=function(e){i._fields[e]=!0},i.onSubmit=function(e){var t={},n=i.fields,r=(e&&("function"==typeof e.preventDefault&&e.preventDefault(),"function"==typeof e.stopPropagation&&e.stopPropagation()),n.forEach(function(e){t[e]=!0}),i.visited=u({},t),i.touched=u({},t),i.values),o=i.isFormValid(i.errors),n=i.isFormModified(i.modified,n);i.props.onSubmitClick&&i.props.onSubmitClick.call(void 0,{values:r,isValid:o,isModified:n,event:e}),o&&(i.props.ignoreModified||n)&&i.props.onSubmit&&(i._submitted=!0,i.props.onSubmit.call(void 0,r,e)),i.forceUpdate()},i.onChange=function(e,t){var n,t=t.value;i.addField(e),i.modified[e]||(i.modified=u({},i.modified,((n={})[e]=!0,n))),i.valueSetter(e,t),i.forceUpdate()},i.onFocus=function(e,t){var n;i.visited[e]||(i.visited=u({},i.visited,((n={})[e]=!0,n)),t||i.forceUpdate())},i.onBlur=function(e,t){var n;i.touched[e]||(i.onFocus(e,t),i.touched=u({},i.touched,((n={})[e]=!0,n)),t||i.forceUpdate())},i.onFieldRegister=function(r,e){i.addField(r);var t,n=i.validatorsByField[r]||[],o=n.length;return i.validatorsByField=u({},i.validatorsByField,((t={})[r]=n.concat([e]),t)),i.accumulatedForceUpdate(),function(){var e,t,n;i._unmounted||(t=(i.validatorsByField[r]||[]).slice(),n=Boolean(t[o]),t[o]=void 0,i.validatorsByField=u({},i.validatorsByField,((e={})[r]=t,e)),n&&i.accumulatedForceUpdate())}},i.isFormValid=function(t){return!Object.keys(t).some(function(e){return Boolean(t[e])})},i.isFormModified=function(t,e){return e.some(function(e){return t[e]})},i.isFormHasNotTouched=function(t,e){return e.some(function(e){return!t[e]})},i.isFormTouched=function(t,e){return e.some(function(e){return t[e]})},i.isFormVisited=function(t,e){return e.some(function(e){return t[e]})},i.valueGetter=function(e){return s.getter(e)(i.values)},i.valueSetter=function(e,t){return s.setter(e)(i.values,t)},i.onArrayAction=function(e){var t;i.addField(e),i.modified[e]||(i.modified=u({},i.modified,((t={})[e]=!0,t))),i.onBlur(e,!0)},i.onInsert=function(e,t){i.onArrayAction(e);var n=(i.valueGetter(e)||[]).slice();n.splice(t.index,0,t.value),i.valueSetter(e,n),i.forceUpdate()},i.onUnshift=function(e,t){i.onInsert(e,{value:t.value,index:0})},i.onPush=function(e,t){i.onArrayAction(e);t=(i.valueGetter(e)||[]).concat([t.value]);i.valueSetter(e,t),i.forceUpdate()},i.onPop=function(e){i.onArrayAction(e);var t=(i.valueGetter(e)||[]).slice(),n=t.pop();return i.valueSetter(e,t),i.forceUpdate(),n},i.onRemove=function(e,t){i.onArrayAction(e);var n=(i.valueGetter(e)||[]).slice(),t=n.splice(t.index,1);return i.valueSetter(e,n),i.forceUpdate(),t},i.onReplace=function(e,t){i.onArrayAction(e);var n=(i.valueGetter(e)||[]).slice();n.splice(t.index,1,t.value),i.valueSetter(e,n),i.forceUpdate()},i.onMove=function(e,t){i.onArrayAction(e);var n=(i.valueGetter(e)||[]).slice(),r=n[t.prevIndex];n.splice(t.prevIndex,1),n.splice(t.nextIndex,0,r),i.valueSetter(e,n),i.forceUpdate()},c.validatePackage(f.packageMetadata),i.values=s.clone(e.initialValues),i}t.Form=n},function(e,t){e.exports=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-form",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1652863074,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"}},function(e,t,n){"use strict";var m=this&&this.__assign||function(){return(m=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},v=this&&this.__rest||function(e,t){var n={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&(n[o[r]]=e[o[r]]);return n},h=(Object.defineProperty(t,"__esModule",{value:!0}),n(0)),y=n(1);t.FieldArray=function(e){var t=e.name,n=e.component,r=e.validator,o=(e.type,e.children),e=v(e,["name","component","validator","type","children"]),i=h.useContext(y.FormContext),u=i?i.id:"",a=(h.useEffect(function(){if(i)return i.registerField(t,r)},[t,u,r]),h.useCallback(function(e){return i.onUnshift(t,e)},[t,u])),s=h.useCallback(function(e){return i.onPush(t,e)},[t,u]),c=h.useCallback(function(e){return i.onInsert(t,e)},[t,u]),l=h.useCallback(function(){return i.onPop(t)},[t,u]),d=h.useCallback(function(e){return i.onRemove(t,e)},[t,u]),f=h.useCallback(function(e){return i.onReplace(t,e)},[t,u]),u=h.useCallback(function(e){return i.onMove(t,e)},[t,u]);if(!i)return null;var p=i.valueGetter(t);return h.createElement(n,m({value:p,validationMessage:i.errors[t],touched:i.touched[t],modified:i.modified[t],visited:i.visited[t],valid:!(Boolean(i.errors[t])&&i.touched[t]),onUnshift:a,onPush:s,onInsert:c,onPop:l,onRemove:d,onReplace:f,onMove:u,children:o,name:t},e))},t.FieldArray.displayName="KendoReactFieldArray"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(2);t.FieldWrapper=function(e){var t=o.classNames({"k-form-field":!0,"k-rtl":"rtl"===e.dir},e.className);return r.createElement("div",{className:t,style:e.style},e.children)},t.FieldWrapper.displayName="KendoReactFieldWrapper"},function(e,t,n){"use strict";var a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},s=this&&this.__rest||function(e,t){var n={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&(n[o[r]]=e[o[r]]);return n},c=(Object.defineProperty(t,"__esModule",{value:!0}),n(0)),l=n(2),d=n(1);t.FormElement=c.forwardRef(function(e,t){var n=c.useRef(null),r=c.useRef(null),t=(c.useImperativeHandle(r,function(){return{element:n.current,props:e}}),c.useImperativeHandle(t,function(){return r.current}),c.useContext(d.FormContext)),o=e.className,i=(e.onSubmit,e.style,e.horizontal),u=s(e,["className","onSubmit","style","horizontal"]),i=l.classNames({"k-form":!0,"k-form-horizontal":!0===i},o);return c.createElement("form",a({ref:n},u,{style:e.style,className:i,onSubmit:t?t.onSubmit:void 0}),e.children)}),t.FormElement.displayName="KendoReactFormElement"}],r={},o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=3)}}});
+System.register("@progress/kendo-react-form",["@progress/kendo-react-common","prop-types","react"],function(e,t){var c={},d={},f={};return Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(d,"__esModule",{value:!0}),Object.defineProperty(f,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){d[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){f[e]=t[e]})}],execute:function(){e((()=>{"use strict";var r={303:function(e,t,r){var f=this&&this.__assign||function(){return(f=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},p=this&&this.__rest||function(e,t){var r={};for(n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r},m=(Object.defineProperty(t,"__esModule",{value:!0}),t.Field=void 0,r(954)),v=r(779);t.Field=function(e){var r=e.name,t=e.component,o=e.validator,n=e.children,i=e.onChange,e=p(e,["name","component","validator","children","onChange"]),a=m.useContext(v.FormContext),u=a?a.id:"",s=(m.useEffect(function(){if(a)return a.registerField(r,o)},[r,u,o]),m.useCallback(function(e){var t=e&&(void 0!==e.value?e.value:e.target&&e.target.value);a.onChange(r,{value:t}),i&&i.call(void 0,e)},[r,u,i])),l=m.useCallback(function(e){return a.onChange(r,{value:e.target.value})},[r,u]),c=m.useCallback(function(){return a.onBlur(r)},[r,u]),u=m.useCallback(function(){return a.onFocus(r)},[r,u]);if(!a)return null;var d=a.valueGetter(r);return"string"==typeof t?m.createElement(t,f({onChange:l,onBlur:c,onFocus:u,value:d,children:n},e)):m.createElement(t,f(f({children:n},e),{onChange:s,onBlur:c,onFocus:u,value:d,validationMessage:a.errors[r],touched:a.touched[r],modified:a.modified[r],visited:a.visited[r],valid:!(Boolean(a.errors[r])&&a.touched[r]),name:r}))},t.Field.displayName="KendoReactField"},920:function(e,t,r){var m=this&&this.__assign||function(){return(m=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},v=this&&this.__rest||function(e,t){var r={};for(n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r},h=(Object.defineProperty(t,"__esModule",{value:!0}),t.FieldArray=void 0,r(954)),y=r(779);t.FieldArray=function(e){var t=e.name,r=e.component,o=e.validator,n=(e.type,e.children),e=v(e,["name","component","validator","type","children"]),i=h.useContext(y.FormContext),a=i?i.id:"",u=(h.useEffect(function(){if(i)return i.registerField(t,o)},[t,a,o]),h.useCallback(function(e){return i.onUnshift(t,e)},[t,a])),s=h.useCallback(function(e){return i.onPush(t,e)},[t,a]),l=h.useCallback(function(e){return i.onInsert(t,e)},[t,a]),c=h.useCallback(function(){return i.onPop(t)},[t,a]),d=h.useCallback(function(e){return i.onRemove(t,e)},[t,a]),f=h.useCallback(function(e){return i.onReplace(t,e)},[t,a]),a=h.useCallback(function(e){return i.onMove(t,e)},[t,a]);if(!i)return null;var p=i.valueGetter(t);return h.createElement(r,m({value:p,validationMessage:i.errors[t],touched:i.touched[t],modified:i.modified[t],visited:i.visited[t],valid:!(Boolean(i.errors[t])&&i.touched[t]),onUnshift:u,onPush:s,onInsert:l,onPop:c,onRemove:d,onReplace:f,onMove:a,children:n,name:t},e))},t.FieldArray.displayName="KendoReactFieldArray"},113:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FieldWrapper=void 0;var o=r(954),n=r(811);t.FieldWrapper=function(e){var t=n.classNames({"k-form-field":!0,"k-rtl":"rtl"===e.dir},e.className);return o.createElement("div",{className:t,style:e.style},e.children)},t.FieldWrapper.displayName="KendoReactFieldWrapper"},446:function(e,t,r){var o,n,i=this&&this.__extends||(o=function(e,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},u=this&&this.__spreadArray||function(e,t){for(var r=0,o=t.length,n=e.length;r<o;r++,n++)e[n]=t[r];return e},c=(Object.defineProperty(t,"__esModule",{value:!0}),t.Form=void 0,r(954)),s=r(895),d=r(779),l=r(811),f=r(811),p=r(363),r=(n=c.Component,i(m,n),Object.defineProperty(m.prototype,"touched",{get:function(){return this._touched},set:function(e){this._touched=e},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"visited",{get:function(){return this._visited},set:function(e){this._visited=e},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"modified",{get:function(){return this._modified},set:function(e){this._modified=e},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"validatorsByField",{get:function(){return this._validatorsByField},set:function(e){this._validatorsByField=e},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"values",{get:function(){return this._values},set:function(e){this._values=e},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"fields",{get:function(){return Object.keys(this._fields)},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"formErrors",{get:function(){if(this.props.validator)return this.props.validator(this.values,this.valueGetter)},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"errors",{get:function(){var o=this,n={},e=this.fields,i=this.validatorsByField;return e.forEach(function(t){var r;n[t]="",i[t]&&(r=[],i[t].forEach(function(e){Array.isArray(e)?r.push.apply(r,e):r.push(e)}),r.find(function(e){if(e){e=e(o.valueGetter(t),o.valueGetter,{name:t});if(e)return n[t]=e,!0}return!1}))}),this.formErrors&&l.cloneObject(this.formErrors,n),n},enumerable:!1,configurable:!0}),m.prototype.componentWillUnmount=function(){this._unmounted=!0,this._accumulatorTimeout&&clearTimeout(this._accumulatorTimeout)},m.prototype.render=function(){var e=this.props.render,t=this.touched,r=this.visited,o=this.modified,n=this.fields,i=this.errors,a=this.isFormValid(i),u=this.isFormModified(o,n),s=this.isFormTouched(t,n),l=this.isFormVisited(r,n),n=this.isFormHasNotTouched(t,n)&&!a||a&&(this.props.ignoreModified||u);return c.createElement(d.FormContext.Provider,{key:this._id,value:{id:this._id,valueGetter:this.valueGetter,errors:i,modified:o,touched:t,visited:r,registerField:this.onFieldRegister,onSubmit:this.onSubmit,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onUnshift:this.onUnshift,onPush:this.onPush,onInsert:this.onInsert,onPop:this.onPop,onRemove:this.onRemove,onReplace:this.onReplace,onMove:this.onMove}},e({valid:a,modified:u,touched:s,visited:l,submitted:this._submitted,valueGetter:this.valueGetter,errors:i,allowSubmit:n,onChange:this.onChange,onSubmit:this.onSubmit,onFormReset:this.resetForm}))},m.displayName="KendoReactForm",m.propTypes={initialValues:s.any,onSubmit:s.func,onSubmitClick:s.func,render:s.func.isRequired},m);function m(e){var i=n.call(this,e)||this;return i._id=l.guid(),i._touched={},i._visited={},i._modified={},i._validatorsByField={},i._values={},i._fields={},i._unmounted=!1,i._submitted=!1,i.isValid=function(){return i.isFormValid(i.errors)},i.accumulatedForceUpdate=function(){i._accumulatorTimeout&&clearTimeout(i._accumulatorTimeout),i._accumulatorTimeout=window.setTimeout(function(){i._accumulatorTimeout=void 0,i.forceUpdate()},0)},i.resetForm=function(){i.values=l.clone(i.props.initialValues),i._id=l.guid(),i._touched={},i._visited={},i._modified={},i._validatorsByField={},i._fields={},i._submitted=!1,i.forceUpdate()},i.onReset=function(){return i.resetForm()},i.addField=function(e){i._fields[e]=!0},i.onSubmit=function(e){var t={},r=i.fields,o=(e&&("function"==typeof e.preventDefault&&e.preventDefault(),"function"==typeof e.stopPropagation&&e.stopPropagation()),r.forEach(function(e){t[e]=!0}),i.visited=a({},t),i.touched=a({},t),i.values),n=i.isFormValid(i.errors),r=i.isFormModified(i.modified,r);i.props.onSubmitClick&&i.props.onSubmitClick.call(void 0,{values:o,isValid:n,isModified:r,event:e}),n&&(i.props.ignoreModified||r)&&i.props.onSubmit&&(i._submitted=!0,i.props.onSubmit.call(void 0,o,e)),i.forceUpdate()},i.onChange=function(e,t){var r,t=t.value;i.addField(e),i.modified[e]||(i.modified=a(a({},i.modified),((r={})[e]=!0,r))),i.valueSetter(e,t),i.forceUpdate()},i.onFocus=function(e,t){var r;i.visited[e]||(i.visited=a(a({},i.visited),((r={})[e]=!0,r)),t||i.forceUpdate())},i.onBlur=function(e,t){var r;i.touched[e]||(i.onFocus(e,t),i.touched=a(a({},i.touched),((r={})[e]=!0,r)),t||i.forceUpdate())},i.onFieldRegister=function(o,e){i.addField(o);var t,r=i.validatorsByField[o]||[],n=r.length;return i.validatorsByField=a(a({},i.validatorsByField),((t={})[o]=u(u([],r),[e]),t)),i.accumulatedForceUpdate(),function(){var e,t,r;i._unmounted||(t=u([],i.validatorsByField[o]||[]),r=Boolean(t[n]),t[n]=void 0,i.validatorsByField=a(a({},i.validatorsByField),((e={})[o]=t,e)),r&&i.accumulatedForceUpdate())}},i.isFormValid=function(t){return!Object.keys(t).some(function(e){return Boolean(t[e])})},i.isFormModified=function(t,e){return e.some(function(e){return t[e]})},i.isFormHasNotTouched=function(t,e){return e.some(function(e){return!t[e]})},i.isFormTouched=function(t,e){return e.some(function(e){return t[e]})},i.isFormVisited=function(t,e){return e.some(function(e){return t[e]})},i.valueGetter=function(e){return l.getter(e)(i.values)},i.valueSetter=function(e,t){return l.setter(e)(i.values,t)},i.onArrayAction=function(e){var t;i.addField(e),i.modified[e]||(i.modified=a(a({},i.modified),((t={})[e]=!0,t))),i.onBlur(e,!0)},i.onInsert=function(e,t){i.onArrayAction(e);var r=u([],i.valueGetter(e)||[]);r.splice(t.index,0,t.value),i.valueSetter(e,r),i.forceUpdate()},i.onUnshift=function(e,t){i.onInsert(e,{value:t.value,index:0})},i.onPush=function(e,t){i.onArrayAction(e);t=u(u([],i.valueGetter(e)||[]),[t.value]);i.valueSetter(e,t),i.forceUpdate()},i.onPop=function(e){i.onArrayAction(e);var t=u([],i.valueGetter(e)||[]),r=t.pop();return i.valueSetter(e,t),i.forceUpdate(),r},i.onRemove=function(e,t){i.onArrayAction(e);var r=u([],i.valueGetter(e)||[]),t=r.splice(t.index,1);return i.valueSetter(e,r),i.forceUpdate(),t},i.onReplace=function(e,t){i.onArrayAction(e);var r=u([],i.valueGetter(e)||[]);r.splice(t.index,1,t.value),i.valueSetter(e,r),i.forceUpdate()},i.onMove=function(e,t){i.onArrayAction(e);var r=u([],i.valueGetter(e)||[]),o=r[t.prevIndex];r.splice(t.prevIndex,1),r.splice(t.nextIndex,0,o),i.valueSetter(e,r),i.forceUpdate()},f.validatePackage(p.packageMetadata),i.values=l.clone(e.initialValues),i}t.Form=r},779:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FormContext=void 0;r=r(954);t.FormContext=r.createContext(null)},266:function(e,t,r){var u=this&&this.__assign||function(){return(u=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},s=this&&this.__rest||function(e,t){var r={};for(n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r},l=(Object.defineProperty(t,"__esModule",{value:!0}),t.FormElement=void 0,r(954)),c=r(811),d=r(779);t.FormElement=l.forwardRef(function(e,t){var r=l.useRef(null),o=l.useRef(null),t=(l.useImperativeHandle(o,function(){return{element:r.current,props:e}}),l.useImperativeHandle(t,function(){return o.current}),l.useContext(d.FormContext)),n=e.className,i=(e.onSubmit,e.style,e.horizontal),a=s(e,["className","onSubmit","style","horizontal"]),i=c.classNames({"k-form":!0,"k-form-horizontal":!0===i},n);return l.createElement("form",u({ref:r},a,{style:e.style,className:i,onSubmit:t?t.onSubmit:void 0}),e.children)}),t.FormElement.displayName="KendoReactFormElement"},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-form",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1653648473,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"}},811:e=>{e.exports=c},895:e=>{e.exports=d},954:e=>{e.exports=f}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;t=o[e]={exports:{}};return r[e].call(t.exports,t,t.exports,n),t.exports}var e,t,i,a,u,s,l={};return e=l,Object.defineProperty(e,"__esModule",{value:!0}),e.FormElement=e.FieldWrapper=e.Form=e.Field=e.FieldArray=void 0,t=n(303),Object.defineProperty(e,"Field",{enumerable:!0,get:function(){return t.Field}}),i=n(446),Object.defineProperty(e,"Form",{enumerable:!0,get:function(){return i.Form}}),a=n(920),Object.defineProperty(e,"FieldArray",{enumerable:!0,get:function(){return a.FieldArray}}),u=n(113),Object.defineProperty(e,"FieldWrapper",{enumerable:!0,get:function(){return u.FieldWrapper}}),s=n(266),Object.defineProperty(e,"FormElement",{enumerable:!0,get:function(){return s.FormElement}}),l})())}}});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-react-form",
   "description": "KendoReact Form package",
-  "version": "5.4.0-dev.202205180853",
+  "version": "5.4.0-dev.202205271059",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-react.git"
@@ -35,7 +35,7 @@
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@progress/kendo-react-common": "5.4.0-dev.202205180853",
+    "@progress/kendo-react-common": "5.4.0-dev.202205271059",
     "prop-types": "^15.6.0"
   },
   "@progress": {
@@ -52,16 +52,16 @@
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-react-buttons": "5.4.0-dev.202205180853",
-    "@progress/kendo-react-data-tools": "5.4.0-dev.202205180853",
-    "@progress/kendo-react-dateinputs": "5.4.0-dev.202205180853",
-    "@progress/kendo-react-dropdowns": "5.4.0-dev.202205180853",
-    "@progress/kendo-react-grid": "5.4.0-dev.202205180853",
-    "@progress/kendo-react-inputs": "5.4.0-dev.202205180853",
-    "@progress/kendo-react-intl": "5.4.0-dev.202205180853",
-    "@progress/kendo-react-labels": "5.4.0-dev.202205180853",
-    "@progress/kendo-react-layout": "5.4.0-dev.202205180853",
-    "@progress/kendo-react-upload": "5.4.0-dev.202205180853"
+    "@progress/kendo-react-buttons": "5.4.0-dev.202205271059",
+    "@progress/kendo-react-data-tools": "5.4.0-dev.202205271059",
+    "@progress/kendo-react-dateinputs": "5.4.0-dev.202205271059",
+    "@progress/kendo-react-dropdowns": "5.4.0-dev.202205271059",
+    "@progress/kendo-react-grid": "5.4.0-dev.202205271059",
+    "@progress/kendo-react-inputs": "5.4.0-dev.202205271059",
+    "@progress/kendo-react-intl": "5.4.0-dev.202205271059",
+    "@progress/kendo-react-labels": "5.4.0-dev.202205271059",
+    "@progress/kendo-react-layout": "5.4.0-dev.202205271059",
+    "@progress/kendo-react-upload": "5.4.0-dev.202205271059"
   },
   "sideEffects": false
 }