impaktapps-ui-builder 0.0.101-alpha.22 → 0.0.101-alpha.230

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 (21) hide show
  1. package/dist/impaktapps-ui-builder.es.js +538 -289
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +15 -15
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +10 -10
  6. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  7. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +6 -0
  8. package/package.json +1 -1
  9. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  10. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +14 -10
  11. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +88 -73
  12. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +2 -2
  13. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +5 -5
  14. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +68 -9
  15. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +41 -17
  16. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  17. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +41 -201
  18. package/src/impaktapps-ui-builder/builder/services/component.ts +161 -32
  19. package/src/impaktapps-ui-builder/builder/services/event.ts +159 -59
  20. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  21. package/src/impaktapps-ui-builder/runtime/services/service.ts +29 -4
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -71,11 +71,28 @@ export const PageMasterUiSchema: any = (theme) => {
71
71
  },
72
72
  },
73
73
  },
74
+ {
75
+ type: "Control",
76
+ scope: "#/properties/programIdRequired",
77
+
78
+ options: {
79
+ widget: "RadioInputField",
80
+ },
81
+ config: {
82
+ layout: { xs: 12, sm: 6, md: 4, lg: 3 },
83
+ main: {
84
+ label: "Program ID Required",
85
+ // options: ["YES", "NO"],
86
+ options: [{label: "Yes",const: "YES"}, {label: "No",const: "NO"}],
87
+ // errorMessage: "Active is not marked YES or NO",
88
+ },
89
+ },
90
+ },
74
91
  {
75
92
  type: "Control",
76
93
  scope: "#/properties/EmptyBox",
77
94
  config: {
78
- layout: { xs: 0, sm: 0, md: 4, lg: 6 },
95
+ layout: { xs: 0, sm: 6, md: 0, lg: 3 },
79
96
  },
80
97
  options: {
81
98
  widget: "EmptyBox",
@@ -161,6 +178,7 @@ export const PageMasterUiSchema: any = (theme) => {
161
178
  icon: "TablePaste",
162
179
  iconLabel: "Paste",
163
180
  styleDefault: true,
181
+ title: ""
164
182
  },
165
183
  style: {
166
184
  mt: "6px",
@@ -347,7 +365,7 @@ export const PageMasterUiSchema: any = (theme) => {
347
365
 
348
366
  {
349
367
  accessorKey: "eventType",
350
- header: "Event Type",
368
+ header: "Event's Type",
351
369
  size: 300,
352
370
  type: "string"
353
371
  },
@@ -359,7 +377,7 @@ export const PageMasterUiSchema: any = (theme) => {
359
377
  },
360
378
  {
361
379
  accessorKey: "Edit_Approve_Records",
362
- header: "Edit Widget",
380
+ header: "Edit",
363
381
  type: "action",
364
382
  size: 150,
365
383
  widget: {
@@ -569,15 +587,17 @@ export const PageMasterUiSchema: any = (theme) => {
569
587
  config: {
570
588
  layout: 11,
571
589
  main: {
572
- heading: "Are you sure you want to delete ?",
590
+ heading: "Are you sure you want to delete this Component ?",
573
591
  },
574
592
  style:{
575
- marginTop: "-20px",
576
593
  fontSize: "20px",
577
594
  "&.MuiTypography-root": {
578
- padding: "10px 30px 20px 30px",
595
+ padding: "0px 20px",
579
596
  textAlign: "center",
580
- lineHeight: "1"
597
+ lineHeight: "1.2",
598
+ fontWeight: "normal",
599
+ fontSize: "18px",
600
+ marginBottom: theme.spacing(5)
581
601
  }
582
602
  }
583
603
  },
@@ -600,15 +620,15 @@ export const PageMasterUiSchema: any = (theme) => {
600
620
  layout: 6,
601
621
  main: {
602
622
  name: "No",
603
- startIcon: "ApproveIcon",
604
623
  variant: "contained",
605
- color: "info",
606
624
  type: "text",
607
625
  onClick: "deletePopUpComponent",
608
626
  size: "large",
609
627
  },
610
628
  style: {
611
629
  position: "absolute",
630
+ padding: "8px 0px",
631
+ fontSize: "16px",
612
632
  bottom: 0,
613
633
  left: 0,
614
634
  width: "50%",
@@ -636,7 +656,6 @@ export const PageMasterUiSchema: any = (theme) => {
636
656
  layout: 6,
637
657
  main: {
638
658
  name: "Yes",
639
- startIcon: "ApproveIcon",
640
659
  variant: "contained",
641
660
  color: "error",
642
661
  type: "text",
@@ -645,6 +664,8 @@ export const PageMasterUiSchema: any = (theme) => {
645
664
  },
646
665
  style: {
647
666
  position: "absolute",
667
+ padding: "8px 0px",
668
+ fontSize: "16px",
648
669
  bottom: 0,
649
670
  right: 0,
650
671
  width: "50%",
@@ -695,15 +716,17 @@ export const PageMasterUiSchema: any = (theme) => {
695
716
  config: {
696
717
  layout: 11,
697
718
  main: {
698
- heading: "Are you sure you want to delete ?",
719
+ heading: "Are you sure you want to delete this Event ?",
699
720
  },
700
721
  style:{
701
- marginTop: "-20px",
702
722
  fontSize: "20px",
703
723
  "&.MuiTypography-root": {
704
- padding: "10px 30px 20px 30px",
724
+ padding: "0px 20px",
705
725
  textAlign: "center",
706
- lineHeight: "1"
726
+ lineHeight: "1.2",
727
+ fontWeight: "normal",
728
+ fontSize: "18px",
729
+ marginBottom: theme.spacing(5)
707
730
  }
708
731
  }
709
732
  },
@@ -726,15 +749,15 @@ export const PageMasterUiSchema: any = (theme) => {
726
749
  layout: 6,
727
750
  main: {
728
751
  name: "No",
729
- startIcon: "ApproveIcon",
730
752
  variant: "contained",
731
- color: "info",
732
753
  type: "text",
733
754
  onClick: "deletePopUpEvent",
734
755
  size: "large",
735
756
  },
736
757
  style: {
737
758
  position: "absolute",
759
+ padding: "8px 0px",
760
+ fontSize: "16px",
738
761
  bottom: 0,
739
762
  left: 0,
740
763
  width: "50%",
@@ -762,7 +785,6 @@ export const PageMasterUiSchema: any = (theme) => {
762
785
  layout: 6,
763
786
  main: {
764
787
  name: "Yes",
765
- startIcon: "ApproveIcon",
766
788
  variant: "contained",
767
789
  color: "error",
768
790
  type: "text",
@@ -771,6 +793,8 @@ export const PageMasterUiSchema: any = (theme) => {
771
793
  },
772
794
  style: {
773
795
  position: "absolute",
796
+ padding: "8px 0px",
797
+ fontSize: "16px",
774
798
  bottom: 0,
775
799
  right: 0,
776
800
  width: "50%",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts CHANGED
@@ -38,18 +38,18 @@ export const EventSchema = {
38
38
  eventType: {
39
39
  type: "string",
40
40
  oneOf: [
41
- { title: "Click Event", const: "onClick" },
42
- { title: "Load Event", const: "onLoad" },
43
- { title: "Change Event", const: "onChange" },
44
- { title: "Mount Event", const: "onMount" },
41
+ { title: "Click", const: "onClick" },
42
+ { title: "Load", const: "onLoad" },
43
+ { title: "Change", const: "onChange" },
44
+ { title: "Mount", const: "onMount" },
45
45
  { title: "Success", const: "Success" },
46
- { title: "onStart", const: "onStart" },
47
- { title: "Cell Renderer", const: "onCellRenderer" },
48
- { title: "File Upload Event", const: "onUpload" },
49
- { title: "Back Event", const: "onBack" },
50
- { title: "Next Event", const: "onNext" },
51
- { title: "onRowMovement", const: "onRowMovement" },
52
- { title: "File Download Event", const: "onDownload" },
46
+ { title: "Start", const: "onStart" },
47
+ { title: "Cell Render", const: "onCellRenderer" },
48
+ { title: "Upload", const: "onUpload" },
49
+ { title: "Back", const: "onBack" },
50
+ { title: "Next", const: "onNext" },
51
+ { title: "Row Movement", const: "onRowMovement" },
52
+ { title: "Download", const: "onDownload" },
53
53
  { title: "Fail", const: "Fail" }
54
54
  ]
55
55
  },
@@ -57,7 +57,7 @@ export const EventSchema = {
57
57
  type: "string",
58
58
  oneOf: [
59
59
  { title: "Custom", const: "custom" },
60
- { title: "Api", const: "api" },
60
+ { title: "API", const: "api" },
61
61
  { title: "Inbuilt Function", const: "inBuiltFunction" },
62
62
  { title: "Refresh", const: "refresh" },
63
63
  ]
@@ -87,6 +87,9 @@ export const EventSchema = {
87
87
  RemoveItemButton:{
88
88
  disabled: true,
89
89
  },
90
+ pageName: {
91
+ path: [{label: "defaultLabel", path: "defaultPath"}]
92
+ },
90
93
  },
91
94
  required:["eventType","Handler"]
92
95
  }
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -3,28 +3,8 @@ import { getSelectField } from "../../../build/uischema/buildPropertiesSection";
3
3
  export const EventUiSchema: any = (theme) => {
4
4
  const uiSchema = {
5
5
  type: "HorizontalLayout",
6
- heading: "Page-Event",
6
+ heading: "Page-Events",
7
7
  elements: [
8
- // {
9
- // type: "Control",
10
- // scope: "#/properties/pageName",
11
-
12
- // options: {
13
- // widget: "Box",
14
- // },
15
- // config: {
16
- // layout: 12,
17
- // main: {
18
- // heading: " ",
19
- // },
20
- // style: {
21
- // marginLeft: theme.spacing(3),
22
- // width:"auto",
23
- // fontSize:"12px",
24
- // color:"gray",
25
- // },
26
- // },
27
- // },
28
8
  {
29
9
  type: "TabLayout",
30
10
  config: {
@@ -75,7 +55,7 @@ export const EventUiSchema: any = (theme) => {
75
55
  },
76
56
  getSelectField("Handler", "Handler", [
77
57
  { label: "Custom", value: "custom" },
78
- { label: "Api", value: "api" },
58
+ { label: "API", value: "api" },
79
59
  { label: "Inbuilt Function", value: "inBuiltFunction" },
80
60
  { label: "Refresh", value: "refresh" },
81
61
  ]),
@@ -170,7 +150,7 @@ export const EventUiSchema: any = (theme) => {
170
150
 
171
151
  {
172
152
  accessorKey: "eventType",
173
- header: "Event Type",
153
+ header: "Event's Type",
174
154
  size: 300,
175
155
  type: "string"
176
156
  },
@@ -182,7 +162,7 @@ export const EventUiSchema: any = (theme) => {
182
162
  },
183
163
  {
184
164
  accessorKey: "Edit_Approve_Records",
185
- header: "Edit Widget",
165
+ header: "Edit",
186
166
  type: "action",
187
167
  size: 150,
188
168
  widget: {
@@ -402,15 +382,17 @@ export const EventUiSchema: any = (theme) => {
402
382
  config: {
403
383
  layout: 11,
404
384
  main: {
405
- heading: "Are you sure you want to delete ?",
385
+ heading: "Are you sure you want to delete this Event ?",
406
386
  },
407
387
  style:{
408
- marginTop: "-20px",
409
388
  fontSize: "20px",
410
389
  "&.MuiTypography-root": {
411
- padding: "10px 30px 20px 30px",
390
+ padding: "0px 20px",
412
391
  textAlign: "center",
413
- lineHeight: "1"
392
+ lineHeight: "1.2",
393
+ fontWeight: "normal",
394
+ fontSize: "18px",
395
+ marginBottom: theme.spacing(5)
414
396
  }
415
397
  }
416
398
  },
@@ -435,13 +417,14 @@ export const EventUiSchema: any = (theme) => {
435
417
  name: "No",
436
418
  startIcon: "ApproveIcon",
437
419
  variant: "contained",
438
- color: "info",
439
420
  type: "text",
440
421
  onClick: "deletePopUpEvent",
441
422
  size: "large",
442
423
  },
443
424
  style: {
444
425
  position: "absolute",
426
+ padding: "8px 0px",
427
+ fontSize: "16px",
445
428
  bottom: 0,
446
429
  left: 0,
447
430
  width: "50%",
@@ -469,7 +452,6 @@ export const EventUiSchema: any = (theme) => {
469
452
  layout: 6,
470
453
  main: {
471
454
  name: "Yes",
472
- startIcon: "ApproveIcon",
473
455
  variant: "contained",
474
456
  color: "error",
475
457
  type: "text",
@@ -478,6 +460,8 @@ export const EventUiSchema: any = (theme) => {
478
460
  },
479
461
  style: {
480
462
  position: "absolute",
463
+ padding: "8px 0px",
464
+ fontSize: "16px",
481
465
  bottom: 0,
482
466
  right: 0,
483
467
  width: "50%",
@@ -498,6 +482,29 @@ export const EventUiSchema: any = (theme) => {
498
482
  },
499
483
  ]
500
484
  },
485
+ {
486
+ type: "Control",
487
+ scope: "#/properties/pageName",
488
+
489
+ options: {
490
+ widget: "Breadcrumb",
491
+ },
492
+ config: {
493
+ layout: 12,
494
+ main: {
495
+ },
496
+ style: {
497
+ paddingLeft: theme.spacing(3),
498
+ color:theme.palette.grey[600],
499
+ fontSize:"10px",
500
+ position: "fixed",
501
+ bottom: "24px",
502
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
503
+ borderTop: `1px solid ${theme.palette.common.black}29`,
504
+ backgroundColor: theme.palette.background.default,
505
+ },
506
+ },
507
+ },
501
508
  {
502
509
  type: "Control",
503
510
  scope: "#/properties/notify",
@@ -506,112 +513,6 @@ export const EventUiSchema: any = (theme) => {
506
513
  },
507
514
  layout: 6,
508
515
  },
509
- // {
510
- // type: "HorizontalLayout",
511
- // config: {
512
- // main: {
513
- // direction: 'row'
514
- // },
515
- // style: {
516
- // flexDirection: "row",
517
- // position: "absolute",
518
- // bottom: 0,
519
- // marginBottom: '-8px',
520
- // height: 'fit-content',
521
- // overflow: 'hidden',
522
- // zIndex: 1000,
523
- // width: 'inherit'
524
- // }
525
- // },
526
- // elements: [
527
- // {
528
-
529
- // type: "Control",
530
- // scope: "#/properties/FooterText",
531
- // options: {
532
- // widget: "Box",
533
- // },
534
- // config: {
535
- // main: {
536
- // heading: "Copywriter@ACT21.IO"
537
- // },
538
- // style: {
539
- // color: theme?.palette?.text.disabled || "#AFAFAF",
540
- // fontSize: '12px',
541
- // textAlign: 'center',
542
- // lineHeight: 2,
543
- // width: 'fit-content',
544
- // left: '50%',
545
- // position: 'relative',
546
- // margin: 0,
547
- // flexGrow: 1,
548
- // height: 0,
549
- // transform: "translate(-50%,0%)"
550
- // }
551
- // },
552
- // },
553
- // {
554
- // type: "Control",
555
- // scope: "#/properties/backIcon",
556
- // options: {
557
- // widget: "Box",
558
- // },
559
- // config: {
560
- // main: {
561
- // iconName: 'PrevIcon',
562
- // onClick: "backHandler",
563
- // width: 'fit-content',
564
- // },
565
- // style: {
566
- // fill: theme.palette.primary.main,
567
- // width: 20,
568
- // height: 0,
569
- // margin: 0,
570
- // top: 0,
571
- // right: {xs: '12px', sm: '84px'},
572
- // position: 'absolute',
573
- // fontSize: '12px',
574
- // cursor: 'pointer',
575
- // ':hover': {
576
- // fill: theme.palette.primary.dark,
577
- // }
578
- // }
579
- // }
580
- // },
581
- // {
582
- // type: "Control",
583
- // scope: "#/properties/text",
584
-
585
- // options: {
586
- // widget: "Box",
587
- // },
588
- // config: {
589
- // main: {
590
- // heading: "Previous Page",
591
- // onClick: "backHandler"
592
- // },
593
- // style: {
594
- // display: {xs: 'none', sm: "flex"},
595
- // textAlign: 'left',
596
- // lineHeight: 1,
597
- // height: 0,
598
- // width: 'fit-content',
599
- // color: theme.palette.primary.main,
600
- // fontSize: "12px",
601
- // cursor: 'pointer',
602
- // marginLeft: '2px',
603
- // marginRight: 0,
604
- // top: 3,
605
- // right: '12px',
606
- // position: 'absolute',
607
- // ':hover': {
608
- // color: theme.palette.primary.dark,
609
- // }
610
- // }
611
- // },
612
- // },
613
- // ]
614
- // }
615
516
  {
616
517
  type: "HorizontalLayout",
617
518
  config: {
@@ -621,7 +522,7 @@ export const EventUiSchema: any = (theme) => {
621
522
  style: {
622
523
  flexDirection: "row",
623
524
  position: "absolute",
624
- bottom: 0,
525
+ bottom: 10,
625
526
  height: "fit-content",
626
527
  overflow: "hidden",
627
528
  zIndex: 1000,
@@ -640,81 +541,20 @@ export const EventUiSchema: any = (theme) => {
640
541
  heading: "Copywriter@ACT21.IO",
641
542
  },
642
543
  style: {
643
- color: theme?.palette?.text?.disabled || "#AFAFAF",
544
+ color: theme?.palette?.text.disabled || "#AFAFAF",
644
545
  fontSize: "11px",
645
546
  textAlign: "center",
646
- lineHeight: 2,
547
+ lineHeight: 0,
647
548
  width: "fit-content",
648
549
  left: "50%",
649
550
  position: "relative",
650
- margin: 0,
551
+ margin: "revert",
651
552
  flexGrow: 1,
652
553
  height: 0,
653
554
  transform: "translate(-50%, 0%)",
654
555
  },
655
556
  },
656
557
  },
657
- {
658
- type: "Control",
659
- scope: "#/properties/FooterBackIcon",
660
- options: {
661
- widget: "Box",
662
- },
663
- config: {
664
- main: {
665
- iconName: "PrevIcon",
666
- onClick: "backHandler",
667
- width: "fit-content",
668
- },
669
- style: {
670
- fill: theme?.palette?.primary?.main,
671
- width: 20,
672
- height: 0,
673
- // margin: 0,
674
- top: 0,
675
- right: { xs: "12px", sm: "84px" },
676
- position: "absolute",
677
- fontSize: "12px",
678
- cursor: "pointer",
679
- ":hover": {
680
- fill: theme?.palette?.primary?.dark,
681
- },
682
- marginRight: "20px",
683
- },
684
- },
685
- },
686
- {
687
- type: "Control",
688
- scope: "#/properties/FooterBackHandlerText",
689
- options: {
690
- widget: "Box",
691
- },
692
- config: {
693
- main: {
694
- heading: "Previous Page",
695
- onClick: "backHandler",
696
- },
697
- style: {
698
- display: { xs: "none", sm: "flex" },
699
- textAlign: "left",
700
- lineHeight: 1,
701
- height: 0,
702
- width: "fit-content",
703
- color: theme?.palette?.primary?.main,
704
- fontSize: "12px",
705
- cursor: "pointer",
706
- marginLeft: "2px",
707
-
708
- top: 3,
709
- right: "12px",
710
- position: "absolute",
711
- ":hover": {
712
- color: theme?.palette?.primary?.dark,
713
- },
714
- marginRight: "4px",
715
- },
716
- },
717
- },
718
558
  ],
719
559
  }
720
560
  ],