impaktapps-ui-builder 0.0.382-alpha.553 → 0.0.382-alpha.57

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 (46) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1231 -1821
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +15 -15
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +10 -12
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -115
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  14. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +2 -4
  15. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +2 -3
  16. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +1 -3
  17. package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
  18. package/package.json +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -0
  20. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +30 -26
  21. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +30 -21
  22. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -6
  23. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +3 -1
  24. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  25. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +30 -49
  26. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +9 -10
  27. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  28. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  29. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  30. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +99 -125
  31. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +108 -110
  32. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  33. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  34. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  35. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -58
  36. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  37. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  38. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +448 -440
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +456 -515
  41. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +520 -367
  42. package/src/impaktapps-ui-builder/builder/services/component.ts +7 -25
  43. package/src/impaktapps-ui-builder/builder/services/event.ts +9 -17
  44. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +3 -19
  45. package/src/impaktapps-ui-builder/runtime/services/events.ts +4 -0
  46. package/src/impaktapps-ui-builder/runtime/services/service.ts +4 -14
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,410 +1,223 @@
1
- export const componentBasicUiSchema: any = {
2
- type: "HorizontalLayout",
3
- elements: [
4
- {
5
- type: "WrapperLayout",
6
- config: {
7
- main: {
8
- rowSpacing: 1,
9
- header:true
10
- },
11
- defaultStyle:true
12
- },
13
- elements: [
14
-
15
- {
16
- type: "Control",
17
- scope: "#/properties/Component",
18
-
19
- options: {
20
- widget: "Box",
21
- },
22
- config: {
23
- layout: {xs:12,sm:12,md:2},
24
- main: {
25
- heading: "Component",
26
- },
27
- style:{
28
- "float":"left",
29
- }
30
- },
31
- },
32
-
33
- {
34
- type: "Control",
35
- scope: "#/properties/pageName",
36
-
37
- options: {
38
- widget: "Box",
39
- },
40
- config: {
41
- layout: {xs:7,sm:7,md:9},
42
- main: {
43
- heading: " ",
44
- },
45
- style: {
46
- float: "right",
47
- width:"auto",
48
- fontSize:"12px",
49
- color:"gray",
50
- paddingTop:"10px"
51
- },
52
- },
53
- },
54
-
55
- {
56
- type: "Control",
57
- scope: "#/properties/Back_Button",
58
-
59
- options: {
60
- widget: "IconButton",
61
- },
62
- config: {
63
- layout: {xs:2,sm:2,md:0.5},
64
- main: {
65
- icon: "BackIcon",
66
- styleDefault: true,
67
- size: "small",
68
- onClick: "backHandler",
69
- tooltipMessage: "Back",
70
- },
71
- style: {
72
- float: "right",
73
- },
1
+ export const componentBasicUiSchema: any = (theme) => {
2
+ const uiSchema = {
3
+ type: "HorizontalLayout",
4
+ heading: "Component",
5
+ elements: [
6
+ // {
7
+ // type: "WrapperLayout",
8
+ // config: {
9
+ // main: {
10
+ // rowSpacing: 1,
11
+ // header:true
12
+ // },
13
+ // defaultStyle:true
14
+ // },
15
+ // elements: [
16
+
17
+ // {
18
+ // type: "Control",
19
+ // scope: "#/properties/Component",
20
+
21
+ // options: {
22
+ // widget: "Box",
23
+ // },
24
+ // config: {
25
+ // layout: {xs:12,sm:12,md:2},
26
+ // main: {
27
+ // heading: "Component",
28
+ // },
29
+ // style:{
30
+ // "float":"left",
31
+ // }
32
+ // },
33
+ // },
34
+
35
+ // {
36
+ // type: "Control",
37
+ // scope: "#/properties/pageName",
38
+
39
+ // options: {
40
+ // widget: "Box",
41
+ // },
42
+ // config: {
43
+ // layout: {xs:7,sm:7,md:9},
44
+ // main: {
45
+ // heading: " ",
46
+ // },
47
+ // style: {
48
+ // float: "right",
49
+ // width:"auto",
50
+ // fontSize:"12px",
51
+ // color:"gray",
52
+ // paddingTop:"10px"
53
+ // },
54
+ // },
55
+ // },
56
+
57
+ // {
58
+ // type: "Control",
59
+ // scope: "#/properties/Back_Button",
60
+
61
+ // options: {
62
+ // widget: "IconButton",
63
+ // },
64
+ // config: {
65
+ // layout: {xs:2,sm:2,md:0.5},
66
+ // main: {
67
+ // icon: "BackIcon",
68
+ // styleDefault: true,
69
+ // size: "small",
70
+ // onClick: "backHandler",
71
+ // tooltipMessage: "Back",
72
+ // },
73
+ // style: {
74
+ // float: "right",
75
+ // },
76
+ // },
77
+ // },
78
+
79
+ // ],
80
+ // },
81
+ {
82
+ type: "TabLayout",
83
+ config: {
84
+ main: {
85
+ tabLabels: ["Core"],
86
+ defaultStyle: true,
87
+ id: `component`
74
88
  },
75
89
  },
76
-
77
- ],
78
- },
79
- {
80
- type: "TabLayout",
81
- config: {
82
- main: {
83
- tabLabels: ["Core"],
84
- defaultStyle: true,
85
- id:`component`
86
- },
87
- },
88
90
 
89
- elements: [
90
- {
91
- type: "HorizontalLayout",
92
- elements: [
93
- {
94
- type: "Control",
95
- scope: "#/properties/type",
96
-
97
- options: {
98
- widget: "SelectInputField",
99
- },
100
- config: {
101
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
102
- main: {
103
- label: "Type",
91
+ elements: [
92
+ {
93
+ type: "HorizontalLayout",
94
+ elements: [
95
+ {
96
+ type: "Control",
97
+ scope: "#/properties/type",
98
+
99
+ options: {
100
+ widget: "SelectInputField",
101
+ },
102
+ config: {
103
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
+ main: {
105
+ label: "Type",
106
+ },
104
107
  },
105
108
  },
106
- },
107
- {
108
- type: "Control",
109
- scope: "#/properties/name",
109
+ {
110
+ type: "Control",
111
+ scope: "#/properties/name",
110
112
 
111
- options: {
112
- widget: "InputField",
113
- },
114
- config: {
115
- layout: {
116
- xs: 12,
117
- sm: 12,
118
- md: 6,
119
- lg: 6,
113
+ options: {
114
+ widget: "InputField",
120
115
  },
121
- main: {
122
- label: "Name",
123
- options: [],
124
- color: "secondary",
125
- required: true,
116
+ config: {
117
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
+ main: {
119
+ label: "Name",
120
+ options: [],
121
+ color: "secondary",
122
+ required: true,
123
+ },
126
124
  },
127
125
  },
128
- },
129
- {
130
- type: "Control",
131
- scope: "#/properties/label",
126
+ {
127
+ type: "Control",
128
+ scope: "#/properties/label",
132
129
 
133
- options: {
134
- widget: "InputField",
135
- },
136
- config: {
137
- layout: {
138
- xs: 12,
139
- sm: 12,
140
- md: 6,
141
- lg: 6,
130
+ options: {
131
+ widget: "InputField",
142
132
  },
143
- main: {
144
- label: "Label",
145
- options: [],
146
- color: "secondary",
147
- required: true,
133
+ config: {
134
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
135
+ main: {
136
+ label: "Label",
137
+ options: [],
138
+ color: "secondary",
139
+ required: true,
140
+ },
148
141
  },
149
142
  },
150
- },
151
-
152
- {
153
- type: "Control",
154
- scope: "#/properties/proc",
155
- config: {
156
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
157
- },
158
- options: {
159
- widget: "EmptyBox",
160
- },
161
- },
162
- {
163
- type: "Control",
164
- scope: "#/properties/layout",
165
- layout: 11.5,
166
- options: {
167
- detail: {
168
- type: "HorizontalLayout",
169
- elements: [
170
- {
171
- type: "Control",
172
- scope: "#/properties/key",
173
- options: {
174
- widget: "SelectInputField",
175
- },
176
- config: {
177
- layout: {
178
- xs: 11,
179
- sm: 11,
180
- md: 5.5,
181
- lg: 5.5,
143
+ {
144
+ type: "Control",
145
+ scope: "#/properties/layout",
146
+ layout: 12,
147
+ options: {
148
+ detail: {
149
+ type: "HorizontalLayout",
150
+ elements: [
151
+ {
152
+ type: "Control",
153
+ scope: "#/properties/key",
154
+ options: {
155
+ widget: "SelectInputField",
182
156
  },
183
- main: {
184
- label: "Screen Size",
185
-
157
+ config: {
158
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
+ main: {
160
+ label: "Screen Size",
161
+
162
+ },
186
163
  },
187
164
  },
188
- },
189
- {
190
- type: "Control",
191
- scope: "#/properties/value",
165
+ {
166
+ type: "Control",
167
+ scope: "#/properties/value",
192
168
 
193
- options: {
194
- widget: "InputField",
195
- },
196
- config: {
197
- layout: {
198
- xs: 11,
199
- sm: 11,
200
- md: 5.5,
201
- lg: 5.5,
169
+ options: {
170
+ widget: "InputField",
202
171
  },
203
- main: {
204
- label: "Value",
205
- type:"number",
206
- // freeSolo:true,
207
- helperText:'Number should be in range of 0 to 12',
208
- errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
209
-
172
+ config: {
173
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
174
+ main: {
175
+ label: "Value",
176
+ type: "number",
177
+ // freeSolo:true,
178
+ helperText: 'Number should be in range of 0 to 12',
179
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
180
+
181
+ },
210
182
  },
211
183
  },
212
- },
213
- ],
184
+ {
185
+ type: "Control",
186
+ scope: "#/properties/emptyBox",
187
+ options: {
188
+ widget: "EmptyBox"
189
+ },
190
+ config: {
191
+ layout: { xs: 0, sm: 4 }
192
+ }
193
+ }
194
+ ],
195
+ },
214
196
  },
215
197
  },
216
- },
217
- ],
218
- },
219
- ],
220
- },
198
+ ],
199
+ },
200
+ ],
201
+ },
202
+
221
203
  {
222
204
  type: "Control",
223
- scope: "#/properties/popUpComponentSection",
205
+ scope: "#/properties/EmptyBox",
224
206
  options: {
225
- widget: "PopUp"
207
+ widget: "EmptyBox",
226
208
  },
227
209
  config: {
228
- layout: {
229
- xs: 12,
230
- sm: 12,
231
- md: 12,
232
- lg: 12,
233
- },
234
- main: {
235
- },
210
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
236
211
  },
237
- elements:
238
- [
239
- {
240
- type: "Control",
241
- scope: "#/properties/label",
242
- options: {
243
- widget: "Box",
244
- },
245
- config: {
246
- layout: 12,
247
- main: {
248
- heading: "Are you sure you want to delete ?",
249
- },
250
- style:{
251
- marginTop: "-40px"
252
- }
253
- },
254
- },
255
- {
256
- type: "Control",
257
- scope: "#/properties/EmptyBox",
258
- options: {
259
- widget: "EmptyBox",
260
- },
261
- config: {
262
- main:{},
263
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
264
- },
265
- },
266
- {
267
- type: "Control",
268
- scope: "#/properties/ConfirmDeleteCompButton",
269
- options: {
270
- widget: "Button",
271
- },
272
- config: {
273
- layout: 3,
274
- main: {
275
- name: "Yes",
276
- startIcon: "ApproveIcon",
277
- variant: "contained",
278
- color: "info",
279
- type: "text",
280
- onClick: "deleteComponents",
281
- size: "small",
282
- },
283
- },
284
- },
285
- {
286
- type: "Control",
287
- scope: "#/properties/CancelDeleteCompButton",
288
- options: {
289
- widget: "Button",
290
- },
291
- config: {
292
- layout: 3,
293
- main: {
294
- name: "No",
295
- startIcon: "ApproveIcon",
296
- variant: "contained",
297
- color: "info",
298
- type: "text",
299
- onClick: "deletePopUpComponent",
300
- size: "small",
301
- },
302
- },
303
- },
304
- ]
305
212
  },
306
-
307
-
308
-
309
-
310
-
311
-
312
-
313
-
314
213
  {
315
214
  type: "Control",
316
- scope: "#/properties/popUpEventSection",
215
+ scope: "#/properties/EmptyBox",
317
216
  options: {
318
- widget: "PopUp"
319
- },
320
- config: {
321
- layout: {
322
- xs: 12,
323
- sm: 12,
324
- md: 12,
325
- lg: 12,
326
- },
327
- main: {
328
- },
329
- },
330
- elements:
331
- [
332
- {
333
- type: "Control",
334
- scope: "#/properties/label",
335
- options: {
336
- widget: "Box",
337
- },
338
- config: {
339
- layout: 12,
340
- main: {
341
- heading: "Are you sure you want to delete ?",
342
- },
343
- style:{
344
- marginTop: "-40px"
345
- }
346
- },
347
- },
348
- {
349
- type: "Control",
350
- scope: "#/properties/EmptyBox",
351
- options: {
352
- widget: "EmptyBox",
353
- },
354
- config: {
355
- main:{},
356
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
357
- },
358
- },
359
- {
360
- type: "Control",
361
- scope: "#/properties/ConfirmDeleteEventButton",
362
- options: {
363
- widget: "Button",
364
- },
365
- config: {
366
- layout: 3,
367
- main: {
368
- name: "Yes",
369
- startIcon: "ApproveIcon",
370
- variant: "contained",
371
- color: "info",
372
- type: "text",
373
- onClick: "deleteEvent",
374
- size: "small",
375
- },
376
- },
377
- },
378
- {
379
- type: "Control",
380
- scope: "#/properties/CancelDeleteEventButton",
381
- options: {
382
- widget: "Button",
383
- },
384
- config: {
385
- layout: 3,
386
- main: {
387
- name: "No",
388
- startIcon: "ApproveIcon",
389
- variant: "contained",
390
- color: "info",
391
- type: "text",
392
- onClick: "deletePopUpEvent",
393
- size: "small",
394
- },
395
- },
396
- },
397
- ]
217
+ widget: "EmptyBox",
398
218
  },
399
-
400
- {
401
- type: "Control",
402
- scope: "#/properties/proc",
403
219
  config: {
404
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
405
- },
406
- options: {
407
- widget: "EmptyBox",
220
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
408
221
  },
409
222
  },
410
223
  {
@@ -415,23 +228,17 @@ export const componentBasicUiSchema: any = {
415
228
  },
416
229
 
417
230
  config: {
418
- layout: {
419
- xs: 11,
420
- sm: 11,
421
- md: 2.5,
422
- lg: 2.5,
423
- },
231
+ layout: 1.8,
424
232
  main: {
425
233
  name: "Ok",
426
234
  startIcon: "ApproveIcon",
427
235
  variant: "contained",
428
- color: "info",
236
+ // color: "info",
429
237
  type: "text",
430
238
  onClick: "okHandler",
431
- size: "small",
239
+ size: "medium",
432
240
  },
433
241
  style: {
434
- marginBottom: "8px",
435
242
  float: "right",
436
243
  },
437
244
  },
@@ -444,76 +251,277 @@ export const componentBasicUiSchema: any = {
444
251
  },
445
252
 
446
253
  config: {
447
- layout: {
448
- xs: 11,
449
- sm: 11,
450
- md: 2.5,
451
- lg: 2.5,
452
- },
254
+ layout: 1.8,
453
255
  main: {
454
256
  name: "Save & Exit",
455
257
  startIcon: "ApproveIcon",
456
258
  variant: "contained",
457
- color: "info",
259
+ // color: "info",
458
260
  type: "text",
459
261
  onClick: "saveHandler",
460
- size: "small",
262
+ size: "medium",
461
263
  },
462
264
  style: {
463
- marginBottom: "8px",
464
265
  float: "right",
465
266
  },
466
267
  },
467
268
  },
468
- {
469
- type: "Control",
470
- scope: "#/properties/notify",
471
- options: {
472
- widget: "Notify",
269
+ {
270
+ type: "Control",
271
+ scope: "#/properties/notify",
272
+ options: {
273
+ widget: "Notify",
274
+ },
275
+ layout: 6,
473
276
  },
474
- layout: 6,
475
- }
476
- ],
477
- };
478
-
479
-
480
-
481
-
482
-
483
-
484
-
485
-
486
-
487
-
488
-
489
-
490
-
491
-
492
-
493
-
277
+ {
278
+ type: "HorizontalLayout",
279
+ config: {
280
+ layout: 12,
281
+ style: {
282
+ position: "absolute",
283
+ bottom: 5,
284
+ overflow: 'hidden'
285
+ }
286
+ },
287
+ elements: [
288
+ {
494
289
 
495
- // {
496
- // type: "Control",
497
- // scope: "#/properties/homeBtn",
498
-
499
- // options: {
500
- // widget: "Button",
501
- // },
502
- // config: {
503
- // layout: {xs:2,sm:2,md:1},
504
- // main: {
505
- // name: "🏠",
506
- // },
507
- // style: {
508
- // marginRight:'auto',
509
- // marginLeft:"auto",
510
- // width:"20px",
290
+ type: "Control",
291
+ scope: "#/properties/FooterText",
292
+ options: {
293
+ widget: "Box",
294
+ },
295
+ config: {
296
+ layout: 9.5,
297
+ main: {
298
+ heading: "Copywriter@ACT21.IO"
299
+ },
300
+ style: {
301
+ color: theme?.palette?.text.disabled || "#AFAFAF",
302
+ fontSize: '12px',
303
+ textAlign: 'center'
304
+ }
305
+ },
306
+ },
307
+ {
308
+ type: "HorizontalLayout",
309
+ config: {
310
+ layout: 2.5,
311
+ style: {
312
+ }
313
+ },
314
+ elements: [
315
+ {
316
+ type: "Control",
317
+ scope: "#/properties/EmptyBox",
318
+ options: {
319
+ widget: "EmptyBox",
320
+ },
321
+ config: {
322
+ layout: 6,
323
+ style: {
324
+ flexGrow: 1
325
+ }
326
+ },
327
+ },
328
+ {
329
+ type: "Control",
330
+ scope: "#/properties/backIcon",
331
+ options: {
332
+ widget: "Box",
333
+ },
334
+ config: {
335
+ layout: 1,
336
+ main: {
337
+ iconName: 'PrevIcon',
338
+ onClick: "backHandler"
339
+ },
340
+ style: {
341
+ fill: theme.palette.primary.main,
342
+ width: 20,
343
+ height: 20,
344
+ display: 'flex',
345
+ alignItems: 'center',
346
+ justifyContent: 'center',
347
+ marginRight: '-8px',
348
+ cursor: 'pointer',
349
+ ':hover': {
350
+ fill: theme.palette.primary.dark,
351
+ }
352
+ }
353
+ }
354
+ },
355
+ {
356
+ type: "Control",
357
+ scope: "#/properties/text",
511
358
 
512
- // // background:"inherit",
513
- // // boxShadow:"none",
514
- // float:"left",
515
- // borderRadius:"50%"
516
-
517
- // },
518
- // },
519
- // },
359
+ options: {
360
+ widget: "Box",
361
+ },
362
+ config: {
363
+ layout: 5,
364
+ main: {
365
+ heading: "Previous Page",
366
+ onClick: "backHandler"
367
+ },
368
+ style: {
369
+ width: 'fit-content',
370
+ color: theme.palette.primary.main,
371
+ fontSize: "12px",
372
+ cursor: 'pointer',
373
+ marginLeft: '2px',
374
+ marginRight: 0,
375
+ ':hover': {
376
+ color: theme.palette.primary.dark,
377
+ }
378
+ }
379
+ },
380
+ },
381
+ ],
382
+ },
383
+ ]
384
+ }
385
+ // {
386
+ // type: "HorizontalLayout",
387
+ // config: {
388
+ // style: {
389
+ // position: "fixed",
390
+ // bottom: 5,
391
+ // overflow: 'visible',
392
+ // margin: "0",
393
+ // width: "100vw",
394
+ // }
395
+ // },
396
+ // elements: [
397
+ // {
398
+ // type: "Control",
399
+ // scope: "#/properties/EmptyBox",
400
+ // options: {
401
+ // widget: "EmptyBox",
402
+ // },
403
+ // config: {
404
+ // layout: { xs: 0, sm: 4, md: 4, lg: 4 },
405
+ // },
406
+ // },
407
+ // {
408
+
409
+ // type: "Control",
410
+ // scope: "#/properties/FooterText",
411
+ // options: {
412
+ // widget: "Box",
413
+ // },
414
+ // config: {
415
+ // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
416
+ // main: {
417
+ // heading: "Copywriter@ACT21.IO"
418
+ // },
419
+ // style: {
420
+ // color: theme?.palette?.text.disabled || "#AFAFAF",
421
+ // fontSize: '12px',
422
+ // }
423
+ // },
424
+ // },
425
+ // {
426
+ // type: "HorizontalLayout",
427
+ // config: {
428
+ // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
429
+ // },
430
+ // elements: [
431
+ // {
432
+ // type: "Control",
433
+ // scope: "#/properties/EmptyBox",
434
+ // options: {
435
+ // widget: "EmptyBox",
436
+ // },
437
+ // config: {
438
+ // layout: 2,
439
+ // },
440
+ // },
441
+ // {
442
+ // type: "Control",
443
+ // scope: "#/properties/backIcon",
444
+ // options: {
445
+ // widget: "Box",
446
+ // },
447
+ // config: {
448
+ // layout: 1,
449
+ // main: {
450
+ // iconName: 'PrevIcon',
451
+ // onClick: "backHandler"
452
+ // },
453
+ // style: {
454
+ // fill: theme.palette.primary.dark,
455
+ // width: 20,
456
+ // height: 20,
457
+ // display: 'flex',
458
+ // alignItems: 'center',
459
+ // justifyContent: 'center',
460
+ // marginRight: '-8px',
461
+ // cursor: 'pointer'
462
+ // }
463
+ // }
464
+ // },
465
+ // {
466
+ // type: "Control",
467
+ // scope: "#/properties/text",
468
+
469
+ // options: {
470
+ // widget: "Box",
471
+ // },
472
+ // config: {
473
+ // layout: 9,
474
+ // main: {
475
+ // heading: "Previous Page",
476
+ // onClick: "backHandler"
477
+ // },
478
+ // style: {
479
+ // color: theme.palette.primary.dark,
480
+ // fontSize: "12px",
481
+ // cursor: 'pointer',
482
+ // marginLeft: '-6px'
483
+ // }
484
+ // },
485
+ // },
486
+ // ],
487
+ // },
488
+ // // {
489
+ // // type: "Control",
490
+ // // scope: "#/properties/pageName",
491
+
492
+ // // options: {
493
+ // // widget: "Box",
494
+ // // },
495
+ // // config: {
496
+ // // layout: 9.7,
497
+ // // main: {
498
+ // // heading: " ",
499
+ // // },
500
+ // // style: {
501
+ // // color: theme.palette.text.disabled,
502
+ // // // float: 'right',
503
+ // // textAlign: 'right',
504
+ // // // width: 'fit-content',
505
+ // // fontSize: "12px",
506
+ // // marginTop: '-16px',
507
+ // // // marginRight: '100px'
508
+ // // // marginLeft: '-6px'
509
+ // // }
510
+ // // },
511
+ // // },
512
+ // // {
513
+ // // type: "Control",
514
+ // // scope: "#/properties/emptyBox",
515
+ // // options: {
516
+ // // widget: "EmptyBox",
517
+ // // },
518
+ // // config: {
519
+ // // layout: 2.3
520
+ // // }
521
+ // // },
522
+ // ]
523
+ // }
524
+ ],
525
+ };
526
+ return uiSchema
527
+ }