impaktapps-ui-builder 0.0.382-alpha.10 → 0.0.382-alpha.1000

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 (18) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1322 -910
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +6 -4
  6. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  7. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +3 -2
  8. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  9. package/package.json +1 -1
  10. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +1 -1
  11. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +18 -4
  12. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +4 -2
  13. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +438 -304
  14. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +506 -323
  15. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +353 -364
  16. package/src/impaktapps-ui-builder/builder/services/component.ts +25 -7
  17. package/src/impaktapps-ui-builder/builder/services/event.ts +17 -9
  18. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +19 -3
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,387 +36,555 @@ const PageMasterSchema = {
36
36
  },
37
37
  required: ["label", "name"]
38
38
  };
39
- const PageMasterUiSchema = (theme) => {
40
- var _a;
41
- const uiSchema = {
42
- type: "HorizontalLayout",
43
- heading: "Page Master",
44
- elements: [
45
- {
46
- type: "Control",
47
- scope: "#/properties/name",
48
- options: {
49
- widget: "InputField"
39
+ const PageMasterUiSchema = {
40
+ type: "HorizontalLayout",
41
+ elements: [
42
+ {
43
+ type: "WrapperLayout",
44
+ config: {
45
+ main: {
46
+ rowSpacing: 1,
47
+ header: true
50
48
  },
51
- config: {
52
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
53
- main: {
54
- label: "Name",
55
- options: [],
56
- color: "secondary",
57
- errorMessage: "Name should be start with 'page_'",
58
- helperText: 'Name should be start with "page_"',
59
- required: true
60
- }
61
- }
49
+ defaultStyle: true
62
50
  },
63
- {
64
- type: "Control",
65
- scope: "#/properties/label",
66
- options: {
67
- widget: "InputField"
51
+ elements: [
52
+ {
53
+ type: "Control",
54
+ scope: "#/properties/pageMaster",
55
+ options: {
56
+ widget: "Box"
57
+ },
58
+ config: {
59
+ layout: 8,
60
+ main: {
61
+ heading: "Page Master"
62
+ }
63
+ }
68
64
  },
69
- config: {
70
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
71
- main: {
72
- label: "Label",
73
- options: [],
74
- color: "secondary",
75
- required: true
65
+ {
66
+ type: "Control",
67
+ scope: "#/properties/Back_Button",
68
+ options: {
69
+ widget: "IconButton"
70
+ },
71
+ config: {
72
+ layout: 3,
73
+ main: {
74
+ icon: "BackIcon",
75
+ styleDefault: true,
76
+ size: "small",
77
+ onClick: "backHandler",
78
+ tooltipMessage: "Back"
79
+ },
80
+ style: {
81
+ float: "right"
82
+ }
76
83
  }
77
84
  }
85
+ ]
86
+ },
87
+ {
88
+ type: "WrapperLayout",
89
+ config: {
90
+ main: {
91
+ label: "Page Template",
92
+ divider: true
93
+ },
94
+ defaultStyle: true
78
95
  },
79
- {
80
- type: "Control",
81
- scope: "#/properties/emptyBox",
82
- options: {
83
- widget: "EmptyBox"
96
+ elements: [
97
+ {
98
+ type: "Control",
99
+ scope: "#/properties/name",
100
+ options: {
101
+ widget: "InputField"
102
+ },
103
+ config: {
104
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
105
+ main: {
106
+ label: "Name",
107
+ options: [],
108
+ color: "secondary",
109
+ errorMessage: "Name should be start with 'page_'",
110
+ helperText: 'Name should be start with "page_"',
111
+ required: true
112
+ }
113
+ }
84
114
  },
85
- config: {
86
- layout: { xs: 0, sm: 4 }
115
+ {
116
+ type: "Control",
117
+ scope: "#/properties/label",
118
+ options: {
119
+ widget: "InputField"
120
+ },
121
+ config: {
122
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
123
+ main: {
124
+ label: "Label",
125
+ options: [],
126
+ color: "secondary",
127
+ required: true
128
+ }
129
+ }
87
130
  }
131
+ ]
132
+ },
133
+ {
134
+ type: "TabLayout",
135
+ config: {
136
+ main: {
137
+ tabLabels: ["Components", "events"],
138
+ divider: true
139
+ },
140
+ defaultStyle: true
88
141
  },
89
- {
90
- type: "TabLayout",
91
- config: {
92
- main: {
93
- tabLabels: ["Components", "events"],
94
- divider: true
142
+ elements: [
143
+ {
144
+ type: "WrapperLayout",
145
+ config: {
146
+ main: {
147
+ divider: true
148
+ },
149
+ wrapperStyle: {
150
+ border: "1px solid gray"
151
+ }
95
152
  },
96
- defaultStyle: true
97
- },
98
- elements: [
99
- {
100
- type: "Control",
101
- scope: "#/properties/elements",
102
- options: {
103
- widget: "Table"
153
+ elements: [
154
+ {
155
+ type: "Control",
156
+ scope: "#/properties/heading",
157
+ options: {
158
+ widget: "Box"
159
+ },
160
+ config: {
161
+ layout: 8,
162
+ main: {
163
+ heading: "Components Table"
164
+ },
165
+ style: {
166
+ fontFamily: "Roboto",
167
+ fontWeight: "500",
168
+ paddingLeft: "-10px",
169
+ fontSize: "20px"
170
+ }
171
+ }
104
172
  },
105
- config: {
106
- main: {
107
- headerIcons: {
108
- elements: [
109
- {
110
- widget: {
111
- type: "Control",
112
- scope: "#/properties/New_Record",
113
- options: {
114
- widget: "IconButton"
115
- },
116
- config: {
117
- main: {
118
- color: "info",
119
- onClick: "onAddClickHandler",
120
- size: "small",
121
- icon: "AddIcon",
122
- iconLabel: "Add New",
123
- styleDefault: true
124
- },
125
- style: {
126
- mt: "6px"
127
- }
128
- }
129
- }
130
- }
131
- ]
173
+ {
174
+ type: "Control",
175
+ scope: "#/properties/AddButton",
176
+ options: {
177
+ widget: "IconButton"
178
+ },
179
+ config: {
180
+ layout: 3,
181
+ main: {
182
+ icon: "AddIcon",
183
+ styleDefault: true,
184
+ size: "small",
185
+ onClick: "onAddClickHandler",
186
+ tooltipMessage: "Add New"
132
187
  },
133
- disableAction: true,
134
- disableSelection: true,
135
- enableDrag: true
188
+ style: {
189
+ float: "right"
190
+ }
136
191
  }
137
192
  },
138
- elements: [
139
- {
140
- accessorKey: "name",
141
- header: "Name"
193
+ {
194
+ type: "Control",
195
+ scope: "#/properties/elements",
196
+ options: {
197
+ widget: "Table"
142
198
  },
143
- {
144
- accessorKey: "type",
145
- header: "Type"
199
+ config: {
200
+ main: {
201
+ disableAction: true,
202
+ disableSelection: true,
203
+ enableDrag: true
204
+ }
146
205
  },
147
- {
148
- header: "Edit",
149
- field: "Reject_Records",
150
- flex: 1,
151
- widget: {
152
- type: "Control",
153
- scope: "#/properties/RejectButton",
154
- options: {
155
- widget: "IconButton"
156
- },
157
- config: {
158
- main: {
159
- icon: "EditIcon",
160
- color: "primary",
161
- onClick: "Edit_Components",
162
- tooltipMessage: "Edit This Record"
206
+ elements: [
207
+ {
208
+ accessorKey: "name",
209
+ header: "Name"
210
+ },
211
+ {
212
+ accessorKey: "type",
213
+ header: "Type"
214
+ },
215
+ {
216
+ header: "Edit",
217
+ field: "Reject_Records",
218
+ flex: 1,
219
+ widget: {
220
+ type: "Control",
221
+ scope: "#/properties/RejectButton",
222
+ options: {
223
+ widget: "IconButton"
224
+ },
225
+ config: {
226
+ main: {
227
+ icon: "EditIcon",
228
+ color: "primary",
229
+ onClick: "Edit_Components",
230
+ tooltipMessage: "Edit This Record"
231
+ }
163
232
  }
164
233
  }
165
- }
166
- },
167
- {
168
- header: "Delete",
169
- field: "Reject_Records",
170
- flex: 1,
171
- widget: {
172
- type: "Control",
173
- scope: "#/properties/RejectButton",
174
- options: {
175
- widget: "IconButton"
176
- },
177
- config: {
178
- main: {
179
- icon: "RejectIcon",
180
- color: "error",
181
- onClick: "Delete_Components",
182
- tooltipMessage: "Reject This Record"
234
+ },
235
+ {
236
+ header: "Delete",
237
+ field: "Reject_Records",
238
+ flex: 1,
239
+ widget: {
240
+ type: "Control",
241
+ scope: "#/properties/RejectButton",
242
+ options: {
243
+ widget: "IconButton"
244
+ },
245
+ config: {
246
+ main: {
247
+ icon: "RejectIcon",
248
+ color: "error",
249
+ onClick: "deletePopUpComponent",
250
+ tooltipMessage: "Reject This Record"
251
+ }
183
252
  }
184
253
  }
185
254
  }
186
- }
187
- ]
255
+ ]
256
+ }
257
+ ]
258
+ },
259
+ {
260
+ type: "WrapperLayout",
261
+ config: {
262
+ main: {
263
+ divider: true
264
+ },
265
+ wrapperStyle: {
266
+ border: "1px solid gray"
267
+ }
188
268
  },
189
- {
190
- type: "Control",
191
- scope: "#/properties/events",
192
- options: {
193
- widget: "Table"
269
+ elements: [
270
+ {
271
+ type: "Control",
272
+ scope: "#/properties/heading",
273
+ options: {
274
+ widget: "Box"
275
+ },
276
+ config: {
277
+ layout: 8,
278
+ main: {
279
+ heading: "Event Table"
280
+ },
281
+ style: {
282
+ fontFamily: "Roboto",
283
+ fontWeight: "500",
284
+ paddingLeft: "-10px",
285
+ fontSize: "20px"
286
+ }
287
+ }
194
288
  },
195
- config: {
196
- main: {
197
- headerIcons: {
198
- elements: [
199
- {
200
- widget: {
201
- type: "Control",
202
- scope: "#/properties/New_Record",
203
- options: {
204
- widget: "IconButton"
205
- },
206
- config: {
207
- main: {
208
- color: "info",
209
- onClick: "eventAddHandler",
210
- size: "small",
211
- icon: "AddIcon",
212
- iconLabel: "Add New",
213
- styleDefault: true
214
- },
215
- style: {
216
- mt: "6px"
217
- }
218
- }
219
- }
220
- }
221
- ]
289
+ {
290
+ type: "Control",
291
+ scope: "#/properties/AddButton",
292
+ options: {
293
+ widget: "IconButton"
294
+ },
295
+ config: {
296
+ layout: 3,
297
+ main: {
298
+ icon: "AddIcon",
299
+ styleDefault: true,
300
+ size: "small",
301
+ onClick: "eventAddHandler",
302
+ tooltipMessage: "Back"
222
303
  },
223
- disableAction: true,
224
- disableSelection: true,
225
- enableDrag: true
304
+ style: {
305
+ float: "right"
306
+ }
226
307
  }
227
308
  },
228
- elements: [
229
- {
230
- accessorKey: "eventType",
231
- header: "Event Type"
309
+ {
310
+ type: "Control",
311
+ scope: "#/properties/events",
312
+ options: {
313
+ widget: "Table"
232
314
  },
233
- {
234
- accessorKey: "Handler",
235
- header: "Handler"
315
+ config: {
316
+ main: {
317
+ disableAction: true,
318
+ disableSelection: true,
319
+ enableDrag: true
320
+ }
236
321
  },
237
- {
238
- accessorKey: "Edit_Approve_Records",
239
- header: "Edit Widget",
240
- widget: {
241
- type: "Control",
242
- scope: "#/properties/Edit_Records",
243
- options: {
244
- widget: "IconButton"
245
- },
246
- config: {
247
- main: {
248
- color: "info",
249
- size: "small",
250
- icon: "EditIcon",
251
- tooltipMessage: "Edit This Record",
252
- onClick: "editEvent"
322
+ elements: [
323
+ {
324
+ accessorKey: "eventType",
325
+ header: "Event Type"
326
+ },
327
+ {
328
+ accessorKey: "Handler",
329
+ header: "Handler"
330
+ },
331
+ {
332
+ accessorKey: "Edit_Approve_Records",
333
+ header: "Edit Widget",
334
+ widget: {
335
+ type: "Control",
336
+ scope: "#/properties/Edit_Records",
337
+ options: {
338
+ widget: "IconButton"
253
339
  },
254
- style: {
255
- color: "#3949ab"
340
+ config: {
341
+ main: {
342
+ color: "info",
343
+ size: "small",
344
+ icon: "EditIcon",
345
+ tooltipMessage: "Edit This Record",
346
+ onClick: "editEvent"
347
+ },
348
+ style: {
349
+ color: "#3949ab"
350
+ }
256
351
  }
257
352
  }
258
- }
259
- },
260
- {
261
- accessorKey: "Reject_Records",
262
- header: "Delete",
263
- widget: {
264
- type: "Control",
265
- scope: "#/properties/RejectButton",
266
- options: {
267
- widget: "IconButton"
268
- },
269
- config: {
270
- main: {
271
- icon: "RejectIcon",
272
- color: "error",
273
- tooltipMessage: "Reject This Record",
274
- onClick: "deleteEvent"
353
+ },
354
+ {
355
+ accessorKey: "Reject_Records",
356
+ header: "Delete",
357
+ widget: {
358
+ type: "Control",
359
+ scope: "#/properties/RejectButton",
360
+ options: {
361
+ widget: "IconButton"
362
+ },
363
+ config: {
364
+ main: {
365
+ icon: "RejectIcon",
366
+ color: "error",
367
+ tooltipMessage: "Reject This Record",
368
+ onClick: "deletePopUpEvent"
369
+ }
275
370
  }
276
371
  }
277
372
  }
278
- }
279
- ]
280
- }
281
- ]
373
+ ]
374
+ }
375
+ ]
376
+ }
377
+ ]
378
+ },
379
+ {
380
+ type: "Control",
381
+ scope: "#/properties/popUpPageMasterEvent",
382
+ options: {
383
+ widget: "PopUp"
282
384
  },
283
- {
284
- type: "Control",
285
- scope: "#/properties/btn",
286
- options: {
287
- widget: "Button"
385
+ config: {
386
+ layout: {
387
+ xs: 12,
388
+ sm: 12,
389
+ md: 12,
390
+ lg: 12
391
+ },
392
+ main: {}
393
+ },
394
+ elements: [
395
+ {
396
+ type: "Control",
397
+ scope: "#/properties/label",
398
+ options: {
399
+ widget: "Box"
400
+ },
401
+ config: {
402
+ layout: 12,
403
+ main: {
404
+ heading: "Are you sure you want to delete ?"
405
+ },
406
+ style: {
407
+ marginTop: "-40px"
408
+ }
409
+ }
288
410
  },
289
- config: {
290
- layout: 11.9,
291
- main: {
292
- name: "Save",
293
- startIcon: "ApproveIcon",
294
- variant: "contained",
295
- color: "info",
296
- type: "text",
297
- onClick: "saveHandler",
298
- size: "medium"
411
+ {
412
+ type: "Control",
413
+ scope: "#/properties/EmptyBox",
414
+ options: {
415
+ widget: "EmptyBox"
299
416
  },
300
- style: {
301
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
302
- float: "right"
417
+ config: {
418
+ main: {},
419
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
420
+ }
421
+ },
422
+ {
423
+ type: "Control",
424
+ scope: "#/properties/ConfirmDeleteEventButton",
425
+ options: {
426
+ widget: "Button"
427
+ },
428
+ config: {
429
+ layout: 3,
430
+ main: {
431
+ name: "Yes",
432
+ startIcon: "ApproveIcon",
433
+ variant: "contained",
434
+ color: "info",
435
+ type: "text",
436
+ onClick: "deleteEvent",
437
+ size: "small"
438
+ }
439
+ }
440
+ },
441
+ {
442
+ type: "Control",
443
+ scope: "#/properties/CancelDeleteEventButton",
444
+ options: {
445
+ widget: "Button"
446
+ },
447
+ config: {
448
+ layout: 3,
449
+ main: {
450
+ name: "No",
451
+ startIcon: "ApproveIcon",
452
+ variant: "contained",
453
+ color: "info",
454
+ type: "text",
455
+ onClick: "deletePopUpEvent",
456
+ size: "small"
457
+ }
303
458
  }
304
459
  }
460
+ ]
461
+ },
462
+ {
463
+ type: "Control",
464
+ scope: "#/properties/popUpPageMasterComponent",
465
+ options: {
466
+ widget: "PopUp"
305
467
  },
306
- {
307
- type: "Control",
308
- scope: "#/properties/notify",
309
- options: {
310
- widget: "Notify"
468
+ config: {
469
+ layout: {
470
+ xs: 12,
471
+ sm: 12,
472
+ md: 12,
473
+ lg: 12
311
474
  },
312
- layout: 6
475
+ main: {}
313
476
  },
314
- {
315
- type: "HorizontalLayout",
316
- config: {
317
- style: {
318
- position: "fixed",
319
- bottom: 5,
320
- overflow: "visible",
321
- margin: "0",
322
- width: "100vw"
323
- }
324
- },
325
- elements: [
326
- {
327
- type: "Control",
328
- scope: "#/properties/EmptyBox",
329
- options: {
330
- widget: "EmptyBox"
477
+ elements: [
478
+ {
479
+ type: "Control",
480
+ scope: "#/properties/label",
481
+ options: {
482
+ widget: "Box"
483
+ },
484
+ config: {
485
+ layout: 12,
486
+ main: {
487
+ heading: "Are you sure you want to delete ?"
331
488
  },
332
- config: {
333
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
489
+ style: {
490
+ marginTop: "-40px"
334
491
  }
492
+ }
493
+ },
494
+ {
495
+ type: "Control",
496
+ scope: "#/properties/EmptyBox",
497
+ options: {
498
+ widget: "EmptyBox"
335
499
  },
336
- {
337
- type: "Control",
338
- scope: "#/properties/FooterText",
339
- options: {
340
- widget: "Box"
341
- },
342
- config: {
343
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
344
- main: {
345
- heading: "Copywriter@ACT21.IO"
346
- },
347
- style: {
348
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
349
- fontSize: "12px"
350
- }
500
+ config: {
501
+ main: {},
502
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
503
+ }
504
+ },
505
+ {
506
+ type: "Control",
507
+ scope: "#/properties/ConfirmDeleteCompButton",
508
+ options: {
509
+ widget: "Button"
510
+ },
511
+ config: {
512
+ layout: 3,
513
+ main: {
514
+ name: "Yes",
515
+ startIcon: "ApproveIcon",
516
+ variant: "contained",
517
+ color: "info",
518
+ type: "text",
519
+ onClick: "Delete_Components",
520
+ size: "small"
351
521
  }
522
+ }
523
+ },
524
+ {
525
+ type: "Control",
526
+ scope: "#/properties/CancelDeleteCompButton",
527
+ options: {
528
+ widget: "Button"
352
529
  },
353
- {
354
- type: "HorizontalLayout",
355
- config: {
356
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
357
- },
358
- elements: [
359
- {
360
- type: "Control",
361
- scope: "#/properties/EmptyBox",
362
- options: {
363
- widget: "EmptyBox"
364
- },
365
- config: {
366
- layout: 2
367
- }
368
- },
369
- {
370
- type: "Control",
371
- scope: "#/properties/backIcon",
372
- options: {
373
- widget: "Box"
374
- },
375
- config: {
376
- layout: 1,
377
- main: {
378
- iconName: "PrevIcon",
379
- onClick: "backHandler"
380
- },
381
- style: {
382
- fill: theme.palette.primary.dark,
383
- width: 20,
384
- height: 20,
385
- display: "flex",
386
- alignItems: "center",
387
- justifyContent: "center",
388
- marginRight: "-8px",
389
- cursor: "pointer"
390
- }
391
- }
392
- },
393
- {
394
- type: "Control",
395
- scope: "#/properties/text",
396
- options: {
397
- widget: "Box"
398
- },
399
- config: {
400
- layout: 9,
401
- main: {
402
- heading: "Previous Page",
403
- onClick: "backHandler"
404
- },
405
- style: {
406
- color: theme.palette.primary.dark,
407
- fontSize: "12px",
408
- cursor: "pointer",
409
- marginLeft: "-6px"
410
- }
411
- }
412
- }
413
- ]
530
+ config: {
531
+ layout: 3,
532
+ main: {
533
+ name: "No",
534
+ startIcon: "ApproveIcon",
535
+ variant: "contained",
536
+ color: "info",
537
+ type: "text",
538
+ onClick: "deletePopUpComponent",
539
+ size: "small"
540
+ }
414
541
  }
415
- ]
542
+ }
543
+ ]
544
+ },
545
+ {
546
+ type: "Control",
547
+ scope: "#/properties/btn",
548
+ options: {
549
+ widget: "EmptyBox"
550
+ },
551
+ config: {
552
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
416
553
  }
417
- ]
418
- };
419
- return uiSchema;
554
+ },
555
+ {
556
+ type: "Control",
557
+ scope: "#/properties/btn",
558
+ options: {
559
+ widget: "Button"
560
+ },
561
+ config: {
562
+ layout: 11.7,
563
+ main: {
564
+ name: "Save",
565
+ startIcon: "ApproveIcon",
566
+ variant: "contained",
567
+ color: "info",
568
+ type: "text",
569
+ onClick: "saveHandler",
570
+ size: "small"
571
+ },
572
+ style: {
573
+ marginBottom: "8px",
574
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
575
+ float: "right"
576
+ }
577
+ }
578
+ },
579
+ {
580
+ type: "Control",
581
+ scope: "#/properties/notify",
582
+ options: {
583
+ widget: "Notify"
584
+ },
585
+ layout: 6
586
+ }
587
+ ]
420
588
  };
421
589
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
422
590
  var lodash = { exports: {} };
@@ -6150,303 +6318,451 @@ const ComponentSchema = {
6150
6318
  },
6151
6319
  required: ["name"]
6152
6320
  };
6153
- const componentBasicUiSchema = (theme) => {
6154
- var _a;
6155
- const uiSchema = {
6156
- type: "HorizontalLayout",
6157
- heading: "Component",
6158
- elements: [
6159
- {
6160
- type: "TabLayout",
6161
- config: {
6162
- main: {
6163
- tabLabels: ["Core"],
6164
- defaultStyle: true,
6165
- id: `component`
6321
+ const componentBasicUiSchema = {
6322
+ type: "HorizontalLayout",
6323
+ elements: [
6324
+ {
6325
+ type: "WrapperLayout",
6326
+ config: {
6327
+ main: {
6328
+ rowSpacing: 1,
6329
+ header: true
6330
+ },
6331
+ defaultStyle: true
6332
+ },
6333
+ elements: [
6334
+ {
6335
+ type: "Control",
6336
+ scope: "#/properties/Component",
6337
+ options: {
6338
+ widget: "Box"
6339
+ },
6340
+ config: {
6341
+ layout: { xs: 12, sm: 12, md: 2 },
6342
+ main: {
6343
+ heading: "Component"
6344
+ },
6345
+ style: {
6346
+ "float": "left"
6347
+ }
6166
6348
  }
6167
6349
  },
6168
- elements: [
6169
- {
6170
- type: "HorizontalLayout",
6171
- elements: [
6172
- {
6173
- type: "Control",
6174
- scope: "#/properties/type",
6175
- options: {
6176
- widget: "SelectInputField"
6177
- },
6178
- config: {
6179
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6180
- main: {
6181
- label: "Type"
6182
- }
6350
+ {
6351
+ type: "Control",
6352
+ scope: "#/properties/pageName",
6353
+ options: {
6354
+ widget: "Box"
6355
+ },
6356
+ config: {
6357
+ layout: { xs: 7, sm: 7, md: 9 },
6358
+ main: {
6359
+ heading: " "
6360
+ },
6361
+ style: {
6362
+ float: "right",
6363
+ width: "auto",
6364
+ fontSize: "12px",
6365
+ color: "gray",
6366
+ paddingTop: "10px"
6367
+ }
6368
+ }
6369
+ },
6370
+ {
6371
+ type: "Control",
6372
+ scope: "#/properties/Back_Button",
6373
+ options: {
6374
+ widget: "IconButton"
6375
+ },
6376
+ config: {
6377
+ layout: { xs: 2, sm: 2, md: 0.5 },
6378
+ main: {
6379
+ icon: "BackIcon",
6380
+ styleDefault: true,
6381
+ size: "small",
6382
+ onClick: "backHandler",
6383
+ tooltipMessage: "Back"
6384
+ },
6385
+ style: {
6386
+ float: "right"
6387
+ }
6388
+ }
6389
+ }
6390
+ ]
6391
+ },
6392
+ {
6393
+ type: "TabLayout",
6394
+ config: {
6395
+ main: {
6396
+ tabLabels: ["Core"],
6397
+ defaultStyle: true,
6398
+ id: `component`
6399
+ }
6400
+ },
6401
+ elements: [
6402
+ {
6403
+ type: "HorizontalLayout",
6404
+ elements: [
6405
+ {
6406
+ type: "Control",
6407
+ scope: "#/properties/type",
6408
+ options: {
6409
+ widget: "SelectInputField"
6410
+ },
6411
+ config: {
6412
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6413
+ main: {
6414
+ label: "Type"
6183
6415
  }
6416
+ }
6417
+ },
6418
+ {
6419
+ type: "Control",
6420
+ scope: "#/properties/name",
6421
+ options: {
6422
+ widget: "InputField"
6184
6423
  },
6185
- {
6186
- type: "Control",
6187
- scope: "#/properties/name",
6188
- options: {
6189
- widget: "InputField"
6424
+ config: {
6425
+ layout: {
6426
+ xs: 12,
6427
+ sm: 12,
6428
+ md: 6,
6429
+ lg: 6
6190
6430
  },
6191
- config: {
6192
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6193
- main: {
6194
- label: "Name",
6195
- options: [],
6196
- color: "secondary",
6197
- required: true
6198
- }
6431
+ main: {
6432
+ label: "Name",
6433
+ options: [],
6434
+ color: "secondary",
6435
+ required: true
6199
6436
  }
6437
+ }
6438
+ },
6439
+ {
6440
+ type: "Control",
6441
+ scope: "#/properties/label",
6442
+ options: {
6443
+ widget: "InputField"
6200
6444
  },
6201
- {
6202
- type: "Control",
6203
- scope: "#/properties/label",
6204
- options: {
6205
- widget: "InputField"
6445
+ config: {
6446
+ layout: {
6447
+ xs: 12,
6448
+ sm: 12,
6449
+ md: 6,
6450
+ lg: 6
6206
6451
  },
6207
- config: {
6208
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6209
- main: {
6210
- label: "Label",
6211
- options: [],
6212
- color: "secondary",
6213
- required: true
6214
- }
6452
+ main: {
6453
+ label: "Label",
6454
+ options: [],
6455
+ color: "secondary",
6456
+ required: true
6215
6457
  }
6458
+ }
6459
+ },
6460
+ {
6461
+ type: "Control",
6462
+ scope: "#/properties/proc",
6463
+ config: {
6464
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6216
6465
  },
6217
- {
6218
- type: "Control",
6219
- scope: "#/properties/layout",
6220
- layout: 12,
6221
- options: {
6222
- detail: {
6223
- type: "HorizontalLayout",
6224
- elements: [
6225
- {
6226
- type: "Control",
6227
- scope: "#/properties/key",
6228
- options: {
6229
- widget: "SelectInputField"
6230
- },
6231
- config: {
6232
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6233
- main: {
6234
- label: "Screen Size"
6235
- }
6236
- }
6466
+ options: {
6467
+ widget: "EmptyBox"
6468
+ }
6469
+ },
6470
+ {
6471
+ type: "Control",
6472
+ scope: "#/properties/layout",
6473
+ layout: 11.5,
6474
+ options: {
6475
+ detail: {
6476
+ type: "HorizontalLayout",
6477
+ elements: [
6478
+ {
6479
+ type: "Control",
6480
+ scope: "#/properties/key",
6481
+ options: {
6482
+ widget: "SelectInputField"
6237
6483
  },
6238
- {
6239
- type: "Control",
6240
- scope: "#/properties/value",
6241
- options: {
6242
- widget: "InputField"
6484
+ config: {
6485
+ layout: {
6486
+ xs: 11,
6487
+ sm: 11,
6488
+ md: 5.5,
6489
+ lg: 5.5
6243
6490
  },
6244
- config: {
6245
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6246
- main: {
6247
- label: "Value",
6248
- type: "number",
6249
- helperText: "Number should be in range of 0 to 12",
6250
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6251
- }
6491
+ main: {
6492
+ label: "Screen Size"
6252
6493
  }
6494
+ }
6495
+ },
6496
+ {
6497
+ type: "Control",
6498
+ scope: "#/properties/value",
6499
+ options: {
6500
+ widget: "InputField"
6253
6501
  },
6254
- {
6255
- type: "Control",
6256
- scope: "#/properties/emptyBox",
6257
- options: {
6258
- widget: "EmptyBox"
6502
+ config: {
6503
+ layout: {
6504
+ xs: 11,
6505
+ sm: 11,
6506
+ md: 5.5,
6507
+ lg: 5.5
6259
6508
  },
6260
- config: {
6261
- layout: { xs: 0, sm: 4 }
6509
+ main: {
6510
+ label: "Value",
6511
+ type: "number",
6512
+ helperText: "Number should be in range of 0 to 12",
6513
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6262
6514
  }
6263
6515
  }
6264
- ]
6265
- }
6516
+ }
6517
+ ]
6266
6518
  }
6267
6519
  }
6268
- ]
6269
- }
6270
- ]
6520
+ }
6521
+ ]
6522
+ }
6523
+ ]
6524
+ },
6525
+ {
6526
+ type: "Control",
6527
+ scope: "#/properties/popUpComponentSection",
6528
+ options: {
6529
+ widget: "PopUp"
6271
6530
  },
6272
- {
6273
- type: "Control",
6274
- scope: "#/properties/EmptyBox",
6275
- options: {
6276
- widget: "EmptyBox"
6531
+ config: {
6532
+ layout: {
6533
+ xs: 12,
6534
+ sm: 12,
6535
+ md: 12,
6536
+ lg: 12
6277
6537
  },
6278
- config: {
6279
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6280
- }
6538
+ main: {}
6281
6539
  },
6282
- {
6283
- type: "Control",
6284
- scope: "#/properties/EmptyBox",
6285
- options: {
6286
- widget: "EmptyBox"
6540
+ elements: [
6541
+ {
6542
+ type: "Control",
6543
+ scope: "#/properties/label",
6544
+ options: {
6545
+ widget: "Box"
6546
+ },
6547
+ config: {
6548
+ layout: 12,
6549
+ main: {
6550
+ heading: "Are you sure you want to delete ?"
6551
+ },
6552
+ style: {
6553
+ marginTop: "-40px"
6554
+ }
6555
+ }
6287
6556
  },
6288
- config: {
6289
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6290
- }
6291
- },
6292
- {
6293
- type: "Control",
6294
- scope: "#/properties/btn",
6295
- options: {
6296
- widget: "Button"
6557
+ {
6558
+ type: "Control",
6559
+ scope: "#/properties/EmptyBox",
6560
+ options: {
6561
+ widget: "EmptyBox"
6562
+ },
6563
+ config: {
6564
+ main: {},
6565
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
6566
+ }
6297
6567
  },
6298
- config: {
6299
- layout: 1.8,
6300
- main: {
6301
- name: "Ok",
6302
- startIcon: "ApproveIcon",
6303
- variant: "contained",
6304
- color: "info",
6305
- type: "text",
6306
- onClick: "okHandler",
6307
- size: "medium"
6568
+ {
6569
+ type: "Control",
6570
+ scope: "#/properties/ConfirmDeleteCompButton",
6571
+ options: {
6572
+ widget: "Button"
6308
6573
  },
6309
- style: {
6310
- float: "right"
6574
+ config: {
6575
+ layout: 3,
6576
+ main: {
6577
+ name: "Yes",
6578
+ startIcon: "ApproveIcon",
6579
+ variant: "contained",
6580
+ color: "info",
6581
+ type: "text",
6582
+ onClick: "deleteComponents",
6583
+ size: "small"
6584
+ }
6311
6585
  }
6312
- }
6313
- },
6314
- {
6315
- type: "Control",
6316
- scope: "#/properties/btnSubmit",
6317
- options: {
6318
- widget: "Button"
6319
6586
  },
6320
- config: {
6321
- layout: 1.8,
6322
- main: {
6323
- name: "Save & Exit",
6324
- startIcon: "ApproveIcon",
6325
- variant: "contained",
6326
- color: "info",
6327
- type: "text",
6328
- onClick: "saveHandler",
6329
- size: "medium"
6587
+ {
6588
+ type: "Control",
6589
+ scope: "#/properties/CancelDeleteCompButton",
6590
+ options: {
6591
+ widget: "Button"
6330
6592
  },
6331
- style: {
6332
- float: "right"
6593
+ config: {
6594
+ layout: 3,
6595
+ main: {
6596
+ name: "No",
6597
+ startIcon: "ApproveIcon",
6598
+ variant: "contained",
6599
+ color: "info",
6600
+ type: "text",
6601
+ onClick: "deletePopUpComponent",
6602
+ size: "small"
6603
+ }
6333
6604
  }
6334
6605
  }
6606
+ ]
6607
+ },
6608
+ {
6609
+ type: "Control",
6610
+ scope: "#/properties/popUpEventSection",
6611
+ options: {
6612
+ widget: "PopUp"
6335
6613
  },
6336
- {
6337
- type: "Control",
6338
- scope: "#/properties/notify",
6339
- options: {
6340
- widget: "Notify"
6614
+ config: {
6615
+ layout: {
6616
+ xs: 12,
6617
+ sm: 12,
6618
+ md: 12,
6619
+ lg: 12
6341
6620
  },
6342
- layout: 6
6621
+ main: {}
6343
6622
  },
6344
- {
6345
- type: "HorizontalLayout",
6346
- config: {
6347
- style: {
6348
- position: "fixed",
6349
- bottom: 5,
6350
- overflow: "visible",
6351
- margin: "0",
6352
- width: "100vw"
6353
- }
6354
- },
6355
- elements: [
6356
- {
6357
- type: "Control",
6358
- scope: "#/properties/EmptyBox",
6359
- options: {
6360
- widget: "EmptyBox"
6623
+ elements: [
6624
+ {
6625
+ type: "Control",
6626
+ scope: "#/properties/label",
6627
+ options: {
6628
+ widget: "Box"
6629
+ },
6630
+ config: {
6631
+ layout: 12,
6632
+ main: {
6633
+ heading: "Are you sure you want to delete ?"
6361
6634
  },
6362
- config: {
6363
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6635
+ style: {
6636
+ marginTop: "-40px"
6364
6637
  }
6638
+ }
6639
+ },
6640
+ {
6641
+ type: "Control",
6642
+ scope: "#/properties/EmptyBox",
6643
+ options: {
6644
+ widget: "EmptyBox"
6365
6645
  },
6366
- {
6367
- type: "Control",
6368
- scope: "#/properties/FooterText",
6369
- options: {
6370
- widget: "Box"
6371
- },
6372
- config: {
6373
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6374
- main: {
6375
- heading: "Copywriter@ACT21.IO"
6376
- },
6377
- style: {
6378
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6379
- fontSize: "12px"
6380
- }
6646
+ config: {
6647
+ main: {},
6648
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
6649
+ }
6650
+ },
6651
+ {
6652
+ type: "Control",
6653
+ scope: "#/properties/ConfirmDeleteEventButton",
6654
+ options: {
6655
+ widget: "Button"
6656
+ },
6657
+ config: {
6658
+ layout: 3,
6659
+ main: {
6660
+ name: "Yes",
6661
+ startIcon: "ApproveIcon",
6662
+ variant: "contained",
6663
+ color: "info",
6664
+ type: "text",
6665
+ onClick: "deleteEvent",
6666
+ size: "small"
6381
6667
  }
6668
+ }
6669
+ },
6670
+ {
6671
+ type: "Control",
6672
+ scope: "#/properties/CancelDeleteEventButton",
6673
+ options: {
6674
+ widget: "Button"
6382
6675
  },
6383
- {
6384
- type: "HorizontalLayout",
6385
- config: {
6386
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
6387
- },
6388
- elements: [
6389
- {
6390
- type: "Control",
6391
- scope: "#/properties/EmptyBox",
6392
- options: {
6393
- widget: "EmptyBox"
6394
- },
6395
- config: {
6396
- layout: 2
6397
- }
6398
- },
6399
- {
6400
- type: "Control",
6401
- scope: "#/properties/backIcon",
6402
- options: {
6403
- widget: "Box"
6404
- },
6405
- config: {
6406
- layout: 1,
6407
- main: {
6408
- iconName: "PrevIcon",
6409
- onClick: "backHandler"
6410
- },
6411
- style: {
6412
- fill: theme.palette.primary.dark,
6413
- width: 20,
6414
- height: 20,
6415
- display: "flex",
6416
- alignItems: "center",
6417
- justifyContent: "center",
6418
- marginRight: "-8px",
6419
- cursor: "pointer"
6420
- }
6421
- }
6422
- },
6423
- {
6424
- type: "Control",
6425
- scope: "#/properties/text",
6426
- options: {
6427
- widget: "Box"
6428
- },
6429
- config: {
6430
- layout: 9,
6431
- main: {
6432
- heading: "Previous Page",
6433
- onClick: "backHandler"
6434
- },
6435
- style: {
6436
- color: theme.palette.primary.dark,
6437
- fontSize: "12px",
6438
- cursor: "pointer",
6439
- marginLeft: "-6px"
6440
- }
6441
- }
6442
- }
6443
- ]
6676
+ config: {
6677
+ layout: 3,
6678
+ main: {
6679
+ name: "No",
6680
+ startIcon: "ApproveIcon",
6681
+ variant: "contained",
6682
+ color: "info",
6683
+ type: "text",
6684
+ onClick: "deletePopUpEvent",
6685
+ size: "small"
6686
+ }
6444
6687
  }
6445
- ]
6688
+ }
6689
+ ]
6690
+ },
6691
+ {
6692
+ type: "Control",
6693
+ scope: "#/properties/proc",
6694
+ config: {
6695
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6696
+ },
6697
+ options: {
6698
+ widget: "EmptyBox"
6446
6699
  }
6447
- ]
6448
- };
6449
- return uiSchema;
6700
+ },
6701
+ {
6702
+ type: "Control",
6703
+ scope: "#/properties/btn",
6704
+ options: {
6705
+ widget: "Button"
6706
+ },
6707
+ config: {
6708
+ layout: {
6709
+ xs: 11,
6710
+ sm: 11,
6711
+ md: 2.5,
6712
+ lg: 2.5
6713
+ },
6714
+ main: {
6715
+ name: "Ok",
6716
+ startIcon: "ApproveIcon",
6717
+ variant: "contained",
6718
+ color: "info",
6719
+ type: "text",
6720
+ onClick: "okHandler",
6721
+ size: "small"
6722
+ },
6723
+ style: {
6724
+ marginBottom: "8px",
6725
+ float: "right"
6726
+ }
6727
+ }
6728
+ },
6729
+ {
6730
+ type: "Control",
6731
+ scope: "#/properties/btnSubmit",
6732
+ options: {
6733
+ widget: "Button"
6734
+ },
6735
+ config: {
6736
+ layout: {
6737
+ xs: 11,
6738
+ sm: 11,
6739
+ md: 2.5,
6740
+ lg: 2.5
6741
+ },
6742
+ main: {
6743
+ name: "Save & Exit",
6744
+ startIcon: "ApproveIcon",
6745
+ variant: "contained",
6746
+ color: "info",
6747
+ type: "text",
6748
+ onClick: "saveHandler",
6749
+ size: "small"
6750
+ },
6751
+ style: {
6752
+ marginBottom: "8px",
6753
+ float: "right"
6754
+ }
6755
+ }
6756
+ },
6757
+ {
6758
+ type: "Control",
6759
+ scope: "#/properties/notify",
6760
+ options: {
6761
+ widget: "Notify"
6762
+ },
6763
+ layout: 6
6764
+ }
6765
+ ]
6450
6766
  };
6451
6767
  const CoreSection = {
6452
6768
  type: "HorizontalLayout",
@@ -6678,7 +6994,7 @@ const EventSection = {
6678
6994
  icon: "RejectIcon",
6679
6995
  color: "error",
6680
6996
  tooltipMessage: "Reject This Record",
6681
- onClick: "deleteEvent"
6997
+ onClick: "deletePopUpEvent"
6682
6998
  }
6683
6999
  }
6684
7000
  }
@@ -7194,7 +7510,7 @@ const TableSection = {
7194
7510
  main: {
7195
7511
  icon: "RejectIcon",
7196
7512
  color: "error",
7197
- onClick: "deleteComponents",
7513
+ onClick: "deletePopUpComponent",
7198
7514
  tooltipMessage: "Reject This Record"
7199
7515
  }
7200
7516
  }
@@ -7487,7 +7803,7 @@ const sectionLabels = {
7487
7803
  };
7488
7804
  const refreshPage = (type, store2) => {
7489
7805
  var _a;
7490
- const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7806
+ const UiSchema = _.cloneDeep(componentBasicUiSchema);
7491
7807
  if (type) {
7492
7808
  const sectionUiSchema = {
7493
7809
  Core: CoreSection,
@@ -7499,8 +7815,8 @@ const refreshPage = (type, store2) => {
7499
7815
  Validation: ValidationSection
7500
7816
  };
7501
7817
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7502
- UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7503
- UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7818
+ UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7819
+ UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7504
7820
  }
7505
7821
  store2.setUiSchema(UiSchema);
7506
7822
  };
@@ -7546,22 +7862,30 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
7546
7862
  store2.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`);
7547
7863
  }
7548
7864
  },
7549
- deleteComponents: function() {
7865
+ deleteComponents: function(shouldUpdateDialog = true) {
7550
7866
  var _a;
7551
7867
  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
7552
- const rowId = dynamicData2.path.split(".")[1];
7868
+ const rowId = localStorage.getItem("rowId");
7553
7869
  store2.formData.elements.splice(rowId, 1);
7554
7870
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
7555
7871
  const data2 = path ? _.get(response2, path) : response2;
7556
7872
  store2.setFormdata(data2);
7873
+ if (shouldUpdateDialog) {
7874
+ store2.updateDialog("popUpComponentSection");
7875
+ }
7876
+ localStorage.removeItem("rowId");
7557
7877
  },
7558
- deleteEvent: function() {
7878
+ deleteEvent: function(shouldUpdateDialog = true) {
7559
7879
  var _a;
7560
7880
  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
7561
- const rowId = dynamicData2.path.split(".")[1];
7881
+ const rowId = localStorage.getItem("rowId");
7562
7882
  store2.formData.events.splice(rowId, 1);
7563
7883
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
7564
7884
  store2.setFormdata(_.get(response2, path));
7885
+ if (shouldUpdateDialog) {
7886
+ store2.updateDialog("popUpEventSection");
7887
+ }
7888
+ localStorage.removeItem("rowId");
7565
7889
  },
7566
7890
  widgetAddClickHandler: function() {
7567
7891
  var _a;
@@ -7597,6 +7921,16 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
7597
7921
  },
7598
7922
  backHandler: function() {
7599
7923
  store2.navigate(-1);
7924
+ },
7925
+ deletePopUpComponent: function() {
7926
+ const rowId = dynamicData2.path.split(".")[1];
7927
+ localStorage.setItem("rowId", rowId);
7928
+ store2.updateDialog("popUpComponentSection");
7929
+ },
7930
+ deletePopUpEvent: function() {
7931
+ const rowId = dynamicData2.path.split(".")[1];
7932
+ localStorage.setItem("rowId", rowId);
7933
+ store2.updateDialog("popUpEventSection");
7600
7934
  }
7601
7935
  };
7602
7936
  };
@@ -7622,7 +7956,7 @@ var pageMaster = (funcParams) => {
7622
7956
  return config;
7623
7957
  },
7624
7958
  getUiSchema: function() {
7625
- return PageMasterUiSchema(store2.theme.myTheme);
7959
+ return PageMasterUiSchema;
7626
7960
  },
7627
7961
  getSchema: () => {
7628
7962
  return PageMasterSchema;
@@ -7644,7 +7978,10 @@ var pageMaster = (funcParams) => {
7644
7978
  },
7645
7979
  saveHandler: async () => await saveHandler(store2, service2, submitHandler),
7646
7980
  Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
7647
- Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
7981
+ Delete_Components: async function() {
7982
+ await Component(store2, dynamicData2, submitHandler, service2).deleteComponents(false);
7983
+ store2.updateDialog("popUpPageMasterComponent");
7984
+ },
7648
7985
  eventAddHandler: function() {
7649
7986
  var _a;
7650
7987
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7664,10 +8001,22 @@ var pageMaster = (funcParams) => {
7664
8001
  store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
7665
8002
  },
7666
8003
  deleteEvent: function() {
7667
- const rowId = dynamicData2.path.split(".")[1];
8004
+ const rowId = localStorage.getItem("rowId");
7668
8005
  store2.formData.events.splice(rowId, 1);
7669
8006
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7670
8007
  store2.setFormdata(response2);
8008
+ store2.updateDialog("popUpPageMasterEvent");
8009
+ localStorage.removeItem("rowId");
8010
+ },
8011
+ deletePopUpComponent: function() {
8012
+ const rowId = dynamicData2.path.split(".")[1];
8013
+ localStorage.setItem("rowId", rowId);
8014
+ store2.updateDialog("popUpPageMasterComponent");
8015
+ },
8016
+ deletePopUpEvent: function() {
8017
+ const rowId = dynamicData2.path.split(".")[1];
8018
+ localStorage.setItem("rowId", rowId);
8019
+ store2.updateDialog("popUpPageMasterEvent");
7671
8020
  }
7672
8021
  };
7673
8022
  };
@@ -7757,337 +8106,385 @@ const EventSchema = {
7757
8106
  },
7758
8107
  required: ["eventType", "Handler"]
7759
8108
  };
7760
- const EventUiSchema = (theme) => {
7761
- var _a;
7762
- const uiSchema = {
7763
- type: "HorizontalLayout",
7764
- heading: "Component",
7765
- elements: [
7766
- {
7767
- type: "TabLayout",
7768
- config: {
7769
- main: {
7770
- tabLabels: ["Core", "Response Event"],
7771
- defaultStyle: true,
7772
- id: "event"
8109
+ const EventUiSchema = {
8110
+ type: "HorizontalLayout",
8111
+ elements: [
8112
+ {
8113
+ type: "WrapperLayout",
8114
+ config: {
8115
+ main: {
8116
+ rowSpacing: 1,
8117
+ header: true
8118
+ },
8119
+ defaultStyle: true
8120
+ },
8121
+ elements: [
8122
+ {
8123
+ type: "Control",
8124
+ scope: "#/properties/Component",
8125
+ options: {
8126
+ widget: "Box"
8127
+ },
8128
+ config: {
8129
+ layout: { xs: 12, sm: 12, md: 2 },
8130
+ main: {
8131
+ heading: "Component"
8132
+ },
8133
+ style: {
8134
+ "float": "left"
8135
+ }
8136
+ }
8137
+ },
8138
+ {
8139
+ type: "Control",
8140
+ scope: "#/properties/pageName",
8141
+ options: {
8142
+ widget: "Box"
8143
+ },
8144
+ config: {
8145
+ layout: { xs: 7, sm: 7, md: 9 },
8146
+ main: {
8147
+ heading: " "
8148
+ },
8149
+ style: {
8150
+ float: "right",
8151
+ width: "auto",
8152
+ fontSize: "12px",
8153
+ color: "gray",
8154
+ paddingTop: "10px"
8155
+ }
8156
+ }
8157
+ },
8158
+ {
8159
+ type: "Control",
8160
+ scope: "#/properties/Back_Button",
8161
+ options: {
8162
+ widget: "IconButton"
8163
+ },
8164
+ config: {
8165
+ layout: { xs: 2, sm: 2, md: 0.5 },
8166
+ main: {
8167
+ icon: "BackIcon",
8168
+ styleDefault: true,
8169
+ size: "small",
8170
+ onClick: "backHandler",
8171
+ tooltipMessage: "Back"
8172
+ },
8173
+ style: {
8174
+ float: "right"
8175
+ }
7773
8176
  }
7774
- },
7775
- elements: [
7776
- {
7777
- type: "HorizontalLayout",
7778
- elements: [
7779
- {
7780
- type: "Control",
7781
- scope: `#/properties/eventType`,
7782
- options: {
7783
- widget: "SelectInputField"
7784
- },
7785
- config: {
7786
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7787
- main: {
7788
- label: "Event Type",
7789
- type: "text"
7790
- }
7791
- }
8177
+ }
8178
+ ]
8179
+ },
8180
+ {
8181
+ type: "TabLayout",
8182
+ config: {
8183
+ main: {
8184
+ tabLabels: ["Core", "Response Event"],
8185
+ defaultStyle: true,
8186
+ id: "event"
8187
+ }
8188
+ },
8189
+ elements: [
8190
+ {
8191
+ type: "HorizontalLayout",
8192
+ elements: [
8193
+ {
8194
+ type: "Control",
8195
+ scope: `#/properties/eventType`,
8196
+ options: {
8197
+ widget: "SelectInputField"
7792
8198
  },
7793
- {
7794
- type: "Control",
7795
- scope: `#/properties/Handler`,
7796
- options: {
7797
- widget: "SelectInputField"
7798
- },
7799
- config: {
7800
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7801
- main: {
7802
- label: "Handler",
7803
- type: "text"
7804
- }
8199
+ config: {
8200
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8201
+ main: {
8202
+ label: "Event Type",
8203
+ type: "text"
7805
8204
  }
8205
+ }
8206
+ },
8207
+ getSelectField("Handler", "Handler")
8208
+ ]
8209
+ },
8210
+ {
8211
+ type: "WrapperLayout",
8212
+ config: {
8213
+ main: {
8214
+ divider: true
8215
+ },
8216
+ wrapperStyle: {
8217
+ border: "1px solid gray"
8218
+ }
8219
+ },
8220
+ elements: [
8221
+ {
8222
+ type: "Control",
8223
+ scope: "#/properties/heading",
8224
+ options: {
8225
+ widget: "Box"
7806
8226
  },
7807
- {
7808
- type: "Control",
7809
- scope: "#/properties/emptyBox",
7810
- options: {
7811
- widget: "EmptyBox"
8227
+ config: {
8228
+ layout: 8,
8229
+ main: {
8230
+ heading: "Response Event"
7812
8231
  },
7813
- config: {
7814
- layout: { xs: 0, sm: 4 }
8232
+ style: {
8233
+ fontFamily: "Roboto",
8234
+ fontWeight: "500",
8235
+ paddingLeft: "-10px",
8236
+ fontSize: "20px"
7815
8237
  }
7816
8238
  }
7817
- ]
7818
- },
7819
- {
7820
- type: "Control",
7821
- scope: "#/properties/events",
7822
- options: {
7823
- widget: "Table"
7824
8239
  },
7825
- config: {
7826
- main: {
7827
- headerIcons: {
7828
- elements: [
7829
- {
7830
- widget: {
7831
- type: "Control",
7832
- scope: "#/properties/New_Record",
7833
- options: {
7834
- widget: "IconButton"
7835
- },
7836
- config: {
7837
- main: {
7838
- color: "info",
7839
- onClick: "addEvent",
7840
- size: "small",
7841
- icon: "AddIcon",
7842
- iconLabel: "Add New",
7843
- styleDefault: true
7844
- },
7845
- style: {
7846
- mt: "6px"
7847
- }
7848
- }
7849
- }
7850
- }
7851
- ]
8240
+ {
8241
+ type: "Control",
8242
+ scope: "#/properties/AddButton",
8243
+ options: {
8244
+ widget: "IconButton"
8245
+ },
8246
+ config: {
8247
+ layout: 3,
8248
+ main: {
8249
+ icon: "AddIcon",
8250
+ styleDefault: true,
8251
+ size: "small",
8252
+ onClick: "addEvent",
8253
+ tooltipMessage: "Back"
7852
8254
  },
7853
- disableAction: true,
7854
- disableSelection: true,
7855
- enableDrag: true
8255
+ style: {
8256
+ float: "right"
8257
+ }
7856
8258
  }
7857
8259
  },
7858
- elements: [
7859
- {
7860
- accessorKey: "eventType",
7861
- header: "Event Type"
8260
+ {
8261
+ type: "Control",
8262
+ scope: "#/properties/events",
8263
+ options: {
8264
+ widget: "Table"
7862
8265
  },
7863
- {
7864
- accessorKey: "Handler",
7865
- header: "Handler"
8266
+ config: {
8267
+ main: {
8268
+ disableAction: true,
8269
+ disableSelection: true,
8270
+ enableDrag: true
8271
+ }
7866
8272
  },
7867
- {
7868
- accessorKey: "Edit_Approve_Records",
7869
- header: "Edit Widget",
7870
- widget: {
7871
- type: "Control",
7872
- scope: "#/properties/Edit_Records",
7873
- options: {
7874
- widget: "IconButton"
7875
- },
7876
- config: {
7877
- main: {
7878
- color: "info",
7879
- size: "small",
7880
- icon: "EditIcon",
7881
- tooltipMessage: "Edit This Record",
7882
- onClick: "editEvent"
8273
+ elements: [
8274
+ {
8275
+ accessorKey: "eventType",
8276
+ header: "Event Type"
8277
+ },
8278
+ {
8279
+ accessorKey: "Handler",
8280
+ header: "Handler"
8281
+ },
8282
+ {
8283
+ accessorKey: "Edit_Approve_Records",
8284
+ header: "Edit Widget",
8285
+ widget: {
8286
+ type: "Control",
8287
+ scope: "#/properties/Edit_Records",
8288
+ options: {
8289
+ widget: "IconButton"
7883
8290
  },
7884
- style: {
7885
- color: "#3949ab"
8291
+ config: {
8292
+ main: {
8293
+ color: "info",
8294
+ size: "small",
8295
+ icon: "EditIcon",
8296
+ tooltipMessage: "Edit This Record",
8297
+ onClick: "editEvent"
8298
+ },
8299
+ style: {
8300
+ color: "#3949ab"
8301
+ }
7886
8302
  }
7887
8303
  }
7888
- }
7889
- },
7890
- {
7891
- accessorKey: "Reject_Records",
7892
- header: "Delete",
7893
- widget: {
7894
- type: "Control",
7895
- scope: "#/properties/RejectButton",
7896
- options: {
7897
- widget: "IconButton"
7898
- },
7899
- config: {
7900
- main: {
7901
- icon: "RejectIcon",
7902
- color: "error",
7903
- tooltipMessage: "Reject This Record",
7904
- onClick: "deleteEvent"
8304
+ },
8305
+ {
8306
+ accessorKey: "Reject_Records",
8307
+ header: "Delete",
8308
+ widget: {
8309
+ type: "Control",
8310
+ scope: "#/properties/RejectButton",
8311
+ options: {
8312
+ widget: "IconButton"
8313
+ },
8314
+ config: {
8315
+ main: {
8316
+ icon: "RejectIcon",
8317
+ color: "error",
8318
+ tooltipMessage: "Reject This Record",
8319
+ onClick: "deletePopUpEvent"
8320
+ }
7905
8321
  }
7906
8322
  }
7907
8323
  }
7908
- }
7909
- ]
7910
- }
7911
- ]
7912
- },
7913
- {
7914
- type: "Control",
7915
- scope: "#/properties/EmptyBox",
7916
- options: {
7917
- widget: "EmptyBox"
7918
- },
7919
- config: {
7920
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8324
+ ]
8325
+ }
8326
+ ]
7921
8327
  }
8328
+ ]
8329
+ },
8330
+ {
8331
+ type: "Control",
8332
+ scope: "#/properties/popUpEvent",
8333
+ options: {
8334
+ widget: "PopUp"
7922
8335
  },
7923
- {
7924
- type: "Control",
7925
- scope: "#/properties/EmptyBox",
7926
- options: {
7927
- widget: "EmptyBox"
8336
+ config: {
8337
+ layout: {
8338
+ xs: 12,
8339
+ sm: 12,
8340
+ md: 12,
8341
+ lg: 12
7928
8342
  },
7929
- config: {
7930
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7931
- }
8343
+ main: {}
7932
8344
  },
7933
- {
7934
- type: "Control",
7935
- scope: "#/properties/btn",
7936
- options: {
7937
- widget: "Button"
7938
- },
7939
- config: {
7940
- layout: 1.8,
7941
- main: {
7942
- name: "Ok",
7943
- startIcon: "ApproveIcon",
7944
- variant: "contained",
7945
- color: "info",
7946
- type: "text",
7947
- onClick: "okHandler",
7948
- size: "medium"
8345
+ elements: [
8346
+ {
8347
+ type: "Control",
8348
+ scope: "#/properties/label",
8349
+ options: {
8350
+ widget: "Box"
7949
8351
  },
7950
- style: {
7951
- float: "right"
8352
+ config: {
8353
+ layout: 12,
8354
+ main: {
8355
+ heading: "Are you sure you want to delete ?"
8356
+ },
8357
+ style: {
8358
+ marginTop: "-40px"
8359
+ }
7952
8360
  }
7953
- }
7954
- },
7955
- {
7956
- type: "Control",
7957
- scope: "#/properties/btnSubmit",
7958
- options: {
7959
- widget: "Button"
7960
8361
  },
7961
- config: {
7962
- layout: 1.8,
7963
- main: {
7964
- name: "Save & Exit",
7965
- startIcon: "ApproveIcon",
7966
- variant: "contained",
7967
- color: "info",
7968
- type: "text",
7969
- onClick: "saveHandler",
7970
- size: "medium"
8362
+ {
8363
+ type: "Control",
8364
+ scope: "#/properties/EmptyBox",
8365
+ options: {
8366
+ widget: "EmptyBox"
7971
8367
  },
7972
- style: {
7973
- float: "right"
8368
+ config: {
8369
+ main: {},
8370
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 }
7974
8371
  }
7975
- }
7976
- },
7977
- {
7978
- type: "Control",
7979
- scope: "#/properties/notify",
7980
- options: {
7981
- widget: "Notify"
7982
8372
  },
7983
- layout: 6
7984
- },
7985
- {
7986
- type: "HorizontalLayout",
7987
- config: {
7988
- style: {
7989
- position: "fixed",
7990
- bottom: 5,
7991
- overflow: "visible",
7992
- margin: "0",
7993
- width: "100vw"
8373
+ {
8374
+ type: "Control",
8375
+ scope: "#/properties/ConfirmDeleteEventButton",
8376
+ options: {
8377
+ widget: "Button"
8378
+ },
8379
+ config: {
8380
+ layout: 3,
8381
+ main: {
8382
+ name: "Yes",
8383
+ startIcon: "ApproveIcon",
8384
+ variant: "contained",
8385
+ color: "info",
8386
+ type: "text",
8387
+ onClick: "deleteEvent",
8388
+ size: "small"
8389
+ }
7994
8390
  }
7995
8391
  },
7996
- elements: [
7997
- {
7998
- type: "Control",
7999
- scope: "#/properties/EmptyBox",
8000
- options: {
8001
- widget: "EmptyBox"
8002
- },
8003
- config: {
8004
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8005
- }
8392
+ {
8393
+ type: "Control",
8394
+ scope: "#/properties/CancelDeleteEventButton",
8395
+ options: {
8396
+ widget: "Button"
8006
8397
  },
8007
- {
8008
- type: "Control",
8009
- scope: "#/properties/FooterText",
8010
- options: {
8011
- widget: "Box"
8012
- },
8013
- config: {
8014
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8015
- main: {
8016
- heading: "Copywriter@ACT21.IO"
8017
- },
8018
- style: {
8019
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
8020
- fontSize: "12px"
8021
- }
8398
+ config: {
8399
+ layout: 3,
8400
+ main: {
8401
+ name: "No",
8402
+ startIcon: "ApproveIcon",
8403
+ variant: "contained",
8404
+ color: "info",
8405
+ type: "text",
8406
+ onClick: "deletePopUpEvent",
8407
+ size: "small"
8022
8408
  }
8023
- },
8024
- {
8025
- type: "HorizontalLayout",
8026
- config: {
8027
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
8028
- },
8029
- elements: [
8030
- {
8031
- type: "Control",
8032
- scope: "#/properties/EmptyBox",
8033
- options: {
8034
- widget: "EmptyBox"
8035
- },
8036
- config: {
8037
- layout: 2
8038
- }
8039
- },
8040
- {
8041
- type: "Control",
8042
- scope: "#/properties/backIcon",
8043
- options: {
8044
- widget: "Box"
8045
- },
8046
- config: {
8047
- layout: 1,
8048
- main: {
8049
- iconName: "PrevIcon",
8050
- onClick: "backHandler"
8051
- },
8052
- style: {
8053
- fill: theme.palette.primary.dark,
8054
- width: 20,
8055
- height: 20,
8056
- display: "flex",
8057
- alignItems: "center",
8058
- justifyContent: "center",
8059
- marginRight: "-8px",
8060
- cursor: "pointer"
8061
- }
8062
- }
8063
- },
8064
- {
8065
- type: "Control",
8066
- scope: "#/properties/text",
8067
- options: {
8068
- widget: "Box"
8069
- },
8070
- config: {
8071
- layout: 9,
8072
- main: {
8073
- heading: "Previous Page",
8074
- onClick: "backHandler"
8075
- },
8076
- style: {
8077
- color: theme.palette.primary.dark,
8078
- fontSize: "12px",
8079
- cursor: "pointer",
8080
- marginLeft: "-6px"
8081
- }
8082
- }
8083
- }
8084
- ]
8085
8409
  }
8086
- ]
8410
+ }
8411
+ ]
8412
+ },
8413
+ {
8414
+ type: "Control",
8415
+ scope: "#/properties/proc",
8416
+ config: {
8417
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8418
+ },
8419
+ options: {
8420
+ widget: "EmptyBox"
8087
8421
  }
8088
- ]
8089
- };
8090
- return uiSchema;
8422
+ },
8423
+ {
8424
+ type: "Control",
8425
+ scope: "#/properties/btn",
8426
+ options: {
8427
+ widget: "Button"
8428
+ },
8429
+ config: {
8430
+ layout: {
8431
+ xs: 11,
8432
+ sm: 11,
8433
+ md: 2.5,
8434
+ lg: 2.5
8435
+ },
8436
+ main: {
8437
+ name: "Ok",
8438
+ startIcon: "ApproveIcon",
8439
+ variant: "contained",
8440
+ color: "info",
8441
+ type: "text",
8442
+ onClick: "okHandler",
8443
+ size: "small"
8444
+ },
8445
+ style: {
8446
+ marginBottom: "8px",
8447
+ float: "right"
8448
+ }
8449
+ }
8450
+ },
8451
+ {
8452
+ type: "Control",
8453
+ scope: "#/properties/btnSubmit",
8454
+ options: {
8455
+ widget: "Button"
8456
+ },
8457
+ config: {
8458
+ layout: {
8459
+ xs: 11,
8460
+ sm: 11,
8461
+ md: 2.5,
8462
+ lg: 2.5
8463
+ },
8464
+ main: {
8465
+ name: "Save & Exit",
8466
+ startIcon: "ApproveIcon",
8467
+ variant: "contained",
8468
+ color: "info",
8469
+ type: "text",
8470
+ onClick: "saveHandler",
8471
+ size: "small"
8472
+ },
8473
+ style: {
8474
+ marginBottom: "8px",
8475
+ float: "right"
8476
+ }
8477
+ }
8478
+ },
8479
+ {
8480
+ type: "Control",
8481
+ scope: "#/properties/notify",
8482
+ options: {
8483
+ widget: "Notify"
8484
+ },
8485
+ layout: 6
8486
+ }
8487
+ ]
8091
8488
  };
8092
8489
  const APISection = {
8093
8490
  type: "HorizontalLayout",
@@ -8284,21 +8681,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8284
8681
  this.refreshPage(formdata.Handler, store2);
8285
8682
  },
8286
8683
  refreshPage: (handlerType, store22) => {
8287
- const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8684
+ const uiSchema = _.cloneDeep(EventUiSchema);
8288
8685
  const schema2 = _.cloneDeep(EventSchema);
8289
8686
  if (handlerType) {
8290
8687
  if (handlerType === "custom") {
8291
- uiSchema.elements[0].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8688
+ uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8292
8689
  schema2.required = ["eventType", "Handler", "eventCode"];
8293
8690
  } else if (handlerType === "api") {
8294
- uiSchema.elements[0].elements[0].elements[2] = APISection;
8691
+ uiSchema.elements[1].elements[0].elements[2] = APISection;
8295
8692
  schema2.required = ["eventType", "Handler", "method", "path"];
8296
8693
  } else if (handlerType === "inBuiltFunction") {
8297
- uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8298
- uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8694
+ uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8695
+ uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8299
8696
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8300
8697
  } else if (handlerType === "refresh") {
8301
- uiSchema.elements[0].elements[0].elements[2] = refreshSectionUiSchema;
8698
+ uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8302
8699
  schema2.properties.refreshElements.required = ["value"];
8303
8700
  schema2.properties.refreshElements.items.required = ["value"];
8304
8701
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8308,8 +8705,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8308
8705
  store22.setUiSchema(uiSchema);
8309
8706
  },
8310
8707
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8311
- getUiSchema: async function() {
8312
- return await EventUiSchema(store2.theme.myTheme);
8708
+ getUiSchema: function() {
8709
+ return EventUiSchema;
8313
8710
  },
8314
8711
  getSchema: () => {
8315
8712
  return EventSchema;
@@ -8344,9 +8741,17 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8344
8741
  store2.setSearchParams(store2.searchParams);
8345
8742
  this.setPage();
8346
8743
  },
8347
- deleteEvent: Component(store2, dynamicData2, submitHandler, service2).deleteEvent,
8744
+ deleteEvent: async function() {
8745
+ await Component(store2, dynamicData2, submitHandler, service2).deleteEvent(false);
8746
+ store2.updateDialog("popUpEvent");
8747
+ },
8348
8748
  backHandler: function() {
8349
8749
  store2.navigate(-1);
8750
+ },
8751
+ deletePopUpEvent: function() {
8752
+ const rowId = dynamicData2.path.split(".")[1];
8753
+ localStorage.setItem("rowId", rowId);
8754
+ store2.updateDialog("popUpEvent");
8350
8755
  }
8351
8756
  };
8352
8757
  };
@@ -8806,12 +9211,19 @@ var leaderBoard = {
8806
9211
  label: "LeaderBoard",
8807
9212
  divider: true
8808
9213
  },
8809
- style: { wrapperStyle: {
8810
- height: { xs: 850, sm: 1e3 }
8811
- } },
9214
+ style: {
9215
+ wrapperStyle: {
9216
+ minHeight: 800,
9217
+ maxHeight: "none",
9218
+ overflow: "auto"
9219
+ }
9220
+ },
8812
9221
  wrapperStyle: {
8813
9222
  position: "relative",
8814
- width: "100%"
9223
+ width: "100%",
9224
+ minHeight: 800,
9225
+ maxHeight: "none",
9226
+ overflow: "auto"
8815
9227
  }
8816
9228
  },
8817
9229
  elements: [