@progress/kendo-react-form 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-react-form.js +1 -1
- package/dist/es/Field.d.ts +1 -1
- package/dist/es/Field.js +5 -3
- package/dist/es/FieldArray.js +4 -2
- package/dist/es/Form.d.ts +25 -20
- package/dist/es/Form.js +33 -22
- package/dist/es/FormContext.d.ts +3 -1
- package/dist/es/FormElement.js +4 -2
- package/dist/es/interfaces/FieldArrayProps.js +1 -0
- package/dist/es/interfaces/FieldArrayRenderProps.js +1 -0
- package/dist/es/interfaces/FieldProps.js +1 -0
- package/dist/es/interfaces/FieldRenderProps.js +1 -0
- package/dist/es/interfaces/FieldValidator.js +1 -0
- package/dist/es/interfaces/FormProps.js +1 -0
- package/dist/es/interfaces/FormRenderProps.js +1 -0
- package/dist/es/interfaces/FormSubmitClickEvent.js +1 -0
- package/dist/es/interfaces/FormValidator.js +1 -0
- package/dist/es/interfaces/KeyValue.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/Field.d.ts +1 -1
- package/dist/npm/Field.js +8 -4
- package/dist/npm/FieldArray.js +7 -3
- package/dist/npm/FieldWrapper.js +4 -2
- package/dist/npm/Form.d.ts +25 -20
- package/dist/npm/Form.js +42 -30
- package/dist/npm/FormContext.d.ts +3 -1
- package/dist/npm/FormContext.js +1 -0
- package/dist/npm/FormElement.js +6 -3
- package/dist/npm/main.js +6 -5
- package/dist/npm/package-metadata.js +2 -1
- package/dist/systemjs/kendo-react-form.js +1 -1
- package/package.json +13 -13
|
@@ -1 +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:1653030350,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)}}});
|
|
1
|
+
System.register("@progress/kendo-react-form",["@progress/kendo-react-common","prop-types","react"],function(c,e){var d={},f={},p={};return Object.defineProperty(d,"__esModule",{value:!0}),Object.defineProperty(f,"__esModule",{value:!0}),Object.defineProperty(p,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){d[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){f[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){p[e]=t[e]})}],execute:function(){function r(e){var t=n[e];if(void 0!==t)return t.exports;t=n[e]={exports:{}};return o[e].call(t.exports,t,t.exports,r),t.exports}var o,n,e,t,i,a,u,l,s;c((o={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:"",l=(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])),s=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:s,onBlur:c,onFocus:u,value:d,children:n},e)):m.createElement(t,f(f({children:n},e),{onChange:l,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])),l=h.useCallback(function(e){return i.onPush(t,e)},[t,a]),s=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:l,onInsert:s,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=(0,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,r){if(r||2===arguments.length)for(var o,n=0,i=t.length;n<i;n++)!o&&n in t||((o=o||Array.prototype.slice.call(t,0,n))[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))},c=(Object.defineProperty(t,"__esModule",{value:!0}),t.Form=void 0,r(954)),l=r(895),d=r(779),s=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&&(0,s.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),l=this.isFormTouched(t,n),s=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:l,visited:s,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:l.any,onSubmit:l.func,onSubmitClick:l.func,render:l.func.isRequired},m);function m(e){var i=n.call(this,e)||this;return i._id=(0,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=(0,s.clone)(i.props.initialValues),i._id=(0,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={},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,!0),[e],!1),t)),i.accumulatedForceUpdate(),function(){var e,t,r;i._unmounted||(t=u([],i.validatorsByField[o]||[],!0),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(0,s.getter)(e)(i.values)},i.valueSetter=function(e,t){return(0,s.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)||[],!0);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)||[],!0),[t.value],!1);i.valueSetter(e,t),i.forceUpdate()},i.onPop=function(e){i.onArrayAction(e);var t=u([],i.valueGetter(e)||[],!0),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)||[],!0),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)||[],!0);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)||[],!0),o=r[t.prevIndex];r.splice(t.prevIndex,1),r.splice(t.nextIndex,0,o),i.valueSetter(e,r),i.forceUpdate()},(0,f.validatePackage)(p.packageMetadata),i.values=(0,s.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)},l=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},s=(Object.defineProperty(t,"__esModule",{value:!0}),t.FormElement=void 0,r(954)),c=r(811),d=r(779);t.FormElement=s.forwardRef(function(e,t){var r=s.useRef(null),o=s.useRef(null),t=(s.useImperativeHandle(o,function(){return{element:r.current,props:e}}),s.useImperativeHandle(t,function(){return o.current}),s.useContext(d.FormContext)),n=e.className,i=(e.onSubmit,e.style,e.horizontal),a=l(e,["className","onSubmit","style","horizontal"]),i=(0,c.classNames)({"k-form":!0,"k-form-horizontal":!0===i},n);return s.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:1654509395,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=d},895:e=>{e.exports=f},954:e=>{e.exports=p}},n={},e=s={},Object.defineProperty(e,"__esModule",{value:!0}),e.FormElement=e.FieldWrapper=e.Form=e.Field=e.FieldArray=void 0,t=r(303),Object.defineProperty(e,"Field",{enumerable:!0,get:function(){return t.Field}}),i=r(446),Object.defineProperty(e,"Form",{enumerable:!0,get:function(){return i.Form}}),a=r(920),Object.defineProperty(e,"FieldArray",{enumerable:!0,get:function(){return a.FieldArray}}),u=r(113),Object.defineProperty(e,"FieldWrapper",{enumerable:!0,get:function(){return u.FieldWrapper}}),l=r(266),Object.defineProperty(e,"FormElement",{enumerable:!0,get:function(){return l.FormElement}}),s))}}});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-form",
|
|
3
3
|
"description": "KendoReact Form package",
|
|
4
|
-
"version": "5.4.0-dev.
|
|
4
|
+
"version": "5.4.0-dev.202206061009",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-react.git"
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"jsnext:main": "dist/es/main.js",
|
|
13
13
|
"scripts": {
|
|
14
14
|
"test": "cd ../../ && npm run test -- --testPathPattern=/packages/form/.*",
|
|
15
|
-
"e2e": "cd ../../ && npx jest --config jest.e2e.js packages/form",
|
|
15
|
+
"e2e": "cd ../../ && npx jest --maxWorkers=4 --config jest.e2e.js packages/form",
|
|
16
16
|
"start": "gulp start",
|
|
17
17
|
"build-package": "gulp build-package"
|
|
18
18
|
},
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@progress/kendo-react-common": "5.4.0-dev.
|
|
38
|
+
"@progress/kendo-react-common": "5.4.0-dev.202206061009",
|
|
39
39
|
"prop-types": "^15.6.0"
|
|
40
40
|
},
|
|
41
41
|
"@progress": {
|
|
@@ -52,16 +52,16 @@
|
|
|
52
52
|
"@progress/kendo-date-math": "^1.4.1",
|
|
53
53
|
"@progress/kendo-drawing": "^1.8.0",
|
|
54
54
|
"@progress/kendo-licensing": "^1.0.1",
|
|
55
|
-
"@progress/kendo-react-buttons": "5.4.0-dev.
|
|
56
|
-
"@progress/kendo-react-data-tools": "5.4.0-dev.
|
|
57
|
-
"@progress/kendo-react-dateinputs": "5.4.0-dev.
|
|
58
|
-
"@progress/kendo-react-dropdowns": "5.4.0-dev.
|
|
59
|
-
"@progress/kendo-react-grid": "5.4.0-dev.
|
|
60
|
-
"@progress/kendo-react-inputs": "5.4.0-dev.
|
|
61
|
-
"@progress/kendo-react-intl": "5.4.0-dev.
|
|
62
|
-
"@progress/kendo-react-labels": "5.4.0-dev.
|
|
63
|
-
"@progress/kendo-react-layout": "5.4.0-dev.
|
|
64
|
-
"@progress/kendo-react-upload": "5.4.0-dev.
|
|
55
|
+
"@progress/kendo-react-buttons": "5.4.0-dev.202206061009",
|
|
56
|
+
"@progress/kendo-react-data-tools": "5.4.0-dev.202206061009",
|
|
57
|
+
"@progress/kendo-react-dateinputs": "5.4.0-dev.202206061009",
|
|
58
|
+
"@progress/kendo-react-dropdowns": "5.4.0-dev.202206061009",
|
|
59
|
+
"@progress/kendo-react-grid": "5.4.0-dev.202206061009",
|
|
60
|
+
"@progress/kendo-react-inputs": "5.4.0-dev.202206061009",
|
|
61
|
+
"@progress/kendo-react-intl": "5.4.0-dev.202206061009",
|
|
62
|
+
"@progress/kendo-react-labels": "5.4.0-dev.202206061009",
|
|
63
|
+
"@progress/kendo-react-layout": "5.4.0-dev.202206061009",
|
|
64
|
+
"@progress/kendo-react-upload": "5.4.0-dev.202206061009"
|
|
65
65
|
},
|
|
66
66
|
"sideEffects": false
|
|
67
67
|
}
|