impaktapps-ui-builder 0.0.101-alpha.2 → 0.0.101-alpha.3
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.
- package/dist/impaktapps-ui-builder.es.js +26 -124
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +5 -5
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +87 -239
|
@@ -47,7 +47,7 @@ const PageMasterSchema = {
|
|
|
47
47
|
required: ["template", "name", "label"]
|
|
48
48
|
};
|
|
49
49
|
const PageMasterUiSchema = (theme) => {
|
|
50
|
-
var _a
|
|
50
|
+
var _a;
|
|
51
51
|
const uiSchema = {
|
|
52
52
|
type: "HorizontalLayout",
|
|
53
53
|
heading: "Page",
|
|
@@ -116,6 +116,7 @@ const PageMasterUiSchema = (theme) => {
|
|
|
116
116
|
tabLabels: ["Page Components", "Page Events"]
|
|
117
117
|
},
|
|
118
118
|
style: {
|
|
119
|
+
marginTop: "-16px",
|
|
119
120
|
TabPanelStyle: {
|
|
120
121
|
padding: 0
|
|
121
122
|
}
|
|
@@ -179,7 +180,7 @@ const PageMasterUiSchema = (theme) => {
|
|
|
179
180
|
main: {
|
|
180
181
|
onClick: "copyPasteElement",
|
|
181
182
|
size: "small",
|
|
182
|
-
icon: "
|
|
183
|
+
icon: "TablePasteIcon",
|
|
183
184
|
iconLabel: "Paste",
|
|
184
185
|
styleDefault: true
|
|
185
186
|
},
|
|
@@ -336,12 +337,18 @@ const PageMasterUiSchema = (theme) => {
|
|
|
336
337
|
main: {
|
|
337
338
|
onClick: "copyPasteElement",
|
|
338
339
|
size: "small",
|
|
339
|
-
icon: "
|
|
340
|
+
icon: "TablePasteIcon",
|
|
340
341
|
iconLabel: "Paste",
|
|
341
342
|
styleDefault: true
|
|
342
343
|
},
|
|
343
344
|
style: {
|
|
344
|
-
mt: "6px"
|
|
345
|
+
mt: "6px",
|
|
346
|
+
color: "inherit",
|
|
347
|
+
fill: "inherit",
|
|
348
|
+
"&:hover": {
|
|
349
|
+
color: "inherit",
|
|
350
|
+
fill: "inherit"
|
|
351
|
+
}
|
|
345
352
|
}
|
|
346
353
|
}
|
|
347
354
|
}
|
|
@@ -440,62 +447,6 @@ const PageMasterUiSchema = (theme) => {
|
|
|
440
447
|
}
|
|
441
448
|
]
|
|
442
449
|
},
|
|
443
|
-
{
|
|
444
|
-
type: "HorizontalLayout",
|
|
445
|
-
config: {
|
|
446
|
-
layout: { xs: 12, sm: 9 }
|
|
447
|
-
},
|
|
448
|
-
elements: [
|
|
449
|
-
{
|
|
450
|
-
type: "Control",
|
|
451
|
-
scope: "#/properties/RemoveItemButton",
|
|
452
|
-
options: {
|
|
453
|
-
widget: "IconButton"
|
|
454
|
-
},
|
|
455
|
-
config: {
|
|
456
|
-
layout: { xs: 1, sm: 1 },
|
|
457
|
-
main: {
|
|
458
|
-
onClick: "RemoveItemButton",
|
|
459
|
-
size: "large",
|
|
460
|
-
icon: "RejectIcon",
|
|
461
|
-
styleDefault: true
|
|
462
|
-
},
|
|
463
|
-
style: {
|
|
464
|
-
marginLeft: "-5px"
|
|
465
|
-
}
|
|
466
|
-
}
|
|
467
|
-
},
|
|
468
|
-
{
|
|
469
|
-
type: "Control",
|
|
470
|
-
scope: "#/properties/copiedElementDetails",
|
|
471
|
-
options: {
|
|
472
|
-
widget: "Box"
|
|
473
|
-
},
|
|
474
|
-
config: {
|
|
475
|
-
layout: { xs: 6, sm: 6 },
|
|
476
|
-
main: {
|
|
477
|
-
heading: "No element copied"
|
|
478
|
-
},
|
|
479
|
-
style: {
|
|
480
|
-
color: "#535557",
|
|
481
|
-
marginLeft: "-30px",
|
|
482
|
-
fontSize: "12px",
|
|
483
|
-
marginTop: "4px"
|
|
484
|
-
}
|
|
485
|
-
}
|
|
486
|
-
},
|
|
487
|
-
{
|
|
488
|
-
type: "Control",
|
|
489
|
-
scope: "#/properties/EmptyBox",
|
|
490
|
-
options: {
|
|
491
|
-
widget: "EmptyBox"
|
|
492
|
-
},
|
|
493
|
-
config: {
|
|
494
|
-
layout: { xs: 1, sm: 5 }
|
|
495
|
-
}
|
|
496
|
-
}
|
|
497
|
-
]
|
|
498
|
-
},
|
|
499
450
|
{
|
|
500
451
|
type: "Control",
|
|
501
452
|
scope: "#/properties/btn",
|
|
@@ -503,7 +454,7 @@ const PageMasterUiSchema = (theme) => {
|
|
|
503
454
|
widget: "Button"
|
|
504
455
|
},
|
|
505
456
|
config: {
|
|
506
|
-
layout: { xs: 4, sm: 2 },
|
|
457
|
+
layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
|
|
507
458
|
main: {
|
|
508
459
|
name: "Save",
|
|
509
460
|
startIcon: "ApproveIcon",
|
|
@@ -514,6 +465,16 @@ const PageMasterUiSchema = (theme) => {
|
|
|
514
465
|
}
|
|
515
466
|
}
|
|
516
467
|
},
|
|
468
|
+
{
|
|
469
|
+
type: "Control",
|
|
470
|
+
scope: "#/properties/EmptyBox",
|
|
471
|
+
config: {
|
|
472
|
+
layout: { xs: 8, sm: 9.5, md: 10, lg: 10.5 }
|
|
473
|
+
},
|
|
474
|
+
options: {
|
|
475
|
+
widget: "EmptyBox"
|
|
476
|
+
}
|
|
477
|
+
},
|
|
517
478
|
{
|
|
518
479
|
type: "Control",
|
|
519
480
|
scope: "#/properties/popUpPageMasterComponent",
|
|
@@ -777,7 +738,7 @@ const PageMasterUiSchema = (theme) => {
|
|
|
777
738
|
style: {
|
|
778
739
|
flexDirection: "row",
|
|
779
740
|
position: "absolute",
|
|
780
|
-
bottom:
|
|
741
|
+
bottom: 10,
|
|
781
742
|
height: "fit-content",
|
|
782
743
|
overflow: "hidden",
|
|
783
744
|
zIndex: 1e3,
|
|
@@ -796,78 +757,19 @@ const PageMasterUiSchema = (theme) => {
|
|
|
796
757
|
heading: "Copywriter@ACT21.IO"
|
|
797
758
|
},
|
|
798
759
|
style: {
|
|
799
|
-
color: ((
|
|
760
|
+
color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
|
|
800
761
|
fontSize: "11px",
|
|
801
762
|
textAlign: "center",
|
|
802
|
-
lineHeight:
|
|
763
|
+
lineHeight: 0,
|
|
803
764
|
width: "fit-content",
|
|
804
765
|
left: "50%",
|
|
805
766
|
position: "relative",
|
|
806
|
-
margin:
|
|
767
|
+
margin: "revert",
|
|
807
768
|
flexGrow: 1,
|
|
808
769
|
height: 0,
|
|
809
770
|
transform: "translate(-50%, 0%)"
|
|
810
771
|
}
|
|
811
772
|
}
|
|
812
|
-
},
|
|
813
|
-
{
|
|
814
|
-
type: "Control",
|
|
815
|
-
scope: "#/properties/FooterBackIcon",
|
|
816
|
-
options: {
|
|
817
|
-
widget: "Box"
|
|
818
|
-
},
|
|
819
|
-
config: {
|
|
820
|
-
main: {
|
|
821
|
-
iconName: "PrevIcon",
|
|
822
|
-
onClick: "backHandler",
|
|
823
|
-
width: "fit-content"
|
|
824
|
-
},
|
|
825
|
-
style: {
|
|
826
|
-
fill: (_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.primary) == null ? void 0 : _d.main,
|
|
827
|
-
width: 20,
|
|
828
|
-
height: 0,
|
|
829
|
-
top: 0,
|
|
830
|
-
right: { xs: "12px", sm: "84px" },
|
|
831
|
-
position: "absolute",
|
|
832
|
-
fontSize: "12px",
|
|
833
|
-
cursor: "pointer",
|
|
834
|
-
":hover": {
|
|
835
|
-
fill: (_f = (_e = theme == null ? void 0 : theme.palette) == null ? void 0 : _e.primary) == null ? void 0 : _f.dark
|
|
836
|
-
},
|
|
837
|
-
marginRight: "20px"
|
|
838
|
-
}
|
|
839
|
-
}
|
|
840
|
-
},
|
|
841
|
-
{
|
|
842
|
-
type: "Control",
|
|
843
|
-
scope: "#/properties/FooterBackHandlerText",
|
|
844
|
-
options: {
|
|
845
|
-
widget: "Box"
|
|
846
|
-
},
|
|
847
|
-
config: {
|
|
848
|
-
main: {
|
|
849
|
-
heading: "Previous Page",
|
|
850
|
-
onClick: "backHandler"
|
|
851
|
-
},
|
|
852
|
-
style: {
|
|
853
|
-
display: { xs: "none", sm: "flex" },
|
|
854
|
-
textAlign: "left",
|
|
855
|
-
lineHeight: 1,
|
|
856
|
-
height: 0,
|
|
857
|
-
width: "fit-content",
|
|
858
|
-
color: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.main,
|
|
859
|
-
fontSize: "12px",
|
|
860
|
-
cursor: "pointer",
|
|
861
|
-
marginLeft: "2px",
|
|
862
|
-
top: 3,
|
|
863
|
-
right: "12px",
|
|
864
|
-
position: "absolute",
|
|
865
|
-
":hover": {
|
|
866
|
-
color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.dark
|
|
867
|
-
},
|
|
868
|
-
marginRight: "4px"
|
|
869
|
-
}
|
|
870
|
-
}
|
|
871
773
|
}
|
|
872
774
|
]
|
|
873
775
|
}
|