impaktapps-ui-builder 0.0.101-alpha.26 → 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 (8) hide show
  1. package/dist/impaktapps-ui-builder.es.js +57 -67
  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/build/uischema/buildPropertiesSection.ts +3 -2
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +25 -0
  8. 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.26",
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/build/uischema/buildPropertiesSection.ts CHANGED
@@ -96,8 +96,8 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
96
96
  config: {
97
97
  layout: 12,
98
98
  main: {
99
- label: childScope,
100
- childElementLabel: childScope,
99
+ label: childLabel,
100
+ childElementLabel: childLabel,
101
101
  },
102
102
  style: {
103
103
  marginLeft: "-24px",
@@ -332,6 +332,7 @@ export const buildPropertiesSection = function (type: String) {
332
332
  getInputField("placeholder", "Placeholder"),
333
333
  getRadioInputField("enableCodeEditor", "Enable Code Editor",["YES", "NO"]),
334
334
  getInputField("codeEditorLanguage", "Enter Code Language"),
335
+ emptyBox("TextEmpty1", {xs: 0, sm: 0, md: 0, lg: 3 }),
335
336
  ]
336
337
  break;
337
338
 
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -623,6 +623,31 @@ export const componentBasicUiSchema: any = (theme)=>{
623
623
  },
624
624
  ]
625
625
  },
626
+ {
627
+ type: "Control",
628
+ scope: "#/properties/pageName",
629
+
630
+ options: {
631
+ widget: "Box",
632
+ },
633
+ config: {
634
+ layout: 12,
635
+ main: {
636
+ heading: "",
637
+ },
638
+ style: {
639
+ paddingLeft: theme.spacing(3),
640
+ width:"100%",
641
+ fontSize:"10px",
642
+ color:theme.palette.grey[600],
643
+ position: "fixed",
644
+ bottom: "24px",
645
+ backgroundColor: theme.palette.background.default,
646
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
647
+ borderTop: `1px solid ${theme.palette.common.black}29`,
648
+ },
649
+ },
650
+ },
626
651
  {
627
652
  type: "Control",
628
653
  scope: "#/properties/notify",
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
  ],