impaktapps-ui-builder 0.0.412-mtreemap.23 → 0.0.412-mtreemap.24
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 +185 -173
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +2 -2
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +2 -2
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +25 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +5 -54
- package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +93 -137
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +3 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +1 -1
- package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const EventSection: {
|
|
1
|
+
export declare const EventSection: (theme: any) => {
|
|
2
2
|
type: string;
|
|
3
3
|
elements: {
|
|
4
4
|
type: string;
|
|
@@ -59,7 +59,7 @@ export declare const EventSection: {
|
|
|
59
59
|
onClick: string;
|
|
60
60
|
};
|
|
61
61
|
style: {
|
|
62
|
-
color:
|
|
62
|
+
color: any;
|
|
63
63
|
};
|
|
64
64
|
};
|
|
65
65
|
accessorKeyName?: undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const TableSection: {
|
|
1
|
+
export declare const TableSection: (theme: any) => {
|
|
2
2
|
type: string;
|
|
3
3
|
elements: {
|
|
4
4
|
type: string;
|
|
@@ -60,6 +60,30 @@ export declare const TableSection: {
|
|
|
60
60
|
onClick: string;
|
|
61
61
|
tooltipMessage: string;
|
|
62
62
|
};
|
|
63
|
+
style: {
|
|
64
|
+
color: any;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
accessorKey?: undefined;
|
|
69
|
+
} | {
|
|
70
|
+
header: string;
|
|
71
|
+
field: string;
|
|
72
|
+
flex: number;
|
|
73
|
+
widget: {
|
|
74
|
+
type: string;
|
|
75
|
+
scope: string;
|
|
76
|
+
options: {
|
|
77
|
+
widget: string;
|
|
78
|
+
};
|
|
79
|
+
config: {
|
|
80
|
+
main: {
|
|
81
|
+
icon: string;
|
|
82
|
+
color: string;
|
|
83
|
+
onClick: string;
|
|
84
|
+
tooltipMessage: string;
|
|
85
|
+
};
|
|
86
|
+
style?: undefined;
|
|
63
87
|
};
|
|
64
88
|
};
|
|
65
89
|
accessorKey?: undefined;
|
package/package.json
CHANGED
|
@@ -1,58 +1,7 @@
|
|
|
1
|
-
export const EventSection = {
|
|
1
|
+
export const EventSection = (theme)=>{
|
|
2
|
+
const uiSchema = {
|
|
2
3
|
type: "HorizontalLayout",
|
|
3
4
|
elements: [
|
|
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: "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
|
-
|
|
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
5
|
{
|
|
57
6
|
type: "Control",
|
|
58
7
|
scope: "#/properties/events",
|
|
@@ -123,7 +72,7 @@ export const EventSection = {
|
|
|
123
72
|
onClick: "eventEditHandler",
|
|
124
73
|
},
|
|
125
74
|
style: {
|
|
126
|
-
color:
|
|
75
|
+
color: theme,
|
|
127
76
|
},
|
|
128
77
|
},
|
|
129
78
|
},
|
|
@@ -151,6 +100,8 @@ export const EventSection = {
|
|
|
151
100
|
},
|
|
152
101
|
]
|
|
153
102
|
}]}
|
|
103
|
+
return uiSchema
|
|
104
|
+
}
|
|
154
105
|
// ]}
|
|
155
106
|
|
|
156
107
|
export const EventSectionSchema = {
|
|
@@ -1,150 +1,106 @@
|
|
|
1
|
-
export const TableSection = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
{
|
|
57
|
-
type: "Control",
|
|
58
|
-
scope: "#/properties/elements",
|
|
59
|
-
options: {
|
|
60
|
-
widget: "Table",
|
|
61
|
-
},
|
|
62
|
-
config: {
|
|
63
|
-
main: {
|
|
64
|
-
headerIcons: {
|
|
65
|
-
elements: [
|
|
66
|
-
{
|
|
67
|
-
widget: {
|
|
68
|
-
type: "Control",
|
|
69
|
-
scope: "#/properties/New_Record",
|
|
1
|
+
export const TableSection = (theme) => {
|
|
2
|
+
const uiSchema = {
|
|
3
|
+
type: "HorizontalLayout",
|
|
4
|
+
elements: [
|
|
5
|
+
{
|
|
6
|
+
type: "Control",
|
|
7
|
+
scope: "#/properties/elements",
|
|
8
|
+
options: {
|
|
9
|
+
widget: "Table",
|
|
10
|
+
},
|
|
11
|
+
config: {
|
|
12
|
+
main: {
|
|
13
|
+
headerIcons: {
|
|
14
|
+
elements: [
|
|
15
|
+
{
|
|
16
|
+
widget: {
|
|
17
|
+
type: "Control",
|
|
18
|
+
scope: "#/properties/New_Record",
|
|
70
19
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
},
|
|
74
|
-
config: {
|
|
75
|
-
main: {
|
|
76
|
-
color: "info",
|
|
77
|
-
onClick: "widgetAddClickHandler",
|
|
78
|
-
size: "small",
|
|
79
|
-
icon: "AddIcon",
|
|
80
|
-
iconLabel: "Add New",
|
|
81
|
-
styleDefault: true,
|
|
20
|
+
options: {
|
|
21
|
+
widget: "IconButton",
|
|
82
22
|
},
|
|
83
|
-
|
|
84
|
-
|
|
23
|
+
config: {
|
|
24
|
+
main: {
|
|
25
|
+
color: "info",
|
|
26
|
+
onClick: "widgetAddClickHandler",
|
|
27
|
+
size: "small",
|
|
28
|
+
icon: "AddIcon",
|
|
29
|
+
iconLabel: "Add New",
|
|
30
|
+
styleDefault: true,
|
|
31
|
+
},
|
|
32
|
+
style: {
|
|
33
|
+
mt: "6px",
|
|
34
|
+
},
|
|
85
35
|
},
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
enableDrag: true,
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
disableAction: true,
|
|
41
|
+
disableSelection: true,
|
|
42
|
+
enableDrag: true,
|
|
94
43
|
|
|
44
|
+
},
|
|
95
45
|
},
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
46
|
+
elements: [
|
|
47
|
+
{
|
|
48
|
+
accessorKey: "name",
|
|
49
|
+
header: "Name"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
accessorKey: "type",
|
|
53
|
+
header: "Type"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
header: "Edit Record",
|
|
57
|
+
field: "Reject_Records",
|
|
58
|
+
flex: 1,
|
|
59
|
+
widget: {
|
|
60
|
+
type: "Control",
|
|
61
|
+
scope: "#/properties/RejectButton",
|
|
62
|
+
options: {
|
|
63
|
+
widget: "IconButton",
|
|
64
|
+
},
|
|
65
|
+
config: {
|
|
66
|
+
main: {
|
|
67
|
+
icon: "EditIcon",
|
|
68
|
+
color: "primary",
|
|
69
|
+
onClick: "editComponents",
|
|
70
|
+
tooltipMessage: "Reject This Record",
|
|
71
|
+
},
|
|
72
|
+
|
|
73
|
+
style: {
|
|
74
|
+
color: theme.palette.primary.main,
|
|
75
|
+
},
|
|
122
76
|
},
|
|
123
77
|
},
|
|
124
78
|
},
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
79
|
+
{
|
|
80
|
+
header: "Delete",
|
|
81
|
+
field: "Reject_Records",
|
|
82
|
+
flex: 1,
|
|
83
|
+
widget: {
|
|
84
|
+
type: "Control",
|
|
85
|
+
scope: "#/properties/RejectButton",
|
|
86
|
+
options: {
|
|
87
|
+
widget: "IconButton",
|
|
88
|
+
},
|
|
89
|
+
config: {
|
|
90
|
+
main: {
|
|
91
|
+
icon: "RejectIcon",
|
|
92
|
+
color: "error",
|
|
93
|
+
onClick: "deletePopUpComponent",
|
|
94
|
+
tooltipMessage: "Reject This Record",
|
|
95
|
+
},
|
|
142
96
|
},
|
|
143
97
|
},
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
]
|
|
147
|
-
|
|
98
|
+
}
|
|
99
|
+
]
|
|
100
|
+
}]
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
return uiSchema
|
|
148
104
|
}
|
|
149
105
|
// ]}
|
|
150
106
|
|
|
@@ -50,8 +50,8 @@ export const refreshPage = (type: string, store: any) => {
|
|
|
50
50
|
Core: CoreSection,
|
|
51
51
|
Value: ValueTab,
|
|
52
52
|
Style: StyleSection,
|
|
53
|
-
Event: EventSection,
|
|
54
|
-
Components: TableSection,
|
|
53
|
+
Event: EventSection(store.theme.myTheme),
|
|
54
|
+
Components: TableSection(store.theme.myTheme),
|
|
55
55
|
Properties: buildPropertiesSection(type),
|
|
56
56
|
Validation: ValidationSection
|
|
57
57
|
|