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.
Files changed (6) hide show
  1. package/dist/impaktapps-ui-builder.es.js +26 -124
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +5 -5
  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/PageMaster/uiSchema.ts +87 -239
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.101-alpha.2",
3
+ "version": "0.0.101-alpha.3",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -91,6 +91,7 @@ export const PageMasterUiSchema: any = (theme) => {
91
91
  tabLabels: ["Page Components", "Page Events"],
92
92
  },
93
93
  style: {
94
+ marginTop: "-16px",
94
95
  TabPanelStyle: {
95
96
  padding: 0,
96
97
  }
@@ -143,7 +144,7 @@ export const PageMasterUiSchema: any = (theme) => {
143
144
  },
144
145
  }
145
146
  },
146
- {///////////////////////////////////
147
+ {
147
148
  widget: {
148
149
  type: "Control",
149
150
  scope: "#/properties/Paste_Component",
@@ -153,10 +154,9 @@ export const PageMasterUiSchema: any = (theme) => {
153
154
  },
154
155
  config: {
155
156
  main: {
156
- // color: "info",
157
157
  onClick: "copyPasteElement",
158
158
  size: "small",
159
- icon: "PasteIcon",
159
+ icon: "TablePasteIcon",
160
160
  iconLabel: "Paste",
161
161
  styleDefault: true,
162
162
  },
@@ -171,7 +171,7 @@ export const PageMasterUiSchema: any = (theme) => {
171
171
  },
172
172
  },
173
173
  }
174
- },//////////////////////
174
+ },
175
175
  ]
176
176
  },
177
177
  disableAction: true,
@@ -244,7 +244,7 @@ export const PageMasterUiSchema: any = (theme) => {
244
244
  },
245
245
  },
246
246
  },
247
- {/////////////////////////
247
+ {
248
248
  header: "Copy",
249
249
  field: "Copy_Component",
250
250
  flex: 1,
@@ -263,7 +263,7 @@ export const PageMasterUiSchema: any = (theme) => {
263
263
  },
264
264
  },
265
265
  },
266
- },//////////////////
266
+ },
267
267
  ]
268
268
  },
269
269
  {
@@ -304,7 +304,7 @@ export const PageMasterUiSchema: any = (theme) => {
304
304
  }
305
305
  },
306
306
 
307
- {////////////////////////
307
+ {
308
308
  widget: {
309
309
  type: "Control",
310
310
  scope: "#/properties/Paste_Event",
@@ -316,16 +316,22 @@ export const PageMasterUiSchema: any = (theme) => {
316
316
  main: {
317
317
  onClick: "copyPasteElement",
318
318
  size: "small",
319
- icon: "PasteIcon",
319
+ icon: "TablePasteIcon",
320
320
  iconLabel: "Paste",
321
321
  styleDefault: true,
322
322
  },
323
323
  style: {
324
324
  mt: "6px",
325
+ color: "inherit",
326
+ fill: "inherit",
327
+ "&:hover": {
328
+ color: "inherit",
329
+ fill: "inherit",
330
+ }
325
331
  },
326
332
  },
327
333
  }
328
- },/////////////////////////
334
+ },
329
335
  ]
330
336
  },
331
337
 
@@ -400,7 +406,7 @@ export const PageMasterUiSchema: any = (theme) => {
400
406
  },
401
407
  },
402
408
  },
403
- {/////////////////////
409
+ {
404
410
  header: "Copy",
405
411
  field: "Copy_Event",
406
412
  flex: 1,
@@ -426,64 +432,64 @@ export const PageMasterUiSchema: any = (theme) => {
426
432
 
427
433
  ],
428
434
  },
429
- {
430
- type: "HorizontalLayout",
431
- config: {
432
- layout:{xs:12,sm: 9}
433
- },
434
- elements: [
435
- {
436
- type: "Control",
437
- scope: "#/properties/RemoveItemButton",
438
- options: {
439
- widget: "IconButton",
440
- },
441
- config: {
442
- layout: { xs: 1, sm: 1 },
443
- main: {
444
- onClick: "RemoveItemButton",
445
- size: "large",
446
- icon: "RejectIcon",
447
- styleDefault: true,
448
- },
449
- style:{
450
- marginLeft: "-5px"
451
- }
452
- },
453
- },
435
+ // {
436
+ // type: "HorizontalLayout",
437
+ // config: {
438
+ // layout:{xs:12,sm: 9}
439
+ // },
440
+ // elements: [
441
+ // {
442
+ // type: "Control",
443
+ // scope: "#/properties/RemoveItemButton",
444
+ // options: {
445
+ // widget: "IconButton",
446
+ // },
447
+ // config: {
448
+ // layout: { xs: 1, sm: 1 },
449
+ // main: {
450
+ // onClick: "RemoveItemButton",
451
+ // size: "large",
452
+ // icon: "RejectIcon",
453
+ // styleDefault: true,
454
+ // },
455
+ // style:{
456
+ // marginLeft: "-5px"
457
+ // }
458
+ // },
459
+ // },
454
460
 
455
- {
456
- type: "Control",
457
- scope: "#/properties/copiedElementDetails",
461
+ // {
462
+ // type: "Control",
463
+ // scope: "#/properties/copiedElementDetails",
458
464
 
459
- options: {
460
- widget: "Box",
461
- },
462
- config: {
463
- layout: { xs: 6, sm: 6 },
464
- main: {
465
- heading: "No element copied",
466
- },
467
- style: {
468
- color: "#535557",
469
- marginLeft: "-30px",
470
- fontSize: "12px",
471
- marginTop: "4px"
472
- },
473
- },
474
- },
475
- {
476
- type: "Control",
477
- scope: "#/properties/EmptyBox",
478
- options: {
479
- widget: "EmptyBox",
480
- },
481
- config: {
482
- layout: { xs: 1, sm: 5 },
483
- },
484
- },
485
- ]
486
- },
465
+ // options: {
466
+ // widget: "Box",
467
+ // },
468
+ // config: {
469
+ // layout: { xs: 6, sm: 6 },
470
+ // main: {
471
+ // heading: "No element copied",
472
+ // },
473
+ // style: {
474
+ // color: "#535557",
475
+ // marginLeft: "-30px",
476
+ // fontSize: "12px",
477
+ // marginTop: "4px"
478
+ // },
479
+ // },
480
+ // },
481
+ // {
482
+ // type: "Control",
483
+ // scope: "#/properties/EmptyBox",
484
+ // options: {
485
+ // widget: "EmptyBox",
486
+ // },
487
+ // config: {
488
+ // layout: { xs: 1, sm: 5 },
489
+ // },
490
+ // },
491
+ // ]
492
+ // },
487
493
  {
488
494
  type: "Control",
489
495
  scope: "#/properties/btn",
@@ -492,18 +498,27 @@ export const PageMasterUiSchema: any = (theme) => {
492
498
  },
493
499
 
494
500
  config: {
495
- layout: { xs: 4, sm: 2 },
501
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
496
502
  main: {
497
503
  name: "Save",
498
504
  startIcon: "ApproveIcon",
499
505
  variant: "contained",
500
- // color: "info",
501
506
  type: "text",
502
507
  onClick: "saveHandler",
503
508
  size: "medium",
504
509
  },
505
510
  },
506
511
  },
512
+ {
513
+ type: "Control",
514
+ scope: "#/properties/EmptyBox",
515
+ config: {
516
+ layout: { xs: 8, sm:9.5, md: 10, lg: 10.5 },
517
+ },
518
+ options: {
519
+ widget: "EmptyBox",
520
+ },
521
+ },
507
522
  {
508
523
  type: "Control",
509
524
  scope: "#/properties/popUpPageMasterComponent",
@@ -764,112 +779,6 @@ export const PageMasterUiSchema: any = (theme) => {
764
779
  },
765
780
  layout: 6,
766
781
  },
767
- // {
768
- // type: "HorizontalLayout",
769
- // config: {
770
- // main: {
771
- // direction: 'row'
772
- // },
773
- // style: {
774
- // flexDirection: "row",
775
- // position: "absolute",
776
- // bottom: 0,
777
- // marginBottom: '-8px',
778
- // height: 'fit-content',
779
- // overflow: 'hidden',
780
- // zIndex: 1000,
781
- // width: 'inherit'
782
- // }
783
- // },
784
- // elements: [
785
- // {
786
-
787
- // type: "Control",
788
- // scope: "#/properties/FooterText",
789
- // options: {
790
- // widget: "Box",
791
- // },
792
- // config: {
793
- // main: {
794
- // heading: "Copywriter@ACT21.IO"
795
- // },
796
- // style: {
797
- // color: theme?.palette?.text.disabled || "#AFAFAF",
798
- // fontSize: '12px',
799
- // textAlign: 'center',
800
- // lineHeight: 2,
801
- // width: 'fit-content',
802
- // left: '50%',
803
- // position: 'relative',
804
- // margin: 0,
805
- // flexGrow: 1,
806
- // height: 0,
807
- // transform: "translate(-50%,0%)"
808
- // }
809
- // },
810
- // },
811
- // {
812
- // type: "Control",
813
- // scope: "#/properties/backIcon",
814
- // options: {
815
- // widget: "Box",
816
- // },
817
- // config: {
818
- // main: {
819
- // iconName: 'PrevIcon',
820
- // onClick: "backHandler",
821
- // width: 'fit-content',
822
- // },
823
- // style: {
824
- // fill: theme.palette.primary.main,
825
- // width: 20,
826
- // height: 0,
827
- // margin: 0,
828
- // top: 0,
829
- // right: {xs: '12px', sm: '84px'},
830
- // position: 'absolute',
831
- // fontSize: '12px',
832
- // cursor: 'pointer',
833
- // ':hover': {
834
- // fill: theme.palette.primary.dark,
835
- // }
836
- // }
837
- // }
838
- // },
839
- // {
840
- // type: "Control",
841
- // scope: "#/properties/text",
842
-
843
- // options: {
844
- // widget: "Box",
845
- // },
846
- // config: {
847
- // main: {
848
- // heading: "Previous Page",
849
- // onClick: "backHandler"
850
- // },
851
- // style: {
852
- // display: {xs: 'none', sm: "flex"},
853
- // textAlign: 'left',
854
- // lineHeight: 1,
855
- // height: 0,
856
- // width: 'fit-content',
857
- // color: theme.palette.primary.main,
858
- // fontSize: "12px",
859
- // cursor: 'pointer',
860
- // marginLeft: '2px',
861
- // marginRight: 0,
862
- // top: 3,
863
- // right: '12px',
864
- // position: 'absolute',
865
- // ':hover': {
866
- // color: theme.palette.primary.dark,
867
- // }
868
- // }
869
- // },
870
- // },
871
- // ]
872
- // }
873
782
  {
874
783
  type: "HorizontalLayout",
875
784
  config: {
@@ -879,7 +788,7 @@ export const PageMasterUiSchema: any = (theme) => {
879
788
  style: {
880
789
  flexDirection: "row",
881
790
  position: "absolute",
882
- bottom: 0,
791
+ bottom: 10,
883
792
  height: "fit-content",
884
793
  overflow: "hidden",
885
794
  zIndex: 1000,
@@ -898,81 +807,20 @@ export const PageMasterUiSchema: any = (theme) => {
898
807
  heading: "Copywriter@ACT21.IO",
899
808
  },
900
809
  style: {
901
- color: theme?.palette?.text?.disabled || "#AFAFAF",
810
+ color: theme?.palette?.text.disabled || "#AFAFAF",
902
811
  fontSize: "11px",
903
812
  textAlign: "center",
904
- lineHeight: 2,
813
+ lineHeight: 0,
905
814
  width: "fit-content",
906
815
  left: "50%",
907
816
  position: "relative",
908
- margin: 0,
817
+ margin: "revert",
909
818
  flexGrow: 1,
910
819
  height: 0,
911
820
  transform: "translate(-50%, 0%)",
912
821
  },
913
822
  },
914
823
  },
915
- {
916
- type: "Control",
917
- scope: "#/properties/FooterBackIcon",
918
- options: {
919
- widget: "Box",
920
- },
921
- config: {
922
- main: {
923
- iconName: "PrevIcon",
924
- onClick: "backHandler",
925
- width: "fit-content",
926
- },
927
- style: {
928
- fill: theme?.palette?.primary?.main,
929
- width: 20,
930
- height: 0,
931
- // margin: 0,
932
- top: 0,
933
- right: { xs: "12px", sm: "84px" },
934
- position: "absolute",
935
- fontSize: "12px",
936
- cursor: "pointer",
937
- ":hover": {
938
- fill: theme?.palette?.primary?.dark,
939
- },
940
- marginRight: "20px",
941
- },
942
- },
943
- },
944
- {
945
- type: "Control",
946
- scope: "#/properties/FooterBackHandlerText",
947
- options: {
948
- widget: "Box",
949
- },
950
- config: {
951
- main: {
952
- heading: "Previous Page",
953
- onClick: "backHandler",
954
- },
955
- style: {
956
- display: { xs: "none", sm: "flex" },
957
- textAlign: "left",
958
- lineHeight: 1,
959
- height: 0,
960
- width: "fit-content",
961
- color: theme?.palette?.primary?.main,
962
- fontSize: "12px",
963
- cursor: "pointer",
964
- marginLeft: "2px",
965
-
966
- top: 3,
967
- right: "12px",
968
- position: "absolute",
969
- ":hover": {
970
- color: theme?.palette?.primary?.dark,
971
- },
972
- marginRight: "4px",
973
- },
974
- },
975
- },
976
824
  ],
977
825
  }
978
826
  ]