impaktapps-ui-builder 0.0.101-alpha.21 → 0.0.101-alpha.212

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 (22) hide show
  1. package/dist/impaktapps-ui-builder.es.js +507 -284
  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/apiSection.d.ts +0 -3
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +10 -13
  7. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  8. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +6 -0
  9. package/package.json +1 -1
  10. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  11. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +14 -10
  12. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +88 -76
  13. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +2 -2
  14. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +6 -6
  15. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +68 -9
  16. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +23 -16
  17. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  18. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +41 -201
  19. package/src/impaktapps-ui-builder/builder/services/component.ts +161 -32
  20. package/src/impaktapps-ui-builder/builder/services/event.ts +159 -59
  21. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  22. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -4
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -161,6 +161,7 @@ export const PageMasterUiSchema: any = (theme) => {
161
161
  icon: "TablePaste",
162
162
  iconLabel: "Paste",
163
163
  styleDefault: true,
164
+ title: ""
164
165
  },
165
166
  style: {
166
167
  mt: "6px",
@@ -347,7 +348,7 @@ export const PageMasterUiSchema: any = (theme) => {
347
348
 
348
349
  {
349
350
  accessorKey: "eventType",
350
- header: "Event Type",
351
+ header: "Event's Type",
351
352
  size: 300,
352
353
  type: "string"
353
354
  },
@@ -359,7 +360,7 @@ export const PageMasterUiSchema: any = (theme) => {
359
360
  },
360
361
  {
361
362
  accessorKey: "Edit_Approve_Records",
362
- header: "Edit Widget",
363
+ header: "Edit",
363
364
  type: "action",
364
365
  size: 150,
365
366
  widget: {
@@ -569,15 +570,17 @@ export const PageMasterUiSchema: any = (theme) => {
569
570
  config: {
570
571
  layout: 11,
571
572
  main: {
572
- heading: "Are you sure you want to delete ?",
573
+ heading: "Are you sure you want to delete this Component ?",
573
574
  },
574
575
  style:{
575
- marginTop: "-20px",
576
576
  fontSize: "20px",
577
577
  "&.MuiTypography-root": {
578
- padding: "10px 30px 20px 30px",
578
+ padding: "0px 20px",
579
579
  textAlign: "center",
580
- lineHeight: "1"
580
+ lineHeight: "1.2",
581
+ fontWeight: "normal",
582
+ fontSize: "18px",
583
+ marginBottom: theme.spacing(5)
581
584
  }
582
585
  }
583
586
  },
@@ -600,15 +603,15 @@ export const PageMasterUiSchema: any = (theme) => {
600
603
  layout: 6,
601
604
  main: {
602
605
  name: "No",
603
- startIcon: "ApproveIcon",
604
606
  variant: "contained",
605
- color: "info",
606
607
  type: "text",
607
608
  onClick: "deletePopUpComponent",
608
609
  size: "large",
609
610
  },
610
611
  style: {
611
612
  position: "absolute",
613
+ padding: "8px 0px",
614
+ fontSize: "16px",
612
615
  bottom: 0,
613
616
  left: 0,
614
617
  width: "50%",
@@ -636,7 +639,6 @@ export const PageMasterUiSchema: any = (theme) => {
636
639
  layout: 6,
637
640
  main: {
638
641
  name: "Yes",
639
- startIcon: "ApproveIcon",
640
642
  variant: "contained",
641
643
  color: "error",
642
644
  type: "text",
@@ -645,6 +647,8 @@ export const PageMasterUiSchema: any = (theme) => {
645
647
  },
646
648
  style: {
647
649
  position: "absolute",
650
+ padding: "8px 0px",
651
+ fontSize: "16px",
648
652
  bottom: 0,
649
653
  right: 0,
650
654
  width: "50%",
@@ -695,15 +699,17 @@ export const PageMasterUiSchema: any = (theme) => {
695
699
  config: {
696
700
  layout: 11,
697
701
  main: {
698
- heading: "Are you sure you want to delete ?",
702
+ heading: "Are you sure you want to delete this Event ?",
699
703
  },
700
704
  style:{
701
- marginTop: "-20px",
702
705
  fontSize: "20px",
703
706
  "&.MuiTypography-root": {
704
- padding: "10px 30px 20px 30px",
707
+ padding: "0px 20px",
705
708
  textAlign: "center",
706
- lineHeight: "1"
709
+ lineHeight: "1.2",
710
+ fontWeight: "normal",
711
+ fontSize: "18px",
712
+ marginBottom: theme.spacing(5)
707
713
  }
708
714
  }
709
715
  },
@@ -726,15 +732,15 @@ export const PageMasterUiSchema: any = (theme) => {
726
732
  layout: 6,
727
733
  main: {
728
734
  name: "No",
729
- startIcon: "ApproveIcon",
730
735
  variant: "contained",
731
- color: "info",
732
736
  type: "text",
733
737
  onClick: "deletePopUpEvent",
734
738
  size: "large",
735
739
  },
736
740
  style: {
737
741
  position: "absolute",
742
+ padding: "8px 0px",
743
+ fontSize: "16px",
738
744
  bottom: 0,
739
745
  left: 0,
740
746
  width: "50%",
@@ -762,7 +768,6 @@ export const PageMasterUiSchema: any = (theme) => {
762
768
  layout: 6,
763
769
  main: {
764
770
  name: "Yes",
765
- startIcon: "ApproveIcon",
766
771
  variant: "contained",
767
772
  color: "error",
768
773
  type: "text",
@@ -771,6 +776,8 @@ export const PageMasterUiSchema: any = (theme) => {
771
776
  },
772
777
  style: {
773
778
  position: "absolute",
779
+ padding: "8px 0px",
780
+ fontSize: "16px",
774
781
  bottom: 0,
775
782
  right: 0,
776
783
  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
  ],