impaktapps-ui-builder 0.0.974 → 0.0.1052

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 (45) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1401 -1379
  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/buildThoughtOfTheDay.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +0 -1
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +90 -23
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +50 -23
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +10 -301
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/progressBar.d.ts +6 -1
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.d.ts +17 -0
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/timer.d.ts +1 -14
  13. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +1 -1
  14. package/package.json +5 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +7 -3
  16. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +43 -44
  18. package/src/impaktapps-ui-builder/builder/build/buildInputSlider.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/buildLeaderboard.ts +18 -13
  20. package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +10 -11
  21. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +4 -15
  22. package/src/impaktapps-ui-builder/builder/build/buildRankCard.ts +4 -10
  23. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +16 -13
  24. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  25. package/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.ts +22 -0
  26. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +25 -19
  27. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +18 -13
  28. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +0 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +102 -46
  30. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +13 -28
  31. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +10 -366
  32. package/src/impaktapps-ui-builder/builder/build/uischema/progressBar.ts +1 -1
  33. package/src/impaktapps-ui-builder/builder/build/uischema/rankCard.ts +1 -1
  34. package/src/impaktapps-ui-builder/builder/build/uischema/runnerBoyProgressBar.ts +1 -1
  35. package/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.ts +14 -0
  36. package/src/impaktapps-ui-builder/builder/build/uischema/timer.ts +2 -16
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +1 -0
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +581 -487
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +177 -111
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +90 -59
  41. package/src/impaktapps-ui-builder/builder/services/component.ts +127 -30
  42. package/src/impaktapps-ui-builder/builder/services/event.ts +1 -1
  43. package/src/impaktapps-ui-builder/builder/services/utils.ts +2 -2
  44. package/src/impaktapps-ui-builder/runtime/services/events.ts +32 -21
  45. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -4
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,
@@ -471,25 +471,20 @@ export const PageMasterUiSchema: any = (theme) => {
471
471
  layout: {
472
472
  xs: 12,
473
473
  sm: 12,
474
- md: 6,
475
- lg: 6,
474
+ md: 12,
475
+ lg: 12,
476
476
  },
477
477
  main: {
478
+ title: "WARNING!"
478
479
  },
479
480
  style: {
480
- "& .MuiPaper-root":{
481
- width: '30%',
482
- },
483
- "& .MuiTypography-root":{
484
- padding: 0
485
- },
486
481
  }
487
482
  },
488
483
  elements:
489
484
  [
490
485
  {
491
486
  type: "Control",
492
- scope: "#/properties/label",
487
+ scope: "#/properties/popText",
493
488
  options: {
494
489
  widget: "Box",
495
490
  },
@@ -498,59 +493,97 @@ export const PageMasterUiSchema: any = (theme) => {
498
493
  main: {
499
494
  heading: "Are you sure you want to delete ?",
500
495
  },
501
- style: {
502
- 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
+ }
503
504
  }
504
505
  },
505
506
  },
506
507
  {
507
- type: "Control",
508
- scope: "#/properties/EmptyBox",
509
- options: {
510
- widget: "EmptyBox",
511
- },
508
+ type: "WrapperLayout",
512
509
  config: {
510
+ layout: 12,
513
511
  main: {},
514
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
515
- },
516
- },
517
- {
518
- type: "Control",
519
- scope: "#/properties/ConfirmDeleteCompButton",
520
- options: {
521
- widget: "Button",
512
+
522
513
  },
523
- config: {
524
- layout: 3,
525
- main: {
526
- name: "Yes",
527
- startIcon: "ApproveIcon",
528
- variant: "contained",
529
- color: "info",
530
- type: "text",
531
- onClick: "Delete_Components",
532
- 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
+ },
533
550
  },
534
- },
535
- },
536
- {
537
- type: "Control",
538
- scope: "#/properties/CancelDeleteCompButton",
539
- options: {
540
- widget: "Button",
541
- },
542
- config: {
543
- layout: 3,
544
- main: {
545
- name: "No",
546
- startIcon: "ApproveIcon",
547
- variant: "contained",
548
- color: "info",
549
- type: "text",
550
- onClick: "deletePopUpComponent",
551
- 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
+ },
552
585
  },
553
- },
586
+ ]
554
587
  },
555
588
  ]
556
589
  },
@@ -564,26 +597,20 @@ export const PageMasterUiSchema: any = (theme) => {
564
597
  layout: {
565
598
  xs: 12,
566
599
  sm: 12,
567
- md: 6,
568
- lg: 6,
600
+ md: 12,
601
+ lg: 12,
569
602
  },
570
603
  main: {
604
+ title: "WARNING!"
571
605
  },
572
-
573
606
  style: {
574
- "& .MuiPaper-root":{
575
- width: '30%',
576
- },
577
- "& .MuiTypography-root":{
578
- padding: 0
579
- },
580
607
  }
581
608
  },
582
609
  elements:
583
610
  [
584
611
  {
585
612
  type: "Control",
586
- scope: "#/properties/label",
613
+ scope: "#/properties/popText1",
587
614
  options: {
588
615
  widget: "Box",
589
616
  },
@@ -592,59 +619,97 @@ export const PageMasterUiSchema: any = (theme) => {
592
619
  main: {
593
620
  heading: "Are you sure you want to delete ?",
594
621
  },
595
- style: {
596
- 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
+ }
597
630
  }
598
631
  },
599
632
  },
600
633
  {
601
- type: "Control",
602
- scope: "#/properties/EmptyBox",
603
- options: {
604
- widget: "EmptyBox",
605
- },
634
+ type: "WrapperLayout",
606
635
  config: {
636
+ layout: 12,
607
637
  main: {},
608
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
609
- },
610
- },
611
- {
612
- type: "Control",
613
- scope: "#/properties/ConfirmDeleteEventButton",
614
- options: {
615
- widget: "Button",
638
+
616
639
  },
617
- config: {
618
- layout: 3,
619
- main: {
620
- name: "Yes",
621
- startIcon: "ApproveIcon",
622
- variant: "contained",
623
- color: "info",
624
- type: "text",
625
- onClick: "deleteEvent",
626
- 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
+ },
627
676
  },
628
- },
629
- },
630
- {
631
- type: "Control",
632
- scope: "#/properties/CancelDeleteEventButton",
633
- options: {
634
- widget: "Button",
635
- },
636
- config: {
637
- layout: 3,
638
- main: {
639
- name: "No",
640
- startIcon: "ApproveIcon",
641
- variant: "contained",
642
- color: "error",
643
- type: "text",
644
- onClick: "deletePopUpEvent",
645
- 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
+ },
646
711
  },
647
- },
712
+ ]
648
713
  },
649
714
  ]
650
715
  },
@@ -675,7 +740,7 @@ export const PageMasterUiSchema: any = (theme) => {
675
740
  },
676
741
  elements: [
677
742
  {
678
-
743
+
679
744
  type: "Control",
680
745
  scope: "#/properties/FooterText",
681
746
  options: {
@@ -689,13 +754,14 @@ export const PageMasterUiSchema: any = (theme) => {
689
754
  color: theme?.palette?.text.disabled || "#AFAFAF",
690
755
  fontSize: '12px',
691
756
  textAlign: 'center',
692
- lineHeight: 1,
757
+ lineHeight: 2,
693
758
  width: 'fit-content',
694
759
  left: '50%',
695
760
  position: 'relative',
696
761
  margin: 0,
697
762
  flexGrow: 1,
698
- height: 0
763
+ height: 0,
764
+ transform: "translate(-50%,0%)"
699
765
  }
700
766
  },
701
767
  },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -329,28 +329,20 @@ export const EventUiSchema: any = (theme) => {
329
329
  layout: {
330
330
  xs: 12,
331
331
  sm: 12,
332
- md: 6,
333
- lg: 6,
332
+ md: 12,
333
+ lg: 12,
334
334
  },
335
335
  main: {
336
+ title: "WARNING!"
336
337
  },
337
338
  style: {
338
- "& .MuiPaper-root":{
339
- width: '30%',
340
- },
341
- "& .MuiTypography-root":{
342
- padding: 0
343
- },
344
- wrapperStyle: {
345
- width: { xs: "100%", sm: "100%", md: "98%" },
346
- }
347
339
  }
348
340
  },
349
341
  elements:
350
342
  [
351
343
  {
352
344
  type: "Control",
353
- scope: "#/properties/label",
345
+ scope: "#/properties/popupText",
354
346
  options: {
355
347
  widget: "Box",
356
348
  },
@@ -359,59 +351,97 @@ export const EventUiSchema: any = (theme) => {
359
351
  main: {
360
352
  heading: "Are you sure you want to delete ?",
361
353
  },
362
- style: {
363
- marginTop: "-40px"
354
+ style:{
355
+ marginTop: "-20px",
356
+ fontSize: "20px",
357
+ "&.MuiTypography-root": {
358
+ padding: "10px 30px 20px 30px",
359
+ textAlign: "center",
360
+ lineHeight: "1"
361
+ }
364
362
  }
365
363
  },
366
364
  },
367
365
  {
368
- type: "Control",
369
- scope: "#/properties/EmptyBox",
370
- options: {
371
- widget: "EmptyBox",
372
- },
366
+ type: "WrapperLayout",
373
367
  config: {
368
+ layout: 12,
374
369
  main: {},
375
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
376
- },
377
- },
378
- {
379
- type: "Control",
380
- scope: "#/properties/ConfirmDeleteEventButton",
381
- options: {
382
- widget: "Button",
370
+
383
371
  },
384
- config: {
385
- layout: 3,
386
- main: {
387
- name: "Yes",
388
- startIcon: "ApproveIcon",
389
- variant: "contained",
390
- color: "error",
391
- type: "text",
392
- onClick: "deleteEvent",
393
- size: "small",
372
+ elements: [
373
+ {
374
+ type: "Control",
375
+ scope: "#/properties/CancelDeleteEventButton",
376
+ options: {
377
+ widget: "Button",
378
+ },
379
+ config: {
380
+ layout: 6,
381
+ main: {
382
+ name: "No",
383
+ startIcon: "ApproveIcon",
384
+ variant: "contained",
385
+ color: "info",
386
+ type: "text",
387
+ onClick: "deletePopUpEvent",
388
+ size: "large",
389
+ },
390
+ style: {
391
+ position: "absolute",
392
+ bottom: 0,
393
+ left: 0,
394
+ width: "50%",
395
+ borderRadius: 0,
396
+ boxShadow: 0,
397
+ backgroundColor: "transparent",
398
+ color: theme.palette.primary.main,
399
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
400
+ borderRight: `0.5px solid ${theme.palette.grey[600]}`,
401
+ "&:hover": {
402
+ color: theme.palette.primary.contrastText,
403
+ backgroundColor: theme.palette.primary.main,
404
+ boxShadow: "none"
405
+ }
406
+ }
407
+ },
394
408
  },
395
- },
396
- },
397
- {
398
- type: "Control",
399
- scope: "#/properties/CancelDeleteEventButton",
400
- options: {
401
- widget: "Button",
402
- },
403
- config: {
404
- layout: 3,
405
- main: {
406
- name: "No",
407
- startIcon: "ApproveIcon",
408
- variant: "contained",
409
- color: "info",
410
- type: "text",
411
- onClick: "deletePopUpEvent",
412
- size: "small",
409
+ {
410
+ type: "Control",
411
+ scope: "#/properties/ConfirmDeleteEventButton",
412
+ options: {
413
+ widget: "Button",
414
+ },
415
+ config: {
416
+ layout: 6,
417
+ main: {
418
+ name: "Yes",
419
+ startIcon: "ApproveIcon",
420
+ variant: "contained",
421
+ color: "error",
422
+ type: "text",
423
+ onClick: "deleteEvent",
424
+ size: "large",
425
+ },
426
+ style: {
427
+ position: "absolute",
428
+ bottom: 0,
429
+ right: 0,
430
+ width: "50%",
431
+ borderRadius: 0,
432
+ boxShadow: 0,
433
+ backgroundColor: "transparent",
434
+ color: theme.palette.error.main,
435
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
436
+ "&:hover": {
437
+ color: theme.palette.error.contrastText,
438
+ backgroundColor: theme.palette.error.main,
439
+ boxShadow: "none"
440
+ }
441
+ }
442
+ },
413
443
  },
414
- },
444
+ ]
415
445
  },
416
446
  ]
417
447
  },
@@ -442,7 +472,7 @@ export const EventUiSchema: any = (theme) => {
442
472
  },
443
473
  elements: [
444
474
  {
445
-
475
+
446
476
  type: "Control",
447
477
  scope: "#/properties/FooterText",
448
478
  options: {
@@ -456,13 +486,14 @@ export const EventUiSchema: any = (theme) => {
456
486
  color: theme?.palette?.text.disabled || "#AFAFAF",
457
487
  fontSize: '12px',
458
488
  textAlign: 'center',
459
- lineHeight: 1,
489
+ lineHeight: 2,
460
490
  width: 'fit-content',
461
491
  left: '50%',
462
492
  position: 'relative',
463
493
  margin: 0,
464
494
  flexGrow: 1,
465
- height: 0
495
+ height: 0,
496
+ transform: "translate(-50%,0%)"
466
497
  }
467
498
  },
468
499
  },