@formio/js 5.0.0-dev.5704.492ccdf → 5.0.0-dev.5705.fda3511
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.form.js +4 -4
- package/dist/formio.form.min.js +1 -1
- package/dist/formio.full.js +4 -4
- package/dist/formio.full.min.js +1 -1
- package/lib/cjs/Webform.js +0 -3
- package/lib/cjs/components/datagrid/DataGrid.js +2 -2
- package/lib/cjs/components/datamap/DataMap.js +2 -2
- package/lib/cjs/components/editgrid/EditGrid.js +10 -0
- package/lib/cjs/components/editgrid/fixtures/comp-test-events.d.ts +54 -0
- package/lib/cjs/components/editgrid/fixtures/comp-test-events.js +54 -0
- package/lib/cjs/components/editgrid/fixtures/index.d.ts +2 -1
- package/lib/cjs/components/editgrid/fixtures/index.js +3 -1
- package/lib/mjs/Webform.js +0 -3
- package/lib/mjs/components/datagrid/DataGrid.js +1 -1
- package/lib/mjs/components/datamap/DataMap.js +1 -1
- package/lib/mjs/components/editgrid/EditGrid.js +10 -0
- package/lib/mjs/components/editgrid/fixtures/comp-test-events.d.ts +54 -0
- package/lib/mjs/components/editgrid/fixtures/comp-test-events.js +52 -0
- package/lib/mjs/components/editgrid/fixtures/index.d.ts +2 -1
- package/lib/mjs/components/editgrid/fixtures/index.js +2 -1
- package/package.json +1 -1
package/lib/cjs/Webform.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
const lodash_1 = __importDefault(require("lodash"));
|
|
7
7
|
const NestedArrayComponent_1 = __importDefault(require("../_classes/nestedarray/NestedArrayComponent"));
|
|
8
8
|
const utils_1 = require("../../utils/utils");
|
|
9
|
-
const Components_1 = require("../Components");
|
|
9
|
+
const Components_1 = __importDefault(require("../Components"));
|
|
10
10
|
const dragula_1 = __importDefault(require("dragula"));
|
|
11
11
|
class DataGridComponent extends NestedArrayComponent_1.default {
|
|
12
12
|
static schema(...extend) {
|
|
@@ -422,7 +422,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
|
|
|
422
422
|
}
|
|
423
423
|
component.rowIndex = rowIndex;
|
|
424
424
|
component.row = `${rowIndex}-${colIndex}`;
|
|
425
|
-
component.path = Components_1.
|
|
425
|
+
component.path = Components_1.default.getComponentPath(component);
|
|
426
426
|
});
|
|
427
427
|
}
|
|
428
428
|
updateRowsComponents(rowIndex) {
|
|
@@ -8,7 +8,7 @@ const DataGrid_1 = __importDefault(require("../datagrid/DataGrid"));
|
|
|
8
8
|
const lodash_1 = __importDefault(require("lodash"));
|
|
9
9
|
const eventemitter3_1 = __importDefault(require("eventemitter3"));
|
|
10
10
|
const utils_1 = require("../../utils/utils");
|
|
11
|
-
const Components_1 = require("../Components");
|
|
11
|
+
const Components_1 = __importDefault(require("../Components"));
|
|
12
12
|
class DataMapComponent extends DataGrid_1.default {
|
|
13
13
|
static schema(...extend) {
|
|
14
14
|
return Component_1.default.schema({
|
|
@@ -241,7 +241,7 @@ class DataMapComponent extends DataGrid_1.default {
|
|
|
241
241
|
delete dataValue[key];
|
|
242
242
|
const comp = components[this.valueKey];
|
|
243
243
|
comp.component.key = newKey;
|
|
244
|
-
comp.path = Components_1.
|
|
244
|
+
comp.path = Components_1.default.calculateComponentPath(comp);
|
|
245
245
|
key = newKey;
|
|
246
246
|
});
|
|
247
247
|
const valueComponent = lodash_1.default.clone(this.component.valueComponent);
|
|
@@ -681,6 +681,11 @@ class EditGridComponent extends NestedArrayComponent_1.default {
|
|
|
681
681
|
}
|
|
682
682
|
},
|
|
683
683
|
}, this.component.saveRow || 'Save'));
|
|
684
|
+
this.emit('editGridOpenModal', {
|
|
685
|
+
component: this.component,
|
|
686
|
+
row: editRow,
|
|
687
|
+
instance: this,
|
|
688
|
+
});
|
|
684
689
|
return this.attachComponents(modalContent, components);
|
|
685
690
|
}
|
|
686
691
|
showDialog(rowIndex) {
|
|
@@ -738,6 +743,11 @@ class EditGridComponent extends NestedArrayComponent_1.default {
|
|
|
738
743
|
editRow.data = dataSnapshot;
|
|
739
744
|
this.restoreRowContext(editRow);
|
|
740
745
|
}
|
|
746
|
+
this.emit('editGridEditRow', {
|
|
747
|
+
component: this.component,
|
|
748
|
+
row: editRow,
|
|
749
|
+
instance: this,
|
|
750
|
+
});
|
|
741
751
|
if (this.component.modal) {
|
|
742
752
|
return this.addRowModal(rowIndex);
|
|
743
753
|
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
let _id: string;
|
|
3
|
+
let title: string;
|
|
4
|
+
let name: string;
|
|
5
|
+
let path: string;
|
|
6
|
+
let type: string;
|
|
7
|
+
let display: string;
|
|
8
|
+
let owner: string;
|
|
9
|
+
let components: ({
|
|
10
|
+
label: string;
|
|
11
|
+
tableView: boolean;
|
|
12
|
+
modal: boolean;
|
|
13
|
+
validateWhenHidden: boolean;
|
|
14
|
+
rowDrafts: boolean;
|
|
15
|
+
key: string;
|
|
16
|
+
type: string;
|
|
17
|
+
displayAsTable: boolean;
|
|
18
|
+
input: boolean;
|
|
19
|
+
components: {
|
|
20
|
+
label: string;
|
|
21
|
+
applyMaskOn: string;
|
|
22
|
+
tableView: boolean;
|
|
23
|
+
validateWhenHidden: boolean;
|
|
24
|
+
key: string;
|
|
25
|
+
type: string;
|
|
26
|
+
input: boolean;
|
|
27
|
+
}[];
|
|
28
|
+
disableOnInvalid?: undefined;
|
|
29
|
+
} | {
|
|
30
|
+
type: string;
|
|
31
|
+
label: string;
|
|
32
|
+
key: string;
|
|
33
|
+
disableOnInvalid: boolean;
|
|
34
|
+
input: boolean;
|
|
35
|
+
tableView: boolean;
|
|
36
|
+
modal?: undefined;
|
|
37
|
+
validateWhenHidden?: undefined;
|
|
38
|
+
rowDrafts?: undefined;
|
|
39
|
+
displayAsTable?: undefined;
|
|
40
|
+
components?: undefined;
|
|
41
|
+
})[];
|
|
42
|
+
let pdfComponents: never[];
|
|
43
|
+
let settings: {};
|
|
44
|
+
let properties: {};
|
|
45
|
+
let project: string;
|
|
46
|
+
let controller: string;
|
|
47
|
+
let revisions: string;
|
|
48
|
+
let submissionRevisions: string;
|
|
49
|
+
let _vid: number;
|
|
50
|
+
let created: string;
|
|
51
|
+
let modified: string;
|
|
52
|
+
let machineName: string;
|
|
53
|
+
}
|
|
54
|
+
export default _default;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = {
|
|
4
|
+
_id: '669e1c88a40e327e67e7d1c5',
|
|
5
|
+
title: 'editGrid test',
|
|
6
|
+
name: 'editGridTest',
|
|
7
|
+
path: 'editgridtest',
|
|
8
|
+
type: 'form',
|
|
9
|
+
display: 'form',
|
|
10
|
+
owner: '637b2e6b48c1227e60b1f910',
|
|
11
|
+
components: [
|
|
12
|
+
{
|
|
13
|
+
label: 'Edit Grid',
|
|
14
|
+
tableView: false,
|
|
15
|
+
modal: false,
|
|
16
|
+
validateWhenHidden: false,
|
|
17
|
+
rowDrafts: false,
|
|
18
|
+
key: 'editGrid',
|
|
19
|
+
type: 'editgrid',
|
|
20
|
+
displayAsTable: false,
|
|
21
|
+
input: true,
|
|
22
|
+
components: [
|
|
23
|
+
{
|
|
24
|
+
label: 'Text Field',
|
|
25
|
+
applyMaskOn: 'change',
|
|
26
|
+
tableView: true,
|
|
27
|
+
validateWhenHidden: false,
|
|
28
|
+
key: 'textField',
|
|
29
|
+
type: 'textfield',
|
|
30
|
+
input: true,
|
|
31
|
+
},
|
|
32
|
+
],
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
type: 'button',
|
|
36
|
+
label: 'Submit',
|
|
37
|
+
key: 'submit',
|
|
38
|
+
disableOnInvalid: true,
|
|
39
|
+
input: true,
|
|
40
|
+
tableView: false,
|
|
41
|
+
},
|
|
42
|
+
],
|
|
43
|
+
pdfComponents: [],
|
|
44
|
+
settings: {},
|
|
45
|
+
properties: {},
|
|
46
|
+
project: '669e1c68a40e327e67e7cedd',
|
|
47
|
+
controller: '',
|
|
48
|
+
revisions: '',
|
|
49
|
+
submissionRevisions: '',
|
|
50
|
+
_vid: 0,
|
|
51
|
+
created: '2024-07-22T08:47:04.399Z',
|
|
52
|
+
modified: '2024-07-22T10:04:23.474Z',
|
|
53
|
+
machineName: 'authoring-qzdhayddccjauyr:editGridTest',
|
|
54
|
+
};
|
|
@@ -16,4 +16,5 @@ import comp9 from './comp9';
|
|
|
16
16
|
import compOpenWhenEmpty from './comp-openWhenEmpty';
|
|
17
17
|
import withOpenWhenEmptyAndConditions from './comp-with-conditions-and-openWhenEmpty';
|
|
18
18
|
import compWithCustomDefaultValue from './comp-with-custom-default-value';
|
|
19
|
-
|
|
19
|
+
import compTestEvents from './comp-test-events';
|
|
20
|
+
export { comp1, comp2, comp3, comp10, comp11, comp12, comp13, comp14, comp15, comp4, comp5, comp6, comp7, comp8, comp9, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.compWithCustomDefaultValue = exports.withOpenWhenEmptyAndConditions = exports.compOpenWhenEmpty = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
|
|
6
|
+
exports.compTestEvents = exports.compWithCustomDefaultValue = exports.withOpenWhenEmptyAndConditions = exports.compOpenWhenEmpty = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
|
|
7
7
|
const comp1_1 = __importDefault(require("./comp1"));
|
|
8
8
|
exports.comp1 = comp1_1.default;
|
|
9
9
|
const comp2_1 = __importDefault(require("./comp2"));
|
|
@@ -40,3 +40,5 @@ const comp_openWhenEmpty_1 = __importDefault(require("./comp-openWhenEmpty"));
|
|
|
40
40
|
exports.compOpenWhenEmpty = comp_openWhenEmpty_1.default;
|
|
41
41
|
const comp_with_custom_default_value_1 = __importDefault(require("./comp-with-custom-default-value"));
|
|
42
42
|
exports.compWithCustomDefaultValue = comp_with_custom_default_value_1.default;
|
|
43
|
+
const comp_test_events_1 = __importDefault(require("./comp-test-events"));
|
|
44
|
+
exports.compTestEvents = comp_test_events_1.default;
|
package/lib/mjs/Webform.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _ from 'lodash';
|
|
2
2
|
import NestedArrayComponent from '../_classes/nestedarray/NestedArrayComponent';
|
|
3
3
|
import { fastCloneDeep, getFocusableElements } from '../../utils/utils';
|
|
4
|
-
import
|
|
4
|
+
import Components from '../Components';
|
|
5
5
|
import dragula from 'dragula';
|
|
6
6
|
export default class DataGridComponent extends NestedArrayComponent {
|
|
7
7
|
static schema(...extend) {
|
|
@@ -3,7 +3,7 @@ import DataGridComponent from '../datagrid/DataGrid';
|
|
|
3
3
|
import _ from 'lodash';
|
|
4
4
|
import EventEmitter from 'eventemitter3';
|
|
5
5
|
import { componentValueTypes, getComponentSavedTypes, uniqueKey } from '../../utils/utils';
|
|
6
|
-
import
|
|
6
|
+
import Components from '../Components';
|
|
7
7
|
export default class DataMapComponent extends DataGridComponent {
|
|
8
8
|
static schema(...extend) {
|
|
9
9
|
return Component.schema({
|
|
@@ -672,6 +672,11 @@ export default class EditGridComponent extends NestedArrayComponent {
|
|
|
672
672
|
}
|
|
673
673
|
},
|
|
674
674
|
}, this.component.saveRow || 'Save'));
|
|
675
|
+
this.emit('editGridOpenModal', {
|
|
676
|
+
component: this.component,
|
|
677
|
+
row: editRow,
|
|
678
|
+
instance: this,
|
|
679
|
+
});
|
|
675
680
|
return this.attachComponents(modalContent, components);
|
|
676
681
|
}
|
|
677
682
|
showDialog(rowIndex) {
|
|
@@ -729,6 +734,11 @@ export default class EditGridComponent extends NestedArrayComponent {
|
|
|
729
734
|
editRow.data = dataSnapshot;
|
|
730
735
|
this.restoreRowContext(editRow);
|
|
731
736
|
}
|
|
737
|
+
this.emit('editGridEditRow', {
|
|
738
|
+
component: this.component,
|
|
739
|
+
row: editRow,
|
|
740
|
+
instance: this,
|
|
741
|
+
});
|
|
732
742
|
if (this.component.modal) {
|
|
733
743
|
return this.addRowModal(rowIndex);
|
|
734
744
|
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
let _id: string;
|
|
3
|
+
let title: string;
|
|
4
|
+
let name: string;
|
|
5
|
+
let path: string;
|
|
6
|
+
let type: string;
|
|
7
|
+
let display: string;
|
|
8
|
+
let owner: string;
|
|
9
|
+
let components: ({
|
|
10
|
+
label: string;
|
|
11
|
+
tableView: boolean;
|
|
12
|
+
modal: boolean;
|
|
13
|
+
validateWhenHidden: boolean;
|
|
14
|
+
rowDrafts: boolean;
|
|
15
|
+
key: string;
|
|
16
|
+
type: string;
|
|
17
|
+
displayAsTable: boolean;
|
|
18
|
+
input: boolean;
|
|
19
|
+
components: {
|
|
20
|
+
label: string;
|
|
21
|
+
applyMaskOn: string;
|
|
22
|
+
tableView: boolean;
|
|
23
|
+
validateWhenHidden: boolean;
|
|
24
|
+
key: string;
|
|
25
|
+
type: string;
|
|
26
|
+
input: boolean;
|
|
27
|
+
}[];
|
|
28
|
+
disableOnInvalid?: undefined;
|
|
29
|
+
} | {
|
|
30
|
+
type: string;
|
|
31
|
+
label: string;
|
|
32
|
+
key: string;
|
|
33
|
+
disableOnInvalid: boolean;
|
|
34
|
+
input: boolean;
|
|
35
|
+
tableView: boolean;
|
|
36
|
+
modal?: undefined;
|
|
37
|
+
validateWhenHidden?: undefined;
|
|
38
|
+
rowDrafts?: undefined;
|
|
39
|
+
displayAsTable?: undefined;
|
|
40
|
+
components?: undefined;
|
|
41
|
+
})[];
|
|
42
|
+
let pdfComponents: never[];
|
|
43
|
+
let settings: {};
|
|
44
|
+
let properties: {};
|
|
45
|
+
let project: string;
|
|
46
|
+
let controller: string;
|
|
47
|
+
let revisions: string;
|
|
48
|
+
let submissionRevisions: string;
|
|
49
|
+
let _vid: number;
|
|
50
|
+
let created: string;
|
|
51
|
+
let modified: string;
|
|
52
|
+
let machineName: string;
|
|
53
|
+
}
|
|
54
|
+
export default _default;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
_id: '669e1c88a40e327e67e7d1c5',
|
|
3
|
+
title: 'editGrid test',
|
|
4
|
+
name: 'editGridTest',
|
|
5
|
+
path: 'editgridtest',
|
|
6
|
+
type: 'form',
|
|
7
|
+
display: 'form',
|
|
8
|
+
owner: '637b2e6b48c1227e60b1f910',
|
|
9
|
+
components: [
|
|
10
|
+
{
|
|
11
|
+
label: 'Edit Grid',
|
|
12
|
+
tableView: false,
|
|
13
|
+
modal: false,
|
|
14
|
+
validateWhenHidden: false,
|
|
15
|
+
rowDrafts: false,
|
|
16
|
+
key: 'editGrid',
|
|
17
|
+
type: 'editgrid',
|
|
18
|
+
displayAsTable: false,
|
|
19
|
+
input: true,
|
|
20
|
+
components: [
|
|
21
|
+
{
|
|
22
|
+
label: 'Text Field',
|
|
23
|
+
applyMaskOn: 'change',
|
|
24
|
+
tableView: true,
|
|
25
|
+
validateWhenHidden: false,
|
|
26
|
+
key: 'textField',
|
|
27
|
+
type: 'textfield',
|
|
28
|
+
input: true,
|
|
29
|
+
},
|
|
30
|
+
],
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
type: 'button',
|
|
34
|
+
label: 'Submit',
|
|
35
|
+
key: 'submit',
|
|
36
|
+
disableOnInvalid: true,
|
|
37
|
+
input: true,
|
|
38
|
+
tableView: false,
|
|
39
|
+
},
|
|
40
|
+
],
|
|
41
|
+
pdfComponents: [],
|
|
42
|
+
settings: {},
|
|
43
|
+
properties: {},
|
|
44
|
+
project: '669e1c68a40e327e67e7cedd',
|
|
45
|
+
controller: '',
|
|
46
|
+
revisions: '',
|
|
47
|
+
submissionRevisions: '',
|
|
48
|
+
_vid: 0,
|
|
49
|
+
created: '2024-07-22T08:47:04.399Z',
|
|
50
|
+
modified: '2024-07-22T10:04:23.474Z',
|
|
51
|
+
machineName: 'authoring-qzdhayddccjauyr:editGridTest',
|
|
52
|
+
};
|
|
@@ -16,4 +16,5 @@ import comp9 from './comp9';
|
|
|
16
16
|
import compOpenWhenEmpty from './comp-openWhenEmpty';
|
|
17
17
|
import withOpenWhenEmptyAndConditions from './comp-with-conditions-and-openWhenEmpty';
|
|
18
18
|
import compWithCustomDefaultValue from './comp-with-custom-default-value';
|
|
19
|
-
|
|
19
|
+
import compTestEvents from './comp-test-events';
|
|
20
|
+
export { comp1, comp2, comp3, comp10, comp11, comp12, comp13, comp14, comp15, comp4, comp5, comp6, comp7, comp8, comp9, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };
|
|
@@ -16,4 +16,5 @@ import comp15 from './comp15';
|
|
|
16
16
|
import withOpenWhenEmptyAndConditions from './comp-with-conditions-and-openWhenEmpty';
|
|
17
17
|
import compOpenWhenEmpty from './comp-openWhenEmpty';
|
|
18
18
|
import compWithCustomDefaultValue from './comp-with-custom-default-value';
|
|
19
|
-
|
|
19
|
+
import compTestEvents from './comp-test-events';
|
|
20
|
+
export { comp1, comp2, comp3, comp10, comp11, comp12, comp13, comp14, comp15, comp4, comp5, comp6, comp7, comp8, comp9, compOpenWhenEmpty, withOpenWhenEmptyAndConditions, compWithCustomDefaultValue, compTestEvents };
|