impaktapps-ui-builder 0.0.382-alpha.315 → 0.0.382-alpha.32

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 (37) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1254 -1667
  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/component.d.ts +0 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +2 -3
  14. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +1 -3
  15. package/package.json +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -0
  17. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +3 -1
  18. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  19. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +30 -49
  20. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  21. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  22. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +79 -52
  24. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  25. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  26. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  27. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -58
  28. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  29. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  30. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  31. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +340 -525
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +328 -582
  33. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +391 -437
  34. package/src/impaktapps-ui-builder/builder/services/component.ts +4 -16
  35. package/src/impaktapps-ui-builder/builder/services/event.ts +9 -15
  36. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +3 -20
  37. package/src/impaktapps-ui-builder/runtime/services/service.ts +3 -3
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,555 +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"
275
- },
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
- }
197
+ ]
321
198
  },
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/popUpPageMasterEvent",
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
- },
394
- elements: [
395
- {
396
- type: "Control",
397
- scope: "#/properties/label",
398
- options: {
399
- widget: "Box"
400
- },
401
- config: {
402
- layout: 12,
403
- main: {
404
- heading: "Are you sure you want to delete ?"
405
- },
406
- style: {
407
- marginTop: "-40px"
408
- }
409
- }
410
- },
411
- {
412
- type: "Control",
413
- scope: "#/properties/EmptyBox",
414
- options: {
415
- widget: "EmptyBox"
416
- },
417
- config: {
418
- main: {},
419
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
420
- }
421
- },
422
- {
423
- type: "Control",
424
- scope: "#/properties/ConfirmDeleteEventButton",
425
- options: {
426
- widget: "Button"
427
- },
428
- config: {
429
- layout: 3,
430
- main: {
431
- name: "Yes",
432
- startIcon: "ApproveIcon",
433
- variant: "contained",
434
- color: "info",
435
- type: "text",
436
- onClick: "deleteEvent",
437
- size: "small"
438
- }
439
- }
440
- },
441
- {
442
- type: "Control",
443
- scope: "#/properties/CancelDeleteEventButton",
444
- options: {
445
- widget: "Button"
446
- },
447
- config: {
448
- layout: 3,
449
- main: {
450
- name: "No",
451
- startIcon: "ApproveIcon",
452
- variant: "contained",
453
- color: "info",
454
- type: "text",
455
- onClick: "deletePopUpEvent",
456
- size: "small"
457
- }
458
- }
459
- }
460
- ]
461
- },
462
- {
463
- type: "Control",
464
- scope: "#/properties/popUpPageMasterComponent",
465
- options: {
466
- widget: "PopUp"
467
- },
468
- config: {
469
- layout: {
470
- xs: 12,
471
- sm: 12,
472
- md: 12,
473
- lg: 12
474
- },
475
- main: {}
476
- },
477
- elements: [
478
- {
479
- type: "Control",
480
- scope: "#/properties/label",
481
- options: {
482
- widget: "Box"
289
+ ]
290
+ }
291
+ ]
483
292
  },
484
- config: {
485
- layout: 12,
486
- main: {
487
- heading: "Are you sure you want to delete ?"
293
+ {
294
+ type: "Control",
295
+ scope: "#/properties/btn",
296
+ options: {
297
+ widget: "Button"
488
298
  },
489
- style: {
490
- marginTop: "-40px"
491
- }
492
- }
493
- },
494
- {
495
- type: "Control",
496
- scope: "#/properties/EmptyBox",
497
- options: {
498
- widget: "EmptyBox"
499
- },
500
- config: {
501
- main: {},
502
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
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
+ }
314
+ }
503
315
  }
316
+ ]
317
+ },
318
+ {
319
+ type: "Control",
320
+ scope: "#/properties/notify",
321
+ options: {
322
+ widget: "Notify"
504
323
  },
505
- {
506
- type: "Control",
507
- scope: "#/properties/ConfirmDeleteCompButton",
508
- options: {
509
- widget: "Button"
510
- },
511
- config: {
512
- layout: 3,
513
- main: {
514
- name: "Yes",
515
- startIcon: "ApproveIcon",
516
- variant: "contained",
517
- color: "info",
518
- type: "text",
519
- onClick: "Delete_Components",
520
- size: "small"
521
- }
324
+ layout: 6
325
+ },
326
+ {
327
+ type: "HorizontalLayout",
328
+ config: {
329
+ style: {
330
+ position: "fixed",
331
+ bottom: 5,
332
+ overflow: "visible",
333
+ margin: "0",
334
+ width: "100vw"
522
335
  }
523
336
  },
524
- {
525
- type: "Control",
526
- scope: "#/properties/CancelDeleteCompButton",
527
- options: {
528
- 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
+ }
529
347
  },
530
- config: {
531
- layout: 3,
532
- main: {
533
- name: "No",
534
- startIcon: "ApproveIcon",
535
- variant: "contained",
536
- color: "info",
537
- type: "text",
538
- onClick: "deletePopUpComponent",
539
- size: "small"
348
+ {
349
+ type: "Control",
350
+ scope: "#/properties/FooterText",
351
+ options: {
352
+ widget: "Box"
353
+ },
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
+ }
540
363
  }
364
+ },
365
+ {
366
+ type: "HorizontalLayout",
367
+ config: {
368
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
369
+ },
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
+ ]
541
426
  }
542
- }
543
- ]
544
- },
545
- {
546
- type: "Control",
547
- scope: "#/properties/btn",
548
- options: {
549
- widget: "EmptyBox"
550
- },
551
- config: {
552
- layout: { xs: 0, sm: 0, md: 8, lg: 7 }
553
- }
554
- },
555
- {
556
- type: "Control",
557
- scope: "#/properties/btn",
558
- options: {
559
- widget: "Button"
560
- },
561
- config: {
562
- layout: 11.7,
563
- main: {
564
- name: "Save",
565
- startIcon: "ApproveIcon",
566
- variant: "contained",
567
- color: "info",
568
- type: "text",
569
- onClick: "saveHandler",
570
- size: "small"
571
- },
572
- style: {
573
- marginBottom: "8px",
574
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
575
- float: "right"
576
- }
427
+ ]
577
428
  }
578
- },
579
- {
580
- type: "Control",
581
- scope: "#/properties/notify",
582
- options: {
583
- widget: "Notify"
584
- },
585
- layout: 6
586
- }
587
- ]
429
+ ]
430
+ };
431
+ return uiSchema;
588
432
  };
589
433
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
590
434
  var lodash = { exports: {} };
@@ -6318,451 +6162,332 @@ const ComponentSchema = {
6318
6162
  },
6319
6163
  required: ["name"]
6320
6164
  };
6321
- const componentBasicUiSchema = {
6322
- type: "HorizontalLayout",
6323
- elements: [
6324
- {
6325
- type: "WrapperLayout",
6326
- config: {
6327
- main: {
6328
- rowSpacing: 1,
6329
- header: true
6330
- },
6331
- defaultStyle: true
6332
- },
6333
- elements: [
6334
- {
6335
- type: "Control",
6336
- scope: "#/properties/Component",
6337
- options: {
6338
- widget: "Box"
6339
- },
6340
- config: {
6341
- layout: { xs: 12, sm: 12, md: 2 },
6342
- main: {
6343
- heading: "Component"
6344
- },
6345
- style: {
6346
- "float": "left"
6347
- }
6348
- }
6349
- },
6350
- {
6351
- type: "Control",
6352
- scope: "#/properties/pageName",
6353
- options: {
6354
- widget: "Box"
6355
- },
6356
- config: {
6357
- layout: { xs: 7, sm: 7, md: 9 },
6358
- main: {
6359
- heading: " "
6360
- },
6361
- style: {
6362
- float: "right",
6363
- width: "auto",
6364
- fontSize: "12px",
6365
- color: "gray",
6366
- paddingTop: "10px"
6367
- }
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`
6368
6178
  }
6369
6179
  },
6370
- {
6371
- type: "Control",
6372
- scope: "#/properties/Back_Button",
6373
- options: {
6374
- widget: "IconButton"
6375
- },
6376
- config: {
6377
- layout: { xs: 2, sm: 2, md: 0.5 },
6378
- main: {
6379
- icon: "BackIcon",
6380
- styleDefault: true,
6381
- size: "small",
6382
- onClick: "backHandler",
6383
- tooltipMessage: "Back"
6384
- },
6385
- style: {
6386
- float: "right"
6387
- }
6388
- }
6389
- }
6390
- ]
6391
- },
6392
- {
6393
- type: "TabLayout",
6394
- config: {
6395
- main: {
6396
- tabLabels: ["Core"],
6397
- defaultStyle: true,
6398
- id: `component`
6399
- }
6400
- },
6401
- elements: [
6402
- {
6403
- type: "HorizontalLayout",
6404
- elements: [
6405
- {
6406
- type: "Control",
6407
- scope: "#/properties/type",
6408
- options: {
6409
- widget: "SelectInputField"
6410
- },
6411
- config: {
6412
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6413
- main: {
6414
- label: "Type"
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
+ }
6415
6195
  }
6416
- }
6417
- },
6418
- {
6419
- type: "Control",
6420
- scope: "#/properties/name",
6421
- options: {
6422
- widget: "InputField"
6423
6196
  },
6424
- config: {
6425
- layout: {
6426
- xs: 12,
6427
- sm: 12,
6428
- md: 6,
6429
- lg: 6
6197
+ {
6198
+ type: "Control",
6199
+ scope: "#/properties/name",
6200
+ options: {
6201
+ widget: "InputField"
6430
6202
  },
6431
- main: {
6432
- label: "Name",
6433
- options: [],
6434
- color: "secondary",
6435
- 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
+ }
6436
6211
  }
6437
- }
6438
- },
6439
- {
6440
- type: "Control",
6441
- scope: "#/properties/label",
6442
- options: {
6443
- widget: "InputField"
6444
6212
  },
6445
- config: {
6446
- layout: {
6447
- xs: 12,
6448
- sm: 12,
6449
- md: 6,
6450
- lg: 6
6213
+ {
6214
+ type: "Control",
6215
+ scope: "#/properties/label",
6216
+ options: {
6217
+ widget: "InputField"
6451
6218
  },
6452
- main: {
6453
- label: "Label",
6454
- options: [],
6455
- color: "secondary",
6456
- 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
+ }
6457
6227
  }
6458
- }
6459
- },
6460
- {
6461
- type: "Control",
6462
- scope: "#/properties/proc",
6463
- config: {
6464
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6465
6228
  },
6466
- options: {
6467
- widget: "EmptyBox"
6468
- }
6469
- },
6470
- {
6471
- type: "Control",
6472
- scope: "#/properties/layout",
6473
- layout: 11.5,
6474
- options: {
6475
- detail: {
6476
- type: "HorizontalLayout",
6477
- elements: [
6478
- {
6479
- type: "Control",
6480
- scope: "#/properties/key",
6481
- options: {
6482
- 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
+ }
6483
6249
  },
6484
- config: {
6485
- layout: {
6486
- xs: 11,
6487
- sm: 11,
6488
- md: 5.5,
6489
- lg: 5.5
6250
+ {
6251
+ type: "Control",
6252
+ scope: "#/properties/value",
6253
+ options: {
6254
+ widget: "InputField"
6490
6255
  },
6491
- main: {
6492
- 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
+ }
6493
6264
  }
6494
- }
6495
- },
6496
- {
6497
- type: "Control",
6498
- scope: "#/properties/value",
6499
- options: {
6500
- widget: "InputField"
6501
6265
  },
6502
- config: {
6503
- layout: {
6504
- xs: 11,
6505
- sm: 11,
6506
- md: 5.5,
6507
- lg: 5.5
6266
+ {
6267
+ type: "Control",
6268
+ scope: "#/properties/emptyBox",
6269
+ options: {
6270
+ widget: "EmptyBox"
6508
6271
  },
6509
- main: {
6510
- label: "Value",
6511
- type: "number",
6512
- helperText: "Number should be in range of 0 to 12",
6513
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6272
+ config: {
6273
+ layout: { xs: 0, sm: 4 }
6514
6274
  }
6515
6275
  }
6516
- }
6517
- ]
6276
+ ]
6277
+ }
6518
6278
  }
6519
6279
  }
6520
- }
6521
- ]
6522
- }
6523
- ]
6524
- },
6525
- {
6526
- type: "Control",
6527
- scope: "#/properties/popUpComponentSection",
6528
- options: {
6529
- widget: "PopUp"
6530
- },
6531
- config: {
6532
- layout: {
6533
- xs: 12,
6534
- sm: 12,
6535
- md: 12,
6536
- lg: 12
6537
- },
6538
- main: {}
6539
- },
6540
- elements: [
6541
- {
6542
- type: "Control",
6543
- scope: "#/properties/label",
6544
- options: {
6545
- widget: "Box"
6546
- },
6547
- config: {
6548
- layout: 12,
6549
- main: {
6550
- heading: "Are you sure you want to delete ?"
6551
- },
6552
- style: {
6553
- marginTop: "-40px"
6554
- }
6555
- }
6556
- },
6557
- {
6558
- type: "Control",
6559
- scope: "#/properties/EmptyBox",
6560
- options: {
6561
- widget: "EmptyBox"
6562
- },
6563
- config: {
6564
- main: {},
6565
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
6280
+ ]
6566
6281
  }
6282
+ ]
6283
+ },
6284
+ {
6285
+ type: "Control",
6286
+ scope: "#/properties/EmptyBox",
6287
+ options: {
6288
+ widget: "EmptyBox"
6567
6289
  },
6568
- {
6569
- type: "Control",
6570
- scope: "#/properties/ConfirmDeleteCompButton",
6571
- options: {
6572
- widget: "Button"
6290
+ config: {
6291
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6292
+ }
6293
+ },
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
+ }
6303
+ },
6304
+ {
6305
+ type: "Control",
6306
+ scope: "#/properties/btn",
6307
+ options: {
6308
+ widget: "Button"
6309
+ },
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"
6573
6320
  },
6574
- config: {
6575
- layout: 3,
6576
- main: {
6577
- name: "Yes",
6578
- startIcon: "ApproveIcon",
6579
- variant: "contained",
6580
- color: "info",
6581
- type: "text",
6582
- onClick: "deleteComponents",
6583
- size: "small"
6584
- }
6321
+ style: {
6322
+ float: "right"
6585
6323
  }
6324
+ }
6325
+ },
6326
+ {
6327
+ type: "Control",
6328
+ scope: "#/properties/btnSubmit",
6329
+ options: {
6330
+ widget: "Button"
6586
6331
  },
6587
- {
6588
- type: "Control",
6589
- scope: "#/properties/CancelDeleteCompButton",
6590
- options: {
6591
- widget: "Button"
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"
6592
6342
  },
6593
- config: {
6594
- layout: 3,
6595
- main: {
6596
- name: "No",
6597
- startIcon: "ApproveIcon",
6598
- variant: "contained",
6599
- color: "info",
6600
- type: "text",
6601
- onClick: "deletePopUpComponent",
6602
- size: "small"
6603
- }
6343
+ style: {
6344
+ float: "right"
6604
6345
  }
6605
6346
  }
6606
- ]
6607
- },
6608
- {
6609
- type: "Control",
6610
- scope: "#/properties/popUpEventSection",
6611
- options: {
6612
- widget: "PopUp"
6613
6347
  },
6614
- config: {
6615
- layout: {
6616
- xs: 12,
6617
- sm: 12,
6618
- md: 12,
6619
- lg: 12
6348
+ {
6349
+ type: "Control",
6350
+ scope: "#/properties/notify",
6351
+ options: {
6352
+ widget: "Notify"
6620
6353
  },
6621
- main: {}
6354
+ layout: 6
6622
6355
  },
6623
- elements: [
6624
- {
6625
- type: "Control",
6626
- scope: "#/properties/label",
6627
- options: {
6628
- widget: "Box"
6356
+ {
6357
+ type: "HorizontalLayout",
6358
+ config: {
6359
+ style: {
6360
+ position: "fixed",
6361
+ bottom: 5,
6362
+ overflow: "visible",
6363
+ margin: "0",
6364
+ width: "100vw"
6365
+ }
6366
+ },
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
+ }
6629
6377
  },
6630
- config: {
6631
- layout: 12,
6632
- main: {
6633
- heading: "Are you sure you want to delete ?"
6378
+ {
6379
+ type: "Control",
6380
+ scope: "#/properties/FooterText",
6381
+ options: {
6382
+ widget: "Box"
6634
6383
  },
6635
- style: {
6636
- marginTop: "-40px"
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
+ }
6637
6393
  }
6638
- }
6639
- },
6640
- {
6641
- type: "Control",
6642
- scope: "#/properties/EmptyBox",
6643
- options: {
6644
- widget: "EmptyBox"
6645
6394
  },
6646
- config: {
6647
- main: {},
6648
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
6649
- }
6650
- },
6651
- {
6652
- type: "Control",
6653
- scope: "#/properties/ConfirmDeleteEventButton",
6654
- options: {
6655
- widget: "Button"
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
+ ]
6656
6456
  },
6657
- config: {
6658
- layout: 3,
6659
- main: {
6660
- name: "Yes",
6661
- startIcon: "ApproveIcon",
6662
- variant: "contained",
6663
- color: "info",
6664
- type: "text",
6665
- onClick: "deleteEvent",
6666
- size: "small"
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
+ }
6667
6474
  }
6668
- }
6669
- },
6670
- {
6671
- type: "Control",
6672
- scope: "#/properties/CancelDeleteEventButton",
6673
- options: {
6674
- widget: "Button"
6675
6475
  },
6676
- config: {
6677
- layout: 3,
6678
- main: {
6679
- name: "No",
6680
- startIcon: "ApproveIcon",
6681
- variant: "contained",
6682
- color: "info",
6683
- type: "text",
6684
- onClick: "deletePopUpEvent",
6685
- size: "small"
6476
+ {
6477
+ type: "Control",
6478
+ scope: "#/properties/emptyBox",
6479
+ options: {
6480
+ widget: "EmptyBox"
6481
+ },
6482
+ config: {
6483
+ layout: 2.3
6686
6484
  }
6687
6485
  }
6688
- }
6689
- ]
6690
- },
6691
- {
6692
- type: "Control",
6693
- scope: "#/properties/proc",
6694
- config: {
6695
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6696
- },
6697
- options: {
6698
- widget: "EmptyBox"
6699
- }
6700
- },
6701
- {
6702
- type: "Control",
6703
- scope: "#/properties/btn",
6704
- options: {
6705
- widget: "Button"
6706
- },
6707
- config: {
6708
- layout: {
6709
- xs: 11,
6710
- sm: 11,
6711
- md: 2.5,
6712
- lg: 2.5
6713
- },
6714
- main: {
6715
- name: "Ok",
6716
- startIcon: "ApproveIcon",
6717
- variant: "contained",
6718
- color: "info",
6719
- type: "text",
6720
- onClick: "okHandler",
6721
- size: "small"
6722
- },
6723
- style: {
6724
- marginBottom: "8px",
6725
- float: "right"
6726
- }
6727
- }
6728
- },
6729
- {
6730
- type: "Control",
6731
- scope: "#/properties/btnSubmit",
6732
- options: {
6733
- widget: "Button"
6734
- },
6735
- config: {
6736
- layout: {
6737
- xs: 11,
6738
- sm: 11,
6739
- md: 2.5,
6740
- lg: 2.5
6741
- },
6742
- main: {
6743
- name: "Save & Exit",
6744
- startIcon: "ApproveIcon",
6745
- variant: "contained",
6746
- color: "info",
6747
- type: "text",
6748
- onClick: "saveHandler",
6749
- size: "small"
6750
- },
6751
- style: {
6752
- marginBottom: "8px",
6753
- float: "right"
6754
- }
6486
+ ]
6755
6487
  }
6756
- },
6757
- {
6758
- type: "Control",
6759
- scope: "#/properties/notify",
6760
- options: {
6761
- widget: "Notify"
6762
- },
6763
- layout: 6
6764
- }
6765
- ]
6488
+ ]
6489
+ };
6490
+ return uiSchema;
6766
6491
  };
6767
6492
  const CoreSection = {
6768
6493
  type: "HorizontalLayout",
@@ -6774,7 +6499,7 @@ const CoreSection = {
6774
6499
  widget: "SelectInputField"
6775
6500
  },
6776
6501
  config: {
6777
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6502
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6778
6503
  main: {
6779
6504
  label: "Type",
6780
6505
  type: "text"
@@ -6788,12 +6513,7 @@ const CoreSection = {
6788
6513
  widget: "InputField"
6789
6514
  },
6790
6515
  config: {
6791
- layout: {
6792
- xs: 12,
6793
- sm: 12,
6794
- md: 6,
6795
- lg: 6
6796
- },
6516
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6797
6517
  main: {
6798
6518
  label: "Name"
6799
6519
  }
@@ -6806,31 +6526,16 @@ const CoreSection = {
6806
6526
  widget: "InputField"
6807
6527
  },
6808
6528
  config: {
6809
- layout: {
6810
- xs: 12,
6811
- sm: 12,
6812
- md: 6,
6813
- lg: 6
6814
- },
6529
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6815
6530
  main: {
6816
6531
  label: "Label"
6817
6532
  }
6818
6533
  }
6819
6534
  },
6820
- {
6821
- type: "Control",
6822
- scope: "#/properties/proc",
6823
- config: {
6824
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6825
- },
6826
- options: {
6827
- widget: "EmptyBox"
6828
- }
6829
- },
6830
6535
  {
6831
6536
  type: "Control",
6832
6537
  scope: "#/properties/layout",
6833
- layout: 11.5,
6538
+ layout: 12,
6834
6539
  options: {
6835
6540
  "elementLabelProp": "key",
6836
6541
  detail: {
@@ -6843,12 +6548,7 @@ const CoreSection = {
6843
6548
  widget: "SelectInputField"
6844
6549
  },
6845
6550
  config: {
6846
- layout: {
6847
- xs: 11,
6848
- sm: 11,
6849
- md: 5.5,
6850
- lg: 5.5
6851
- },
6551
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6852
6552
  main: {
6853
6553
  label: "Screen Size"
6854
6554
  }
@@ -6861,12 +6561,7 @@ const CoreSection = {
6861
6561
  widget: "InputField"
6862
6562
  },
6863
6563
  config: {
6864
- layout: {
6865
- xs: 11,
6866
- sm: 11,
6867
- md: 5.5,
6868
- lg: 5.5
6869
- },
6564
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6870
6565
  main: {
6871
6566
  label: "Value",
6872
6567
  type: "number",
@@ -6874,6 +6569,16 @@ const CoreSection = {
6874
6569
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6875
6570
  }
6876
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
+ }
6877
6582
  }
6878
6583
  ]
6879
6584
  }
@@ -6885,121 +6590,95 @@ const EventSection = {
6885
6590
  type: "HorizontalLayout",
6886
6591
  elements: [
6887
6592
  {
6888
- type: "WrapperLayout",
6593
+ type: "Control",
6594
+ scope: "#/properties/events",
6595
+ options: {
6596
+ widget: "Table"
6597
+ },
6889
6598
  config: {
6890
6599
  main: {
6891
- divider: true
6892
- },
6893
- wrapperStyle: {
6894
- 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
6895
6629
  }
6896
6630
  },
6897
6631
  elements: [
6898
6632
  {
6899
- type: "Control",
6900
- scope: "#/properties/programType",
6901
- options: {
6902
- widget: "Box"
6903
- },
6904
- config: {
6905
- layout: 8,
6906
- main: {
6907
- heading: "Event Table"
6908
- },
6909
- style: {
6910
- fontFamily: "Roboto",
6911
- fontWeight: "500",
6912
- paddingLeft: "-10px",
6913
- fontSize: "20px"
6914
- }
6915
- }
6633
+ accessorKey: "eventType",
6634
+ header: "Event Type"
6916
6635
  },
6917
6636
  {
6918
- type: "Control",
6919
- scope: "#/properties/Back_Button",
6920
- options: {
6921
- widget: "IconButton"
6922
- },
6923
- config: {
6924
- layout: 3,
6925
- main: {
6926
- icon: "AddIcon",
6927
- styleDefault: true,
6928
- size: "small",
6929
- onClick: "eventAddHandler",
6930
- tooltipMessage: "Back"
6931
- },
6932
- style: {
6933
- float: "right"
6934
- }
6935
- }
6637
+ accessorKey: "Handler",
6638
+ header: "Handler"
6936
6639
  },
6937
6640
  {
6938
- type: "Control",
6939
- scope: "#/properties/events",
6940
- options: {
6941
- widget: "Table"
6942
- },
6943
- config: {
6944
- main: {
6945
- disableAction: true,
6946
- disableSelection: true,
6947
- enableDrag: true
6948
- }
6949
- },
6950
- elements: [
6951
- {
6952
- accessorKey: "eventType",
6953
- header: "Event Type"
6954
- },
6955
- {
6956
- accessorKey: "Handler",
6957
- header: "Handler"
6958
- },
6959
- {
6960
- accessorKey: "Edit_Approve_Records",
6961
- header: "Edit Widget",
6962
- widget: {
6963
- type: "Control",
6964
- scope: "#/properties/Edit_Records",
6965
- options: {
6966
- widget: "IconButton"
6967
- },
6968
- config: {
6969
- main: {
6970
- color: "info",
6971
- size: "small",
6972
- icon: "EditIcon",
6973
- tooltipMessage: "Edit This Record",
6974
- onClick: "eventEditHandler"
6975
- },
6976
- style: {
6977
- color: "#3949ab"
6978
- }
6979
- }
6641
+ accessorKey: "Edit_Approve_Records",
6642
+ header: "Edit Widget",
6643
+ widget: {
6644
+ type: "Control",
6645
+ scope: "#/properties/Edit_Records",
6646
+ options: {
6647
+ widget: "IconButton"
6648
+ },
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"
6980
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"
6981
6672
  },
6982
- {
6983
- accessorKey: "Reject_Records",
6984
- header: "Delete",
6985
- widget: {
6986
- type: "Control",
6987
- scope: "#/properties/RejectButton",
6988
- accessorKeyName: "Reject_Records",
6989
- options: {
6990
- widget: "IconButton"
6991
- },
6992
- config: {
6993
- main: {
6994
- icon: "RejectIcon",
6995
- color: "error",
6996
- tooltipMessage: "Reject This Record",
6997
- onClick: "deletePopUpEvent"
6998
- }
6999
- }
6673
+ config: {
6674
+ main: {
6675
+ icon: "RejectIcon",
6676
+ color: "error",
6677
+ tooltipMessage: "Reject This Record",
6678
+ onClick: "deleteEvent"
7000
6679
  }
7001
6680
  }
7002
- ]
6681
+ }
7003
6682
  }
7004
6683
  ]
7005
6684
  }
@@ -7012,12 +6691,7 @@ const EmptyBox = {
7012
6691
  widget: "EmptyBox"
7013
6692
  },
7014
6693
  config: {
7015
- layout: {
7016
- xs: 11,
7017
- sm: 11,
7018
- md: 5.5,
7019
- lg: 5.5
7020
- },
6694
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
7021
6695
  main: {}
7022
6696
  }
7023
6697
  };
@@ -7036,12 +6710,7 @@ const cardLayout = {
7036
6710
  widget: "SelectInputField"
7037
6711
  },
7038
6712
  config: {
7039
- layout: {
7040
- xs: 11,
7041
- sm: 11,
7042
- md: 5.5,
7043
- lg: 5.5
7044
- },
6713
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7045
6714
  main: {
7046
6715
  label: "Screen Size"
7047
6716
  }
@@ -7054,12 +6723,7 @@ const cardLayout = {
7054
6723
  widget: "InputField"
7055
6724
  },
7056
6725
  config: {
7057
- layout: {
7058
- xs: 11,
7059
- sm: 11,
7060
- md: 5.5,
7061
- lg: 5.5
7062
- },
6726
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7063
6727
  main: {
7064
6728
  label: "Value",
7065
6729
  type: "number",
@@ -7067,7 +6731,8 @@ const cardLayout = {
7067
6731
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
7068
6732
  }
7069
6733
  }
7070
- }
6734
+ },
6735
+ EmptyBox
7071
6736
  ]
7072
6737
  }
7073
6738
  }
@@ -7089,17 +6754,13 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
7089
6754
  widget: "InputField"
7090
6755
  },
7091
6756
  config: {
7092
- layout: {
7093
- xs: 11,
7094
- sm: 11,
7095
- md: 5.5,
7096
- lg: 5.5
7097
- },
6757
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7098
6758
  main: {
7099
6759
  label: childLabel || "Labels for Tab"
7100
6760
  }
7101
6761
  }
7102
6762
  },
6763
+ EmptyBox,
7103
6764
  EmptyBox
7104
6765
  ]
7105
6766
  }
@@ -7114,12 +6775,7 @@ sizeHolder.options.detail.elements[1] = {
7114
6775
  widget: "InputField"
7115
6776
  },
7116
6777
  config: {
7117
- layout: {
7118
- xs: 11,
7119
- sm: 11,
7120
- md: 5.5,
7121
- lg: 5.5
7122
- },
6778
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7123
6779
  main: {
7124
6780
  label: "Size"
7125
6781
  }
@@ -7133,12 +6789,7 @@ const getInputField = (scope, label) => {
7133
6789
  widget: "InputField"
7134
6790
  },
7135
6791
  config: {
7136
- layout: {
7137
- xs: 11,
7138
- sm: 11,
7139
- md: 5.5,
7140
- lg: 5.5
7141
- },
6792
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7142
6793
  main: {
7143
6794
  label
7144
6795
  }
@@ -7153,12 +6804,7 @@ const getRadioInputField = (scope, label, options) => {
7153
6804
  widget: "RadioInputField"
7154
6805
  },
7155
6806
  config: {
7156
- layout: {
7157
- xs: 11,
7158
- sm: 11,
7159
- md: 5.5,
7160
- lg: 5.5
7161
- },
6807
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7162
6808
  main: {
7163
6809
  label,
7164
6810
  options
@@ -7201,7 +6847,7 @@ const getSelectField = (scope, label, options) => {
7201
6847
  widget: "SelectInputField"
7202
6848
  },
7203
6849
  config: {
7204
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6850
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7205
6851
  main: {
7206
6852
  label,
7207
6853
  type: "text"
@@ -7222,6 +6868,8 @@ const buildPropertiesSection = function(type) {
7222
6868
  getInputField("elevation", "Card Elevation"),
7223
6869
  getInputField("height", "Grid height"),
7224
6870
  getInputField("justifyContent", "justifyContent"),
6871
+ EmptyBox,
6872
+ EmptyBox,
7225
6873
  cardLayout
7226
6874
  ];
7227
6875
  break;
@@ -7232,6 +6880,7 @@ const buildPropertiesSection = function(type) {
7232
6880
  getInputField("resetText", "Reset Text"),
7233
6881
  getInputField("completeText", "Complete Text"),
7234
6882
  getSelectField("orientation", "Orientation Type"),
6883
+ EmptyBox,
7235
6884
  getArrayControl("sectionLabels", "label")
7236
6885
  ];
7237
6886
  break;
@@ -7247,12 +6896,14 @@ const buildPropertiesSection = function(type) {
7247
6896
  uiSchema.elements = [
7248
6897
  getInputField("placeholder", "Placeholder"),
7249
6898
  EmptyBox,
6899
+ EmptyBox,
7250
6900
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
7251
6901
  ];
7252
6902
  break;
7253
6903
  case "TextArea":
7254
6904
  uiSchema.elements = [
7255
6905
  getInputField("placeholder", "Placeholder"),
6906
+ EmptyBox,
7256
6907
  EmptyBox
7257
6908
  ];
7258
6909
  break;
@@ -7262,7 +6913,8 @@ const buildPropertiesSection = function(type) {
7262
6913
  getInputField("heading", "Container Heading"),
7263
6914
  getInputField("heading", "Container Heading"),
7264
6915
  getInputField("speedoCaption", "Speedometer Caption"),
7265
- getInputField("width", "Speedometer Width")
6916
+ getInputField("width", "Speedometer Width"),
6917
+ EmptyBox
7266
6918
  ];
7267
6919
  break;
7268
6920
  case "RankCard":
@@ -7270,7 +6922,9 @@ const buildPropertiesSection = function(type) {
7270
6922
  getInputField("rank", "Rank"),
7271
6923
  getInputField("image", "Image Url"),
7272
6924
  getInputField("title", "Card Title"),
7273
- getInputField("description", "Card Description")
6925
+ getInputField("description", "Card Description"),
6926
+ EmptyBox,
6927
+ EmptyBox
7274
6928
  ];
7275
6929
  break;
7276
6930
  case "LeaderBoard":
@@ -7279,6 +6933,8 @@ const buildPropertiesSection = function(type) {
7279
6933
  getInputField("firstImage", "First Image url"),
7280
6934
  getInputField("secondImage", "Second Image url"),
7281
6935
  getInputField("thirdImage", "Third Image url"),
6936
+ EmptyBox,
6937
+ EmptyBox,
7282
6938
  getTextArea("functionCode", "Write Compare Code", false)
7283
6939
  ];
7284
6940
  break;
@@ -7294,7 +6950,9 @@ const buildPropertiesSection = function(type) {
7294
6950
  getInputField("heading", "Heading"),
7295
6951
  getInputField("bottomLabel_1", "First BottomLabel"),
7296
6952
  getInputField("bottomLabel_2", "Second BottomLabel"),
7297
- getInputField("bottomLabel_3", "Third BottomLabel")
6953
+ getInputField("bottomLabel_3", "Third BottomLabel"),
6954
+ EmptyBox,
6955
+ EmptyBox
7298
6956
  ];
7299
6957
  break;
7300
6958
  case "card":
@@ -7328,7 +6986,7 @@ const buildPropertiesSection = function(type) {
7328
6986
  ];
7329
6987
  break;
7330
6988
  case "WrapperSection":
7331
- uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox];
6989
+ uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), getRadioInputField("isAccordion", "Accordion", ["YES", "No"]), EmptyBox];
7332
6990
  break;
7333
6991
  case "TabSection":
7334
6992
  uiSchema.elements = [
@@ -7356,12 +7014,14 @@ const buildPropertiesSection = function(type) {
7356
7014
  case "Select":
7357
7015
  uiSchema.elements = [
7358
7016
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7359
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7017
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7018
+ EmptyBox
7360
7019
  ];
7361
7020
  break;
7362
7021
  case "MultipleSelect":
7363
7022
  uiSchema.elements = [
7364
7023
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7024
+ EmptyBox,
7365
7025
  EmptyBox
7366
7026
  ];
7367
7027
  break;
@@ -7407,116 +7067,92 @@ const TableSection = {
7407
7067
  type: "HorizontalLayout",
7408
7068
  elements: [
7409
7069
  {
7410
- type: "WrapperLayout",
7070
+ type: "Control",
7071
+ scope: "#/properties/elements",
7072
+ options: {
7073
+ widget: "Table"
7074
+ },
7411
7075
  config: {
7412
- main: {},
7413
- wrapperStyle: {
7414
- 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
7415
7106
  }
7416
7107
  },
7417
7108
  elements: [
7418
7109
  {
7419
- type: "Control",
7420
- scope: "#/properties/programType",
7421
- options: {
7422
- widget: "Box"
7423
- },
7424
- config: {
7425
- layout: 8,
7426
- main: {
7427
- heading: "Components Table"
7428
- },
7429
- style: {
7430
- fontFamily: "Roboto",
7431
- fontWeight: "500",
7432
- paddingLeft: "-10px",
7433
- fontSize: "20px"
7434
- }
7435
- }
7110
+ accessorKey: "name",
7111
+ header: "Name"
7436
7112
  },
7437
7113
  {
7438
- type: "Control",
7439
- scope: "#/properties/Back_Button",
7440
- options: {
7441
- widget: "IconButton"
7442
- },
7443
- config: {
7444
- layout: 3,
7445
- main: {
7446
- icon: "AddIcon",
7447
- styleDefault: true,
7448
- size: "small",
7449
- onClick: "widgetAddClickHandler",
7450
- 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"
7451
7126
  },
7452
- style: {
7453
- float: "right"
7127
+ config: {
7128
+ main: {
7129
+ icon: "EditIcon",
7130
+ color: "primary",
7131
+ onClick: "editComponents",
7132
+ tooltipMessage: "Reject This Record"
7133
+ }
7454
7134
  }
7455
7135
  }
7456
7136
  },
7457
7137
  {
7458
- type: "Control",
7459
- scope: "#/properties/elements",
7460
- options: {
7461
- widget: "Table"
7462
- },
7463
- config: {
7464
- main: {
7465
- disableAction: true,
7466
- disableSelection: true,
7467
- enableDrag: true
7468
- }
7469
- },
7470
- elements: [
7471
- {
7472
- accessorKey: "name",
7473
- header: "Name"
7474
- },
7475
- {
7476
- accessorKey: "type",
7477
- header: "Type"
7478
- },
7479
- {
7480
- header: "Edit Record",
7481
- field: "Reject_Records",
7482
- flex: 1,
7483
- widget: {
7484
- type: "Control",
7485
- scope: "#/properties/RejectButton",
7486
- options: {
7487
- widget: "IconButton"
7488
- },
7489
- config: {
7490
- main: {
7491
- icon: "EditIcon",
7492
- color: "primary",
7493
- onClick: "editComponents",
7494
- tooltipMessage: "Reject This Record"
7495
- }
7496
- }
7497
- }
7138
+ header: "Delete",
7139
+ field: "Reject_Records",
7140
+ flex: 1,
7141
+ widget: {
7142
+ type: "Control",
7143
+ scope: "#/properties/RejectButton",
7144
+ options: {
7145
+ widget: "IconButton"
7498
7146
  },
7499
- {
7500
- header: "Delete",
7501
- field: "Reject_Records",
7502
- flex: 1,
7503
- widget: {
7504
- type: "Control",
7505
- scope: "#/properties/RejectButton",
7506
- options: {
7507
- widget: "IconButton"
7508
- },
7509
- config: {
7510
- main: {
7511
- icon: "RejectIcon",
7512
- color: "error",
7513
- onClick: "deletePopUpComponent",
7514
- tooltipMessage: "Reject This Record"
7515
- }
7516
- }
7147
+ config: {
7148
+ main: {
7149
+ icon: "RejectIcon",
7150
+ color: "error",
7151
+ onClick: "deleteComponents",
7152
+ tooltipMessage: "Reject This Record"
7517
7153
  }
7518
7154
  }
7519
- ]
7155
+ }
7520
7156
  }
7521
7157
  ]
7522
7158
  }
@@ -7540,12 +7176,7 @@ const ValueTab = {
7540
7176
  widget: "InputField"
7541
7177
  },
7542
7178
  config: {
7543
- layout: {
7544
- xs: 11,
7545
- sm: 11,
7546
- md: 5.5,
7547
- lg: 5.5
7548
- },
7179
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7549
7180
  main: {
7550
7181
  label: "Label"
7551
7182
  }
@@ -7558,16 +7189,21 @@ const ValueTab = {
7558
7189
  widget: "InputField"
7559
7190
  },
7560
7191
  config: {
7561
- layout: {
7562
- xs: 11,
7563
- sm: 11,
7564
- md: 5.5,
7565
- lg: 5.5
7566
- },
7192
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7567
7193
  main: {
7568
7194
  label: "Value"
7569
7195
  }
7570
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
+ }
7571
7207
  }
7572
7208
  ]
7573
7209
  }
@@ -7594,12 +7230,7 @@ const ValidationSection = {
7594
7230
  widget: "SelectInputField"
7595
7231
  },
7596
7232
  config: {
7597
- layout: {
7598
- xs: 11,
7599
- sm: 11,
7600
- md: 5.5,
7601
- lg: 5.5
7602
- },
7233
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7603
7234
  main: {
7604
7235
  label: "Validation Type"
7605
7236
  }
@@ -7612,16 +7243,21 @@ const ValidationSection = {
7612
7243
  widget: "InputField"
7613
7244
  },
7614
7245
  config: {
7615
- layout: {
7616
- xs: 11,
7617
- sm: 11,
7618
- md: 5.5,
7619
- lg: 5.5
7620
- },
7246
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7621
7247
  main: {
7622
7248
  label: "Validation Value"
7623
7249
  }
7624
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
+ }
7625
7261
  }
7626
7262
  ]
7627
7263
  }
@@ -7803,7 +7439,7 @@ const sectionLabels = {
7803
7439
  };
7804
7440
  const refreshPage = (type, store2) => {
7805
7441
  var _a;
7806
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7442
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7807
7443
  if (type) {
7808
7444
  const sectionUiSchema = {
7809
7445
  Core: CoreSection,
@@ -7815,8 +7451,8 @@ const refreshPage = (type, store2) => {
7815
7451
  Validation: ValidationSection
7816
7452
  };
7817
7453
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7818
- UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7819
- 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];
7820
7456
  }
7821
7457
  store2.setUiSchema(UiSchema);
7822
7458
  };
@@ -7865,12 +7501,11 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
7865
7501
  deleteComponents: function() {
7866
7502
  var _a;
7867
7503
  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
7868
- const rowId = localStorage.getItem("rowId");
7504
+ const rowId = dynamicData2.path.split(".")[1];
7869
7505
  store2.formData.elements.splice(rowId, 1);
7870
7506
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
7871
7507
  const data2 = path ? _.get(response2, path) : response2;
7872
7508
  store2.setFormdata(data2);
7873
- localStorage.removeItem("rowId");
7874
7509
  },
7875
7510
  deleteEvent: function() {
7876
7511
  var _a;
@@ -7914,12 +7549,6 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
7914
7549
  },
7915
7550
  backHandler: function() {
7916
7551
  store2.navigate(-1);
7917
- },
7918
- deletePopUpComponent: function() {
7919
- store2.updateDialog("popUpComponentSection");
7920
- },
7921
- deletePopUpEvent: function() {
7922
- store2.updateDialog("popUpEventSection");
7923
7552
  }
7924
7553
  };
7925
7554
  };
@@ -7945,7 +7574,7 @@ var pageMaster = (funcParams) => {
7945
7574
  return config;
7946
7575
  },
7947
7576
  getUiSchema: function() {
7948
- return PageMasterUiSchema;
7577
+ return PageMasterUiSchema(store2.theme.myTheme);
7949
7578
  },
7950
7579
  getSchema: () => {
7951
7580
  return PageMasterSchema;
@@ -7967,10 +7596,7 @@ var pageMaster = (funcParams) => {
7967
7596
  },
7968
7597
  saveHandler: async () => await saveHandler(store2, service2, submitHandler),
7969
7598
  Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
7970
- Delete_Components: async function() {
7971
- await Component(store2, dynamicData2, submitHandler, service2).deleteComponents();
7972
- store2.updateDialog("popUpPageMasterComponent");
7973
- },
7599
+ Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
7974
7600
  eventAddHandler: function() {
7975
7601
  var _a;
7976
7602
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7990,22 +7616,10 @@ var pageMaster = (funcParams) => {
7990
7616
  store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
7991
7617
  },
7992
7618
  deleteEvent: function() {
7993
- const rowId = localStorage.getItem("rowId");
7619
+ const rowId = dynamicData2.path.split(".")[1];
7994
7620
  store2.formData.events.splice(rowId, 1);
7995
7621
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7996
7622
  store2.setFormdata(response2);
7997
- store2.updateDialog("popUpPageMasterEvent");
7998
- localStorage.removeItem("rowId");
7999
- },
8000
- deletePopUpComponent: function() {
8001
- const rowId = dynamicData2.path.split(".")[1];
8002
- localStorage.setItem("rowId", rowId);
8003
- store2.updateDialog("popUpPageMasterComponent");
8004
- },
8005
- deletePopUpEvent: function() {
8006
- const rowId = dynamicData2.path.split(".")[1];
8007
- localStorage.setItem("rowId", rowId);
8008
- store2.updateDialog("popUpPageMasterEvent");
8009
7623
  }
8010
7624
  };
8011
7625
  };
@@ -8095,417 +7709,418 @@ const EventSchema = {
8095
7709
  },
8096
7710
  required: ["eventType", "Handler"]
8097
7711
  };
8098
- const EventUiSchema = {
8099
- type: "HorizontalLayout",
8100
- elements: [
8101
- {
8102
- type: "WrapperLayout",
8103
- config: {
8104
- main: {
8105
- rowSpacing: 1,
8106
- header: true
8107
- },
8108
- defaultStyle: true
8109
- },
8110
- elements: [
8111
- {
8112
- type: "Control",
8113
- scope: "#/properties/Component",
8114
- options: {
8115
- widget: "Box"
8116
- },
8117
- config: {
8118
- layout: { xs: 12, sm: 12, md: 2 },
8119
- main: {
8120
- heading: "Component"
8121
- },
8122
- style: {
8123
- "float": "left"
8124
- }
8125
- }
8126
- },
8127
- {
8128
- type: "Control",
8129
- scope: "#/properties/pageName",
8130
- options: {
8131
- widget: "Box"
8132
- },
8133
- config: {
8134
- layout: { xs: 7, sm: 7, md: 9 },
8135
- main: {
8136
- heading: " "
8137
- },
8138
- style: {
8139
- float: "right",
8140
- width: "auto",
8141
- fontSize: "12px",
8142
- color: "gray",
8143
- paddingTop: "10px"
8144
- }
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"
8145
7725
  }
8146
7726
  },
8147
- {
8148
- type: "Control",
8149
- scope: "#/properties/Back_Button",
8150
- options: {
8151
- widget: "IconButton"
8152
- },
8153
- config: {
8154
- layout: { xs: 2, sm: 2, md: 0.5 },
8155
- main: {
8156
- icon: "BackIcon",
8157
- styleDefault: true,
8158
- size: "small",
8159
- onClick: "backHandler",
8160
- tooltipMessage: "Back"
8161
- },
8162
- style: {
8163
- float: "right"
8164
- }
8165
- }
8166
- }
8167
- ]
8168
- },
8169
- {
8170
- type: "TabLayout",
8171
- config: {
8172
- main: {
8173
- tabLabels: ["Core", "Response Event"],
8174
- defaultStyle: true,
8175
- id: "event"
8176
- }
8177
- },
8178
- elements: [
8179
- {
8180
- type: "HorizontalLayout",
8181
- elements: [
8182
- {
8183
- type: "Control",
8184
- scope: `#/properties/eventType`,
8185
- options: {
8186
- 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
+ }
8187
7744
  },
8188
- config: {
8189
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8190
- main: {
8191
- label: "Event Type",
8192
- 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
+ }
8193
7757
  }
8194
- }
8195
- },
8196
- getSelectField("Handler", "Handler")
8197
- ]
8198
- },
8199
- {
8200
- type: "WrapperLayout",
8201
- config: {
8202
- main: {
8203
- divider: true
8204
- },
8205
- wrapperStyle: {
8206
- border: "1px solid gray"
8207
- }
8208
- },
8209
- elements: [
8210
- {
8211
- type: "Control",
8212
- scope: "#/properties/heading",
8213
- options: {
8214
- widget: "Box"
8215
7758
  },
8216
- config: {
8217
- layout: 8,
8218
- main: {
8219
- heading: "Response Event"
7759
+ {
7760
+ type: "Control",
7761
+ scope: "#/properties/emptyBox",
7762
+ options: {
7763
+ widget: "EmptyBox"
8220
7764
  },
8221
- style: {
8222
- fontFamily: "Roboto",
8223
- fontWeight: "500",
8224
- paddingLeft: "-10px",
8225
- fontSize: "20px"
7765
+ config: {
7766
+ layout: { xs: 0, sm: 4 }
8226
7767
  }
8227
7768
  }
8228
- },
8229
- {
8230
- type: "Control",
8231
- scope: "#/properties/AddButton",
8232
- options: {
8233
- widget: "IconButton"
8234
- },
8235
- config: {
8236
- layout: 3,
8237
- main: {
8238
- icon: "AddIcon",
8239
- styleDefault: true,
8240
- size: "small",
8241
- onClick: "addEvent",
8242
- tooltipMessage: "Back"
7769
+ ]
7770
+ },
7771
+ {
7772
+ type: "Control",
7773
+ scope: "#/properties/events",
7774
+ options: {
7775
+ widget: "Table"
7776
+ },
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
+ ]
8243
7804
  },
8244
- style: {
8245
- float: "right"
8246
- }
7805
+ disableAction: true,
7806
+ disableSelection: true,
7807
+ enableDrag: true
8247
7808
  }
8248
7809
  },
8249
- {
8250
- type: "Control",
8251
- scope: "#/properties/events",
8252
- options: {
8253
- widget: "Table"
7810
+ elements: [
7811
+ {
7812
+ accessorKey: "eventType",
7813
+ header: "Event Type"
8254
7814
  },
8255
- config: {
8256
- main: {
8257
- disableAction: true,
8258
- disableSelection: true,
8259
- enableDrag: true
8260
- }
7815
+ {
7816
+ accessorKey: "Handler",
7817
+ header: "Handler"
8261
7818
  },
8262
- elements: [
8263
- {
8264
- accessorKey: "eventType",
8265
- header: "Event Type"
8266
- },
8267
- {
8268
- accessorKey: "Handler",
8269
- header: "Handler"
8270
- },
8271
- {
8272
- accessorKey: "Edit_Approve_Records",
8273
- header: "Edit Widget",
8274
- widget: {
8275
- type: "Control",
8276
- scope: "#/properties/Edit_Records",
8277
- options: {
8278
- 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"
8279
7835
  },
8280
- config: {
8281
- main: {
8282
- color: "info",
8283
- size: "small",
8284
- icon: "EditIcon",
8285
- tooltipMessage: "Edit This Record",
8286
- onClick: "editEvent"
8287
- },
8288
- style: {
8289
- color: "#3949ab"
8290
- }
7836
+ style: {
7837
+ color: "#3949ab"
8291
7838
  }
8292
7839
  }
8293
- },
8294
- {
8295
- accessorKey: "Reject_Records",
8296
- header: "Delete",
8297
- widget: {
8298
- type: "Control",
8299
- scope: "#/properties/RejectButton",
8300
- options: {
8301
- widget: "IconButton"
8302
- },
8303
- config: {
8304
- main: {
8305
- icon: "RejectIcon",
8306
- color: "error",
8307
- tooltipMessage: "Reject This Record",
8308
- onClick: "deletePopUpEvent"
8309
- }
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"
8310
7857
  }
8311
7858
  }
8312
7859
  }
8313
- ]
8314
- }
8315
- ]
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 }
8316
7873
  }
8317
- ]
8318
- },
8319
- {
8320
- type: "Control",
8321
- scope: "#/properties/popUpEvent",
8322
- options: {
8323
- widget: "PopUp"
8324
7874
  },
8325
- config: {
8326
- layout: {
8327
- xs: 12,
8328
- sm: 12,
8329
- md: 12,
8330
- lg: 12
7875
+ {
7876
+ type: "Control",
7877
+ scope: "#/properties/EmptyBox",
7878
+ options: {
7879
+ widget: "EmptyBox"
8331
7880
  },
8332
- main: {}
7881
+ config: {
7882
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7883
+ }
8333
7884
  },
8334
- elements: [
8335
- {
8336
- type: "Control",
8337
- scope: "#/properties/label",
8338
- options: {
8339
- widget: "Box"
7885
+ {
7886
+ type: "Control",
7887
+ scope: "#/properties/btn",
7888
+ options: {
7889
+ widget: "Button"
7890
+ },
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"
8340
7901
  },
8341
- config: {
8342
- layout: 12,
8343
- main: {
8344
- heading: "Are you sure you want to delete ?"
8345
- },
8346
- style: {
8347
- marginTop: "-40px"
8348
- }
7902
+ style: {
7903
+ float: "right"
8349
7904
  }
7905
+ }
7906
+ },
7907
+ {
7908
+ type: "Control",
7909
+ scope: "#/properties/btnSubmit",
7910
+ options: {
7911
+ widget: "Button"
8350
7912
  },
8351
- {
8352
- type: "Control",
8353
- scope: "#/properties/EmptyBox",
8354
- options: {
8355
- widget: "EmptyBox"
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"
8356
7923
  },
8357
- config: {
8358
- main: {},
8359
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
7924
+ style: {
7925
+ float: "right"
8360
7926
  }
7927
+ }
7928
+ },
7929
+ {
7930
+ type: "Control",
7931
+ scope: "#/properties/notify",
7932
+ options: {
7933
+ widget: "Notify"
8361
7934
  },
8362
- {
8363
- type: "Control",
8364
- scope: "#/properties/ConfirmDeleteEventButton",
8365
- options: {
8366
- widget: "Button"
8367
- },
8368
- config: {
8369
- layout: 3,
8370
- main: {
8371
- name: "Yes",
8372
- startIcon: "ApproveIcon",
8373
- variant: "contained",
8374
- color: "info",
8375
- type: "text",
8376
- onClick: "deleteEvent",
8377
- size: "small"
8378
- }
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"
8379
7946
  }
8380
7947
  },
8381
- {
8382
- type: "Control",
8383
- scope: "#/properties/CancelDeleteEventButton",
8384
- options: {
8385
- widget: "Button"
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
+ }
8386
7958
  },
8387
- config: {
8388
- layout: 3,
8389
- main: {
8390
- name: "No",
8391
- startIcon: "ApproveIcon",
8392
- variant: "contained",
8393
- color: "info",
8394
- type: "text",
8395
- onClick: "deletePopUpEvent",
8396
- size: "small"
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
8397
8065
  }
8398
8066
  }
8399
- }
8400
- ]
8401
- },
8402
- {
8403
- type: "Control",
8404
- scope: "#/properties/proc",
8405
- config: {
8406
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8407
- },
8408
- options: {
8409
- widget: "EmptyBox"
8067
+ ]
8410
8068
  }
8411
- },
8069
+ ]
8070
+ };
8071
+ return uiSchema;
8072
+ };
8073
+ const APISection = {
8074
+ type: "HorizontalLayout",
8075
+ elements: [
8412
8076
  {
8413
8077
  type: "Control",
8414
- scope: "#/properties/btn",
8078
+ scope: "#/properties/method",
8415
8079
  options: {
8416
- widget: "Button"
8080
+ widget: "SelectInputField"
8417
8081
  },
8418
8082
  config: {
8419
- layout: {
8420
- xs: 11,
8421
- sm: 11,
8422
- md: 2.5,
8423
- lg: 2.5
8424
- },
8083
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8425
8084
  main: {
8426
- name: "Ok",
8427
- startIcon: "ApproveIcon",
8428
- variant: "contained",
8429
- color: "info",
8430
- type: "text",
8431
- onClick: "okHandler",
8432
- size: "small"
8433
- },
8434
- style: {
8435
- marginBottom: "8px",
8436
- float: "right"
8085
+ label: "Method",
8086
+ type: "text"
8437
8087
  }
8438
8088
  }
8439
8089
  },
8440
8090
  {
8441
8091
  type: "Control",
8442
- scope: "#/properties/btnSubmit",
8092
+ scope: "#/properties/path",
8443
8093
  options: {
8444
- widget: "Button"
8094
+ widget: "InputField"
8445
8095
  },
8446
8096
  config: {
8447
- layout: {
8448
- xs: 11,
8449
- sm: 11,
8450
- md: 2.5,
8451
- lg: 2.5
8452
- },
8097
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8453
8098
  main: {
8454
- name: "Save & Exit",
8455
- startIcon: "ApproveIcon",
8456
- variant: "contained",
8457
- color: "info",
8099
+ label: "Path",
8458
8100
  type: "text",
8459
- onClick: "saveHandler",
8460
- size: "small"
8461
- },
8462
- style: {
8463
- marginBottom: "8px",
8464
- float: "right"
8101
+ multiple: false,
8102
+ options: []
8465
8103
  }
8466
8104
  }
8467
8105
  },
8468
8106
  {
8469
8107
  type: "Control",
8470
- scope: "#/properties/notify",
8471
- options: {
8472
- widget: "Notify"
8473
- },
8474
- layout: 6
8475
- }
8476
- ]
8477
- };
8478
- const APISection = {
8479
- type: "HorizontalLayout",
8480
- elements: [
8481
- {
8482
- type: "Control",
8483
- scope: "#/properties/method",
8108
+ scope: "#/properties/emptyBox",
8484
8109
  options: {
8485
- widget: "SelectInputField"
8110
+ widget: "EmptyBox"
8486
8111
  },
8487
8112
  config: {
8488
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8489
- main: {
8490
- label: "Method",
8491
- type: "text"
8492
- }
8113
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8493
8114
  }
8494
8115
  },
8495
8116
  {
8496
8117
  type: "Control",
8497
- scope: "#/properties/path",
8118
+ scope: "#/properties/emptyBox",
8498
8119
  options: {
8499
- widget: "InputField"
8120
+ widget: "EmptyBox"
8500
8121
  },
8501
8122
  config: {
8502
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8503
- main: {
8504
- label: "Path",
8505
- type: "text",
8506
- multiple: false,
8507
- options: []
8508
- }
8123
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8509
8124
  }
8510
8125
  },
8511
8126
  {
@@ -8524,12 +8139,7 @@ const APISection = {
8524
8139
  widget: "InputField"
8525
8140
  },
8526
8141
  config: {
8527
- layout: {
8528
- xs: 11,
8529
- sm: 11,
8530
- md: 5.5,
8531
- lg: 5.5
8532
- },
8142
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8533
8143
  main: {
8534
8144
  label: "Key"
8535
8145
  }
@@ -8542,16 +8152,21 @@ const APISection = {
8542
8152
  widget: "InputField"
8543
8153
  },
8544
8154
  config: {
8545
- layout: {
8546
- xs: 11,
8547
- sm: 11,
8548
- md: 5.5,
8549
- lg: 5.5
8550
- },
8155
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8551
8156
  main: {
8552
8157
  label: "Value"
8553
8158
  }
8554
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
+ }
8555
8170
  }
8556
8171
  ]
8557
8172
  }
@@ -8573,12 +8188,7 @@ const APISection = {
8573
8188
  widget: "InputField"
8574
8189
  },
8575
8190
  config: {
8576
- layout: {
8577
- xs: 11,
8578
- sm: 11,
8579
- md: 5.5,
8580
- lg: 5.5
8581
- },
8191
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8582
8192
  main: {
8583
8193
  label: "Key"
8584
8194
  }
@@ -8591,16 +8201,21 @@ const APISection = {
8591
8201
  widget: "InputField"
8592
8202
  },
8593
8203
  config: {
8594
- layout: {
8595
- xs: 11,
8596
- sm: 11,
8597
- md: 5.5,
8598
- lg: 5.5
8599
- },
8204
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8600
8205
  main: {
8601
8206
  label: "Value"
8602
8207
  }
8603
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
+ }
8604
8219
  }
8605
8220
  ]
8606
8221
  }
@@ -8627,12 +8242,7 @@ const refreshSectionUiSchema = {
8627
8242
  widget: "InputField"
8628
8243
  },
8629
8244
  config: {
8630
- layout: {
8631
- xs: 11,
8632
- sm: 11,
8633
- md: 5.5,
8634
- lg: 5.5
8635
- },
8245
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8636
8246
  main: {
8637
8247
  label: "Value"
8638
8248
  }
@@ -8645,12 +8255,7 @@ const refreshSectionUiSchema = {
8645
8255
  widget: "EmptyBox"
8646
8256
  },
8647
8257
  config: {
8648
- layout: {
8649
- xs: 11,
8650
- sm: 11,
8651
- md: 5.5,
8652
- lg: 5.5
8653
- },
8258
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8654
8259
  main: {}
8655
8260
  }
8656
8261
  }
@@ -8670,21 +8275,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8670
8275
  this.refreshPage(formdata.Handler, store2);
8671
8276
  },
8672
8277
  refreshPage: (handlerType, store22) => {
8673
- const uiSchema = _.cloneDeep(EventUiSchema);
8278
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8674
8279
  const schema2 = _.cloneDeep(EventSchema);
8675
8280
  if (handlerType) {
8676
8281
  if (handlerType === "custom") {
8677
- 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);
8678
8283
  schema2.required = ["eventType", "Handler", "eventCode"];
8679
8284
  } else if (handlerType === "api") {
8680
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8285
+ uiSchema.elements[0].elements[0].elements[3] = APISection;
8681
8286
  schema2.required = ["eventType", "Handler", "method", "path"];
8682
8287
  } else if (handlerType === "inBuiltFunction") {
8683
- uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8684
- 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);
8685
8290
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8686
8291
  } else if (handlerType === "refresh") {
8687
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8292
+ uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8688
8293
  schema2.properties.refreshElements.required = ["value"];
8689
8294
  schema2.properties.refreshElements.items.required = ["value"];
8690
8295
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8694,8 +8299,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8694
8299
  store22.setUiSchema(uiSchema);
8695
8300
  },
8696
8301
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8697
- getUiSchema: function() {
8698
- return EventUiSchema;
8302
+ getUiSchema: async function() {
8303
+ return await EventUiSchema(store2.theme.myTheme);
8699
8304
  },
8700
8305
  getSchema: () => {
8701
8306
  return EventSchema;
@@ -8730,15 +8335,9 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8730
8335
  store2.setSearchParams(store2.searchParams);
8731
8336
  this.setPage();
8732
8337
  },
8733
- deleteEvent: async function() {
8734
- await Component(store2, dynamicData2, submitHandler, service2).deleteEvent;
8735
- store2.updateDialog("popUpEvent");
8736
- },
8338
+ deleteEvent: Component(store2, dynamicData2, submitHandler, service2).deleteEvent,
8737
8339
  backHandler: function() {
8738
8340
  store2.navigate(-1);
8739
- },
8740
- deletePopUpEvent: function() {
8741
- store2.updateDialog("popUpEvent");
8742
8341
  }
8743
8342
  };
8744
8343
  };
@@ -10006,8 +9605,10 @@ var WrapperSection = {
10006
9605
  };
10007
9606
  const buildWrapperSection = (config, componentScope) => {
10008
9607
  const wrapper = _.cloneDeep(WrapperSection);
9608
+ wrapper.scope = componentScope;
10009
9609
  wrapper.config.main.label = config.label;
10010
9610
  wrapper.config.main.divider = config.divider === "YES" ? true : false;
9611
+ wrapper.config.main.isAccordion = config.isAccordion === "YES" ? true : false;
10011
9612
  if (config.style) {
10012
9613
  wrapper.config.style = JSON.parse(config.style);
10013
9614
  }
@@ -10023,12 +9624,7 @@ var TextInputField = {
10023
9624
  widget: "InputField"
10024
9625
  },
10025
9626
  config: {
10026
- layout: {
10027
- xs: 11,
10028
- sm: 11,
10029
- md: 5.5,
10030
- lg: 5.5
10031
- },
9627
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10032
9628
  main: {
10033
9629
  label: ""
10034
9630
  },
@@ -10061,12 +9657,7 @@ var SelectInputField = {
10061
9657
  widget: "SelectInputField"
10062
9658
  },
10063
9659
  config: {
10064
- "layout": {
10065
- "xs": 11,
10066
- "sm": 11,
10067
- "md": 5.5,
10068
- "lg": 5.5
10069
- },
9660
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10070
9661
  main: {
10071
9662
  label: "",
10072
9663
  type: "text",
@@ -10476,12 +10067,7 @@ var DateInputField = {
10476
10067
  widget: "DateInputField"
10477
10068
  },
10478
10069
  config: {
10479
- layout: {
10480
- xs: 11,
10481
- sm: 11,
10482
- md: 5.5,
10483
- lg: 5.5
10484
- },
10070
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10485
10071
  main: {
10486
10072
  label: "",
10487
10073
  type: "date"
@@ -10598,7 +10184,7 @@ var MultipleSelect = {
10598
10184
  widget: "MultipleSelect"
10599
10185
  },
10600
10186
  config: {
10601
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10187
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10602
10188
  main: {
10603
10189
  label: "",
10604
10190
  type: "text",
@@ -10629,6 +10215,7 @@ const buildBasicUiSchema = (config) => {
10629
10215
  return {
10630
10216
  "type": "HorizontalLayout",
10631
10217
  pageName: `${config.name}`,
10218
+ heading: `${config.label != "undefined" ? config.label : config.name}`,
10632
10219
  "elements": []
10633
10220
  };
10634
10221
  };
@@ -10785,7 +10372,7 @@ var emptyBox = {
10785
10372
  widget: "EmptyBox"
10786
10373
  },
10787
10374
  config: {
10788
- layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
10375
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10789
10376
  main: {},
10790
10377
  style: {}
10791
10378
  }
@@ -11164,7 +10751,7 @@ const buildUiSchema = (config) => {
11164
10751
  elements = RunnerBoyProgressbar(config, componentScope);
11165
10752
  break;
11166
10753
  case "WrapperSection":
11167
- elements = buildWrapperSection(config);
10754
+ elements = buildWrapperSection(config, componentScope);
11168
10755
  break;
11169
10756
  case "Text":
11170
10757
  elements = buildTextField(config, componentScope);