impaktapps-ui-builder 0.0.382-alpha.307 → 0.0.382-alpha.31

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 (36) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1271 -1402
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +14 -14
  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/coreSection.d.ts +15 -18
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  12. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  13. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +1 -3
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -0
  16. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +3 -1
  17. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  18. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +30 -49
  19. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  20. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  21. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  23. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  24. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  25. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  26. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  27. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  28. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  29. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +344 -266
  31. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +342 -536
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
  33. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  34. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  35. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +2 -12
  36. package/src/impaktapps-ui-builder/runtime/services/service.ts +3 -3
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,541 +36,399 @@ const PageMasterSchema = {
36
36
  },
37
37
  required: ["label", "name"]
38
38
  };
39
- const PageMasterUiSchema = {
40
- type: "HorizontalLayout",
41
- elements: [
42
- {
43
- type: "WrapperLayout",
44
- config: {
45
- main: {
46
- rowSpacing: 1,
47
- header: true
48
- },
49
- defaultStyle: true
50
- },
51
- elements: [
52
- {
53
- type: "Control",
54
- scope: "#/properties/pageMaster",
55
- options: {
56
- widget: "Box"
39
+ const PageMasterUiSchema = (theme) => {
40
+ var _a;
41
+ const uiSchema = {
42
+ type: "HorizontalLayout",
43
+ heading: "Page Master",
44
+ elements: [
45
+ {
46
+ type: "WrapperLayout",
47
+ config: {
48
+ main: {},
49
+ wrapperStyle: {
50
+ backgroundColor: theme.palette.background.default
57
51
  },
58
- config: {
59
- layout: 8,
60
- main: {
61
- heading: "Page Master"
62
- }
63
- }
52
+ defaultStyle: true
64
53
  },
65
- {
66
- type: "Control",
67
- scope: "#/properties/Back_Button",
68
- options: {
69
- widget: "IconButton"
70
- },
71
- config: {
72
- layout: 3,
73
- main: {
74
- icon: "BackIcon",
75
- styleDefault: true,
76
- size: "small",
77
- onClick: "backHandler",
78
- tooltipMessage: "Back"
54
+ elements: [
55
+ {
56
+ type: "Control",
57
+ scope: "#/properties/name",
58
+ options: {
59
+ widget: "InputField"
79
60
  },
80
- style: {
81
- float: "right"
61
+ config: {
62
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
63
+ main: {
64
+ label: "Name",
65
+ options: [],
66
+ color: "secondary",
67
+ errorMessage: "Name should be start with 'page_'",
68
+ helperText: 'Name should be start with "page_"',
69
+ required: true
70
+ }
82
71
  }
83
- }
84
- }
85
- ]
86
- },
87
- {
88
- type: "WrapperLayout",
89
- config: {
90
- main: {
91
- label: "Page Template",
92
- divider: true
93
- },
94
- defaultStyle: true
95
- },
96
- elements: [
97
- {
98
- type: "Control",
99
- scope: "#/properties/name",
100
- options: {
101
- widget: "InputField"
102
72
  },
103
- config: {
104
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
105
- main: {
106
- label: "Name",
107
- options: [],
108
- color: "secondary",
109
- errorMessage: "Name should be start with 'page_'",
110
- helperText: 'Name should be start with "page_"',
111
- required: true
73
+ {
74
+ type: "Control",
75
+ scope: "#/properties/label",
76
+ options: {
77
+ widget: "InputField"
78
+ },
79
+ config: {
80
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
81
+ main: {
82
+ label: "Label",
83
+ options: [],
84
+ color: "secondary",
85
+ required: true
86
+ }
112
87
  }
113
- }
114
- },
115
- {
116
- type: "Control",
117
- scope: "#/properties/label",
118
- options: {
119
- widget: "InputField"
120
88
  },
121
- config: {
122
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
123
- main: {
124
- label: "Label",
125
- options: [],
126
- color: "secondary",
127
- required: true
128
- }
129
- }
130
- }
131
- ]
132
- },
133
- {
134
- type: "TabLayout",
135
- config: {
136
- main: {
137
- tabLabels: ["Components", "events"],
138
- divider: true
139
- },
140
- defaultStyle: true
141
- },
142
- elements: [
143
- {
144
- type: "WrapperLayout",
145
- config: {
146
- main: {
147
- divider: true
89
+ {
90
+ type: "Control",
91
+ scope: "#/properties/emptyBox",
92
+ options: {
93
+ widget: "EmptyBox"
148
94
  },
149
- wrapperStyle: {
150
- border: "1px solid gray"
95
+ config: {
96
+ layout: { xs: 0, sm: 4 }
151
97
  }
152
98
  },
153
- elements: [
154
- {
155
- type: "Control",
156
- scope: "#/properties/heading",
157
- options: {
158
- widget: "Box"
159
- },
160
- config: {
161
- layout: 8,
162
- main: {
163
- heading: "Components Table"
164
- },
165
- style: {
166
- fontFamily: "Roboto",
167
- fontWeight: "500",
168
- paddingLeft: "-10px",
169
- fontSize: "20px"
170
- }
171
- }
172
- },
173
- {
174
- type: "Control",
175
- scope: "#/properties/AddButton",
176
- options: {
177
- widget: "IconButton"
99
+ {
100
+ type: "TabLayout",
101
+ config: {
102
+ main: {
103
+ tabLabels: ["Components", "events"],
104
+ divider: true
178
105
  },
179
- config: {
180
- layout: 3,
181
- main: {
182
- icon: "AddIcon",
183
- styleDefault: true,
184
- size: "small",
185
- onClick: "onAddClickHandler",
186
- tooltipMessage: "Add New"
187
- },
188
- style: {
189
- float: "right"
190
- }
191
- }
106
+ defaultStyle: true
192
107
  },
193
- {
194
- type: "Control",
195
- scope: "#/properties/elements",
196
- options: {
197
- widget: "Table"
198
- },
199
- config: {
200
- main: {
201
- disableAction: true,
202
- disableSelection: true,
203
- enableDrag: true
204
- }
205
- },
206
- elements: [
207
- {
208
- accessorKey: "name",
209
- header: "Name"
210
- },
211
- {
212
- accessorKey: "type",
213
- header: "Type"
108
+ elements: [
109
+ {
110
+ type: "Control",
111
+ scope: "#/properties/elements",
112
+ options: {
113
+ widget: "Table"
214
114
  },
215
- {
216
- header: "Edit",
217
- field: "Reject_Records",
218
- flex: 1,
219
- widget: {
220
- type: "Control",
221
- scope: "#/properties/RejectButton",
222
- options: {
223
- widget: "IconButton"
115
+ config: {
116
+ main: {
117
+ headerIcons: {
118
+ elements: [
119
+ {
120
+ widget: {
121
+ type: "Control",
122
+ scope: "#/properties/New_Record",
123
+ options: {
124
+ widget: "IconButton"
125
+ },
126
+ config: {
127
+ main: {
128
+ color: "info",
129
+ onClick: "onAddClickHandler",
130
+ size: "small",
131
+ icon: "AddIcon",
132
+ iconLabel: "Add New",
133
+ styleDefault: true
134
+ },
135
+ style: {
136
+ mt: "6px"
137
+ }
138
+ }
139
+ }
140
+ }
141
+ ]
224
142
  },
225
- config: {
226
- main: {
227
- icon: "EditIcon",
228
- color: "primary",
229
- onClick: "Edit_Components",
230
- tooltipMessage: "Edit This Record"
231
- }
232
- }
143
+ disableAction: true,
144
+ disableSelection: true,
145
+ enableDrag: true
233
146
  }
234
147
  },
235
- {
236
- header: "Delete",
237
- field: "Reject_Records",
238
- flex: 1,
239
- widget: {
240
- type: "Control",
241
- scope: "#/properties/RejectButton",
242
- options: {
243
- widget: "IconButton"
244
- },
245
- config: {
246
- main: {
247
- icon: "RejectIcon",
248
- color: "error",
249
- onClick: "deletePopUpComponent",
250
- tooltipMessage: "Reject This Record"
148
+ elements: [
149
+ {
150
+ accessorKey: "name",
151
+ header: "Name"
152
+ },
153
+ {
154
+ accessorKey: "type",
155
+ header: "Type"
156
+ },
157
+ {
158
+ header: "Edit",
159
+ field: "Reject_Records",
160
+ flex: 1,
161
+ widget: {
162
+ type: "Control",
163
+ scope: "#/properties/RejectButton",
164
+ options: {
165
+ widget: "IconButton"
166
+ },
167
+ config: {
168
+ main: {
169
+ icon: "EditIcon",
170
+ color: "primary",
171
+ onClick: "Edit_Components",
172
+ tooltipMessage: "Edit This Record"
173
+ }
174
+ }
175
+ }
176
+ },
177
+ {
178
+ header: "Delete",
179
+ field: "Reject_Records",
180
+ flex: 1,
181
+ widget: {
182
+ type: "Control",
183
+ scope: "#/properties/RejectButton",
184
+ options: {
185
+ widget: "IconButton"
186
+ },
187
+ config: {
188
+ main: {
189
+ icon: "RejectIcon",
190
+ color: "error",
191
+ onClick: "Delete_Components",
192
+ tooltipMessage: "Reject This Record"
193
+ }
251
194
  }
252
195
  }
253
196
  }
254
- }
255
- ]
256
- }
257
- ]
258
- },
259
- {
260
- type: "WrapperLayout",
261
- config: {
262
- main: {
263
- divider: true
264
- },
265
- wrapperStyle: {
266
- border: "1px solid gray"
267
- }
268
- },
269
- elements: [
270
- {
271
- type: "Control",
272
- scope: "#/properties/heading",
273
- options: {
274
- widget: "Box"
197
+ ]
275
198
  },
276
- config: {
277
- layout: 8,
278
- main: {
279
- heading: "Event Table"
280
- },
281
- style: {
282
- fontFamily: "Roboto",
283
- fontWeight: "500",
284
- paddingLeft: "-10px",
285
- fontSize: "20px"
286
- }
287
- }
288
- },
289
- {
290
- type: "Control",
291
- scope: "#/properties/AddButton",
292
- options: {
293
- widget: "IconButton"
294
- },
295
- config: {
296
- layout: 3,
297
- main: {
298
- icon: "AddIcon",
299
- styleDefault: true,
300
- size: "small",
301
- onClick: "eventAddHandler",
302
- tooltipMessage: "Back"
303
- },
304
- style: {
305
- float: "right"
306
- }
307
- }
308
- },
309
- {
310
- type: "Control",
311
- scope: "#/properties/events",
312
- options: {
313
- widget: "Table"
314
- },
315
- config: {
316
- main: {
317
- disableAction: true,
318
- disableSelection: true,
319
- enableDrag: true
320
- }
321
- },
322
- elements: [
323
- {
324
- accessorKey: "eventType",
325
- header: "Event Type"
326
- },
327
- {
328
- accessorKey: "Handler",
329
- header: "Handler"
199
+ {
200
+ type: "Control",
201
+ scope: "#/properties/events",
202
+ options: {
203
+ widget: "Table"
330
204
  },
331
- {
332
- accessorKey: "Edit_Approve_Records",
333
- header: "Edit Widget",
334
- widget: {
335
- type: "Control",
336
- scope: "#/properties/Edit_Records",
337
- options: {
338
- widget: "IconButton"
205
+ config: {
206
+ main: {
207
+ headerIcons: {
208
+ elements: [
209
+ {
210
+ widget: {
211
+ type: "Control",
212
+ scope: "#/properties/New_Record",
213
+ options: {
214
+ widget: "IconButton"
215
+ },
216
+ config: {
217
+ main: {
218
+ color: "info",
219
+ onClick: "eventAddHandler",
220
+ size: "small",
221
+ icon: "AddIcon",
222
+ iconLabel: "Add New",
223
+ styleDefault: true
224
+ },
225
+ style: {
226
+ mt: "6px"
227
+ }
228
+ }
229
+ }
230
+ }
231
+ ]
339
232
  },
340
- config: {
341
- main: {
342
- color: "info",
343
- size: "small",
344
- icon: "EditIcon",
345
- tooltipMessage: "Edit This Record",
346
- onClick: "editEvent"
233
+ disableAction: true,
234
+ disableSelection: true,
235
+ enableDrag: true
236
+ }
237
+ },
238
+ elements: [
239
+ {
240
+ accessorKey: "eventType",
241
+ header: "Event Type"
242
+ },
243
+ {
244
+ accessorKey: "Handler",
245
+ header: "Handler"
246
+ },
247
+ {
248
+ accessorKey: "Edit_Approve_Records",
249
+ header: "Edit Widget",
250
+ widget: {
251
+ type: "Control",
252
+ scope: "#/properties/Edit_Records",
253
+ options: {
254
+ widget: "IconButton"
347
255
  },
348
- style: {
349
- color: "#3949ab"
256
+ config: {
257
+ main: {
258
+ color: "info",
259
+ size: "small",
260
+ icon: "EditIcon",
261
+ tooltipMessage: "Edit This Record",
262
+ onClick: "editEvent"
263
+ },
264
+ style: {
265
+ color: "#3949ab"
266
+ }
350
267
  }
351
268
  }
352
- }
353
- },
354
- {
355
- accessorKey: "Reject_Records",
356
- header: "Delete",
357
- widget: {
358
- type: "Control",
359
- scope: "#/properties/RejectButton",
360
- options: {
361
- widget: "IconButton"
362
- },
363
- config: {
364
- main: {
365
- icon: "RejectIcon",
366
- color: "error",
367
- tooltipMessage: "Reject This Record",
368
- onClick: "deletePopUpEvent"
269
+ },
270
+ {
271
+ accessorKey: "Reject_Records",
272
+ header: "Delete",
273
+ widget: {
274
+ type: "Control",
275
+ scope: "#/properties/RejectButton",
276
+ options: {
277
+ widget: "IconButton"
278
+ },
279
+ config: {
280
+ main: {
281
+ icon: "RejectIcon",
282
+ color: "error",
283
+ tooltipMessage: "Reject This Record",
284
+ onClick: "deleteEvent"
285
+ }
369
286
  }
370
287
  }
371
288
  }
372
- }
373
- ]
374
- }
375
- ]
376
- }
377
- ]
378
- },
379
- {
380
- type: "Control",
381
- scope: "#/properties/popUpComponent",
382
- options: {
383
- widget: "PopUp"
384
- },
385
- config: {
386
- layout: {
387
- xs: 12,
388
- sm: 12,
389
- md: 12,
390
- lg: 12
391
- },
392
- main: {
393
- label: "PopUp",
394
- fullScreen: false,
395
- fullWidth: false,
396
- maxWidth: false,
397
- alignItems: false
398
- }
399
- },
400
- elements: [
401
- {
402
- type: "Control",
403
- scope: "#/properties/label",
404
- options: {
405
- widget: "Box"
406
- },
407
- config: {
408
- layout: 12,
409
- main: {
410
- heading: "Are you sure you want to delete ?"
411
- }
412
- }
413
- },
414
- {
415
- type: "Control",
416
- scope: "#/properties/ConfirmDeleteCompButton",
417
- options: {
418
- widget: "Button"
419
- },
420
- config: {
421
- layout: 3,
422
- main: {
423
- name: "Yes",
424
- startIcon: "ApproveIcon",
425
- variant: "contained",
426
- color: "info",
427
- type: "text",
428
- onClick: "Delete_Components",
429
- size: "small"
430
- },
431
- style: {
432
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
433
- }
434
- }
435
- },
436
- {
437
- type: "Control",
438
- scope: "#/properties/CancelDeleteCompButton",
439
- options: {
440
- widget: "Button"
289
+ ]
290
+ }
291
+ ]
441
292
  },
442
- config: {
443
- layout: 3,
444
- main: {
445
- name: "No",
446
- startIcon: "ApproveIcon",
447
- variant: "contained",
448
- color: "info",
449
- type: "text",
450
- onClick: "deletePopUpComponent",
451
- size: "small"
293
+ {
294
+ type: "Control",
295
+ scope: "#/properties/btn",
296
+ options: {
297
+ widget: "Button"
452
298
  },
453
- style: {
454
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
299
+ config: {
300
+ layout: 11.9,
301
+ main: {
302
+ name: "Save",
303
+ startIcon: "ApproveIcon",
304
+ variant: "contained",
305
+ color: "info",
306
+ type: "text",
307
+ onClick: "saveHandler",
308
+ size: "medium"
309
+ },
310
+ style: {
311
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
312
+ float: "right"
313
+ }
455
314
  }
456
315
  }
457
- }
458
- ]
459
- },
460
- {
461
- type: "Control",
462
- scope: "#/properties/popUpEvent",
463
- options: {
464
- widget: "PopUp"
316
+ ]
465
317
  },
466
- config: {
467
- layout: {
468
- xs: 12,
469
- sm: 12,
470
- md: 12,
471
- lg: 12
318
+ {
319
+ type: "Control",
320
+ scope: "#/properties/notify",
321
+ options: {
322
+ widget: "Notify"
472
323
  },
473
- main: {}
324
+ layout: 6
474
325
  },
475
- elemetns: [
476
- {
477
- type: "Control",
478
- scope: "#/properties/Label",
479
- options: {
480
- widget: "Box"
481
- },
482
- config: {
483
- layout: 12,
484
- main: {
485
- heading: "Are you sure you want to delete ?"
486
- }
326
+ {
327
+ type: "HorizontalLayout",
328
+ config: {
329
+ style: {
330
+ position: "fixed",
331
+ bottom: 5,
332
+ overflow: "visible",
333
+ margin: "0",
334
+ width: "100vw"
487
335
  }
488
336
  },
489
- {
490
- type: "Control",
491
- scope: "#/properties/ConfirmDeleteEventButton",
492
- options: {
493
- widget: "Button"
337
+ elements: [
338
+ {
339
+ type: "Control",
340
+ scope: "#/properties/EmptyBox",
341
+ options: {
342
+ widget: "EmptyBox"
343
+ },
344
+ config: {
345
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
346
+ }
494
347
  },
495
- config: {
496
- layout: 3,
497
- main: {
498
- name: "No",
499
- startIcon: "ApproveIcon",
500
- variant: "contained",
501
- color: "info",
502
- type: "text",
503
- onClick: "deleteEvent",
504
- size: "small"
348
+ {
349
+ type: "Control",
350
+ scope: "#/properties/FooterText",
351
+ options: {
352
+ widget: "Box"
505
353
  },
506
- style: {}
507
- }
508
- },
509
- {
510
- type: "Control",
511
- scope: "#/properties/CancelDeleteEventButton",
512
- options: {
513
- widget: "Button"
354
+ config: {
355
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
356
+ main: {
357
+ heading: "Copywriter@ACT21.IO"
358
+ },
359
+ style: {
360
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
361
+ fontSize: "12px"
362
+ }
363
+ }
514
364
  },
515
- config: {
516
- layout: 3,
517
- main: {
518
- name: "Yes",
519
- startIcon: "ApproveIcon",
520
- variant: "contained",
521
- color: "info",
522
- type: "text",
523
- onClick: "deleteEvent",
524
- size: "small"
365
+ {
366
+ type: "HorizontalLayout",
367
+ config: {
368
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
525
369
  },
526
- style: {}
370
+ elements: [
371
+ {
372
+ type: "Control",
373
+ scope: "#/properties/EmptyBox",
374
+ options: {
375
+ widget: "EmptyBox"
376
+ },
377
+ config: {
378
+ layout: 2
379
+ }
380
+ },
381
+ {
382
+ type: "Control",
383
+ scope: "#/properties/backIcon",
384
+ options: {
385
+ widget: "Box"
386
+ },
387
+ config: {
388
+ layout: 1,
389
+ main: {
390
+ iconName: "PrevIcon",
391
+ onClick: "backHandler"
392
+ },
393
+ style: {
394
+ fill: theme.palette.primary.dark,
395
+ width: 20,
396
+ height: 20,
397
+ display: "flex",
398
+ alignItems: "center",
399
+ justifyContent: "center",
400
+ marginRight: "-8px",
401
+ cursor: "pointer"
402
+ }
403
+ }
404
+ },
405
+ {
406
+ type: "Control",
407
+ scope: "#/properties/text",
408
+ options: {
409
+ widget: "Box"
410
+ },
411
+ config: {
412
+ layout: 9,
413
+ main: {
414
+ heading: "Previous Page",
415
+ onClick: "backHandler"
416
+ },
417
+ style: {
418
+ color: theme.palette.primary.dark,
419
+ fontSize: "12px",
420
+ cursor: "pointer",
421
+ marginLeft: "-6px"
422
+ }
423
+ }
424
+ }
425
+ ]
527
426
  }
528
- }
529
- ]
530
- },
531
- {
532
- type: "Control",
533
- scope: "#/properties/btn",
534
- options: {
535
- widget: "EmptyBox"
536
- },
537
- config: {
538
- layout: { xs: 0, sm: 0, md: 8, lg: 7 }
539
- }
540
- },
541
- {
542
- type: "Control",
543
- scope: "#/properties/btn",
544
- options: {
545
- widget: "Button"
546
- },
547
- config: {
548
- layout: 11.7,
549
- main: {
550
- name: "Save",
551
- startIcon: "ApproveIcon",
552
- variant: "contained",
553
- color: "info",
554
- type: "text",
555
- onClick: "saveHandler",
556
- size: "small"
557
- },
558
- style: {
559
- marginBottom: "8px",
560
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
561
- float: "right"
562
- }
427
+ ]
563
428
  }
564
- },
565
- {
566
- type: "Control",
567
- scope: "#/properties/notify",
568
- options: {
569
- widget: "Notify"
570
- },
571
- layout: 6
572
- }
573
- ]
429
+ ]
430
+ };
431
+ return uiSchema;
574
432
  };
575
433
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
576
434
  var lodash = { exports: {} };
@@ -6294,295 +6152,342 @@ const ComponentSchema = {
6294
6152
  { title: "Secondary", const: "secondary" },
6295
6153
  { title: "Error", const: "error" },
6296
6154
  { title: "Success", const: "success" },
6297
- { title: "Info", const: "info" }
6298
- ]
6299
- },
6300
- name: {
6301
- type: "string"
6302
- },
6303
- label: { type: "string" }
6304
- },
6305
- required: ["name"]
6306
- };
6307
- const componentBasicUiSchema = {
6308
- type: "HorizontalLayout",
6309
- elements: [
6310
- {
6311
- type: "WrapperLayout",
6312
- config: {
6313
- main: {
6314
- rowSpacing: 1,
6315
- header: true
6316
- },
6317
- defaultStyle: true
6318
- },
6319
- elements: [
6320
- {
6321
- type: "Control",
6322
- scope: "#/properties/Component",
6323
- options: {
6324
- widget: "Box"
6325
- },
6326
- config: {
6327
- layout: { xs: 12, sm: 12, md: 2 },
6328
- main: {
6329
- heading: "Component"
6330
- },
6331
- style: {
6332
- "float": "left"
6333
- }
6334
- }
6335
- },
6336
- {
6337
- type: "Control",
6338
- scope: "#/properties/pageName",
6339
- options: {
6340
- widget: "Box"
6341
- },
6342
- config: {
6343
- layout: { xs: 7, sm: 7, md: 9 },
6344
- main: {
6345
- heading: " "
6346
- },
6347
- style: {
6348
- float: "right",
6349
- width: "auto",
6350
- fontSize: "12px",
6351
- color: "gray",
6352
- paddingTop: "10px"
6353
- }
6354
- }
6355
- },
6356
- {
6357
- type: "Control",
6358
- scope: "#/properties/Back_Button",
6359
- options: {
6360
- widget: "IconButton"
6361
- },
6362
- config: {
6363
- layout: { xs: 2, sm: 2, md: 0.5 },
6364
- main: {
6365
- icon: "BackIcon",
6366
- styleDefault: true,
6367
- size: "small",
6368
- onClick: "backHandler",
6369
- tooltipMessage: "Back"
6370
- },
6371
- style: {
6372
- float: "right"
6373
- }
6374
- }
6375
- }
6155
+ { title: "Info", const: "info" }
6376
6156
  ]
6377
6157
  },
6378
- {
6379
- type: "TabLayout",
6380
- config: {
6381
- main: {
6382
- tabLabels: ["Core"],
6383
- defaultStyle: true,
6384
- id: `component`
6385
- }
6386
- },
6387
- elements: [
6388
- {
6389
- type: "HorizontalLayout",
6390
- elements: [
6391
- {
6392
- type: "Control",
6393
- scope: "#/properties/type",
6394
- options: {
6395
- widget: "SelectInputField"
6396
- },
6397
- config: {
6398
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6399
- main: {
6400
- label: "Type"
6158
+ name: {
6159
+ type: "string"
6160
+ },
6161
+ label: { type: "string" }
6162
+ },
6163
+ required: ["name"]
6164
+ };
6165
+ const componentBasicUiSchema = (theme) => {
6166
+ var _a;
6167
+ const uiSchema = {
6168
+ type: "HorizontalLayout",
6169
+ heading: "Component",
6170
+ elements: [
6171
+ {
6172
+ type: "TabLayout",
6173
+ config: {
6174
+ main: {
6175
+ tabLabels: ["Core"],
6176
+ defaultStyle: true,
6177
+ id: `component`
6178
+ }
6179
+ },
6180
+ elements: [
6181
+ {
6182
+ type: "HorizontalLayout",
6183
+ elements: [
6184
+ {
6185
+ type: "Control",
6186
+ scope: "#/properties/type",
6187
+ options: {
6188
+ widget: "SelectInputField"
6189
+ },
6190
+ config: {
6191
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6192
+ main: {
6193
+ label: "Type"
6194
+ }
6401
6195
  }
6402
- }
6403
- },
6404
- {
6405
- type: "Control",
6406
- scope: "#/properties/name",
6407
- options: {
6408
- widget: "InputField"
6409
6196
  },
6410
- config: {
6411
- layout: {
6412
- xs: 12,
6413
- sm: 12,
6414
- md: 6,
6415
- lg: 6
6197
+ {
6198
+ type: "Control",
6199
+ scope: "#/properties/name",
6200
+ options: {
6201
+ widget: "InputField"
6416
6202
  },
6417
- main: {
6418
- label: "Name",
6419
- options: [],
6420
- color: "secondary",
6421
- required: true
6203
+ config: {
6204
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6205
+ main: {
6206
+ label: "Name",
6207
+ options: [],
6208
+ color: "secondary",
6209
+ required: true
6210
+ }
6422
6211
  }
6423
- }
6424
- },
6425
- {
6426
- type: "Control",
6427
- scope: "#/properties/label",
6428
- options: {
6429
- widget: "InputField"
6430
6212
  },
6431
- config: {
6432
- layout: {
6433
- xs: 12,
6434
- sm: 12,
6435
- md: 6,
6436
- lg: 6
6213
+ {
6214
+ type: "Control",
6215
+ scope: "#/properties/label",
6216
+ options: {
6217
+ widget: "InputField"
6437
6218
  },
6438
- main: {
6439
- label: "Label",
6440
- options: [],
6441
- color: "secondary",
6442
- required: true
6219
+ config: {
6220
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6221
+ main: {
6222
+ label: "Label",
6223
+ options: [],
6224
+ color: "secondary",
6225
+ required: true
6226
+ }
6443
6227
  }
6444
- }
6445
- },
6446
- {
6447
- type: "Control",
6448
- scope: "#/properties/proc",
6449
- config: {
6450
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6451
6228
  },
6452
- options: {
6453
- widget: "EmptyBox"
6454
- }
6455
- },
6456
- {
6457
- type: "Control",
6458
- scope: "#/properties/layout",
6459
- layout: 11.5,
6460
- options: {
6461
- detail: {
6462
- type: "HorizontalLayout",
6463
- elements: [
6464
- {
6465
- type: "Control",
6466
- scope: "#/properties/key",
6467
- options: {
6468
- widget: "SelectInputField"
6229
+ {
6230
+ type: "Control",
6231
+ scope: "#/properties/layout",
6232
+ layout: 12,
6233
+ options: {
6234
+ detail: {
6235
+ type: "HorizontalLayout",
6236
+ elements: [
6237
+ {
6238
+ type: "Control",
6239
+ scope: "#/properties/key",
6240
+ options: {
6241
+ widget: "SelectInputField"
6242
+ },
6243
+ config: {
6244
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6245
+ main: {
6246
+ label: "Screen Size"
6247
+ }
6248
+ }
6469
6249
  },
6470
- config: {
6471
- layout: {
6472
- xs: 11,
6473
- sm: 11,
6474
- md: 5.5,
6475
- lg: 5.5
6250
+ {
6251
+ type: "Control",
6252
+ scope: "#/properties/value",
6253
+ options: {
6254
+ widget: "InputField"
6476
6255
  },
6477
- main: {
6478
- label: "Screen Size"
6256
+ config: {
6257
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6258
+ main: {
6259
+ label: "Value",
6260
+ type: "number",
6261
+ helperText: "Number should be in range of 0 to 12",
6262
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6263
+ }
6479
6264
  }
6480
- }
6481
- },
6482
- {
6483
- type: "Control",
6484
- scope: "#/properties/value",
6485
- options: {
6486
- widget: "InputField"
6487
6265
  },
6488
- config: {
6489
- layout: {
6490
- xs: 11,
6491
- sm: 11,
6492
- md: 5.5,
6493
- lg: 5.5
6266
+ {
6267
+ type: "Control",
6268
+ scope: "#/properties/emptyBox",
6269
+ options: {
6270
+ widget: "EmptyBox"
6494
6271
  },
6495
- main: {
6496
- label: "Value",
6497
- type: "number",
6498
- helperText: "Number should be in range of 0 to 12",
6499
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6272
+ config: {
6273
+ layout: { xs: 0, sm: 4 }
6500
6274
  }
6501
6275
  }
6502
- }
6503
- ]
6276
+ ]
6277
+ }
6504
6278
  }
6505
6279
  }
6506
- }
6507
- ]
6280
+ ]
6281
+ }
6282
+ ]
6283
+ },
6284
+ {
6285
+ type: "Control",
6286
+ scope: "#/properties/EmptyBox",
6287
+ options: {
6288
+ widget: "EmptyBox"
6289
+ },
6290
+ config: {
6291
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6508
6292
  }
6509
- ]
6510
- },
6511
- {
6512
- type: "Control",
6513
- scope: "#/properties/proc",
6514
- config: {
6515
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6516
6293
  },
6517
- options: {
6518
- widget: "EmptyBox"
6519
- }
6520
- },
6521
- {
6522
- type: "Control",
6523
- scope: "#/properties/btn",
6524
- options: {
6525
- widget: "Button"
6294
+ {
6295
+ type: "Control",
6296
+ scope: "#/properties/EmptyBox",
6297
+ options: {
6298
+ widget: "EmptyBox"
6299
+ },
6300
+ config: {
6301
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6302
+ }
6526
6303
  },
6527
- config: {
6528
- layout: {
6529
- xs: 11,
6530
- sm: 11,
6531
- md: 2.5,
6532
- lg: 2.5
6304
+ {
6305
+ type: "Control",
6306
+ scope: "#/properties/btn",
6307
+ options: {
6308
+ widget: "Button"
6533
6309
  },
6534
- main: {
6535
- name: "Ok",
6536
- startIcon: "ApproveIcon",
6537
- variant: "contained",
6538
- color: "info",
6539
- type: "text",
6540
- onClick: "okHandler",
6541
- size: "small"
6310
+ config: {
6311
+ layout: 1.8,
6312
+ main: {
6313
+ name: "Ok",
6314
+ startIcon: "ApproveIcon",
6315
+ variant: "contained",
6316
+ color: "info",
6317
+ type: "text",
6318
+ onClick: "okHandler",
6319
+ size: "medium"
6320
+ },
6321
+ style: {
6322
+ float: "right"
6323
+ }
6324
+ }
6325
+ },
6326
+ {
6327
+ type: "Control",
6328
+ scope: "#/properties/btnSubmit",
6329
+ options: {
6330
+ widget: "Button"
6542
6331
  },
6543
- style: {
6544
- marginBottom: "8px",
6545
- float: "right"
6332
+ config: {
6333
+ layout: 1.8,
6334
+ main: {
6335
+ name: "Save & Exit",
6336
+ startIcon: "ApproveIcon",
6337
+ variant: "contained",
6338
+ color: "info",
6339
+ type: "text",
6340
+ onClick: "saveHandler",
6341
+ size: "medium"
6342
+ },
6343
+ style: {
6344
+ float: "right"
6345
+ }
6546
6346
  }
6547
- }
6548
- },
6549
- {
6550
- type: "Control",
6551
- scope: "#/properties/btnSubmit",
6552
- options: {
6553
- widget: "Button"
6554
6347
  },
6555
- config: {
6556
- layout: {
6557
- xs: 11,
6558
- sm: 11,
6559
- md: 2.5,
6560
- lg: 2.5
6348
+ {
6349
+ type: "Control",
6350
+ scope: "#/properties/notify",
6351
+ options: {
6352
+ widget: "Notify"
6561
6353
  },
6562
- main: {
6563
- name: "Save & Exit",
6564
- startIcon: "ApproveIcon",
6565
- variant: "contained",
6566
- color: "info",
6567
- type: "text",
6568
- onClick: "saveHandler",
6569
- size: "small"
6354
+ layout: 6
6355
+ },
6356
+ {
6357
+ type: "HorizontalLayout",
6358
+ config: {
6359
+ style: {
6360
+ position: "fixed",
6361
+ bottom: 5,
6362
+ overflow: "visible",
6363
+ margin: "0",
6364
+ width: "100vw"
6365
+ }
6570
6366
  },
6571
- style: {
6572
- marginBottom: "8px",
6573
- float: "right"
6574
- }
6367
+ elements: [
6368
+ {
6369
+ type: "Control",
6370
+ scope: "#/properties/EmptyBox",
6371
+ options: {
6372
+ widget: "EmptyBox"
6373
+ },
6374
+ config: {
6375
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6376
+ }
6377
+ },
6378
+ {
6379
+ type: "Control",
6380
+ scope: "#/properties/FooterText",
6381
+ options: {
6382
+ widget: "Box"
6383
+ },
6384
+ config: {
6385
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6386
+ main: {
6387
+ heading: "Copywriter@ACT21.IO"
6388
+ },
6389
+ style: {
6390
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6391
+ fontSize: "12px"
6392
+ }
6393
+ }
6394
+ },
6395
+ {
6396
+ type: "HorizontalLayout",
6397
+ config: {
6398
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
6399
+ },
6400
+ elements: [
6401
+ {
6402
+ type: "Control",
6403
+ scope: "#/properties/EmptyBox",
6404
+ options: {
6405
+ widget: "EmptyBox"
6406
+ },
6407
+ config: {
6408
+ layout: 2
6409
+ }
6410
+ },
6411
+ {
6412
+ type: "Control",
6413
+ scope: "#/properties/backIcon",
6414
+ options: {
6415
+ widget: "Box"
6416
+ },
6417
+ config: {
6418
+ layout: 1,
6419
+ main: {
6420
+ iconName: "PrevIcon",
6421
+ onClick: "backHandler"
6422
+ },
6423
+ style: {
6424
+ fill: theme.palette.primary.dark,
6425
+ width: 20,
6426
+ height: 20,
6427
+ display: "flex",
6428
+ alignItems: "center",
6429
+ justifyContent: "center",
6430
+ marginRight: "-8px",
6431
+ cursor: "pointer"
6432
+ }
6433
+ }
6434
+ },
6435
+ {
6436
+ type: "Control",
6437
+ scope: "#/properties/text",
6438
+ options: {
6439
+ widget: "Box"
6440
+ },
6441
+ config: {
6442
+ layout: 9,
6443
+ main: {
6444
+ heading: "Previous Page",
6445
+ onClick: "backHandler"
6446
+ },
6447
+ style: {
6448
+ color: theme.palette.primary.dark,
6449
+ fontSize: "12px",
6450
+ cursor: "pointer",
6451
+ marginLeft: "-6px"
6452
+ }
6453
+ }
6454
+ }
6455
+ ]
6456
+ },
6457
+ {
6458
+ type: "Control",
6459
+ scope: "#/properties/pageName",
6460
+ options: {
6461
+ widget: "Box"
6462
+ },
6463
+ config: {
6464
+ layout: 9.7,
6465
+ main: {
6466
+ heading: " "
6467
+ },
6468
+ style: {
6469
+ color: theme.palette.text.disabled,
6470
+ textAlign: "right",
6471
+ fontSize: "12px",
6472
+ marginTop: "-16px"
6473
+ }
6474
+ }
6475
+ },
6476
+ {
6477
+ type: "Control",
6478
+ scope: "#/properties/emptyBox",
6479
+ options: {
6480
+ widget: "EmptyBox"
6481
+ },
6482
+ config: {
6483
+ layout: 2.3
6484
+ }
6485
+ }
6486
+ ]
6575
6487
  }
6576
- },
6577
- {
6578
- type: "Control",
6579
- scope: "#/properties/notify",
6580
- options: {
6581
- widget: "Notify"
6582
- },
6583
- layout: 6
6584
- }
6585
- ]
6488
+ ]
6489
+ };
6490
+ return uiSchema;
6586
6491
  };
6587
6492
  const CoreSection = {
6588
6493
  type: "HorizontalLayout",
@@ -6594,7 +6499,7 @@ const CoreSection = {
6594
6499
  widget: "SelectInputField"
6595
6500
  },
6596
6501
  config: {
6597
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6502
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6598
6503
  main: {
6599
6504
  label: "Type",
6600
6505
  type: "text"
@@ -6608,12 +6513,7 @@ const CoreSection = {
6608
6513
  widget: "InputField"
6609
6514
  },
6610
6515
  config: {
6611
- layout: {
6612
- xs: 12,
6613
- sm: 12,
6614
- md: 6,
6615
- lg: 6
6616
- },
6516
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6617
6517
  main: {
6618
6518
  label: "Name"
6619
6519
  }
@@ -6626,31 +6526,16 @@ const CoreSection = {
6626
6526
  widget: "InputField"
6627
6527
  },
6628
6528
  config: {
6629
- layout: {
6630
- xs: 12,
6631
- sm: 12,
6632
- md: 6,
6633
- lg: 6
6634
- },
6529
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6635
6530
  main: {
6636
6531
  label: "Label"
6637
6532
  }
6638
6533
  }
6639
6534
  },
6640
- {
6641
- type: "Control",
6642
- scope: "#/properties/proc",
6643
- config: {
6644
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6645
- },
6646
- options: {
6647
- widget: "EmptyBox"
6648
- }
6649
- },
6650
6535
  {
6651
6536
  type: "Control",
6652
6537
  scope: "#/properties/layout",
6653
- layout: 11.5,
6538
+ layout: 12,
6654
6539
  options: {
6655
6540
  "elementLabelProp": "key",
6656
6541
  detail: {
@@ -6663,12 +6548,7 @@ const CoreSection = {
6663
6548
  widget: "SelectInputField"
6664
6549
  },
6665
6550
  config: {
6666
- layout: {
6667
- xs: 11,
6668
- sm: 11,
6669
- md: 5.5,
6670
- lg: 5.5
6671
- },
6551
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6672
6552
  main: {
6673
6553
  label: "Screen Size"
6674
6554
  }
@@ -6681,12 +6561,7 @@ const CoreSection = {
6681
6561
  widget: "InputField"
6682
6562
  },
6683
6563
  config: {
6684
- layout: {
6685
- xs: 11,
6686
- sm: 11,
6687
- md: 5.5,
6688
- lg: 5.5
6689
- },
6564
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6690
6565
  main: {
6691
6566
  label: "Value",
6692
6567
  type: "number",
@@ -6694,6 +6569,16 @@ const CoreSection = {
6694
6569
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6695
6570
  }
6696
6571
  }
6572
+ },
6573
+ {
6574
+ type: "Control",
6575
+ scope: "#/properties/emptyBox",
6576
+ options: {
6577
+ widget: "EmptyBox"
6578
+ },
6579
+ config: {
6580
+ layout: { xs: 0, sm: 4 }
6581
+ }
6697
6582
  }
6698
6583
  ]
6699
6584
  }
@@ -6705,121 +6590,95 @@ const EventSection = {
6705
6590
  type: "HorizontalLayout",
6706
6591
  elements: [
6707
6592
  {
6708
- type: "WrapperLayout",
6593
+ type: "Control",
6594
+ scope: "#/properties/events",
6595
+ options: {
6596
+ widget: "Table"
6597
+ },
6709
6598
  config: {
6710
6599
  main: {
6711
- divider: true
6712
- },
6713
- wrapperStyle: {
6714
- border: "1px solid gray"
6600
+ headerIcons: {
6601
+ elements: [
6602
+ {
6603
+ widget: {
6604
+ type: "Control",
6605
+ scope: "#/properties/New_Record",
6606
+ options: {
6607
+ widget: "IconButton"
6608
+ },
6609
+ config: {
6610
+ main: {
6611
+ color: "info",
6612
+ onClick: "eventAddHandler",
6613
+ size: "small",
6614
+ icon: "AddIcon",
6615
+ iconLabel: "Add New",
6616
+ styleDefault: true
6617
+ },
6618
+ style: {
6619
+ mt: "6px"
6620
+ }
6621
+ }
6622
+ }
6623
+ }
6624
+ ]
6625
+ },
6626
+ disableAction: true,
6627
+ disableSelection: true,
6628
+ enableDrag: true
6715
6629
  }
6716
6630
  },
6717
6631
  elements: [
6718
6632
  {
6719
- type: "Control",
6720
- scope: "#/properties/programType",
6721
- options: {
6722
- widget: "Box"
6723
- },
6724
- config: {
6725
- layout: 8,
6726
- main: {
6727
- heading: "Event Table"
6728
- },
6729
- style: {
6730
- fontFamily: "Roboto",
6731
- fontWeight: "500",
6732
- paddingLeft: "-10px",
6733
- fontSize: "20px"
6734
- }
6735
- }
6633
+ accessorKey: "eventType",
6634
+ header: "Event Type"
6736
6635
  },
6737
6636
  {
6738
- type: "Control",
6739
- scope: "#/properties/Back_Button",
6740
- options: {
6741
- widget: "IconButton"
6742
- },
6743
- config: {
6744
- layout: 3,
6745
- main: {
6746
- icon: "AddIcon",
6747
- styleDefault: true,
6748
- size: "small",
6749
- onClick: "eventAddHandler",
6750
- tooltipMessage: "Back"
6637
+ accessorKey: "Handler",
6638
+ header: "Handler"
6639
+ },
6640
+ {
6641
+ accessorKey: "Edit_Approve_Records",
6642
+ header: "Edit Widget",
6643
+ widget: {
6644
+ type: "Control",
6645
+ scope: "#/properties/Edit_Records",
6646
+ options: {
6647
+ widget: "IconButton"
6751
6648
  },
6752
- style: {
6753
- float: "right"
6649
+ config: {
6650
+ main: {
6651
+ color: "info",
6652
+ size: "small",
6653
+ icon: "EditIcon",
6654
+ tooltipMessage: "Edit This Record",
6655
+ onClick: "eventEditHandler"
6656
+ },
6657
+ style: {
6658
+ color: "#3949ab"
6659
+ }
6754
6660
  }
6755
6661
  }
6756
6662
  },
6757
6663
  {
6758
- type: "Control",
6759
- scope: "#/properties/events",
6760
- options: {
6761
- widget: "Table"
6762
- },
6763
- config: {
6764
- main: {
6765
- disableAction: true,
6766
- disableSelection: true,
6767
- enableDrag: true
6768
- }
6769
- },
6770
- elements: [
6771
- {
6772
- accessorKey: "eventType",
6773
- header: "Event Type"
6774
- },
6775
- {
6776
- accessorKey: "Handler",
6777
- header: "Handler"
6778
- },
6779
- {
6780
- accessorKey: "Edit_Approve_Records",
6781
- header: "Edit Widget",
6782
- widget: {
6783
- type: "Control",
6784
- scope: "#/properties/Edit_Records",
6785
- options: {
6786
- widget: "IconButton"
6787
- },
6788
- config: {
6789
- main: {
6790
- color: "info",
6791
- size: "small",
6792
- icon: "EditIcon",
6793
- tooltipMessage: "Edit This Record",
6794
- onClick: "eventEditHandler"
6795
- },
6796
- style: {
6797
- color: "#3949ab"
6798
- }
6799
- }
6800
- }
6664
+ accessorKey: "Reject_Records",
6665
+ header: "Delete",
6666
+ widget: {
6667
+ type: "Control",
6668
+ scope: "#/properties/RejectButton",
6669
+ accessorKeyName: "Reject_Records",
6670
+ options: {
6671
+ widget: "IconButton"
6801
6672
  },
6802
- {
6803
- accessorKey: "Reject_Records",
6804
- header: "Delete",
6805
- widget: {
6806
- type: "Control",
6807
- scope: "#/properties/RejectButton",
6808
- accessorKeyName: "Reject_Records",
6809
- options: {
6810
- widget: "IconButton"
6811
- },
6812
- config: {
6813
- main: {
6814
- icon: "RejectIcon",
6815
- color: "error",
6816
- tooltipMessage: "Reject This Record",
6817
- onClick: "deleteEvent"
6818
- }
6819
- }
6673
+ config: {
6674
+ main: {
6675
+ icon: "RejectIcon",
6676
+ color: "error",
6677
+ tooltipMessage: "Reject This Record",
6678
+ onClick: "deleteEvent"
6820
6679
  }
6821
6680
  }
6822
- ]
6681
+ }
6823
6682
  }
6824
6683
  ]
6825
6684
  }
@@ -6832,12 +6691,7 @@ const EmptyBox = {
6832
6691
  widget: "EmptyBox"
6833
6692
  },
6834
6693
  config: {
6835
- layout: {
6836
- xs: 11,
6837
- sm: 11,
6838
- md: 5.5,
6839
- lg: 5.5
6840
- },
6694
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6841
6695
  main: {}
6842
6696
  }
6843
6697
  };
@@ -6856,12 +6710,7 @@ const cardLayout = {
6856
6710
  widget: "SelectInputField"
6857
6711
  },
6858
6712
  config: {
6859
- layout: {
6860
- xs: 11,
6861
- sm: 11,
6862
- md: 5.5,
6863
- lg: 5.5
6864
- },
6713
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6865
6714
  main: {
6866
6715
  label: "Screen Size"
6867
6716
  }
@@ -6874,12 +6723,7 @@ const cardLayout = {
6874
6723
  widget: "InputField"
6875
6724
  },
6876
6725
  config: {
6877
- layout: {
6878
- xs: 11,
6879
- sm: 11,
6880
- md: 5.5,
6881
- lg: 5.5
6882
- },
6726
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6883
6727
  main: {
6884
6728
  label: "Value",
6885
6729
  type: "number",
@@ -6887,7 +6731,8 @@ const cardLayout = {
6887
6731
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6888
6732
  }
6889
6733
  }
6890
- }
6734
+ },
6735
+ EmptyBox
6891
6736
  ]
6892
6737
  }
6893
6738
  }
@@ -6909,17 +6754,13 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6909
6754
  widget: "InputField"
6910
6755
  },
6911
6756
  config: {
6912
- layout: {
6913
- xs: 11,
6914
- sm: 11,
6915
- md: 5.5,
6916
- lg: 5.5
6917
- },
6757
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6918
6758
  main: {
6919
6759
  label: childLabel || "Labels for Tab"
6920
6760
  }
6921
6761
  }
6922
6762
  },
6763
+ EmptyBox,
6923
6764
  EmptyBox
6924
6765
  ]
6925
6766
  }
@@ -6934,12 +6775,7 @@ sizeHolder.options.detail.elements[1] = {
6934
6775
  widget: "InputField"
6935
6776
  },
6936
6777
  config: {
6937
- layout: {
6938
- xs: 11,
6939
- sm: 11,
6940
- md: 5.5,
6941
- lg: 5.5
6942
- },
6778
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6943
6779
  main: {
6944
6780
  label: "Size"
6945
6781
  }
@@ -6953,12 +6789,7 @@ const getInputField = (scope, label) => {
6953
6789
  widget: "InputField"
6954
6790
  },
6955
6791
  config: {
6956
- layout: {
6957
- xs: 11,
6958
- sm: 11,
6959
- md: 5.5,
6960
- lg: 5.5
6961
- },
6792
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6962
6793
  main: {
6963
6794
  label
6964
6795
  }
@@ -6973,12 +6804,7 @@ const getRadioInputField = (scope, label, options) => {
6973
6804
  widget: "RadioInputField"
6974
6805
  },
6975
6806
  config: {
6976
- layout: {
6977
- xs: 11,
6978
- sm: 11,
6979
- md: 5.5,
6980
- lg: 5.5
6981
- },
6807
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6982
6808
  main: {
6983
6809
  label,
6984
6810
  options
@@ -7021,7 +6847,7 @@ const getSelectField = (scope, label, options) => {
7021
6847
  widget: "SelectInputField"
7022
6848
  },
7023
6849
  config: {
7024
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6850
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7025
6851
  main: {
7026
6852
  label,
7027
6853
  type: "text"
@@ -7042,6 +6868,8 @@ const buildPropertiesSection = function(type) {
7042
6868
  getInputField("elevation", "Card Elevation"),
7043
6869
  getInputField("height", "Grid height"),
7044
6870
  getInputField("justifyContent", "justifyContent"),
6871
+ EmptyBox,
6872
+ EmptyBox,
7045
6873
  cardLayout
7046
6874
  ];
7047
6875
  break;
@@ -7052,6 +6880,7 @@ const buildPropertiesSection = function(type) {
7052
6880
  getInputField("resetText", "Reset Text"),
7053
6881
  getInputField("completeText", "Complete Text"),
7054
6882
  getSelectField("orientation", "Orientation Type"),
6883
+ EmptyBox,
7055
6884
  getArrayControl("sectionLabels", "label")
7056
6885
  ];
7057
6886
  break;
@@ -7067,12 +6896,14 @@ const buildPropertiesSection = function(type) {
7067
6896
  uiSchema.elements = [
7068
6897
  getInputField("placeholder", "Placeholder"),
7069
6898
  EmptyBox,
6899
+ EmptyBox,
7070
6900
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
7071
6901
  ];
7072
6902
  break;
7073
6903
  case "TextArea":
7074
6904
  uiSchema.elements = [
7075
6905
  getInputField("placeholder", "Placeholder"),
6906
+ EmptyBox,
7076
6907
  EmptyBox
7077
6908
  ];
7078
6909
  break;
@@ -7082,7 +6913,8 @@ const buildPropertiesSection = function(type) {
7082
6913
  getInputField("heading", "Container Heading"),
7083
6914
  getInputField("heading", "Container Heading"),
7084
6915
  getInputField("speedoCaption", "Speedometer Caption"),
7085
- getInputField("width", "Speedometer Width")
6916
+ getInputField("width", "Speedometer Width"),
6917
+ EmptyBox
7086
6918
  ];
7087
6919
  break;
7088
6920
  case "RankCard":
@@ -7090,7 +6922,9 @@ const buildPropertiesSection = function(type) {
7090
6922
  getInputField("rank", "Rank"),
7091
6923
  getInputField("image", "Image Url"),
7092
6924
  getInputField("title", "Card Title"),
7093
- getInputField("description", "Card Description")
6925
+ getInputField("description", "Card Description"),
6926
+ EmptyBox,
6927
+ EmptyBox
7094
6928
  ];
7095
6929
  break;
7096
6930
  case "LeaderBoard":
@@ -7099,6 +6933,8 @@ const buildPropertiesSection = function(type) {
7099
6933
  getInputField("firstImage", "First Image url"),
7100
6934
  getInputField("secondImage", "Second Image url"),
7101
6935
  getInputField("thirdImage", "Third Image url"),
6936
+ EmptyBox,
6937
+ EmptyBox,
7102
6938
  getTextArea("functionCode", "Write Compare Code", false)
7103
6939
  ];
7104
6940
  break;
@@ -7114,7 +6950,9 @@ const buildPropertiesSection = function(type) {
7114
6950
  getInputField("heading", "Heading"),
7115
6951
  getInputField("bottomLabel_1", "First BottomLabel"),
7116
6952
  getInputField("bottomLabel_2", "Second BottomLabel"),
7117
- getInputField("bottomLabel_3", "Third BottomLabel")
6953
+ getInputField("bottomLabel_3", "Third BottomLabel"),
6954
+ EmptyBox,
6955
+ EmptyBox
7118
6956
  ];
7119
6957
  break;
7120
6958
  case "card":
@@ -7148,7 +6986,7 @@ const buildPropertiesSection = function(type) {
7148
6986
  ];
7149
6987
  break;
7150
6988
  case "WrapperSection":
7151
- uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox];
6989
+ uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), getRadioInputField("isAccordion", "Accordion", ["YES", "No"]), EmptyBox];
7152
6990
  break;
7153
6991
  case "TabSection":
7154
6992
  uiSchema.elements = [
@@ -7176,12 +7014,14 @@ const buildPropertiesSection = function(type) {
7176
7014
  case "Select":
7177
7015
  uiSchema.elements = [
7178
7016
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7179
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7017
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7018
+ EmptyBox
7180
7019
  ];
7181
7020
  break;
7182
7021
  case "MultipleSelect":
7183
7022
  uiSchema.elements = [
7184
7023
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7024
+ EmptyBox,
7185
7025
  EmptyBox
7186
7026
  ];
7187
7027
  break;
@@ -7227,116 +7067,92 @@ const TableSection = {
7227
7067
  type: "HorizontalLayout",
7228
7068
  elements: [
7229
7069
  {
7230
- type: "WrapperLayout",
7070
+ type: "Control",
7071
+ scope: "#/properties/elements",
7072
+ options: {
7073
+ widget: "Table"
7074
+ },
7231
7075
  config: {
7232
- main: {},
7233
- wrapperStyle: {
7234
- border: "1px solid gray"
7076
+ main: {
7077
+ headerIcons: {
7078
+ elements: [
7079
+ {
7080
+ widget: {
7081
+ type: "Control",
7082
+ scope: "#/properties/New_Record",
7083
+ options: {
7084
+ widget: "IconButton"
7085
+ },
7086
+ config: {
7087
+ main: {
7088
+ color: "info",
7089
+ onClick: "widgetAddClickHandler",
7090
+ size: "small",
7091
+ icon: "AddIcon",
7092
+ iconLabel: "Add New",
7093
+ styleDefault: true
7094
+ },
7095
+ style: {
7096
+ mt: "6px"
7097
+ }
7098
+ }
7099
+ }
7100
+ }
7101
+ ]
7102
+ },
7103
+ disableAction: true,
7104
+ disableSelection: true,
7105
+ enableDrag: true
7235
7106
  }
7236
7107
  },
7237
7108
  elements: [
7238
7109
  {
7239
- type: "Control",
7240
- scope: "#/properties/programType",
7241
- options: {
7242
- widget: "Box"
7243
- },
7244
- config: {
7245
- layout: 8,
7246
- main: {
7247
- heading: "Components Table"
7248
- },
7249
- style: {
7250
- fontFamily: "Roboto",
7251
- fontWeight: "500",
7252
- paddingLeft: "-10px",
7253
- fontSize: "20px"
7254
- }
7255
- }
7110
+ accessorKey: "name",
7111
+ header: "Name"
7256
7112
  },
7257
7113
  {
7258
- type: "Control",
7259
- scope: "#/properties/Back_Button",
7260
- options: {
7261
- widget: "IconButton"
7262
- },
7263
- config: {
7264
- layout: 3,
7265
- main: {
7266
- icon: "AddIcon",
7267
- styleDefault: true,
7268
- size: "small",
7269
- onClick: "widgetAddClickHandler",
7270
- tooltipMessage: "Add New"
7114
+ accessorKey: "type",
7115
+ header: "Type"
7116
+ },
7117
+ {
7118
+ header: "Edit Record",
7119
+ field: "Reject_Records",
7120
+ flex: 1,
7121
+ widget: {
7122
+ type: "Control",
7123
+ scope: "#/properties/RejectButton",
7124
+ options: {
7125
+ widget: "IconButton"
7271
7126
  },
7272
- style: {
7273
- float: "right"
7127
+ config: {
7128
+ main: {
7129
+ icon: "EditIcon",
7130
+ color: "primary",
7131
+ onClick: "editComponents",
7132
+ tooltipMessage: "Reject This Record"
7133
+ }
7274
7134
  }
7275
7135
  }
7276
7136
  },
7277
7137
  {
7278
- type: "Control",
7279
- scope: "#/properties/elements",
7280
- options: {
7281
- widget: "Table"
7282
- },
7283
- config: {
7284
- main: {
7285
- disableAction: true,
7286
- disableSelection: true,
7287
- enableDrag: true
7288
- }
7289
- },
7290
- elements: [
7291
- {
7292
- accessorKey: "name",
7293
- header: "Name"
7294
- },
7295
- {
7296
- accessorKey: "type",
7297
- header: "Type"
7298
- },
7299
- {
7300
- header: "Edit Record",
7301
- field: "Reject_Records",
7302
- flex: 1,
7303
- widget: {
7304
- type: "Control",
7305
- scope: "#/properties/RejectButton",
7306
- options: {
7307
- widget: "IconButton"
7308
- },
7309
- config: {
7310
- main: {
7311
- icon: "EditIcon",
7312
- color: "primary",
7313
- onClick: "editComponents",
7314
- tooltipMessage: "Reject This Record"
7315
- }
7316
- }
7317
- }
7138
+ header: "Delete",
7139
+ field: "Reject_Records",
7140
+ flex: 1,
7141
+ widget: {
7142
+ type: "Control",
7143
+ scope: "#/properties/RejectButton",
7144
+ options: {
7145
+ widget: "IconButton"
7318
7146
  },
7319
- {
7320
- header: "Delete",
7321
- field: "Reject_Records",
7322
- flex: 1,
7323
- widget: {
7324
- type: "Control",
7325
- scope: "#/properties/RejectButton",
7326
- options: {
7327
- widget: "IconButton"
7328
- },
7329
- config: {
7330
- main: {
7331
- icon: "RejectIcon",
7332
- color: "error",
7333
- onClick: "deleteComponents",
7334
- tooltipMessage: "Reject This Record"
7335
- }
7336
- }
7147
+ config: {
7148
+ main: {
7149
+ icon: "RejectIcon",
7150
+ color: "error",
7151
+ onClick: "deleteComponents",
7152
+ tooltipMessage: "Reject This Record"
7337
7153
  }
7338
7154
  }
7339
- ]
7155
+ }
7340
7156
  }
7341
7157
  ]
7342
7158
  }
@@ -7360,12 +7176,7 @@ const ValueTab = {
7360
7176
  widget: "InputField"
7361
7177
  },
7362
7178
  config: {
7363
- layout: {
7364
- xs: 11,
7365
- sm: 11,
7366
- md: 5.5,
7367
- lg: 5.5
7368
- },
7179
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7369
7180
  main: {
7370
7181
  label: "Label"
7371
7182
  }
@@ -7378,16 +7189,21 @@ const ValueTab = {
7378
7189
  widget: "InputField"
7379
7190
  },
7380
7191
  config: {
7381
- layout: {
7382
- xs: 11,
7383
- sm: 11,
7384
- md: 5.5,
7385
- lg: 5.5
7386
- },
7192
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7387
7193
  main: {
7388
7194
  label: "Value"
7389
7195
  }
7390
7196
  }
7197
+ },
7198
+ {
7199
+ type: "Control",
7200
+ scope: "#/properties/emptyBox",
7201
+ options: {
7202
+ widget: "EmptyBox"
7203
+ },
7204
+ config: {
7205
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7206
+ }
7391
7207
  }
7392
7208
  ]
7393
7209
  }
@@ -7414,12 +7230,7 @@ const ValidationSection = {
7414
7230
  widget: "SelectInputField"
7415
7231
  },
7416
7232
  config: {
7417
- layout: {
7418
- xs: 11,
7419
- sm: 11,
7420
- md: 5.5,
7421
- lg: 5.5
7422
- },
7233
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7423
7234
  main: {
7424
7235
  label: "Validation Type"
7425
7236
  }
@@ -7432,16 +7243,21 @@ const ValidationSection = {
7432
7243
  widget: "InputField"
7433
7244
  },
7434
7245
  config: {
7435
- layout: {
7436
- xs: 11,
7437
- sm: 11,
7438
- md: 5.5,
7439
- lg: 5.5
7440
- },
7246
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7441
7247
  main: {
7442
7248
  label: "Validation Value"
7443
7249
  }
7444
7250
  }
7251
+ },
7252
+ {
7253
+ type: "Control",
7254
+ scope: "#/properties/emptyBox",
7255
+ options: {
7256
+ widget: "EmptyBox"
7257
+ },
7258
+ config: {
7259
+ layout: { xs: 0, sm: 4 }
7260
+ }
7445
7261
  }
7446
7262
  ]
7447
7263
  }
@@ -7623,7 +7439,7 @@ const sectionLabels = {
7623
7439
  };
7624
7440
  const refreshPage = (type, store2) => {
7625
7441
  var _a;
7626
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7442
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7627
7443
  if (type) {
7628
7444
  const sectionUiSchema = {
7629
7445
  Core: CoreSection,
@@ -7635,8 +7451,8 @@ const refreshPage = (type, store2) => {
7635
7451
  Validation: ValidationSection
7636
7452
  };
7637
7453
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7638
- UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7639
- UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7454
+ UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7455
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7640
7456
  }
7641
7457
  store2.setUiSchema(UiSchema);
7642
7458
  };
@@ -7758,7 +7574,7 @@ var pageMaster = (funcParams) => {
7758
7574
  return config;
7759
7575
  },
7760
7576
  getUiSchema: function() {
7761
- return PageMasterUiSchema;
7577
+ return PageMasterUiSchema(store2.theme.myTheme);
7762
7578
  },
7763
7579
  getSchema: () => {
7764
7580
  return PageMasterSchema;
@@ -7780,10 +7596,7 @@ var pageMaster = (funcParams) => {
7780
7596
  },
7781
7597
  saveHandler: async () => await saveHandler(store2, service2, submitHandler),
7782
7598
  Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
7783
- Delete_Components: async function() {
7784
- await Component(store2, dynamicData2, submitHandler, service2).deleteComponents();
7785
- store2.updateDialog("popUpComponent");
7786
- },
7599
+ Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
7787
7600
  eventAddHandler: function() {
7788
7601
  var _a;
7789
7602
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7807,12 +7620,6 @@ var pageMaster = (funcParams) => {
7807
7620
  store2.formData.events.splice(rowId, 1);
7808
7621
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7809
7622
  store2.setFormdata(response2);
7810
- },
7811
- deletePopUpComponent: function() {
7812
- store2.updateDialog("popUpComponent");
7813
- },
7814
- deletePopUpEvent: function() {
7815
- store2.updateDialog("popUpEvent");
7816
7623
  }
7817
7624
  };
7818
7625
  };
@@ -7902,302 +7709,366 @@ const EventSchema = {
7902
7709
  },
7903
7710
  required: ["eventType", "Handler"]
7904
7711
  };
7905
- const EventUiSchema = {
7906
- type: "HorizontalLayout",
7907
- elements: [
7908
- {
7909
- type: "WrapperLayout",
7910
- config: {
7911
- main: {
7912
- rowSpacing: 1,
7913
- header: true
7914
- },
7915
- defaultStyle: true
7916
- },
7917
- elements: [
7918
- {
7919
- type: "Control",
7920
- scope: "#/properties/Component",
7921
- options: {
7922
- widget: "Box"
7923
- },
7924
- config: {
7925
- layout: { xs: 12, sm: 12, md: 2 },
7926
- main: {
7927
- heading: "Component"
7928
- },
7929
- style: {
7930
- "float": "left"
7931
- }
7932
- }
7933
- },
7934
- {
7935
- type: "Control",
7936
- scope: "#/properties/pageName",
7937
- options: {
7938
- widget: "Box"
7939
- },
7940
- config: {
7941
- layout: { xs: 7, sm: 7, md: 9 },
7942
- main: {
7943
- heading: " "
7944
- },
7945
- style: {
7946
- float: "right",
7947
- width: "auto",
7948
- fontSize: "12px",
7949
- color: "gray",
7950
- paddingTop: "10px"
7951
- }
7712
+ const EventUiSchema = (theme) => {
7713
+ var _a;
7714
+ const uiSchema = {
7715
+ type: "HorizontalLayout",
7716
+ heading: "Component",
7717
+ elements: [
7718
+ {
7719
+ type: "TabLayout",
7720
+ config: {
7721
+ main: {
7722
+ tabLabels: ["Core", "Response Event"],
7723
+ defaultStyle: true,
7724
+ id: "event"
7952
7725
  }
7953
7726
  },
7954
- {
7955
- type: "Control",
7956
- scope: "#/properties/Back_Button",
7957
- options: {
7958
- widget: "IconButton"
7959
- },
7960
- config: {
7961
- layout: { xs: 2, sm: 2, md: 0.5 },
7962
- main: {
7963
- icon: "BackIcon",
7964
- styleDefault: true,
7965
- size: "small",
7966
- onClick: "backHandler",
7967
- tooltipMessage: "Back"
7968
- },
7969
- style: {
7970
- float: "right"
7971
- }
7972
- }
7973
- }
7974
- ]
7975
- },
7976
- {
7977
- type: "TabLayout",
7978
- config: {
7979
- main: {
7980
- tabLabels: ["Core", "Response Event"],
7981
- defaultStyle: true,
7982
- id: "event"
7983
- }
7984
- },
7985
- elements: [
7986
- {
7987
- type: "HorizontalLayout",
7988
- elements: [
7989
- {
7990
- type: "Control",
7991
- scope: `#/properties/eventType`,
7992
- options: {
7993
- widget: "SelectInputField"
7727
+ elements: [
7728
+ {
7729
+ type: "HorizontalLayout",
7730
+ elements: [
7731
+ {
7732
+ type: "Control",
7733
+ scope: `#/properties/eventType`,
7734
+ options: {
7735
+ widget: "SelectInputField"
7736
+ },
7737
+ config: {
7738
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7739
+ main: {
7740
+ label: "Event Type",
7741
+ type: "text"
7742
+ }
7743
+ }
7994
7744
  },
7995
- config: {
7996
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7997
- main: {
7998
- label: "Event Type",
7999
- type: "text"
7745
+ {
7746
+ type: "Control",
7747
+ scope: `#/properties/Handler`,
7748
+ options: {
7749
+ widget: "SelectInputField"
7750
+ },
7751
+ config: {
7752
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7753
+ main: {
7754
+ label: "Handler",
7755
+ type: "text"
7756
+ }
8000
7757
  }
8001
- }
8002
- },
8003
- getSelectField("Handler", "Handler")
8004
- ]
8005
- },
8006
- {
8007
- type: "WrapperLayout",
8008
- config: {
8009
- main: {
8010
- divider: true
8011
- },
8012
- wrapperStyle: {
8013
- border: "1px solid gray"
8014
- }
8015
- },
8016
- elements: [
8017
- {
8018
- type: "Control",
8019
- scope: "#/properties/heading",
8020
- options: {
8021
- widget: "Box"
8022
7758
  },
8023
- config: {
8024
- layout: 8,
8025
- main: {
8026
- heading: "Response Event"
7759
+ {
7760
+ type: "Control",
7761
+ scope: "#/properties/emptyBox",
7762
+ options: {
7763
+ widget: "EmptyBox"
8027
7764
  },
8028
- style: {
8029
- fontFamily: "Roboto",
8030
- fontWeight: "500",
8031
- paddingLeft: "-10px",
8032
- fontSize: "20px"
7765
+ config: {
7766
+ layout: { xs: 0, sm: 4 }
8033
7767
  }
8034
7768
  }
7769
+ ]
7770
+ },
7771
+ {
7772
+ type: "Control",
7773
+ scope: "#/properties/events",
7774
+ options: {
7775
+ widget: "Table"
8035
7776
  },
8036
- {
8037
- type: "Control",
8038
- scope: "#/properties/AddButton",
8039
- options: {
8040
- widget: "IconButton"
8041
- },
8042
- config: {
8043
- layout: 3,
8044
- main: {
8045
- icon: "AddIcon",
8046
- styleDefault: true,
8047
- size: "small",
8048
- onClick: "addEvent",
8049
- tooltipMessage: "Back"
7777
+ config: {
7778
+ main: {
7779
+ headerIcons: {
7780
+ elements: [
7781
+ {
7782
+ widget: {
7783
+ type: "Control",
7784
+ scope: "#/properties/New_Record",
7785
+ options: {
7786
+ widget: "IconButton"
7787
+ },
7788
+ config: {
7789
+ main: {
7790
+ color: "info",
7791
+ onClick: "addEvent",
7792
+ size: "small",
7793
+ icon: "AddIcon",
7794
+ iconLabel: "Add New",
7795
+ styleDefault: true
7796
+ },
7797
+ style: {
7798
+ mt: "6px"
7799
+ }
7800
+ }
7801
+ }
7802
+ }
7803
+ ]
8050
7804
  },
8051
- style: {
8052
- float: "right"
8053
- }
7805
+ disableAction: true,
7806
+ disableSelection: true,
7807
+ enableDrag: true
8054
7808
  }
8055
7809
  },
8056
- {
8057
- type: "Control",
8058
- scope: "#/properties/events",
8059
- options: {
8060
- widget: "Table"
7810
+ elements: [
7811
+ {
7812
+ accessorKey: "eventType",
7813
+ header: "Event Type"
8061
7814
  },
8062
- config: {
8063
- main: {
8064
- disableAction: true,
8065
- disableSelection: true,
8066
- enableDrag: true
8067
- }
7815
+ {
7816
+ accessorKey: "Handler",
7817
+ header: "Handler"
8068
7818
  },
8069
- elements: [
8070
- {
8071
- accessorKey: "eventType",
8072
- header: "Event Type"
8073
- },
8074
- {
8075
- accessorKey: "Handler",
8076
- header: "Handler"
8077
- },
8078
- {
8079
- accessorKey: "Edit_Approve_Records",
8080
- header: "Edit Widget",
8081
- widget: {
8082
- type: "Control",
8083
- scope: "#/properties/Edit_Records",
8084
- options: {
8085
- widget: "IconButton"
7819
+ {
7820
+ accessorKey: "Edit_Approve_Records",
7821
+ header: "Edit Widget",
7822
+ widget: {
7823
+ type: "Control",
7824
+ scope: "#/properties/Edit_Records",
7825
+ options: {
7826
+ widget: "IconButton"
7827
+ },
7828
+ config: {
7829
+ main: {
7830
+ color: "info",
7831
+ size: "small",
7832
+ icon: "EditIcon",
7833
+ tooltipMessage: "Edit This Record",
7834
+ onClick: "editEvent"
8086
7835
  },
8087
- config: {
8088
- main: {
8089
- color: "info",
8090
- size: "small",
8091
- icon: "EditIcon",
8092
- tooltipMessage: "Edit This Record",
8093
- onClick: "editEvent"
8094
- },
8095
- style: {
8096
- color: "#3949ab"
8097
- }
7836
+ style: {
7837
+ color: "#3949ab"
8098
7838
  }
8099
7839
  }
8100
- },
8101
- {
8102
- accessorKey: "Reject_Records",
8103
- header: "Delete",
8104
- widget: {
8105
- type: "Control",
8106
- scope: "#/properties/RejectButton",
8107
- options: {
8108
- widget: "IconButton"
8109
- },
8110
- config: {
8111
- main: {
8112
- icon: "RejectIcon",
8113
- color: "error",
8114
- tooltipMessage: "Reject This Record",
8115
- onClick: "deleteEvent"
8116
- }
7840
+ }
7841
+ },
7842
+ {
7843
+ accessorKey: "Reject_Records",
7844
+ header: "Delete",
7845
+ widget: {
7846
+ type: "Control",
7847
+ scope: "#/properties/RejectButton",
7848
+ options: {
7849
+ widget: "IconButton"
7850
+ },
7851
+ config: {
7852
+ main: {
7853
+ icon: "RejectIcon",
7854
+ color: "error",
7855
+ tooltipMessage: "Reject This Record",
7856
+ onClick: "deleteEvent"
8117
7857
  }
8118
7858
  }
8119
7859
  }
8120
- ]
8121
- }
8122
- ]
7860
+ }
7861
+ ]
7862
+ }
7863
+ ]
7864
+ },
7865
+ {
7866
+ type: "Control",
7867
+ scope: "#/properties/EmptyBox",
7868
+ options: {
7869
+ widget: "EmptyBox"
7870
+ },
7871
+ config: {
7872
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8123
7873
  }
8124
- ]
8125
- },
8126
- {
8127
- type: "Control",
8128
- scope: "#/properties/proc",
8129
- config: {
8130
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8131
7874
  },
8132
- options: {
8133
- widget: "EmptyBox"
8134
- }
8135
- },
8136
- {
8137
- type: "Control",
8138
- scope: "#/properties/btn",
8139
- options: {
8140
- widget: "Button"
7875
+ {
7876
+ type: "Control",
7877
+ scope: "#/properties/EmptyBox",
7878
+ options: {
7879
+ widget: "EmptyBox"
7880
+ },
7881
+ config: {
7882
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7883
+ }
8141
7884
  },
8142
- config: {
8143
- layout: {
8144
- xs: 11,
8145
- sm: 11,
8146
- md: 2.5,
8147
- lg: 2.5
7885
+ {
7886
+ type: "Control",
7887
+ scope: "#/properties/btn",
7888
+ options: {
7889
+ widget: "Button"
8148
7890
  },
8149
- main: {
8150
- name: "Ok",
8151
- startIcon: "ApproveIcon",
8152
- variant: "contained",
8153
- color: "info",
8154
- type: "text",
8155
- onClick: "okHandler",
8156
- size: "small"
7891
+ config: {
7892
+ layout: 1.8,
7893
+ main: {
7894
+ name: "Ok",
7895
+ startIcon: "ApproveIcon",
7896
+ variant: "contained",
7897
+ color: "info",
7898
+ type: "text",
7899
+ onClick: "okHandler",
7900
+ size: "medium"
7901
+ },
7902
+ style: {
7903
+ float: "right"
7904
+ }
7905
+ }
7906
+ },
7907
+ {
7908
+ type: "Control",
7909
+ scope: "#/properties/btnSubmit",
7910
+ options: {
7911
+ widget: "Button"
8157
7912
  },
8158
- style: {
8159
- marginBottom: "8px",
8160
- float: "right"
7913
+ config: {
7914
+ layout: 1.8,
7915
+ main: {
7916
+ name: "Save & Exit",
7917
+ startIcon: "ApproveIcon",
7918
+ variant: "contained",
7919
+ color: "info",
7920
+ type: "text",
7921
+ onClick: "saveHandler",
7922
+ size: "medium"
7923
+ },
7924
+ style: {
7925
+ float: "right"
7926
+ }
8161
7927
  }
8162
- }
8163
- },
8164
- {
8165
- type: "Control",
8166
- scope: "#/properties/btnSubmit",
8167
- options: {
8168
- widget: "Button"
8169
7928
  },
8170
- config: {
8171
- layout: {
8172
- xs: 11,
8173
- sm: 11,
8174
- md: 2.5,
8175
- lg: 2.5
7929
+ {
7930
+ type: "Control",
7931
+ scope: "#/properties/notify",
7932
+ options: {
7933
+ widget: "Notify"
8176
7934
  },
8177
- main: {
8178
- name: "Save & Exit",
8179
- startIcon: "ApproveIcon",
8180
- variant: "contained",
8181
- color: "info",
8182
- type: "text",
8183
- onClick: "saveHandler",
8184
- size: "small"
7935
+ layout: 6
7936
+ },
7937
+ {
7938
+ type: "HorizontalLayout",
7939
+ config: {
7940
+ style: {
7941
+ position: "fixed",
7942
+ bottom: 5,
7943
+ overflow: "visible",
7944
+ margin: "0",
7945
+ width: "100vw"
7946
+ }
8185
7947
  },
8186
- style: {
8187
- marginBottom: "8px",
8188
- float: "right"
8189
- }
7948
+ elements: [
7949
+ {
7950
+ type: "Control",
7951
+ scope: "#/properties/EmptyBox",
7952
+ options: {
7953
+ widget: "EmptyBox"
7954
+ },
7955
+ config: {
7956
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7957
+ }
7958
+ },
7959
+ {
7960
+ type: "Control",
7961
+ scope: "#/properties/FooterText",
7962
+ options: {
7963
+ widget: "Box"
7964
+ },
7965
+ config: {
7966
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7967
+ main: {
7968
+ heading: "Copywriter@ACT21.IO"
7969
+ },
7970
+ style: {
7971
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7972
+ fontSize: "12px"
7973
+ }
7974
+ }
7975
+ },
7976
+ {
7977
+ type: "HorizontalLayout",
7978
+ config: {
7979
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
7980
+ },
7981
+ elements: [
7982
+ {
7983
+ type: "Control",
7984
+ scope: "#/properties/EmptyBox",
7985
+ options: {
7986
+ widget: "EmptyBox"
7987
+ },
7988
+ config: {
7989
+ layout: 2
7990
+ }
7991
+ },
7992
+ {
7993
+ type: "Control",
7994
+ scope: "#/properties/backIcon",
7995
+ options: {
7996
+ widget: "Box"
7997
+ },
7998
+ config: {
7999
+ layout: 1,
8000
+ main: {
8001
+ iconName: "PrevIcon",
8002
+ onClick: "backHandler"
8003
+ },
8004
+ style: {
8005
+ fill: theme.palette.primary.dark,
8006
+ width: 20,
8007
+ height: 20,
8008
+ display: "flex",
8009
+ alignItems: "center",
8010
+ justifyContent: "center",
8011
+ marginRight: "-8px",
8012
+ cursor: "pointer"
8013
+ }
8014
+ }
8015
+ },
8016
+ {
8017
+ type: "Control",
8018
+ scope: "#/properties/text",
8019
+ options: {
8020
+ widget: "Box"
8021
+ },
8022
+ config: {
8023
+ layout: 9,
8024
+ main: {
8025
+ heading: "Previous Page",
8026
+ onClick: "backHandler"
8027
+ },
8028
+ style: {
8029
+ color: theme.palette.primary.dark,
8030
+ fontSize: "12px",
8031
+ cursor: "pointer",
8032
+ marginLeft: "-6px"
8033
+ }
8034
+ }
8035
+ }
8036
+ ]
8037
+ },
8038
+ {
8039
+ type: "Control",
8040
+ scope: "#/properties/pageName",
8041
+ options: {
8042
+ widget: "Box"
8043
+ },
8044
+ config: {
8045
+ layout: 9.7,
8046
+ main: {
8047
+ heading: " "
8048
+ },
8049
+ style: {
8050
+ color: theme.palette.text.disabled,
8051
+ textAlign: "right",
8052
+ fontSize: "12px",
8053
+ marginTop: "-16px"
8054
+ }
8055
+ }
8056
+ },
8057
+ {
8058
+ type: "Control",
8059
+ scope: "#/properties/emptyBox",
8060
+ options: {
8061
+ widget: "EmptyBox"
8062
+ },
8063
+ config: {
8064
+ layout: 2.3
8065
+ }
8066
+ }
8067
+ ]
8190
8068
  }
8191
- },
8192
- {
8193
- type: "Control",
8194
- scope: "#/properties/notify",
8195
- options: {
8196
- widget: "Notify"
8197
- },
8198
- layout: 6
8199
- }
8200
- ]
8069
+ ]
8070
+ };
8071
+ return uiSchema;
8201
8072
  };
8202
8073
  const APISection = {
8203
8074
  type: "HorizontalLayout",
@@ -8209,7 +8080,7 @@ const APISection = {
8209
8080
  widget: "SelectInputField"
8210
8081
  },
8211
8082
  config: {
8212
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8083
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8213
8084
  main: {
8214
8085
  label: "Method",
8215
8086
  type: "text"
@@ -8223,7 +8094,7 @@ const APISection = {
8223
8094
  widget: "InputField"
8224
8095
  },
8225
8096
  config: {
8226
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8097
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8227
8098
  main: {
8228
8099
  label: "Path",
8229
8100
  type: "text",
@@ -8232,6 +8103,26 @@ const APISection = {
8232
8103
  }
8233
8104
  }
8234
8105
  },
8106
+ {
8107
+ type: "Control",
8108
+ scope: "#/properties/emptyBox",
8109
+ options: {
8110
+ widget: "EmptyBox"
8111
+ },
8112
+ config: {
8113
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8114
+ }
8115
+ },
8116
+ {
8117
+ type: "Control",
8118
+ scope: "#/properties/emptyBox",
8119
+ options: {
8120
+ widget: "EmptyBox"
8121
+ },
8122
+ config: {
8123
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8124
+ }
8125
+ },
8235
8126
  {
8236
8127
  type: "Control",
8237
8128
  scope: "#/properties/headers",
@@ -8248,12 +8139,7 @@ const APISection = {
8248
8139
  widget: "InputField"
8249
8140
  },
8250
8141
  config: {
8251
- layout: {
8252
- xs: 11,
8253
- sm: 11,
8254
- md: 5.5,
8255
- lg: 5.5
8256
- },
8142
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8257
8143
  main: {
8258
8144
  label: "Key"
8259
8145
  }
@@ -8266,16 +8152,21 @@ const APISection = {
8266
8152
  widget: "InputField"
8267
8153
  },
8268
8154
  config: {
8269
- layout: {
8270
- xs: 11,
8271
- sm: 11,
8272
- md: 5.5,
8273
- lg: 5.5
8274
- },
8155
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8275
8156
  main: {
8276
8157
  label: "Value"
8277
8158
  }
8278
8159
  }
8160
+ },
8161
+ {
8162
+ type: "Control",
8163
+ scope: "#/properties/emptyBox",
8164
+ options: {
8165
+ widget: "EmptyBox"
8166
+ },
8167
+ config: {
8168
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8169
+ }
8279
8170
  }
8280
8171
  ]
8281
8172
  }
@@ -8297,12 +8188,7 @@ const APISection = {
8297
8188
  widget: "InputField"
8298
8189
  },
8299
8190
  config: {
8300
- layout: {
8301
- xs: 11,
8302
- sm: 11,
8303
- md: 5.5,
8304
- lg: 5.5
8305
- },
8191
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8306
8192
  main: {
8307
8193
  label: "Key"
8308
8194
  }
@@ -8315,16 +8201,21 @@ const APISection = {
8315
8201
  widget: "InputField"
8316
8202
  },
8317
8203
  config: {
8318
- layout: {
8319
- xs: 11,
8320
- sm: 11,
8321
- md: 5.5,
8322
- lg: 5.5
8323
- },
8204
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8324
8205
  main: {
8325
8206
  label: "Value"
8326
8207
  }
8327
8208
  }
8209
+ },
8210
+ {
8211
+ type: "Control",
8212
+ scope: "#/properties/emptyBox",
8213
+ options: {
8214
+ widget: "EmptyBox"
8215
+ },
8216
+ config: {
8217
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8218
+ }
8328
8219
  }
8329
8220
  ]
8330
8221
  }
@@ -8351,12 +8242,7 @@ const refreshSectionUiSchema = {
8351
8242
  widget: "InputField"
8352
8243
  },
8353
8244
  config: {
8354
- layout: {
8355
- xs: 11,
8356
- sm: 11,
8357
- md: 5.5,
8358
- lg: 5.5
8359
- },
8245
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8360
8246
  main: {
8361
8247
  label: "Value"
8362
8248
  }
@@ -8369,12 +8255,7 @@ const refreshSectionUiSchema = {
8369
8255
  widget: "EmptyBox"
8370
8256
  },
8371
8257
  config: {
8372
- layout: {
8373
- xs: 11,
8374
- sm: 11,
8375
- md: 5.5,
8376
- lg: 5.5
8377
- },
8258
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8378
8259
  main: {}
8379
8260
  }
8380
8261
  }
@@ -8394,21 +8275,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8394
8275
  this.refreshPage(formdata.Handler, store2);
8395
8276
  },
8396
8277
  refreshPage: (handlerType, store22) => {
8397
- const uiSchema = _.cloneDeep(EventUiSchema);
8278
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8398
8279
  const schema2 = _.cloneDeep(EventSchema);
8399
8280
  if (handlerType) {
8400
8281
  if (handlerType === "custom") {
8401
- uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8282
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8402
8283
  schema2.required = ["eventType", "Handler", "eventCode"];
8403
8284
  } else if (handlerType === "api") {
8404
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8285
+ uiSchema.elements[0].elements[0].elements[3] = APISection;
8405
8286
  schema2.required = ["eventType", "Handler", "method", "path"];
8406
8287
  } else if (handlerType === "inBuiltFunction") {
8407
- uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8408
- uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8288
+ uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8289
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, 12);
8409
8290
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8410
8291
  } else if (handlerType === "refresh") {
8411
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8292
+ uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8412
8293
  schema2.properties.refreshElements.required = ["value"];
8413
8294
  schema2.properties.refreshElements.items.required = ["value"];
8414
8295
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8418,8 +8299,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8418
8299
  store22.setUiSchema(uiSchema);
8419
8300
  },
8420
8301
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8421
- getUiSchema: function() {
8422
- return EventUiSchema;
8302
+ getUiSchema: async function() {
8303
+ return await EventUiSchema(store2.theme.myTheme);
8423
8304
  },
8424
8305
  getSchema: () => {
8425
8306
  return EventSchema;
@@ -9724,8 +9605,10 @@ var WrapperSection = {
9724
9605
  };
9725
9606
  const buildWrapperSection = (config, componentScope) => {
9726
9607
  const wrapper = _.cloneDeep(WrapperSection);
9608
+ wrapper.scope = componentScope;
9727
9609
  wrapper.config.main.label = config.label;
9728
9610
  wrapper.config.main.divider = config.divider === "YES" ? true : false;
9611
+ wrapper.config.main.isAccordion = config.isAccordion === "YES" ? true : false;
9729
9612
  if (config.style) {
9730
9613
  wrapper.config.style = JSON.parse(config.style);
9731
9614
  }
@@ -9741,12 +9624,7 @@ var TextInputField = {
9741
9624
  widget: "InputField"
9742
9625
  },
9743
9626
  config: {
9744
- layout: {
9745
- xs: 11,
9746
- sm: 11,
9747
- md: 5.5,
9748
- lg: 5.5
9749
- },
9627
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9750
9628
  main: {
9751
9629
  label: ""
9752
9630
  },
@@ -9779,12 +9657,7 @@ var SelectInputField = {
9779
9657
  widget: "SelectInputField"
9780
9658
  },
9781
9659
  config: {
9782
- "layout": {
9783
- "xs": 11,
9784
- "sm": 11,
9785
- "md": 5.5,
9786
- "lg": 5.5
9787
- },
9660
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9788
9661
  main: {
9789
9662
  label: "",
9790
9663
  type: "text",
@@ -10194,12 +10067,7 @@ var DateInputField = {
10194
10067
  widget: "DateInputField"
10195
10068
  },
10196
10069
  config: {
10197
- layout: {
10198
- xs: 11,
10199
- sm: 11,
10200
- md: 5.5,
10201
- lg: 5.5
10202
- },
10070
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10203
10071
  main: {
10204
10072
  label: "",
10205
10073
  type: "date"
@@ -10316,7 +10184,7 @@ var MultipleSelect = {
10316
10184
  widget: "MultipleSelect"
10317
10185
  },
10318
10186
  config: {
10319
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10187
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10320
10188
  main: {
10321
10189
  label: "",
10322
10190
  type: "text",
@@ -10347,6 +10215,7 @@ const buildBasicUiSchema = (config) => {
10347
10215
  return {
10348
10216
  "type": "HorizontalLayout",
10349
10217
  pageName: `${config.name}`,
10218
+ heading: `${(config == null ? void 0 : config.label) ? config.label : config.name}`,
10350
10219
  "elements": []
10351
10220
  };
10352
10221
  };
@@ -10503,7 +10372,7 @@ var emptyBox = {
10503
10372
  widget: "EmptyBox"
10504
10373
  },
10505
10374
  config: {
10506
- layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
10375
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10507
10376
  main: {},
10508
10377
  style: {}
10509
10378
  }
@@ -10882,7 +10751,7 @@ const buildUiSchema = (config) => {
10882
10751
  elements = RunnerBoyProgressbar(config, componentScope);
10883
10752
  break;
10884
10753
  case "WrapperSection":
10885
- elements = buildWrapperSection(config);
10754
+ elements = buildWrapperSection(config, componentScope);
10886
10755
  break;
10887
10756
  case "Text":
10888
10757
  elements = buildTextField(config, componentScope);