impaktapps-ui-builder 0.0.101-alpha.2 → 0.0.101-alpha.4

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 +40 -119
  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 +105 -238
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.4",
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
@@ -104,6 +104,9 @@ export const PageMasterUiSchema: any = (theme) => {
104
104
  bottom: "6px",
105
105
  }
106
106
  },
107
+ TabContainerStyle: {
108
+ marginTop: "-16px",
109
+ }
107
110
  },
108
111
  elements: [
109
112
  {
@@ -143,7 +146,7 @@ export const PageMasterUiSchema: any = (theme) => {
143
146
  },
144
147
  }
145
148
  },
146
- {///////////////////////////////////
149
+ {
147
150
  widget: {
148
151
  type: "Control",
149
152
  scope: "#/properties/Paste_Component",
@@ -153,10 +156,9 @@ export const PageMasterUiSchema: any = (theme) => {
153
156
  },
154
157
  config: {
155
158
  main: {
156
- // color: "info",
157
159
  onClick: "copyPasteElement",
158
160
  size: "small",
159
- icon: "PasteIcon",
161
+ icon: "TablePasteIcon",
160
162
  iconLabel: "Paste",
161
163
  styleDefault: true,
162
164
  },
@@ -171,7 +173,7 @@ export const PageMasterUiSchema: any = (theme) => {
171
173
  },
172
174
  },
173
175
  }
174
- },//////////////////////
176
+ },
175
177
  ]
176
178
  },
177
179
  disableAction: true,
@@ -244,7 +246,7 @@ export const PageMasterUiSchema: any = (theme) => {
244
246
  },
245
247
  },
246
248
  },
247
- {/////////////////////////
249
+ {
248
250
  header: "Copy",
249
251
  field: "Copy_Component",
250
252
  flex: 1,
@@ -263,7 +265,7 @@ export const PageMasterUiSchema: any = (theme) => {
263
265
  },
264
266
  },
265
267
  },
266
- },//////////////////
268
+ },
267
269
  ]
268
270
  },
269
271
  {
@@ -304,7 +306,7 @@ export const PageMasterUiSchema: any = (theme) => {
304
306
  }
305
307
  },
306
308
 
307
- {////////////////////////
309
+ {
308
310
  widget: {
309
311
  type: "Control",
310
312
  scope: "#/properties/Paste_Event",
@@ -316,16 +318,22 @@ export const PageMasterUiSchema: any = (theme) => {
316
318
  main: {
317
319
  onClick: "copyPasteElement",
318
320
  size: "small",
319
- icon: "PasteIcon",
321
+ icon: "TablePasteIcon",
320
322
  iconLabel: "Paste",
321
323
  styleDefault: true,
322
324
  },
323
325
  style: {
324
326
  mt: "6px",
327
+ color: "inherit",
328
+ fill: "inherit",
329
+ "&:hover": {
330
+ color: "inherit",
331
+ fill: "inherit",
332
+ }
325
333
  },
326
334
  },
327
335
  }
328
- },/////////////////////////
336
+ },
329
337
  ]
330
338
  },
331
339
 
@@ -400,7 +408,7 @@ export const PageMasterUiSchema: any = (theme) => {
400
408
  },
401
409
  },
402
410
  },
403
- {/////////////////////
411
+ {
404
412
  header: "Copy",
405
413
  field: "Copy_Event",
406
414
  flex: 1,
@@ -419,90 +427,116 @@ export const PageMasterUiSchema: any = (theme) => {
419
427
  },
420
428
  },
421
429
  },
422
- },////////////////
430
+ },
423
431
  ]
424
432
  // }]
425
433
  },
426
434
 
427
435
  ],
428
436
  },
437
+ // {
438
+ // type: "HorizontalLayout",
439
+ // config: {
440
+ // layout:{xs:12,sm: 9}
441
+ // },
442
+ // elements: [
443
+ // {
444
+ // type: "Control",
445
+ // scope: "#/properties/RemoveItemButton",
446
+ // options: {
447
+ // widget: "IconButton",
448
+ // },
449
+ // config: {
450
+ // layout: { xs: 1, sm: 1 },
451
+ // main: {
452
+ // onClick: "RemoveItemButton",
453
+ // size: "large",
454
+ // icon: "RejectIcon",
455
+ // styleDefault: true,
456
+ // },
457
+ // style:{
458
+ // marginLeft: "-5px"
459
+ // }
460
+ // },
461
+ // },
462
+
463
+ // {
464
+ // type: "Control",
465
+ // scope: "#/properties/copiedElementDetails",
466
+
467
+ // options: {
468
+ // widget: "Box",
469
+ // },
470
+ // config: {
471
+ // layout: { xs: 6, sm: 6 },
472
+ // main: {
473
+ // heading: "No element copied",
474
+ // },
475
+ // style: {
476
+ // color: "#535557",
477
+ // marginLeft: "-30px",
478
+ // fontSize: "12px",
479
+ // marginTop: "4px"
480
+ // },
481
+ // },
482
+ // },
483
+ // {
484
+ // type: "Control",
485
+ // scope: "#/properties/EmptyBox",
486
+ // options: {
487
+ // widget: "EmptyBox",
488
+ // },
489
+ // config: {
490
+ // layout: { xs: 1, sm: 5 },
491
+ // },
492
+ // },
493
+ // ]
494
+ // },
429
495
  {
430
- type: "HorizontalLayout",
496
+ scope: "#/properties/Remarks Container",
497
+ type: "WrapperLayout",
431
498
  config: {
432
- layout:{xs:12,sm: 9}
499
+ layout: 12,
500
+ main: {
501
+ divider: false,
502
+ rowSpacing: 0,
503
+ gap: 0
504
+ },
505
+ componentsBoxStyle: {
506
+ padding: "8px 8px 8px 24px",
507
+ }
433
508
  },
434
509
  elements: [
435
510
  {
436
511
  type: "Control",
437
- scope: "#/properties/RemoveItemButton",
512
+ scope: "#/properties/btn",
438
513
  options: {
439
- widget: "IconButton",
514
+ widget: "Button",
440
515
  },
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
- },
454
-
455
- {
456
- type: "Control",
457
- scope: "#/properties/copiedElementDetails",
458
516
 
459
- options: {
460
- widget: "Box",
461
- },
462
517
  config: {
463
- layout: { xs: 6, sm: 6 },
518
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
464
519
  main: {
465
- heading: "No element copied",
466
- },
467
- style: {
468
- color: "#535557",
469
- marginLeft: "-30px",
470
- fontSize: "12px",
471
- marginTop: "4px"
520
+ name: "Save",
521
+ startIcon: "ApproveIcon",
522
+ variant: "contained",
523
+ type: "text",
524
+ onClick: "saveHandler",
525
+ size: "medium",
472
526
  },
473
527
  },
474
528
  },
475
529
  {
476
530
  type: "Control",
477
531
  scope: "#/properties/EmptyBox",
532
+ config: {
533
+ layout: { xs: 8, sm:9.5, md: 10, lg: 10.5 },
534
+ },
478
535
  options: {
479
536
  widget: "EmptyBox",
480
537
  },
481
- config: {
482
- layout: { xs: 1, sm: 5 },
483
- },
484
- },
485
- ]
486
- },
487
- {
488
- type: "Control",
489
- scope: "#/properties/btn",
490
- options: {
491
- widget: "Button",
492
- },
493
-
494
- config: {
495
- layout: { xs: 4, sm: 2 },
496
- main: {
497
- name: "Save",
498
- startIcon: "ApproveIcon",
499
- variant: "contained",
500
- // color: "info",
501
- type: "text",
502
- onClick: "saveHandler",
503
- size: "medium",
504
538
  },
505
- },
539
+ ],
506
540
  },
507
541
  {
508
542
  type: "Control",
@@ -764,112 +798,6 @@ export const PageMasterUiSchema: any = (theme) => {
764
798
  },
765
799
  layout: 6,
766
800
  },
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
801
  {
874
802
  type: "HorizontalLayout",
875
803
  config: {
@@ -879,7 +807,7 @@ export const PageMasterUiSchema: any = (theme) => {
879
807
  style: {
880
808
  flexDirection: "row",
881
809
  position: "absolute",
882
- bottom: 0,
810
+ bottom: 10,
883
811
  height: "fit-content",
884
812
  overflow: "hidden",
885
813
  zIndex: 1000,
@@ -898,81 +826,20 @@ export const PageMasterUiSchema: any = (theme) => {
898
826
  heading: "Copywriter@ACT21.IO",
899
827
  },
900
828
  style: {
901
- color: theme?.palette?.text?.disabled || "#AFAFAF",
829
+ color: theme?.palette?.text.disabled || "#AFAFAF",
902
830
  fontSize: "11px",
903
831
  textAlign: "center",
904
- lineHeight: 2,
832
+ lineHeight: 0,
905
833
  width: "fit-content",
906
834
  left: "50%",
907
835
  position: "relative",
908
- margin: 0,
836
+ margin: "revert",
909
837
  flexGrow: 1,
910
838
  height: 0,
911
839
  transform: "translate(-50%, 0%)",
912
840
  },
913
841
  },
914
842
  },
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
843
  ],
977
844
  }
978
845
  ]