impaktapps-ui-builder 0.0.592 → 0.0.596
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/impaktapps-ui-builder.es.js +266 -339
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +12 -12
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildCard.d.ts +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildUiSchema.d.ts +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +0 -2
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +83 -104
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildCard.ts +6 -6
- package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +7 -7
- package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +10 -10
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +47 -64
- package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +90 -132
- package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +11 -11
- package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -3
- package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -2
- package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +7 -6
- package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +3 -3
- package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +3 -3
- package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +3 -3
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +31 -15
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +11 -18
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +16 -7
- package/src/impaktapps-ui-builder/builder/services/event.ts +3 -29
- package/src/impaktapps-ui-builder/runtime/services/events.ts +1 -1
- package/src/impaktapps-ui-builder/runtime/services/service.ts +15 -14
|
@@ -13,7 +13,7 @@ export const uploadFile = {
|
|
|
13
13
|
"style": {
|
|
14
14
|
"backgroundColor": "none"
|
|
15
15
|
},
|
|
16
|
-
layout: { xs:
|
|
16
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 }
|
|
17
17
|
},
|
|
18
18
|
"options": {
|
|
19
19
|
"widget": "UploadFile"
|
|
@@ -30,7 +30,7 @@ export const downloadFile = {
|
|
|
30
30
|
"style": {
|
|
31
31
|
"backgroundColor": "none"
|
|
32
32
|
},
|
|
33
|
-
layout: { xs:
|
|
33
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 }
|
|
34
34
|
},
|
|
35
35
|
"options": {
|
|
36
36
|
"widget": "DownloadFile"
|
|
@@ -43,9 +43,9 @@ export default {
|
|
|
43
43
|
border: "5px solid rgb(179, 198, 255)",
|
|
44
44
|
height: { "xs": "100px", "sm": "100px", "md": "200px" },
|
|
45
45
|
borderRadius: "50%"
|
|
46
|
-
|
|
46
|
+
|
|
47
47
|
},
|
|
48
|
-
|
|
48
|
+
|
|
49
49
|
},
|
|
50
50
|
layout: 6,
|
|
51
51
|
},
|
|
@@ -67,6 +67,7 @@ export default {
|
|
|
67
67
|
width: "100%",
|
|
68
68
|
height: "100%",
|
|
69
69
|
borderRadius: "50%"
|
|
70
|
+
|
|
70
71
|
},
|
|
71
72
|
containerStyle: {
|
|
72
73
|
objectFit: "cover",
|
|
@@ -77,9 +78,9 @@ export default {
|
|
|
77
78
|
border: "5px solid rgb(179, 198, 255)",
|
|
78
79
|
height: { "xs": "80px", "sm": "80px", "md": "180px" },
|
|
79
80
|
borderRadius: "50%"
|
|
80
|
-
|
|
81
|
+
|
|
81
82
|
},
|
|
82
|
-
|
|
83
|
+
|
|
83
84
|
},
|
|
84
85
|
layout: 6,
|
|
85
86
|
},
|
|
@@ -110,9 +111,9 @@ export default {
|
|
|
110
111
|
border: "5px solid rgb(179, 198, 255)",
|
|
111
112
|
height: { "xs": "80px", "sm": "80px", "md": "180px" },
|
|
112
113
|
borderRadius: "50%"
|
|
113
|
-
|
|
114
|
+
|
|
114
115
|
},
|
|
115
|
-
|
|
116
|
+
|
|
116
117
|
},
|
|
117
118
|
layout: 6,
|
|
118
119
|
},
|
|
@@ -19,7 +19,7 @@ export const refreshSectionUiSchema = {
|
|
|
19
19
|
widget: "InputField",
|
|
20
20
|
},
|
|
21
21
|
config: {
|
|
22
|
-
layout: { xs:
|
|
22
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
23
23
|
main: {
|
|
24
24
|
label: "Value",
|
|
25
25
|
},
|
|
@@ -33,7 +33,7 @@ export const refreshSectionUiSchema = {
|
|
|
33
33
|
widget: "EmptyBox",
|
|
34
34
|
},
|
|
35
35
|
config: {
|
|
36
|
-
layout: { xs: 0, sm:
|
|
36
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
37
37
|
main: {
|
|
38
38
|
|
|
39
39
|
},
|
|
@@ -47,7 +47,7 @@ export const refreshSectionUiSchema = {
|
|
|
47
47
|
widget: "EmptyBox",
|
|
48
48
|
},
|
|
49
49
|
config: {
|
|
50
|
-
layout: { xs: 0, sm:
|
|
50
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
51
51
|
main: {
|
|
52
52
|
|
|
53
53
|
},
|
|
@@ -18,7 +18,7 @@ export const ValidationSection = {
|
|
|
18
18
|
widget: "SelectInputField",
|
|
19
19
|
},
|
|
20
20
|
config: {
|
|
21
|
-
layout: { xs:
|
|
21
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
22
22
|
main: {
|
|
23
23
|
label: "Validation Type",
|
|
24
24
|
},
|
|
@@ -32,7 +32,7 @@ export const ValidationSection = {
|
|
|
32
32
|
widget: "InputField",
|
|
33
33
|
},
|
|
34
34
|
config: {
|
|
35
|
-
layout: { xs:
|
|
35
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
36
36
|
main: {
|
|
37
37
|
label: "Validation Value",
|
|
38
38
|
},
|
|
@@ -45,7 +45,7 @@ export const ValidationSection = {
|
|
|
45
45
|
widget: "EmptyBox"
|
|
46
46
|
},
|
|
47
47
|
config: {
|
|
48
|
-
layout: {xs: 0, sm:
|
|
48
|
+
layout: {xs: 0, sm: 4}
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
],
|
|
@@ -18,7 +18,7 @@ export const ValueTab = {
|
|
|
18
18
|
widget: "InputField",
|
|
19
19
|
},
|
|
20
20
|
config: {
|
|
21
|
-
layout: { xs:
|
|
21
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
22
22
|
main: {
|
|
23
23
|
label: "Label",
|
|
24
24
|
},
|
|
@@ -32,7 +32,7 @@ export const ValueTab = {
|
|
|
32
32
|
widget: "InputField",
|
|
33
33
|
},
|
|
34
34
|
config: {
|
|
35
|
-
layout: { xs:
|
|
35
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
36
36
|
main: {
|
|
37
37
|
label: "Value",
|
|
38
38
|
|
|
@@ -46,7 +46,7 @@ export const ValueTab = {
|
|
|
46
46
|
widget: "EmptyBox"
|
|
47
47
|
},
|
|
48
48
|
config: {
|
|
49
|
-
layout: { xs: 0, sm:
|
|
49
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
],
|
|
@@ -45,7 +45,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
45
45
|
widget: "SelectInputField",
|
|
46
46
|
},
|
|
47
47
|
config: {
|
|
48
|
-
layout: { xs:
|
|
48
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
49
49
|
main: {
|
|
50
50
|
label: "Type",
|
|
51
51
|
},
|
|
@@ -59,7 +59,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
59
59
|
widget: "InputField",
|
|
60
60
|
},
|
|
61
61
|
config: {
|
|
62
|
-
layout: { xs:
|
|
62
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
63
63
|
main: {
|
|
64
64
|
label: "Name",
|
|
65
65
|
options: [],
|
|
@@ -76,7 +76,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
76
76
|
widget: "InputField",
|
|
77
77
|
},
|
|
78
78
|
config: {
|
|
79
|
-
layout: { xs:
|
|
79
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
80
80
|
main: {
|
|
81
81
|
label: "Label",
|
|
82
82
|
options: [],
|
|
@@ -92,7 +92,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
92
92
|
widget: "SelectInputField",
|
|
93
93
|
},
|
|
94
94
|
config: {
|
|
95
|
-
layout: { xs:
|
|
95
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
96
96
|
main: {
|
|
97
97
|
label: "Column Format",
|
|
98
98
|
|
|
@@ -103,7 +103,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
103
103
|
type: "Control",
|
|
104
104
|
scope: "#/properties/proc",
|
|
105
105
|
config: {
|
|
106
|
-
layout: { xs: 0, sm:
|
|
106
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
107
107
|
},
|
|
108
108
|
options: {
|
|
109
109
|
widget: "EmptyBox",
|
|
@@ -113,7 +113,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
113
113
|
type: "Control",
|
|
114
114
|
scope: "#/properties/proc",
|
|
115
115
|
config: {
|
|
116
|
-
layout: { xs: 0, sm:
|
|
116
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
117
117
|
},
|
|
118
118
|
options: {
|
|
119
119
|
widget: "EmptyBox",
|
|
@@ -134,7 +134,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
134
134
|
widget: "SelectInputField",
|
|
135
135
|
},
|
|
136
136
|
config: {
|
|
137
|
-
layout: { xs:
|
|
137
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
138
138
|
main: {
|
|
139
139
|
label: "Screen Size",
|
|
140
140
|
|
|
@@ -149,7 +149,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
149
149
|
widget: "InputField",
|
|
150
150
|
},
|
|
151
151
|
config: {
|
|
152
|
-
layout: { xs:
|
|
152
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
153
153
|
main: {
|
|
154
154
|
label: "Value",
|
|
155
155
|
type:"number",
|
|
@@ -164,7 +164,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
164
164
|
type: "Control",
|
|
165
165
|
scope: "#/properties/proc",
|
|
166
166
|
config: {
|
|
167
|
-
layout: { xs: 0, sm:
|
|
167
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
168
168
|
},
|
|
169
169
|
options: {
|
|
170
170
|
widget: "EmptyBox",
|
|
@@ -364,6 +364,17 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
364
364
|
},
|
|
365
365
|
]
|
|
366
366
|
},
|
|
367
|
+
|
|
368
|
+
{
|
|
369
|
+
type: "Control",
|
|
370
|
+
scope: "#/properties/EmptyBox",
|
|
371
|
+
options: {
|
|
372
|
+
widget: "EmptyBox",
|
|
373
|
+
},
|
|
374
|
+
config: {
|
|
375
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
376
|
+
},
|
|
377
|
+
},
|
|
367
378
|
{
|
|
368
379
|
type: "Control",
|
|
369
380
|
scope: "#/properties/EmptyBox",
|
|
@@ -371,7 +382,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
371
382
|
widget: "EmptyBox",
|
|
372
383
|
},
|
|
373
384
|
config: {
|
|
374
|
-
layout: { xs:
|
|
385
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
375
386
|
},
|
|
376
387
|
},
|
|
377
388
|
{
|
|
@@ -382,7 +393,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
382
393
|
},
|
|
383
394
|
|
|
384
395
|
config: {
|
|
385
|
-
layout:
|
|
396
|
+
layout: 1.8,
|
|
386
397
|
main: {
|
|
387
398
|
name: "Ok",
|
|
388
399
|
startIcon: "ApproveIcon",
|
|
@@ -392,6 +403,9 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
392
403
|
onClick: "okHandler",
|
|
393
404
|
size: "medium",
|
|
394
405
|
},
|
|
406
|
+
style: {
|
|
407
|
+
float: "right",
|
|
408
|
+
},
|
|
395
409
|
},
|
|
396
410
|
},
|
|
397
411
|
{
|
|
@@ -402,7 +416,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
402
416
|
},
|
|
403
417
|
|
|
404
418
|
config: {
|
|
405
|
-
layout:
|
|
419
|
+
layout: 1.8,
|
|
406
420
|
main: {
|
|
407
421
|
name: "Save & Exit",
|
|
408
422
|
startIcon: "ApproveIcon",
|
|
@@ -412,6 +426,9 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
412
426
|
onClick: "saveHandler",
|
|
413
427
|
size: "medium",
|
|
414
428
|
},
|
|
429
|
+
style: {
|
|
430
|
+
float: "right",
|
|
431
|
+
},
|
|
415
432
|
},
|
|
416
433
|
},
|
|
417
434
|
{
|
|
@@ -483,7 +500,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
483
500
|
height: 0,
|
|
484
501
|
margin: 0,
|
|
485
502
|
top: 0,
|
|
486
|
-
right:
|
|
503
|
+
right: '90px',
|
|
487
504
|
position: 'absolute',
|
|
488
505
|
fontSize: '12px',
|
|
489
506
|
cursor: 'pointer',
|
|
@@ -506,7 +523,6 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
506
523
|
onClick: "backHandler"
|
|
507
524
|
},
|
|
508
525
|
style: {
|
|
509
|
-
display: {xs: 'none', sm: "flex"},
|
|
510
526
|
textAlign: 'left',
|
|
511
527
|
lineHeight: 1,
|
|
512
528
|
height: 0,
|
|
@@ -517,7 +533,7 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
517
533
|
marginLeft: '2px',
|
|
518
534
|
marginRight: 0,
|
|
519
535
|
top: 3,
|
|
520
|
-
right: '
|
|
536
|
+
right: '20px',
|
|
521
537
|
position: 'absolute',
|
|
522
538
|
':hover': {
|
|
523
539
|
color: theme.palette.primary.dark,
|
|
@@ -23,7 +23,7 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
23
23
|
widget: "InputField",
|
|
24
24
|
},
|
|
25
25
|
config: {
|
|
26
|
-
layout: { xs:
|
|
26
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
27
27
|
main: {
|
|
28
28
|
label: "Name",
|
|
29
29
|
options: [],
|
|
@@ -42,7 +42,7 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
42
42
|
widget: "SelectInputField",
|
|
43
43
|
},
|
|
44
44
|
config: {
|
|
45
|
-
layout: { xs:
|
|
45
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
46
46
|
main: {
|
|
47
47
|
label: "Template",
|
|
48
48
|
options: [
|
|
@@ -63,7 +63,7 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
63
63
|
widget: "InputField",
|
|
64
64
|
},
|
|
65
65
|
config: {
|
|
66
|
-
layout: { xs:
|
|
66
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
67
67
|
main: {
|
|
68
68
|
label: "Label",
|
|
69
69
|
options: [],
|
|
@@ -72,16 +72,6 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
72
72
|
},
|
|
73
73
|
},
|
|
74
74
|
},
|
|
75
|
-
{
|
|
76
|
-
type: "Control",
|
|
77
|
-
scope: "#/properties/EmptyBox",
|
|
78
|
-
config: {
|
|
79
|
-
layout: { xs: 6, sm: 6, md: 0, lg: 0 },
|
|
80
|
-
},
|
|
81
|
-
options: {
|
|
82
|
-
widget: "EmptyBox",
|
|
83
|
-
},
|
|
84
|
-
},
|
|
85
75
|
],
|
|
86
76
|
},
|
|
87
77
|
{
|
|
@@ -297,7 +287,7 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
297
287
|
widget: "EmptyBox",
|
|
298
288
|
},
|
|
299
289
|
config: {
|
|
300
|
-
layout: { xs:
|
|
290
|
+
layout: { xs: 0, sm: 8, md: 8, lg: 8 },
|
|
301
291
|
}
|
|
302
292
|
},
|
|
303
293
|
{
|
|
@@ -308,7 +298,7 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
308
298
|
},
|
|
309
299
|
|
|
310
300
|
config: {
|
|
311
|
-
layout:
|
|
301
|
+
layout: 11.9,
|
|
312
302
|
main: {
|
|
313
303
|
name: "Save",
|
|
314
304
|
startIcon: "ApproveIcon",
|
|
@@ -318,6 +308,10 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
318
308
|
onClick: "saveHandler",
|
|
319
309
|
size: "medium",
|
|
320
310
|
},
|
|
311
|
+
style: {
|
|
312
|
+
width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
|
|
313
|
+
float: "right",
|
|
314
|
+
},
|
|
321
315
|
},
|
|
322
316
|
},
|
|
323
317
|
{
|
|
@@ -576,7 +570,7 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
576
570
|
height: 0,
|
|
577
571
|
margin: 0,
|
|
578
572
|
top: 0,
|
|
579
|
-
right:
|
|
573
|
+
right: '82px',
|
|
580
574
|
position: 'absolute',
|
|
581
575
|
fontSize: '12px',
|
|
582
576
|
cursor: 'pointer',
|
|
@@ -589,7 +583,7 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
589
583
|
{
|
|
590
584
|
type: "Control",
|
|
591
585
|
scope: "#/properties/text",
|
|
592
|
-
|
|
586
|
+
|
|
593
587
|
options: {
|
|
594
588
|
widget: "Box",
|
|
595
589
|
},
|
|
@@ -599,7 +593,6 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
599
593
|
onClick: "backHandler"
|
|
600
594
|
},
|
|
601
595
|
style: {
|
|
602
|
-
display: {xs: 'none', sm: "flex"},
|
|
603
596
|
textAlign: 'left',
|
|
604
597
|
lineHeight: 1,
|
|
605
598
|
height: 0,
|
|
@@ -47,7 +47,7 @@ export const EventUiSchema: any = (theme) => {
|
|
|
47
47
|
widget: "SelectInputField",
|
|
48
48
|
},
|
|
49
49
|
config: {
|
|
50
|
-
layout: { xs:
|
|
50
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
51
51
|
main: {
|
|
52
52
|
label: "Event Type",
|
|
53
53
|
type: "text",
|
|
@@ -178,7 +178,17 @@ export const EventUiSchema: any = (theme) => {
|
|
|
178
178
|
widget: "EmptyBox",
|
|
179
179
|
},
|
|
180
180
|
config: {
|
|
181
|
-
layout: { xs:
|
|
181
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
182
|
+
},
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
type: "Control",
|
|
186
|
+
scope: "#/properties/EmptyBox",
|
|
187
|
+
options: {
|
|
188
|
+
widget: "EmptyBox",
|
|
189
|
+
},
|
|
190
|
+
config: {
|
|
191
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
182
192
|
},
|
|
183
193
|
},
|
|
184
194
|
{
|
|
@@ -189,7 +199,7 @@ export const EventUiSchema: any = (theme) => {
|
|
|
189
199
|
},
|
|
190
200
|
|
|
191
201
|
config: {
|
|
192
|
-
layout:
|
|
202
|
+
layout: 1.8,
|
|
193
203
|
main: {
|
|
194
204
|
name: "Ok",
|
|
195
205
|
startIcon: "ApproveIcon",
|
|
@@ -212,7 +222,7 @@ export const EventUiSchema: any = (theme) => {
|
|
|
212
222
|
},
|
|
213
223
|
|
|
214
224
|
config: {
|
|
215
|
-
layout:
|
|
225
|
+
layout: 1.8,
|
|
216
226
|
main: {
|
|
217
227
|
name: "Save & Exit",
|
|
218
228
|
startIcon: "ApproveIcon",
|
|
@@ -392,7 +402,7 @@ export const EventUiSchema: any = (theme) => {
|
|
|
392
402
|
height: 0,
|
|
393
403
|
margin: 0,
|
|
394
404
|
top: 0,
|
|
395
|
-
right:
|
|
405
|
+
right: '82px',
|
|
396
406
|
position: 'absolute',
|
|
397
407
|
fontSize: '12px',
|
|
398
408
|
cursor: 'pointer',
|
|
@@ -405,7 +415,7 @@ export const EventUiSchema: any = (theme) => {
|
|
|
405
415
|
{
|
|
406
416
|
type: "Control",
|
|
407
417
|
scope: "#/properties/text",
|
|
408
|
-
|
|
418
|
+
|
|
409
419
|
options: {
|
|
410
420
|
widget: "Box",
|
|
411
421
|
},
|
|
@@ -415,7 +425,6 @@ export const EventUiSchema: any = (theme) => {
|
|
|
415
425
|
onClick: "backHandler"
|
|
416
426
|
},
|
|
417
427
|
style: {
|
|
418
|
-
display: {xs: 'none', sm: "flex"},
|
|
419
428
|
textAlign: 'left',
|
|
420
429
|
lineHeight: 1,
|
|
421
430
|
height: 0,
|
|
@@ -29,20 +29,8 @@ export default (
|
|
|
29
29
|
if (handlerType) {
|
|
30
30
|
if (handlerType === "custom") {
|
|
31
31
|
uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync","Run in Sync",["Yes","No"])
|
|
32
|
-
uiSchema.elements[
|
|
33
|
-
|
|
34
|
-
scope: "#/properties/emptyBox",
|
|
35
|
-
options: {
|
|
36
|
-
widget: "EmptyBox",
|
|
37
|
-
},
|
|
38
|
-
|
|
39
|
-
config: {
|
|
40
|
-
layout: { xs: 0, sm: 6, md: 0, lg: 0 },
|
|
41
|
-
main: {},
|
|
42
|
-
style:{}
|
|
43
|
-
},
|
|
44
|
-
};
|
|
45
|
-
uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false)
|
|
32
|
+
// uiSchema.elements[0].elements[0].elements[3] = emptyBox;
|
|
33
|
+
uiSchema.elements[1].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false)
|
|
46
34
|
schema.required = ["eventType", "Handler", "eventCode"]
|
|
47
35
|
|
|
48
36
|
} else if (handlerType === "api") {
|
|
@@ -50,26 +38,12 @@ export default (
|
|
|
50
38
|
uiSchema.elements[1].elements[0].elements[3] = APISection;
|
|
51
39
|
schema.required = ["eventType", "Handler", "method", "path"]
|
|
52
40
|
} else if (handlerType === "inBuiltFunction") {
|
|
53
|
-
|
|
54
41
|
uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name", [
|
|
55
42
|
{ label: "RankProvider", value: "RankProvider" },
|
|
56
43
|
{ label: "Download File", value: "downloadFile" },
|
|
57
44
|
{ label: "Download Blob File", value: "downloadBlobFile" }
|
|
58
45
|
])
|
|
59
|
-
uiSchema.elements[1].elements[0].elements[3] =
|
|
60
|
-
type: "Control",
|
|
61
|
-
scope: "#/properties/emptyBox",
|
|
62
|
-
options: {
|
|
63
|
-
widget: "EmptyBox",
|
|
64
|
-
},
|
|
65
|
-
|
|
66
|
-
config: {
|
|
67
|
-
layout: { xs: 6, sm: 6, md: 0, lg: 0 },
|
|
68
|
-
main: {},
|
|
69
|
-
style:{}
|
|
70
|
-
},
|
|
71
|
-
};
|
|
72
|
-
uiSchema.elements[1].elements[0].elements[4] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
|
|
46
|
+
uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
|
|
73
47
|
schema.required = ["eventType", "Handler", "inBuiltFunctionType"]
|
|
74
48
|
} else if (handlerType === "refresh") {
|
|
75
49
|
uiSchema.elements[1].elements[0].elements[2] = emptyBox;
|
|
@@ -175,7 +175,7 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
|
|
|
175
175
|
})
|
|
176
176
|
}
|
|
177
177
|
else if (eventConfig.type === "page") {
|
|
178
|
-
if (!
|
|
178
|
+
if ((!_.isEmpty(handlerResponse?.data)) && handlerResponse?.data) {
|
|
179
179
|
store.newData = {
|
|
180
180
|
...store.newData,
|
|
181
181
|
...handlerResponse?.data
|
|
@@ -12,7 +12,7 @@ const notifyUiSchema = {
|
|
|
12
12
|
},
|
|
13
13
|
layout: 6,
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
|
|
16
16
|
interface funcParamsProps {
|
|
17
17
|
store: any,
|
|
18
18
|
dynamicData: any,
|
|
@@ -62,6 +62,7 @@ export const extractEvents = (eventConfig: any) => {
|
|
|
62
62
|
};
|
|
63
63
|
export default (funcParams: funcParamsProps) => {
|
|
64
64
|
eventGroups = {}
|
|
65
|
+
const formDataHolder = {}
|
|
65
66
|
if (pageData) {
|
|
66
67
|
if ((!isEmpty(pageData)) && typeof pageData === "object") {
|
|
67
68
|
eventGroups = extractEvents(pageData?.config)
|
|
@@ -157,7 +158,7 @@ export default (funcParams: funcParamsProps) => {
|
|
|
157
158
|
height: 0,
|
|
158
159
|
margin: 0,
|
|
159
160
|
top: 0,
|
|
160
|
-
right:
|
|
161
|
+
right: '82px',
|
|
161
162
|
position: 'absolute',
|
|
162
163
|
fontSize: '12px',
|
|
163
164
|
cursor: 'pointer',
|
|
@@ -170,7 +171,7 @@ export default (funcParams: funcParamsProps) => {
|
|
|
170
171
|
{
|
|
171
172
|
type: "Control",
|
|
172
173
|
scope: "#/properties/text",
|
|
173
|
-
|
|
174
|
+
|
|
174
175
|
options: {
|
|
175
176
|
widget: "Box",
|
|
176
177
|
},
|
|
@@ -180,7 +181,6 @@ export default (funcParams: funcParamsProps) => {
|
|
|
180
181
|
onClick: "backHandler"
|
|
181
182
|
},
|
|
182
183
|
style: {
|
|
183
|
-
display: {xs: 'none', sm: "flex"},
|
|
184
184
|
textAlign: 'left',
|
|
185
185
|
lineHeight: 1,
|
|
186
186
|
height: 0,
|
|
@@ -203,6 +203,16 @@ export default (funcParams: funcParamsProps) => {
|
|
|
203
203
|
}
|
|
204
204
|
);
|
|
205
205
|
const schema = pageData?.schema ?? { type: "object", properties: {} };
|
|
206
|
+
funcParams.store.setSchema(
|
|
207
|
+
(pre: any) => {
|
|
208
|
+
return {
|
|
209
|
+
...schema, properties:
|
|
210
|
+
{ ...schema.properties, ...pre.properties, }
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
)
|
|
214
|
+
uiSchema.elements.push(notifyUiSchema);
|
|
215
|
+
funcParams.store.setUiSchema(uiSchema);
|
|
206
216
|
eventGroups = {}
|
|
207
217
|
eventGroups = extractEvents(config);
|
|
208
218
|
executeEventsParameters = {
|
|
@@ -216,16 +226,7 @@ export default (funcParams: funcParamsProps) => {
|
|
|
216
226
|
store: funcParams.store, dynamicData: funcParams.dynamicData, userValue: funcParams.userValue, service: funcParams.service,
|
|
217
227
|
serviceHolder: this, eventGroups, formDataHolder
|
|
218
228
|
})
|
|
219
|
-
|
|
220
|
-
(pre: any) => {
|
|
221
|
-
return {
|
|
222
|
-
...schema, properties:
|
|
223
|
-
{ ...schema.properties, ...pre.properties, }
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
)
|
|
227
|
-
uiSchema.elements.push(notifyUiSchema);
|
|
228
|
-
funcParams.store.setUiSchema(uiSchema);
|
|
229
|
+
|
|
229
230
|
},
|
|
230
231
|
onCellRenderer: (cellParams) => {
|
|
231
232
|
if (eventGroups.onCellRenderer) {
|