impaktapps-ui-builder 0.0.382-alpha.18 → 0.0.382-alpha.200
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 +1237 -1193
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +14 -14
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +18 -15
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +102 -53
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -17
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
- package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
- package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +1 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +36 -16
- package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +6 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +51 -78
- package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +6 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +56 -84
- package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +6 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
- package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +266 -344
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +440 -365
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -415
- package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
- package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
- package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +5 -1
|
@@ -1,58 +1,58 @@
|
|
|
1
1
|
export const EventSection = {
|
|
2
2
|
type: "HorizontalLayout",
|
|
3
3
|
elements: [
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
4
|
+
{
|
|
5
|
+
type: "WrapperLayout",
|
|
6
|
+
config: {
|
|
7
|
+
main: {
|
|
8
|
+
// label: "Table Columns",
|
|
9
|
+
divider: true,
|
|
10
|
+
},
|
|
11
|
+
wrapperStyle: {
|
|
12
|
+
border:"1px solid gray"
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
elements: [
|
|
16
|
+
{
|
|
17
|
+
type: "Control",
|
|
18
|
+
scope: "#/properties/programType",
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
20
|
+
options: {
|
|
21
|
+
widget: "Box",
|
|
22
|
+
},
|
|
23
|
+
config: {
|
|
24
|
+
layout: 8,
|
|
25
|
+
main: {
|
|
26
|
+
heading: "Event Table",
|
|
27
|
+
},
|
|
28
|
+
style: {
|
|
29
|
+
fontFamily: "Roboto",
|
|
30
|
+
fontWeight: "500",
|
|
31
|
+
paddingLeft:"-10px",
|
|
32
|
+
fontSize: "20px",},
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
type: "Control",
|
|
37
|
+
scope: "#/properties/Back_Button",
|
|
38
38
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
39
|
+
options: {
|
|
40
|
+
widget: "IconButton",
|
|
41
|
+
},
|
|
42
|
+
config: {
|
|
43
|
+
layout: 3,
|
|
44
|
+
main: {
|
|
45
|
+
icon: "AddIcon",
|
|
46
|
+
styleDefault: true,
|
|
47
|
+
size: "small",
|
|
48
|
+
onClick: "eventAddHandler",
|
|
49
|
+
tooltipMessage: "Back",
|
|
50
|
+
},
|
|
51
|
+
style: {
|
|
52
|
+
float: "right",
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
56
|
{
|
|
57
57
|
type: "Control",
|
|
58
58
|
scope: "#/properties/events",
|
|
@@ -61,33 +61,6 @@ export const EventSection = {
|
|
|
61
61
|
},
|
|
62
62
|
config: {
|
|
63
63
|
main: {
|
|
64
|
-
headerIcons: {
|
|
65
|
-
elements: [
|
|
66
|
-
{
|
|
67
|
-
widget: {
|
|
68
|
-
type: "Control",
|
|
69
|
-
scope: "#/properties/New_Record",
|
|
70
|
-
|
|
71
|
-
options: {
|
|
72
|
-
widget: "IconButton",
|
|
73
|
-
},
|
|
74
|
-
config: {
|
|
75
|
-
main: {
|
|
76
|
-
color: "info",
|
|
77
|
-
onClick: "eventAddHandler",
|
|
78
|
-
size: "small",
|
|
79
|
-
icon: "AddIcon",
|
|
80
|
-
iconLabel: "Add New",
|
|
81
|
-
styleDefault: true,
|
|
82
|
-
},
|
|
83
|
-
style: {
|
|
84
|
-
mt: "6px",
|
|
85
|
-
},
|
|
86
|
-
},
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
]
|
|
90
|
-
},
|
|
91
64
|
disableAction: true,
|
|
92
65
|
disableSelection: true,
|
|
93
66
|
enableDrag: true,
|
|
@@ -151,7 +124,7 @@ export const EventSection = {
|
|
|
151
124
|
},
|
|
152
125
|
]
|
|
153
126
|
}]}
|
|
154
|
-
|
|
127
|
+
]}
|
|
155
128
|
|
|
156
129
|
export const EventSectionSchema = {
|
|
157
130
|
events: {
|
|
@@ -1,58 +1,58 @@
|
|
|
1
1
|
export const TableSection = {
|
|
2
2
|
type: "HorizontalLayout",
|
|
3
3
|
elements: [
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
4
|
+
{
|
|
5
|
+
type: "WrapperLayout",
|
|
6
|
+
config: {
|
|
7
|
+
main: {
|
|
8
|
+
// label: "Table Columns",
|
|
9
|
+
// divider: true,
|
|
10
|
+
},
|
|
11
|
+
wrapperStyle: {
|
|
12
|
+
border:"1px solid gray"
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
elements: [
|
|
16
|
+
{
|
|
17
|
+
type: "Control",
|
|
18
|
+
scope: "#/properties/programType",
|
|
19
|
+
|
|
20
|
+
options: {
|
|
21
|
+
widget: "Box",
|
|
22
|
+
},
|
|
23
|
+
config: {
|
|
24
|
+
layout: 8,
|
|
25
|
+
main: {
|
|
26
|
+
heading: "Components Table",
|
|
27
|
+
},
|
|
28
|
+
style: {
|
|
29
|
+
fontFamily: "Roboto",
|
|
30
|
+
fontWeight: "500",
|
|
31
|
+
paddingLeft:"-10px",
|
|
32
|
+
fontSize: "20px",},
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
type: "Control",
|
|
37
|
+
scope: "#/properties/Back_Button",
|
|
38
|
+
|
|
39
|
+
options: {
|
|
40
|
+
widget: "IconButton",
|
|
41
|
+
},
|
|
42
|
+
config: {
|
|
43
|
+
layout: 3,
|
|
44
|
+
main: {
|
|
45
|
+
icon: "AddIcon",
|
|
46
|
+
styleDefault: true,
|
|
47
|
+
size: "small",
|
|
48
|
+
onClick: "widgetAddClickHandler",
|
|
49
|
+
tooltipMessage: "Add New",
|
|
50
|
+
},
|
|
51
|
+
style: {
|
|
52
|
+
float: "right",
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
56
|
{
|
|
57
57
|
type: "Control",
|
|
58
58
|
scope: "#/properties/elements",
|
|
@@ -61,40 +61,13 @@ export const TableSection = {
|
|
|
61
61
|
},
|
|
62
62
|
config: {
|
|
63
63
|
main: {
|
|
64
|
-
headerIcons: {
|
|
65
|
-
elements: [
|
|
66
|
-
{
|
|
67
|
-
widget: {
|
|
68
|
-
type: "Control",
|
|
69
|
-
scope: "#/properties/New_Record",
|
|
70
|
-
|
|
71
|
-
options: {
|
|
72
|
-
widget: "IconButton",
|
|
73
|
-
},
|
|
74
|
-
config: {
|
|
75
|
-
main: {
|
|
76
|
-
color: "info",
|
|
77
|
-
onClick: "widgetAddClickHandler",
|
|
78
|
-
size: "small",
|
|
79
|
-
icon: "AddIcon",
|
|
80
|
-
iconLabel: "Add New",
|
|
81
|
-
styleDefault: true,
|
|
82
|
-
},
|
|
83
|
-
style: {
|
|
84
|
-
mt: "6px",
|
|
85
|
-
},
|
|
86
|
-
},
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
]
|
|
90
|
-
},
|
|
91
64
|
disableAction: true,
|
|
92
65
|
disableSelection: true,
|
|
93
66
|
enableDrag: true,
|
|
94
|
-
|
|
67
|
+
|
|
95
68
|
},
|
|
96
69
|
},
|
|
97
|
-
elements:
|
|
70
|
+
elements:[
|
|
98
71
|
{
|
|
99
72
|
accessorKey: "name",
|
|
100
73
|
header: "Name"
|
|
@@ -144,9 +117,8 @@ export const TableSection = {
|
|
|
144
117
|
},
|
|
145
118
|
}
|
|
146
119
|
]
|
|
147
|
-
}]
|
|
148
|
-
}
|
|
149
|
-
// ]}
|
|
120
|
+
}]}
|
|
121
|
+
]}
|
|
150
122
|
|
|
151
123
|
export const TableSectionSchema = {
|
|
152
124
|
columns: {
|
|
@@ -18,7 +18,12 @@ export const ValidationSection = {
|
|
|
18
18
|
widget: "SelectInputField",
|
|
19
19
|
},
|
|
20
20
|
config: {
|
|
21
|
-
layout: {
|
|
21
|
+
layout: {
|
|
22
|
+
xs: 11,
|
|
23
|
+
sm: 11,
|
|
24
|
+
md: 5.5,
|
|
25
|
+
lg: 5.5,
|
|
26
|
+
},
|
|
22
27
|
main: {
|
|
23
28
|
label: "Validation Type",
|
|
24
29
|
},
|
|
@@ -32,21 +37,16 @@ export const ValidationSection = {
|
|
|
32
37
|
widget: "InputField",
|
|
33
38
|
},
|
|
34
39
|
config: {
|
|
35
|
-
layout: {
|
|
40
|
+
layout: {
|
|
41
|
+
xs: 11,
|
|
42
|
+
sm: 11,
|
|
43
|
+
md: 5.5,
|
|
44
|
+
lg: 5.5,
|
|
45
|
+
},
|
|
36
46
|
main: {
|
|
37
47
|
label: "Validation Value",
|
|
38
48
|
},
|
|
39
49
|
},
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
type: "Control",
|
|
43
|
-
scope: "#/properties/emptyBox",
|
|
44
|
-
options: {
|
|
45
|
-
widget: "EmptyBox"
|
|
46
|
-
},
|
|
47
|
-
config: {
|
|
48
|
-
layout: {xs: 0, sm: 4}
|
|
49
|
-
}
|
|
50
50
|
}
|
|
51
51
|
],
|
|
52
52
|
},
|
|
@@ -18,7 +18,12 @@ export const ValueTab = {
|
|
|
18
18
|
widget: "InputField",
|
|
19
19
|
},
|
|
20
20
|
config: {
|
|
21
|
-
layout: {
|
|
21
|
+
layout: {
|
|
22
|
+
xs: 11,
|
|
23
|
+
sm: 11,
|
|
24
|
+
md: 5.5,
|
|
25
|
+
lg: 5.5,
|
|
26
|
+
},
|
|
22
27
|
main: {
|
|
23
28
|
label: "Label",
|
|
24
29
|
},
|
|
@@ -32,23 +37,18 @@ export const ValueTab = {
|
|
|
32
37
|
widget: "InputField",
|
|
33
38
|
},
|
|
34
39
|
config: {
|
|
35
|
-
layout: {
|
|
40
|
+
layout: {
|
|
41
|
+
xs: 11,
|
|
42
|
+
sm: 11,
|
|
43
|
+
md: 5.5,
|
|
44
|
+
lg: 5.5,
|
|
45
|
+
},
|
|
36
46
|
main: {
|
|
37
47
|
label: "Value",
|
|
38
48
|
|
|
39
49
|
},
|
|
40
50
|
},
|
|
41
51
|
},
|
|
42
|
-
{
|
|
43
|
-
type: "Control",
|
|
44
|
-
scope: "#/properties/emptyBox",
|
|
45
|
-
options: {
|
|
46
|
-
widget: "EmptyBox"
|
|
47
|
-
},
|
|
48
|
-
config: {
|
|
49
|
-
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
52
|
],
|
|
53
53
|
},
|
|
54
54
|
},
|