@progress/kendo-react-form 6.1.1-dev.202311151536 → 7.0.0-develop.1
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/es/Field.d.ts → Field.d.ts} +4 -0
- package/FieldArray.d.ts +11 -0
- package/{dist/es/FieldWrapper.d.ts → FieldWrapper.d.ts} +4 -0
- package/{dist/es/Form.d.ts → Form.d.ts} +5 -1
- package/{dist/es/FormContext.d.ts → FormContext.d.ts} +5 -1
- package/{dist/es/FormElement.d.ts → FormElement.d.ts} +4 -0
- package/LICENSE.md +1 -1
- package/dist/cdn/js/kendo-react-form.js +5 -1
- package/index.d.ts +20 -0
- package/index.js +5 -0
- package/index.mjs +409 -0
- package/{dist/npm/interfaces → interfaces}/FieldArrayProps.d.ts +4 -1
- package/{dist/npm/interfaces → interfaces}/FieldArrayRenderProps.d.ts +4 -0
- package/{dist/npm/interfaces → interfaces}/FieldProps.d.ts +4 -1
- package/{dist/es/interfaces → interfaces}/FieldRenderProps.d.ts +4 -0
- package/{dist/es/interfaces → interfaces}/FieldValidator.d.ts +5 -1
- package/{dist/es/interfaces → interfaces}/FormProps.d.ts +4 -1
- package/{dist/npm/interfaces → interfaces}/FormRenderProps.d.ts +4 -1
- package/{dist/npm/interfaces → interfaces}/FormSubmitClickEvent.d.ts +4 -1
- package/interfaces/FormValidator.d.ts +14 -0
- package/interfaces/KeyValue.d.ts +10 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +26 -42
- package/about.md +0 -3
- package/dist/es/Field.js +0 -92
- package/dist/es/FieldArray.d.ts +0 -7
- package/dist/es/FieldArray.js +0 -72
- package/dist/es/FieldWrapper.js +0 -15
- package/dist/es/Form.js +0 -607
- package/dist/es/FormContext.js +0 -3
- package/dist/es/FormElement.js +0 -49
- package/dist/es/interfaces/FieldArrayProps.d.ts +0 -29
- package/dist/es/interfaces/FieldArrayProps.js +0 -1
- package/dist/es/interfaces/FieldArrayRenderProps.d.ts +0 -89
- package/dist/es/interfaces/FieldArrayRenderProps.js +0 -1
- package/dist/es/interfaces/FieldProps.d.ts +0 -40
- package/dist/es/interfaces/FieldProps.js +0 -1
- package/dist/es/interfaces/FieldRenderProps.js +0 -1
- package/dist/es/interfaces/FieldValidator.js +0 -1
- package/dist/es/interfaces/FormProps.js +0 -1
- package/dist/es/interfaces/FormRenderProps.d.ts +0 -75
- package/dist/es/interfaces/FormRenderProps.js +0 -1
- package/dist/es/interfaces/FormSubmitClickEvent.d.ts +0 -24
- package/dist/es/interfaces/FormSubmitClickEvent.js +0 -1
- package/dist/es/interfaces/FormValidator.d.ts +0 -10
- package/dist/es/interfaces/FormValidator.js +0 -1
- package/dist/es/interfaces/KeyValue.d.ts +0 -6
- package/dist/es/interfaces/KeyValue.js +0 -1
- package/dist/es/main.d.ts +0 -16
- package/dist/es/main.js +0 -6
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/npm/Field.d.ts +0 -10
- package/dist/npm/Field.js +0 -96
- package/dist/npm/FieldArray.d.ts +0 -7
- package/dist/npm/FieldArray.js +0 -76
- package/dist/npm/FieldWrapper.d.ts +0 -28
- package/dist/npm/FieldWrapper.js +0 -19
- package/dist/npm/Form.d.ts +0 -262
- package/dist/npm/Form.js +0 -610
- package/dist/npm/FormContext.d.ts +0 -50
- package/dist/npm/FormContext.js +0 -6
- package/dist/npm/FormElement.d.ts +0 -52
- package/dist/npm/FormElement.js +0 -52
- package/dist/npm/interfaces/FieldArrayProps.js +0 -2
- package/dist/npm/interfaces/FieldArrayRenderProps.js +0 -2
- package/dist/npm/interfaces/FieldProps.js +0 -2
- package/dist/npm/interfaces/FieldRenderProps.d.ts +0 -65
- package/dist/npm/interfaces/FieldRenderProps.js +0 -2
- package/dist/npm/interfaces/FieldValidator.d.ts +0 -14
- package/dist/npm/interfaces/FieldValidator.js +0 -2
- package/dist/npm/interfaces/FormProps.d.ts +0 -47
- package/dist/npm/interfaces/FormProps.js +0 -2
- package/dist/npm/interfaces/FormRenderProps.js +0 -2
- package/dist/npm/interfaces/FormSubmitClickEvent.js +0 -2
- package/dist/npm/interfaces/FormValidator.d.ts +0 -10
- package/dist/npm/interfaces/FormValidator.js +0 -2
- package/dist/npm/interfaces/KeyValue.d.ts +0 -6
- package/dist/npm/interfaces/KeyValue.js +0 -2
- package/dist/npm/main.d.ts +0 -16
- package/dist/npm/main.js +0 -13
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/systemjs/kendo-react-form.js +0 -1
- package/e2e-next/form.basic.tests.ts +0 -23
package/dist/npm/Form.d.ts
DELETED
|
@@ -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
|
-
}
|