impaktapps-ui-builder 0.0.412-mtreemap.4 → 0.0.412-mtreemap.41

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 (44) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1938 -1225
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +13 -13
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +1 -6
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +23 -5
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +71 -122
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/file.d.ts +6 -6
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +8 -5
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +25 -1
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  14. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +2 -1
  15. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  16. package/package.json +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +4 -4
  19. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  20. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/buildSchema.ts +0 -1
  22. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +1 -5
  23. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  24. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +48 -66
  25. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +2 -7
  26. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +43 -21
  27. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +34 -56
  28. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -12
  29. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +0 -117
  30. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +9 -5
  31. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +14 -0
  32. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +93 -137
  33. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +13 -13
  34. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -2
  35. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +355 -165
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +1 -1
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +533 -315
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +397 -264
  39. package/src/impaktapps-ui-builder/builder/services/component.ts +25 -7
  40. package/src/impaktapps-ui-builder/builder/services/event.ts +17 -7
  41. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +19 -3
  42. package/src/impaktapps-ui-builder/builder/services/utils.ts +0 -1
  43. package/src/impaktapps-ui-builder/runtime/services/events.ts +28 -34
  44. package/src/impaktapps-ui-builder/runtime/services/service.ts +111 -3
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -41,395 +41,602 @@ const PageMasterSchema = {
41
41
  }
42
42
  }
43
43
  },
44
- required: ["template", "name"]
44
+ required: ["template", "name", "label"]
45
45
  };
46
- const PageMasterUiSchema = {
47
- type: "HorizontalLayout",
48
- elements: [
49
- {
50
- type: "WrapperLayout",
51
- config: {
52
- main: {
53
- rowSpacing: 1,
54
- header: true
55
- },
56
- defaultStyle: true
57
- },
58
- elements: [
59
- {
60
- type: "Control",
61
- scope: "#/properties/pageMaster",
62
- options: {
63
- widget: "Box"
64
- },
65
- config: {
66
- layout: 8,
67
- main: {
68
- heading: "Page Master"
69
- }
46
+ const PageMasterUiSchema = (theme) => {
47
+ var _a;
48
+ const uiSchema = {
49
+ type: "HorizontalLayout",
50
+ heading: "Page Master",
51
+ elements: [
52
+ {
53
+ type: "WrapperLayout",
54
+ config: {
55
+ main: {},
56
+ wrapperStyle: {
57
+ marginLeft: theme.spacing(3),
58
+ backgroundColor: theme.palette.background.default
70
59
  }
71
60
  },
72
- {
73
- type: "Control",
74
- scope: "#/properties/Back_Button",
75
- options: {
76
- widget: "IconButton"
77
- },
78
- config: {
79
- layout: 3,
80
- main: {
81
- icon: "BackIcon",
82
- styleDefault: true,
83
- size: "small",
84
- onClick: "backHandler",
85
- tooltipMessage: "Back"
61
+ elements: [
62
+ {
63
+ type: "Control",
64
+ scope: "#/properties/name",
65
+ options: {
66
+ widget: "InputField"
86
67
  },
87
- style: {
88
- float: "right"
68
+ config: {
69
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
70
+ main: {
71
+ label: "Name",
72
+ options: [],
73
+ color: "secondary",
74
+ errorMessage: "Name should be start with 'page_'",
75
+ helperText: 'Name should be start with "page_"',
76
+ required: true
77
+ }
89
78
  }
90
- }
91
- }
92
- ]
93
- },
94
- {
95
- type: "WrapperLayout",
96
- config: {
97
- main: {
98
- label: "Page Template",
99
- divider: true
100
- },
101
- defaultStyle: true
102
- },
103
- elements: [
104
- {
105
- type: "Control",
106
- scope: "#/properties/name",
107
- options: {
108
- widget: "InputField"
109
79
  },
110
- config: {
111
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
112
- main: {
113
- label: "Name",
114
- options: [],
115
- color: "secondary",
116
- errorMessage: "Name should be start with 'page_'",
117
- helperText: 'Name should be start with "page_"',
118
- required: true
80
+ {
81
+ type: "Control",
82
+ scope: "#/properties/template",
83
+ options: {
84
+ widget: "SelectInputField"
85
+ },
86
+ config: {
87
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
88
+ main: {
89
+ label: "Template",
90
+ options: [
91
+ { const: "template1", title: "template1" },
92
+ { const: "template2", title: "template2" },
93
+ { const: "template3", title: "template3" }
94
+ ],
95
+ color: "secondary",
96
+ required: true
97
+ }
119
98
  }
120
- }
121
- },
122
- {
123
- type: "Control",
124
- scope: "#/properties/template",
125
- options: {
126
- widget: "SelectInputField"
127
99
  },
128
- config: {
129
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
130
- main: {
131
- label: "Template",
132
- options: [
133
- { const: "template1", title: "template1" },
134
- { const: "template2", title: "template2" },
135
- { const: "template3", title: "template3" }
136
- ],
137
- color: "secondary",
138
- required: true
100
+ {
101
+ type: "Control",
102
+ scope: "#/properties/label",
103
+ options: {
104
+ widget: "InputField"
105
+ },
106
+ config: {
107
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
108
+ main: {
109
+ label: "Label",
110
+ options: [],
111
+ color: "secondary",
112
+ required: true
113
+ }
139
114
  }
140
115
  }
141
- }
142
- ]
143
- },
144
- {
145
- type: "TabLayout",
146
- config: {
147
- main: {
148
- tabLabels: ["Components", "events"],
149
- divider: true
150
- },
151
- defaultStyle: true
116
+ ]
152
117
  },
153
- elements: [
154
- {
155
- type: "WrapperLayout",
156
- config: {
157
- main: {
158
- divider: true
159
- },
160
- wrapperStyle: {
161
- border: "1px solid gray"
162
- }
118
+ {
119
+ type: "TabLayout",
120
+ config: {
121
+ main: {
122
+ tabLabels: ["Components", "events"],
123
+ divider: true
163
124
  },
164
- elements: [
165
- {
166
- type: "Control",
167
- scope: "#/properties/heading",
168
- options: {
169
- widget: "Box"
170
- },
171
- config: {
172
- layout: 8,
173
- main: {
174
- heading: "Components Table"
125
+ defaultStyle: true
126
+ },
127
+ elements: [
128
+ {
129
+ type: "Control",
130
+ scope: "#/properties/elements",
131
+ options: {
132
+ widget: "Table"
133
+ },
134
+ config: {
135
+ main: {
136
+ headerIcons: {
137
+ elements: [
138
+ {
139
+ widget: {
140
+ type: "Control",
141
+ scope: "#/properties/New_Record",
142
+ options: {
143
+ widget: "IconButton"
144
+ },
145
+ config: {
146
+ main: {
147
+ onClick: "onAddClickHandler",
148
+ size: "small",
149
+ icon: "AddIcon",
150
+ iconLabel: "Add New",
151
+ styleDefault: true
152
+ },
153
+ style: {
154
+ mt: "6px"
155
+ }
156
+ }
157
+ }
158
+ }
159
+ ]
175
160
  },
176
- style: {
177
- fontFamily: "Roboto",
178
- fontWeight: "500",
179
- paddingLeft: "-10px",
180
- fontSize: "20px"
181
- }
161
+ disableAction: true,
162
+ disableSelection: true,
163
+ enableDrag: true
182
164
  }
183
165
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/AddButton",
187
- options: {
188
- widget: "IconButton"
166
+ elements: [
167
+ {
168
+ accessorKey: "name",
169
+ header: "Name"
189
170
  },
190
- config: {
191
- layout: 3,
192
- main: {
193
- icon: "AddIcon",
194
- styleDefault: true,
195
- size: "small",
196
- onClick: "onAddClickHandler",
197
- tooltipMessage: "Add New"
198
- },
199
- style: {
200
- float: "right"
171
+ {
172
+ accessorKey: "type",
173
+ header: "Type"
174
+ },
175
+ {
176
+ header: "Edit",
177
+ field: "Reject_Records",
178
+ flex: 1,
179
+ widget: {
180
+ type: "Control",
181
+ scope: "#/properties/RejectButton",
182
+ options: {
183
+ widget: "IconButton"
184
+ },
185
+ config: {
186
+ main: {
187
+ icon: "EditIcon",
188
+ color: "primary",
189
+ onClick: "Edit_Components",
190
+ tooltipMessage: "Edit This Record"
191
+ },
192
+ style: {
193
+ color: theme.palette.primary.main
194
+ }
195
+ }
196
+ }
197
+ },
198
+ {
199
+ header: "Delete",
200
+ field: "Reject_Records",
201
+ flex: 1,
202
+ widget: {
203
+ type: "Control",
204
+ scope: "#/properties/RejectButton",
205
+ options: {
206
+ widget: "IconButton"
207
+ },
208
+ config: {
209
+ main: {
210
+ icon: "RejectIcon",
211
+ color: "error",
212
+ onClick: "deletePopUpComponent",
213
+ tooltipMessage: "Reject This Record"
214
+ }
215
+ }
201
216
  }
202
217
  }
218
+ ]
219
+ },
220
+ {
221
+ type: "Control",
222
+ scope: "#/properties/events",
223
+ options: {
224
+ widget: "Table"
203
225
  },
204
- {
205
- type: "Control",
206
- scope: "#/properties/elements",
207
- options: {
208
- widget: "Table"
226
+ config: {
227
+ main: {
228
+ headerIcons: {
229
+ elements: [
230
+ {
231
+ widget: {
232
+ type: "Control",
233
+ scope: "#/properties/New_Record",
234
+ options: {
235
+ widget: "IconButton"
236
+ },
237
+ config: {
238
+ main: {
239
+ onClick: "eventAddHandler",
240
+ size: "small",
241
+ icon: "AddIcon",
242
+ iconLabel: "Add New",
243
+ styleDefault: true
244
+ },
245
+ style: {
246
+ mt: "6px"
247
+ }
248
+ }
249
+ }
250
+ }
251
+ ]
252
+ },
253
+ disableAction: true,
254
+ disableSelection: true,
255
+ enableDrag: true
256
+ }
257
+ },
258
+ elements: [
259
+ {
260
+ accessorKey: "eventType",
261
+ header: "Event Type"
209
262
  },
210
- config: {
211
- main: {
212
- disableAction: true,
213
- disableSelection: true,
214
- enableDrag: true
215
- }
263
+ {
264
+ accessorKey: "Handler",
265
+ header: "Handler"
216
266
  },
217
- elements: [
218
- {
219
- accessorKey: "name",
220
- header: "Name"
221
- },
222
- {
223
- accessorKey: "type",
224
- header: "Type"
225
- },
226
- {
227
- header: "Edit",
228
- field: "Reject_Records",
229
- flex: 1,
230
- widget: {
231
- type: "Control",
232
- scope: "#/properties/RejectButton",
233
- options: {
234
- widget: "IconButton"
267
+ {
268
+ accessorKey: "Edit_Approve_Records",
269
+ header: "Edit Widget",
270
+ widget: {
271
+ type: "Control",
272
+ scope: "#/properties/Edit_Records",
273
+ options: {
274
+ widget: "IconButton"
275
+ },
276
+ config: {
277
+ main: {
278
+ color: "info",
279
+ size: "small",
280
+ icon: "EditIcon",
281
+ tooltipMessage: "Edit This Record",
282
+ onClick: "editEvent"
235
283
  },
236
- config: {
237
- main: {
238
- icon: "EditIcon",
239
- color: "primary",
240
- onClick: "Edit_Components",
241
- tooltipMessage: "Edit This Record"
242
- }
284
+ style: {
285
+ color: theme.palette.primary.main
243
286
  }
244
287
  }
245
- },
246
- {
247
- header: "Delete",
248
- field: "Reject_Records",
249
- flex: 1,
250
- widget: {
251
- type: "Control",
252
- scope: "#/properties/RejectButton",
253
- options: {
254
- widget: "IconButton"
255
- },
256
- config: {
257
- main: {
258
- icon: "RejectIcon",
259
- color: "error",
260
- onClick: "Delete_Components",
261
- tooltipMessage: "Reject This Record"
262
- }
288
+ }
289
+ },
290
+ {
291
+ accessorKey: "Reject_Records",
292
+ header: "Delete",
293
+ widget: {
294
+ type: "Control",
295
+ scope: "#/properties/RejectButton",
296
+ options: {
297
+ widget: "IconButton"
298
+ },
299
+ config: {
300
+ main: {
301
+ icon: "RejectIcon",
302
+ color: "error",
303
+ tooltipMessage: "Reject This Record",
304
+ onClick: "deletePopUpEvent"
263
305
  }
264
306
  }
265
307
  }
266
- ]
308
+ }
309
+ ]
310
+ }
311
+ ]
312
+ },
313
+ {
314
+ type: "Control",
315
+ scope: "#/properties/btn",
316
+ options: {
317
+ widget: "EmptyBox"
318
+ },
319
+ config: {
320
+ layout: { xs: 0, sm: 8, md: 8, lg: 8 }
321
+ }
322
+ },
323
+ {
324
+ type: "Control",
325
+ scope: "#/properties/btn",
326
+ options: {
327
+ widget: "Button"
328
+ },
329
+ config: {
330
+ layout: 11.9,
331
+ main: {
332
+ name: "Save",
333
+ startIcon: "ApproveIcon",
334
+ variant: "contained",
335
+ type: "text",
336
+ onClick: "saveHandler",
337
+ size: "medium"
338
+ },
339
+ style: {
340
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
341
+ float: "right"
342
+ }
343
+ }
344
+ },
345
+ {
346
+ type: "Control",
347
+ scope: "#/properties/popUpPageMasterComponent",
348
+ options: {
349
+ widget: "PopUp"
350
+ },
351
+ config: {
352
+ layout: {
353
+ xs: 12,
354
+ sm: 12,
355
+ md: 6,
356
+ lg: 6
357
+ },
358
+ main: {},
359
+ style: {
360
+ "& .MuiPaper-root": {
361
+ width: "30%"
362
+ },
363
+ "& .MuiTypography-root": {
364
+ padding: 0
267
365
  }
268
- ]
366
+ }
269
367
  },
270
- {
271
- type: "WrapperLayout",
272
- config: {
273
- main: {
274
- divider: true
368
+ elements: [
369
+ {
370
+ type: "Control",
371
+ scope: "#/properties/label",
372
+ options: {
373
+ widget: "Box"
275
374
  },
276
- wrapperStyle: {
277
- border: "1px solid gray"
375
+ config: {
376
+ layout: 12,
377
+ main: {
378
+ heading: "Are you sure you want to delete ?"
379
+ },
380
+ style: {
381
+ marginTop: "-40px"
382
+ }
278
383
  }
279
384
  },
280
- elements: [
281
- {
282
- type: "Control",
283
- scope: "#/properties/heading",
284
- options: {
285
- widget: "Box"
385
+ {
386
+ type: "Control",
387
+ scope: "#/properties/EmptyBox",
388
+ options: {
389
+ widget: "EmptyBox"
390
+ },
391
+ config: {
392
+ main: {},
393
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
394
+ }
395
+ },
396
+ {
397
+ type: "Control",
398
+ scope: "#/properties/ConfirmDeleteCompButton",
399
+ options: {
400
+ widget: "Button"
401
+ },
402
+ config: {
403
+ layout: 3,
404
+ main: {
405
+ name: "Yes",
406
+ startIcon: "ApproveIcon",
407
+ variant: "contained",
408
+ color: "info",
409
+ type: "text",
410
+ onClick: "Delete_Components",
411
+ size: "small"
412
+ }
413
+ }
414
+ },
415
+ {
416
+ type: "Control",
417
+ scope: "#/properties/CancelDeleteCompButton",
418
+ options: {
419
+ widget: "Button"
420
+ },
421
+ config: {
422
+ layout: 3,
423
+ main: {
424
+ name: "No",
425
+ startIcon: "ApproveIcon",
426
+ variant: "contained",
427
+ color: "info",
428
+ type: "text",
429
+ onClick: "deletePopUpComponent",
430
+ size: "small"
431
+ }
432
+ }
433
+ }
434
+ ]
435
+ },
436
+ {
437
+ type: "Control",
438
+ scope: "#/properties/popUpPageMasterEvent",
439
+ options: {
440
+ widget: "PopUp"
441
+ },
442
+ config: {
443
+ layout: {
444
+ xs: 12,
445
+ sm: 12,
446
+ md: 6,
447
+ lg: 6
448
+ },
449
+ main: {},
450
+ style: {
451
+ "& .MuiPaper-root": {
452
+ width: "30%"
453
+ },
454
+ "& .MuiTypography-root": {
455
+ padding: 0
456
+ }
457
+ }
458
+ },
459
+ elements: [
460
+ {
461
+ type: "Control",
462
+ scope: "#/properties/label",
463
+ options: {
464
+ widget: "Box"
465
+ },
466
+ config: {
467
+ layout: 12,
468
+ main: {
469
+ heading: "Are you sure you want to delete ?"
286
470
  },
287
- config: {
288
- layout: 8,
289
- main: {
290
- heading: "Event Table"
291
- },
292
- style: {
293
- fontFamily: "Roboto",
294
- fontWeight: "500",
295
- paddingLeft: "-10px",
296
- fontSize: "20px"
297
- }
471
+ style: {
472
+ marginTop: "-40px"
298
473
  }
474
+ }
475
+ },
476
+ {
477
+ type: "Control",
478
+ scope: "#/properties/EmptyBox",
479
+ options: {
480
+ widget: "EmptyBox"
299
481
  },
300
- {
301
- type: "Control",
302
- scope: "#/properties/AddButton",
303
- options: {
304
- widget: "IconButton"
482
+ config: {
483
+ main: {},
484
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
485
+ }
486
+ },
487
+ {
488
+ type: "Control",
489
+ scope: "#/properties/ConfirmDeleteEventButton",
490
+ options: {
491
+ widget: "Button"
492
+ },
493
+ config: {
494
+ layout: 3,
495
+ main: {
496
+ name: "Yes",
497
+ startIcon: "ApproveIcon",
498
+ variant: "contained",
499
+ color: "info",
500
+ type: "text",
501
+ onClick: "deleteEvent",
502
+ size: "small"
503
+ }
504
+ }
505
+ },
506
+ {
507
+ type: "Control",
508
+ scope: "#/properties/CancelDeleteEventButton",
509
+ options: {
510
+ widget: "Button"
511
+ },
512
+ config: {
513
+ layout: 3,
514
+ main: {
515
+ name: "No",
516
+ startIcon: "ApproveIcon",
517
+ variant: "contained",
518
+ color: "info",
519
+ type: "text",
520
+ onClick: "deletePopUpEvent",
521
+ size: "small"
522
+ }
523
+ }
524
+ }
525
+ ]
526
+ },
527
+ {
528
+ type: "Control",
529
+ scope: "#/properties/notify",
530
+ options: {
531
+ widget: "Notify"
532
+ },
533
+ layout: 6
534
+ },
535
+ {
536
+ type: "HorizontalLayout",
537
+ config: {
538
+ main: {
539
+ direction: "row"
540
+ },
541
+ style: {
542
+ flexDirection: "row",
543
+ position: "absolute",
544
+ bottom: 0,
545
+ marginBottom: "-8px",
546
+ height: "fit-content",
547
+ overflow: "hidden",
548
+ zIndex: 1e3,
549
+ width: "inherit"
550
+ }
551
+ },
552
+ elements: [
553
+ {
554
+ type: "Control",
555
+ scope: "#/properties/FooterText",
556
+ options: {
557
+ widget: "Box"
558
+ },
559
+ config: {
560
+ main: {
561
+ heading: "Copywriter@ACT21.IO"
305
562
  },
306
- config: {
307
- layout: 3,
308
- main: {
309
- icon: "AddIcon",
310
- styleDefault: true,
311
- size: "small",
312
- onClick: "eventAddHandler",
313
- tooltipMessage: "Back"
314
- },
315
- style: {
316
- float: "right"
317
- }
563
+ style: {
564
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
565
+ fontSize: "12px",
566
+ textAlign: "center",
567
+ lineHeight: 1,
568
+ width: "fit-content",
569
+ left: "50%",
570
+ position: "relative",
571
+ margin: 0,
572
+ flexGrow: 1,
573
+ height: 0
318
574
  }
575
+ }
576
+ },
577
+ {
578
+ type: "Control",
579
+ scope: "#/properties/backIcon",
580
+ options: {
581
+ widget: "Box"
319
582
  },
320
- {
321
- type: "Control",
322
- scope: "#/properties/events",
323
- options: {
324
- widget: "Table"
583
+ config: {
584
+ main: {
585
+ iconName: "PrevIcon",
586
+ onClick: "backHandler",
587
+ width: "fit-content"
325
588
  },
326
- config: {
327
- main: {
328
- disableAction: true,
329
- disableSelection: true,
330
- enableDrag: true
589
+ style: {
590
+ fill: theme.palette.primary.main,
591
+ width: 20,
592
+ height: 0,
593
+ margin: 0,
594
+ top: 0,
595
+ right: "82px",
596
+ position: "absolute",
597
+ fontSize: "12px",
598
+ cursor: "pointer",
599
+ ":hover": {
600
+ fill: theme.palette.primary.dark
331
601
  }
602
+ }
603
+ }
604
+ },
605
+ {
606
+ type: "Control",
607
+ scope: "#/properties/text",
608
+ options: {
609
+ widget: "Box"
610
+ },
611
+ config: {
612
+ main: {
613
+ heading: "Previous Page",
614
+ onClick: "backHandler"
332
615
  },
333
- elements: [
334
- {
335
- accessorKey: "eventType",
336
- header: "Event Type"
337
- },
338
- {
339
- accessorKey: "Handler",
340
- header: "Handler"
341
- },
342
- {
343
- accessorKey: "Edit_Approve_Records",
344
- header: "Edit Widget",
345
- widget: {
346
- type: "Control",
347
- scope: "#/properties/Edit_Records",
348
- options: {
349
- widget: "IconButton"
350
- },
351
- config: {
352
- main: {
353
- color: "info",
354
- size: "small",
355
- icon: "EditIcon",
356
- tooltipMessage: "Edit This Record",
357
- onClick: "editEvent"
358
- },
359
- style: {
360
- color: "#3949ab"
361
- }
362
- }
363
- }
364
- },
365
- {
366
- accessorKey: "Reject_Records",
367
- header: "Delete",
368
- widget: {
369
- type: "Control",
370
- scope: "#/properties/RejectButton",
371
- options: {
372
- widget: "IconButton"
373
- },
374
- config: {
375
- main: {
376
- icon: "RejectIcon",
377
- color: "error",
378
- tooltipMessage: "Reject This Record",
379
- onClick: "deleteEvent"
380
- }
381
- }
382
- }
616
+ style: {
617
+ textAlign: "left",
618
+ lineHeight: 1,
619
+ height: 0,
620
+ width: "fit-content",
621
+ color: theme.palette.primary.main,
622
+ fontSize: "12px",
623
+ cursor: "pointer",
624
+ marginLeft: "2px",
625
+ marginRight: 0,
626
+ top: 3,
627
+ right: "12px",
628
+ position: "absolute",
629
+ ":hover": {
630
+ color: theme.palette.primary.dark
383
631
  }
384
- ]
632
+ }
385
633
  }
386
- ]
387
- }
388
- ]
389
- },
390
- {
391
- type: "Control",
392
- scope: "#/properties/btn",
393
- options: {
394
- widget: "EmptyBox"
395
- },
396
- config: {
397
- layout: { xs: 0, sm: 0, md: 8, lg: 7 }
398
- }
399
- },
400
- {
401
- type: "Control",
402
- scope: "#/properties/btn",
403
- options: {
404
- widget: "Button"
405
- },
406
- config: {
407
- layout: 11.7,
408
- main: {
409
- name: "Save",
410
- startIcon: "ApproveIcon",
411
- variant: "contained",
412
- color: "info",
413
- type: "text",
414
- onClick: "saveHandler",
415
- size: "small"
416
- },
417
- style: {
418
- marginBottom: "8px",
419
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
420
- float: "right"
421
- }
634
+ }
635
+ ]
422
636
  }
423
- },
424
- {
425
- type: "Control",
426
- scope: "#/properties/notify",
427
- options: {
428
- widget: "Notify"
429
- },
430
- layout: 6
431
- }
432
- ]
637
+ ]
638
+ };
639
+ return uiSchema;
433
640
  };
434
641
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
435
642
  var lodash = { exports: {} };
@@ -5908,9 +6115,7 @@ const ComponentSchema = {
5908
6115
  { title: "Table", const: "Table" },
5909
6116
  { title: "Tabs", const: "TabSection" },
5910
6117
  { title: "Text", const: "Text" },
5911
- { title: "Text Area", const: "TextArea" },
5912
- { title: "Timer", const: "Timer" },
5913
- { title: "Upload File", const: "UploadFile" },
6118
+ { title: "Text Area", const: "TextArea" },
5914
6119
  { title: "Timer", const: "Timer" },
5915
6120
  { title: "Upload File", const: "UploadFile" },
5916
6121
  { title: "TreeMap", const: "TreeMap" },
@@ -6176,303 +6381,534 @@ const ComponentSchema = {
6176
6381
  },
6177
6382
  required: ["name"]
6178
6383
  };
6179
- const componentBasicUiSchema = {
6180
- type: "HorizontalLayout",
6181
- elements: [
6182
- {
6183
- type: "WrapperLayout",
6184
- config: {
6185
- main: {
6186
- rowSpacing: 1,
6187
- header: true
6188
- },
6189
- defaultStyle: true
6190
- },
6191
- elements: [
6192
- {
6193
- type: "Control",
6194
- scope: "#/properties/Component",
6195
- options: {
6196
- widget: "Box"
6197
- },
6198
- config: {
6199
- layout: { xs: 12, sm: 12, md: 2 },
6200
- main: {
6201
- heading: "Component"
6202
- },
6203
- style: {
6204
- "float": "left"
6205
- }
6206
- }
6207
- },
6208
- {
6209
- type: "Control",
6210
- scope: "#/properties/pageName",
6211
- options: {
6212
- widget: "Box"
6213
- },
6214
- config: {
6215
- layout: { xs: 7, sm: 7, md: 9 },
6216
- main: {
6217
- heading: " "
6218
- },
6219
- style: {
6220
- float: "right",
6221
- width: "auto",
6222
- fontSize: "12px",
6223
- color: "gray",
6224
- paddingTop: "10px"
6225
- }
6226
- }
6384
+ const componentBasicUiSchema = (theme) => {
6385
+ var _a;
6386
+ const uiSchema = {
6387
+ type: "HorizontalLayout",
6388
+ heading: "Component",
6389
+ elements: [
6390
+ {
6391
+ type: "Control",
6392
+ scope: "#/properties/pageName",
6393
+ options: {
6394
+ widget: "Box"
6227
6395
  },
6228
- {
6229
- type: "Control",
6230
- scope: "#/properties/Back_Button",
6231
- options: {
6232
- widget: "IconButton"
6396
+ config: {
6397
+ layout: 12,
6398
+ main: {
6399
+ heading: " "
6233
6400
  },
6234
- config: {
6235
- layout: { xs: 2, sm: 2, md: 0.5 },
6236
- main: {
6237
- icon: "BackIcon",
6238
- styleDefault: true,
6239
- size: "small",
6240
- onClick: "backHandler",
6241
- tooltipMessage: "Back"
6242
- },
6243
- style: {
6244
- float: "right"
6245
- }
6401
+ style: {
6402
+ marginLeft: theme.spacing(3),
6403
+ width: "auto",
6404
+ fontSize: "12px",
6405
+ color: "gray"
6246
6406
  }
6247
6407
  }
6248
- ]
6249
- },
6250
- {
6251
- type: "TabLayout",
6252
- config: {
6253
- main: {
6254
- tabLabels: ["Core"],
6255
- defaultStyle: true,
6256
- id: `component`
6257
- }
6258
6408
  },
6259
- elements: [
6260
- {
6261
- type: "HorizontalLayout",
6262
- elements: [
6263
- {
6264
- type: "Control",
6265
- scope: "#/properties/type",
6266
- options: {
6267
- widget: "SelectInputField"
6409
+ {
6410
+ type: "TabLayout",
6411
+ config: {
6412
+ main: {
6413
+ tabLabels: ["Core"],
6414
+ defaultStyle: true,
6415
+ id: `component`
6416
+ }
6417
+ },
6418
+ elements: [
6419
+ {
6420
+ type: "HorizontalLayout",
6421
+ elements: [
6422
+ {
6423
+ type: "Control",
6424
+ scope: "#/properties/type",
6425
+ options: {
6426
+ widget: "SelectInputField"
6427
+ },
6428
+ config: {
6429
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6430
+ main: {
6431
+ label: "Type"
6432
+ }
6433
+ }
6268
6434
  },
6269
- config: {
6270
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6271
- main: {
6272
- label: "Type"
6435
+ {
6436
+ type: "Control",
6437
+ scope: "#/properties/name",
6438
+ options: {
6439
+ widget: "InputField"
6440
+ },
6441
+ config: {
6442
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6443
+ main: {
6444
+ label: "Name",
6445
+ options: [],
6446
+ color: "secondary",
6447
+ required: true
6448
+ }
6273
6449
  }
6274
- }
6275
- },
6276
- {
6277
- type: "Control",
6278
- scope: "#/properties/name",
6279
- options: {
6280
- widget: "InputField"
6281
6450
  },
6282
- config: {
6283
- layout: {
6284
- xs: 12,
6285
- sm: 12,
6286
- md: 6,
6287
- lg: 6
6451
+ {
6452
+ type: "Control",
6453
+ scope: "#/properties/label",
6454
+ options: {
6455
+ widget: "InputField"
6288
6456
  },
6289
- main: {
6290
- label: "Name",
6291
- options: [],
6292
- color: "secondary",
6293
- required: true
6457
+ config: {
6458
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6459
+ main: {
6460
+ label: "Label",
6461
+ options: [],
6462
+ color: "secondary",
6463
+ required: true
6464
+ }
6294
6465
  }
6295
- }
6296
- },
6297
- {
6298
- type: "Control",
6299
- scope: "#/properties/label",
6300
- options: {
6301
- widget: "InputField"
6302
6466
  },
6303
- config: {
6304
- layout: {
6305
- xs: 12,
6306
- sm: 12,
6307
- md: 6,
6308
- lg: 6
6467
+ {
6468
+ type: "Control",
6469
+ scope: "#/properties/columnFormat",
6470
+ options: {
6471
+ widget: "SelectInputField"
6309
6472
  },
6310
- main: {
6311
- label: "Label",
6312
- options: [],
6313
- color: "secondary",
6314
- required: true
6473
+ config: {
6474
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6475
+ main: {
6476
+ label: "Column Format"
6477
+ }
6315
6478
  }
6316
- }
6317
- },
6318
- {
6319
- type: "Control",
6320
- scope: "#/properties/columnFormat",
6321
- options: {
6322
- widget: "SelectInputField"
6323
6479
  },
6324
- config: {
6325
- layout: {
6326
- xs: 12,
6327
- sm: 12,
6328
- md: 6,
6329
- lg: 6
6480
+ {
6481
+ type: "Control",
6482
+ scope: "#/properties/proc",
6483
+ config: {
6484
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6330
6485
  },
6331
- main: {
6332
- label: "Column Format"
6486
+ options: {
6487
+ widget: "EmptyBox"
6333
6488
  }
6334
- }
6335
- },
6336
- {
6337
- type: "Control",
6338
- scope: "#/properties/proc",
6339
- config: {
6340
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6341
6489
  },
6342
- options: {
6343
- widget: "EmptyBox"
6344
- }
6345
- },
6346
- {
6347
- type: "Control",
6348
- scope: "#/properties/layout",
6349
- layout: 11.5,
6350
- options: {
6351
- detail: {
6352
- type: "HorizontalLayout",
6353
- elements: [
6354
- {
6355
- type: "Control",
6356
- scope: "#/properties/key",
6357
- options: {
6358
- widget: "SelectInputField"
6490
+ {
6491
+ type: "Control",
6492
+ scope: "#/properties/proc",
6493
+ config: {
6494
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6495
+ },
6496
+ options: {
6497
+ widget: "EmptyBox"
6498
+ }
6499
+ },
6500
+ {
6501
+ type: "Control",
6502
+ scope: "#/properties/layout",
6503
+ layout: 12,
6504
+ options: {
6505
+ detail: {
6506
+ type: "HorizontalLayout",
6507
+ elements: [
6508
+ {
6509
+ type: "Control",
6510
+ scope: "#/properties/key",
6511
+ options: {
6512
+ widget: "SelectInputField"
6513
+ },
6514
+ config: {
6515
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6516
+ main: {
6517
+ label: "Screen Size"
6518
+ }
6519
+ }
6359
6520
  },
6360
- config: {
6361
- layout: {
6362
- xs: 11,
6363
- sm: 11,
6364
- md: 5.5,
6365
- lg: 5.5
6521
+ {
6522
+ type: "Control",
6523
+ scope: "#/properties/value",
6524
+ options: {
6525
+ widget: "InputField"
6366
6526
  },
6367
- main: {
6368
- label: "Screen Size"
6527
+ config: {
6528
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6529
+ main: {
6530
+ label: "Value",
6531
+ type: "number",
6532
+ helperText: "Number should be in range of 0 to 12",
6533
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6534
+ }
6369
6535
  }
6370
- }
6371
- },
6372
- {
6373
- type: "Control",
6374
- scope: "#/properties/value",
6375
- options: {
6376
- widget: "InputField"
6377
6536
  },
6378
- config: {
6379
- layout: {
6380
- xs: 11,
6381
- sm: 11,
6382
- md: 5.5,
6383
- lg: 5.5
6537
+ {
6538
+ type: "Control",
6539
+ scope: "#/properties/proc",
6540
+ config: {
6541
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6384
6542
  },
6385
- main: {
6386
- label: "Value",
6387
- type: "number",
6388
- helperText: "Number should be in range of 0 to 12",
6389
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6543
+ options: {
6544
+ widget: "EmptyBox"
6390
6545
  }
6391
6546
  }
6392
- }
6393
- ]
6547
+ ]
6548
+ }
6394
6549
  }
6395
6550
  }
6551
+ ]
6552
+ }
6553
+ ]
6554
+ },
6555
+ {
6556
+ type: "Control",
6557
+ scope: "#/properties/popUpComponentSection",
6558
+ options: {
6559
+ widget: "PopUp"
6560
+ },
6561
+ config: {
6562
+ layout: {
6563
+ xs: 12,
6564
+ sm: 12,
6565
+ md: 12,
6566
+ lg: 12
6567
+ },
6568
+ main: {},
6569
+ style: {
6570
+ "& .MuiPaper-root": {
6571
+ width: "30%"
6572
+ },
6573
+ "& .MuiTypography-root": {
6574
+ padding: 0
6396
6575
  }
6397
- ]
6576
+ }
6577
+ },
6578
+ elements: [
6579
+ {
6580
+ type: "Control",
6581
+ scope: "#/properties/label",
6582
+ options: {
6583
+ widget: "Box"
6584
+ },
6585
+ config: {
6586
+ layout: 12,
6587
+ main: {
6588
+ heading: "Are you sure you want to delete ?"
6589
+ },
6590
+ style: {
6591
+ marginTop: "-40px"
6592
+ }
6593
+ }
6594
+ },
6595
+ {
6596
+ type: "Control",
6597
+ scope: "#/properties/EmptyBox",
6598
+ options: {
6599
+ widget: "EmptyBox"
6600
+ },
6601
+ config: {
6602
+ main: {},
6603
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
6604
+ }
6605
+ },
6606
+ {
6607
+ type: "Control",
6608
+ scope: "#/properties/ConfirmDeleteCompButton",
6609
+ options: {
6610
+ widget: "Button"
6611
+ },
6612
+ config: {
6613
+ layout: 3,
6614
+ main: {
6615
+ name: "Yes",
6616
+ startIcon: "ApproveIcon",
6617
+ variant: "contained",
6618
+ color: "info",
6619
+ type: "text",
6620
+ onClick: "deleteComponents",
6621
+ size: "small"
6622
+ }
6623
+ }
6624
+ },
6625
+ {
6626
+ type: "Control",
6627
+ scope: "#/properties/CancelDeleteCompButton",
6628
+ options: {
6629
+ widget: "Button"
6630
+ },
6631
+ config: {
6632
+ layout: 3,
6633
+ main: {
6634
+ name: "No",
6635
+ startIcon: "ApproveIcon",
6636
+ variant: "contained",
6637
+ color: "info",
6638
+ type: "text",
6639
+ onClick: "deletePopUpComponent",
6640
+ size: "small"
6641
+ }
6642
+ }
6643
+ }
6644
+ ]
6645
+ },
6646
+ {
6647
+ type: "Control",
6648
+ scope: "#/properties/popUpEventSection",
6649
+ options: {
6650
+ widget: "PopUp"
6651
+ },
6652
+ config: {
6653
+ layout: {
6654
+ xs: 12,
6655
+ sm: 12,
6656
+ md: 12,
6657
+ lg: 12
6658
+ },
6659
+ main: {},
6660
+ style: {
6661
+ "& .MuiPaper-root": {
6662
+ width: "30%"
6663
+ },
6664
+ "& .MuiTypography-root": {
6665
+ padding: 0
6666
+ }
6667
+ }
6668
+ },
6669
+ elements: [
6670
+ {
6671
+ type: "Control",
6672
+ scope: "#/properties/label",
6673
+ options: {
6674
+ widget: "Box"
6675
+ },
6676
+ config: {
6677
+ layout: 12,
6678
+ main: {
6679
+ heading: "Are you sure you want to delete ?"
6680
+ },
6681
+ style: {
6682
+ marginTop: "-40px"
6683
+ }
6684
+ }
6685
+ },
6686
+ {
6687
+ type: "Control",
6688
+ scope: "#/properties/EmptyBox",
6689
+ options: {
6690
+ widget: "EmptyBox"
6691
+ },
6692
+ config: {
6693
+ main: {},
6694
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
6695
+ }
6696
+ },
6697
+ {
6698
+ type: "Control",
6699
+ scope: "#/properties/ConfirmDeleteEventButton",
6700
+ options: {
6701
+ widget: "Button"
6702
+ },
6703
+ config: {
6704
+ layout: 3,
6705
+ main: {
6706
+ name: "Yes",
6707
+ startIcon: "ApproveIcon",
6708
+ variant: "contained",
6709
+ color: "info",
6710
+ type: "text",
6711
+ onClick: "deleteEvent",
6712
+ size: "small"
6713
+ }
6714
+ }
6715
+ },
6716
+ {
6717
+ type: "Control",
6718
+ scope: "#/properties/CancelDeleteEventButton",
6719
+ options: {
6720
+ widget: "Button"
6721
+ },
6722
+ config: {
6723
+ layout: 3,
6724
+ main: {
6725
+ name: "No",
6726
+ startIcon: "ApproveIcon",
6727
+ variant: "contained",
6728
+ color: "info",
6729
+ type: "text",
6730
+ onClick: "deletePopUpEvent",
6731
+ size: "small"
6732
+ }
6733
+ }
6734
+ }
6735
+ ]
6736
+ },
6737
+ {
6738
+ type: "Control",
6739
+ scope: "#/properties/EmptyBox",
6740
+ options: {
6741
+ widget: "EmptyBox"
6742
+ },
6743
+ config: {
6744
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6398
6745
  }
6399
- ]
6400
- },
6401
- {
6402
- type: "Control",
6403
- scope: "#/properties/proc",
6404
- config: {
6405
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6406
6746
  },
6407
- options: {
6408
- widget: "EmptyBox"
6409
- }
6410
- },
6411
- {
6412
- type: "Control",
6413
- scope: "#/properties/btn",
6414
- options: {
6415
- widget: "Button"
6747
+ {
6748
+ type: "Control",
6749
+ scope: "#/properties/EmptyBox",
6750
+ options: {
6751
+ widget: "EmptyBox"
6752
+ },
6753
+ config: {
6754
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6755
+ }
6416
6756
  },
6417
- config: {
6418
- layout: {
6419
- xs: 11,
6420
- sm: 11,
6421
- md: 2.5,
6422
- lg: 2.5
6757
+ {
6758
+ type: "Control",
6759
+ scope: "#/properties/btn",
6760
+ options: {
6761
+ widget: "Button"
6423
6762
  },
6424
- main: {
6425
- name: "Ok",
6426
- startIcon: "ApproveIcon",
6427
- variant: "contained",
6428
- color: "info",
6429
- type: "text",
6430
- onClick: "okHandler",
6431
- size: "small"
6763
+ config: {
6764
+ layout: 1.8,
6765
+ main: {
6766
+ name: "Ok",
6767
+ startIcon: "ApproveIcon",
6768
+ variant: "contained",
6769
+ type: "text",
6770
+ onClick: "okHandler",
6771
+ size: "medium"
6772
+ },
6773
+ style: {
6774
+ float: "right"
6775
+ }
6776
+ }
6777
+ },
6778
+ {
6779
+ type: "Control",
6780
+ scope: "#/properties/btnSubmit",
6781
+ options: {
6782
+ widget: "Button"
6432
6783
  },
6433
- style: {
6434
- marginBottom: "8px",
6435
- float: "right"
6784
+ config: {
6785
+ layout: 1.8,
6786
+ main: {
6787
+ name: "Save & Exit",
6788
+ startIcon: "ApproveIcon",
6789
+ variant: "contained",
6790
+ type: "text",
6791
+ onClick: "saveHandler",
6792
+ size: "medium"
6793
+ },
6794
+ style: {
6795
+ float: "right"
6796
+ }
6436
6797
  }
6437
- }
6438
- },
6439
- {
6440
- type: "Control",
6441
- scope: "#/properties/btnSubmit",
6442
- options: {
6443
- widget: "Button"
6444
6798
  },
6445
- config: {
6446
- layout: {
6447
- xs: 11,
6448
- sm: 11,
6449
- md: 2.5,
6450
- lg: 2.5
6799
+ {
6800
+ type: "Control",
6801
+ scope: "#/properties/notify",
6802
+ options: {
6803
+ widget: "Notify"
6451
6804
  },
6452
- main: {
6453
- name: "Save & Exit",
6454
- startIcon: "ApproveIcon",
6455
- variant: "contained",
6456
- color: "info",
6457
- type: "text",
6458
- onClick: "saveHandler",
6459
- size: "small"
6805
+ layout: 6
6806
+ },
6807
+ {
6808
+ type: "HorizontalLayout",
6809
+ config: {
6810
+ main: {
6811
+ direction: "row"
6812
+ },
6813
+ style: {
6814
+ flexDirection: "row",
6815
+ position: "absolute",
6816
+ bottom: 0,
6817
+ marginBottom: "-8px",
6818
+ height: "fit-content",
6819
+ overflow: "hidden",
6820
+ zIndex: 1e3,
6821
+ width: "inherit"
6822
+ }
6460
6823
  },
6461
- style: {
6462
- marginBottom: "8px",
6463
- float: "right"
6464
- }
6824
+ elements: [
6825
+ {
6826
+ type: "Control",
6827
+ scope: "#/properties/FooterText",
6828
+ options: {
6829
+ widget: "Box"
6830
+ },
6831
+ config: {
6832
+ main: {
6833
+ heading: "Copywriter@ACT21.IO"
6834
+ },
6835
+ style: {
6836
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6837
+ fontSize: "12px",
6838
+ textAlign: "center",
6839
+ lineHeight: 1,
6840
+ width: "fit-content",
6841
+ left: "50%",
6842
+ position: "relative",
6843
+ margin: 0,
6844
+ flexGrow: 1,
6845
+ height: 0
6846
+ }
6847
+ }
6848
+ },
6849
+ {
6850
+ type: "Control",
6851
+ scope: "#/properties/backIcon",
6852
+ options: {
6853
+ widget: "Box"
6854
+ },
6855
+ config: {
6856
+ main: {
6857
+ iconName: "PrevIcon",
6858
+ onClick: "backHandler",
6859
+ width: "fit-content"
6860
+ },
6861
+ style: {
6862
+ fill: theme.palette.primary.main,
6863
+ width: 20,
6864
+ height: 0,
6865
+ margin: 0,
6866
+ top: 0,
6867
+ right: "90px",
6868
+ position: "absolute",
6869
+ fontSize: "12px",
6870
+ cursor: "pointer",
6871
+ ":hover": {
6872
+ fill: theme.palette.primary.dark
6873
+ }
6874
+ }
6875
+ }
6876
+ },
6877
+ {
6878
+ type: "Control",
6879
+ scope: "#/properties/text",
6880
+ options: {
6881
+ widget: "Box"
6882
+ },
6883
+ config: {
6884
+ main: {
6885
+ heading: "Previous Page",
6886
+ onClick: "backHandler"
6887
+ },
6888
+ style: {
6889
+ textAlign: "left",
6890
+ lineHeight: 1,
6891
+ height: 0,
6892
+ width: "fit-content",
6893
+ color: theme.palette.primary.main,
6894
+ fontSize: "12px",
6895
+ cursor: "pointer",
6896
+ marginLeft: "2px",
6897
+ marginRight: 0,
6898
+ top: 3,
6899
+ right: "20px",
6900
+ position: "absolute",
6901
+ ":hover": {
6902
+ color: theme.palette.primary.dark
6903
+ }
6904
+ }
6905
+ }
6906
+ }
6907
+ ]
6465
6908
  }
6466
- },
6467
- {
6468
- type: "Control",
6469
- scope: "#/properties/notify",
6470
- options: {
6471
- widget: "Notify"
6472
- },
6473
- layout: 6
6474
- }
6475
- ]
6909
+ ]
6910
+ };
6911
+ return uiSchema;
6476
6912
  };
6477
6913
  const CoreSection = {
6478
6914
  type: "HorizontalLayout",
@@ -6517,6 +6953,39 @@ const CoreSection = {
6517
6953
  }
6518
6954
  }
6519
6955
  },
6956
+ {
6957
+ type: "Control",
6958
+ scope: "#/properties/columnFormat",
6959
+ options: {
6960
+ widget: "SelectInputField"
6961
+ },
6962
+ config: {
6963
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6964
+ main: {
6965
+ label: "Column Format"
6966
+ }
6967
+ }
6968
+ },
6969
+ {
6970
+ type: "Control",
6971
+ scope: "#/properties/proc",
6972
+ config: {
6973
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6974
+ },
6975
+ options: {
6976
+ widget: "EmptyBox"
6977
+ }
6978
+ },
6979
+ {
6980
+ type: "Control",
6981
+ scope: "#/properties/proc",
6982
+ config: {
6983
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6984
+ },
6985
+ options: {
6986
+ widget: "EmptyBox"
6987
+ }
6988
+ },
6520
6989
  {
6521
6990
  type: "Control",
6522
6991
  scope: "#/properties/layout",
@@ -6557,12 +7026,12 @@ const CoreSection = {
6557
7026
  },
6558
7027
  {
6559
7028
  type: "Control",
6560
- scope: "#/properties/emptyBox",
7029
+ scope: "#/properties/proc",
7030
+ config: {
7031
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7032
+ },
6561
7033
  options: {
6562
7034
  widget: "EmptyBox"
6563
- },
6564
- config: {
6565
- layout: { xs: 0, sm: 4 }
6566
7035
  }
6567
7036
  }
6568
7037
  ]
@@ -6571,144 +7040,117 @@ const CoreSection = {
6571
7040
  }
6572
7041
  ]
6573
7042
  };
6574
- const EventSection = {
6575
- type: "HorizontalLayout",
6576
- elements: [
6577
- {
6578
- type: "WrapperLayout",
6579
- config: {
6580
- main: {
6581
- divider: true
6582
- },
6583
- wrapperStyle: {
6584
- border: "1px solid gray"
6585
- }
6586
- },
6587
- elements: [
6588
- {
6589
- type: "Control",
6590
- scope: "#/properties/programType",
6591
- options: {
6592
- widget: "Box"
6593
- },
6594
- config: {
6595
- layout: 8,
6596
- main: {
6597
- heading: "Event Table"
6598
- },
6599
- style: {
6600
- fontFamily: "Roboto",
6601
- fontWeight: "500",
6602
- paddingLeft: "-10px",
6603
- fontSize: "20px"
6604
- }
6605
- }
7043
+ const EventSection = (theme) => {
7044
+ const uiSchema = {
7045
+ type: "HorizontalLayout",
7046
+ elements: [
7047
+ {
7048
+ type: "Control",
7049
+ scope: "#/properties/events",
7050
+ options: {
7051
+ widget: "Table"
6606
7052
  },
6607
- {
6608
- type: "Control",
6609
- scope: "#/properties/Back_Button",
6610
- options: {
6611
- widget: "IconButton"
6612
- },
6613
- config: {
6614
- layout: 3,
6615
- main: {
6616
- icon: "AddIcon",
6617
- styleDefault: true,
6618
- size: "small",
6619
- onClick: "eventAddHandler",
6620
- tooltipMessage: "Back"
7053
+ config: {
7054
+ main: {
7055
+ headerIcons: {
7056
+ elements: [
7057
+ {
7058
+ widget: {
7059
+ type: "Control",
7060
+ scope: "#/properties/New_Record",
7061
+ options: {
7062
+ widget: "IconButton"
7063
+ },
7064
+ config: {
7065
+ main: {
7066
+ color: "info",
7067
+ onClick: "eventAddHandler",
7068
+ size: "small",
7069
+ icon: "AddIcon",
7070
+ iconLabel: "Add New",
7071
+ styleDefault: true
7072
+ },
7073
+ style: {
7074
+ mt: "6px"
7075
+ }
7076
+ }
7077
+ }
7078
+ }
7079
+ ]
6621
7080
  },
6622
- style: {
6623
- float: "right"
6624
- }
7081
+ disableAction: true,
7082
+ disableSelection: true,
7083
+ enableDrag: true
6625
7084
  }
6626
7085
  },
6627
- {
6628
- type: "Control",
6629
- scope: "#/properties/events",
6630
- options: {
6631
- widget: "Table"
7086
+ elements: [
7087
+ {
7088
+ accessorKey: "eventType",
7089
+ header: "Event Type"
6632
7090
  },
6633
- config: {
6634
- main: {
6635
- disableAction: true,
6636
- disableSelection: true,
6637
- enableDrag: true
6638
- }
7091
+ {
7092
+ accessorKey: "Handler",
7093
+ header: "Handler"
6639
7094
  },
6640
- elements: [
6641
- {
6642
- accessorKey: "eventType",
6643
- header: "Event Type"
6644
- },
6645
- {
6646
- accessorKey: "Handler",
6647
- header: "Handler"
6648
- },
6649
- {
6650
- accessorKey: "Edit_Approve_Records",
6651
- header: "Edit Widget",
6652
- widget: {
6653
- type: "Control",
6654
- scope: "#/properties/Edit_Records",
6655
- options: {
6656
- widget: "IconButton"
7095
+ {
7096
+ accessorKey: "Edit_Approve_Records",
7097
+ header: "Edit Widget",
7098
+ widget: {
7099
+ type: "Control",
7100
+ scope: "#/properties/Edit_Records",
7101
+ options: {
7102
+ widget: "IconButton"
7103
+ },
7104
+ config: {
7105
+ main: {
7106
+ color: "info",
7107
+ size: "small",
7108
+ icon: "EditIcon",
7109
+ tooltipMessage: "Edit This Record",
7110
+ onClick: "eventEditHandler"
6657
7111
  },
6658
- config: {
6659
- main: {
6660
- color: "info",
6661
- size: "small",
6662
- icon: "EditIcon",
6663
- tooltipMessage: "Edit This Record",
6664
- onClick: "eventEditHandler"
6665
- },
6666
- style: {
6667
- color: "#3949ab"
6668
- }
7112
+ style: {
7113
+ color: theme.palette.primary.main
6669
7114
  }
6670
7115
  }
6671
- },
6672
- {
6673
- accessorKey: "Reject_Records",
6674
- header: "Delete",
6675
- widget: {
6676
- type: "Control",
6677
- scope: "#/properties/RejectButton",
6678
- accessorKeyName: "Reject_Records",
6679
- options: {
6680
- widget: "IconButton"
6681
- },
6682
- config: {
6683
- main: {
6684
- icon: "RejectIcon",
6685
- color: "error",
6686
- tooltipMessage: "Reject This Record",
6687
- onClick: "deleteEvent"
6688
- }
7116
+ }
7117
+ },
7118
+ {
7119
+ accessorKey: "Reject_Records",
7120
+ header: "Delete",
7121
+ widget: {
7122
+ type: "Control",
7123
+ scope: "#/properties/RejectButton",
7124
+ accessorKeyName: "Reject_Records",
7125
+ options: {
7126
+ widget: "IconButton"
7127
+ },
7128
+ config: {
7129
+ main: {
7130
+ icon: "RejectIcon",
7131
+ color: "error",
7132
+ tooltipMessage: "Reject This Record",
7133
+ onClick: "deletePopUpEvent"
6689
7134
  }
6690
7135
  }
6691
7136
  }
6692
- ]
6693
- }
6694
- ]
6695
- }
6696
- ]
7137
+ }
7138
+ ]
7139
+ }
7140
+ ]
7141
+ };
7142
+ return uiSchema;
6697
7143
  };
6698
- const EmptyBox = {
7144
+ var emptyBox = {
6699
7145
  type: "Control",
6700
- scope: `#/properties/empty`,
7146
+ scope: "#/properties/emptyBox",
6701
7147
  options: {
6702
7148
  widget: "EmptyBox"
6703
7149
  },
6704
7150
  config: {
6705
- layout: {
6706
- xs: 11,
6707
- sm: 11,
6708
- md: 5.5,
6709
- lg: 5.5
6710
- },
6711
- main: {}
7151
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
7152
+ main: {},
7153
+ style: {}
6712
7154
  }
6713
7155
  };
6714
7156
  const cardLayout = {
@@ -6726,12 +7168,7 @@ const cardLayout = {
6726
7168
  widget: "SelectInputField"
6727
7169
  },
6728
7170
  config: {
6729
- layout: {
6730
- xs: 11,
6731
- sm: 11,
6732
- md: 5.5,
6733
- lg: 5.5
6734
- },
7171
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6735
7172
  main: {
6736
7173
  label: "Screen Size"
6737
7174
  }
@@ -6744,12 +7181,7 @@ const cardLayout = {
6744
7181
  widget: "InputField"
6745
7182
  },
6746
7183
  config: {
6747
- layout: {
6748
- xs: 11,
6749
- sm: 11,
6750
- md: 5.5,
6751
- lg: 5.5
6752
- },
7184
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6753
7185
  main: {
6754
7186
  label: "Value",
6755
7187
  type: "number",
@@ -6757,7 +7189,8 @@ const cardLayout = {
6757
7189
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6758
7190
  }
6759
7191
  }
6760
- }
7192
+ },
7193
+ emptyBox
6761
7194
  ]
6762
7195
  }
6763
7196
  }
@@ -6766,7 +7199,7 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6766
7199
  return {
6767
7200
  type: "Control",
6768
7201
  scope: `#/properties/${parentScope}`,
6769
- layout: 11.5,
7202
+ layout: 12,
6770
7203
  options: {
6771
7204
  "elementLabelProp": childScope,
6772
7205
  detail: {
@@ -6779,18 +7212,14 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6779
7212
  widget: "InputField"
6780
7213
  },
6781
7214
  config: {
6782
- layout: {
6783
- xs: 11,
6784
- sm: 11,
6785
- md: 5.5,
6786
- lg: 5.5
6787
- },
7215
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6788
7216
  main: {
6789
7217
  label: childLabel || "Labels for Tab"
6790
7218
  }
6791
7219
  }
6792
7220
  },
6793
- EmptyBox
7221
+ emptyBox,
7222
+ emptyBox
6794
7223
  ]
6795
7224
  }
6796
7225
  }
@@ -6804,17 +7233,13 @@ sizeHolder.options.detail.elements[1] = {
6804
7233
  widget: "InputField"
6805
7234
  },
6806
7235
  config: {
6807
- layout: {
6808
- xs: 11,
6809
- sm: 11,
6810
- md: 5.5,
6811
- lg: 5.5
6812
- },
7236
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6813
7237
  main: {
6814
7238
  label: "Size"
6815
7239
  }
6816
7240
  }
6817
7241
  };
7242
+ sizeHolder.options.detail.elements[2] = emptyBox;
6818
7243
  const getInputField = (scope, label) => {
6819
7244
  return {
6820
7245
  type: "Control",
@@ -6823,12 +7248,7 @@ const getInputField = (scope, label) => {
6823
7248
  widget: "InputField"
6824
7249
  },
6825
7250
  config: {
6826
- layout: {
6827
- xs: 11,
6828
- sm: 11,
6829
- md: 5.5,
6830
- lg: 5.5
6831
- },
7251
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6832
7252
  main: {
6833
7253
  label
6834
7254
  }
@@ -6843,12 +7263,7 @@ const getRadioInputField = (scope, label, options) => {
6843
7263
  widget: "RadioInputField"
6844
7264
  },
6845
7265
  config: {
6846
- layout: {
6847
- xs: 11,
6848
- sm: 11,
6849
- md: 5.5,
6850
- lg: 5.5
6851
- },
7266
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6852
7267
  main: {
6853
7268
  label,
6854
7269
  options
@@ -6891,7 +7306,7 @@ const getSelectField = (scope, label, options) => {
6891
7306
  widget: "SelectInputField"
6892
7307
  },
6893
7308
  config: {
6894
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7309
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6895
7310
  main: {
6896
7311
  label,
6897
7312
  type: "text"
@@ -6912,7 +7327,8 @@ const buildPropertiesSection = function(type) {
6912
7327
  getInputField("linkType", "linkType"),
6913
7328
  getInputField("graphHeight", "Graph Height"),
6914
7329
  getInputField("graphWidth", "Graph Width"),
6915
- getInputField("graphZoomHeight", "Zoom Height")
7330
+ getInputField("graphZoomHeight", "Zoom Height"),
7331
+ emptyBox
6916
7332
  ];
6917
7333
  break;
6918
7334
  case "InputSlider":
@@ -6920,7 +7336,9 @@ const buildPropertiesSection = function(type) {
6920
7336
  getInputField("max", "Max Limit"),
6921
7337
  getInputField("step", "Step"),
6922
7338
  getInputField("min", "Min Limit"),
6923
- getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"])
7339
+ getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"]),
7340
+ emptyBox,
7341
+ emptyBox
6924
7342
  ];
6925
7343
  break;
6926
7344
  case "DataGrid":
@@ -6929,6 +7347,8 @@ const buildPropertiesSection = function(type) {
6929
7347
  getInputField("elevation", "Card Elevation"),
6930
7348
  getInputField("height", "Grid height"),
6931
7349
  getInputField("justifyContent", "justifyContent"),
7350
+ emptyBox,
7351
+ emptyBox,
6932
7352
  cardLayout
6933
7353
  ];
6934
7354
  break;
@@ -6939,6 +7359,7 @@ const buildPropertiesSection = function(type) {
6939
7359
  getInputField("resetText", "Reset Text"),
6940
7360
  getInputField("completeText", "Complete Text"),
6941
7361
  getSelectField("orientation", "Orientation Type"),
7362
+ emptyBox,
6942
7363
  getArrayControl("sectionLabels", "label")
6943
7364
  ];
6944
7365
  break;
@@ -6946,21 +7367,22 @@ const buildPropertiesSection = function(type) {
6946
7367
  uiSchema.elements = [
6947
7368
  getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
6948
7369
  getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
6949
- getInputField("maxWidth", "Max. Width"),
6950
- EmptyBox
7370
+ getInputField("maxWidth", "Max. Width")
6951
7371
  ];
6952
7372
  break;
6953
7373
  case "Text":
6954
7374
  uiSchema.elements = [
6955
7375
  getInputField("placeholder", "Placeholder"),
6956
- EmptyBox,
7376
+ emptyBox,
7377
+ emptyBox,
6957
7378
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
6958
7379
  ];
6959
7380
  break;
6960
7381
  case "TextArea":
6961
7382
  uiSchema.elements = [
6962
7383
  getInputField("placeholder", "Placeholder"),
6963
- EmptyBox
7384
+ emptyBox,
7385
+ emptyBox
6964
7386
  ];
6965
7387
  break;
6966
7388
  case "SpeedoMeter":
@@ -6969,7 +7391,8 @@ const buildPropertiesSection = function(type) {
6969
7391
  getInputField("heading", "Container Heading"),
6970
7392
  getInputField("heading", "Container Heading"),
6971
7393
  getInputField("speedoCaption", "Speedometer Caption"),
6972
- getInputField("width", "Speedometer Width")
7394
+ getInputField("width", "Speedometer Width"),
7395
+ emptyBox
6973
7396
  ];
6974
7397
  break;
6975
7398
  case "RankCard":
@@ -6977,7 +7400,9 @@ const buildPropertiesSection = function(type) {
6977
7400
  getInputField("rank", "Rank"),
6978
7401
  getInputField("image", "Image Url"),
6979
7402
  getInputField("title", "Card Title"),
6980
- getInputField("description", "Card Description")
7403
+ getInputField("description", "Card Description"),
7404
+ emptyBox,
7405
+ emptyBox
6981
7406
  ];
6982
7407
  break;
6983
7408
  case "LeaderBoard":
@@ -6986,6 +7411,8 @@ const buildPropertiesSection = function(type) {
6986
7411
  getInputField("firstImage", "First Image url"),
6987
7412
  getInputField("secondImage", "Second Image url"),
6988
7413
  getInputField("thirdImage", "Third Image url"),
7414
+ emptyBox,
7415
+ emptyBox,
6989
7416
  getTextArea("functionCode", "Write Compare Code", false)
6990
7417
  ];
6991
7418
  break;
@@ -7001,7 +7428,9 @@ const buildPropertiesSection = function(type) {
7001
7428
  getInputField("heading", "Heading"),
7002
7429
  getInputField("bottomLabel_1", "First BottomLabel"),
7003
7430
  getInputField("bottomLabel_2", "Second BottomLabel"),
7004
- getInputField("bottomLabel_3", "Third BottomLabel")
7431
+ getInputField("bottomLabel_3", "Third BottomLabel"),
7432
+ emptyBox,
7433
+ emptyBox
7005
7434
  ];
7006
7435
  break;
7007
7436
  case "card":
@@ -7009,7 +7438,7 @@ const buildPropertiesSection = function(type) {
7009
7438
  getInputField("url", "Image Url"),
7010
7439
  getInputField("label", "Label"),
7011
7440
  getInputField("description", "Description"),
7012
- EmptyBox
7441
+ emptyBox
7013
7442
  ];
7014
7443
  break;
7015
7444
  case "Button":
@@ -7019,7 +7448,7 @@ const buildPropertiesSection = function(type) {
7019
7448
  getSelectField("color", "Color"),
7020
7449
  getInputField("tooltipMessage", "Tooltip Message"),
7021
7450
  getSelectField("defaultStyle", "Default Style"),
7022
- EmptyBox
7451
+ emptyBox
7023
7452
  ];
7024
7453
  break;
7025
7454
  case "Graph":
@@ -7032,6 +7461,7 @@ const buildPropertiesSection = function(type) {
7032
7461
  getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
7033
7462
  getInputField("yAxisValue", "Y-AxisValue"),
7034
7463
  getInputField("xAxisValue", "X-AxisValue"),
7464
+ emptyBox,
7035
7465
  getArrayControl("legendLabels", "label"),
7036
7466
  getArrayControl("pieArcColors", "color")
7037
7467
  ];
@@ -7041,13 +7471,16 @@ const buildPropertiesSection = function(type) {
7041
7471
  getRadioInputField("divider", "Divider", ["YES", "No"]),
7042
7472
  getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
7043
7473
  getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
7044
- getInputField("rowSpacing", "Row Spacing")
7474
+ getInputField("rowSpacing", "Row Spacing"),
7475
+ emptyBox,
7476
+ emptyBox
7045
7477
  ];
7046
7478
  break;
7047
7479
  case "TabSection":
7048
7480
  uiSchema.elements = [
7049
7481
  getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
7050
7482
  getRadioInputField("lazyLoad", "Lazy Load", ["YES", "NO"]),
7483
+ emptyBox,
7051
7484
  getArrayControl("sectionLabels", "label")
7052
7485
  ];
7053
7486
  break;
@@ -7072,13 +7505,15 @@ const buildPropertiesSection = function(type) {
7072
7505
  case "Select":
7073
7506
  uiSchema.elements = [
7074
7507
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7075
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7508
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7509
+ emptyBox
7076
7510
  ];
7077
7511
  break;
7078
7512
  case "MultipleSelect":
7079
7513
  uiSchema.elements = [
7080
7514
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7081
- EmptyBox
7515
+ emptyBox,
7516
+ emptyBox
7082
7517
  ];
7083
7518
  break;
7084
7519
  }
@@ -7119,100 +7554,106 @@ const StyleSection = {
7119
7554
  }
7120
7555
  ]
7121
7556
  };
7122
- const TableSection = {
7123
- type: "HorizontalLayout",
7124
- elements: [
7125
- {
7126
- type: "Control",
7127
- scope: "#/properties/elements",
7128
- options: {
7129
- widget: "Table"
7130
- },
7131
- config: {
7132
- main: {
7133
- headerIcons: {
7134
- elements: [
7135
- {
7136
- widget: {
7137
- type: "Control",
7138
- scope: "#/properties/New_Record",
7139
- options: {
7140
- widget: "IconButton"
7141
- },
7142
- config: {
7143
- main: {
7144
- color: "info",
7145
- onClick: "widgetAddClickHandler",
7146
- size: "small",
7147
- icon: "AddIcon",
7148
- iconLabel: "Add New",
7149
- styleDefault: true
7557
+ const TableSection = (theme) => {
7558
+ const uiSchema = {
7559
+ type: "HorizontalLayout",
7560
+ elements: [
7561
+ {
7562
+ type: "Control",
7563
+ scope: "#/properties/elements",
7564
+ options: {
7565
+ widget: "Table"
7566
+ },
7567
+ config: {
7568
+ main: {
7569
+ headerIcons: {
7570
+ elements: [
7571
+ {
7572
+ widget: {
7573
+ type: "Control",
7574
+ scope: "#/properties/New_Record",
7575
+ options: {
7576
+ widget: "IconButton"
7150
7577
  },
7151
- style: {
7152
- mt: "6px"
7578
+ config: {
7579
+ main: {
7580
+ color: "info",
7581
+ onClick: "widgetAddClickHandler",
7582
+ size: "small",
7583
+ icon: "AddIcon",
7584
+ iconLabel: "Add New",
7585
+ styleDefault: true
7586
+ },
7587
+ style: {
7588
+ mt: "6px"
7589
+ }
7153
7590
  }
7154
7591
  }
7155
7592
  }
7156
- }
7157
- ]
7158
- },
7159
- disableAction: true,
7160
- disableSelection: true,
7161
- enableDrag: true
7162
- }
7163
- },
7164
- elements: [
7165
- {
7166
- accessorKey: "name",
7167
- header: "Name"
7168
- },
7169
- {
7170
- accessorKey: "type",
7171
- header: "Type"
7172
- },
7173
- {
7174
- header: "Edit Record",
7175
- field: "Reject_Records",
7176
- flex: 1,
7177
- widget: {
7178
- type: "Control",
7179
- scope: "#/properties/RejectButton",
7180
- options: {
7181
- widget: "IconButton"
7593
+ ]
7182
7594
  },
7183
- config: {
7184
- main: {
7185
- icon: "EditIcon",
7186
- color: "primary",
7187
- onClick: "editComponents",
7188
- tooltipMessage: "Reject This Record"
7189
- }
7190
- }
7595
+ disableAction: true,
7596
+ disableSelection: true,
7597
+ enableDrag: true
7191
7598
  }
7192
7599
  },
7193
- {
7194
- header: "Delete",
7195
- field: "Reject_Records",
7196
- flex: 1,
7197
- widget: {
7198
- type: "Control",
7199
- scope: "#/properties/RejectButton",
7200
- options: {
7201
- widget: "IconButton"
7202
- },
7203
- config: {
7204
- main: {
7205
- icon: "RejectIcon",
7206
- color: "error",
7207
- onClick: "deleteComponent",
7208
- tooltipMessage: "Reject This Record"
7600
+ elements: [
7601
+ {
7602
+ accessorKey: "name",
7603
+ header: "Name"
7604
+ },
7605
+ {
7606
+ accessorKey: "type",
7607
+ header: "Type"
7608
+ },
7609
+ {
7610
+ header: "Edit Record",
7611
+ field: "Reject_Records",
7612
+ flex: 1,
7613
+ widget: {
7614
+ type: "Control",
7615
+ scope: "#/properties/RejectButton",
7616
+ options: {
7617
+ widget: "IconButton"
7618
+ },
7619
+ config: {
7620
+ main: {
7621
+ icon: "EditIcon",
7622
+ color: "primary",
7623
+ onClick: "editComponents",
7624
+ tooltipMessage: "Reject This Record"
7625
+ },
7626
+ style: {
7627
+ color: theme.palette.primary.main
7628
+ }
7629
+ }
7630
+ }
7631
+ },
7632
+ {
7633
+ header: "Delete",
7634
+ field: "Reject_Records",
7635
+ flex: 1,
7636
+ widget: {
7637
+ type: "Control",
7638
+ scope: "#/properties/RejectButton",
7639
+ options: {
7640
+ widget: "IconButton"
7641
+ },
7642
+ config: {
7643
+ main: {
7644
+ icon: "RejectIcon",
7645
+ color: "error",
7646
+ onClick: "deletePopUpComponent",
7647
+ tooltipMessage: "Reject This Record"
7648
+ }
7209
7649
  }
7210
7650
  }
7211
7651
  }
7212
- }
7213
- ]
7214
- }
7215
- ]
7652
+ ]
7653
+ }
7654
+ ]
7655
+ };
7656
+ return uiSchema;
7216
7657
  };
7217
7658
  const ValueTab = {
7218
7659
  type: "HorizontalLayout",
@@ -7220,7 +7661,7 @@ const ValueTab = {
7220
7661
  {
7221
7662
  type: "Control",
7222
7663
  scope: "#/properties/value",
7223
- layout: 11.5,
7664
+ layout: 12,
7224
7665
  options: {
7225
7666
  detail: {
7226
7667
  type: "HorizontalLayout",
@@ -7232,12 +7673,7 @@ const ValueTab = {
7232
7673
  widget: "InputField"
7233
7674
  },
7234
7675
  config: {
7235
- layout: {
7236
- xs: 11,
7237
- sm: 11,
7238
- md: 5.5,
7239
- lg: 5.5
7240
- },
7676
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7241
7677
  main: {
7242
7678
  label: "Label"
7243
7679
  }
@@ -7250,16 +7686,21 @@ const ValueTab = {
7250
7686
  widget: "InputField"
7251
7687
  },
7252
7688
  config: {
7253
- layout: {
7254
- xs: 11,
7255
- sm: 11,
7256
- md: 5.5,
7257
- lg: 5.5
7258
- },
7689
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7259
7690
  main: {
7260
7691
  label: "Value"
7261
7692
  }
7262
7693
  }
7694
+ },
7695
+ {
7696
+ type: "Control",
7697
+ scope: "#/properties/emptyBox",
7698
+ options: {
7699
+ widget: "EmptyBox"
7700
+ },
7701
+ config: {
7702
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7703
+ }
7263
7704
  }
7264
7705
  ]
7265
7706
  }
@@ -7346,10 +7787,10 @@ var buildConfig = (FormData) => {
7346
7787
  const createLayoutFormat = (config) => {
7347
7788
  if (_.isEmpty(config)) {
7348
7789
  return {
7349
- xs: 11,
7350
- sm: 11,
7351
- md: 5.5,
7352
- lg: 5.5
7790
+ xs: 12,
7791
+ sm: 12,
7792
+ md: 12,
7793
+ lg: 12
7353
7794
  };
7354
7795
  }
7355
7796
  let data = {};
@@ -7452,7 +7893,6 @@ const navigateHandler = (store2, isSubmitted, pageName) => {
7452
7893
  function okHandler(store2) {
7453
7894
  var _a;
7454
7895
  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
7455
- console.log(store2.ctx.core.errors);
7456
7896
  if (_.isEmpty(store2.ctx.core.errors)) {
7457
7897
  saveFormdataInLocalStorage(store2.ctx.core.data, path);
7458
7898
  store2.navigate(-1);
@@ -7501,14 +7941,14 @@ const sectionLabels = {
7501
7941
  };
7502
7942
  const refreshPage = (type, store2) => {
7503
7943
  var _a;
7504
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7944
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7505
7945
  if (type) {
7506
7946
  const sectionUiSchema = {
7507
7947
  Core: CoreSection,
7508
7948
  Value: ValueTab,
7509
7949
  Style: StyleSection,
7510
- Event: EventSection,
7511
- Components: TableSection,
7950
+ Event: EventSection(store2.theme.myTheme),
7951
+ Components: TableSection(store2.theme.myTheme),
7512
7952
  Properties: buildPropertiesSection(type),
7513
7953
  Validation: ValidationSection
7514
7954
  };
@@ -7560,22 +8000,30 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
7560
8000
  store2.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`);
7561
8001
  }
7562
8002
  },
7563
- deleteComponents: function() {
8003
+ deleteComponents: function(shouldUpdateDialog = true) {
7564
8004
  var _a;
7565
8005
  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
7566
- const rowId = dynamicData2.path.split(".")[1];
8006
+ const rowId = localStorage.getItem("rowId");
7567
8007
  store2.formData.elements.splice(rowId, 1);
7568
8008
  const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
7569
8009
  const data = path ? _.get(response, path) : response;
7570
8010
  store2.setFormdata(data);
8011
+ if (shouldUpdateDialog) {
8012
+ store2.updateDialog("popUpComponentSection");
8013
+ }
8014
+ localStorage.removeItem("rowId");
7571
8015
  },
7572
- deleteEvent: function() {
8016
+ deleteEvent: function(shouldUpdateDialog = true) {
7573
8017
  var _a;
7574
8018
  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
7575
- const rowId = dynamicData2.path.split(".")[1];
8019
+ const rowId = localStorage.getItem("rowId");
7576
8020
  store2.formData.events.splice(rowId, 1);
7577
8021
  const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
7578
8022
  store2.setFormdata(_.get(response, path));
8023
+ if (shouldUpdateDialog) {
8024
+ store2.updateDialog("popUpEventSection");
8025
+ }
8026
+ localStorage.removeItem("rowId");
7579
8027
  },
7580
8028
  widgetAddClickHandler: function() {
7581
8029
  var _a;
@@ -7611,6 +8059,16 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
7611
8059
  },
7612
8060
  backHandler: function() {
7613
8061
  store2.navigate(-1);
8062
+ },
8063
+ deletePopUpComponent: function() {
8064
+ const rowId = dynamicData2.path.split(".")[1];
8065
+ localStorage.setItem("rowId", rowId);
8066
+ store2.updateDialog("popUpComponentSection");
8067
+ },
8068
+ deletePopUpEvent: function() {
8069
+ const rowId = dynamicData2.path.split(".")[1];
8070
+ localStorage.setItem("rowId", rowId);
8071
+ store2.updateDialog("popUpEventSection");
7614
8072
  }
7615
8073
  };
7616
8074
  };
@@ -7637,7 +8095,7 @@ var pageMaster = (funcParams) => {
7637
8095
  return config;
7638
8096
  },
7639
8097
  getUiSchema: function() {
7640
- return PageMasterUiSchema;
8098
+ return PageMasterUiSchema(store2.theme.myTheme);
7641
8099
  },
7642
8100
  getSchema: () => {
7643
8101
  return PageMasterSchema;
@@ -7665,7 +8123,10 @@ var pageMaster = (funcParams) => {
7665
8123
  },
7666
8124
  saveHandler: async () => await saveHandler(store2, service2, submitHandler),
7667
8125
  Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
7668
- Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
8126
+ Delete_Components: async function() {
8127
+ await Component(store2, dynamicData2, submitHandler, service2).deleteComponents(false);
8128
+ store2.updateDialog("popUpPageMasterComponent");
8129
+ },
7669
8130
  eventAddHandler: function() {
7670
8131
  var _a;
7671
8132
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7685,10 +8146,22 @@ var pageMaster = (funcParams) => {
7685
8146
  store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
7686
8147
  },
7687
8148
  deleteEvent: function() {
7688
- const rowId = dynamicData2.path.split(".")[1];
8149
+ const rowId = localStorage.getItem("rowId");
7689
8150
  store2.formData.events.splice(rowId, 1);
7690
8151
  const response = saveFormdataInLocalStorage(store2.ctx.core.data);
7691
8152
  store2.setFormdata(response);
8153
+ store2.updateDialog("popUpPageMasterEvent");
8154
+ localStorage.removeItem("rowId");
8155
+ },
8156
+ deletePopUpComponent: function() {
8157
+ const rowId = dynamicData2.path.split(".")[1];
8158
+ localStorage.setItem("rowId", rowId);
8159
+ store2.updateDialog("popUpPageMasterComponent");
8160
+ },
8161
+ deletePopUpEvent: function() {
8162
+ const rowId = dynamicData2.path.split(".")[1];
8163
+ localStorage.setItem("rowId", rowId);
8164
+ store2.updateDialog("popUpPageMasterEvent");
7692
8165
  }
7693
8166
  };
7694
8167
  };
@@ -7780,302 +8253,433 @@ const EventSchema = {
7780
8253
  },
7781
8254
  required: ["eventType", "Handler"]
7782
8255
  };
7783
- const EventUiSchema = {
7784
- type: "HorizontalLayout",
7785
- elements: [
7786
- {
7787
- type: "WrapperLayout",
7788
- config: {
7789
- main: {
7790
- rowSpacing: 1,
7791
- header: true
8256
+ const EventUiSchema = (theme) => {
8257
+ var _a;
8258
+ const uiSchema = {
8259
+ type: "HorizontalLayout",
8260
+ heading: "Component",
8261
+ elements: [
8262
+ {
8263
+ type: "Control",
8264
+ scope: "#/properties/pageName",
8265
+ options: {
8266
+ widget: "Box"
7792
8267
  },
7793
- defaultStyle: true
8268
+ config: {
8269
+ layout: 12,
8270
+ main: {
8271
+ heading: " "
8272
+ },
8273
+ style: {
8274
+ marginLeft: theme.spacing(3),
8275
+ width: "auto",
8276
+ fontSize: "12px",
8277
+ color: "gray"
8278
+ }
8279
+ }
7794
8280
  },
7795
- elements: [
7796
- {
7797
- type: "Control",
7798
- scope: "#/properties/Component",
7799
- options: {
7800
- widget: "Box"
8281
+ {
8282
+ type: "TabLayout",
8283
+ config: {
8284
+ main: {
8285
+ tabLabels: ["Core", "Response Event"],
8286
+ defaultStyle: true,
8287
+ id: "event"
8288
+ }
8289
+ },
8290
+ elements: [
8291
+ {
8292
+ type: "HorizontalLayout",
8293
+ elements: [
8294
+ {
8295
+ type: "Control",
8296
+ scope: `#/properties/eventType`,
8297
+ options: {
8298
+ widget: "SelectInputField"
8299
+ },
8300
+ config: {
8301
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8302
+ main: {
8303
+ label: "Event Type",
8304
+ type: "text"
8305
+ }
8306
+ }
8307
+ },
8308
+ getSelectField("Handler", "Handler"),
8309
+ {
8310
+ type: "Control",
8311
+ scope: "#/properties/EmptyBox",
8312
+ options: {
8313
+ widget: "EmptyBox"
8314
+ },
8315
+ config: {
8316
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8317
+ }
8318
+ }
8319
+ ]
7801
8320
  },
7802
- config: {
7803
- layout: { xs: 12, sm: 12, md: 2 },
7804
- main: {
7805
- heading: "Component"
8321
+ {
8322
+ type: "Control",
8323
+ scope: "#/properties/events",
8324
+ options: {
8325
+ widget: "Table"
7806
8326
  },
7807
- style: {
7808
- "float": "left"
7809
- }
8327
+ config: {
8328
+ main: {
8329
+ headerIcons: {
8330
+ elements: [
8331
+ {
8332
+ widget: {
8333
+ type: "Control",
8334
+ scope: "#/properties/New_Record",
8335
+ options: {
8336
+ widget: "IconButton"
8337
+ },
8338
+ config: {
8339
+ main: {
8340
+ onClick: "addEvent",
8341
+ size: "small",
8342
+ icon: "AddIcon",
8343
+ iconLabel: "Add New",
8344
+ styleDefault: true
8345
+ },
8346
+ style: {
8347
+ mt: "6px"
8348
+ }
8349
+ }
8350
+ }
8351
+ }
8352
+ ]
8353
+ },
8354
+ disableAction: true,
8355
+ disableSelection: true,
8356
+ enableDrag: true
8357
+ }
8358
+ },
8359
+ elements: [
8360
+ {
8361
+ accessorKey: "eventType",
8362
+ header: "Event Type"
8363
+ },
8364
+ {
8365
+ accessorKey: "Handler",
8366
+ header: "Handler"
8367
+ },
8368
+ {
8369
+ accessorKey: "Edit_Approve_Records",
8370
+ header: "Edit Widget",
8371
+ widget: {
8372
+ type: "Control",
8373
+ scope: "#/properties/Edit_Records",
8374
+ options: {
8375
+ widget: "IconButton"
8376
+ },
8377
+ config: {
8378
+ main: {
8379
+ color: "info",
8380
+ size: "small",
8381
+ icon: "EditIcon",
8382
+ tooltipMessage: "Edit This Record",
8383
+ onClick: "editEvent"
8384
+ },
8385
+ style: {
8386
+ color: theme.palette.primary.main
8387
+ }
8388
+ }
8389
+ }
8390
+ },
8391
+ {
8392
+ accessorKey: "Reject_Records",
8393
+ header: "Delete",
8394
+ widget: {
8395
+ type: "Control",
8396
+ scope: "#/properties/RejectButton",
8397
+ options: {
8398
+ widget: "IconButton"
8399
+ },
8400
+ config: {
8401
+ main: {
8402
+ icon: "RejectIcon",
8403
+ color: "error",
8404
+ tooltipMessage: "Reject This Record",
8405
+ onClick: "deletePopUpEvent"
8406
+ }
8407
+ }
8408
+ }
8409
+ }
8410
+ ]
7810
8411
  }
8412
+ ]
8413
+ },
8414
+ {
8415
+ type: "Control",
8416
+ scope: "#/properties/EmptyBox",
8417
+ options: {
8418
+ widget: "EmptyBox"
7811
8419
  },
7812
- {
7813
- type: "Control",
7814
- scope: "#/properties/pageName",
7815
- options: {
7816
- widget: "Box"
8420
+ config: {
8421
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8422
+ }
8423
+ },
8424
+ {
8425
+ type: "Control",
8426
+ scope: "#/properties/EmptyBox",
8427
+ options: {
8428
+ widget: "EmptyBox"
8429
+ },
8430
+ config: {
8431
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8432
+ }
8433
+ },
8434
+ {
8435
+ type: "Control",
8436
+ scope: "#/properties/btn",
8437
+ options: {
8438
+ widget: "Button"
8439
+ },
8440
+ config: {
8441
+ layout: 1.8,
8442
+ main: {
8443
+ name: "Ok",
8444
+ startIcon: "ApproveIcon",
8445
+ variant: "contained",
8446
+ type: "text",
8447
+ onClick: "okHandler",
8448
+ size: "medium"
7817
8449
  },
7818
- config: {
7819
- layout: { xs: 7, sm: 7, md: 9 },
7820
- main: {
7821
- heading: " "
8450
+ style: {
8451
+ float: "right"
8452
+ }
8453
+ }
8454
+ },
8455
+ {
8456
+ type: "Control",
8457
+ scope: "#/properties/btnSubmit",
8458
+ options: {
8459
+ widget: "Button"
8460
+ },
8461
+ config: {
8462
+ layout: 1.8,
8463
+ main: {
8464
+ name: "Save & Exit",
8465
+ startIcon: "ApproveIcon",
8466
+ variant: "contained",
8467
+ type: "text",
8468
+ onClick: "saveHandler",
8469
+ size: "medium"
8470
+ },
8471
+ style: {
8472
+ float: "right"
8473
+ }
8474
+ }
8475
+ },
8476
+ {
8477
+ type: "Control",
8478
+ scope: "#/properties/popUpEvent",
8479
+ options: {
8480
+ widget: "PopUp"
8481
+ },
8482
+ config: {
8483
+ layout: {
8484
+ xs: 12,
8485
+ sm: 12,
8486
+ md: 6,
8487
+ lg: 6
8488
+ },
8489
+ main: {},
8490
+ style: {
8491
+ "& .MuiPaper-root": {
8492
+ width: "30%"
7822
8493
  },
7823
- style: {
7824
- float: "right",
7825
- width: "auto",
7826
- fontSize: "12px",
7827
- color: "gray",
7828
- paddingTop: "10px"
8494
+ "& .MuiTypography-root": {
8495
+ padding: 0
8496
+ },
8497
+ wrapperStyle: {
8498
+ width: { xs: "100%", sm: "100%", md: "98%" }
7829
8499
  }
7830
8500
  }
7831
8501
  },
7832
- {
7833
- type: "Control",
7834
- scope: "#/properties/Back_Button",
7835
- options: {
7836
- widget: "IconButton"
8502
+ elements: [
8503
+ {
8504
+ type: "Control",
8505
+ scope: "#/properties/label",
8506
+ options: {
8507
+ widget: "Box"
8508
+ },
8509
+ config: {
8510
+ layout: 12,
8511
+ main: {
8512
+ heading: "Are you sure you want to delete ?"
8513
+ },
8514
+ style: {
8515
+ marginTop: "-40px"
8516
+ }
8517
+ }
7837
8518
  },
7838
- config: {
7839
- layout: { xs: 2, sm: 2, md: 0.5 },
7840
- main: {
7841
- icon: "BackIcon",
7842
- styleDefault: true,
7843
- size: "small",
7844
- onClick: "backHandler",
7845
- tooltipMessage: "Back"
8519
+ {
8520
+ type: "Control",
8521
+ scope: "#/properties/EmptyBox",
8522
+ options: {
8523
+ widget: "EmptyBox"
7846
8524
  },
7847
- style: {
7848
- float: "right"
8525
+ config: {
8526
+ main: {},
8527
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
8528
+ }
8529
+ },
8530
+ {
8531
+ type: "Control",
8532
+ scope: "#/properties/ConfirmDeleteEventButton",
8533
+ options: {
8534
+ widget: "Button"
8535
+ },
8536
+ config: {
8537
+ layout: 3,
8538
+ main: {
8539
+ name: "Yes",
8540
+ startIcon: "ApproveIcon",
8541
+ variant: "contained",
8542
+ color: "info",
8543
+ type: "text",
8544
+ onClick: "deleteEvent",
8545
+ size: "small"
8546
+ }
8547
+ }
8548
+ },
8549
+ {
8550
+ type: "Control",
8551
+ scope: "#/properties/CancelDeleteEventButton",
8552
+ options: {
8553
+ widget: "Button"
8554
+ },
8555
+ config: {
8556
+ layout: 3,
8557
+ main: {
8558
+ name: "No",
8559
+ startIcon: "ApproveIcon",
8560
+ variant: "contained",
8561
+ color: "info",
8562
+ type: "text",
8563
+ onClick: "deletePopUpEvent",
8564
+ size: "small"
8565
+ }
7849
8566
  }
7850
8567
  }
7851
- }
7852
- ]
7853
- },
7854
- {
7855
- type: "TabLayout",
7856
- config: {
7857
- main: {
7858
- tabLabels: ["Core", "Response Event"],
7859
- defaultStyle: true,
7860
- id: "event"
7861
- }
8568
+ ]
7862
8569
  },
7863
- elements: [
7864
- {
7865
- type: "HorizontalLayout",
7866
- elements: [
7867
- {
7868
- type: "Control",
7869
- scope: `#/properties/eventType`,
7870
- options: {
7871
- widget: "SelectInputField"
7872
- },
7873
- config: {
7874
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7875
- main: {
7876
- label: "Event Type",
7877
- type: "text"
7878
- }
7879
- }
7880
- },
7881
- getSelectField("Handler", "Handler")
7882
- ]
8570
+ {
8571
+ type: "Control",
8572
+ scope: "#/properties/notify",
8573
+ options: {
8574
+ widget: "Notify"
7883
8575
  },
7884
- {
7885
- type: "WrapperLayout",
7886
- config: {
7887
- main: {
7888
- divider: true
7889
- },
7890
- wrapperStyle: {
7891
- border: "1px solid gray"
7892
- }
8576
+ layout: 6
8577
+ },
8578
+ {
8579
+ type: "HorizontalLayout",
8580
+ config: {
8581
+ main: {
8582
+ direction: "row"
7893
8583
  },
7894
- elements: [
7895
- {
7896
- type: "Control",
7897
- scope: "#/properties/heading",
7898
- options: {
7899
- widget: "Box"
8584
+ style: {
8585
+ flexDirection: "row",
8586
+ position: "absolute",
8587
+ bottom: 0,
8588
+ marginBottom: "-8px",
8589
+ height: "fit-content",
8590
+ overflow: "hidden",
8591
+ zIndex: 1e3,
8592
+ width: "inherit"
8593
+ }
8594
+ },
8595
+ elements: [
8596
+ {
8597
+ type: "Control",
8598
+ scope: "#/properties/FooterText",
8599
+ options: {
8600
+ widget: "Box"
8601
+ },
8602
+ config: {
8603
+ main: {
8604
+ heading: "Copywriter@ACT21.IO"
7900
8605
  },
7901
- config: {
7902
- layout: 8,
7903
- main: {
7904
- heading: "Response Event"
7905
- },
7906
- style: {
7907
- fontFamily: "Roboto",
7908
- fontWeight: "500",
7909
- paddingLeft: "-10px",
7910
- fontSize: "20px"
7911
- }
8606
+ style: {
8607
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
8608
+ fontSize: "12px",
8609
+ textAlign: "center",
8610
+ lineHeight: 1,
8611
+ width: "fit-content",
8612
+ left: "50%",
8613
+ position: "relative",
8614
+ margin: 0,
8615
+ flexGrow: 1,
8616
+ height: 0
7912
8617
  }
8618
+ }
8619
+ },
8620
+ {
8621
+ type: "Control",
8622
+ scope: "#/properties/backIcon",
8623
+ options: {
8624
+ widget: "Box"
7913
8625
  },
7914
- {
7915
- type: "Control",
7916
- scope: "#/properties/AddButton",
7917
- options: {
7918
- widget: "IconButton"
8626
+ config: {
8627
+ main: {
8628
+ iconName: "PrevIcon",
8629
+ onClick: "backHandler",
8630
+ width: "fit-content"
7919
8631
  },
7920
- config: {
7921
- layout: 3,
7922
- main: {
7923
- icon: "AddIcon",
7924
- styleDefault: true,
7925
- size: "small",
7926
- onClick: "addEvent",
7927
- tooltipMessage: "Back"
7928
- },
7929
- style: {
7930
- float: "right"
8632
+ style: {
8633
+ fill: theme.palette.primary.main,
8634
+ width: 20,
8635
+ height: 0,
8636
+ margin: 0,
8637
+ top: 0,
8638
+ right: "82px",
8639
+ position: "absolute",
8640
+ fontSize: "12px",
8641
+ cursor: "pointer",
8642
+ ":hover": {
8643
+ fill: theme.palette.primary.dark
7931
8644
  }
7932
8645
  }
8646
+ }
8647
+ },
8648
+ {
8649
+ type: "Control",
8650
+ scope: "#/properties/text",
8651
+ options: {
8652
+ widget: "Box"
7933
8653
  },
7934
- {
7935
- type: "Control",
7936
- scope: "#/properties/events",
7937
- options: {
7938
- widget: "Table"
7939
- },
7940
- config: {
7941
- main: {
7942
- disableAction: true,
7943
- disableSelection: true,
7944
- enableDrag: true
7945
- }
8654
+ config: {
8655
+ main: {
8656
+ heading: "Previous Page",
8657
+ onClick: "backHandler"
7946
8658
  },
7947
- elements: [
7948
- {
7949
- accessorKey: "eventType",
7950
- header: "Event Type"
7951
- },
7952
- {
7953
- accessorKey: "Handler",
7954
- header: "Handler"
7955
- },
7956
- {
7957
- accessorKey: "Edit_Approve_Records",
7958
- header: "Edit Widget",
7959
- widget: {
7960
- type: "Control",
7961
- scope: "#/properties/Edit_Records",
7962
- options: {
7963
- widget: "IconButton"
7964
- },
7965
- config: {
7966
- main: {
7967
- color: "info",
7968
- size: "small",
7969
- icon: "EditIcon",
7970
- tooltipMessage: "Edit This Record",
7971
- onClick: "editEvent"
7972
- },
7973
- style: {
7974
- color: "#3949ab"
7975
- }
7976
- }
7977
- }
7978
- },
7979
- {
7980
- accessorKey: "Reject_Records",
7981
- header: "Delete",
7982
- widget: {
7983
- type: "Control",
7984
- scope: "#/properties/RejectButton",
7985
- options: {
7986
- widget: "IconButton"
7987
- },
7988
- config: {
7989
- main: {
7990
- icon: "RejectIcon",
7991
- color: "error",
7992
- tooltipMessage: "Reject This Record",
7993
- onClick: "deleteEvent"
7994
- }
7995
- }
7996
- }
8659
+ style: {
8660
+ textAlign: "left",
8661
+ lineHeight: 1,
8662
+ height: 0,
8663
+ width: "fit-content",
8664
+ color: theme.palette.primary.main,
8665
+ fontSize: "12px",
8666
+ cursor: "pointer",
8667
+ marginLeft: "2px",
8668
+ marginRight: 0,
8669
+ top: 3,
8670
+ right: "12px",
8671
+ position: "absolute",
8672
+ ":hover": {
8673
+ color: theme.palette.primary.dark
7997
8674
  }
7998
- ]
8675
+ }
7999
8676
  }
8000
- ]
8001
- }
8002
- ]
8003
- },
8004
- {
8005
- type: "Control",
8006
- scope: "#/properties/proc",
8007
- config: {
8008
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8009
- },
8010
- options: {
8011
- widget: "EmptyBox"
8012
- }
8013
- },
8014
- {
8015
- type: "Control",
8016
- scope: "#/properties/btn",
8017
- options: {
8018
- widget: "Button"
8019
- },
8020
- config: {
8021
- layout: {
8022
- xs: 11,
8023
- sm: 11,
8024
- md: 2.5,
8025
- lg: 2.5
8026
- },
8027
- main: {
8028
- name: "Ok",
8029
- startIcon: "ApproveIcon",
8030
- variant: "contained",
8031
- color: "info",
8032
- type: "text",
8033
- onClick: "okHandler",
8034
- size: "small"
8035
- },
8036
- style: {
8037
- marginBottom: "8px",
8038
- float: "right"
8039
- }
8040
- }
8041
- },
8042
- {
8043
- type: "Control",
8044
- scope: "#/properties/btnSubmit",
8045
- options: {
8046
- widget: "Button"
8047
- },
8048
- config: {
8049
- layout: {
8050
- xs: 11,
8051
- sm: 11,
8052
- md: 2.5,
8053
- lg: 2.5
8054
- },
8055
- main: {
8056
- name: "Save & Exit",
8057
- startIcon: "ApproveIcon",
8058
- variant: "contained",
8059
- color: "info",
8060
- type: "text",
8061
- onClick: "saveHandler",
8062
- size: "small"
8063
- },
8064
- style: {
8065
- marginBottom: "8px",
8066
- float: "right"
8067
- }
8677
+ }
8678
+ ]
8068
8679
  }
8069
- },
8070
- {
8071
- type: "Control",
8072
- scope: "#/properties/notify",
8073
- options: {
8074
- widget: "Notify"
8075
- },
8076
- layout: 6
8077
- }
8078
- ]
8680
+ ]
8681
+ };
8682
+ return uiSchema;
8079
8683
  };
8080
8684
  const APISection = {
8081
8685
  type: "HorizontalLayout",
@@ -8255,6 +8859,17 @@ const refreshSectionUiSchema = {
8255
8859
  }
8256
8860
  }
8257
8861
  },
8862
+ {
8863
+ type: "Control",
8864
+ scope: "#/properties/emptyBox",
8865
+ options: {
8866
+ widget: "EmptyBox"
8867
+ },
8868
+ config: {
8869
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8870
+ main: {}
8871
+ }
8872
+ },
8258
8873
  {
8259
8874
  type: "Control",
8260
8875
  scope: "#/properties/emptyBox",
@@ -8272,18 +8887,6 @@ const refreshSectionUiSchema = {
8272
8887
  }
8273
8888
  ]
8274
8889
  };
8275
- var emptyBox = {
8276
- type: "Control",
8277
- scope: "#/properties/emptyBox",
8278
- options: {
8279
- widget: "EmptyBox"
8280
- },
8281
- config: {
8282
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8283
- main: {},
8284
- style: {}
8285
- }
8286
- };
8287
8890
  var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8288
8891
  return {
8289
8892
  setPage: async function() {
@@ -8294,23 +8897,24 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8294
8897
  this.refreshPage(formdata.Handler, store2);
8295
8898
  },
8296
8899
  refreshPage: (handlerType, store22) => {
8297
- const uiSchema = _.cloneDeep(EventUiSchema);
8900
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8298
8901
  const schema2 = _.cloneDeep(EventSchema);
8299
8902
  if (handlerType) {
8300
8903
  if (handlerType === "custom") {
8301
8904
  uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8302
- uiSchema.elements[1].elements[0].elements[3] = emptyBox;
8303
- uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
8905
+ uiSchema.elements[1].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8304
8906
  schema2.required = ["eventType", "Handler", "eventCode"];
8305
8907
  } else if (handlerType === "api") {
8306
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8908
+ uiSchema.elements[1].elements[0].elements[2] = emptyBox;
8909
+ uiSchema.elements[1].elements[0].elements[3] = APISection;
8307
8910
  schema2.required = ["eventType", "Handler", "method", "path"];
8308
8911
  } else if (handlerType === "inBuiltFunction") {
8309
8912
  uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8310
- uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8913
+ uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
8311
8914
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8312
8915
  } else if (handlerType === "refresh") {
8313
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8916
+ uiSchema.elements[1].elements[0].elements[2] = emptyBox;
8917
+ uiSchema.elements[1].elements[0].elements[3] = refreshSectionUiSchema;
8314
8918
  schema2.properties.refreshElements.required = ["value"];
8315
8919
  schema2.properties.refreshElements.items.required = ["value"];
8316
8920
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8362,9 +8966,17 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8362
8966
  store2.setSearchParams(store2.searchParams);
8363
8967
  this.setPage();
8364
8968
  },
8365
- deleteEvent: Component(store2, dynamicData2, submitHandler, service2).deleteEvent,
8969
+ deleteEvent: async function() {
8970
+ await Component(store2, dynamicData2, submitHandler, service2).deleteEvent(false);
8971
+ store2.updateDialog("popUpEvent");
8972
+ },
8366
8973
  backHandler: function() {
8367
8974
  store2.navigate(-1);
8975
+ },
8976
+ deletePopUpEvent: function() {
8977
+ const rowId = dynamicData2.path.split(".")[1];
8978
+ localStorage.setItem("rowId", rowId);
8979
+ store2.updateDialog("popUpEvent");
8368
8980
  }
8369
8981
  };
8370
8982
  };
@@ -8486,7 +9098,6 @@ function getRefreshElements(eventConfig, eventGropus) {
8486
9098
  result.push(result[0]);
8487
9099
  }
8488
9100
  }
8489
- console.log(result);
8490
9101
  return result;
8491
9102
  }
8492
9103
  async function executeRefreshHandler(params2) {
@@ -8588,17 +9199,25 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
8588
9199
  }
8589
9200
  }
8590
9201
  }
8591
- const buildBodyFormat = (body2, formData, userValue2) => {
9202
+ const buildBodyFormat = (body2, formData, userValue2, store2) => {
8592
9203
  let finalBody = { ...userValue2 == null ? void 0 : userValue2.payload };
8593
9204
  body2.map((elem) => {
8594
- var _a, _b;
9205
+ var _a, _b, _c, _d, _e;
8595
9206
  if (typeof (elem == null ? void 0 : elem.value) !== "string") {
8596
9207
  finalBody[elem.key] = elem.value;
8597
9208
  } else {
8598
9209
  if ((_a = elem == null ? void 0 : elem.value) == null ? void 0 : _a.startsWith("$userValue")) {
8599
9210
  const finalpath = elem.value.substring(11);
8600
9211
  finalBody[elem.key] = _.get(userValue2, finalpath);
8601
- } else if ((_b = elem == null ? void 0 : elem.value) == null ? void 0 : _b.startsWith("$")) {
9212
+ } else if ((_b = elem == null ? void 0 : elem.value) == null ? void 0 : _b.startsWith("$urlParams")) {
9213
+ const finalpath = elem.value.substring(11);
9214
+ const value = (_c = store2 == null ? void 0 : store2.searchParams) == null ? void 0 : _c.get(finalpath);
9215
+ finalBody[elem.key] = value;
9216
+ } else if ((_d = elem == null ? void 0 : elem.value) == null ? void 0 : _d.startsWith("$local")) {
9217
+ const finalpath = elem.value.substring(7);
9218
+ const value = JSON.parse(localStorage.getItem(finalpath) || '""');
9219
+ finalBody[elem.key] = value;
9220
+ } else if ((_e = elem == null ? void 0 : elem.value) == null ? void 0 : _e.startsWith("$")) {
8602
9221
  const finalpath = elem.value.substring(1);
8603
9222
  finalBody[elem.key] = _.get(formData, finalpath);
8604
9223
  } else if ((elem == null ? void 0 : elem.value) === "*" && (elem == null ? void 0 : elem.key) === "*") {
@@ -8646,7 +9265,7 @@ function buildApiPayload(compConfig, body, headers, store, dynamicData, userValu
8646
9265
  headers = buildHeadersFormat(compConfig.headers);
8647
9266
  }
8648
9267
  if (compConfig.body) {
8649
- body = { ...buildBodyFormat(compConfig.body, store.newData || ((_b = (_a = store == null ? void 0 : store.ctx) == null ? void 0 : _a.core) == null ? void 0 : _b.data) || store.formData, userValue) };
9268
+ body = { ...buildBodyFormat(compConfig.body, store.newData || ((_b = (_a = store == null ? void 0 : store.ctx) == null ? void 0 : _a.core) == null ? void 0 : _b.data) || store.formData, userValue, store) };
8650
9269
  }
8651
9270
  const promiseChain = { body, headers };
8652
9271
  if (compConfig.apiBody) {
@@ -8727,7 +9346,7 @@ var service = (funcParams) => {
8727
9346
  };
8728
9347
  return {
8729
9348
  setPage: async function() {
8730
- var _a;
9349
+ var _a, _b, _c, _d;
8731
9350
  funcParams.store.setFormdata({});
8732
9351
  funcParams.store.newData = {};
8733
9352
  const pageBasicDetailString = localStorage.getItem("pagemasterMetaData");
@@ -8743,7 +9362,114 @@ var service = (funcParams) => {
8743
9362
  }
8744
9363
  const config = pageData == null ? void 0 : pageData.config;
8745
9364
  const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
8746
- const schema2 = (_a = pageData == null ? void 0 : pageData.schema) != null ? _a : { type: "object", properties: {} };
9365
+ window.localStorage.setItem("pageName", config.label);
9366
+ window.dispatchEvent(new Event("pageNameChanged"));
9367
+ const theme = (_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
9368
+ uiSchema.elements.push(
9369
+ {
9370
+ type: "HorizontalLayout",
9371
+ config: {
9372
+ main: {
9373
+ direction: "row"
9374
+ },
9375
+ style: {
9376
+ flexDirection: "row",
9377
+ position: "absolute",
9378
+ bottom: 0,
9379
+ marginBottom: "-8px",
9380
+ height: "fit-content",
9381
+ overflow: "hidden",
9382
+ zIndex: 1e3,
9383
+ width: "inherit"
9384
+ }
9385
+ },
9386
+ elements: [
9387
+ {
9388
+ type: "Control",
9389
+ scope: "#/properties/FooterText",
9390
+ options: {
9391
+ widget: "Box"
9392
+ },
9393
+ config: {
9394
+ main: {
9395
+ heading: "Copywriter@ACT21.IO"
9396
+ },
9397
+ style: {
9398
+ color: ((_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text.disabled) || "#AFAFAF",
9399
+ fontSize: "12px",
9400
+ textAlign: "center",
9401
+ lineHeight: 1,
9402
+ width: "fit-content",
9403
+ left: "50%",
9404
+ position: "relative",
9405
+ margin: 0,
9406
+ flexGrow: 1,
9407
+ height: 0
9408
+ }
9409
+ }
9410
+ },
9411
+ {
9412
+ type: "Control",
9413
+ scope: "#/properties/backIcon",
9414
+ options: {
9415
+ widget: "Box"
9416
+ },
9417
+ config: {
9418
+ main: {
9419
+ iconName: "PrevIcon",
9420
+ onClick: "backHandler",
9421
+ width: "fit-content"
9422
+ },
9423
+ style: {
9424
+ fill: theme.palette.primary.main,
9425
+ width: 20,
9426
+ height: 0,
9427
+ margin: 0,
9428
+ top: 0,
9429
+ right: "82px",
9430
+ position: "absolute",
9431
+ fontSize: "12px",
9432
+ cursor: "pointer",
9433
+ ":hover": {
9434
+ fill: theme.palette.primary.dark
9435
+ }
9436
+ }
9437
+ }
9438
+ },
9439
+ {
9440
+ type: "Control",
9441
+ scope: "#/properties/text",
9442
+ options: {
9443
+ widget: "Box"
9444
+ },
9445
+ config: {
9446
+ main: {
9447
+ heading: "Previous Page",
9448
+ onClick: "backHandler"
9449
+ },
9450
+ style: {
9451
+ textAlign: "left",
9452
+ lineHeight: 1,
9453
+ height: 0,
9454
+ width: "fit-content",
9455
+ color: theme.palette.primary.main,
9456
+ fontSize: "12px",
9457
+ cursor: "pointer",
9458
+ marginLeft: "2px",
9459
+ marginRight: 0,
9460
+ top: 3,
9461
+ right: "12px",
9462
+ position: "absolute",
9463
+ ":hover": {
9464
+ color: theme.palette.primary.dark
9465
+ }
9466
+ }
9467
+ }
9468
+ }
9469
+ ]
9470
+ }
9471
+ );
9472
+ const schema2 = (_d = pageData == null ? void 0 : pageData.schema) != null ? _d : { type: "object", properties: {} };
8747
9473
  eventGroups = {};
8748
9474
  eventGroups = extractEvents(config);
8749
9475
  executeEventsParameters = {
@@ -8768,8 +9494,6 @@ var service = (funcParams) => {
8768
9494
  eventGroups,
8769
9495
  formDataHolder
8770
9496
  });
8771
- const jsonres = await fetch("https://jsonplaceholder.typicode.com/todos/1");
8772
- await jsonres.json();
8773
9497
  funcParams.store.setSchema(
8774
9498
  (pre) => {
8775
9499
  return {
@@ -8929,9 +9653,12 @@ var leaderBoard = {
8929
9653
  label: "LeaderBoard",
8930
9654
  divider: true
8931
9655
  },
8932
- style: { wrapperStyle: {
8933
- height: { xs: 850, sm: 1e3 }
8934
- } },
9656
+ style: {
9657
+ wrapperStyle: {
9658
+ display: "flex",
9659
+ gap: "10px"
9660
+ }
9661
+ },
8935
9662
  wrapperStyle: {
8936
9663
  position: "relative",
8937
9664
  width: "100%"
@@ -9240,11 +9967,11 @@ var leaderBoard = {
9240
9967
  fontWeight: 900,
9241
9968
  background: "rgb(179, 198, 255)"
9242
9969
  },
9243
- position: "absolute",
9244
9970
  top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
9245
9971
  border: "2px solid rgb(179, 198, 255)",
9246
9972
  width: "95%",
9247
- left: "2.5%"
9973
+ left: "2.5%",
9974
+ margin: "auto"
9248
9975
  },
9249
9976
  main: {
9250
9977
  disableAction: true,
@@ -9589,6 +10316,7 @@ const buildStackbarGraph = (config, componentScope) => {
9589
10316
  if (config.leftLabel) {
9590
10317
  barGraph.config.main.leftLabel = config.leftLabel;
9591
10318
  }
10319
+ barGraph.scope = componentScope;
9592
10320
  return barGraph;
9593
10321
  };
9594
10322
  var RunnerBoyProgressBar = {
@@ -9653,7 +10381,7 @@ const buildWrapperSection = (config, componentScope) => {
9653
10381
  wrapper.scope = componentScope;
9654
10382
  wrapper.config.main.label = config.label;
9655
10383
  wrapper.config.main.divider = config.divider === "YES" ? true : false;
9656
- wrapper.config.main.isAccordion = config.isAccordion === "YES" ? true : false;
10384
+ wrapper.config.main.isAccordion = config.isAccordion === "No" ? false : true;
9657
10385
  if (config.defaultStyle) {
9658
10386
  wrapper.config.defaultStyle = config.defaultStyle === "YES" ? true : false;
9659
10387
  }
@@ -9738,12 +10466,7 @@ var Button = {
9738
10466
  widget: "Button"
9739
10467
  },
9740
10468
  config: {
9741
- layout: {
9742
- xs: 11,
9743
- sm: 11,
9744
- md: 5.5,
9745
- lg: 5.5
9746
- },
10469
+ layout: 3,
9747
10470
  main: {
9748
10471
  name: "Compare",
9749
10472
  variant: "contained",
@@ -9753,7 +10476,7 @@ var Button = {
9753
10476
  styleDefault: false,
9754
10477
  icon: "",
9755
10478
  onClick: "onClick",
9756
- size: "small"
10479
+ size: "medium"
9757
10480
  },
9758
10481
  style: {}
9759
10482
  }
@@ -9918,12 +10641,7 @@ const uploadFile = {
9918
10641
  "style": {
9919
10642
  "backgroundColor": "none"
9920
10643
  },
9921
- "layout": {
9922
- "lg": 5.5,
9923
- "md": 5.5,
9924
- "sm": 11,
9925
- "xs": 11
9926
- }
10644
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
9927
10645
  },
9928
10646
  "options": {
9929
10647
  "widget": "UploadFile"
@@ -9940,12 +10658,7 @@ const downloadFile = {
9940
10658
  "style": {
9941
10659
  "backgroundColor": "none"
9942
10660
  },
9943
- "layout": {
9944
- "lg": 5.5,
9945
- "md": 5.5,
9946
- "sm": 11,
9947
- "xs": 11
9948
- }
10661
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
9949
10662
  },
9950
10663
  "options": {
9951
10664
  "widget": "DownloadFile"
@@ -10291,7 +11004,7 @@ const buildBasicUiSchema = (config) => {
10291
11004
  pageName: config.name,
10292
11005
  name: config.name,
10293
11006
  accessorKey: config.name,
10294
- headeing: config.label || config.name,
11007
+ heading: config.label || config.name,
10295
11008
  "elements": []
10296
11009
  };
10297
11010
  };
@@ -10424,7 +11137,7 @@ const RadioUiSchema = {
10424
11137
  widget: "RadioInputField"
10425
11138
  },
10426
11139
  config: {
10427
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
11140
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10428
11141
  main: {
10429
11142
  label: "Enabled",
10430
11143
  options: ["YES", "NO"],
@@ -10448,11 +11161,11 @@ const buildRadio = (config, componentScope) => {
10448
11161
  return Radio;
10449
11162
  };
10450
11163
  const buildEmptyBox = (config, componentScope) => {
10451
- const EmptyBox2 = _.cloneDeep(emptyBox);
11164
+ const EmptyBox = _.cloneDeep(emptyBox);
10452
11165
  if (config.layout) {
10453
- EmptyBox2.config.layout = createLayoutFormat(config.layout);
11166
+ EmptyBox.config.layout = createLayoutFormat(config.layout);
10454
11167
  }
10455
- return EmptyBox2;
11168
+ return EmptyBox;
10456
11169
  };
10457
11170
  const ArrayUiSchema = {
10458
11171
  type: "Control",
@@ -10533,7 +11246,7 @@ const FileInput = {
10533
11246
  widget: "FileInputField"
10534
11247
  },
10535
11248
  config: {
10536
- layout: 11.5,
11249
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10537
11250
  main: {
10538
11251
  required: false,
10539
11252
  onUpload: "onFileUpload",
@@ -10976,7 +11689,7 @@ const buildUiSchema = (config) => {
10976
11689
  switch (config.graphType) {
10977
11690
  case "BarGraph":
10978
11691
  case "StackBarGraph":
10979
- elements = buildStackbarGraph(config);
11692
+ elements = buildStackbarGraph(config, componentScope);
10980
11693
  break;
10981
11694
  case "LineGraph":
10982
11695
  elements = buildLineGraph(config, componentScope);