impaktapps-ui-builder 0.0.101-alpha.27 → 0.0.101-alpha.28

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 (7) hide show
  1. package/dist/impaktapps-ui-builder.es.js +32 -66
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +8 -8
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +3 -2
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +29 -171
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.101-alpha.27",
3
+ "version": "0.0.101-alpha.28",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -640,8 +640,9 @@ export const componentBasicUiSchema: any = (theme)=>{
640
640
  width:"100%",
641
641
  fontSize:"10px",
642
642
  color:theme.palette.grey[600],
643
- position: "relative",
644
- bottom: "0px",
643
+ position: "fixed",
644
+ bottom: "24px",
645
+ backgroundColor: theme.palette.background.default,
645
646
  borderBottom: `1px solid ${theme.palette.common.black}29`,
646
647
  borderTop: `1px solid ${theme.palette.common.black}29`,
647
648
  },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -498,6 +498,31 @@ export const EventUiSchema: any = (theme) => {
498
498
  },
499
499
  ]
500
500
  },
501
+ {
502
+ type: "Control",
503
+ scope: "#/properties/pageName",
504
+
505
+ options: {
506
+ widget: "Box",
507
+ },
508
+ config: {
509
+ layout: 12,
510
+ main: {
511
+ heading: "",
512
+ },
513
+ style: {
514
+ paddingLeft: theme.spacing(3),
515
+ width:"100%",
516
+ fontSize:"10px",
517
+ color:theme.palette.grey[600],
518
+ position: "fixed",
519
+ bottom: "24px",
520
+ backgroundColor: theme.palette.background.default,
521
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
522
+ borderTop: `1px solid ${theme.palette.common.black}29`,
523
+ },
524
+ },
525
+ },
501
526
  {
502
527
  type: "Control",
503
528
  scope: "#/properties/notify",
@@ -506,112 +531,6 @@ export const EventUiSchema: any = (theme) => {
506
531
  },
507
532
  layout: 6,
508
533
  },
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
534
  {
616
535
  type: "HorizontalLayout",
617
536
  config: {
@@ -621,7 +540,7 @@ export const EventUiSchema: any = (theme) => {
621
540
  style: {
622
541
  flexDirection: "row",
623
542
  position: "absolute",
624
- bottom: 0,
543
+ bottom: 10,
625
544
  height: "fit-content",
626
545
  overflow: "hidden",
627
546
  zIndex: 1000,
@@ -640,81 +559,20 @@ export const EventUiSchema: any = (theme) => {
640
559
  heading: "Copywriter@ACT21.IO",
641
560
  },
642
561
  style: {
643
- color: theme?.palette?.text?.disabled || "#AFAFAF",
562
+ color: theme?.palette?.text.disabled || "#AFAFAF",
644
563
  fontSize: "11px",
645
564
  textAlign: "center",
646
- lineHeight: 2,
565
+ lineHeight: 0,
647
566
  width: "fit-content",
648
567
  left: "50%",
649
568
  position: "relative",
650
- margin: 0,
569
+ margin: "revert",
651
570
  flexGrow: 1,
652
571
  height: 0,
653
572
  transform: "translate(-50%, 0%)",
654
573
  },
655
574
  },
656
575
  },
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
576
  ],
719
577
  }
720
578
  ],