@formio/js 5.0.0 → 5.1.0-rc.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.
- package/dist/formio.embed.js +1 -1
- package/dist/formio.embed.min.js +1 -1
- package/dist/formio.embed.min.js.LICENSE.txt +1 -1
- package/dist/formio.form.js +127 -116
- package/dist/formio.form.min.js +1 -1
- package/dist/formio.form.min.js.LICENSE.txt +3 -3
- package/dist/formio.full.js +128 -117
- package/dist/formio.full.min.js +1 -1
- package/dist/formio.full.min.js.LICENSE.txt +3 -3
- package/dist/formio.js +3013 -283
- package/dist/formio.min.js +1 -1
- package/dist/formio.min.js.LICENSE.txt +14 -2
- package/dist/formio.utils.js +60 -49
- package/dist/formio.utils.min.js +1 -1
- package/dist/formio.utils.min.js.LICENSE.txt +3 -3
- package/lib/cjs/Webform.d.ts +8 -1
- package/lib/cjs/Webform.js +40 -32
- package/lib/cjs/WebformBuilder.js +4 -12
- package/lib/cjs/Wizard.js +4 -11
- package/lib/cjs/components/Components.d.ts +0 -7
- package/lib/cjs/components/Components.js +1 -33
- package/lib/cjs/components/_classes/component/Component.d.ts +52 -7
- package/lib/cjs/components/_classes/component/Component.js +120 -42
- package/lib/cjs/components/_classes/component/editForm/Component.edit.data.js +2 -2
- package/lib/cjs/components/_classes/componentModal/ComponentModal.d.ts +1 -0
- package/lib/cjs/components/_classes/componentModal/ComponentModal.js +1 -0
- package/lib/cjs/components/_classes/nested/NestedComponent.d.ts +4 -19
- package/lib/cjs/components/_classes/nested/NestedComponent.js +54 -60
- package/lib/cjs/components/_classes/nestedarray/NestedArrayComponent.d.ts +2 -1
- package/lib/cjs/components/_classes/nestedarray/NestedArrayComponent.js +7 -44
- package/lib/cjs/components/datagrid/DataGrid.d.ts +0 -1
- package/lib/cjs/components/datagrid/DataGrid.js +1 -45
- package/lib/cjs/components/datamap/DataMap.js +2 -3
- package/lib/cjs/components/editgrid/EditGrid.js +8 -11
- package/lib/cjs/components/form/Form.d.ts +8 -3
- package/lib/cjs/components/form/Form.js +31 -29
- package/lib/cjs/components/html/HTML.js +15 -3
- package/lib/cjs/components/selectboxes/SelectBoxes.js +0 -1
- package/lib/cjs/components/signature/Signature.d.ts +0 -1
- package/lib/cjs/components/signature/Signature.js +1 -1
- package/lib/cjs/utils/conditionOperators/DateGreaterThan.js +2 -2
- package/lib/cjs/utils/conditionOperators/IsEmptyValue.d.ts +2 -2
- package/lib/cjs/utils/conditionOperators/IsEmptyValue.js +2 -2
- package/lib/cjs/utils/conditionOperators/IsEqualTo.d.ts +2 -2
- package/lib/cjs/utils/conditionOperators/IsEqualTo.js +2 -2
- package/lib/cjs/utils/formUtils.d.ts +25 -14
- package/lib/cjs/utils/formUtils.js +11 -16
- package/lib/cjs/utils/utils.d.ts +1 -3
- package/lib/cjs/utils/utils.js +19 -35
- package/lib/mjs/Webform.d.ts +8 -1
- package/lib/mjs/Webform.js +37 -31
- package/lib/mjs/WebformBuilder.js +4 -12
- package/lib/mjs/Wizard.js +2 -8
- package/lib/mjs/components/Components.d.ts +0 -7
- package/lib/mjs/components/Components.js +1 -32
- package/lib/mjs/components/_classes/component/Component.d.ts +52 -7
- package/lib/mjs/components/_classes/component/Component.js +130 -43
- package/lib/mjs/components/_classes/component/editForm/Component.edit.data.js +2 -2
- package/lib/mjs/components/_classes/componentModal/ComponentModal.d.ts +1 -0
- package/lib/mjs/components/_classes/componentModal/ComponentModal.js +1 -0
- package/lib/mjs/components/_classes/nested/NestedComponent.d.ts +4 -19
- package/lib/mjs/components/_classes/nested/NestedComponent.js +55 -61
- package/lib/mjs/components/_classes/nestedarray/NestedArrayComponent.d.ts +2 -1
- package/lib/mjs/components/_classes/nestedarray/NestedArrayComponent.js +8 -43
- package/lib/mjs/components/datagrid/DataGrid.d.ts +0 -1
- package/lib/mjs/components/datagrid/DataGrid.js +1 -45
- package/lib/mjs/components/datamap/DataMap.js +2 -3
- package/lib/mjs/components/editgrid/EditGrid.js +11 -11
- package/lib/mjs/components/form/Form.d.ts +8 -3
- package/lib/mjs/components/form/Form.js +32 -29
- package/lib/mjs/components/html/HTML.js +15 -3
- package/lib/mjs/components/selectboxes/SelectBoxes.js +0 -1
- package/lib/mjs/components/signature/Signature.d.ts +0 -1
- package/lib/mjs/components/signature/Signature.js +1 -1
- package/lib/mjs/utils/conditionOperators/DateGreaterThan.js +2 -2
- package/lib/mjs/utils/conditionOperators/IsEmptyValue.d.ts +2 -2
- package/lib/mjs/utils/conditionOperators/IsEmptyValue.js +2 -2
- package/lib/mjs/utils/conditionOperators/IsEqualTo.d.ts +2 -2
- package/lib/mjs/utils/conditionOperators/IsEqualTo.js +2 -2
- package/lib/mjs/utils/formUtils.d.ts +25 -14
- package/lib/mjs/utils/formUtils.js +2 -12
- package/lib/mjs/utils/utils.d.ts +1 -3
- package/lib/mjs/utils/utils.js +18 -33
- package/package.json +4 -4
@@ -18,9 +18,9 @@
|
|
18
18
|
* MIT licensed
|
19
19
|
*/
|
20
20
|
|
21
|
-
/*! @license DOMPurify 3.
|
21
|
+
/*! @license DOMPurify 3.2.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.3/LICENSE */
|
22
22
|
|
23
|
-
/*! formiojs v5.0.
|
23
|
+
/*! formiojs v5.1.0-rc.2 | https://unpkg.com/formiojs@5.1.0-rc.2/LICENSE.txt */
|
24
24
|
|
25
25
|
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
|
26
26
|
|
@@ -43,4 +43,4 @@
|
|
43
43
|
|
44
44
|
//! moment.js
|
45
45
|
|
46
|
-
//! version : 0.5.
|
46
|
+
//! version : 0.5.46
|
package/lib/cjs/Webform.d.ts
CHANGED
@@ -330,6 +330,13 @@ declare class Webform extends NestedDataComponent {
|
|
330
330
|
* @returns {object} - The submission object.
|
331
331
|
*/
|
332
332
|
get submission(): object;
|
333
|
+
/**
|
334
|
+
* Sets the submission value
|
335
|
+
* @param {object|null|undefined} submission - The submission to set.
|
336
|
+
* @param {object|null|undefined} flags - Any flags to apply when setting the submission.
|
337
|
+
* @return {void}
|
338
|
+
*/
|
339
|
+
onSetSubmission(submission: object | null | undefined, flags?: object | null | undefined): void;
|
333
340
|
/**
|
334
341
|
* Sets a submission and returns the promise when it is ready.
|
335
342
|
* @param {any} submission - The submission to set.
|
@@ -419,7 +426,7 @@ declare class Webform extends NestedDataComponent {
|
|
419
426
|
*/
|
420
427
|
cancel(noconfirm: boolean): boolean;
|
421
428
|
setMetadata(submission: any): void;
|
422
|
-
submitForm(options?: {}): Promise<any>;
|
429
|
+
submitForm(options?: {}, local?: boolean): Promise<any>;
|
423
430
|
setServerErrors(error: any): void;
|
424
431
|
serverErrors: any;
|
425
432
|
executeSubmit(options: any): Promise<object>;
|
package/lib/cjs/Webform.js
CHANGED
@@ -587,11 +587,12 @@ class Webform extends NestedDataComponent_1.default {
|
|
587
587
|
* @returns {Promise} - The promise that is triggered when the form is set.
|
588
588
|
*/
|
589
589
|
setForm(form, flags = {}) {
|
590
|
-
var _a
|
590
|
+
var _a;
|
591
591
|
const isFormAlreadySet = this._form && ((_a = this._form.components) === null || _a === void 0 ? void 0 : _a.length);
|
592
592
|
try {
|
593
593
|
// Do not set the form again if it has been already set
|
594
594
|
if (isFormAlreadySet && JSON.stringify(this._form) === JSON.stringify(form)) {
|
595
|
+
this.formReadyResolve();
|
595
596
|
return Promise.resolve();
|
596
597
|
}
|
597
598
|
// Create the form.
|
@@ -599,13 +600,11 @@ class Webform extends NestedDataComponent_1.default {
|
|
599
600
|
if (this.onSetForm) {
|
600
601
|
this.onSetForm(lodash_1.default.cloneDeep(this._form), form);
|
601
602
|
}
|
602
|
-
if ((_c = (_b = this.parent) === null || _b === void 0 ? void 0 : _b.component) === null || _c === void 0 ? void 0 : _c.modalEdit) {
|
603
|
-
return Promise.resolve();
|
604
|
-
}
|
605
603
|
}
|
606
604
|
catch (err) {
|
607
605
|
console.warn(err);
|
608
606
|
// If provided form is not a valid JSON object, do not set it too
|
607
|
+
this.formReadyReject(err);
|
609
608
|
return Promise.resolve();
|
610
609
|
}
|
611
610
|
// Allow the form to provide component overrides.
|
@@ -704,6 +703,18 @@ class Webform extends NestedDataComponent_1.default {
|
|
704
703
|
set submission(submission) {
|
705
704
|
this.setSubmission(submission);
|
706
705
|
}
|
706
|
+
/**
|
707
|
+
* Sets the submission value
|
708
|
+
* @param {object|null|undefined} submission - The submission to set.
|
709
|
+
* @param {object|null|undefined} flags - Any flags to apply when setting the submission.
|
710
|
+
* @return {void}
|
711
|
+
*/
|
712
|
+
onSetSubmission(submission, flags = {}) {
|
713
|
+
this.submissionSet = true;
|
714
|
+
this.triggerChange(flags);
|
715
|
+
this.emit('beforeSetSubmission', submission);
|
716
|
+
this.setValue(submission, flags);
|
717
|
+
}
|
707
718
|
/**
|
708
719
|
* Sets a submission and returns the promise when it is ready.
|
709
720
|
* @param {any} submission - The submission to set.
|
@@ -717,10 +728,7 @@ class Webform extends NestedDataComponent_1.default {
|
|
717
728
|
if (resolveFlags) {
|
718
729
|
flags = Object.assign(Object.assign({}, flags), resolveFlags);
|
719
730
|
}
|
720
|
-
this.
|
721
|
-
this.triggerChange(flags);
|
722
|
-
this.emit("beforeSetSubmission", submission);
|
723
|
-
this.setValue(submission, flags);
|
731
|
+
this.onSetSubmission(submission, flags);
|
724
732
|
return this.submissionReadyResolve(submission);
|
725
733
|
}, (err) => this.submissionReadyReject(err))
|
726
734
|
.catch((err) => this.submissionReadyReject(err)));
|
@@ -839,6 +847,9 @@ class Webform extends NestedDataComponent_1.default {
|
|
839
847
|
return changed;
|
840
848
|
}
|
841
849
|
getValue() {
|
850
|
+
if (!this._submission) {
|
851
|
+
this._submission = {};
|
852
|
+
}
|
842
853
|
if (!this._submission.data) {
|
843
854
|
this._submission.data = {};
|
844
855
|
}
|
@@ -1098,29 +1109,24 @@ class Webform extends NestedDataComponent_1.default {
|
|
1098
1109
|
return;
|
1099
1110
|
}
|
1100
1111
|
// Mark any components as invalid if in a custom message.
|
1112
|
+
const componentErrors = {};
|
1101
1113
|
errors.forEach((err) => {
|
1102
|
-
|
1103
|
-
|
1104
|
-
|
1105
|
-
|
1106
|
-
if (err.path) {
|
1107
|
-
components.push(err.path);
|
1114
|
+
var _a, _b;
|
1115
|
+
const path = err.path || ((_a = err.context) === null || _a === void 0 ? void 0 : _a.path) || ((_b = err.component) === null || _b === void 0 ? void 0 : _b.key);
|
1116
|
+
if (!componentErrors[path]) {
|
1117
|
+
componentErrors[path] = [];
|
1108
1118
|
}
|
1109
|
-
|
1110
|
-
const originalPath = (0, utils_1.getStringFromComponentPath)(path);
|
1111
|
-
const component = this.getComponent(path, lodash_1.default.identity, originalPath);
|
1112
|
-
if (err.fromServer) {
|
1113
|
-
if (component.serverErrors) {
|
1114
|
-
component.serverErrors.push(err);
|
1115
|
-
}
|
1116
|
-
else {
|
1117
|
-
component.serverErrors = [err];
|
1118
|
-
}
|
1119
|
-
}
|
1120
|
-
const components = lodash_1.default.compact(Array.isArray(component) ? component : [component]);
|
1121
|
-
components.forEach((component) => component.setCustomValidity(err.message, true));
|
1122
|
-
});
|
1119
|
+
componentErrors[path].push(err);
|
1123
1120
|
});
|
1121
|
+
// Iterate through all of our component errors and apply them to the components.
|
1122
|
+
for (let path in componentErrors) {
|
1123
|
+
const component = this.getComponent(path);
|
1124
|
+
const errors = componentErrors[path];
|
1125
|
+
if (component) {
|
1126
|
+
component.serverErrors = errors.filter((err) => err.fromServer);
|
1127
|
+
component.setCustomValidity(errors, true);
|
1128
|
+
}
|
1129
|
+
}
|
1124
1130
|
const displayedErrors = [];
|
1125
1131
|
if (errors.length) {
|
1126
1132
|
errors = lodash_1.default.uniqBy(errors, (error) => { var _a, _b; return [error.message, (_a = error.component) === null || _a === void 0 ? void 0 : _a.id, (_b = error.context) === null || _b === void 0 ? void 0 : _b.path].join(); });
|
@@ -1312,7 +1318,7 @@ class Webform extends NestedDataComponent_1.default {
|
|
1312
1318
|
onLine: navigator.onLine,
|
1313
1319
|
});
|
1314
1320
|
}
|
1315
|
-
submitForm(options = {}) {
|
1321
|
+
submitForm(options = {}, local = false) {
|
1316
1322
|
this.clearServerErrors();
|
1317
1323
|
return new Promise((resolve, reject) => {
|
1318
1324
|
// Read-only forms should never submit.
|
@@ -1338,6 +1344,7 @@ class Webform extends NestedDataComponent_1.default {
|
|
1338
1344
|
return reject("Invalid Submission");
|
1339
1345
|
}
|
1340
1346
|
const errors = this.validate(submission.data, {
|
1347
|
+
local,
|
1341
1348
|
dirty: true,
|
1342
1349
|
silentCheck: false,
|
1343
1350
|
process: "submit",
|
@@ -1352,12 +1359,13 @@ class Webform extends NestedDataComponent_1.default {
|
|
1352
1359
|
console.error(err);
|
1353
1360
|
}
|
1354
1361
|
this.everyComponent((comp) => {
|
1362
|
+
var _a, _b;
|
1355
1363
|
if (submission._vnote && comp.type === "form" && comp.component.reference) {
|
1356
|
-
lodash_1.default.get(submission.data, comp.path, {})._vnote = submission._vnote;
|
1364
|
+
lodash_1.default.get(submission.data, local ? (_a = comp.paths) === null || _a === void 0 ? void 0 : _a.localDataPath : comp.path, {})._vnote = submission._vnote;
|
1357
1365
|
}
|
1358
1366
|
const { persistent } = comp.component;
|
1359
1367
|
if (persistent === "client-only") {
|
1360
|
-
lodash_1.default.unset(submission.data, comp.path);
|
1368
|
+
lodash_1.default.unset(submission.data, local ? (_b = comp.paths) === null || _b === void 0 ? void 0 : _b.localDataPath : comp.path);
|
1361
1369
|
}
|
1362
1370
|
});
|
1363
1371
|
this.hook("customValidation", Object.assign(Object.assign({}, submission), { component: options.component }), (err) => {
|
@@ -1524,7 +1532,7 @@ class Webform extends NestedDataComponent_1.default {
|
|
1524
1532
|
return;
|
1525
1533
|
}
|
1526
1534
|
const captchaComponent = [];
|
1527
|
-
|
1535
|
+
this.eachComponent((component) => {
|
1528
1536
|
if (/^(re)?captcha$/.test(component.type) && component.component.eventType === 'formLoad') {
|
1529
1537
|
captchaComponent.push(component);
|
1530
1538
|
}
|
@@ -1124,20 +1124,12 @@ class WebformBuilder extends Component_1.default {
|
|
1124
1124
|
findRepeatablePaths() {
|
1125
1125
|
const repeatablePaths = [];
|
1126
1126
|
const keys = new Map();
|
1127
|
-
(0, formUtils_1.eachComponent)(this.form.components, (comp, path) => {
|
1128
|
-
if (
|
1129
|
-
|
1130
|
-
}
|
1131
|
-
if (keys.has(comp.key)) {
|
1132
|
-
if (keys.get(comp.key).includes(path)) {
|
1133
|
-
repeatablePaths.push(path);
|
1134
|
-
}
|
1135
|
-
else {
|
1136
|
-
keys.set(comp.key, [...keys.get(comp.key), path]);
|
1137
|
-
}
|
1127
|
+
(0, formUtils_1.eachComponent)(this.form.components, (comp, path, components, parent, paths) => {
|
1128
|
+
if (keys.has(paths.dataPath)) {
|
1129
|
+
repeatablePaths.push(paths.dataPath);
|
1138
1130
|
}
|
1139
1131
|
else {
|
1140
|
-
keys.set(
|
1132
|
+
keys.set(paths.dataPath, true);
|
1141
1133
|
}
|
1142
1134
|
}, true);
|
1143
1135
|
return repeatablePaths;
|
package/lib/cjs/Wizard.js
CHANGED
@@ -375,11 +375,11 @@ class Wizard extends Webform_1.default {
|
|
375
375
|
this.emit('wizardPageSelected', this.pages[index], index);
|
376
376
|
}
|
377
377
|
attachHeader() {
|
378
|
-
var _a;
|
378
|
+
var _a, _b;
|
379
379
|
const isAllowPrevious = this.isAllowPrevious();
|
380
|
-
this.attachTooltips(this.refs[`${this.wizardKey}-tooltip`], this.currentPanel.tooltip);
|
380
|
+
this.attachTooltips(this.refs[`${this.wizardKey}-tooltip`], (_a = this.currentPanel) === null || _a === void 0 ? void 0 : _a.tooltip);
|
381
381
|
if (this.isBreadcrumbClickable() || isAllowPrevious) {
|
382
|
-
(
|
382
|
+
(_b = this.refs[`${this.wizardKey}-link`]) === null || _b === void 0 ? void 0 : _b.forEach((link, index) => {
|
383
383
|
if (!isAllowPrevious || index <= this.enabledIndex) {
|
384
384
|
this.addEventListener(link, 'click', (event) => {
|
385
385
|
this.emit('wizardNavigationClicked', this.pages[index]);
|
@@ -728,7 +728,7 @@ class Wizard extends Webform_1.default {
|
|
728
728
|
var _a, _b;
|
729
729
|
const components = (_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.components.map((component) => component.component);
|
730
730
|
// Accessing the parent ensures the right instance (whether it's the parent Wizard or a nested Wizard) performs its validation
|
731
|
-
return (_b = this.currentPage) === null || _b === void 0 ? void 0 : _b.parent.validateComponents(components, this.
|
731
|
+
return (_b = this.currentPage) === null || _b === void 0 ? void 0 : _b.parent.validateComponents(components, this.root.data, flags);
|
732
732
|
}
|
733
733
|
emitPrevPage() {
|
734
734
|
this.emit('prevPage', { page: this.page, submission: this.submission });
|
@@ -903,13 +903,6 @@ class Wizard extends Webform_1.default {
|
|
903
903
|
this.redraw();
|
904
904
|
}
|
905
905
|
}
|
906
|
-
redraw() {
|
907
|
-
var _a, _b;
|
908
|
-
if ((_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.modalEdit) {
|
909
|
-
return this.parent.redraw();
|
910
|
-
}
|
911
|
-
return super.redraw();
|
912
|
-
}
|
913
906
|
rebuild() {
|
914
907
|
const currentPage = this.page;
|
915
908
|
const setCurrentPage = () => this.setPage(currentPage);
|
@@ -256,13 +256,6 @@ export default class Components {
|
|
256
256
|
static setComponents(comps: any): void;
|
257
257
|
static addComponent(name: any, comp: any): void;
|
258
258
|
static setComponent(name: any, comp: any): void;
|
259
|
-
/**
|
260
|
-
* Return a path of component's value.
|
261
|
-
* @param {Component} component - The component instance.
|
262
|
-
* @returns {string} - The component's value path.
|
263
|
-
*/
|
264
|
-
static getComponentPath(component: Component): string;
|
265
259
|
static create(component: any, options: any, data: any): any;
|
266
260
|
}
|
267
261
|
import BaseEditForm from './_classes/component/Component.form';
|
268
|
-
import Component from './_classes/component/Component';
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const Component_1 = __importDefault(require("./_classes/component/Component"));
|
7
7
|
const utils_1 = __importDefault(require("./_classes/component/editForm/utils"));
|
8
8
|
const Component_form_1 = __importDefault(require("./_classes/component/Component.form"));
|
9
|
-
const utils_2 = require("../utils/utils");
|
10
9
|
const lodash_1 = __importDefault(require("lodash"));
|
11
10
|
class Components {
|
12
11
|
static set EditFormUtils(value) {
|
@@ -49,35 +48,6 @@ class Components {
|
|
49
48
|
static setComponent(name, comp) {
|
50
49
|
Components.components[name] = comp;
|
51
50
|
}
|
52
|
-
/**
|
53
|
-
* Return a path of component's value.
|
54
|
-
* @param {Component} component - The component instance.
|
55
|
-
* @returns {string} - The component's value path.
|
56
|
-
*/
|
57
|
-
static getComponentPath(component) {
|
58
|
-
var _a;
|
59
|
-
let path = '';
|
60
|
-
const componentKey = (0, utils_2.getComponentKey)(component.component);
|
61
|
-
if (componentKey) {
|
62
|
-
let thisPath = ((_a = component.options) === null || _a === void 0 ? void 0 : _a.parent) || component;
|
63
|
-
while (thisPath && !thisPath.allowData && thisPath.parent) {
|
64
|
-
thisPath = thisPath.parent;
|
65
|
-
}
|
66
|
-
// TODO: any component that is nested in e.g. a Data Grid or an Edit Grid is going to receive a row prop; the problem
|
67
|
-
// is that options.row is passed to each further nested component, which results in erroneous paths like
|
68
|
-
// `editGrid[0].container[0].textField` rather than `editGrid[0].container.textField`. This should be adapted for other
|
69
|
-
// components with a tree-like data model
|
70
|
-
const rowIndex = component.row;
|
71
|
-
const rowIndexPath = rowIndex && !['container'].includes(thisPath.component.type) ? `[${Number.parseInt(rowIndex)}]` : '';
|
72
|
-
path = `${thisPath.path}${rowIndexPath}.`;
|
73
|
-
if (rowIndexPath && (0, utils_2.getModelType)(thisPath) === 'nestedDataArray') {
|
74
|
-
path = `${path}data.`;
|
75
|
-
}
|
76
|
-
path += componentKey;
|
77
|
-
return lodash_1.default.trim(path, '.');
|
78
|
-
}
|
79
|
-
return path;
|
80
|
-
}
|
81
51
|
static create(component, options, data) {
|
82
52
|
let comp = null;
|
83
53
|
if (component.type && Components.components.hasOwnProperty(component.type)) {
|
@@ -102,9 +72,7 @@ class Components {
|
|
102
72
|
else {
|
103
73
|
comp = new Component_1.default(component, options, data);
|
104
74
|
}
|
105
|
-
|
106
|
-
if (path) {
|
107
|
-
comp.path = path;
|
75
|
+
if (comp.path) {
|
108
76
|
comp.componentsMap[comp.path] = comp;
|
109
77
|
}
|
110
78
|
return comp;
|
@@ -42,14 +42,13 @@ declare class Component extends Element {
|
|
42
42
|
*/
|
43
43
|
private _hasCondition;
|
44
44
|
/**
|
45
|
-
*
|
45
|
+
* The row index for this component.
|
46
46
|
*/
|
47
|
-
|
47
|
+
_rowIndex: number | undefined;
|
48
48
|
/**
|
49
|
-
*
|
50
|
-
* @type {string}
|
49
|
+
* References to dom elements
|
51
50
|
*/
|
52
|
-
|
51
|
+
refs: {};
|
53
52
|
/**
|
54
53
|
* An array of all the children components errors.
|
55
54
|
*/
|
@@ -114,7 +113,19 @@ declare class Component extends Element {
|
|
114
113
|
* @type {Component}
|
115
114
|
*/
|
116
115
|
parent: Component;
|
116
|
+
/**
|
117
|
+
* The component paths for this component.
|
118
|
+
* @type {import('@formio/core').ComponentPaths} - The component paths.
|
119
|
+
*/
|
120
|
+
paths: import('@formio/core').ComponentPaths;
|
117
121
|
_path: string;
|
122
|
+
/**
|
123
|
+
* Determines if this component is conditionally hidden. Should generally not be set outside of conditional logic pipeline.
|
124
|
+
* This is necessary because of clearOnHide behavior that only clears when conditionally hidden - we need to track
|
125
|
+
* conditionallyHidden separately from "regular" visibility.
|
126
|
+
*/
|
127
|
+
_parentConditionallyHidden: any;
|
128
|
+
_conditionallyHidden: any;
|
118
129
|
/**
|
119
130
|
* Determines if this component is visible, or not.
|
120
131
|
*/
|
@@ -158,7 +169,7 @@ declare class Component extends Element {
|
|
158
169
|
* @type {*}
|
159
170
|
*/
|
160
171
|
info: any;
|
161
|
-
get componentsMap():
|
172
|
+
get componentsMap(): object;
|
162
173
|
set data(value: any);
|
163
174
|
get data(): any;
|
164
175
|
mergeSchema(component?: {}): any;
|
@@ -182,6 +193,17 @@ declare class Component extends Element {
|
|
182
193
|
* @returns {boolean} - TRUE if the component is disabled.
|
183
194
|
*/
|
184
195
|
get disabled(): boolean;
|
196
|
+
/**
|
197
|
+
* Set Row Index to row and update each component.
|
198
|
+
* @param {number} value - The row index.
|
199
|
+
* @returns {void}
|
200
|
+
*/
|
201
|
+
set rowIndex(value: number);
|
202
|
+
/**
|
203
|
+
* Get Row Index.
|
204
|
+
* @returns {number} - The row index.
|
205
|
+
*/
|
206
|
+
get rowIndex(): number;
|
185
207
|
afterComponentAssign(): void;
|
186
208
|
createAddon(addonConfiguration: any): any;
|
187
209
|
get shouldDisabled(): any;
|
@@ -190,6 +212,8 @@ declare class Component extends Element {
|
|
190
212
|
get hasInput(): any;
|
191
213
|
get defaultSchema(): any;
|
192
214
|
get key(): any;
|
215
|
+
set path(path: string | undefined);
|
216
|
+
get path(): string | undefined;
|
193
217
|
set parentVisible(value: any);
|
194
218
|
get parentVisible(): any;
|
195
219
|
set parentDisabled(value: boolean);
|
@@ -207,12 +231,20 @@ declare class Component extends Element {
|
|
207
231
|
* @returns {boolean} - Whether the component is visible or not.
|
208
232
|
*/
|
209
233
|
get visible(): boolean;
|
234
|
+
get conditionallyHidden(): any;
|
235
|
+
/**
|
236
|
+
* Evaluates whether the component is conditionally hidden (as opposed to intentionally hidden, e.g. via the `hidden` component schema property).
|
237
|
+
* @param {object} data - The data object to evaluate the condition against.
|
238
|
+
* @param {object} row - The row object to evaluate the condition against.
|
239
|
+
* @returns {boolean} - Whether the component is conditionally hidden.
|
240
|
+
*/
|
241
|
+
checkConditionallyHidden(data?: object, row?: object): boolean;
|
210
242
|
set currentForm(instance: any);
|
211
243
|
get currentForm(): any;
|
212
244
|
_currentForm: any;
|
213
245
|
get fullMode(): boolean;
|
214
246
|
get builderMode(): boolean;
|
215
|
-
get calculatedPath(): string;
|
247
|
+
get calculatedPath(): string | undefined;
|
216
248
|
get labelPosition(): any;
|
217
249
|
get labelWidth(): any;
|
218
250
|
get labelMargin(): any;
|
@@ -343,6 +375,12 @@ declare class Component extends Element {
|
|
343
375
|
* @param {string} template - The template to use for the modal dialog.
|
344
376
|
*/
|
345
377
|
setOpenModalElement(template?: string): void;
|
378
|
+
/**
|
379
|
+
* Renders a modal preview template and returns the markup as a string
|
380
|
+
* @param {object|null|undefined} ctx - The rendering context
|
381
|
+
* @return {string} - The modal preview markup
|
382
|
+
*/
|
383
|
+
renderModalPreview(ctx: object | null | undefined): string;
|
346
384
|
/**
|
347
385
|
* Returns the modal preview template.
|
348
386
|
* @returns {string} - The modal preview template.
|
@@ -362,6 +400,13 @@ declare class Component extends Element {
|
|
362
400
|
* @returns {string} - The rendered HTML string of a component.
|
363
401
|
*/
|
364
402
|
render(children?: string, topLevel?: boolean): string;
|
403
|
+
/**
|
404
|
+
* Creates the tooltip instance using tippy.js and returns it
|
405
|
+
* @param {HTMLElement} tooltipEl - HTML element to attach the tooltip
|
406
|
+
* @param {object|null|undefined} settings - tippy.js options
|
407
|
+
* @return {import('tippy.js').Tippy} - tippy.js instance
|
408
|
+
*/
|
409
|
+
createTooltip(tooltipEl: HTMLElement, settings?: object | null | undefined): import('tippy.js').Tippy;
|
365
410
|
/**
|
366
411
|
* Attaches all the tooltips provided the refs object.
|
367
412
|
* @param {object} toolTipsRefs - The refs for the tooltips within your template.
|