@progress/kendo-vue-form 3.6.4 → 3.6.5-dev.202210181442

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/npm/Form.js CHANGED
@@ -4,18 +4,14 @@ var __assign = undefined && undefined.__assign || function () {
4
4
  __assign = Object.assign || function (t) {
5
5
  for (var s, i = 1, n = arguments.length; i < n; i++) {
6
6
  s = arguments[i];
7
-
8
7
  for (var p in s) {
9
8
  if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
10
9
  }
11
10
  }
12
-
13
11
  return t;
14
12
  };
15
-
16
13
  return __assign.apply(this, arguments);
17
14
  };
18
-
19
15
  var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
20
16
  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
21
17
  if (ar || !(i in from)) {
@@ -25,34 +21,25 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
25
21
  }
26
22
  return to.concat(ar || Array.prototype.slice.call(from));
27
23
  };
28
-
29
24
  Object.defineProperty(exports, "__esModule", {
30
25
  value: true
31
26
  });
32
27
  exports.FormVue2 = exports.Form = void 0;
33
-
34
28
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
35
-
36
- var package_metadata_1 = require("./package-metadata"); // @ts-ignore
37
-
38
-
29
+ var package_metadata_1 = require("./package-metadata");
30
+ // @ts-ignore
39
31
  var Vue = require("vue");
40
-
41
32
  var allVue = Vue;
42
33
  var gh = allVue.h;
43
34
  var isV3 = allVue.version && allVue.version[0] === '3';
44
-
45
35
  var kendo_vue_common_2 = require("@progress/kendo-vue-common");
46
36
  /**
47
37
  * @hidden
48
38
  */
49
-
50
-
51
39
  var FORCEUPDATE_ACCUMULATOR_TIMEOUT = 0;
52
40
  /**
53
41
  * @hidden
54
42
  */
55
-
56
43
  var FormVue2 = {
57
44
  name: 'KendoForm',
58
45
  inheritAttrs: false,
@@ -153,12 +140,10 @@ var FormVue2 = {
153
140
  },
154
141
  getErrors: function getErrors() {
155
142
  var _this = this;
156
-
157
143
  var errors = {};
158
144
  var validatorsByField = this.validatorsByField;
159
145
  Object.keys(this.fields).forEach(function (fieldName) {
160
146
  errors[fieldName] = '';
161
-
162
147
  if (validatorsByField[fieldName]) {
163
148
  var validators_1 = [];
164
149
  validatorsByField[fieldName].forEach(function (validator) {
@@ -167,51 +152,43 @@ var FormVue2 = {
167
152
  } else {
168
153
  validators_1.push(validator);
169
154
  }
170
- }); // find first validation error
171
-
155
+ });
156
+ // find first validation error
172
157
  validators_1.find(function (validator) {
173
158
  if (validator) {
174
159
  var result = validator(_this.valueGetter(fieldName), _this.valueGetter, {
175
160
  name: fieldName
176
161
  });
177
-
178
162
  if (result) {
179
163
  errors[fieldName] = result;
180
164
  return true;
181
165
  }
182
166
  }
183
-
184
167
  return false;
185
168
  });
186
169
  }
187
170
  });
188
171
  var formErrors = this.formErrors();
189
-
190
172
  if (formErrors) {
191
173
  (0, kendo_vue_common_1.cloneObject)(this.formErrors(), errors);
192
174
  }
193
-
194
175
  return errors;
195
176
  },
196
-
197
177
  /**
198
178
  * @hidden
199
179
  */
200
180
  accumulatedForceUpdate: function accumulatedForceUpdate() {
201
- var _this = this; // IMPORTANT:
181
+ var _this = this;
182
+ // IMPORTANT:
202
183
  // Should only be used for updates not coming from editors as it
203
184
  // will cause cursor jump as vue will reset the editor to old value
204
-
205
-
206
185
  if (this._accumulatorTimeout) {
207
186
  clearTimeout(this._accumulatorTimeout);
208
187
  }
209
-
210
188
  this._accumulatorTimeout = window.setTimeout(function () {
211
189
  _this._accumulatorTimeout = undefined;
212
190
  }, FORCEUPDATE_ACCUMULATOR_TIMEOUT);
213
191
  },
214
-
215
192
  /**
216
193
  * @hidden
217
194
  */
@@ -220,12 +197,11 @@ var FormVue2 = {
220
197
  this.id = (0, kendo_vue_common_1.guid)();
221
198
  this.form.touchedByField = {};
222
199
  this.form.visitedByField = {};
223
- this.form.modifiedByField = {}; // this.validatorsByField = {};
200
+ this.form.modifiedByField = {};
201
+ // this.validatorsByField = {};
224
202
  // this.fields = [];
225
-
226
203
  this.form.submitted = false;
227
204
  },
228
-
229
205
  /**
230
206
  * Method for resetting the form state outside the form component.
231
207
  *
@@ -241,21 +217,18 @@ var FormVue2 = {
241
217
  onSubmit: function onSubmit(event) {
242
218
  var touchedVisited = {};
243
219
  var fields = this.fields;
244
-
245
220
  if (event) {
246
221
  if (typeof event.preventDefault === 'function') {
247
222
  event.preventDefault();
248
223
  }
249
-
250
224
  if (typeof event.stopPropagation === 'function') {
251
225
  event.stopPropagation();
252
226
  }
253
227
  }
254
-
255
228
  Object.keys(fields).forEach(function (fieldName) {
256
229
  touchedVisited[fieldName] = true;
257
- }); // show validations
258
-
230
+ });
231
+ // show validations
259
232
  this.form.visitedByField = __assign({}, touchedVisited);
260
233
  this.form.touchedByField = __assign({}, touchedVisited);
261
234
  var values = this.form.values;
@@ -267,13 +240,11 @@ var FormVue2 = {
267
240
  isModified: isModified,
268
241
  event: event
269
242
  });
270
-
271
243
  if (isValid && (this.$props.ignoreModified || isModified)) {
272
244
  this.form.submitted = true;
273
245
  this.$emit('submit', values, event);
274
246
  }
275
247
  },
276
-
277
248
  /**
278
249
  * Method for emitting changes to a specific field outside the form component.
279
250
  *
@@ -282,60 +253,47 @@ var FormVue2 = {
282
253
  */
283
254
  onChange: function onChange(name, options) {
284
255
  var _a;
285
-
286
256
  var value = options.value;
287
257
  this.addField(name);
288
-
289
258
  if (!this.form.modifiedByField[name]) {
290
259
  this.form.modifiedByField = __assign(__assign({}, this.form.modifiedByField), (_a = {}, _a[name] = true, _a));
291
260
  }
292
-
293
261
  this.valueSetter(name, value);
294
262
  },
295
263
  onFocus: function onFocus(name) {
296
264
  var _a;
297
-
298
265
  if (this.form.visitedByField[name]) {
299
266
  return;
300
267
  }
301
-
302
268
  this.form.visitedByField = __assign(__assign({}, this.form.visitedByField), (_a = {}, _a[name] = true, _a));
303
269
  },
304
270
  onBlur: function onBlur(name) {
305
271
  var _a;
306
-
307
272
  if (this.form.touchedByField[name]) {
308
273
  return;
309
274
  }
310
-
311
275
  this.onFocus(name);
312
276
  this.form.touchedByField = __assign(__assign({}, this.form.touchedByField), (_a = {}, _a[name] = true, _a));
313
277
  },
314
278
  onFieldRegister: function onFieldRegister(name, validator) {
315
279
  var _a;
316
-
317
280
  var _this = this;
318
-
319
- this.addField(name); // The sole reason for using class props over state - nextIndex, needed for destroying validators
320
-
281
+ this.addField(name);
282
+ // The sole reason for using class props over state - nextIndex, needed for destroying validators
321
283
  var oldValidators = this.validatorsByField[name] || [];
322
284
  var nextIndex = oldValidators.length;
323
285
  this.validatorsByField = __assign(__assign({}, this.validatorsByField), (_a = {}, _a[name] = __spreadArray(__spreadArray([], oldValidators, true), [validator], false), _a));
324
286
  this.accumulatedForceUpdate();
325
287
  return function () {
326
- var _a; // onFieldUnregister:
327
-
328
-
288
+ var _a;
289
+ // onFieldUnregister:
329
290
  if (_this._unmounted) {
330
291
  return;
331
292
  }
332
-
333
293
  var newValidators = __spreadArray([], _this.validatorsByField[name] || [], true);
334
-
335
294
  var validatorIsUnregistered = Boolean(newValidators[nextIndex]);
336
295
  newValidators[nextIndex] = undefined;
337
296
  _this.validatorsByField = __assign(__assign({}, _this.validatorsByField), (_a = {}, _a[name] = newValidators, _a));
338
-
339
297
  if (validatorIsUnregistered) {
340
298
  _this.accumulatedForceUpdate();
341
299
  }
@@ -379,25 +337,19 @@ var FormVue2 = {
379
337
  },
380
338
  valueSetter: function valueSetter(fieldName, value) {
381
339
  var _a;
382
-
383
340
  this.form.values = __assign(__assign({}, this.form.values), (_a = {}, _a[fieldName] = value, _a));
384
341
  },
385
342
  onArrayAction: function onArrayAction(name) {
386
343
  var _a;
387
-
388
344
  this.addField(name);
389
-
390
345
  if (!this.form.modifiedByField[name]) {
391
346
  this.form.modifiedByField = __assign(__assign({}, this.form.modifiedByField), (_a = {}, _a[name] = true, _a));
392
347
  }
393
-
394
348
  this.onBlur(name, true);
395
349
  },
396
350
  onInsert: function onInsert(name, options) {
397
351
  this.onArrayAction(name);
398
-
399
352
  var newArray = __spreadArray([], this.valueGetter(name) || [], true);
400
-
401
353
  newArray.splice(options.index, 0, options.value);
402
354
  this.valueSetter(name, newArray);
403
355
  },
@@ -409,42 +361,32 @@ var FormVue2 = {
409
361
  },
410
362
  onPush: function onPush(name, options) {
411
363
  this.onArrayAction(name);
412
-
413
364
  var newArray = __spreadArray(__spreadArray([], this.valueGetter(name) || [], true), [options.value], false);
414
-
415
365
  this.valueSetter(name, newArray);
416
366
  },
417
367
  onPop: function onPop(name) {
418
368
  this.onArrayAction(name);
419
-
420
369
  var newArray = __spreadArray([], this.valueGetter(name) || [], true);
421
-
422
370
  var value = newArray.pop();
423
371
  this.valueSetter(name, newArray);
424
372
  return value;
425
373
  },
426
374
  onRemove: function onRemove(name, options) {
427
375
  this.onArrayAction(name);
428
-
429
376
  var newArray = __spreadArray([], this.valueGetter(name) || [], true);
430
-
431
377
  var value = newArray.splice(options.index, 1);
432
378
  this.valueSetter(name, newArray);
433
379
  return value;
434
380
  },
435
381
  onReplace: function onReplace(name, options) {
436
382
  this.onArrayAction(name);
437
-
438
383
  var newArray = __spreadArray([], this.valueGetter(name) || [], true);
439
-
440
384
  newArray.splice(options.index, 1, options.value);
441
385
  this.valueSetter(name, newArray);
442
386
  },
443
387
  onMove: function onMove(name, options) {
444
388
  this.onArrayAction(name);
445
-
446
389
  var newArray = __spreadArray([], this.valueGetter(name) || [], true);
447
-
448
390
  var value = newArray[options.prevIndex];
449
391
  newArray.splice(options.prevIndex, 1);
450
392
  newArray.splice(options.nextIndex, 0, value);
@@ -452,7 +394,6 @@ var FormVue2 = {
452
394
  },
453
395
  onDestroy: function onDestroy() {
454
396
  this.unmounted = true;
455
-
456
397
  if (this._accumulatorTimeout) {
457
398
  clearTimeout(this._accumulatorTimeout);
458
399
  }
@@ -475,6 +416,5 @@ exports.FormVue2 = FormVue2;
475
416
  /**
476
417
  * @hidden
477
418
  */
478
-
479
419
  var Form = FormVue2;
480
420
  exports.Form = Form;
@@ -3,22 +3,17 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.FormElementVue2 = exports.FormElement = void 0; // @ts-ignore
7
-
6
+ exports.FormElementVue2 = exports.FormElement = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
-
14
12
  var package_metadata_1 = require("./package-metadata");
15
-
16
13
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
17
14
  /**
18
15
  * @hidden
19
16
  */
20
-
21
-
22
17
  var FormElementVue2 = {
23
18
  name: 'KendoFormElement',
24
19
  props: {
@@ -70,6 +65,5 @@ exports.FormElementVue2 = FormElementVue2;
70
65
  /**
71
66
  * @hidden
72
67
  */
73
-
74
68
  var FormElement = FormElementVue2;
75
69
  exports.FormElement = FormElement;
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-form',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1665151596,
11
+ publishDate: 1666103852,
12
12
  version: '',
13
13
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
14
14
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-form",
3
3
  "description": "Kendo UI for Vue Form package",
4
- "version": "3.6.4",
4
+ "version": "3.6.5-dev.202210181442",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -39,7 +39,7 @@
39
39
  "vue": "^2.6.12 || ^3.0.2"
40
40
  },
41
41
  "dependencies": {
42
- "@progress/kendo-vue-common": "3.6.4"
42
+ "@progress/kendo-vue-common": "3.6.5-dev.202210181442"
43
43
  },
44
44
  "@progress": {
45
45
  "friendlyName": "Form",
@@ -55,15 +55,15 @@
55
55
  "@progress/kendo-date-math": "^1.4.1",
56
56
  "@progress/kendo-drawing": "^1.8.0",
57
57
  "@progress/kendo-licensing": "^1.1.0",
58
- "@progress/kendo-vue-buttons": "3.6.4",
59
- "@progress/kendo-vue-data-tools": "3.6.4",
60
- "@progress/kendo-vue-dateinputs": "3.6.4",
61
- "@progress/kendo-vue-dropdowns": "3.6.4",
62
- "@progress/kendo-vue-grid": "3.6.4",
63
- "@progress/kendo-vue-inputs": "3.6.4",
64
- "@progress/kendo-vue-intl": "3.6.4",
65
- "@progress/kendo-vue-labels": "3.6.4",
66
- "@progress/kendo-vue-layout": "3.6.4",
67
- "@progress/kendo-vue-upload": "3.6.4"
58
+ "@progress/kendo-vue-buttons": "3.6.5-dev.202210181442",
59
+ "@progress/kendo-vue-data-tools": "3.6.5-dev.202210181442",
60
+ "@progress/kendo-vue-dateinputs": "3.6.5-dev.202210181442",
61
+ "@progress/kendo-vue-dropdowns": "3.6.5-dev.202210181442",
62
+ "@progress/kendo-vue-grid": "3.6.5-dev.202210181442",
63
+ "@progress/kendo-vue-inputs": "3.6.5-dev.202210181442",
64
+ "@progress/kendo-vue-intl": "3.6.5-dev.202210181442",
65
+ "@progress/kendo-vue-labels": "3.6.5-dev.202210181442",
66
+ "@progress/kendo-vue-layout": "3.6.5-dev.202210181442",
67
+ "@progress/kendo-vue-upload": "3.6.5-dev.202210181442"
68
68
  }
69
69
  }