@processmaker/screen-builder 3.8.14 → 3.8.16
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/vue-form-builder.css +1 -1
- package/dist/vue-form-builder.es.js +6956 -6491
- package/dist/vue-form-builder.es.js.map +1 -1
- package/dist/vue-form-builder.umd.js +51 -51
- package/dist/vue-form-builder.umd.js.map +1 -1
- package/package.json +9 -1
- package/src/components/accordions.js +96 -65
- package/src/components/inspector/index.js +1 -0
- package/src/components/inspector/variables-to-submit.vue +782 -0
- package/src/components/renderer/form-button.vue +4 -2
- package/src/components/task.vue +19 -4
- package/src/components/vue-form-renderer.vue +4 -2
- package/src/form-builder-controls.js +8 -0
- package/src/mixins/Json2Vue.js +2 -1
- package/src/mixins/ScreenBase.js +28 -3
- package/src/mixins/VariablesToSubmitFilter.js +76 -0
- package/src/mixins/index.js +1 -0
- package/src/stories/VariablesToSubmit.stories.js +686 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@processmaker/screen-builder",
|
|
3
|
-
"version": "3.8.
|
|
3
|
+
"version": "3.8.16",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "VITE_COVERAGE=true vite",
|
|
6
6
|
"build": "vite build",
|
|
@@ -12,6 +12,9 @@
|
|
|
12
12
|
"storybook": "storybook dev -p 6006",
|
|
13
13
|
"build-storybook": "storybook build",
|
|
14
14
|
"test-storybook": "test-storybook",
|
|
15
|
+
"test": "jest tests/unit --no-coverage",
|
|
16
|
+
"test:coverage": "jest tests/unit --coverage",
|
|
17
|
+
"test:variables": "jest tests/unit/VariablesToSubmit.spec.js --no-coverage",
|
|
15
18
|
"serve": "npm run dev"
|
|
16
19
|
},
|
|
17
20
|
"main": "./dist/vue-form-builder.umd.js",
|
|
@@ -72,6 +75,7 @@
|
|
|
72
75
|
"@vue/test-utils": "^1.1.1",
|
|
73
76
|
"axios": "^1.6.0",
|
|
74
77
|
"babel-core": "7.0.0-bridge.0",
|
|
78
|
+
"babel-jest": "^26.6.3",
|
|
75
79
|
"babel-plugin-istanbul": "^6.1.1",
|
|
76
80
|
"bootstrap": "^4.5.3",
|
|
77
81
|
"bootstrap-vue": "^2.19.0",
|
|
@@ -93,6 +97,9 @@
|
|
|
93
97
|
"i18next": "^15.0.8",
|
|
94
98
|
"identity-obj-proxy": "^3.0.0",
|
|
95
99
|
"inputmask": "^5.0.7",
|
|
100
|
+
"jest-environment-jsdom": "^30.2.0",
|
|
101
|
+
"jest-serializer-vue": "^2.0.2",
|
|
102
|
+
"jest-transform-stub": "^2.0.0",
|
|
96
103
|
"mustache": "^3.0.1",
|
|
97
104
|
"nyc": "^15.1.0",
|
|
98
105
|
"prettier": "2.7.1",
|
|
@@ -107,6 +114,7 @@
|
|
|
107
114
|
"vite-plugin-monaco-editor": "^1.1.0",
|
|
108
115
|
"vue": "^2.6.12",
|
|
109
116
|
"vue-deepset": "^0.6.3",
|
|
117
|
+
"vue-jest": "^3.0.7",
|
|
110
118
|
"vue-template-compiler": "^2.6.14",
|
|
111
119
|
"vue-uniq-ids": "^1.0.0",
|
|
112
120
|
"vue-upload-component": "^2.8.14",
|
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
export default [
|
|
2
2
|
{
|
|
3
|
-
name:
|
|
3
|
+
name: "Variable",
|
|
4
4
|
fields: [
|
|
5
|
-
{ name:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
5
|
+
{ name: "name", hideFor: "FormImage" },
|
|
6
|
+
"fieldValue",
|
|
7
|
+
"label",
|
|
8
|
+
"dataFormat",
|
|
9
|
+
"dataMask",
|
|
10
|
+
"validation",
|
|
11
|
+
"readonly",
|
|
12
|
+
"disabled",
|
|
13
|
+
"initiallyChecked",
|
|
14
|
+
"screen",
|
|
15
|
+
"multipleUpload",
|
|
16
|
+
"linkUrl",
|
|
17
|
+
"collection",
|
|
18
|
+
"record",
|
|
19
|
+
"collectionmode",
|
|
20
|
+
"submitCollectionCheck"
|
|
21
21
|
],
|
|
22
|
-
open: true
|
|
22
|
+
open: true
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
|
-
name:
|
|
25
|
+
name: "Configuration",
|
|
26
26
|
fields: [
|
|
27
|
-
{ name:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
{ name:
|
|
39
|
-
|
|
40
|
-
|
|
27
|
+
{ name: "name", showFor: "FormImage" },
|
|
28
|
+
"image",
|
|
29
|
+
"eventData",
|
|
30
|
+
"tooltip",
|
|
31
|
+
"type",
|
|
32
|
+
"placeholder",
|
|
33
|
+
"content",
|
|
34
|
+
"helper",
|
|
35
|
+
"Multiselect checkbox (doesn’t exist)",
|
|
36
|
+
"richtext",
|
|
37
|
+
"rows",
|
|
38
|
+
{ name: "options", showFor: "FormMultiColumn" },
|
|
39
|
+
"form",
|
|
40
|
+
"editable"
|
|
41
41
|
],
|
|
42
|
-
open: false
|
|
42
|
+
open: false
|
|
43
43
|
},
|
|
44
44
|
{
|
|
45
45
|
name(control) {
|
|
@@ -50,43 +50,74 @@ export default [
|
|
|
50
50
|
return control.component === "FormRecordList" ? "Columns" : "Data Source";
|
|
51
51
|
},
|
|
52
52
|
fields: [
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
{ name:
|
|
53
|
+
"fields",
|
|
54
|
+
"paginationOption",
|
|
55
|
+
{ name: "options", hideFor: "FormMultiColumn" }
|
|
56
56
|
],
|
|
57
|
-
open: false
|
|
57
|
+
open: false
|
|
58
58
|
},
|
|
59
59
|
{
|
|
60
|
-
name:
|
|
60
|
+
name: "Design",
|
|
61
61
|
fields: ['color', 'bgcolor', 'variant', 'variantStyle', 'toggle', 'height', 'width', 'designerMode', 'bgcolormodern'],
|
|
62
|
-
open: false
|
|
62
|
+
open: false
|
|
63
63
|
},
|
|
64
64
|
{
|
|
65
|
-
name:
|
|
66
|
-
fields: [
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
{name:
|
|
73
|
-
{name:
|
|
74
|
-
{name:
|
|
75
|
-
{name:
|
|
76
|
-
{name:
|
|
77
|
-
{name:
|
|
78
|
-
{name:
|
|
79
|
-
{name:
|
|
80
|
-
{name:
|
|
81
|
-
{name:
|
|
82
|
-
{name:
|
|
83
|
-
{name:
|
|
84
|
-
{name:
|
|
85
|
-
{name:
|
|
86
|
-
{name:
|
|
87
|
-
{name:
|
|
88
|
-
{name:
|
|
65
|
+
name: "Advanced",
|
|
66
|
+
fields: [
|
|
67
|
+
"conditionalHide",
|
|
68
|
+
"deviceVisibility",
|
|
69
|
+
"customCssSelector",
|
|
70
|
+
"defaultValue",
|
|
71
|
+
"showForDesktop",
|
|
72
|
+
{name: "customFormatter", showFor: "FormInput"},
|
|
73
|
+
{name: "ariaLabel", showFor: "FormInput"},
|
|
74
|
+
{name: "ariaLabel", showFor: "FormSelectList"},
|
|
75
|
+
{name: "ariaLabel", showFor: "FormDatePicker"},
|
|
76
|
+
{name: "ariaLabel", showFor: "FormCheckbox"},
|
|
77
|
+
{name: "ariaLabel", showFor: "FormDatePicker"},
|
|
78
|
+
{name: "ariaLabel", showFor: "FileUpload"},
|
|
79
|
+
{name: "ariaLabel", showFor: "FileDownload"},
|
|
80
|
+
{name: "ariaLabel", showFor: "FormSelectList"},
|
|
81
|
+
{name: "ariaLabel", showFor: "FormButton"},
|
|
82
|
+
{name: "ariaLabel", showFor: "FormTextArea"},
|
|
83
|
+
{name: "tabindex", showFor: "FormInput"},
|
|
84
|
+
{name: "tabindex", showFor: "FormSelectList"},
|
|
85
|
+
{name: "tabindex", showFor: "FormDatePicker"},
|
|
86
|
+
{name: "tabindex", showFor: "FormCheckbox"},
|
|
87
|
+
{name: "tabindex", showFor: "FormDatePicker"},
|
|
88
|
+
{name: "tabindex", showFor: "FileUpload"},
|
|
89
|
+
{name: "tabindex", showFor: "FileDownload"},
|
|
90
|
+
{name: "tabindex", showFor: "FormSelectList"},
|
|
91
|
+
{name: "tabindex", showFor: "FormButton"},
|
|
92
|
+
{name: "tabindex", showFor: "FormTextArea"},
|
|
93
|
+
{name: "encryptedConfig", showFor: "FormInput"},
|
|
94
|
+
{name: "variablesToSubmit", showFor: "FormButton"},
|
|
89
95
|
],
|
|
90
|
-
open: false
|
|
96
|
+
open: false
|
|
91
97
|
},
|
|
98
|
+
{
|
|
99
|
+
name: "Accessibility",
|
|
100
|
+
fields: [
|
|
101
|
+
{ name: "ariaLabel", showFor: "FormInput" },
|
|
102
|
+
{ name: "ariaLabel", showFor: "FormSelectList" },
|
|
103
|
+
{ name: "ariaLabel", showFor: "FormDatePicker" },
|
|
104
|
+
{ name: "ariaLabel", showFor: "FormCheckbox" },
|
|
105
|
+
{ name: "ariaLabel", showFor: "FormDatePicker" },
|
|
106
|
+
{ name: "ariaLabel", showFor: "FileUpload" },
|
|
107
|
+
{ name: "ariaLabel", showFor: "FileDownload" },
|
|
108
|
+
{ name: "ariaLabel", showFor: "FormSelectList" },
|
|
109
|
+
{ name: "ariaLabel", showFor: "FormButton" },
|
|
110
|
+
{ name: "ariaLabel", showFor: "FormTextArea" },
|
|
111
|
+
{ name: "tabindex", showFor: "FormInput" },
|
|
112
|
+
{ name: "tabindex", showFor: "FormSelectList" },
|
|
113
|
+
{ name: "tabindex", showFor: "FormDatePicker" },
|
|
114
|
+
{ name: "tabindex", showFor: "FormCheckbox" },
|
|
115
|
+
{ name: "tabindex", showFor: "FileUpload" },
|
|
116
|
+
{ name: "tabindex", showFor: "FileDownload" },
|
|
117
|
+
{ name: "tabindex", showFor: "FormSelectList" },
|
|
118
|
+
{ name: "tabindex", showFor: "FormButton" },
|
|
119
|
+
{ name: "tabindex", showFor: "FormTextArea" }
|
|
120
|
+
],
|
|
121
|
+
open: false
|
|
122
|
+
}
|
|
92
123
|
];
|
|
@@ -32,3 +32,4 @@ export { default as LabelSubmitButton } from "./label-submit-button.vue";
|
|
|
32
32
|
export { default as AnalyticsSelector } from "./analytics-selector.vue";
|
|
33
33
|
export { default as EncryptedConfig } from "./encrypted-config.vue";
|
|
34
34
|
export { default as CodeEditor } from "./code-editor.vue";
|
|
35
|
+
export { default as VariablesToSubmit } from "./variables-to-submit.vue";
|