impaktapps-ui-builder 0.0.101-alpha.12 → 0.0.101-alpha.121
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 +1129 -778
- 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/coreSection.d.ts +98 -95
- 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/coreSection.ts +189 -110
- 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 -45
- 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 -11
- 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 +24 -4
|
@@ -89,8 +89,6 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
89
89
|
layout: { xs: 12, sm: 6, md: 4, lg: 3 },
|
|
90
90
|
main: {
|
|
91
91
|
label: "Component ID",
|
|
92
|
-
options: [],
|
|
93
|
-
color: "secondary",
|
|
94
92
|
required: true,
|
|
95
93
|
},
|
|
96
94
|
},
|
|
@@ -409,15 +407,16 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
409
407
|
config: {
|
|
410
408
|
layout: 11,
|
|
411
409
|
main: {
|
|
412
|
-
heading: "Are you sure you want to delete ?",
|
|
410
|
+
heading: "Are you sure you want to delete this Component ?",
|
|
413
411
|
},
|
|
414
412
|
style:{
|
|
415
|
-
marginTop: "-20px",
|
|
416
|
-
fontSize: "20px",
|
|
417
413
|
"&.MuiTypography-root": {
|
|
418
|
-
padding: "
|
|
414
|
+
padding: "0px 20px",
|
|
419
415
|
textAlign: "center",
|
|
420
|
-
lineHeight: "1"
|
|
416
|
+
lineHeight: "1.2",
|
|
417
|
+
fontWeight: "normal",
|
|
418
|
+
fontSize: "18px",
|
|
419
|
+
marginBottom: theme.spacing(5)
|
|
421
420
|
}
|
|
422
421
|
}
|
|
423
422
|
},
|
|
@@ -447,6 +446,8 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
447
446
|
},
|
|
448
447
|
style: {
|
|
449
448
|
position: "absolute",
|
|
449
|
+
padding: "8px 0px",
|
|
450
|
+
fontSize: "16px",
|
|
450
451
|
bottom: 0,
|
|
451
452
|
left: 0,
|
|
452
453
|
width: "50%",
|
|
@@ -482,6 +483,8 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
482
483
|
},
|
|
483
484
|
style: {
|
|
484
485
|
position: "absolute",
|
|
486
|
+
padding: "8px 0px",
|
|
487
|
+
fontSize: "16px",
|
|
485
488
|
bottom: 0,
|
|
486
489
|
right: 0,
|
|
487
490
|
width: "50%",
|
|
@@ -532,15 +535,17 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
532
535
|
config: {
|
|
533
536
|
layout: 11,
|
|
534
537
|
main: {
|
|
535
|
-
heading: "Are you sure you want to delete ?",
|
|
538
|
+
heading: "Are you sure you want to delete this Event ?",
|
|
536
539
|
},
|
|
537
540
|
style:{
|
|
538
|
-
marginTop: "-20px",
|
|
539
541
|
fontSize: "20px",
|
|
540
542
|
"&.MuiTypography-root": {
|
|
541
|
-
padding: "
|
|
543
|
+
padding: "0px 20px",
|
|
542
544
|
textAlign: "center",
|
|
543
|
-
lineHeight: "1"
|
|
545
|
+
lineHeight: "1.2",
|
|
546
|
+
fontWeight: "normal",
|
|
547
|
+
fontSize: "18px",
|
|
548
|
+
marginBottom: theme.spacing(5)
|
|
544
549
|
}
|
|
545
550
|
}
|
|
546
551
|
},
|
|
@@ -570,6 +575,8 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
570
575
|
},
|
|
571
576
|
style: {
|
|
572
577
|
position: "absolute",
|
|
578
|
+
padding: "8px 0px",
|
|
579
|
+
fontSize: "16px",
|
|
573
580
|
bottom: 0,
|
|
574
581
|
left: 0,
|
|
575
582
|
width: "50%",
|
|
@@ -605,6 +612,8 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
605
612
|
},
|
|
606
613
|
style: {
|
|
607
614
|
position: "absolute",
|
|
615
|
+
padding: "8px 0px",
|
|
616
|
+
fontSize: "16px",
|
|
608
617
|
bottom: 0,
|
|
609
618
|
right: 0,
|
|
610
619
|
width: "50%",
|
|
@@ -625,6 +634,54 @@ export const componentBasicUiSchema: any = (theme)=>{
|
|
|
625
634
|
},
|
|
626
635
|
]
|
|
627
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
|
+
},
|
|
628
685
|
{
|
|
629
686
|
type: "Control",
|
|
630
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
|
}
|