impaktapps-ui-builder 0.0.382-alpha.10 → 0.0.382-alpha.12
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 +386 -388
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +11 -11
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
- package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
- package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
- package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
- package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
- package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +21 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +246 -226
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +23 -0
|
@@ -43,265 +43,284 @@ const PageMasterUiSchema = (theme) => {
|
|
|
43
43
|
heading: "Page Master",
|
|
44
44
|
elements: [
|
|
45
45
|
{
|
|
46
|
-
type: "
|
|
47
|
-
scope: "#/properties/name",
|
|
48
|
-
options: {
|
|
49
|
-
widget: "InputField"
|
|
50
|
-
},
|
|
51
|
-
config: {
|
|
52
|
-
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
53
|
-
main: {
|
|
54
|
-
label: "Name",
|
|
55
|
-
options: [],
|
|
56
|
-
color: "secondary",
|
|
57
|
-
errorMessage: "Name should be start with 'page_'",
|
|
58
|
-
helperText: 'Name should be start with "page_"',
|
|
59
|
-
required: true
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
type: "Control",
|
|
65
|
-
scope: "#/properties/label",
|
|
66
|
-
options: {
|
|
67
|
-
widget: "InputField"
|
|
68
|
-
},
|
|
69
|
-
config: {
|
|
70
|
-
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
71
|
-
main: {
|
|
72
|
-
label: "Label",
|
|
73
|
-
options: [],
|
|
74
|
-
color: "secondary",
|
|
75
|
-
required: true
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
type: "Control",
|
|
81
|
-
scope: "#/properties/emptyBox",
|
|
82
|
-
options: {
|
|
83
|
-
widget: "EmptyBox"
|
|
84
|
-
},
|
|
85
|
-
config: {
|
|
86
|
-
layout: { xs: 0, sm: 4 }
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
type: "TabLayout",
|
|
46
|
+
type: "WrapperLayout",
|
|
91
47
|
config: {
|
|
92
48
|
main: {
|
|
93
|
-
|
|
94
|
-
|
|
49
|
+
label: "Page Template",
|
|
50
|
+
isAccordion: true
|
|
51
|
+
},
|
|
52
|
+
wrapperStyle: {
|
|
53
|
+
marginTop: "-6px",
|
|
54
|
+
marginBottom: "-8px"
|
|
55
|
+
},
|
|
56
|
+
componentsBoxStyle: {
|
|
57
|
+
marginLeft: "24px"
|
|
95
58
|
},
|
|
96
59
|
defaultStyle: true
|
|
97
60
|
},
|
|
98
61
|
elements: [
|
|
99
62
|
{
|
|
100
63
|
type: "Control",
|
|
101
|
-
scope: "#/properties/
|
|
64
|
+
scope: "#/properties/name",
|
|
102
65
|
options: {
|
|
103
|
-
widget: "
|
|
66
|
+
widget: "InputField"
|
|
104
67
|
},
|
|
105
68
|
config: {
|
|
69
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
106
70
|
main: {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
options: {
|
|
114
|
-
widget: "IconButton"
|
|
115
|
-
},
|
|
116
|
-
config: {
|
|
117
|
-
main: {
|
|
118
|
-
color: "info",
|
|
119
|
-
onClick: "onAddClickHandler",
|
|
120
|
-
size: "small",
|
|
121
|
-
icon: "AddIcon",
|
|
122
|
-
iconLabel: "Add New",
|
|
123
|
-
styleDefault: true
|
|
124
|
-
},
|
|
125
|
-
style: {
|
|
126
|
-
mt: "6px"
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
]
|
|
132
|
-
},
|
|
133
|
-
disableAction: true,
|
|
134
|
-
disableSelection: true,
|
|
135
|
-
enableDrag: true
|
|
71
|
+
label: "Name",
|
|
72
|
+
options: [],
|
|
73
|
+
color: "secondary",
|
|
74
|
+
errorMessage: "Name should be start with 'page_'",
|
|
75
|
+
helperText: 'Name should be start with "page_"',
|
|
76
|
+
required: true
|
|
136
77
|
}
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
type: "Control",
|
|
82
|
+
scope: "#/properties/label",
|
|
83
|
+
options: {
|
|
84
|
+
widget: "InputField"
|
|
137
85
|
},
|
|
138
|
-
|
|
139
|
-
{
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
header: "Type"
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
header: "Edit",
|
|
149
|
-
field: "Reject_Records",
|
|
150
|
-
flex: 1,
|
|
151
|
-
widget: {
|
|
152
|
-
type: "Control",
|
|
153
|
-
scope: "#/properties/RejectButton",
|
|
154
|
-
options: {
|
|
155
|
-
widget: "IconButton"
|
|
156
|
-
},
|
|
157
|
-
config: {
|
|
158
|
-
main: {
|
|
159
|
-
icon: "EditIcon",
|
|
160
|
-
color: "primary",
|
|
161
|
-
onClick: "Edit_Components",
|
|
162
|
-
tooltipMessage: "Edit This Record"
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
},
|
|
167
|
-
{
|
|
168
|
-
header: "Delete",
|
|
169
|
-
field: "Reject_Records",
|
|
170
|
-
flex: 1,
|
|
171
|
-
widget: {
|
|
172
|
-
type: "Control",
|
|
173
|
-
scope: "#/properties/RejectButton",
|
|
174
|
-
options: {
|
|
175
|
-
widget: "IconButton"
|
|
176
|
-
},
|
|
177
|
-
config: {
|
|
178
|
-
main: {
|
|
179
|
-
icon: "RejectIcon",
|
|
180
|
-
color: "error",
|
|
181
|
-
onClick: "Delete_Components",
|
|
182
|
-
tooltipMessage: "Reject This Record"
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
}
|
|
86
|
+
config: {
|
|
87
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
88
|
+
main: {
|
|
89
|
+
label: "Label",
|
|
90
|
+
options: [],
|
|
91
|
+
color: "secondary",
|
|
92
|
+
required: true
|
|
186
93
|
}
|
|
187
|
-
|
|
94
|
+
}
|
|
188
95
|
},
|
|
189
96
|
{
|
|
190
97
|
type: "Control",
|
|
191
|
-
scope: "#/properties/
|
|
98
|
+
scope: "#/properties/emptyBox",
|
|
192
99
|
options: {
|
|
193
|
-
widget: "
|
|
100
|
+
widget: "EmptyBox"
|
|
194
101
|
},
|
|
102
|
+
config: {
|
|
103
|
+
layout: { xs: 0, sm: 4 }
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
type: "TabLayout",
|
|
195
108
|
config: {
|
|
196
109
|
main: {
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
110
|
+
tabLabels: ["Components", "events"],
|
|
111
|
+
divider: true
|
|
112
|
+
},
|
|
113
|
+
defaultStyle: true
|
|
114
|
+
},
|
|
115
|
+
elements: [
|
|
116
|
+
{
|
|
117
|
+
type: "Control",
|
|
118
|
+
scope: "#/properties/elements",
|
|
119
|
+
options: {
|
|
120
|
+
widget: "Table"
|
|
121
|
+
},
|
|
122
|
+
config: {
|
|
123
|
+
main: {
|
|
124
|
+
headerIcons: {
|
|
125
|
+
elements: [
|
|
126
|
+
{
|
|
127
|
+
widget: {
|
|
128
|
+
type: "Control",
|
|
129
|
+
scope: "#/properties/New_Record",
|
|
130
|
+
options: {
|
|
131
|
+
widget: "IconButton"
|
|
132
|
+
},
|
|
133
|
+
config: {
|
|
134
|
+
main: {
|
|
135
|
+
color: "info",
|
|
136
|
+
onClick: "onAddClickHandler",
|
|
137
|
+
size: "small",
|
|
138
|
+
icon: "AddIcon",
|
|
139
|
+
iconLabel: "Add New",
|
|
140
|
+
styleDefault: true
|
|
141
|
+
},
|
|
142
|
+
style: {
|
|
143
|
+
mt: "6px"
|
|
144
|
+
}
|
|
145
|
+
}
|
|
217
146
|
}
|
|
218
147
|
}
|
|
148
|
+
]
|
|
149
|
+
},
|
|
150
|
+
disableAction: true,
|
|
151
|
+
disableSelection: true,
|
|
152
|
+
enableDrag: true
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
elements: [
|
|
156
|
+
{
|
|
157
|
+
accessorKey: "name",
|
|
158
|
+
header: "Name"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
accessorKey: "type",
|
|
162
|
+
header: "Type"
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
header: "Edit",
|
|
166
|
+
field: "Reject_Records",
|
|
167
|
+
flex: 1,
|
|
168
|
+
widget: {
|
|
169
|
+
type: "Control",
|
|
170
|
+
scope: "#/properties/RejectButton",
|
|
171
|
+
options: {
|
|
172
|
+
widget: "IconButton"
|
|
173
|
+
},
|
|
174
|
+
config: {
|
|
175
|
+
main: {
|
|
176
|
+
icon: "EditIcon",
|
|
177
|
+
color: "primary",
|
|
178
|
+
onClick: "Edit_Components",
|
|
179
|
+
tooltipMessage: "Edit This Record"
|
|
180
|
+
}
|
|
219
181
|
}
|
|
220
182
|
}
|
|
221
|
-
]
|
|
222
|
-
},
|
|
223
|
-
disableAction: true,
|
|
224
|
-
disableSelection: true,
|
|
225
|
-
enableDrag: true
|
|
226
|
-
}
|
|
227
|
-
},
|
|
228
|
-
elements: [
|
|
229
|
-
{
|
|
230
|
-
accessorKey: "eventType",
|
|
231
|
-
header: "Event Type"
|
|
232
|
-
},
|
|
233
|
-
{
|
|
234
|
-
accessorKey: "Handler",
|
|
235
|
-
header: "Handler"
|
|
236
|
-
},
|
|
237
|
-
{
|
|
238
|
-
accessorKey: "Edit_Approve_Records",
|
|
239
|
-
header: "Edit Widget",
|
|
240
|
-
widget: {
|
|
241
|
-
type: "Control",
|
|
242
|
-
scope: "#/properties/Edit_Records",
|
|
243
|
-
options: {
|
|
244
|
-
widget: "IconButton"
|
|
245
183
|
},
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
184
|
+
{
|
|
185
|
+
header: "Delete",
|
|
186
|
+
field: "Reject_Records",
|
|
187
|
+
flex: 1,
|
|
188
|
+
widget: {
|
|
189
|
+
type: "Control",
|
|
190
|
+
scope: "#/properties/RejectButton",
|
|
191
|
+
options: {
|
|
192
|
+
widget: "IconButton"
|
|
193
|
+
},
|
|
194
|
+
config: {
|
|
195
|
+
main: {
|
|
196
|
+
icon: "RejectIcon",
|
|
197
|
+
color: "error",
|
|
198
|
+
onClick: "Delete_Components",
|
|
199
|
+
tooltipMessage: "Reject This Record"
|
|
200
|
+
}
|
|
201
|
+
}
|
|
256
202
|
}
|
|
257
203
|
}
|
|
258
|
-
|
|
204
|
+
]
|
|
259
205
|
},
|
|
260
206
|
{
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
207
|
+
type: "Control",
|
|
208
|
+
scope: "#/properties/events",
|
|
209
|
+
options: {
|
|
210
|
+
widget: "Table"
|
|
211
|
+
},
|
|
212
|
+
config: {
|
|
213
|
+
main: {
|
|
214
|
+
headerIcons: {
|
|
215
|
+
elements: [
|
|
216
|
+
{
|
|
217
|
+
widget: {
|
|
218
|
+
type: "Control",
|
|
219
|
+
scope: "#/properties/New_Record",
|
|
220
|
+
options: {
|
|
221
|
+
widget: "IconButton"
|
|
222
|
+
},
|
|
223
|
+
config: {
|
|
224
|
+
main: {
|
|
225
|
+
color: "info",
|
|
226
|
+
onClick: "eventAddHandler",
|
|
227
|
+
size: "small",
|
|
228
|
+
icon: "AddIcon",
|
|
229
|
+
iconLabel: "Add New",
|
|
230
|
+
styleDefault: true
|
|
231
|
+
},
|
|
232
|
+
style: {
|
|
233
|
+
mt: "6px"
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
]
|
|
239
|
+
},
|
|
240
|
+
disableAction: true,
|
|
241
|
+
disableSelection: true,
|
|
242
|
+
enableDrag: true
|
|
243
|
+
}
|
|
244
|
+
},
|
|
245
|
+
elements: [
|
|
246
|
+
{
|
|
247
|
+
accessorKey: "eventType",
|
|
248
|
+
header: "Event Type"
|
|
268
249
|
},
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
250
|
+
{
|
|
251
|
+
accessorKey: "Handler",
|
|
252
|
+
header: "Handler"
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
accessorKey: "Edit_Approve_Records",
|
|
256
|
+
header: "Edit Widget",
|
|
257
|
+
widget: {
|
|
258
|
+
type: "Control",
|
|
259
|
+
scope: "#/properties/Edit_Records",
|
|
260
|
+
options: {
|
|
261
|
+
widget: "IconButton"
|
|
262
|
+
},
|
|
263
|
+
config: {
|
|
264
|
+
main: {
|
|
265
|
+
color: "info",
|
|
266
|
+
size: "small",
|
|
267
|
+
icon: "EditIcon",
|
|
268
|
+
tooltipMessage: "Edit This Record",
|
|
269
|
+
onClick: "editEvent"
|
|
270
|
+
},
|
|
271
|
+
style: {
|
|
272
|
+
color: "#3949ab"
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
accessorKey: "Reject_Records",
|
|
279
|
+
header: "Delete",
|
|
280
|
+
widget: {
|
|
281
|
+
type: "Control",
|
|
282
|
+
scope: "#/properties/RejectButton",
|
|
283
|
+
options: {
|
|
284
|
+
widget: "IconButton"
|
|
285
|
+
},
|
|
286
|
+
config: {
|
|
287
|
+
main: {
|
|
288
|
+
icon: "RejectIcon",
|
|
289
|
+
color: "error",
|
|
290
|
+
tooltipMessage: "Reject This Record",
|
|
291
|
+
onClick: "deleteEvent"
|
|
292
|
+
}
|
|
293
|
+
}
|
|
275
294
|
}
|
|
276
295
|
}
|
|
277
|
-
|
|
296
|
+
]
|
|
278
297
|
}
|
|
279
298
|
]
|
|
280
|
-
}
|
|
281
|
-
]
|
|
282
|
-
},
|
|
283
|
-
{
|
|
284
|
-
type: "Control",
|
|
285
|
-
scope: "#/properties/btn",
|
|
286
|
-
options: {
|
|
287
|
-
widget: "Button"
|
|
288
|
-
},
|
|
289
|
-
config: {
|
|
290
|
-
layout: 11.9,
|
|
291
|
-
main: {
|
|
292
|
-
name: "Save",
|
|
293
|
-
startIcon: "ApproveIcon",
|
|
294
|
-
variant: "contained",
|
|
295
|
-
color: "info",
|
|
296
|
-
type: "text",
|
|
297
|
-
onClick: "saveHandler",
|
|
298
|
-
size: "medium"
|
|
299
299
|
},
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
300
|
+
{
|
|
301
|
+
type: "Control",
|
|
302
|
+
scope: "#/properties/btn",
|
|
303
|
+
options: {
|
|
304
|
+
widget: "Button"
|
|
305
|
+
},
|
|
306
|
+
config: {
|
|
307
|
+
layout: 11.9,
|
|
308
|
+
main: {
|
|
309
|
+
name: "Save",
|
|
310
|
+
startIcon: "ApproveIcon",
|
|
311
|
+
variant: "contained",
|
|
312
|
+
color: "info",
|
|
313
|
+
type: "text",
|
|
314
|
+
onClick: "saveHandler",
|
|
315
|
+
size: "medium"
|
|
316
|
+
},
|
|
317
|
+
style: {
|
|
318
|
+
width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
|
|
319
|
+
float: "right"
|
|
320
|
+
}
|
|
321
|
+
}
|
|
303
322
|
}
|
|
304
|
-
|
|
323
|
+
]
|
|
305
324
|
},
|
|
306
325
|
{
|
|
307
326
|
type: "Control",
|
|
@@ -6396,6 +6415,26 @@ const componentBasicUiSchema = (theme) => {
|
|
|
6396
6415
|
layout: 2
|
|
6397
6416
|
}
|
|
6398
6417
|
},
|
|
6418
|
+
{
|
|
6419
|
+
type: "Control",
|
|
6420
|
+
scope: "#/properties/pageName",
|
|
6421
|
+
options: {
|
|
6422
|
+
widget: "Box"
|
|
6423
|
+
},
|
|
6424
|
+
config: {
|
|
6425
|
+
layout: { xs: 7, sm: 7, md: 9 },
|
|
6426
|
+
main: {
|
|
6427
|
+
heading: " "
|
|
6428
|
+
},
|
|
6429
|
+
style: {
|
|
6430
|
+
float: "right",
|
|
6431
|
+
width: "auto",
|
|
6432
|
+
fontSize: "12px",
|
|
6433
|
+
color: "gray",
|
|
6434
|
+
paddingTop: "10px"
|
|
6435
|
+
}
|
|
6436
|
+
}
|
|
6437
|
+
},
|
|
6399
6438
|
{
|
|
6400
6439
|
type: "Control",
|
|
6401
6440
|
scope: "#/properties/backIcon",
|
|
@@ -6458,7 +6497,7 @@ const CoreSection = {
|
|
|
6458
6497
|
widget: "SelectInputField"
|
|
6459
6498
|
},
|
|
6460
6499
|
config: {
|
|
6461
|
-
layout: { xs:
|
|
6500
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
6462
6501
|
main: {
|
|
6463
6502
|
label: "Type",
|
|
6464
6503
|
type: "text"
|
|
@@ -6472,12 +6511,7 @@ const CoreSection = {
|
|
|
6472
6511
|
widget: "InputField"
|
|
6473
6512
|
},
|
|
6474
6513
|
config: {
|
|
6475
|
-
layout: {
|
|
6476
|
-
xs: 12,
|
|
6477
|
-
sm: 12,
|
|
6478
|
-
md: 6,
|
|
6479
|
-
lg: 6
|
|
6480
|
-
},
|
|
6514
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
6481
6515
|
main: {
|
|
6482
6516
|
label: "Name"
|
|
6483
6517
|
}
|
|
@@ -6490,31 +6524,16 @@ const CoreSection = {
|
|
|
6490
6524
|
widget: "InputField"
|
|
6491
6525
|
},
|
|
6492
6526
|
config: {
|
|
6493
|
-
layout: {
|
|
6494
|
-
xs: 12,
|
|
6495
|
-
sm: 12,
|
|
6496
|
-
md: 6,
|
|
6497
|
-
lg: 6
|
|
6498
|
-
},
|
|
6527
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
6499
6528
|
main: {
|
|
6500
6529
|
label: "Label"
|
|
6501
6530
|
}
|
|
6502
6531
|
}
|
|
6503
6532
|
},
|
|
6504
|
-
{
|
|
6505
|
-
type: "Control",
|
|
6506
|
-
scope: "#/properties/proc",
|
|
6507
|
-
config: {
|
|
6508
|
-
layout: { xs: 11, sm: 11, md: 6, lg: 6 }
|
|
6509
|
-
},
|
|
6510
|
-
options: {
|
|
6511
|
-
widget: "EmptyBox"
|
|
6512
|
-
}
|
|
6513
|
-
},
|
|
6514
6533
|
{
|
|
6515
6534
|
type: "Control",
|
|
6516
6535
|
scope: "#/properties/layout",
|
|
6517
|
-
layout:
|
|
6536
|
+
layout: 12,
|
|
6518
6537
|
options: {
|
|
6519
6538
|
"elementLabelProp": "key",
|
|
6520
6539
|
detail: {
|
|
@@ -6527,12 +6546,7 @@ const CoreSection = {
|
|
|
6527
6546
|
widget: "SelectInputField"
|
|
6528
6547
|
},
|
|
6529
6548
|
config: {
|
|
6530
|
-
layout: {
|
|
6531
|
-
xs: 11,
|
|
6532
|
-
sm: 11,
|
|
6533
|
-
md: 5.5,
|
|
6534
|
-
lg: 5.5
|
|
6535
|
-
},
|
|
6549
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
6536
6550
|
main: {
|
|
6537
6551
|
label: "Screen Size"
|
|
6538
6552
|
}
|
|
@@ -6545,12 +6559,7 @@ const CoreSection = {
|
|
|
6545
6559
|
widget: "InputField"
|
|
6546
6560
|
},
|
|
6547
6561
|
config: {
|
|
6548
|
-
layout: {
|
|
6549
|
-
xs: 11,
|
|
6550
|
-
sm: 11,
|
|
6551
|
-
md: 5.5,
|
|
6552
|
-
lg: 5.5
|
|
6553
|
-
},
|
|
6562
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
6554
6563
|
main: {
|
|
6555
6564
|
label: "Value",
|
|
6556
6565
|
type: "number",
|
|
@@ -6558,6 +6567,16 @@ const CoreSection = {
|
|
|
6558
6567
|
errorMessage: "Number Can't be greater than 12 and can't be less than 0."
|
|
6559
6568
|
}
|
|
6560
6569
|
}
|
|
6570
|
+
},
|
|
6571
|
+
{
|
|
6572
|
+
type: "Control",
|
|
6573
|
+
scope: "#/properties/emptyBox",
|
|
6574
|
+
options: {
|
|
6575
|
+
widget: "EmptyBox"
|
|
6576
|
+
},
|
|
6577
|
+
config: {
|
|
6578
|
+
layout: { xs: 0, sm: 4 }
|
|
6579
|
+
}
|
|
6561
6580
|
}
|
|
6562
6581
|
]
|
|
6563
6582
|
}
|
|
@@ -6569,121 +6588,95 @@ const EventSection = {
|
|
|
6569
6588
|
type: "HorizontalLayout",
|
|
6570
6589
|
elements: [
|
|
6571
6590
|
{
|
|
6572
|
-
type: "
|
|
6591
|
+
type: "Control",
|
|
6592
|
+
scope: "#/properties/events",
|
|
6593
|
+
options: {
|
|
6594
|
+
widget: "Table"
|
|
6595
|
+
},
|
|
6573
6596
|
config: {
|
|
6574
6597
|
main: {
|
|
6575
|
-
|
|
6576
|
-
|
|
6577
|
-
|
|
6578
|
-
|
|
6598
|
+
headerIcons: {
|
|
6599
|
+
elements: [
|
|
6600
|
+
{
|
|
6601
|
+
widget: {
|
|
6602
|
+
type: "Control",
|
|
6603
|
+
scope: "#/properties/New_Record",
|
|
6604
|
+
options: {
|
|
6605
|
+
widget: "IconButton"
|
|
6606
|
+
},
|
|
6607
|
+
config: {
|
|
6608
|
+
main: {
|
|
6609
|
+
color: "info",
|
|
6610
|
+
onClick: "eventAddHandler",
|
|
6611
|
+
size: "small",
|
|
6612
|
+
icon: "AddIcon",
|
|
6613
|
+
iconLabel: "Add New",
|
|
6614
|
+
styleDefault: true
|
|
6615
|
+
},
|
|
6616
|
+
style: {
|
|
6617
|
+
mt: "6px"
|
|
6618
|
+
}
|
|
6619
|
+
}
|
|
6620
|
+
}
|
|
6621
|
+
}
|
|
6622
|
+
]
|
|
6623
|
+
},
|
|
6624
|
+
disableAction: true,
|
|
6625
|
+
disableSelection: true,
|
|
6626
|
+
enableDrag: true
|
|
6579
6627
|
}
|
|
6580
6628
|
},
|
|
6581
6629
|
elements: [
|
|
6582
6630
|
{
|
|
6583
|
-
|
|
6584
|
-
|
|
6585
|
-
options: {
|
|
6586
|
-
widget: "Box"
|
|
6587
|
-
},
|
|
6588
|
-
config: {
|
|
6589
|
-
layout: 8,
|
|
6590
|
-
main: {
|
|
6591
|
-
heading: "Event Table"
|
|
6592
|
-
},
|
|
6593
|
-
style: {
|
|
6594
|
-
fontFamily: "Roboto",
|
|
6595
|
-
fontWeight: "500",
|
|
6596
|
-
paddingLeft: "-10px",
|
|
6597
|
-
fontSize: "20px"
|
|
6598
|
-
}
|
|
6599
|
-
}
|
|
6631
|
+
accessorKey: "eventType",
|
|
6632
|
+
header: "Event Type"
|
|
6600
6633
|
},
|
|
6601
6634
|
{
|
|
6602
|
-
|
|
6603
|
-
|
|
6604
|
-
|
|
6605
|
-
|
|
6606
|
-
|
|
6607
|
-
|
|
6608
|
-
|
|
6609
|
-
|
|
6610
|
-
|
|
6611
|
-
|
|
6612
|
-
|
|
6613
|
-
onClick: "eventAddHandler",
|
|
6614
|
-
tooltipMessage: "Back"
|
|
6635
|
+
accessorKey: "Handler",
|
|
6636
|
+
header: "Handler"
|
|
6637
|
+
},
|
|
6638
|
+
{
|
|
6639
|
+
accessorKey: "Edit_Approve_Records",
|
|
6640
|
+
header: "Edit Widget",
|
|
6641
|
+
widget: {
|
|
6642
|
+
type: "Control",
|
|
6643
|
+
scope: "#/properties/Edit_Records",
|
|
6644
|
+
options: {
|
|
6645
|
+
widget: "IconButton"
|
|
6615
6646
|
},
|
|
6616
|
-
|
|
6617
|
-
|
|
6647
|
+
config: {
|
|
6648
|
+
main: {
|
|
6649
|
+
color: "info",
|
|
6650
|
+
size: "small",
|
|
6651
|
+
icon: "EditIcon",
|
|
6652
|
+
tooltipMessage: "Edit This Record",
|
|
6653
|
+
onClick: "eventEditHandler"
|
|
6654
|
+
},
|
|
6655
|
+
style: {
|
|
6656
|
+
color: "#3949ab"
|
|
6657
|
+
}
|
|
6618
6658
|
}
|
|
6619
6659
|
}
|
|
6620
6660
|
},
|
|
6621
6661
|
{
|
|
6622
|
-
|
|
6623
|
-
|
|
6624
|
-
|
|
6625
|
-
|
|
6626
|
-
|
|
6627
|
-
|
|
6628
|
-
|
|
6629
|
-
|
|
6630
|
-
disableSelection: true,
|
|
6631
|
-
enableDrag: true
|
|
6632
|
-
}
|
|
6633
|
-
},
|
|
6634
|
-
elements: [
|
|
6635
|
-
{
|
|
6636
|
-
accessorKey: "eventType",
|
|
6637
|
-
header: "Event Type"
|
|
6638
|
-
},
|
|
6639
|
-
{
|
|
6640
|
-
accessorKey: "Handler",
|
|
6641
|
-
header: "Handler"
|
|
6642
|
-
},
|
|
6643
|
-
{
|
|
6644
|
-
accessorKey: "Edit_Approve_Records",
|
|
6645
|
-
header: "Edit Widget",
|
|
6646
|
-
widget: {
|
|
6647
|
-
type: "Control",
|
|
6648
|
-
scope: "#/properties/Edit_Records",
|
|
6649
|
-
options: {
|
|
6650
|
-
widget: "IconButton"
|
|
6651
|
-
},
|
|
6652
|
-
config: {
|
|
6653
|
-
main: {
|
|
6654
|
-
color: "info",
|
|
6655
|
-
size: "small",
|
|
6656
|
-
icon: "EditIcon",
|
|
6657
|
-
tooltipMessage: "Edit This Record",
|
|
6658
|
-
onClick: "eventEditHandler"
|
|
6659
|
-
},
|
|
6660
|
-
style: {
|
|
6661
|
-
color: "#3949ab"
|
|
6662
|
-
}
|
|
6663
|
-
}
|
|
6664
|
-
}
|
|
6662
|
+
accessorKey: "Reject_Records",
|
|
6663
|
+
header: "Delete",
|
|
6664
|
+
widget: {
|
|
6665
|
+
type: "Control",
|
|
6666
|
+
scope: "#/properties/RejectButton",
|
|
6667
|
+
accessorKeyName: "Reject_Records",
|
|
6668
|
+
options: {
|
|
6669
|
+
widget: "IconButton"
|
|
6665
6670
|
},
|
|
6666
|
-
{
|
|
6667
|
-
|
|
6668
|
-
|
|
6669
|
-
|
|
6670
|
-
|
|
6671
|
-
|
|
6672
|
-
accessorKeyName: "Reject_Records",
|
|
6673
|
-
options: {
|
|
6674
|
-
widget: "IconButton"
|
|
6675
|
-
},
|
|
6676
|
-
config: {
|
|
6677
|
-
main: {
|
|
6678
|
-
icon: "RejectIcon",
|
|
6679
|
-
color: "error",
|
|
6680
|
-
tooltipMessage: "Reject This Record",
|
|
6681
|
-
onClick: "deleteEvent"
|
|
6682
|
-
}
|
|
6683
|
-
}
|
|
6671
|
+
config: {
|
|
6672
|
+
main: {
|
|
6673
|
+
icon: "RejectIcon",
|
|
6674
|
+
color: "error",
|
|
6675
|
+
tooltipMessage: "Reject This Record",
|
|
6676
|
+
onClick: "deleteEvent"
|
|
6684
6677
|
}
|
|
6685
6678
|
}
|
|
6686
|
-
|
|
6679
|
+
}
|
|
6687
6680
|
}
|
|
6688
6681
|
]
|
|
6689
6682
|
}
|
|
@@ -7224,12 +7217,7 @@ const ValueTab = {
|
|
|
7224
7217
|
widget: "InputField"
|
|
7225
7218
|
},
|
|
7226
7219
|
config: {
|
|
7227
|
-
layout: {
|
|
7228
|
-
xs: 11,
|
|
7229
|
-
sm: 11,
|
|
7230
|
-
md: 5.5,
|
|
7231
|
-
lg: 5.5
|
|
7232
|
-
},
|
|
7220
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
7233
7221
|
main: {
|
|
7234
7222
|
label: "Label"
|
|
7235
7223
|
}
|
|
@@ -7242,16 +7230,21 @@ const ValueTab = {
|
|
|
7242
7230
|
widget: "InputField"
|
|
7243
7231
|
},
|
|
7244
7232
|
config: {
|
|
7245
|
-
layout: {
|
|
7246
|
-
xs: 11,
|
|
7247
|
-
sm: 11,
|
|
7248
|
-
md: 5.5,
|
|
7249
|
-
lg: 5.5
|
|
7250
|
-
},
|
|
7233
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
7251
7234
|
main: {
|
|
7252
7235
|
label: "Value"
|
|
7253
7236
|
}
|
|
7254
7237
|
}
|
|
7238
|
+
},
|
|
7239
|
+
{
|
|
7240
|
+
type: "Control",
|
|
7241
|
+
scope: "#/properties/emptyBox",
|
|
7242
|
+
options: {
|
|
7243
|
+
widget: "EmptyBox"
|
|
7244
|
+
},
|
|
7245
|
+
config: {
|
|
7246
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 }
|
|
7247
|
+
}
|
|
7255
7248
|
}
|
|
7256
7249
|
]
|
|
7257
7250
|
}
|
|
@@ -8037,6 +8030,26 @@ const EventUiSchema = (theme) => {
|
|
|
8037
8030
|
layout: 2
|
|
8038
8031
|
}
|
|
8039
8032
|
},
|
|
8033
|
+
{
|
|
8034
|
+
type: "Control",
|
|
8035
|
+
scope: "#/properties/pageName",
|
|
8036
|
+
options: {
|
|
8037
|
+
widget: "Box"
|
|
8038
|
+
},
|
|
8039
|
+
config: {
|
|
8040
|
+
layout: { xs: 7, sm: 7, md: 9 },
|
|
8041
|
+
main: {
|
|
8042
|
+
heading: " "
|
|
8043
|
+
},
|
|
8044
|
+
style: {
|
|
8045
|
+
float: "right",
|
|
8046
|
+
width: "auto",
|
|
8047
|
+
fontSize: "12px",
|
|
8048
|
+
color: "gray",
|
|
8049
|
+
paddingTop: "10px"
|
|
8050
|
+
}
|
|
8051
|
+
}
|
|
8052
|
+
},
|
|
8040
8053
|
{
|
|
8041
8054
|
type: "Control",
|
|
8042
8055
|
scope: "#/properties/backIcon",
|
|
@@ -9631,12 +9644,7 @@ var TextInputField = {
|
|
|
9631
9644
|
widget: "InputField"
|
|
9632
9645
|
},
|
|
9633
9646
|
config: {
|
|
9634
|
-
layout: {
|
|
9635
|
-
xs: 11,
|
|
9636
|
-
sm: 11,
|
|
9637
|
-
md: 5.5,
|
|
9638
|
-
lg: 5.5
|
|
9639
|
-
},
|
|
9647
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
9640
9648
|
main: {
|
|
9641
9649
|
label: ""
|
|
9642
9650
|
},
|
|
@@ -9669,12 +9677,7 @@ var SelectInputField = {
|
|
|
9669
9677
|
widget: "SelectInputField"
|
|
9670
9678
|
},
|
|
9671
9679
|
config: {
|
|
9672
|
-
|
|
9673
|
-
"xs": 11,
|
|
9674
|
-
"sm": 11,
|
|
9675
|
-
"md": 5.5,
|
|
9676
|
-
"lg": 5.5
|
|
9677
|
-
},
|
|
9680
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
9678
9681
|
main: {
|
|
9679
9682
|
label: "",
|
|
9680
9683
|
type: "text",
|
|
@@ -10084,12 +10087,7 @@ var DateInputField = {
|
|
|
10084
10087
|
widget: "DateInputField"
|
|
10085
10088
|
},
|
|
10086
10089
|
config: {
|
|
10087
|
-
layout: {
|
|
10088
|
-
xs: 11,
|
|
10089
|
-
sm: 11,
|
|
10090
|
-
md: 5.5,
|
|
10091
|
-
lg: 5.5
|
|
10092
|
-
},
|
|
10090
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
10093
10091
|
main: {
|
|
10094
10092
|
label: "",
|
|
10095
10093
|
type: "date"
|
|
@@ -10206,7 +10204,7 @@ var MultipleSelect = {
|
|
|
10206
10204
|
widget: "MultipleSelect"
|
|
10207
10205
|
},
|
|
10208
10206
|
config: {
|
|
10209
|
-
layout: { xs: 11, sm:
|
|
10207
|
+
layout: { xs: 11, sm: 4, md: 4, lg: 4 },
|
|
10210
10208
|
main: {
|
|
10211
10209
|
label: "",
|
|
10212
10210
|
type: "text",
|
|
@@ -10393,7 +10391,7 @@ var emptyBox = {
|
|
|
10393
10391
|
widget: "EmptyBox"
|
|
10394
10392
|
},
|
|
10395
10393
|
config: {
|
|
10396
|
-
layout: { xs:
|
|
10394
|
+
layout: { xs: 0, sm: 4, md: 4, lg: 4 },
|
|
10397
10395
|
main: {},
|
|
10398
10396
|
style: {}
|
|
10399
10397
|
}
|