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

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