impaktapps-ui-builder 0.0.591 → 0.0.592

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