@progress/kendo-react-form 6.1.1 → 7.0.0-develop.2

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.
Files changed (85) hide show
  1. package/{dist/es/Field.d.ts → Field.d.ts} +4 -0
  2. package/FieldArray.d.ts +11 -0
  3. package/{dist/es/FieldWrapper.d.ts → FieldWrapper.d.ts} +4 -0
  4. package/{dist/es/Form.d.ts → Form.d.ts} +5 -1
  5. package/{dist/es/FormContext.d.ts → FormContext.d.ts} +5 -1
  6. package/{dist/es/FormElement.d.ts → FormElement.d.ts} +4 -0
  7. package/LICENSE.md +1 -1
  8. package/dist/cdn/js/kendo-react-form.js +5 -1
  9. package/index.d.ts +20 -0
  10. package/index.js +5 -0
  11. package/index.mjs +409 -0
  12. package/{dist/npm/interfaces → interfaces}/FieldArrayProps.d.ts +4 -1
  13. package/{dist/npm/interfaces → interfaces}/FieldArrayRenderProps.d.ts +4 -0
  14. package/{dist/npm/interfaces → interfaces}/FieldProps.d.ts +4 -1
  15. package/{dist/es/interfaces → interfaces}/FieldRenderProps.d.ts +4 -0
  16. package/{dist/es/interfaces → interfaces}/FieldValidator.d.ts +5 -1
  17. package/{dist/es/interfaces → interfaces}/FormProps.d.ts +4 -1
  18. package/{dist/npm/interfaces → interfaces}/FormRenderProps.d.ts +4 -1
  19. package/{dist/npm/interfaces → interfaces}/FormSubmitClickEvent.d.ts +4 -1
  20. package/interfaces/FormValidator.d.ts +14 -0
  21. package/interfaces/KeyValue.d.ts +10 -0
  22. package/package-metadata.d.ts +9 -0
  23. package/package.json +26 -42
  24. package/about.md +0 -3
  25. package/dist/es/Field.js +0 -92
  26. package/dist/es/FieldArray.d.ts +0 -7
  27. package/dist/es/FieldArray.js +0 -72
  28. package/dist/es/FieldWrapper.js +0 -15
  29. package/dist/es/Form.js +0 -607
  30. package/dist/es/FormContext.js +0 -3
  31. package/dist/es/FormElement.js +0 -49
  32. package/dist/es/interfaces/FieldArrayProps.d.ts +0 -29
  33. package/dist/es/interfaces/FieldArrayProps.js +0 -1
  34. package/dist/es/interfaces/FieldArrayRenderProps.d.ts +0 -89
  35. package/dist/es/interfaces/FieldArrayRenderProps.js +0 -1
  36. package/dist/es/interfaces/FieldProps.d.ts +0 -40
  37. package/dist/es/interfaces/FieldProps.js +0 -1
  38. package/dist/es/interfaces/FieldRenderProps.js +0 -1
  39. package/dist/es/interfaces/FieldValidator.js +0 -1
  40. package/dist/es/interfaces/FormProps.js +0 -1
  41. package/dist/es/interfaces/FormRenderProps.d.ts +0 -75
  42. package/dist/es/interfaces/FormRenderProps.js +0 -1
  43. package/dist/es/interfaces/FormSubmitClickEvent.d.ts +0 -24
  44. package/dist/es/interfaces/FormSubmitClickEvent.js +0 -1
  45. package/dist/es/interfaces/FormValidator.d.ts +0 -10
  46. package/dist/es/interfaces/FormValidator.js +0 -1
  47. package/dist/es/interfaces/KeyValue.d.ts +0 -6
  48. package/dist/es/interfaces/KeyValue.js +0 -1
  49. package/dist/es/main.d.ts +0 -16
  50. package/dist/es/main.js +0 -6
  51. package/dist/es/package-metadata.d.ts +0 -5
  52. package/dist/es/package-metadata.js +0 -11
  53. package/dist/npm/Field.d.ts +0 -10
  54. package/dist/npm/Field.js +0 -96
  55. package/dist/npm/FieldArray.d.ts +0 -7
  56. package/dist/npm/FieldArray.js +0 -76
  57. package/dist/npm/FieldWrapper.d.ts +0 -28
  58. package/dist/npm/FieldWrapper.js +0 -19
  59. package/dist/npm/Form.d.ts +0 -262
  60. package/dist/npm/Form.js +0 -610
  61. package/dist/npm/FormContext.d.ts +0 -50
  62. package/dist/npm/FormContext.js +0 -6
  63. package/dist/npm/FormElement.d.ts +0 -52
  64. package/dist/npm/FormElement.js +0 -52
  65. package/dist/npm/interfaces/FieldArrayProps.js +0 -2
  66. package/dist/npm/interfaces/FieldArrayRenderProps.js +0 -2
  67. package/dist/npm/interfaces/FieldProps.js +0 -2
  68. package/dist/npm/interfaces/FieldRenderProps.d.ts +0 -65
  69. package/dist/npm/interfaces/FieldRenderProps.js +0 -2
  70. package/dist/npm/interfaces/FieldValidator.d.ts +0 -14
  71. package/dist/npm/interfaces/FieldValidator.js +0 -2
  72. package/dist/npm/interfaces/FormProps.d.ts +0 -47
  73. package/dist/npm/interfaces/FormProps.js +0 -2
  74. package/dist/npm/interfaces/FormRenderProps.js +0 -2
  75. package/dist/npm/interfaces/FormSubmitClickEvent.js +0 -2
  76. package/dist/npm/interfaces/FormValidator.d.ts +0 -10
  77. package/dist/npm/interfaces/FormValidator.js +0 -2
  78. package/dist/npm/interfaces/KeyValue.d.ts +0 -6
  79. package/dist/npm/interfaces/KeyValue.js +0 -2
  80. package/dist/npm/main.d.ts +0 -16
  81. package/dist/npm/main.js +0 -13
  82. package/dist/npm/package-metadata.d.ts +0 -5
  83. package/dist/npm/package-metadata.js +0 -14
  84. package/dist/systemjs/kendo-react-form.js +0 -1
  85. package/e2e-next/form.basic.tests.ts +0 -23
@@ -1,262 +0,0 @@
1
- import * as React from 'react';
2
- import * as PropTypes from 'prop-types';
3
- import { FieldValidatorType } from './interfaces/FieldValidator';
4
- import { FormProps } from './interfaces/FormProps';
5
- import { KeyValue } from './interfaces/KeyValue';
6
- /**
7
- * Represents the [KendoReact Form component]({% slug overview_form %}).
8
- *
9
- * @example
10
- * ```jsx
11
- * export const FormInput = (fieldRenderProps) => {
12
- * const onValueChange = React.useCallback(
13
- * (event) => fieldRenderProps.onChange(event.target.value),
14
- * [fieldRenderProps.onChange]
15
- * );
16
- * return (
17
- * <input
18
- * className={'k-input'}
19
- * value={fieldRenderProps.value}
20
- * onChange={onValueChange}
21
- * />
22
- * );
23
- * };
24
- *
25
- * export const App = () => {
26
- * const handleSubmit = (dataItem) => alert(JSON.stringify(dataItem));
27
- * return (
28
- * <Form
29
- * initialValues={{title: ''}}
30
- * onSubmit={handleSubmit}
31
- * render={(formRenderProps) => (
32
- * <div>
33
- * <Field name={'title'} component={FormInput} />
34
- * <button
35
- * className="k-button"
36
- * disabled={!formRenderProps.allowSubmit}
37
- * onClick={formRenderProps.onSubmit}
38
- * >
39
- * Submit
40
- * </button>
41
- * </div>
42
- * )}
43
- * />
44
- * );
45
- * };
46
- *
47
- * ReactDOM.render(<App />, document.querySelector('my-app'));
48
- * ```
49
- */
50
- export declare class Form extends React.Component<FormProps, {}> {
51
- /**
52
- * @hidden
53
- */
54
- static displayName: string;
55
- /**
56
- * @hidden
57
- */
58
- static propTypes: {
59
- initialValues: PropTypes.Requireable<any>;
60
- onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
61
- onSubmitClick: PropTypes.Requireable<(...args: any[]) => any>;
62
- render: PropTypes.Validator<(...args: any[]) => any>;
63
- };
64
- private _id;
65
- private _touched;
66
- private _visited;
67
- private _modified;
68
- private _validatorsByField;
69
- private _values;
70
- private _fields;
71
- private _unmounted;
72
- private _submitted;
73
- /**
74
- * @hidden
75
- */
76
- private _accumulatorTimeout;
77
- /**
78
- * @hidden
79
- */
80
- get touched(): KeyValue<boolean>;
81
- /**
82
- * @hidden
83
- */
84
- set touched(value: KeyValue<boolean>);
85
- /**
86
- * @hidden
87
- */
88
- get visited(): KeyValue<boolean>;
89
- /**
90
- * @hidden
91
- */
92
- set visited(value: KeyValue<boolean>);
93
- /**
94
- * @hidden
95
- */
96
- get modified(): KeyValue<boolean>;
97
- /**
98
- * @hidden
99
- */
100
- set modified(value: KeyValue<boolean>);
101
- /**
102
- * @hidden
103
- */
104
- get validatorsByField(): KeyValue<(FieldValidatorType | FieldValidatorType[] | undefined)[]>;
105
- /**
106
- * @hidden
107
- */
108
- set validatorsByField(value: KeyValue<(FieldValidatorType | FieldValidatorType[] | undefined)[]>);
109
- /**
110
- * @hidden
111
- */
112
- get values(): KeyValue<any>;
113
- /**
114
- * @hidden
115
- */
116
- set values(value: KeyValue<any>);
117
- /**
118
- * @hidden
119
- */
120
- get fields(): string[];
121
- /**
122
- * @hidden
123
- */
124
- get formErrors(): KeyValue<string> | undefined;
125
- /**
126
- * @hidden
127
- */
128
- get errors(): KeyValue<string>;
129
- /**
130
- * @hidden
131
- */
132
- constructor(props: FormProps);
133
- /**
134
- * @hidden
135
- */
136
- componentWillUnmount(): void;
137
- /**
138
- * @hidden
139
- */
140
- isValid: () => boolean;
141
- /**
142
- * @hidden
143
- */
144
- accumulatedForceUpdate: () => void;
145
- /**
146
- * @hidden
147
- */
148
- resetForm: () => void;
149
- /**
150
- * Method for resetting the form state outside the form component.
151
- *
152
- * > Use `onReset` only if you cannot achieve the desired behavior through the Field component or by FormRenderProps.
153
- */
154
- onReset: () => void;
155
- /**
156
- * @hidden
157
- */
158
- addField: (field: string) => void;
159
- /**
160
- * @hidden
161
- */
162
- onSubmit: (event: React.SyntheticEvent<any>) => void;
163
- /**
164
- * Method for emiting changes to a specific field outside the form component.
165
- *
166
- * > Use `onChange` only if you cannot achieve the desired behavior through the Field component by FormRenderProps.
167
- */
168
- onChange: (name: string, options: {
169
- value: any;
170
- }) => void;
171
- /**
172
- * @hidden
173
- */
174
- onFocus: (name: string, skipForceUpdate?: boolean) => void;
175
- /**
176
- * @hidden
177
- */
178
- onBlur: (name: string, skipForceUpdate?: boolean) => void;
179
- /**
180
- * @hidden
181
- */
182
- onFieldRegister: (name: string, validator: FieldValidatorType | FieldValidatorType[] | undefined) => () => void;
183
- /**
184
- * @hidden
185
- */
186
- isFormValid: (errors: KeyValue<any>) => boolean;
187
- /**
188
- * @hidden
189
- */
190
- isFormModified: (modified: KeyValue<boolean>, fields: string[]) => boolean;
191
- /**
192
- * @hidden
193
- */
194
- isFormHasNotTouched: (touched: KeyValue<boolean>, fields: string[]) => boolean;
195
- /**
196
- * @hidden
197
- */
198
- isFormTouched: (touched: KeyValue<boolean>, fields: string[]) => boolean;
199
- /**
200
- * @hidden
201
- */
202
- isFormVisited: (visited: KeyValue<boolean>, fields: string[]) => boolean;
203
- /**
204
- * @hidden
205
- */
206
- valueGetter: (fieldName: string) => any;
207
- /**
208
- * @hidden
209
- */
210
- valueSetter: (fieldName: string, value: any) => any;
211
- /**
212
- * @hidden
213
- */
214
- onArrayAction: (name: string) => void;
215
- /**
216
- * @hidden
217
- */
218
- onInsert: (name: string, options: {
219
- value: any;
220
- index: number;
221
- }) => void;
222
- /**
223
- * @hidden
224
- */
225
- onUnshift: (name: string, options: {
226
- value: any;
227
- }) => void;
228
- /**
229
- * @hidden
230
- */
231
- onPush: (name: string, options: {
232
- value: any;
233
- }) => void;
234
- /**
235
- * @hidden
236
- */
237
- onPop: (name: string) => any;
238
- /**
239
- * @hidden
240
- */
241
- onRemove: (name: string, options: {
242
- index: number;
243
- }) => any;
244
- /**
245
- * @hidden
246
- */
247
- onReplace: (name: string, options: {
248
- value: any;
249
- index: number;
250
- }) => void;
251
- /**
252
- * @hidden
253
- */
254
- onMove: (name: string, options: {
255
- prevIndex: number;
256
- nextIndex: number;
257
- }) => void;
258
- /**
259
- * @hidden
260
- */
261
- render(): JSX.Element;
262
- }