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

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 (29) hide show
  1. package/dist/impaktapps-ui-builder.es.js +761 -843
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +63 -57
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +8 -9
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +98 -95
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +56 -37
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  16. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +14 -20
  17. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +189 -110
  18. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +37 -15
  19. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  20. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  21. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  22. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  23. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -45
  24. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +19 -19
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +272 -346
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +109 -241
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +168 -115
  28. package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
  29. package/src/impaktapps-ui-builder/builder/services/event.ts +12 -12
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: "TablePaste",
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: "TablePaste",
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
 
@@ -346,7 +354,7 @@ export const PageMasterUiSchema: any = (theme) => {
346
354
  {
347
355
  accessorKey: "Handler",
348
356
  header: "Handler",
349
- size: 300,
357
+ size: 200,
350
358
  type: "string"
351
359
  },
352
360
  {
@@ -379,6 +387,8 @@ export const PageMasterUiSchema: any = (theme) => {
379
387
  {
380
388
  accessorKey: "Reject_Records",
381
389
  header: "Delete",
390
+ type: "action",
391
+ size: 150,
382
392
  widget: {
383
393
  type: "Control",
384
394
  scope: "#/properties/RejectButton",
@@ -400,10 +410,11 @@ export const PageMasterUiSchema: any = (theme) => {
400
410
  },
401
411
  },
402
412
  },
403
- {/////////////////////
413
+ {
404
414
  header: "Copy",
405
415
  field: "Copy_Event",
406
- flex: 1,
416
+ type: "action",
417
+ size: 150,
407
418
  widget: {
408
419
  type: "Control",
409
420
  scope: "#/properties/Copy_Event",
@@ -413,96 +424,120 @@ export const PageMasterUiSchema: any = (theme) => {
413
424
  config: {
414
425
  main: {
415
426
  icon: "FileCopyIcon",
416
- // color: "error",
417
427
  onClick: "copyPasteElement",
418
428
  styleDefault: true,
419
429
  },
420
430
  },
421
431
  },
422
- },////////////////
432
+ },
423
433
  ]
424
434
  // }]
425
435
  },
426
436
 
427
437
  ],
428
438
  },
439
+ // {
440
+ // type: "HorizontalLayout",
441
+ // config: {
442
+ // layout:{xs:12,sm: 9}
443
+ // },
444
+ // elements: [
445
+ // {
446
+ // type: "Control",
447
+ // scope: "#/properties/RemoveItemButton",
448
+ // options: {
449
+ // widget: "IconButton",
450
+ // },
451
+ // config: {
452
+ // layout: { xs: 1, sm: 1 },
453
+ // main: {
454
+ // onClick: "RemoveItemButton",
455
+ // size: "large",
456
+ // icon: "RejectIcon",
457
+ // styleDefault: true,
458
+ // },
459
+ // style:{
460
+ // marginLeft: "-5px"
461
+ // }
462
+ // },
463
+ // },
464
+
465
+ // {
466
+ // type: "Control",
467
+ // scope: "#/properties/copiedElementDetails",
468
+
469
+ // options: {
470
+ // widget: "Box",
471
+ // },
472
+ // config: {
473
+ // layout: { xs: 6, sm: 6 },
474
+ // main: {
475
+ // heading: "No element copied",
476
+ // },
477
+ // style: {
478
+ // color: "#535557",
479
+ // marginLeft: "-30px",
480
+ // fontSize: "12px",
481
+ // marginTop: "4px"
482
+ // },
483
+ // },
484
+ // },
485
+ // {
486
+ // type: "Control",
487
+ // scope: "#/properties/EmptyBox",
488
+ // options: {
489
+ // widget: "EmptyBox",
490
+ // },
491
+ // config: {
492
+ // layout: { xs: 1, sm: 5 },
493
+ // },
494
+ // },
495
+ // ]
496
+ // },
429
497
  {
430
- type: "HorizontalLayout",
498
+ scope: "#/properties/Remarks Container",
499
+ type: "WrapperLayout",
431
500
  config: {
432
- layout:{xs:12,sm: 9}
501
+ layout: 12,
502
+ main: {
503
+ divider: false,
504
+ rowSpacing: 0,
505
+ gap: 0
506
+ },
507
+ componentsBoxStyle: {
508
+ padding: "8px 8px 8px 24px",
509
+ }
433
510
  },
434
511
  elements: [
435
512
  {
436
513
  type: "Control",
437
- scope: "#/properties/RemoveItemButton",
514
+ scope: "#/properties/btn",
438
515
  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
- }
516
+ widget: "Button",
452
517
  },
453
- },
454
-
455
- {
456
- type: "Control",
457
- scope: "#/properties/copiedElementDetails",
458
518
 
459
- options: {
460
- widget: "Box",
461
- },
462
519
  config: {
463
- layout: { xs: 6, sm: 6 },
520
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
464
521
  main: {
465
- heading: "No element copied",
466
- },
467
- style: {
468
- color: "#535557",
469
- marginLeft: "-30px",
470
- fontSize: "12px",
471
- marginTop: "4px"
522
+ name: "Save",
523
+ variant: "contained",
524
+ type: "text",
525
+ onClick: "saveHandler",
526
+ size: "medium",
472
527
  },
473
528
  },
474
529
  },
475
530
  {
476
531
  type: "Control",
477
532
  scope: "#/properties/EmptyBox",
533
+ config: {
534
+ layout: { xs: 8, sm:9.5, md: 10, lg: 10.5 },
535
+ },
478
536
  options: {
479
537
  widget: "EmptyBox",
480
538
  },
481
- config: {
482
- layout: { xs: 1, sm: 5 },
483
- },
484
539
  },
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
- },
505
- },
540
+ ],
506
541
  },
507
542
  {
508
543
  type: "Control",
@@ -764,112 +799,6 @@ export const PageMasterUiSchema: any = (theme) => {
764
799
  },
765
800
  layout: 6,
766
801
  },
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
802
  {
874
803
  type: "HorizontalLayout",
875
804
  config: {
@@ -879,7 +808,7 @@ export const PageMasterUiSchema: any = (theme) => {
879
808
  style: {
880
809
  flexDirection: "row",
881
810
  position: "absolute",
882
- bottom: 0,
811
+ bottom: 10,
883
812
  height: "fit-content",
884
813
  overflow: "hidden",
885
814
  zIndex: 1000,
@@ -898,81 +827,20 @@ export const PageMasterUiSchema: any = (theme) => {
898
827
  heading: "Copywriter@ACT21.IO",
899
828
  },
900
829
  style: {
901
- color: theme?.palette?.text?.disabled || "#AFAFAF",
830
+ color: theme?.palette?.text.disabled || "#AFAFAF",
902
831
  fontSize: "11px",
903
832
  textAlign: "center",
904
- lineHeight: 2,
833
+ lineHeight: 0,
905
834
  width: "fit-content",
906
835
  left: "50%",
907
836
  position: "relative",
908
- margin: 0,
837
+ margin: "revert",
909
838
  flexGrow: 1,
910
839
  height: 0,
911
840
  transform: "translate(-50%, 0%)",
912
841
  },
913
842
  },
914
843
  },
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
844
  ],
977
845
  }
978
846
  ]