impaktapps-ui-builder 0.0.100 → 0.0.101-alpha.1

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 (62) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1908 -1475
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +17 -17
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildPdfViewer.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.d.ts +1 -0
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +0 -1
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +94 -23
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +55 -2
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +52 -22
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +10 -301
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.d.ts +19 -0
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/progressBar.d.ts +6 -1
  14. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +50 -2
  15. package/dist/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.d.ts +17 -0
  16. package/dist/src/impaktapps-ui-builder/builder/build/uischema/timer.d.ts +1 -14
  17. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.d.ts +3 -0
  18. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +3 -0
  19. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +8 -2
  20. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +5 -0
  21. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +5 -0
  22. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +1 -1
  23. package/package.json +5 -1
  24. package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts +2 -0
  25. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +7 -3
  26. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +7 -2
  27. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +18 -14
  28. package/src/impaktapps-ui-builder/builder/build/buildInputSlider.ts +1 -1
  29. package/src/impaktapps-ui-builder/builder/build/buildLeaderboard.ts +18 -13
  30. package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +10 -2
  31. package/src/impaktapps-ui-builder/builder/build/buildPdfViewer.ts +22 -0
  32. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +4 -15
  33. package/src/impaktapps-ui-builder/builder/build/buildRankCard.ts +4 -10
  34. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +16 -4
  35. package/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.ts +22 -0
  36. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +11 -0
  37. package/src/impaktapps-ui-builder/builder/build/buildUplaodFile.ts +16 -19
  38. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +17 -10
  39. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +0 -1
  40. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +103 -46
  41. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +44 -0
  42. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +13 -28
  43. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +10 -366
  44. package/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.ts +18 -0
  45. package/src/impaktapps-ui-builder/builder/build/uischema/progressBar.ts +1 -1
  46. package/src/impaktapps-ui-builder/builder/build/uischema/rankCard.ts +1 -1
  47. package/src/impaktapps-ui-builder/builder/build/uischema/runnerBoyProgressBar.ts +1 -1
  48. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +45 -1
  49. package/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.ts +14 -0
  50. package/src/impaktapps-ui-builder/builder/build/uischema/timer.ts +2 -16
  51. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +6 -1
  52. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +424 -202
  53. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +4 -1
  54. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +479 -167
  55. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +4 -1
  56. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +339 -111
  57. package/src/impaktapps-ui-builder/builder/services/component.ts +94 -8
  58. package/src/impaktapps-ui-builder/builder/services/event.ts +19 -4
  59. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +20 -2
  60. package/src/impaktapps-ui-builder/builder/services/utils.ts +2 -2
  61. package/src/impaktapps-ui-builder/runtime/services/events.ts +23 -19
  62. package/src/impaktapps-ui-builder/runtime/services/service.ts +108 -3
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -88,7 +88,7 @@ export const PageMasterUiSchema: any = (theme) => {
88
88
  type: "TabLayout",
89
89
  config: {
90
90
  main: {
91
- tabLabels: ["Components", "events"],
91
+ tabLabels: ["Components", "Events"],
92
92
  divider: true,
93
93
  },
94
94
  defaultStyle: true,
@@ -127,6 +127,30 @@ export const PageMasterUiSchema: any = (theme) => {
127
127
  },
128
128
  }
129
129
  },
130
+
131
+ {
132
+ widget: {
133
+ type: "Control",
134
+ scope: "#/properties/Paste_Component",
135
+
136
+ options: {
137
+ widget: "IconButton",
138
+ },
139
+ config: {
140
+ main: {
141
+ // color: "info",
142
+ onClick: "copyPasteElement",
143
+ size: "small",
144
+ icon: "PasteIcon",
145
+ iconLabel: "Paste",
146
+ styleDefault: true,
147
+ },
148
+ style: {
149
+ mt: "6px",
150
+ },
151
+ },
152
+ }
153
+ },
130
154
  ]
131
155
  },
132
156
  disableAction: true,
@@ -187,7 +211,30 @@ export const PageMasterUiSchema: any = (theme) => {
187
211
  },
188
212
  },
189
213
  },
190
- }
214
+ },
215
+
216
+ {
217
+ header: "Copy",
218
+ field: "Copy_Component",
219
+ flex: 1,
220
+ widget: {
221
+ type: "Control",
222
+ scope: "#/properties/Copy_Component",
223
+ options: {
224
+ widget: "IconButton",
225
+ },
226
+ config: {
227
+ main: {
228
+ icon: "FileCopyIcon",
229
+ // color: "error",
230
+ onClick: "copyPasteElement",
231
+ styleDefault: true,
232
+ },
233
+ },
234
+ },
235
+ },
236
+
237
+
191
238
  ]
192
239
  },
193
240
  {
@@ -223,6 +270,30 @@ export const PageMasterUiSchema: any = (theme) => {
223
270
  },
224
271
  }
225
272
  },
273
+
274
+ {
275
+ widget: {
276
+ type: "Control",
277
+ scope: "#/properties/Paste_Event",
278
+
279
+ options: {
280
+ widget: "IconButton",
281
+ },
282
+ config: {
283
+ main: {
284
+ // color: "info",
285
+ onClick: "copyPasteElement",
286
+ size: "small",
287
+ icon: "PasteIcon",
288
+ iconLabel: "Paste",
289
+ styleDefault: true,
290
+ },
291
+ style: {
292
+ mt: "6px",
293
+ },
294
+ },
295
+ }
296
+ },
226
297
  ]
227
298
  },
228
299
 
@@ -284,6 +355,28 @@ export const PageMasterUiSchema: any = (theme) => {
284
355
  },
285
356
  },
286
357
  },
358
+
359
+
360
+ {
361
+ header: "Copy",
362
+ field: "Copy_Event",
363
+ flex: 1,
364
+ widget: {
365
+ type: "Control",
366
+ scope: "#/properties/Copy_Event",
367
+ options: {
368
+ widget: "IconButton",
369
+ },
370
+ config: {
371
+ main: {
372
+ icon: "FileCopyIcon",
373
+ // color: "error",
374
+ onClick: "copyPasteElement",
375
+ styleDefault: true,
376
+ },
377
+ },
378
+ },
379
+ },
287
380
  ]
288
381
  // }]
289
382
  },
@@ -291,14 +384,62 @@ export const PageMasterUiSchema: any = (theme) => {
291
384
  ],
292
385
  },
293
386
  {
294
- type: "Control",
295
- scope: "#/properties/btn",
296
- options: {
297
- widget: "EmptyBox",
298
- },
387
+ type: "HorizontalLayout",
299
388
  config: {
300
- layout: { xs: 8, sm: 10 },
301
- }
389
+ layout:{xs:12,sm: 9}
390
+ },
391
+ elements: [
392
+ {
393
+ type: "Control",
394
+ scope: "#/properties/RemoveItemButton",
395
+ options: {
396
+ widget: "IconButton",
397
+ },
398
+ config: {
399
+ layout: { xs: 1, sm: 1 },
400
+ main: {
401
+ onClick: "RemoveItemButton",
402
+ size: "large",
403
+ icon: "RejectIcon",
404
+ styleDefault: true,
405
+ },
406
+ style:{
407
+ marginLeft: "-5px"
408
+ }
409
+ },
410
+ },
411
+
412
+ {
413
+ type: "Control",
414
+ scope: "#/properties/copiedElementDetails",
415
+
416
+ options: {
417
+ widget: "Box",
418
+ },
419
+ config: {
420
+ layout: { xs: 6, sm: 6 },
421
+ main: {
422
+ heading: "No element copied",
423
+ },
424
+ style: {
425
+ color: "#535557",
426
+ marginLeft: "-30px",
427
+ fontSize: "12px",
428
+ marginTop: "4px"
429
+ },
430
+ },
431
+ },
432
+ {
433
+ type: "Control",
434
+ scope: "#/properties/EmptyBox",
435
+ options: {
436
+ widget: "EmptyBox",
437
+ },
438
+ config: {
439
+ layout: { xs: 1, sm: 5 },
440
+ },
441
+ },
442
+ ]
302
443
  },
303
444
  {
304
445
  type: "Control",
@@ -306,7 +447,7 @@ export const PageMasterUiSchema: any = (theme) => {
306
447
  options: {
307
448
  widget: "Button",
308
449
  },
309
-
450
+
310
451
  config: {
311
452
  layout: { xs: 4, sm: 2 },
312
453
  main: {
@@ -330,86 +471,119 @@ export const PageMasterUiSchema: any = (theme) => {
330
471
  layout: {
331
472
  xs: 12,
332
473
  sm: 12,
333
- md: 6,
334
- lg: 6,
474
+ md: 12,
475
+ lg: 12,
335
476
  },
336
477
  main: {
478
+ title: "WARNING!"
337
479
  },
338
480
  style: {
339
- "& .MuiPaper-root":{
340
- width: '30%',
341
- },
342
- "& .MuiTypography-root":{
343
- padding: 0
344
- },
345
481
  }
346
482
  },
347
483
  elements:
348
484
  [
349
485
  {
350
486
  type: "Control",
351
- scope: "#/properties/label",
487
+ scope: "#/properties/popText",
352
488
  options: {
353
489
  widget: "Box",
354
490
  },
355
491
  config: {
356
- layout: 12,
492
+ layout: 11,
357
493
  main: {
358
494
  heading: "Are you sure you want to delete ?",
359
495
  },
360
- style: {
361
- marginTop: "-40px"
496
+ style:{
497
+ marginTop: "-20px",
498
+ fontSize: "20px",
499
+ "&.MuiTypography-root": {
500
+ padding: "10px 30px 20px 30px",
501
+ textAlign: "center",
502
+ lineHeight: "1"
503
+ }
362
504
  }
363
505
  },
364
506
  },
365
507
  {
366
- type: "Control",
367
- scope: "#/properties/EmptyBox",
368
- options: {
369
- widget: "EmptyBox",
370
- },
508
+ type: "WrapperLayout",
371
509
  config: {
510
+ layout: 11,
372
511
  main: {},
373
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
374
- },
375
- },
376
- {
377
- type: "Control",
378
- scope: "#/properties/ConfirmDeleteCompButton",
379
- options: {
380
- widget: "Button",
512
+
381
513
  },
382
- config: {
383
- layout: 3,
384
- main: {
385
- name: "Yes",
386
- startIcon: "ApproveIcon",
387
- variant: "contained",
388
- color: "info",
389
- type: "text",
390
- onClick: "Delete_Components",
391
- size: "small",
514
+ elements: [
515
+ {
516
+ type: "Control",
517
+ scope: "#/properties/CancelDeleteCompButton",
518
+ options: {
519
+ widget: "Button",
520
+ },
521
+ config: {
522
+ layout: 6,
523
+ main: {
524
+ name: "No",
525
+ startIcon: "ApproveIcon",
526
+ variant: "contained",
527
+ color: "info",
528
+ type: "text",
529
+ onClick: "deletePopUpComponent",
530
+ size: "large",
531
+ },
532
+ style: {
533
+ position: "absolute",
534
+ bottom: 0,
535
+ left: 0,
536
+ width: "50%",
537
+ borderRadius: 0,
538
+ boxShadow: 0,
539
+ backgroundColor: "transparent",
540
+ color: theme.palette.primary.main,
541
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
542
+ borderRight: `0.5px solid ${theme.palette.grey[600]}`,
543
+ "&:hover": {
544
+ color: theme.palette.primary.contrastText,
545
+ backgroundColor: theme.palette.primary.main,
546
+ boxShadow: "none"
547
+ }
548
+ }
549
+ },
392
550
  },
393
- },
394
- },
395
- {
396
- type: "Control",
397
- scope: "#/properties/CancelDeleteCompButton",
398
- options: {
399
- widget: "Button",
400
- },
401
- config: {
402
- layout: 3,
403
- main: {
404
- name: "No",
405
- startIcon: "ApproveIcon",
406
- variant: "contained",
407
- color: "info",
408
- type: "text",
409
- onClick: "deletePopUpComponent",
410
- size: "small",
551
+ {
552
+ type: "Control",
553
+ scope: "#/properties/ConfirmDeleteCompButton",
554
+ options: {
555
+ widget: "Button",
556
+ },
557
+ config: {
558
+ layout: 6,
559
+ main: {
560
+ name: "Yes",
561
+ startIcon: "ApproveIcon",
562
+ variant: "contained",
563
+ color: "error",
564
+ type: "text",
565
+ onClick: "Delete_Components",
566
+ size: "large",
567
+ },
568
+ style: {
569
+ position: "absolute",
570
+ bottom: 0,
571
+ right: 0,
572
+ width: "50%",
573
+ borderRadius: 0,
574
+ boxShadow: 0,
575
+ backgroundColor: "transparent",
576
+ color: theme.palette.error.main,
577
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
578
+ "&:hover": {
579
+ color: theme.palette.error.contrastText,
580
+ backgroundColor: theme.palette.error.main,
581
+ boxShadow: "none"
582
+ }
583
+ }
584
+ },
411
585
  },
412
- },
586
+ ]
413
587
  },
414
588
  ]
415
589
  },
@@ -423,87 +597,119 @@ export const PageMasterUiSchema: any = (theme) => {
423
597
  layout: {
424
598
  xs: 12,
425
599
  sm: 12,
426
- md: 6,
427
- lg: 6,
600
+ md: 12,
601
+ lg: 12,
428
602
  },
429
603
  main: {
604
+ title: "WARNING!"
430
605
  },
431
-
432
606
  style: {
433
- "& .MuiPaper-root":{
434
- width: '30%',
435
- },
436
- "& .MuiTypography-root":{
437
- padding: 0
438
- },
439
607
  }
440
608
  },
441
609
  elements:
442
610
  [
443
611
  {
444
612
  type: "Control",
445
- scope: "#/properties/label",
613
+ scope: "#/properties/popText1",
446
614
  options: {
447
615
  widget: "Box",
448
616
  },
449
617
  config: {
450
- layout: 12,
618
+ layout: 11,
451
619
  main: {
452
620
  heading: "Are you sure you want to delete ?",
453
621
  },
454
- style: {
455
- marginTop: "-40px"
622
+ style:{
623
+ marginTop: "-20px",
624
+ fontSize: "20px",
625
+ "&.MuiTypography-root": {
626
+ padding: "10px 30px 20px 30px",
627
+ textAlign: "center",
628
+ lineHeight: "1"
629
+ }
456
630
  }
457
631
  },
458
632
  },
459
633
  {
460
- type: "Control",
461
- scope: "#/properties/EmptyBox",
462
- options: {
463
- widget: "EmptyBox",
464
- },
634
+ type: "WrapperLayout",
465
635
  config: {
636
+ layout: 11,
466
637
  main: {},
467
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
468
- },
469
- },
470
- {
471
- type: "Control",
472
- scope: "#/properties/ConfirmDeleteEventButton",
473
- options: {
474
- widget: "Button",
638
+
475
639
  },
476
- config: {
477
- layout: 3,
478
- main: {
479
- name: "Yes",
480
- startIcon: "ApproveIcon",
481
- variant: "contained",
482
- color: "info",
483
- type: "text",
484
- onClick: "deleteEvent",
485
- size: "small",
640
+ elements: [
641
+ {
642
+ type: "Control",
643
+ scope: "#/properties/CancelDeleteEventButton",
644
+ options: {
645
+ widget: "Button",
646
+ },
647
+ config: {
648
+ layout: 6,
649
+ main: {
650
+ name: "No",
651
+ startIcon: "ApproveIcon",
652
+ variant: "contained",
653
+ color: "info",
654
+ type: "text",
655
+ onClick: "deletePopUpEvent",
656
+ size: "large",
657
+ },
658
+ style: {
659
+ position: "absolute",
660
+ bottom: 0,
661
+ left: 0,
662
+ width: "50%",
663
+ borderRadius: 0,
664
+ boxShadow: 0,
665
+ backgroundColor: "transparent",
666
+ color: theme.palette.primary.main,
667
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
668
+ borderRight: `0.5px solid ${theme.palette.grey[600]}`,
669
+ "&:hover": {
670
+ color: theme.palette.primary.contrastText,
671
+ backgroundColor: theme.palette.primary.main,
672
+ boxShadow: "none"
673
+ }
674
+ }
675
+ },
486
676
  },
487
- },
488
- },
489
- {
490
- type: "Control",
491
- scope: "#/properties/CancelDeleteEventButton",
492
- options: {
493
- widget: "Button",
494
- },
495
- config: {
496
- layout: 3,
497
- main: {
498
- name: "No",
499
- startIcon: "ApproveIcon",
500
- variant: "contained",
501
- color: "error",
502
- type: "text",
503
- onClick: "deletePopUpEvent",
504
- size: "small",
677
+ {
678
+ type: "Control",
679
+ scope: "#/properties/ConfirmDeleteEventButton",
680
+ options: {
681
+ widget: "Button",
682
+ },
683
+ config: {
684
+ layout: 6,
685
+ main: {
686
+ name: "Yes",
687
+ startIcon: "ApproveIcon",
688
+ variant: "contained",
689
+ color: "error",
690
+ type: "text",
691
+ onClick: "deleteEvent",
692
+ size: "large",
693
+ },
694
+ style: {
695
+ position: "absolute",
696
+ bottom: 0,
697
+ right: 0,
698
+ width: "50%",
699
+ borderRadius: 0,
700
+ boxShadow: 0,
701
+ backgroundColor: "transparent",
702
+ color: theme.palette.error.main,
703
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
704
+ "&:hover": {
705
+ color: theme.palette.error.contrastText,
706
+ backgroundColor: theme.palette.error.main,
707
+ boxShadow: "none"
708
+ }
709
+ }
710
+ },
505
711
  },
506
- },
712
+ ]
507
713
  },
508
714
  ]
509
715
  },
@@ -515,26 +721,130 @@ export const PageMasterUiSchema: any = (theme) => {
515
721
  },
516
722
  layout: 6,
517
723
  },
724
+ // {
725
+ // type: "HorizontalLayout",
726
+ // config: {
727
+ // main: {
728
+ // direction: 'row'
729
+ // },
730
+ // style: {
731
+ // flexDirection: "row",
732
+ // position: "absolute",
733
+ // bottom: 0,
734
+ // marginBottom: '-8px',
735
+ // height: 'fit-content',
736
+ // overflow: 'hidden',
737
+ // zIndex: 1000,
738
+ // width: 'inherit'
739
+ // }
740
+ // },
741
+ // elements: [
742
+ // {
743
+
744
+ // type: "Control",
745
+ // scope: "#/properties/FooterText",
746
+ // options: {
747
+ // widget: "Box",
748
+ // },
749
+ // config: {
750
+ // main: {
751
+ // heading: "Copywriter@ACT21.IO"
752
+ // },
753
+ // style: {
754
+ // color: theme?.palette?.text.disabled || "#AFAFAF",
755
+ // fontSize: '12px',
756
+ // textAlign: 'center',
757
+ // lineHeight: 2,
758
+ // width: 'fit-content',
759
+ // left: '50%',
760
+ // position: 'relative',
761
+ // margin: 0,
762
+ // flexGrow: 1,
763
+ // height: 0,
764
+ // transform: "translate(-50%,0%)"
765
+ // }
766
+ // },
767
+ // },
768
+ // {
769
+ // type: "Control",
770
+ // scope: "#/properties/backIcon",
771
+ // options: {
772
+ // widget: "Box",
773
+ // },
774
+ // config: {
775
+ // main: {
776
+ // iconName: 'PrevIcon',
777
+ // onClick: "backHandler",
778
+ // width: 'fit-content',
779
+ // },
780
+ // style: {
781
+ // fill: theme.palette.primary.main,
782
+ // width: 20,
783
+ // height: 0,
784
+ // margin: 0,
785
+ // top: 0,
786
+ // right: {xs: '12px', sm: '84px'},
787
+ // position: 'absolute',
788
+ // fontSize: '12px',
789
+ // cursor: 'pointer',
790
+ // ':hover': {
791
+ // fill: theme.palette.primary.dark,
792
+ // }
793
+ // }
794
+ // }
795
+ // },
796
+ // {
797
+ // type: "Control",
798
+ // scope: "#/properties/text",
799
+
800
+ // options: {
801
+ // widget: "Box",
802
+ // },
803
+ // config: {
804
+ // main: {
805
+ // heading: "Previous Page",
806
+ // onClick: "backHandler"
807
+ // },
808
+ // style: {
809
+ // display: {xs: 'none', sm: "flex"},
810
+ // textAlign: 'left',
811
+ // lineHeight: 1,
812
+ // height: 0,
813
+ // width: 'fit-content',
814
+ // color: theme.palette.primary.main,
815
+ // fontSize: "12px",
816
+ // cursor: 'pointer',
817
+ // marginLeft: '2px',
818
+ // marginRight: 0,
819
+ // top: 3,
820
+ // right: '12px',
821
+ // position: 'absolute',
822
+ // ':hover': {
823
+ // color: theme.palette.primary.dark,
824
+ // }
825
+ // }
826
+ // },
827
+ // },
828
+ // ]
829
+ // }
518
830
  {
519
831
  type: "HorizontalLayout",
520
832
  config: {
521
833
  main: {
522
- direction: 'row'
834
+ direction: "row",
523
835
  },
524
836
  style: {
525
837
  flexDirection: "row",
526
838
  position: "absolute",
527
839
  bottom: 0,
528
- marginBottom: '-8px',
529
- height: 'fit-content',
530
- overflow: 'hidden',
840
+ height: "fit-content",
841
+ overflow: "hidden",
531
842
  zIndex: 1000,
532
- width: 'inherit'
533
- }
843
+ width: "inherit",
844
+ },
534
845
  },
535
846
  elements: [
536
847
  {
537
-
538
848
  type: "Control",
539
849
  scope: "#/properties/FooterText",
540
850
  options: {
@@ -542,83 +852,85 @@ export const PageMasterUiSchema: any = (theme) => {
542
852
  },
543
853
  config: {
544
854
  main: {
545
- heading: "Copywriter@ACT21.IO"
855
+ heading: "Copywriter@ACT21.IO",
546
856
  },
547
857
  style: {
548
- color: theme?.palette?.text.disabled || "#AFAFAF",
549
- fontSize: '12px',
550
- textAlign: 'center',
551
- lineHeight: 1,
552
- width: 'fit-content',
553
- left: '50%',
554
- position: 'relative',
858
+ color: theme?.palette?.text?.disabled || "#AFAFAF",
859
+ fontSize: "11px",
860
+ textAlign: "center",
861
+ lineHeight: 2,
862
+ width: "fit-content",
863
+ left: "50%",
864
+ position: "relative",
555
865
  margin: 0,
556
866
  flexGrow: 1,
557
- height: 0
558
- }
867
+ height: 0,
868
+ transform: "translate(-50%, 0%)",
869
+ },
559
870
  },
560
871
  },
561
872
  {
562
873
  type: "Control",
563
- scope: "#/properties/backIcon",
874
+ scope: "#/properties/FooterBackIcon",
564
875
  options: {
565
876
  widget: "Box",
566
877
  },
567
878
  config: {
568
879
  main: {
569
- iconName: 'PrevIcon',
880
+ iconName: "PrevIcon",
570
881
  onClick: "backHandler",
571
- width: 'fit-content',
882
+ width: "fit-content",
572
883
  },
573
884
  style: {
574
- fill: theme.palette.primary.main,
885
+ fill: theme?.palette?.primary?.main,
575
886
  width: 20,
576
887
  height: 0,
577
- margin: 0,
888
+ // margin: 0,
578
889
  top: 0,
579
- right: {xs: '12px', sm: '84px'},
580
- position: 'absolute',
581
- fontSize: '12px',
582
- cursor: 'pointer',
583
- ':hover': {
584
- fill: theme.palette.primary.dark,
585
- }
586
- }
587
- }
890
+ right: { xs: "12px", sm: "84px" },
891
+ position: "absolute",
892
+ fontSize: "12px",
893
+ cursor: "pointer",
894
+ ":hover": {
895
+ fill: theme?.palette?.primary?.dark,
896
+ },
897
+ marginRight: "20px",
898
+ },
899
+ },
588
900
  },
589
901
  {
590
902
  type: "Control",
591
- scope: "#/properties/text",
592
-
903
+ scope: "#/properties/FooterBackHandlerText",
593
904
  options: {
594
905
  widget: "Box",
595
906
  },
596
907
  config: {
597
908
  main: {
598
909
  heading: "Previous Page",
599
- onClick: "backHandler"
910
+ onClick: "backHandler",
600
911
  },
601
912
  style: {
602
- display: {xs: 'none', sm: "flex"},
603
- textAlign: 'left',
913
+ display: { xs: "none", sm: "flex" },
914
+ textAlign: "left",
604
915
  lineHeight: 1,
605
916
  height: 0,
606
- width: 'fit-content',
607
- color: theme.palette.primary.main,
917
+ width: "fit-content",
918
+ color: theme?.palette?.primary?.main,
608
919
  fontSize: "12px",
609
- cursor: 'pointer',
610
- marginLeft: '2px',
611
- marginRight: 0,
920
+ cursor: "pointer",
921
+ marginLeft: "2px",
922
+
612
923
  top: 3,
613
- right: '12px',
614
- position: 'absolute',
615
- ':hover': {
616
- color: theme.palette.primary.dark,
617
- }
618
- }
924
+ right: "12px",
925
+ position: "absolute",
926
+ ":hover": {
927
+ color: theme?.palette?.primary?.dark,
928
+ },
929
+ marginRight: "4px",
930
+ },
619
931
  },
620
932
  },
621
- ]
933
+ ],
622
934
  }
623
935
  ]
624
936
  }