impaktapps-ui-builder 0.0.101-alpha.13 → 0.0.101-alpha.130
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 +1058 -717
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +15 -15
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +62 -59
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +17 -21
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +56 -37
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
- package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
- package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +6 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +14 -10
- package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +101 -95
- package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
- package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
- package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
- package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
- package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
- package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -43
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +23 -23
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +68 -9
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +46 -20
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +188 -295
- package/src/impaktapps-ui-builder/builder/services/component.ts +161 -32
- package/src/impaktapps-ui-builder/builder/services/event.ts +165 -65
- package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
- package/src/impaktapps-ui-builder/runtime/services/service.ts +29 -4
|
@@ -407,15 +407,16 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
407
407
|
config: {
|
|
408
408
|
layout: 11,
|
|
409
409
|
main: {
|
|
410
|
-
heading: "Are you sure you want to delete ?",
|
|
410
|
+
heading: "Are you sure you want to delete this Component ?",
|
|
411
411
|
},
|
|
412
412
|
style:{
|
|
413
|
-
marginTop: "-20px",
|
|
414
|
-
fontSize: "20px",
|
|
415
413
|
"&.MuiTypography-root": {
|
|
416
|
-
padding: "
|
|
414
|
+
padding: "0px 20px",
|
|
417
415
|
textAlign: "center",
|
|
418
|
-
lineHeight: "1"
|
|
416
|
+
lineHeight: "1.2",
|
|
417
|
+
fontWeight: "normal",
|
|
418
|
+
fontSize: "18px",
|
|
419
|
+
marginBottom: theme.spacing(5)
|
|
419
420
|
}
|
|
420
421
|
}
|
|
421
422
|
},
|
|
@@ -445,6 +446,8 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
445
446
|
},
|
|
446
447
|
style: {
|
|
447
448
|
position: "absolute",
|
|
449
|
+
padding: "8px 0px",
|
|
450
|
+
fontSize: "16px",
|
|
448
451
|
bottom: 0,
|
|
449
452
|
left: 0,
|
|
450
453
|
width: "50%",
|
|
@@ -480,6 +483,8 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
480
483
|
},
|
|
481
484
|
style: {
|
|
482
485
|
position: "absolute",
|
|
486
|
+
padding: "8px 0px",
|
|
487
|
+
fontSize: "16px",
|
|
483
488
|
bottom: 0,
|
|
484
489
|
right: 0,
|
|
485
490
|
width: "50%",
|
|
@@ -530,15 +535,17 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
530
535
|
config: {
|
|
531
536
|
layout: 11,
|
|
532
537
|
main: {
|
|
533
|
-
heading: "Are you sure you want to delete ?",
|
|
538
|
+
heading: "Are you sure you want to delete this Event ?",
|
|
534
539
|
},
|
|
535
540
|
style:{
|
|
536
|
-
marginTop: "-20px",
|
|
537
541
|
fontSize: "20px",
|
|
538
542
|
"&.MuiTypography-root": {
|
|
539
|
-
padding: "
|
|
543
|
+
padding: "0px 20px",
|
|
540
544
|
textAlign: "center",
|
|
541
|
-
lineHeight: "1"
|
|
545
|
+
lineHeight: "1.2",
|
|
546
|
+
fontWeight: "normal",
|
|
547
|
+
fontSize: "18px",
|
|
548
|
+
marginBottom: theme.spacing(5)
|
|
542
549
|
}
|
|
543
550
|
}
|
|
544
551
|
},
|
|
@@ -568,6 +575,8 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
568
575
|
},
|
|
569
576
|
style: {
|
|
570
577
|
position: "absolute",
|
|
578
|
+
padding: "8px 0px",
|
|
579
|
+
fontSize: "16px",
|
|
571
580
|
bottom: 0,
|
|
572
581
|
left: 0,
|
|
573
582
|
width: "50%",
|
|
@@ -603,6 +612,8 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
603
612
|
},
|
|
604
613
|
style: {
|
|
605
614
|
position: "absolute",
|
|
615
|
+
padding: "8px 0px",
|
|
616
|
+
fontSize: "16px",
|
|
606
617
|
bottom: 0,
|
|
607
618
|
right: 0,
|
|
608
619
|
width: "50%",
|
|
@@ -623,6 +634,54 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
623
634
|
},
|
|
624
635
|
]
|
|
625
636
|
},
|
|
637
|
+
// {
|
|
638
|
+
// type: "Control",
|
|
639
|
+
// scope: "#/properties/pageName",
|
|
640
|
+
|
|
641
|
+
// options: {
|
|
642
|
+
// widget: "Box",
|
|
643
|
+
// },
|
|
644
|
+
// config: {
|
|
645
|
+
// layout: 12,
|
|
646
|
+
// main: {
|
|
647
|
+
// heading: "",
|
|
648
|
+
// },
|
|
649
|
+
// style: {
|
|
650
|
+
// paddingLeft: theme.spacing(3),
|
|
651
|
+
// width:"100%",
|
|
652
|
+
// fontSize:"10px",
|
|
653
|
+
// color:theme.palette.grey[600],
|
|
654
|
+
// position: "fixed",
|
|
655
|
+
// bottom: "24px",
|
|
656
|
+
// backgroundColor: theme.palette.background.default,
|
|
657
|
+
// borderBottom: `1px solid ${theme.palette.common.black}29`,
|
|
658
|
+
// borderTop: `1px solid ${theme.palette.common.black}29`,
|
|
659
|
+
// },
|
|
660
|
+
// },
|
|
661
|
+
// },
|
|
662
|
+
{
|
|
663
|
+
type: "Control",
|
|
664
|
+
scope: "#/properties/pageName",
|
|
665
|
+
|
|
666
|
+
options: {
|
|
667
|
+
widget: "Breadcrumb",
|
|
668
|
+
},
|
|
669
|
+
config: {
|
|
670
|
+
layout: 12,
|
|
671
|
+
main: {
|
|
672
|
+
},
|
|
673
|
+
style: {
|
|
674
|
+
paddingLeft: theme.spacing(3),
|
|
675
|
+
color:theme.palette.grey[600],
|
|
676
|
+
fontSize:"10px",
|
|
677
|
+
position: "fixed",
|
|
678
|
+
bottom: "24px",
|
|
679
|
+
borderBottom: `1px solid ${theme.palette.common.black}29`,
|
|
680
|
+
borderTop: `1px solid ${theme.palette.common.black}29`,
|
|
681
|
+
backgroundColor: theme.palette.background.default,
|
|
682
|
+
},
|
|
683
|
+
},
|
|
684
|
+
},
|
|
626
685
|
{
|
|
627
686
|
type: "Control",
|
|
628
687
|
scope: "#/properties/notify",
|
|
@@ -71,11 +71,28 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
71
71
|
},
|
|
72
72
|
},
|
|
73
73
|
},
|
|
74
|
+
{
|
|
75
|
+
type: "Control",
|
|
76
|
+
scope: "#/properties/programIdRequired",
|
|
77
|
+
|
|
78
|
+
options: {
|
|
79
|
+
widget: "RadioInputField",
|
|
80
|
+
},
|
|
81
|
+
config: {
|
|
82
|
+
layout: { xs: 12, sm: 6, md: 4, lg: 3 },
|
|
83
|
+
main: {
|
|
84
|
+
label: "Program ID Required",
|
|
85
|
+
// options: ["YES", "NO"],
|
|
86
|
+
options: [{label: "Yes",const: "YES"}, {label: "No",const: "NO"}],
|
|
87
|
+
// errorMessage: "Active is not marked YES or NO",
|
|
88
|
+
},
|
|
89
|
+
},
|
|
90
|
+
},
|
|
74
91
|
{
|
|
75
92
|
type: "Control",
|
|
76
93
|
scope: "#/properties/EmptyBox",
|
|
77
94
|
config: {
|
|
78
|
-
layout: { xs: 0, sm:
|
|
95
|
+
layout: { xs: 0, sm: 6, md: 0, lg: 3 },
|
|
79
96
|
},
|
|
80
97
|
options: {
|
|
81
98
|
widget: "EmptyBox",
|
|
@@ -161,6 +178,7 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
161
178
|
icon: "TablePaste",
|
|
162
179
|
iconLabel: "Paste",
|
|
163
180
|
styleDefault: true,
|
|
181
|
+
title: ""
|
|
164
182
|
},
|
|
165
183
|
style: {
|
|
166
184
|
mt: "6px",
|
|
@@ -347,19 +365,19 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
347
365
|
|
|
348
366
|
{
|
|
349
367
|
accessorKey: "eventType",
|
|
350
|
-
header: "Event Type",
|
|
368
|
+
header: "Event's Type",
|
|
351
369
|
size: 300,
|
|
352
370
|
type: "string"
|
|
353
371
|
},
|
|
354
372
|
{
|
|
355
373
|
accessorKey: "Handler",
|
|
356
374
|
header: "Handler",
|
|
357
|
-
size:
|
|
375
|
+
size: 200,
|
|
358
376
|
type: "string"
|
|
359
377
|
},
|
|
360
378
|
{
|
|
361
379
|
accessorKey: "Edit_Approve_Records",
|
|
362
|
-
header: "Edit
|
|
380
|
+
header: "Edit",
|
|
363
381
|
type: "action",
|
|
364
382
|
size: 150,
|
|
365
383
|
widget: {
|
|
@@ -387,6 +405,8 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
387
405
|
{
|
|
388
406
|
accessorKey: "Reject_Records",
|
|
389
407
|
header: "Delete",
|
|
408
|
+
type: "action",
|
|
409
|
+
size: 150,
|
|
390
410
|
widget: {
|
|
391
411
|
type: "Control",
|
|
392
412
|
scope: "#/properties/RejectButton",
|
|
@@ -411,7 +431,8 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
411
431
|
{
|
|
412
432
|
header: "Copy",
|
|
413
433
|
field: "Copy_Event",
|
|
414
|
-
|
|
434
|
+
type: "action",
|
|
435
|
+
size: 150,
|
|
415
436
|
widget: {
|
|
416
437
|
type: "Control",
|
|
417
438
|
scope: "#/properties/Copy_Event",
|
|
@@ -421,7 +442,6 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
421
442
|
config: {
|
|
422
443
|
main: {
|
|
423
444
|
icon: "FileCopyIcon",
|
|
424
|
-
// color: "error",
|
|
425
445
|
onClick: "copyPasteElement",
|
|
426
446
|
styleDefault: true,
|
|
427
447
|
},
|
|
@@ -567,15 +587,17 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
567
587
|
config: {
|
|
568
588
|
layout: 11,
|
|
569
589
|
main: {
|
|
570
|
-
heading: "Are you sure you want to delete ?",
|
|
590
|
+
heading: "Are you sure you want to delete this Component ?",
|
|
571
591
|
},
|
|
572
592
|
style:{
|
|
573
|
-
marginTop: "-20px",
|
|
574
593
|
fontSize: "20px",
|
|
575
594
|
"&.MuiTypography-root": {
|
|
576
|
-
padding: "
|
|
595
|
+
padding: "0px 20px",
|
|
577
596
|
textAlign: "center",
|
|
578
|
-
lineHeight: "1"
|
|
597
|
+
lineHeight: "1.2",
|
|
598
|
+
fontWeight: "normal",
|
|
599
|
+
fontSize: "18px",
|
|
600
|
+
marginBottom: theme.spacing(5)
|
|
579
601
|
}
|
|
580
602
|
}
|
|
581
603
|
},
|
|
@@ -598,15 +620,15 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
598
620
|
layout: 6,
|
|
599
621
|
main: {
|
|
600
622
|
name: "No",
|
|
601
|
-
startIcon: "ApproveIcon",
|
|
602
623
|
variant: "contained",
|
|
603
|
-
color: "info",
|
|
604
624
|
type: "text",
|
|
605
625
|
onClick: "deletePopUpComponent",
|
|
606
626
|
size: "large",
|
|
607
627
|
},
|
|
608
628
|
style: {
|
|
609
629
|
position: "absolute",
|
|
630
|
+
padding: "8px 0px",
|
|
631
|
+
fontSize: "16px",
|
|
610
632
|
bottom: 0,
|
|
611
633
|
left: 0,
|
|
612
634
|
width: "50%",
|
|
@@ -634,7 +656,6 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
634
656
|
layout: 6,
|
|
635
657
|
main: {
|
|
636
658
|
name: "Yes",
|
|
637
|
-
startIcon: "ApproveIcon",
|
|
638
659
|
variant: "contained",
|
|
639
660
|
color: "error",
|
|
640
661
|
type: "text",
|
|
@@ -643,6 +664,8 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
643
664
|
},
|
|
644
665
|
style: {
|
|
645
666
|
position: "absolute",
|
|
667
|
+
padding: "8px 0px",
|
|
668
|
+
fontSize: "16px",
|
|
646
669
|
bottom: 0,
|
|
647
670
|
right: 0,
|
|
648
671
|
width: "50%",
|
|
@@ -693,15 +716,17 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
693
716
|
config: {
|
|
694
717
|
layout: 11,
|
|
695
718
|
main: {
|
|
696
|
-
heading: "Are you sure you want to delete ?",
|
|
719
|
+
heading: "Are you sure you want to delete this Event ?",
|
|
697
720
|
},
|
|
698
721
|
style:{
|
|
699
|
-
marginTop: "-20px",
|
|
700
722
|
fontSize: "20px",
|
|
701
723
|
"&.MuiTypography-root": {
|
|
702
|
-
padding: "
|
|
724
|
+
padding: "0px 20px",
|
|
703
725
|
textAlign: "center",
|
|
704
|
-
lineHeight: "1"
|
|
726
|
+
lineHeight: "1.2",
|
|
727
|
+
fontWeight: "normal",
|
|
728
|
+
fontSize: "18px",
|
|
729
|
+
marginBottom: theme.spacing(5)
|
|
705
730
|
}
|
|
706
731
|
}
|
|
707
732
|
},
|
|
@@ -724,15 +749,15 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
724
749
|
layout: 6,
|
|
725
750
|
main: {
|
|
726
751
|
name: "No",
|
|
727
|
-
startIcon: "ApproveIcon",
|
|
728
752
|
variant: "contained",
|
|
729
|
-
color: "info",
|
|
730
753
|
type: "text",
|
|
731
754
|
onClick: "deletePopUpEvent",
|
|
732
755
|
size: "large",
|
|
733
756
|
},
|
|
734
757
|
style: {
|
|
735
758
|
position: "absolute",
|
|
759
|
+
padding: "8px 0px",
|
|
760
|
+
fontSize: "16px",
|
|
736
761
|
bottom: 0,
|
|
737
762
|
left: 0,
|
|
738
763
|
width: "50%",
|
|
@@ -760,7 +785,6 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
760
785
|
layout: 6,
|
|
761
786
|
main: {
|
|
762
787
|
name: "Yes",
|
|
763
|
-
startIcon: "ApproveIcon",
|
|
764
788
|
variant: "contained",
|
|
765
789
|
color: "error",
|
|
766
790
|
type: "text",
|
|
@@ -769,6 +793,8 @@ export const PageMasterUiSchema: any = (theme) => {
|
|
|
769
793
|
},
|
|
770
794
|
style: {
|
|
771
795
|
position: "absolute",
|
|
796
|
+
padding: "8px 0px",
|
|
797
|
+
fontSize: "16px",
|
|
772
798
|
bottom: 0,
|
|
773
799
|
right: 0,
|
|
774
800
|
width: "50%",
|
|
@@ -38,18 +38,18 @@ export const EventSchema = {
|
|
|
38
38
|
eventType: {
|
|
39
39
|
type: "string",
|
|
40
40
|
oneOf: [
|
|
41
|
-
{ title: "Click
|
|
42
|
-
{ title: "Load
|
|
43
|
-
{ title: "Change
|
|
44
|
-
{ title: "Mount
|
|
41
|
+
{ title: "Click", const: "onClick" },
|
|
42
|
+
{ title: "Load", const: "onLoad" },
|
|
43
|
+
{ title: "Change", const: "onChange" },
|
|
44
|
+
{ title: "Mount", const: "onMount" },
|
|
45
45
|
{ title: "Success", const: "Success" },
|
|
46
|
-
{ title: "
|
|
47
|
-
{ title: "Cell
|
|
48
|
-
{ title: "
|
|
49
|
-
{ title: "Back
|
|
50
|
-
{ title: "Next
|
|
51
|
-
{ title: "
|
|
52
|
-
{ title: "
|
|
46
|
+
{ title: "Start", const: "onStart" },
|
|
47
|
+
{ title: "Cell Render", const: "onCellRenderer" },
|
|
48
|
+
{ title: "Upload", const: "onUpload" },
|
|
49
|
+
{ title: "Back", const: "onBack" },
|
|
50
|
+
{ title: "Next", const: "onNext" },
|
|
51
|
+
{ title: "Row Movement", const: "onRowMovement" },
|
|
52
|
+
{ title: "Download", const: "onDownload" },
|
|
53
53
|
{ title: "Fail", const: "Fail" }
|
|
54
54
|
]
|
|
55
55
|
},
|
|
@@ -57,7 +57,7 @@ export const EventSchema = {
|
|
|
57
57
|
type: "string",
|
|
58
58
|
oneOf: [
|
|
59
59
|
{ title: "Custom", const: "custom" },
|
|
60
|
-
{ title: "
|
|
60
|
+
{ title: "API", const: "api" },
|
|
61
61
|
{ title: "Inbuilt Function", const: "inBuiltFunction" },
|
|
62
62
|
{ title: "Refresh", const: "refresh" },
|
|
63
63
|
]
|
|
@@ -87,6 +87,9 @@ export const EventSchema = {
|
|
|
87
87
|
RemoveItemButton:{
|
|
88
88
|
disabled: true,
|
|
89
89
|
},
|
|
90
|
+
pageName: {
|
|
91
|
+
path: [{label: "defaultLabel", path: "defaultPath"}]
|
|
92
|
+
},
|
|
90
93
|
},
|
|
91
94
|
required:["eventType","Handler"]
|
|
92
95
|
}
|