impaktapps-ui-builder 0.0.382-alpha.309 → 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 +1259 -1474
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +12 -12
  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 +2 -3
  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 -541
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +394 -357
  33. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  34. package/src/impaktapps-ui-builder/builder/services/event.ts +9 -15
  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,544 +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
- style: {
413
- marginBottom: "15px"
414
- }
415
- }
416
- },
417
- {
418
- type: "Control",
419
- scope: "#/properties/ConfirmDeleteCompButton",
420
- options: {
421
- widget: "Button"
422
- },
423
- config: {
424
- layout: 3,
425
- main: {
426
- name: "Yes",
427
- startIcon: "ApproveIcon",
428
- variant: "contained",
429
- color: "info",
430
- type: "text",
431
- onClick: "Delete_Components",
432
- size: "small"
433
- },
434
- style: {
435
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
436
- }
437
- }
438
- },
439
- {
440
- type: "Control",
441
- scope: "#/properties/CancelDeleteCompButton",
442
- options: {
443
- widget: "Button"
289
+ ]
290
+ }
291
+ ]
444
292
  },
445
- config: {
446
- layout: 3,
447
- main: {
448
- name: "No",
449
- startIcon: "ApproveIcon",
450
- variant: "contained",
451
- color: "info",
452
- type: "text",
453
- onClick: "deletePopUpComponent",
454
- size: "small"
293
+ {
294
+ type: "Control",
295
+ scope: "#/properties/btn",
296
+ options: {
297
+ widget: "Button"
455
298
  },
456
- style: {
457
- 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
+ }
458
314
  }
459
315
  }
460
- }
461
- ]
462
- },
463
- {
464
- type: "Control",
465
- scope: "#/properties/popUpEvent",
466
- options: {
467
- widget: "PopUp"
316
+ ]
468
317
  },
469
- config: {
470
- layout: {
471
- xs: 12,
472
- sm: 12,
473
- md: 12,
474
- lg: 12
318
+ {
319
+ type: "Control",
320
+ scope: "#/properties/notify",
321
+ options: {
322
+ widget: "Notify"
475
323
  },
476
- main: {}
324
+ layout: 6
477
325
  },
478
- elemetns: [
479
- {
480
- type: "Control",
481
- scope: "#/properties/Label",
482
- options: {
483
- widget: "Box"
484
- },
485
- config: {
486
- layout: 12,
487
- main: {
488
- heading: "Are you sure you want to delete ?"
489
- }
326
+ {
327
+ type: "HorizontalLayout",
328
+ config: {
329
+ style: {
330
+ position: "fixed",
331
+ bottom: 5,
332
+ overflow: "visible",
333
+ margin: "0",
334
+ width: "100vw"
490
335
  }
491
336
  },
492
- {
493
- type: "Control",
494
- scope: "#/properties/ConfirmDeleteEventButton",
495
- options: {
496
- 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
+ }
497
347
  },
498
- config: {
499
- layout: 3,
500
- main: {
501
- name: "No",
502
- startIcon: "ApproveIcon",
503
- variant: "contained",
504
- color: "info",
505
- type: "text",
506
- onClick: "deleteEvent",
507
- size: "small"
348
+ {
349
+ type: "Control",
350
+ scope: "#/properties/FooterText",
351
+ options: {
352
+ widget: "Box"
508
353
  },
509
- style: {}
510
- }
511
- },
512
- {
513
- type: "Control",
514
- scope: "#/properties/CancelDeleteEventButton",
515
- options: {
516
- 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
+ }
517
364
  },
518
- config: {
519
- layout: 3,
520
- main: {
521
- name: "Yes",
522
- startIcon: "ApproveIcon",
523
- variant: "contained",
524
- color: "info",
525
- type: "text",
526
- onClick: "deleteEvent",
527
- size: "small"
365
+ {
366
+ type: "HorizontalLayout",
367
+ config: {
368
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
528
369
  },
529
- 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
+ ]
530
426
  }
531
- }
532
- ]
533
- },
534
- {
535
- type: "Control",
536
- scope: "#/properties/btn",
537
- options: {
538
- widget: "EmptyBox"
539
- },
540
- config: {
541
- layout: { xs: 0, sm: 0, md: 8, lg: 7 }
542
- }
543
- },
544
- {
545
- type: "Control",
546
- scope: "#/properties/btn",
547
- options: {
548
- widget: "Button"
549
- },
550
- config: {
551
- layout: 11.7,
552
- main: {
553
- name: "Save",
554
- startIcon: "ApproveIcon",
555
- variant: "contained",
556
- color: "info",
557
- type: "text",
558
- onClick: "saveHandler",
559
- size: "small"
560
- },
561
- style: {
562
- marginBottom: "8px",
563
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
564
- float: "right"
565
- }
427
+ ]
566
428
  }
567
- },
568
- {
569
- type: "Control",
570
- scope: "#/properties/notify",
571
- options: {
572
- widget: "Notify"
573
- },
574
- layout: 6
575
- }
576
- ]
429
+ ]
430
+ };
431
+ return uiSchema;
577
432
  };
578
433
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
579
434
  var lodash = { exports: {} };
@@ -6307,285 +6162,332 @@ const ComponentSchema = {
6307
6162
  },
6308
6163
  required: ["name"]
6309
6164
  };
6310
- const componentBasicUiSchema = {
6311
- type: "HorizontalLayout",
6312
- elements: [
6313
- {
6314
- type: "WrapperLayout",
6315
- config: {
6316
- main: {
6317
- rowSpacing: 1,
6318
- header: true
6319
- },
6320
- defaultStyle: true
6321
- },
6322
- elements: [
6323
- {
6324
- type: "Control",
6325
- scope: "#/properties/Component",
6326
- options: {
6327
- widget: "Box"
6328
- },
6329
- config: {
6330
- layout: { xs: 12, sm: 12, md: 2 },
6331
- main: {
6332
- heading: "Component"
6333
- },
6334
- style: {
6335
- "float": "left"
6336
- }
6337
- }
6338
- },
6339
- {
6340
- type: "Control",
6341
- scope: "#/properties/pageName",
6342
- options: {
6343
- widget: "Box"
6344
- },
6345
- config: {
6346
- layout: { xs: 7, sm: 7, md: 9 },
6347
- main: {
6348
- heading: " "
6349
- },
6350
- style: {
6351
- float: "right",
6352
- width: "auto",
6353
- fontSize: "12px",
6354
- color: "gray",
6355
- paddingTop: "10px"
6356
- }
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`
6357
6178
  }
6358
6179
  },
6359
- {
6360
- type: "Control",
6361
- scope: "#/properties/Back_Button",
6362
- options: {
6363
- widget: "IconButton"
6364
- },
6365
- config: {
6366
- layout: { xs: 2, sm: 2, md: 0.5 },
6367
- main: {
6368
- icon: "BackIcon",
6369
- styleDefault: true,
6370
- size: "small",
6371
- onClick: "backHandler",
6372
- tooltipMessage: "Back"
6373
- },
6374
- style: {
6375
- float: "right"
6376
- }
6377
- }
6378
- }
6379
- ]
6380
- },
6381
- {
6382
- type: "TabLayout",
6383
- config: {
6384
- main: {
6385
- tabLabels: ["Core"],
6386
- defaultStyle: true,
6387
- id: `component`
6388
- }
6389
- },
6390
- elements: [
6391
- {
6392
- type: "HorizontalLayout",
6393
- elements: [
6394
- {
6395
- type: "Control",
6396
- scope: "#/properties/type",
6397
- options: {
6398
- widget: "SelectInputField"
6399
- },
6400
- config: {
6401
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6402
- main: {
6403
- label: "Type"
6404
- }
6405
- }
6406
- },
6407
- {
6408
- type: "Control",
6409
- scope: "#/properties/name",
6410
- options: {
6411
- widget: "InputField"
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
+ }
6195
+ }
6412
6196
  },
6413
- config: {
6414
- layout: {
6415
- xs: 12,
6416
- sm: 12,
6417
- md: 6,
6418
- lg: 6
6197
+ {
6198
+ type: "Control",
6199
+ scope: "#/properties/name",
6200
+ options: {
6201
+ widget: "InputField"
6419
6202
  },
6420
- main: {
6421
- label: "Name",
6422
- options: [],
6423
- color: "secondary",
6424
- 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
+ }
6425
6211
  }
6426
- }
6427
- },
6428
- {
6429
- type: "Control",
6430
- scope: "#/properties/label",
6431
- options: {
6432
- widget: "InputField"
6433
6212
  },
6434
- config: {
6435
- layout: {
6436
- xs: 12,
6437
- sm: 12,
6438
- md: 6,
6439
- lg: 6
6213
+ {
6214
+ type: "Control",
6215
+ scope: "#/properties/label",
6216
+ options: {
6217
+ widget: "InputField"
6440
6218
  },
6441
- main: {
6442
- label: "Label",
6443
- options: [],
6444
- color: "secondary",
6445
- 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
+ }
6446
6227
  }
6447
- }
6448
- },
6449
- {
6450
- type: "Control",
6451
- scope: "#/properties/proc",
6452
- config: {
6453
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6454
6228
  },
6455
- options: {
6456
- widget: "EmptyBox"
6457
- }
6458
- },
6459
- {
6460
- type: "Control",
6461
- scope: "#/properties/layout",
6462
- layout: 11.5,
6463
- options: {
6464
- detail: {
6465
- type: "HorizontalLayout",
6466
- elements: [
6467
- {
6468
- type: "Control",
6469
- scope: "#/properties/key",
6470
- options: {
6471
- 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
+ }
6472
6249
  },
6473
- config: {
6474
- layout: {
6475
- xs: 11,
6476
- sm: 11,
6477
- md: 5.5,
6478
- lg: 5.5
6250
+ {
6251
+ type: "Control",
6252
+ scope: "#/properties/value",
6253
+ options: {
6254
+ widget: "InputField"
6479
6255
  },
6480
- main: {
6481
- 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
+ }
6482
6264
  }
6483
- }
6484
- },
6485
- {
6486
- type: "Control",
6487
- scope: "#/properties/value",
6488
- options: {
6489
- widget: "InputField"
6490
6265
  },
6491
- config: {
6492
- layout: {
6493
- xs: 11,
6494
- sm: 11,
6495
- md: 5.5,
6496
- lg: 5.5
6266
+ {
6267
+ type: "Control",
6268
+ scope: "#/properties/emptyBox",
6269
+ options: {
6270
+ widget: "EmptyBox"
6497
6271
  },
6498
- main: {
6499
- label: "Value",
6500
- type: "number",
6501
- helperText: "Number should be in range of 0 to 12",
6502
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6272
+ config: {
6273
+ layout: { xs: 0, sm: 4 }
6503
6274
  }
6504
6275
  }
6505
- }
6506
- ]
6276
+ ]
6277
+ }
6507
6278
  }
6508
6279
  }
6509
- }
6510
- ]
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 }
6511
6292
  }
6512
- ]
6513
- },
6514
- {
6515
- type: "Control",
6516
- scope: "#/properties/proc",
6517
- config: {
6518
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6519
6293
  },
6520
- options: {
6521
- widget: "EmptyBox"
6522
- }
6523
- },
6524
- {
6525
- type: "Control",
6526
- scope: "#/properties/btn",
6527
- options: {
6528
- 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
+ }
6529
6303
  },
6530
- config: {
6531
- layout: {
6532
- xs: 11,
6533
- sm: 11,
6534
- md: 2.5,
6535
- lg: 2.5
6304
+ {
6305
+ type: "Control",
6306
+ scope: "#/properties/btn",
6307
+ options: {
6308
+ widget: "Button"
6536
6309
  },
6537
- main: {
6538
- name: "Ok",
6539
- startIcon: "ApproveIcon",
6540
- variant: "contained",
6541
- color: "info",
6542
- type: "text",
6543
- onClick: "okHandler",
6544
- 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"
6545
6331
  },
6546
- style: {
6547
- marginBottom: "8px",
6548
- 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
+ }
6549
6346
  }
6550
- }
6551
- },
6552
- {
6553
- type: "Control",
6554
- scope: "#/properties/btnSubmit",
6555
- options: {
6556
- widget: "Button"
6557
6347
  },
6558
- config: {
6559
- layout: {
6560
- xs: 11,
6561
- sm: 11,
6562
- md: 2.5,
6563
- lg: 2.5
6348
+ {
6349
+ type: "Control",
6350
+ scope: "#/properties/notify",
6351
+ options: {
6352
+ widget: "Notify"
6564
6353
  },
6565
- main: {
6566
- name: "Save & Exit",
6567
- startIcon: "ApproveIcon",
6568
- variant: "contained",
6569
- color: "info",
6570
- type: "text",
6571
- onClick: "saveHandler",
6572
- 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
+ }
6573
6366
  },
6574
- style: {
6575
- marginBottom: "8px",
6576
- float: "right"
6577
- }
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
+ ]
6578
6487
  }
6579
- },
6580
- {
6581
- type: "Control",
6582
- scope: "#/properties/notify",
6583
- options: {
6584
- widget: "Notify"
6585
- },
6586
- layout: 6
6587
- }
6588
- ]
6488
+ ]
6489
+ };
6490
+ return uiSchema;
6589
6491
  };
6590
6492
  const CoreSection = {
6591
6493
  type: "HorizontalLayout",
@@ -6597,7 +6499,7 @@ const CoreSection = {
6597
6499
  widget: "SelectInputField"
6598
6500
  },
6599
6501
  config: {
6600
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6502
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6601
6503
  main: {
6602
6504
  label: "Type",
6603
6505
  type: "text"
@@ -6611,12 +6513,7 @@ const CoreSection = {
6611
6513
  widget: "InputField"
6612
6514
  },
6613
6515
  config: {
6614
- layout: {
6615
- xs: 12,
6616
- sm: 12,
6617
- md: 6,
6618
- lg: 6
6619
- },
6516
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6620
6517
  main: {
6621
6518
  label: "Name"
6622
6519
  }
@@ -6629,31 +6526,16 @@ const CoreSection = {
6629
6526
  widget: "InputField"
6630
6527
  },
6631
6528
  config: {
6632
- layout: {
6633
- xs: 12,
6634
- sm: 12,
6635
- md: 6,
6636
- lg: 6
6637
- },
6529
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6638
6530
  main: {
6639
6531
  label: "Label"
6640
6532
  }
6641
6533
  }
6642
6534
  },
6643
- {
6644
- type: "Control",
6645
- scope: "#/properties/proc",
6646
- config: {
6647
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6648
- },
6649
- options: {
6650
- widget: "EmptyBox"
6651
- }
6652
- },
6653
6535
  {
6654
6536
  type: "Control",
6655
6537
  scope: "#/properties/layout",
6656
- layout: 11.5,
6538
+ layout: 12,
6657
6539
  options: {
6658
6540
  "elementLabelProp": "key",
6659
6541
  detail: {
@@ -6666,12 +6548,7 @@ const CoreSection = {
6666
6548
  widget: "SelectInputField"
6667
6549
  },
6668
6550
  config: {
6669
- layout: {
6670
- xs: 11,
6671
- sm: 11,
6672
- md: 5.5,
6673
- lg: 5.5
6674
- },
6551
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6675
6552
  main: {
6676
6553
  label: "Screen Size"
6677
6554
  }
@@ -6684,12 +6561,7 @@ const CoreSection = {
6684
6561
  widget: "InputField"
6685
6562
  },
6686
6563
  config: {
6687
- layout: {
6688
- xs: 11,
6689
- sm: 11,
6690
- md: 5.5,
6691
- lg: 5.5
6692
- },
6564
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6693
6565
  main: {
6694
6566
  label: "Value",
6695
6567
  type: "number",
@@ -6697,6 +6569,16 @@ const CoreSection = {
6697
6569
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6698
6570
  }
6699
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
+ }
6700
6582
  }
6701
6583
  ]
6702
6584
  }
@@ -6708,121 +6590,95 @@ const EventSection = {
6708
6590
  type: "HorizontalLayout",
6709
6591
  elements: [
6710
6592
  {
6711
- type: "WrapperLayout",
6593
+ type: "Control",
6594
+ scope: "#/properties/events",
6595
+ options: {
6596
+ widget: "Table"
6597
+ },
6712
6598
  config: {
6713
6599
  main: {
6714
- divider: true
6715
- },
6716
- wrapperStyle: {
6717
- 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
6718
6629
  }
6719
6630
  },
6720
6631
  elements: [
6721
6632
  {
6722
- type: "Control",
6723
- scope: "#/properties/programType",
6724
- options: {
6725
- widget: "Box"
6726
- },
6727
- config: {
6728
- layout: 8,
6729
- main: {
6730
- heading: "Event Table"
6731
- },
6732
- style: {
6733
- fontFamily: "Roboto",
6734
- fontWeight: "500",
6735
- paddingLeft: "-10px",
6736
- fontSize: "20px"
6737
- }
6738
- }
6633
+ accessorKey: "eventType",
6634
+ header: "Event Type"
6739
6635
  },
6740
6636
  {
6741
- type: "Control",
6742
- scope: "#/properties/Back_Button",
6743
- options: {
6744
- widget: "IconButton"
6745
- },
6746
- config: {
6747
- layout: 3,
6748
- main: {
6749
- icon: "AddIcon",
6750
- styleDefault: true,
6751
- size: "small",
6752
- onClick: "eventAddHandler",
6753
- tooltipMessage: "Back"
6754
- },
6755
- style: {
6756
- float: "right"
6757
- }
6758
- }
6637
+ accessorKey: "Handler",
6638
+ header: "Handler"
6759
6639
  },
6760
- {
6761
- type: "Control",
6762
- scope: "#/properties/events",
6763
- options: {
6764
- widget: "Table"
6765
- },
6766
- config: {
6767
- main: {
6768
- disableAction: true,
6769
- disableSelection: true,
6770
- enableDrag: true
6771
- }
6772
- },
6773
- elements: [
6774
- {
6775
- accessorKey: "eventType",
6776
- header: "Event Type"
6777
- },
6778
- {
6779
- accessorKey: "Handler",
6780
- header: "Handler"
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"
6781
6648
  },
6782
- {
6783
- accessorKey: "Edit_Approve_Records",
6784
- header: "Edit Widget",
6785
- widget: {
6786
- type: "Control",
6787
- scope: "#/properties/Edit_Records",
6788
- options: {
6789
- widget: "IconButton"
6790
- },
6791
- config: {
6792
- main: {
6793
- color: "info",
6794
- size: "small",
6795
- icon: "EditIcon",
6796
- tooltipMessage: "Edit This Record",
6797
- onClick: "eventEditHandler"
6798
- },
6799
- style: {
6800
- color: "#3949ab"
6801
- }
6802
- }
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"
6803
6659
  }
6660
+ }
6661
+ }
6662
+ },
6663
+ {
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"
6804
6672
  },
6805
- {
6806
- accessorKey: "Reject_Records",
6807
- header: "Delete",
6808
- widget: {
6809
- type: "Control",
6810
- scope: "#/properties/RejectButton",
6811
- accessorKeyName: "Reject_Records",
6812
- options: {
6813
- widget: "IconButton"
6814
- },
6815
- config: {
6816
- main: {
6817
- icon: "RejectIcon",
6818
- color: "error",
6819
- tooltipMessage: "Reject This Record",
6820
- onClick: "deleteEvent"
6821
- }
6822
- }
6673
+ config: {
6674
+ main: {
6675
+ icon: "RejectIcon",
6676
+ color: "error",
6677
+ tooltipMessage: "Reject This Record",
6678
+ onClick: "deleteEvent"
6823
6679
  }
6824
6680
  }
6825
- ]
6681
+ }
6826
6682
  }
6827
6683
  ]
6828
6684
  }
@@ -6835,12 +6691,7 @@ const EmptyBox = {
6835
6691
  widget: "EmptyBox"
6836
6692
  },
6837
6693
  config: {
6838
- layout: {
6839
- xs: 11,
6840
- sm: 11,
6841
- md: 5.5,
6842
- lg: 5.5
6843
- },
6694
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6844
6695
  main: {}
6845
6696
  }
6846
6697
  };
@@ -6859,12 +6710,7 @@ const cardLayout = {
6859
6710
  widget: "SelectInputField"
6860
6711
  },
6861
6712
  config: {
6862
- layout: {
6863
- xs: 11,
6864
- sm: 11,
6865
- md: 5.5,
6866
- lg: 5.5
6867
- },
6713
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6868
6714
  main: {
6869
6715
  label: "Screen Size"
6870
6716
  }
@@ -6877,12 +6723,7 @@ const cardLayout = {
6877
6723
  widget: "InputField"
6878
6724
  },
6879
6725
  config: {
6880
- layout: {
6881
- xs: 11,
6882
- sm: 11,
6883
- md: 5.5,
6884
- lg: 5.5
6885
- },
6726
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6886
6727
  main: {
6887
6728
  label: "Value",
6888
6729
  type: "number",
@@ -6890,7 +6731,8 @@ const cardLayout = {
6890
6731
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6891
6732
  }
6892
6733
  }
6893
- }
6734
+ },
6735
+ EmptyBox
6894
6736
  ]
6895
6737
  }
6896
6738
  }
@@ -6912,17 +6754,13 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6912
6754
  widget: "InputField"
6913
6755
  },
6914
6756
  config: {
6915
- layout: {
6916
- xs: 11,
6917
- sm: 11,
6918
- md: 5.5,
6919
- lg: 5.5
6920
- },
6757
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6921
6758
  main: {
6922
6759
  label: childLabel || "Labels for Tab"
6923
6760
  }
6924
6761
  }
6925
6762
  },
6763
+ EmptyBox,
6926
6764
  EmptyBox
6927
6765
  ]
6928
6766
  }
@@ -6937,12 +6775,7 @@ sizeHolder.options.detail.elements[1] = {
6937
6775
  widget: "InputField"
6938
6776
  },
6939
6777
  config: {
6940
- layout: {
6941
- xs: 11,
6942
- sm: 11,
6943
- md: 5.5,
6944
- lg: 5.5
6945
- },
6778
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6946
6779
  main: {
6947
6780
  label: "Size"
6948
6781
  }
@@ -6956,12 +6789,7 @@ const getInputField = (scope, label) => {
6956
6789
  widget: "InputField"
6957
6790
  },
6958
6791
  config: {
6959
- layout: {
6960
- xs: 11,
6961
- sm: 11,
6962
- md: 5.5,
6963
- lg: 5.5
6964
- },
6792
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6965
6793
  main: {
6966
6794
  label
6967
6795
  }
@@ -6976,12 +6804,7 @@ const getRadioInputField = (scope, label, options) => {
6976
6804
  widget: "RadioInputField"
6977
6805
  },
6978
6806
  config: {
6979
- layout: {
6980
- xs: 11,
6981
- sm: 11,
6982
- md: 5.5,
6983
- lg: 5.5
6984
- },
6807
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6985
6808
  main: {
6986
6809
  label,
6987
6810
  options
@@ -7024,7 +6847,7 @@ const getSelectField = (scope, label, options) => {
7024
6847
  widget: "SelectInputField"
7025
6848
  },
7026
6849
  config: {
7027
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6850
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7028
6851
  main: {
7029
6852
  label,
7030
6853
  type: "text"
@@ -7045,6 +6868,8 @@ const buildPropertiesSection = function(type) {
7045
6868
  getInputField("elevation", "Card Elevation"),
7046
6869
  getInputField("height", "Grid height"),
7047
6870
  getInputField("justifyContent", "justifyContent"),
6871
+ EmptyBox,
6872
+ EmptyBox,
7048
6873
  cardLayout
7049
6874
  ];
7050
6875
  break;
@@ -7055,6 +6880,7 @@ const buildPropertiesSection = function(type) {
7055
6880
  getInputField("resetText", "Reset Text"),
7056
6881
  getInputField("completeText", "Complete Text"),
7057
6882
  getSelectField("orientation", "Orientation Type"),
6883
+ EmptyBox,
7058
6884
  getArrayControl("sectionLabels", "label")
7059
6885
  ];
7060
6886
  break;
@@ -7070,12 +6896,14 @@ const buildPropertiesSection = function(type) {
7070
6896
  uiSchema.elements = [
7071
6897
  getInputField("placeholder", "Placeholder"),
7072
6898
  EmptyBox,
6899
+ EmptyBox,
7073
6900
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
7074
6901
  ];
7075
6902
  break;
7076
6903
  case "TextArea":
7077
6904
  uiSchema.elements = [
7078
6905
  getInputField("placeholder", "Placeholder"),
6906
+ EmptyBox,
7079
6907
  EmptyBox
7080
6908
  ];
7081
6909
  break;
@@ -7085,7 +6913,8 @@ const buildPropertiesSection = function(type) {
7085
6913
  getInputField("heading", "Container Heading"),
7086
6914
  getInputField("heading", "Container Heading"),
7087
6915
  getInputField("speedoCaption", "Speedometer Caption"),
7088
- getInputField("width", "Speedometer Width")
6916
+ getInputField("width", "Speedometer Width"),
6917
+ EmptyBox
7089
6918
  ];
7090
6919
  break;
7091
6920
  case "RankCard":
@@ -7093,7 +6922,9 @@ const buildPropertiesSection = function(type) {
7093
6922
  getInputField("rank", "Rank"),
7094
6923
  getInputField("image", "Image Url"),
7095
6924
  getInputField("title", "Card Title"),
7096
- getInputField("description", "Card Description")
6925
+ getInputField("description", "Card Description"),
6926
+ EmptyBox,
6927
+ EmptyBox
7097
6928
  ];
7098
6929
  break;
7099
6930
  case "LeaderBoard":
@@ -7102,6 +6933,8 @@ const buildPropertiesSection = function(type) {
7102
6933
  getInputField("firstImage", "First Image url"),
7103
6934
  getInputField("secondImage", "Second Image url"),
7104
6935
  getInputField("thirdImage", "Third Image url"),
6936
+ EmptyBox,
6937
+ EmptyBox,
7105
6938
  getTextArea("functionCode", "Write Compare Code", false)
7106
6939
  ];
7107
6940
  break;
@@ -7117,7 +6950,9 @@ const buildPropertiesSection = function(type) {
7117
6950
  getInputField("heading", "Heading"),
7118
6951
  getInputField("bottomLabel_1", "First BottomLabel"),
7119
6952
  getInputField("bottomLabel_2", "Second BottomLabel"),
7120
- getInputField("bottomLabel_3", "Third BottomLabel")
6953
+ getInputField("bottomLabel_3", "Third BottomLabel"),
6954
+ EmptyBox,
6955
+ EmptyBox
7121
6956
  ];
7122
6957
  break;
7123
6958
  case "card":
@@ -7151,7 +6986,7 @@ const buildPropertiesSection = function(type) {
7151
6986
  ];
7152
6987
  break;
7153
6988
  case "WrapperSection":
7154
- uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox];
6989
+ uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), getRadioInputField("isAccordion", "Accordion", ["YES", "No"]), EmptyBox];
7155
6990
  break;
7156
6991
  case "TabSection":
7157
6992
  uiSchema.elements = [
@@ -7179,12 +7014,14 @@ const buildPropertiesSection = function(type) {
7179
7014
  case "Select":
7180
7015
  uiSchema.elements = [
7181
7016
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7182
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7017
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7018
+ EmptyBox
7183
7019
  ];
7184
7020
  break;
7185
7021
  case "MultipleSelect":
7186
7022
  uiSchema.elements = [
7187
7023
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7024
+ EmptyBox,
7188
7025
  EmptyBox
7189
7026
  ];
7190
7027
  break;
@@ -7230,116 +7067,92 @@ const TableSection = {
7230
7067
  type: "HorizontalLayout",
7231
7068
  elements: [
7232
7069
  {
7233
- type: "WrapperLayout",
7070
+ type: "Control",
7071
+ scope: "#/properties/elements",
7072
+ options: {
7073
+ widget: "Table"
7074
+ },
7234
7075
  config: {
7235
- main: {},
7236
- wrapperStyle: {
7237
- 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
7238
7106
  }
7239
7107
  },
7240
7108
  elements: [
7241
7109
  {
7242
- type: "Control",
7243
- scope: "#/properties/programType",
7244
- options: {
7245
- widget: "Box"
7246
- },
7247
- config: {
7248
- layout: 8,
7249
- main: {
7250
- heading: "Components Table"
7251
- },
7252
- style: {
7253
- fontFamily: "Roboto",
7254
- fontWeight: "500",
7255
- paddingLeft: "-10px",
7256
- fontSize: "20px"
7257
- }
7258
- }
7110
+ accessorKey: "name",
7111
+ header: "Name"
7259
7112
  },
7260
7113
  {
7261
- type: "Control",
7262
- scope: "#/properties/Back_Button",
7263
- options: {
7264
- widget: "IconButton"
7265
- },
7266
- config: {
7267
- layout: 3,
7268
- main: {
7269
- icon: "AddIcon",
7270
- styleDefault: true,
7271
- size: "small",
7272
- onClick: "widgetAddClickHandler",
7273
- 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"
7274
7126
  },
7275
- style: {
7276
- float: "right"
7127
+ config: {
7128
+ main: {
7129
+ icon: "EditIcon",
7130
+ color: "primary",
7131
+ onClick: "editComponents",
7132
+ tooltipMessage: "Reject This Record"
7133
+ }
7277
7134
  }
7278
7135
  }
7279
7136
  },
7280
7137
  {
7281
- type: "Control",
7282
- scope: "#/properties/elements",
7283
- options: {
7284
- widget: "Table"
7285
- },
7286
- config: {
7287
- main: {
7288
- disableAction: true,
7289
- disableSelection: true,
7290
- enableDrag: true
7291
- }
7292
- },
7293
- elements: [
7294
- {
7295
- accessorKey: "name",
7296
- header: "Name"
7297
- },
7298
- {
7299
- accessorKey: "type",
7300
- header: "Type"
7301
- },
7302
- {
7303
- header: "Edit Record",
7304
- field: "Reject_Records",
7305
- flex: 1,
7306
- widget: {
7307
- type: "Control",
7308
- scope: "#/properties/RejectButton",
7309
- options: {
7310
- widget: "IconButton"
7311
- },
7312
- config: {
7313
- main: {
7314
- icon: "EditIcon",
7315
- color: "primary",
7316
- onClick: "editComponents",
7317
- tooltipMessage: "Reject This Record"
7318
- }
7319
- }
7320
- }
7138
+ header: "Delete",
7139
+ field: "Reject_Records",
7140
+ flex: 1,
7141
+ widget: {
7142
+ type: "Control",
7143
+ scope: "#/properties/RejectButton",
7144
+ options: {
7145
+ widget: "IconButton"
7321
7146
  },
7322
- {
7323
- header: "Delete",
7324
- field: "Reject_Records",
7325
- flex: 1,
7326
- widget: {
7327
- type: "Control",
7328
- scope: "#/properties/RejectButton",
7329
- options: {
7330
- widget: "IconButton"
7331
- },
7332
- config: {
7333
- main: {
7334
- icon: "RejectIcon",
7335
- color: "error",
7336
- onClick: "deleteComponents",
7337
- tooltipMessage: "Reject This Record"
7338
- }
7339
- }
7147
+ config: {
7148
+ main: {
7149
+ icon: "RejectIcon",
7150
+ color: "error",
7151
+ onClick: "deleteComponents",
7152
+ tooltipMessage: "Reject This Record"
7340
7153
  }
7341
7154
  }
7342
- ]
7155
+ }
7343
7156
  }
7344
7157
  ]
7345
7158
  }
@@ -7363,12 +7176,7 @@ const ValueTab = {
7363
7176
  widget: "InputField"
7364
7177
  },
7365
7178
  config: {
7366
- layout: {
7367
- xs: 11,
7368
- sm: 11,
7369
- md: 5.5,
7370
- lg: 5.5
7371
- },
7179
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7372
7180
  main: {
7373
7181
  label: "Label"
7374
7182
  }
@@ -7381,16 +7189,21 @@ const ValueTab = {
7381
7189
  widget: "InputField"
7382
7190
  },
7383
7191
  config: {
7384
- layout: {
7385
- xs: 11,
7386
- sm: 11,
7387
- md: 5.5,
7388
- lg: 5.5
7389
- },
7192
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7390
7193
  main: {
7391
7194
  label: "Value"
7392
7195
  }
7393
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
+ }
7394
7207
  }
7395
7208
  ]
7396
7209
  }
@@ -7417,12 +7230,7 @@ const ValidationSection = {
7417
7230
  widget: "SelectInputField"
7418
7231
  },
7419
7232
  config: {
7420
- layout: {
7421
- xs: 11,
7422
- sm: 11,
7423
- md: 5.5,
7424
- lg: 5.5
7425
- },
7233
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7426
7234
  main: {
7427
7235
  label: "Validation Type"
7428
7236
  }
@@ -7435,16 +7243,21 @@ const ValidationSection = {
7435
7243
  widget: "InputField"
7436
7244
  },
7437
7245
  config: {
7438
- layout: {
7439
- xs: 11,
7440
- sm: 11,
7441
- md: 5.5,
7442
- lg: 5.5
7443
- },
7246
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7444
7247
  main: {
7445
7248
  label: "Validation Value"
7446
7249
  }
7447
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
+ }
7448
7261
  }
7449
7262
  ]
7450
7263
  }
@@ -7626,7 +7439,7 @@ const sectionLabels = {
7626
7439
  };
7627
7440
  const refreshPage = (type, store2) => {
7628
7441
  var _a;
7629
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7442
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7630
7443
  if (type) {
7631
7444
  const sectionUiSchema = {
7632
7445
  Core: CoreSection,
@@ -7638,8 +7451,8 @@ const refreshPage = (type, store2) => {
7638
7451
  Validation: ValidationSection
7639
7452
  };
7640
7453
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7641
- UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7642
- 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];
7643
7456
  }
7644
7457
  store2.setUiSchema(UiSchema);
7645
7458
  };
@@ -7761,7 +7574,7 @@ var pageMaster = (funcParams) => {
7761
7574
  return config;
7762
7575
  },
7763
7576
  getUiSchema: function() {
7764
- return PageMasterUiSchema;
7577
+ return PageMasterUiSchema(store2.theme.myTheme);
7765
7578
  },
7766
7579
  getSchema: () => {
7767
7580
  return PageMasterSchema;
@@ -7783,10 +7596,7 @@ var pageMaster = (funcParams) => {
7783
7596
  },
7784
7597
  saveHandler: async () => await saveHandler(store2, service2, submitHandler),
7785
7598
  Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
7786
- Delete_Components: async function() {
7787
- await Component(store2, dynamicData2, submitHandler, service2).deleteComponents();
7788
- store2.updateDialog("popUpComponent");
7789
- },
7599
+ Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
7790
7600
  eventAddHandler: function() {
7791
7601
  var _a;
7792
7602
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7810,12 +7620,6 @@ var pageMaster = (funcParams) => {
7810
7620
  store2.formData.events.splice(rowId, 1);
7811
7621
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7812
7622
  store2.setFormdata(response2);
7813
- },
7814
- deletePopUpComponent: function() {
7815
- store2.updateDialog("popUpComponent");
7816
- },
7817
- deletePopUpEvent: function() {
7818
- store2.updateDialog("popUpEvent");
7819
7623
  }
7820
7624
  };
7821
7625
  };
@@ -7905,377 +7709,366 @@ const EventSchema = {
7905
7709
  },
7906
7710
  required: ["eventType", "Handler"]
7907
7711
  };
7908
- const EventUiSchema = {
7909
- type: "HorizontalLayout",
7910
- elements: [
7911
- {
7912
- type: "WrapperLayout",
7913
- config: {
7914
- main: {
7915
- rowSpacing: 1,
7916
- header: true
7917
- },
7918
- defaultStyle: true
7919
- },
7920
- elements: [
7921
- {
7922
- type: "Control",
7923
- scope: "#/properties/Component",
7924
- options: {
7925
- widget: "Box"
7926
- },
7927
- config: {
7928
- layout: { xs: 12, sm: 12, md: 2 },
7929
- main: {
7930
- heading: "Component"
7931
- },
7932
- style: {
7933
- "float": "left"
7934
- }
7935
- }
7936
- },
7937
- {
7938
- type: "Control",
7939
- scope: "#/properties/pageName",
7940
- options: {
7941
- widget: "Box"
7942
- },
7943
- config: {
7944
- layout: { xs: 7, sm: 7, md: 9 },
7945
- main: {
7946
- heading: " "
7947
- },
7948
- style: {
7949
- float: "right",
7950
- width: "auto",
7951
- fontSize: "12px",
7952
- color: "gray",
7953
- paddingTop: "10px"
7954
- }
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"
7955
7725
  }
7956
7726
  },
7957
- {
7958
- type: "Control",
7959
- scope: "#/properties/Back_Button",
7960
- options: {
7961
- widget: "IconButton"
7962
- },
7963
- config: {
7964
- layout: { xs: 2, sm: 2, md: 0.5 },
7965
- main: {
7966
- icon: "BackIcon",
7967
- styleDefault: true,
7968
- size: "small",
7969
- onClick: "backHandler",
7970
- tooltipMessage: "Back"
7971
- },
7972
- style: {
7973
- float: "right"
7974
- }
7975
- }
7976
- }
7977
- ]
7978
- },
7979
- {
7980
- type: "TabLayout",
7981
- config: {
7982
- main: {
7983
- tabLabels: ["Core", "Response Event"],
7984
- defaultStyle: true,
7985
- id: "event"
7986
- }
7987
- },
7988
- elements: [
7989
- {
7990
- type: "HorizontalLayout",
7991
- elements: [
7992
- {
7993
- type: "Control",
7994
- scope: `#/properties/eventType`,
7995
- options: {
7996
- 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
+ }
7997
7744
  },
7998
- config: {
7999
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8000
- main: {
8001
- label: "Event Type",
8002
- 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
+ }
8003
7757
  }
8004
- }
8005
- },
8006
- getSelectField("Handler", "Handler")
8007
- ]
8008
- },
8009
- {
8010
- type: "WrapperLayout",
8011
- config: {
8012
- main: {
8013
- divider: true
8014
- },
8015
- wrapperStyle: {
8016
- border: "1px solid gray"
8017
- }
8018
- },
8019
- elements: [
8020
- {
8021
- type: "Control",
8022
- scope: "#/properties/heading",
8023
- options: {
8024
- widget: "Box"
8025
7758
  },
8026
- config: {
8027
- layout: 8,
8028
- main: {
8029
- heading: "Response Event"
7759
+ {
7760
+ type: "Control",
7761
+ scope: "#/properties/emptyBox",
7762
+ options: {
7763
+ widget: "EmptyBox"
8030
7764
  },
8031
- style: {
8032
- fontFamily: "Roboto",
8033
- fontWeight: "500",
8034
- paddingLeft: "-10px",
8035
- fontSize: "20px"
7765
+ config: {
7766
+ layout: { xs: 0, sm: 4 }
8036
7767
  }
8037
7768
  }
7769
+ ]
7770
+ },
7771
+ {
7772
+ type: "Control",
7773
+ scope: "#/properties/events",
7774
+ options: {
7775
+ widget: "Table"
8038
7776
  },
8039
- {
8040
- type: "Control",
8041
- scope: "#/properties/AddButton",
8042
- options: {
8043
- widget: "IconButton"
8044
- },
8045
- config: {
8046
- layout: 3,
8047
- main: {
8048
- icon: "AddIcon",
8049
- styleDefault: true,
8050
- size: "small",
8051
- onClick: "addEvent",
8052
- 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
+ ]
8053
7804
  },
8054
- style: {
8055
- float: "right"
8056
- }
7805
+ disableAction: true,
7806
+ disableSelection: true,
7807
+ enableDrag: true
8057
7808
  }
8058
7809
  },
8059
- {
8060
- type: "Control",
8061
- scope: "#/properties/events",
8062
- options: {
8063
- widget: "Table"
7810
+ elements: [
7811
+ {
7812
+ accessorKey: "eventType",
7813
+ header: "Event Type"
8064
7814
  },
8065
- config: {
8066
- main: {
8067
- disableAction: true,
8068
- disableSelection: true,
8069
- enableDrag: true
8070
- }
7815
+ {
7816
+ accessorKey: "Handler",
7817
+ header: "Handler"
8071
7818
  },
8072
- elements: [
8073
- {
8074
- accessorKey: "eventType",
8075
- header: "Event Type"
8076
- },
8077
- {
8078
- accessorKey: "Handler",
8079
- header: "Handler"
8080
- },
8081
- {
8082
- accessorKey: "Edit_Approve_Records",
8083
- header: "Edit Widget",
8084
- widget: {
8085
- type: "Control",
8086
- scope: "#/properties/Edit_Records",
8087
- options: {
8088
- 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"
8089
7835
  },
8090
- config: {
8091
- main: {
8092
- color: "info",
8093
- size: "small",
8094
- icon: "EditIcon",
8095
- tooltipMessage: "Edit This Record",
8096
- onClick: "editEvent"
8097
- },
8098
- style: {
8099
- color: "#3949ab"
8100
- }
7836
+ style: {
7837
+ color: "#3949ab"
8101
7838
  }
8102
7839
  }
8103
- },
8104
- {
8105
- accessorKey: "Reject_Records",
8106
- header: "Delete",
8107
- widget: {
8108
- type: "Control",
8109
- scope: "#/properties/RejectButton",
8110
- options: {
8111
- widget: "IconButton"
8112
- },
8113
- config: {
8114
- main: {
8115
- icon: "RejectIcon",
8116
- color: "error",
8117
- tooltipMessage: "Reject This Record",
8118
- onClick: "deletePopUpEvent"
8119
- }
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"
8120
7857
  }
8121
7858
  }
8122
7859
  }
8123
- ]
8124
- }
8125
- ]
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 }
8126
7873
  }
8127
- ]
8128
- },
8129
- {
8130
- type: "Control",
8131
- scope: "#/properties/popUpComponent",
8132
- options: {
8133
- widget: "PopUp"
8134
7874
  },
8135
- config: {
8136
- layout: {
8137
- xs: 12,
8138
- sm: 12,
8139
- md: 12,
8140
- lg: 12
7875
+ {
7876
+ type: "Control",
7877
+ scope: "#/properties/EmptyBox",
7878
+ options: {
7879
+ widget: "EmptyBox"
8141
7880
  },
8142
- main: {}
7881
+ config: {
7882
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7883
+ }
8143
7884
  },
8144
- elements: [
8145
- {
8146
- type: "Control",
8147
- scope: "#/properties/label",
8148
- options: {
8149
- widget: "Box"
8150
- },
8151
- config: {
8152
- layout: 12,
8153
- main: {
8154
- heading: "Are you sure you want to delete ?"
8155
- }
8156
- }
7885
+ {
7886
+ type: "Control",
7887
+ scope: "#/properties/btn",
7888
+ options: {
7889
+ widget: "Button"
8157
7890
  },
8158
- {
8159
- type: "Control",
8160
- scope: "#/properties/ConfirmDeleteCompButton",
8161
- options: {
8162
- widget: "Button"
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"
8163
7901
  },
8164
- config: {
8165
- layout: 3,
8166
- main: {
8167
- name: "Yes",
8168
- startIcon: "ApproveIcon",
8169
- variant: "contained",
8170
- color: "info",
8171
- type: "text",
8172
- onClick: "deleteEvent",
8173
- size: "small"
8174
- },
8175
- style: {
8176
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
8177
- }
7902
+ style: {
7903
+ float: "right"
8178
7904
  }
7905
+ }
7906
+ },
7907
+ {
7908
+ type: "Control",
7909
+ scope: "#/properties/btnSubmit",
7910
+ options: {
7911
+ widget: "Button"
8179
7912
  },
8180
- {
8181
- type: "Control",
8182
- scope: "#/properties/CancelDeleteCompButton",
8183
- options: {
8184
- widget: "Button"
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"
8185
7923
  },
8186
- config: {
8187
- layout: 3,
8188
- main: {
8189
- name: "No",
8190
- startIcon: "ApproveIcon",
8191
- variant: "contained",
8192
- color: "info",
8193
- type: "text",
8194
- onClick: "deletePopUpEvent",
8195
- size: "small"
8196
- },
8197
- style: {
8198
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
8199
- }
7924
+ style: {
7925
+ float: "right"
8200
7926
  }
8201
7927
  }
8202
- ]
8203
- },
8204
- {
8205
- type: "Control",
8206
- scope: "#/properties/proc",
8207
- config: {
8208
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8209
- },
8210
- options: {
8211
- widget: "EmptyBox"
8212
- }
8213
- },
8214
- {
8215
- type: "Control",
8216
- scope: "#/properties/btn",
8217
- options: {
8218
- widget: "Button"
8219
7928
  },
8220
- config: {
8221
- layout: {
8222
- xs: 11,
8223
- sm: 11,
8224
- md: 2.5,
8225
- lg: 2.5
8226
- },
8227
- main: {
8228
- name: "Ok",
8229
- startIcon: "ApproveIcon",
8230
- variant: "contained",
8231
- color: "info",
8232
- type: "text",
8233
- onClick: "okHandler",
8234
- size: "small"
7929
+ {
7930
+ type: "Control",
7931
+ scope: "#/properties/notify",
7932
+ options: {
7933
+ widget: "Notify"
8235
7934
  },
8236
- style: {
8237
- marginBottom: "8px",
8238
- float: "right"
8239
- }
8240
- }
8241
- },
8242
- {
8243
- type: "Control",
8244
- scope: "#/properties/btnSubmit",
8245
- options: {
8246
- widget: "Button"
7935
+ layout: 6
8247
7936
  },
8248
- config: {
8249
- layout: {
8250
- xs: 11,
8251
- sm: 11,
8252
- md: 2.5,
8253
- lg: 2.5
8254
- },
8255
- main: {
8256
- name: "Save & Exit",
8257
- startIcon: "ApproveIcon",
8258
- variant: "contained",
8259
- color: "info",
8260
- type: "text",
8261
- onClick: "saveHandler",
8262
- size: "small"
7937
+ {
7938
+ type: "HorizontalLayout",
7939
+ config: {
7940
+ style: {
7941
+ position: "fixed",
7942
+ bottom: 5,
7943
+ overflow: "visible",
7944
+ margin: "0",
7945
+ width: "100vw"
7946
+ }
8263
7947
  },
8264
- style: {
8265
- marginBottom: "8px",
8266
- float: "right"
8267
- }
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
+ ]
8268
8068
  }
8269
- },
8270
- {
8271
- type: "Control",
8272
- scope: "#/properties/notify",
8273
- options: {
8274
- widget: "Notify"
8275
- },
8276
- layout: 6
8277
- }
8278
- ]
8069
+ ]
8070
+ };
8071
+ return uiSchema;
8279
8072
  };
8280
8073
  const APISection = {
8281
8074
  type: "HorizontalLayout",
@@ -8287,7 +8080,7 @@ const APISection = {
8287
8080
  widget: "SelectInputField"
8288
8081
  },
8289
8082
  config: {
8290
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8083
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8291
8084
  main: {
8292
8085
  label: "Method",
8293
8086
  type: "text"
@@ -8301,7 +8094,7 @@ const APISection = {
8301
8094
  widget: "InputField"
8302
8095
  },
8303
8096
  config: {
8304
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8097
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8305
8098
  main: {
8306
8099
  label: "Path",
8307
8100
  type: "text",
@@ -8310,6 +8103,26 @@ const APISection = {
8310
8103
  }
8311
8104
  }
8312
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
+ },
8313
8126
  {
8314
8127
  type: "Control",
8315
8128
  scope: "#/properties/headers",
@@ -8326,12 +8139,7 @@ const APISection = {
8326
8139
  widget: "InputField"
8327
8140
  },
8328
8141
  config: {
8329
- layout: {
8330
- xs: 11,
8331
- sm: 11,
8332
- md: 5.5,
8333
- lg: 5.5
8334
- },
8142
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8335
8143
  main: {
8336
8144
  label: "Key"
8337
8145
  }
@@ -8344,16 +8152,21 @@ const APISection = {
8344
8152
  widget: "InputField"
8345
8153
  },
8346
8154
  config: {
8347
- layout: {
8348
- xs: 11,
8349
- sm: 11,
8350
- md: 5.5,
8351
- lg: 5.5
8352
- },
8155
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8353
8156
  main: {
8354
8157
  label: "Value"
8355
8158
  }
8356
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
+ }
8357
8170
  }
8358
8171
  ]
8359
8172
  }
@@ -8375,12 +8188,7 @@ const APISection = {
8375
8188
  widget: "InputField"
8376
8189
  },
8377
8190
  config: {
8378
- layout: {
8379
- xs: 11,
8380
- sm: 11,
8381
- md: 5.5,
8382
- lg: 5.5
8383
- },
8191
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8384
8192
  main: {
8385
8193
  label: "Key"
8386
8194
  }
@@ -8393,16 +8201,21 @@ const APISection = {
8393
8201
  widget: "InputField"
8394
8202
  },
8395
8203
  config: {
8396
- layout: {
8397
- xs: 11,
8398
- sm: 11,
8399
- md: 5.5,
8400
- lg: 5.5
8401
- },
8204
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8402
8205
  main: {
8403
8206
  label: "Value"
8404
8207
  }
8405
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
+ }
8406
8219
  }
8407
8220
  ]
8408
8221
  }
@@ -8429,12 +8242,7 @@ const refreshSectionUiSchema = {
8429
8242
  widget: "InputField"
8430
8243
  },
8431
8244
  config: {
8432
- layout: {
8433
- xs: 11,
8434
- sm: 11,
8435
- md: 5.5,
8436
- lg: 5.5
8437
- },
8245
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8438
8246
  main: {
8439
8247
  label: "Value"
8440
8248
  }
@@ -8447,12 +8255,7 @@ const refreshSectionUiSchema = {
8447
8255
  widget: "EmptyBox"
8448
8256
  },
8449
8257
  config: {
8450
- layout: {
8451
- xs: 11,
8452
- sm: 11,
8453
- md: 5.5,
8454
- lg: 5.5
8455
- },
8258
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8456
8259
  main: {}
8457
8260
  }
8458
8261
  }
@@ -8472,21 +8275,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8472
8275
  this.refreshPage(formdata.Handler, store2);
8473
8276
  },
8474
8277
  refreshPage: (handlerType, store22) => {
8475
- const uiSchema = _.cloneDeep(EventUiSchema);
8278
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8476
8279
  const schema2 = _.cloneDeep(EventSchema);
8477
8280
  if (handlerType) {
8478
8281
  if (handlerType === "custom") {
8479
- 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);
8480
8283
  schema2.required = ["eventType", "Handler", "eventCode"];
8481
8284
  } else if (handlerType === "api") {
8482
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8285
+ uiSchema.elements[0].elements[0].elements[3] = APISection;
8483
8286
  schema2.required = ["eventType", "Handler", "method", "path"];
8484
8287
  } else if (handlerType === "inBuiltFunction") {
8485
- uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8486
- 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);
8487
8290
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8488
8291
  } else if (handlerType === "refresh") {
8489
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8292
+ uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8490
8293
  schema2.properties.refreshElements.required = ["value"];
8491
8294
  schema2.properties.refreshElements.items.required = ["value"];
8492
8295
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8496,8 +8299,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8496
8299
  store22.setUiSchema(uiSchema);
8497
8300
  },
8498
8301
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8499
- getUiSchema: function() {
8500
- return EventUiSchema;
8302
+ getUiSchema: async function() {
8303
+ return await EventUiSchema(store2.theme.myTheme);
8501
8304
  },
8502
8305
  getSchema: () => {
8503
8306
  return EventSchema;
@@ -8532,15 +8335,9 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8532
8335
  store2.setSearchParams(store2.searchParams);
8533
8336
  this.setPage();
8534
8337
  },
8535
- deleteEvent: async function() {
8536
- await Component(store2, dynamicData2, submitHandler, service2).deleteEvent;
8537
- store2.updateDialog("deletePopUpEvent");
8538
- },
8338
+ deleteEvent: Component(store2, dynamicData2, submitHandler, service2).deleteEvent,
8539
8339
  backHandler: function() {
8540
8340
  store2.navigate(-1);
8541
- },
8542
- deletePopUpEvent: function() {
8543
- store2.updateDialog("deletePopUpEvent");
8544
8341
  }
8545
8342
  };
8546
8343
  };
@@ -9808,8 +9605,10 @@ var WrapperSection = {
9808
9605
  };
9809
9606
  const buildWrapperSection = (config, componentScope) => {
9810
9607
  const wrapper = _.cloneDeep(WrapperSection);
9608
+ wrapper.scope = componentScope;
9811
9609
  wrapper.config.main.label = config.label;
9812
9610
  wrapper.config.main.divider = config.divider === "YES" ? true : false;
9611
+ wrapper.config.main.isAccordion = config.isAccordion === "YES" ? true : false;
9813
9612
  if (config.style) {
9814
9613
  wrapper.config.style = JSON.parse(config.style);
9815
9614
  }
@@ -9825,12 +9624,7 @@ var TextInputField = {
9825
9624
  widget: "InputField"
9826
9625
  },
9827
9626
  config: {
9828
- layout: {
9829
- xs: 11,
9830
- sm: 11,
9831
- md: 5.5,
9832
- lg: 5.5
9833
- },
9627
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9834
9628
  main: {
9835
9629
  label: ""
9836
9630
  },
@@ -9863,12 +9657,7 @@ var SelectInputField = {
9863
9657
  widget: "SelectInputField"
9864
9658
  },
9865
9659
  config: {
9866
- "layout": {
9867
- "xs": 11,
9868
- "sm": 11,
9869
- "md": 5.5,
9870
- "lg": 5.5
9871
- },
9660
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9872
9661
  main: {
9873
9662
  label: "",
9874
9663
  type: "text",
@@ -10278,12 +10067,7 @@ var DateInputField = {
10278
10067
  widget: "DateInputField"
10279
10068
  },
10280
10069
  config: {
10281
- layout: {
10282
- xs: 11,
10283
- sm: 11,
10284
- md: 5.5,
10285
- lg: 5.5
10286
- },
10070
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10287
10071
  main: {
10288
10072
  label: "",
10289
10073
  type: "date"
@@ -10400,7 +10184,7 @@ var MultipleSelect = {
10400
10184
  widget: "MultipleSelect"
10401
10185
  },
10402
10186
  config: {
10403
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10187
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10404
10188
  main: {
10405
10189
  label: "",
10406
10190
  type: "text",
@@ -10431,6 +10215,7 @@ const buildBasicUiSchema = (config) => {
10431
10215
  return {
10432
10216
  "type": "HorizontalLayout",
10433
10217
  pageName: `${config.name}`,
10218
+ heading: `${(config == null ? void 0 : config.label) ? config.label : config.name}`,
10434
10219
  "elements": []
10435
10220
  };
10436
10221
  };
@@ -10587,7 +10372,7 @@ var emptyBox = {
10587
10372
  widget: "EmptyBox"
10588
10373
  },
10589
10374
  config: {
10590
- layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
10375
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10591
10376
  main: {},
10592
10377
  style: {}
10593
10378
  }
@@ -10966,7 +10751,7 @@ const buildUiSchema = (config) => {
10966
10751
  elements = RunnerBoyProgressbar(config, componentScope);
10967
10752
  break;
10968
10753
  case "WrapperSection":
10969
- elements = buildWrapperSection(config);
10754
+ elements = buildWrapperSection(config, componentScope);
10970
10755
  break;
10971
10756
  case "Text":
10972
10757
  elements = buildTextField(config, componentScope);