impaktapps-ui-builder 0.0.412-mtreemap.2 → 0.0.412-mtreemap.4

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.
Files changed (32) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1082 -1092
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +4 -4
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +12 -10
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +0 -18
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +2 -2
  14. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +27 -26
  15. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +2 -0
  16. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +48 -29
  18. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  19. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +0 -29
  20. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -8
  21. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +125 -99
  22. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  24. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +2 -2
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +286 -311
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +362 -367
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -380
  29. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  30. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  31. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  32. package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -43,393 +43,393 @@ const PageMasterSchema = {
43
43
  },
44
44
  required: ["template", "name"]
45
45
  };
46
- const PageMasterUiSchema = (theme) => {
47
- var _a;
48
- const uiSchema = {
49
- type: "HorizontalLayout",
50
- heading: "Page Master",
51
- elements: [
52
- {
53
- type: "WrapperLayout",
54
- config: {
55
- main: {},
56
- wrapperStyle: {
57
- backgroundColor: theme.palette.background.default
46
+ const PageMasterUiSchema = {
47
+ type: "HorizontalLayout",
48
+ elements: [
49
+ {
50
+ type: "WrapperLayout",
51
+ config: {
52
+ main: {
53
+ rowSpacing: 1,
54
+ header: true
55
+ },
56
+ defaultStyle: true
57
+ },
58
+ elements: [
59
+ {
60
+ type: "Control",
61
+ scope: "#/properties/pageMaster",
62
+ options: {
63
+ widget: "Box"
58
64
  },
59
- defaultStyle: true
65
+ config: {
66
+ layout: 8,
67
+ main: {
68
+ heading: "Page Master"
69
+ }
70
+ }
60
71
  },
61
- elements: [
62
- {
63
- type: "Control",
64
- scope: "#/properties/name",
65
- options: {
66
- widget: "InputField"
72
+ {
73
+ type: "Control",
74
+ scope: "#/properties/Back_Button",
75
+ options: {
76
+ widget: "IconButton"
77
+ },
78
+ config: {
79
+ layout: 3,
80
+ main: {
81
+ icon: "BackIcon",
82
+ styleDefault: true,
83
+ size: "small",
84
+ onClick: "backHandler",
85
+ tooltipMessage: "Back"
67
86
  },
68
- config: {
69
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
70
- main: {
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
77
- }
87
+ style: {
88
+ float: "right"
78
89
  }
90
+ }
91
+ }
92
+ ]
93
+ },
94
+ {
95
+ type: "WrapperLayout",
96
+ config: {
97
+ main: {
98
+ label: "Page Template",
99
+ divider: true
100
+ },
101
+ defaultStyle: true
102
+ },
103
+ elements: [
104
+ {
105
+ type: "Control",
106
+ scope: "#/properties/name",
107
+ options: {
108
+ widget: "InputField"
79
109
  },
80
- {
81
- type: "Control",
82
- scope: "#/properties/label",
83
- options: {
84
- widget: "InputField"
85
- },
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
93
- }
110
+ config: {
111
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
112
+ main: {
113
+ label: "Name",
114
+ options: [],
115
+ color: "secondary",
116
+ errorMessage: "Name should be start with 'page_'",
117
+ helperText: 'Name should be start with "page_"',
118
+ required: true
94
119
  }
120
+ }
121
+ },
122
+ {
123
+ type: "Control",
124
+ scope: "#/properties/template",
125
+ options: {
126
+ widget: "SelectInputField"
95
127
  },
96
- {
97
- type: "Control",
98
- scope: "#/properties/emptyBox",
99
- options: {
100
- widget: "EmptyBox"
128
+ config: {
129
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
130
+ main: {
131
+ label: "Template",
132
+ options: [
133
+ { const: "template1", title: "template1" },
134
+ { const: "template2", title: "template2" },
135
+ { const: "template3", title: "template3" }
136
+ ],
137
+ color: "secondary",
138
+ required: true
139
+ }
140
+ }
141
+ }
142
+ ]
143
+ },
144
+ {
145
+ type: "TabLayout",
146
+ config: {
147
+ main: {
148
+ tabLabels: ["Components", "events"],
149
+ divider: true
150
+ },
151
+ defaultStyle: true
152
+ },
153
+ elements: [
154
+ {
155
+ type: "WrapperLayout",
156
+ config: {
157
+ main: {
158
+ divider: true
101
159
  },
102
- config: {
103
- layout: { xs: 0, sm: 4 }
160
+ wrapperStyle: {
161
+ border: "1px solid gray"
104
162
  }
105
163
  },
106
- {
107
- type: "TabLayout",
108
- config: {
109
- main: {
110
- tabLabels: ["Components", "events"],
111
- divider: true
164
+ elements: [
165
+ {
166
+ type: "Control",
167
+ scope: "#/properties/heading",
168
+ options: {
169
+ widget: "Box"
112
170
  },
113
- defaultStyle: true
171
+ config: {
172
+ layout: 8,
173
+ main: {
174
+ heading: "Components Table"
175
+ },
176
+ style: {
177
+ fontFamily: "Roboto",
178
+ fontWeight: "500",
179
+ paddingLeft: "-10px",
180
+ fontSize: "20px"
181
+ }
182
+ }
114
183
  },
115
- elements: [
116
- {
117
- type: "Control",
118
- scope: "#/properties/elements",
119
- options: {
120
- widget: "Table"
184
+ {
185
+ type: "Control",
186
+ scope: "#/properties/AddButton",
187
+ options: {
188
+ widget: "IconButton"
189
+ },
190
+ config: {
191
+ layout: 3,
192
+ main: {
193
+ icon: "AddIcon",
194
+ styleDefault: true,
195
+ size: "small",
196
+ onClick: "onAddClickHandler",
197
+ tooltipMessage: "Add New"
121
198
  },
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
- onClick: "onAddClickHandler",
136
- size: "small",
137
- icon: "AddIcon",
138
- iconLabel: "Add New",
139
- styleDefault: true
140
- },
141
- style: {
142
- mt: "6px"
143
- }
144
- }
145
- }
146
- }
147
- ]
148
- },
149
- disableAction: true,
150
- disableSelection: true,
151
- enableDrag: true
152
- }
199
+ style: {
200
+ float: "right"
201
+ }
202
+ }
203
+ },
204
+ {
205
+ type: "Control",
206
+ scope: "#/properties/elements",
207
+ options: {
208
+ widget: "Table"
209
+ },
210
+ config: {
211
+ main: {
212
+ disableAction: true,
213
+ disableSelection: true,
214
+ enableDrag: true
215
+ }
216
+ },
217
+ elements: [
218
+ {
219
+ accessorKey: "name",
220
+ header: "Name"
153
221
  },
154
- elements: [
155
- {
156
- accessorKey: "name",
157
- header: "Name"
158
- },
159
- {
160
- accessorKey: "type",
161
- header: "Type"
162
- },
163
- {
164
- header: "Edit",
165
- field: "Reject_Records",
166
- flex: 1,
167
- widget: {
168
- type: "Control",
169
- scope: "#/properties/RejectButton",
170
- options: {
171
- widget: "IconButton"
172
- },
173
- config: {
174
- main: {
175
- icon: "EditIcon",
176
- onClick: "Edit_Components",
177
- tooltipMessage: "Edit This Record"
178
- }
179
- }
180
- }
181
- },
182
- {
183
- header: "Delete",
184
- field: "Reject_Records",
185
- flex: 1,
186
- widget: {
187
- type: "Control",
188
- scope: "#/properties/RejectButton",
189
- options: {
190
- widget: "IconButton"
191
- },
192
- config: {
193
- main: {
194
- icon: "RejectIcon",
195
- color: "error",
196
- onClick: "Delete_Components",
197
- tooltipMessage: "Reject This Record"
198
- }
222
+ {
223
+ accessorKey: "type",
224
+ header: "Type"
225
+ },
226
+ {
227
+ header: "Edit",
228
+ field: "Reject_Records",
229
+ flex: 1,
230
+ widget: {
231
+ type: "Control",
232
+ scope: "#/properties/RejectButton",
233
+ options: {
234
+ widget: "IconButton"
235
+ },
236
+ config: {
237
+ main: {
238
+ icon: "EditIcon",
239
+ color: "primary",
240
+ onClick: "Edit_Components",
241
+ tooltipMessage: "Edit This Record"
199
242
  }
200
243
  }
201
244
  }
202
- ]
203
- },
204
- {
205
- type: "Control",
206
- scope: "#/properties/events",
207
- options: {
208
- widget: "Table"
209
245
  },
210
- config: {
211
- main: {
212
- headerIcons: {
213
- elements: [
214
- {
215
- widget: {
216
- type: "Control",
217
- scope: "#/properties/New_Record",
218
- options: {
219
- widget: "IconButton"
220
- },
221
- config: {
222
- main: {
223
- onClick: "eventAddHandler",
224
- size: "small",
225
- icon: "AddIcon",
226
- iconLabel: "Add New",
227
- styleDefault: true
228
- },
229
- style: {
230
- mt: "6px"
231
- }
232
- }
233
- }
234
- }
235
- ]
246
+ {
247
+ header: "Delete",
248
+ field: "Reject_Records",
249
+ flex: 1,
250
+ widget: {
251
+ type: "Control",
252
+ scope: "#/properties/RejectButton",
253
+ options: {
254
+ widget: "IconButton"
236
255
  },
237
- disableAction: true,
238
- disableSelection: true,
239
- enableDrag: true
240
- }
241
- },
242
- elements: [
243
- {
244
- accessorKey: "eventType",
245
- header: "Event Type"
246
- },
247
- {
248
- accessorKey: "Handler",
249
- header: "Handler"
250
- },
251
- {
252
- accessorKey: "Edit_Approve_Records",
253
- header: "Edit Widget",
254
- widget: {
255
- type: "Control",
256
- scope: "#/properties/Edit_Records",
257
- options: {
258
- widget: "IconButton"
259
- },
260
- config: {
261
- main: {
262
- size: "small",
263
- icon: "EditIcon",
264
- tooltipMessage: "Edit This Record",
265
- onClick: "editEvent"
266
- },
267
- style: {
268
- color: "#3949ab"
269
- }
270
- }
271
- }
272
- },
273
- {
274
- accessorKey: "Reject_Records",
275
- header: "Delete",
276
- widget: {
277
- type: "Control",
278
- scope: "#/properties/RejectButton",
279
- options: {
280
- widget: "IconButton"
281
- },
282
- config: {
283
- main: {
284
- icon: "RejectIcon",
285
- color: "error",
286
- tooltipMessage: "Reject This Record",
287
- onClick: "deleteEvent"
288
- }
256
+ config: {
257
+ main: {
258
+ icon: "RejectIcon",
259
+ color: "error",
260
+ onClick: "Delete_Components",
261
+ tooltipMessage: "Reject This Record"
289
262
  }
290
263
  }
291
264
  }
292
- ]
293
- }
294
- ]
295
- },
296
- {
297
- type: "Control",
298
- scope: "#/properties/btn",
299
- options: {
300
- widget: "Button"
301
- },
302
- config: {
303
- layout: 11.9,
304
- main: {
305
- name: "Save",
306
- startIcon: "ApproveIcon",
307
- variant: "contained",
308
- type: "text",
309
- onClick: "saveHandler",
310
- size: "medium"
311
- },
312
- style: {
313
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
314
- float: "right"
315
- }
265
+ }
266
+ ]
316
267
  }
317
- }
318
- ]
319
- },
320
- {
321
- type: "Control",
322
- scope: "#/properties/notify",
323
- options: {
324
- widget: "Notify"
325
- },
326
- layout: 6
327
- },
328
- {
329
- type: "HorizontalLayout",
330
- config: {
331
- main: {
332
- direction: "row"
333
- },
334
- style: {
335
- flexDirection: "row",
336
- position: "absolute",
337
- bottom: 0,
338
- marginBottom: "-8px",
339
- height: "fit-content",
340
- overflow: "hidden",
341
- zIndex: 1e3,
342
- width: "inherit"
343
- }
268
+ ]
344
269
  },
345
- elements: [
346
- {
347
- type: "Control",
348
- scope: "#/properties/FooterText",
349
- options: {
350
- widget: "Box"
270
+ {
271
+ type: "WrapperLayout",
272
+ config: {
273
+ main: {
274
+ divider: true
351
275
  },
352
- config: {
353
- main: {
354
- heading: "Copywriter@ACT21.IO"
355
- },
356
- style: {
357
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
358
- fontSize: "12px",
359
- textAlign: "center",
360
- lineHeight: 1,
361
- width: "fit-content",
362
- left: "50%",
363
- position: "relative",
364
- margin: 0,
365
- flexGrow: 1,
366
- height: 0
367
- }
276
+ wrapperStyle: {
277
+ border: "1px solid gray"
368
278
  }
369
279
  },
370
- {
371
- type: "Control",
372
- scope: "#/properties/backIcon",
373
- options: {
374
- widget: "Box"
375
- },
376
- config: {
377
- main: {
378
- iconName: "PrevIcon",
379
- onClick: "backHandler",
380
- width: "fit-content"
280
+ elements: [
281
+ {
282
+ type: "Control",
283
+ scope: "#/properties/heading",
284
+ options: {
285
+ widget: "Box"
381
286
  },
382
- style: {
383
- fill: theme.palette.primary.main,
384
- width: 20,
385
- height: 0,
386
- margin: 0,
387
- top: 0,
388
- right: "82px",
389
- position: "absolute",
390
- fontSize: "12px",
391
- cursor: "pointer",
392
- ":hover": {
393
- fill: theme.palette.primary.dark
287
+ config: {
288
+ layout: 8,
289
+ main: {
290
+ heading: "Event Table"
291
+ },
292
+ style: {
293
+ fontFamily: "Roboto",
294
+ fontWeight: "500",
295
+ paddingLeft: "-10px",
296
+ fontSize: "20px"
394
297
  }
395
298
  }
396
- }
397
- },
398
- {
399
- type: "Control",
400
- scope: "#/properties/text",
401
- options: {
402
- widget: "Box"
403
299
  },
404
- config: {
405
- main: {
406
- heading: "Previous Page",
407
- onClick: "backHandler"
300
+ {
301
+ type: "Control",
302
+ scope: "#/properties/AddButton",
303
+ options: {
304
+ widget: "IconButton"
408
305
  },
409
- style: {
410
- textAlign: "left",
411
- lineHeight: 1,
412
- height: 0,
413
- width: "fit-content",
414
- color: theme.palette.primary.main,
415
- fontSize: "12px",
416
- cursor: "pointer",
417
- marginLeft: "2px",
418
- marginRight: 0,
419
- top: 3,
420
- right: "12px",
421
- position: "absolute",
422
- ":hover": {
423
- color: theme.palette.primary.dark
306
+ config: {
307
+ layout: 3,
308
+ main: {
309
+ icon: "AddIcon",
310
+ styleDefault: true,
311
+ size: "small",
312
+ onClick: "eventAddHandler",
313
+ tooltipMessage: "Back"
314
+ },
315
+ style: {
316
+ float: "right"
424
317
  }
425
318
  }
319
+ },
320
+ {
321
+ type: "Control",
322
+ scope: "#/properties/events",
323
+ options: {
324
+ widget: "Table"
325
+ },
326
+ config: {
327
+ main: {
328
+ disableAction: true,
329
+ disableSelection: true,
330
+ enableDrag: true
331
+ }
332
+ },
333
+ elements: [
334
+ {
335
+ accessorKey: "eventType",
336
+ header: "Event Type"
337
+ },
338
+ {
339
+ accessorKey: "Handler",
340
+ header: "Handler"
341
+ },
342
+ {
343
+ accessorKey: "Edit_Approve_Records",
344
+ header: "Edit Widget",
345
+ widget: {
346
+ type: "Control",
347
+ scope: "#/properties/Edit_Records",
348
+ options: {
349
+ widget: "IconButton"
350
+ },
351
+ config: {
352
+ main: {
353
+ color: "info",
354
+ size: "small",
355
+ icon: "EditIcon",
356
+ tooltipMessage: "Edit This Record",
357
+ onClick: "editEvent"
358
+ },
359
+ style: {
360
+ color: "#3949ab"
361
+ }
362
+ }
363
+ }
364
+ },
365
+ {
366
+ accessorKey: "Reject_Records",
367
+ header: "Delete",
368
+ widget: {
369
+ type: "Control",
370
+ scope: "#/properties/RejectButton",
371
+ options: {
372
+ widget: "IconButton"
373
+ },
374
+ config: {
375
+ main: {
376
+ icon: "RejectIcon",
377
+ color: "error",
378
+ tooltipMessage: "Reject This Record",
379
+ onClick: "deleteEvent"
380
+ }
381
+ }
382
+ }
383
+ }
384
+ ]
426
385
  }
427
- }
428
- ]
386
+ ]
387
+ }
388
+ ]
389
+ },
390
+ {
391
+ type: "Control",
392
+ scope: "#/properties/btn",
393
+ options: {
394
+ widget: "EmptyBox"
395
+ },
396
+ config: {
397
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
429
398
  }
430
- ]
431
- };
432
- return uiSchema;
399
+ },
400
+ {
401
+ type: "Control",
402
+ scope: "#/properties/btn",
403
+ options: {
404
+ widget: "Button"
405
+ },
406
+ config: {
407
+ layout: 11.7,
408
+ main: {
409
+ name: "Save",
410
+ startIcon: "ApproveIcon",
411
+ variant: "contained",
412
+ color: "info",
413
+ type: "text",
414
+ onClick: "saveHandler",
415
+ size: "small"
416
+ },
417
+ style: {
418
+ marginBottom: "8px",
419
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
420
+ float: "right"
421
+ }
422
+ }
423
+ },
424
+ {
425
+ type: "Control",
426
+ scope: "#/properties/notify",
427
+ options: {
428
+ widget: "Notify"
429
+ },
430
+ layout: 6
431
+ }
432
+ ]
433
433
  };
434
434
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
435
435
  var lodash = { exports: {} };
@@ -5911,6 +5911,8 @@ const ComponentSchema = {
5911
5911
  { title: "Text Area", const: "TextArea" },
5912
5912
  { title: "Timer", const: "Timer" },
5913
5913
  { title: "Upload File", const: "UploadFile" },
5914
+ { title: "Timer", const: "Timer" },
5915
+ { title: "Upload File", const: "UploadFile" },
5914
5916
  { title: "TreeMap", const: "TreeMap" },
5915
5917
  { title: "ColumnGroup", const: "ColumnGroup" }
5916
5918
  ]
@@ -6174,300 +6176,303 @@ const ComponentSchema = {
6174
6176
  },
6175
6177
  required: ["name"]
6176
6178
  };
6177
- const componentBasicUiSchema = (theme) => {
6178
- var _a;
6179
- const uiSchema = {
6180
- type: "HorizontalLayout",
6181
- heading: "Component",
6182
- elements: [
6183
- {
6184
- type: "TabLayout",
6185
- config: {
6186
- main: {
6187
- tabLabels: ["Core"],
6188
- defaultStyle: true,
6189
- id: `component`
6179
+ const componentBasicUiSchema = {
6180
+ type: "HorizontalLayout",
6181
+ elements: [
6182
+ {
6183
+ type: "WrapperLayout",
6184
+ config: {
6185
+ main: {
6186
+ rowSpacing: 1,
6187
+ header: true
6188
+ },
6189
+ defaultStyle: true
6190
+ },
6191
+ elements: [
6192
+ {
6193
+ type: "Control",
6194
+ scope: "#/properties/Component",
6195
+ options: {
6196
+ widget: "Box"
6197
+ },
6198
+ config: {
6199
+ layout: { xs: 12, sm: 12, md: 2 },
6200
+ main: {
6201
+ heading: "Component"
6202
+ },
6203
+ style: {
6204
+ "float": "left"
6205
+ }
6190
6206
  }
6191
6207
  },
6192
- elements: [
6193
- {
6194
- type: "HorizontalLayout",
6195
- elements: [
6196
- {
6197
- type: "Control",
6198
- scope: "#/properties/type",
6199
- options: {
6200
- widget: "SelectInputField"
6208
+ {
6209
+ type: "Control",
6210
+ scope: "#/properties/pageName",
6211
+ options: {
6212
+ widget: "Box"
6213
+ },
6214
+ config: {
6215
+ layout: { xs: 7, sm: 7, md: 9 },
6216
+ main: {
6217
+ heading: " "
6218
+ },
6219
+ style: {
6220
+ float: "right",
6221
+ width: "auto",
6222
+ fontSize: "12px",
6223
+ color: "gray",
6224
+ paddingTop: "10px"
6225
+ }
6226
+ }
6227
+ },
6228
+ {
6229
+ type: "Control",
6230
+ scope: "#/properties/Back_Button",
6231
+ options: {
6232
+ widget: "IconButton"
6233
+ },
6234
+ config: {
6235
+ layout: { xs: 2, sm: 2, md: 0.5 },
6236
+ main: {
6237
+ icon: "BackIcon",
6238
+ styleDefault: true,
6239
+ size: "small",
6240
+ onClick: "backHandler",
6241
+ tooltipMessage: "Back"
6242
+ },
6243
+ style: {
6244
+ float: "right"
6245
+ }
6246
+ }
6247
+ }
6248
+ ]
6249
+ },
6250
+ {
6251
+ type: "TabLayout",
6252
+ config: {
6253
+ main: {
6254
+ tabLabels: ["Core"],
6255
+ defaultStyle: true,
6256
+ id: `component`
6257
+ }
6258
+ },
6259
+ elements: [
6260
+ {
6261
+ type: "HorizontalLayout",
6262
+ elements: [
6263
+ {
6264
+ type: "Control",
6265
+ scope: "#/properties/type",
6266
+ options: {
6267
+ widget: "SelectInputField"
6268
+ },
6269
+ config: {
6270
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6271
+ main: {
6272
+ label: "Type"
6273
+ }
6274
+ }
6275
+ },
6276
+ {
6277
+ type: "Control",
6278
+ scope: "#/properties/name",
6279
+ options: {
6280
+ widget: "InputField"
6281
+ },
6282
+ config: {
6283
+ layout: {
6284
+ xs: 12,
6285
+ sm: 12,
6286
+ md: 6,
6287
+ lg: 6
6201
6288
  },
6202
- config: {
6203
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6204
- main: {
6205
- label: "Type"
6206
- }
6289
+ main: {
6290
+ label: "Name",
6291
+ options: [],
6292
+ color: "secondary",
6293
+ required: true
6207
6294
  }
6295
+ }
6296
+ },
6297
+ {
6298
+ type: "Control",
6299
+ scope: "#/properties/label",
6300
+ options: {
6301
+ widget: "InputField"
6208
6302
  },
6209
- {
6210
- type: "Control",
6211
- scope: "#/properties/name",
6212
- options: {
6213
- widget: "InputField"
6303
+ config: {
6304
+ layout: {
6305
+ xs: 12,
6306
+ sm: 12,
6307
+ md: 6,
6308
+ lg: 6
6214
6309
  },
6215
- config: {
6216
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6217
- main: {
6218
- label: "Name",
6219
- options: [],
6220
- color: "secondary",
6221
- required: true
6222
- }
6310
+ main: {
6311
+ label: "Label",
6312
+ options: [],
6313
+ color: "secondary",
6314
+ required: true
6223
6315
  }
6316
+ }
6317
+ },
6318
+ {
6319
+ type: "Control",
6320
+ scope: "#/properties/columnFormat",
6321
+ options: {
6322
+ widget: "SelectInputField"
6224
6323
  },
6225
- {
6226
- type: "Control",
6227
- scope: "#/properties/label",
6228
- options: {
6229
- widget: "InputField"
6324
+ config: {
6325
+ layout: {
6326
+ xs: 12,
6327
+ sm: 12,
6328
+ md: 6,
6329
+ lg: 6
6230
6330
  },
6231
- config: {
6232
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6233
- main: {
6234
- label: "Label",
6235
- options: [],
6236
- color: "secondary",
6237
- required: true
6238
- }
6331
+ main: {
6332
+ label: "Column Format"
6239
6333
  }
6334
+ }
6335
+ },
6336
+ {
6337
+ type: "Control",
6338
+ scope: "#/properties/proc",
6339
+ config: {
6340
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6240
6341
  },
6241
- {
6242
- type: "Control",
6243
- scope: "#/properties/layout",
6244
- layout: 12,
6245
- options: {
6246
- detail: {
6247
- type: "HorizontalLayout",
6248
- elements: [
6249
- {
6250
- type: "Control",
6251
- scope: "#/properties/key",
6252
- options: {
6253
- widget: "SelectInputField"
6254
- },
6255
- config: {
6256
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6257
- main: {
6258
- label: "Screen Size"
6259
- }
6260
- }
6342
+ options: {
6343
+ widget: "EmptyBox"
6344
+ }
6345
+ },
6346
+ {
6347
+ type: "Control",
6348
+ scope: "#/properties/layout",
6349
+ layout: 11.5,
6350
+ options: {
6351
+ detail: {
6352
+ type: "HorizontalLayout",
6353
+ elements: [
6354
+ {
6355
+ type: "Control",
6356
+ scope: "#/properties/key",
6357
+ options: {
6358
+ widget: "SelectInputField"
6261
6359
  },
6262
- {
6263
- type: "Control",
6264
- scope: "#/properties/value",
6265
- options: {
6266
- widget: "InputField"
6360
+ config: {
6361
+ layout: {
6362
+ xs: 11,
6363
+ sm: 11,
6364
+ md: 5.5,
6365
+ lg: 5.5
6267
6366
  },
6268
- config: {
6269
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6270
- main: {
6271
- label: "Value",
6272
- type: "number",
6273
- helperText: "Number should be in range of 0 to 12",
6274
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6275
- }
6367
+ main: {
6368
+ label: "Screen Size"
6276
6369
  }
6370
+ }
6371
+ },
6372
+ {
6373
+ type: "Control",
6374
+ scope: "#/properties/value",
6375
+ options: {
6376
+ widget: "InputField"
6277
6377
  },
6278
- {
6279
- type: "Control",
6280
- scope: "#/properties/emptyBox",
6281
- options: {
6282
- widget: "EmptyBox"
6378
+ config: {
6379
+ layout: {
6380
+ xs: 11,
6381
+ sm: 11,
6382
+ md: 5.5,
6383
+ lg: 5.5
6283
6384
  },
6284
- config: {
6285
- layout: { xs: 0, sm: 4 }
6385
+ main: {
6386
+ label: "Value",
6387
+ type: "number",
6388
+ helperText: "Number should be in range of 0 to 12",
6389
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6286
6390
  }
6287
6391
  }
6288
- ]
6289
- }
6392
+ }
6393
+ ]
6290
6394
  }
6291
6395
  }
6292
- ]
6293
- }
6294
- ]
6295
- },
6296
- {
6297
- type: "Control",
6298
- scope: "#/properties/EmptyBox",
6299
- options: {
6300
- widget: "EmptyBox"
6301
- },
6302
- config: {
6303
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6304
- }
6305
- },
6306
- {
6307
- type: "Control",
6308
- scope: "#/properties/EmptyBox",
6309
- options: {
6310
- widget: "EmptyBox"
6311
- },
6312
- config: {
6313
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6396
+ }
6397
+ ]
6314
6398
  }
6399
+ ]
6400
+ },
6401
+ {
6402
+ type: "Control",
6403
+ scope: "#/properties/proc",
6404
+ config: {
6405
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6315
6406
  },
6316
- {
6317
- type: "Control",
6318
- scope: "#/properties/btn",
6319
- options: {
6320
- widget: "Button"
6321
- },
6322
- config: {
6323
- layout: 1.8,
6324
- main: {
6325
- name: "Ok",
6326
- startIcon: "ApproveIcon",
6327
- variant: "contained",
6328
- type: "text",
6329
- onClick: "okHandler",
6330
- size: "medium"
6331
- },
6332
- style: {
6333
- float: "right"
6334
- }
6335
- }
6407
+ options: {
6408
+ widget: "EmptyBox"
6409
+ }
6410
+ },
6411
+ {
6412
+ type: "Control",
6413
+ scope: "#/properties/btn",
6414
+ options: {
6415
+ widget: "Button"
6336
6416
  },
6337
- {
6338
- type: "Control",
6339
- scope: "#/properties/btnSubmit",
6340
- options: {
6341
- widget: "Button"
6417
+ config: {
6418
+ layout: {
6419
+ xs: 11,
6420
+ sm: 11,
6421
+ md: 2.5,
6422
+ lg: 2.5
6342
6423
  },
6343
- config: {
6344
- layout: 1.8,
6345
- main: {
6346
- name: "Save & Exit",
6347
- startIcon: "ApproveIcon",
6348
- variant: "contained",
6349
- type: "text",
6350
- onClick: "saveHandler",
6351
- size: "medium"
6352
- },
6353
- style: {
6354
- float: "right"
6355
- }
6424
+ main: {
6425
+ name: "Ok",
6426
+ startIcon: "ApproveIcon",
6427
+ variant: "contained",
6428
+ color: "info",
6429
+ type: "text",
6430
+ onClick: "okHandler",
6431
+ size: "small"
6432
+ },
6433
+ style: {
6434
+ marginBottom: "8px",
6435
+ float: "right"
6356
6436
  }
6437
+ }
6438
+ },
6439
+ {
6440
+ type: "Control",
6441
+ scope: "#/properties/btnSubmit",
6442
+ options: {
6443
+ widget: "Button"
6357
6444
  },
6358
- {
6359
- type: "Control",
6360
- scope: "#/properties/notify",
6361
- options: {
6362
- widget: "Notify"
6445
+ config: {
6446
+ layout: {
6447
+ xs: 11,
6448
+ sm: 11,
6449
+ md: 2.5,
6450
+ lg: 2.5
6363
6451
  },
6364
- layout: 6
6365
- },
6366
- {
6367
- type: "HorizontalLayout",
6368
- config: {
6369
- main: {
6370
- direction: "row"
6371
- },
6372
- style: {
6373
- flexDirection: "row",
6374
- position: "absolute",
6375
- bottom: 0,
6376
- marginBottom: "-8px",
6377
- height: "fit-content",
6378
- overflow: "hidden",
6379
- zIndex: 1e3,
6380
- width: "inherit"
6381
- }
6452
+ main: {
6453
+ name: "Save & Exit",
6454
+ startIcon: "ApproveIcon",
6455
+ variant: "contained",
6456
+ color: "info",
6457
+ type: "text",
6458
+ onClick: "saveHandler",
6459
+ size: "small"
6382
6460
  },
6383
- elements: [
6384
- {
6385
- type: "Control",
6386
- scope: "#/properties/FooterText",
6387
- options: {
6388
- widget: "Box"
6389
- },
6390
- config: {
6391
- main: {
6392
- heading: "Copywriter@ACT21.IO"
6393
- },
6394
- style: {
6395
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6396
- fontSize: "12px",
6397
- textAlign: "center",
6398
- lineHeight: 1,
6399
- width: "fit-content",
6400
- left: "50%",
6401
- position: "relative",
6402
- margin: 0,
6403
- flexGrow: 1,
6404
- height: 0
6405
- }
6406
- }
6407
- },
6408
- {
6409
- type: "Control",
6410
- scope: "#/properties/backIcon",
6411
- options: {
6412
- widget: "Box"
6413
- },
6414
- config: {
6415
- main: {
6416
- iconName: "PrevIcon",
6417
- onClick: "backHandler",
6418
- width: "fit-content"
6419
- },
6420
- style: {
6421
- fill: theme.palette.primary.main,
6422
- width: 20,
6423
- height: 0,
6424
- margin: 0,
6425
- top: 0,
6426
- right: "90px",
6427
- position: "absolute",
6428
- fontSize: "12px",
6429
- cursor: "pointer",
6430
- ":hover": {
6431
- fill: theme.palette.primary.dark
6432
- }
6433
- }
6434
- }
6435
- },
6436
- {
6437
- type: "Control",
6438
- scope: "#/properties/text",
6439
- options: {
6440
- widget: "Box"
6441
- },
6442
- config: {
6443
- main: {
6444
- heading: "Previous Page",
6445
- onClick: "backHandler"
6446
- },
6447
- style: {
6448
- textAlign: "left",
6449
- lineHeight: 1,
6450
- height: 0,
6451
- width: "fit-content",
6452
- color: theme.palette.primary.main,
6453
- fontSize: "12px",
6454
- cursor: "pointer",
6455
- marginLeft: "2px",
6456
- marginRight: 0,
6457
- top: 3,
6458
- right: "20px",
6459
- position: "absolute",
6460
- ":hover": {
6461
- color: theme.palette.primary.dark
6462
- }
6463
- }
6464
- }
6465
- }
6466
- ]
6461
+ style: {
6462
+ marginBottom: "8px",
6463
+ float: "right"
6464
+ }
6467
6465
  }
6468
- ]
6469
- };
6470
- return uiSchema;
6466
+ },
6467
+ {
6468
+ type: "Control",
6469
+ scope: "#/properties/notify",
6470
+ options: {
6471
+ widget: "Notify"
6472
+ },
6473
+ layout: 6
6474
+ }
6475
+ ]
6471
6476
  };
6472
6477
  const CoreSection = {
6473
6478
  type: "HorizontalLayout",
@@ -6512,34 +6517,6 @@ const CoreSection = {
6512
6517
  }
6513
6518
  }
6514
6519
  },
6515
- {
6516
- type: "Control",
6517
- scope: "#/properties/columnFormat",
6518
- options: {
6519
- widget: "SelectInputField"
6520
- },
6521
- config: {
6522
- layout: {
6523
- xs: 12,
6524
- sm: 12,
6525
- md: 6,
6526
- lg: 6
6527
- },
6528
- main: {
6529
- label: "Column Format"
6530
- }
6531
- }
6532
- },
6533
- {
6534
- type: "Control",
6535
- scope: "#/properties/proc",
6536
- config: {
6537
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6538
- },
6539
- options: {
6540
- widget: "EmptyBox"
6541
- }
6542
- },
6543
6520
  {
6544
6521
  type: "Control",
6545
6522
  scope: "#/properties/layout",
@@ -6598,95 +6575,121 @@ const EventSection = {
6598
6575
  type: "HorizontalLayout",
6599
6576
  elements: [
6600
6577
  {
6601
- type: "Control",
6602
- scope: "#/properties/events",
6603
- options: {
6604
- widget: "Table"
6605
- },
6578
+ type: "WrapperLayout",
6606
6579
  config: {
6607
6580
  main: {
6608
- headerIcons: {
6609
- elements: [
6610
- {
6611
- widget: {
6612
- type: "Control",
6613
- scope: "#/properties/New_Record",
6614
- options: {
6615
- widget: "IconButton"
6616
- },
6617
- config: {
6618
- main: {
6619
- color: "info",
6620
- onClick: "eventAddHandler",
6621
- size: "small",
6622
- icon: "AddIcon",
6623
- iconLabel: "Add New",
6624
- styleDefault: true
6625
- },
6626
- style: {
6627
- mt: "6px"
6628
- }
6629
- }
6630
- }
6631
- }
6632
- ]
6633
- },
6634
- disableAction: true,
6635
- disableSelection: true,
6636
- enableDrag: true
6581
+ divider: true
6582
+ },
6583
+ wrapperStyle: {
6584
+ border: "1px solid gray"
6637
6585
  }
6638
6586
  },
6639
6587
  elements: [
6640
6588
  {
6641
- accessorKey: "eventType",
6642
- header: "Event Type"
6643
- },
6644
- {
6645
- accessorKey: "Handler",
6646
- header: "Handler"
6589
+ type: "Control",
6590
+ scope: "#/properties/programType",
6591
+ options: {
6592
+ widget: "Box"
6593
+ },
6594
+ config: {
6595
+ layout: 8,
6596
+ main: {
6597
+ heading: "Event Table"
6598
+ },
6599
+ style: {
6600
+ fontFamily: "Roboto",
6601
+ fontWeight: "500",
6602
+ paddingLeft: "-10px",
6603
+ fontSize: "20px"
6604
+ }
6605
+ }
6647
6606
  },
6648
6607
  {
6649
- accessorKey: "Edit_Approve_Records",
6650
- header: "Edit Widget",
6651
- widget: {
6652
- type: "Control",
6653
- scope: "#/properties/Edit_Records",
6654
- options: {
6655
- widget: "IconButton"
6608
+ type: "Control",
6609
+ scope: "#/properties/Back_Button",
6610
+ options: {
6611
+ widget: "IconButton"
6612
+ },
6613
+ config: {
6614
+ layout: 3,
6615
+ main: {
6616
+ icon: "AddIcon",
6617
+ styleDefault: true,
6618
+ size: "small",
6619
+ onClick: "eventAddHandler",
6620
+ tooltipMessage: "Back"
6656
6621
  },
6657
- config: {
6658
- main: {
6659
- color: "info",
6660
- size: "small",
6661
- icon: "EditIcon",
6662
- tooltipMessage: "Edit This Record",
6663
- onClick: "eventEditHandler"
6664
- },
6665
- style: {
6666
- color: "#3949ab"
6667
- }
6622
+ style: {
6623
+ float: "right"
6668
6624
  }
6669
6625
  }
6670
6626
  },
6671
6627
  {
6672
- accessorKey: "Reject_Records",
6673
- header: "Delete",
6674
- widget: {
6675
- type: "Control",
6676
- scope: "#/properties/RejectButton",
6677
- accessorKeyName: "Reject_Records",
6678
- options: {
6679
- widget: "IconButton"
6628
+ type: "Control",
6629
+ scope: "#/properties/events",
6630
+ options: {
6631
+ widget: "Table"
6632
+ },
6633
+ config: {
6634
+ main: {
6635
+ disableAction: true,
6636
+ disableSelection: true,
6637
+ enableDrag: true
6638
+ }
6639
+ },
6640
+ elements: [
6641
+ {
6642
+ accessorKey: "eventType",
6643
+ header: "Event Type"
6680
6644
  },
6681
- config: {
6682
- main: {
6683
- icon: "RejectIcon",
6684
- color: "error",
6685
- tooltipMessage: "Reject This Record",
6686
- onClick: "deleteEvent"
6645
+ {
6646
+ accessorKey: "Handler",
6647
+ header: "Handler"
6648
+ },
6649
+ {
6650
+ accessorKey: "Edit_Approve_Records",
6651
+ header: "Edit Widget",
6652
+ widget: {
6653
+ type: "Control",
6654
+ scope: "#/properties/Edit_Records",
6655
+ options: {
6656
+ widget: "IconButton"
6657
+ },
6658
+ config: {
6659
+ main: {
6660
+ color: "info",
6661
+ size: "small",
6662
+ icon: "EditIcon",
6663
+ tooltipMessage: "Edit This Record",
6664
+ onClick: "eventEditHandler"
6665
+ },
6666
+ style: {
6667
+ color: "#3949ab"
6668
+ }
6669
+ }
6670
+ }
6671
+ },
6672
+ {
6673
+ accessorKey: "Reject_Records",
6674
+ header: "Delete",
6675
+ widget: {
6676
+ type: "Control",
6677
+ scope: "#/properties/RejectButton",
6678
+ accessorKeyName: "Reject_Records",
6679
+ options: {
6680
+ widget: "IconButton"
6681
+ },
6682
+ config: {
6683
+ main: {
6684
+ icon: "RejectIcon",
6685
+ color: "error",
6686
+ tooltipMessage: "Reject This Record",
6687
+ onClick: "deleteEvent"
6688
+ }
6689
+ }
6687
6690
  }
6688
6691
  }
6689
- }
6692
+ ]
6690
6693
  }
6691
6694
  ]
6692
6695
  }
@@ -6699,7 +6702,12 @@ const EmptyBox = {
6699
6702
  widget: "EmptyBox"
6700
6703
  },
6701
6704
  config: {
6702
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6705
+ layout: {
6706
+ xs: 11,
6707
+ sm: 11,
6708
+ md: 5.5,
6709
+ lg: 5.5
6710
+ },
6703
6711
  main: {}
6704
6712
  }
6705
6713
  };
@@ -6718,7 +6726,12 @@ const cardLayout = {
6718
6726
  widget: "SelectInputField"
6719
6727
  },
6720
6728
  config: {
6721
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6729
+ layout: {
6730
+ xs: 11,
6731
+ sm: 11,
6732
+ md: 5.5,
6733
+ lg: 5.5
6734
+ },
6722
6735
  main: {
6723
6736
  label: "Screen Size"
6724
6737
  }
@@ -6731,7 +6744,12 @@ const cardLayout = {
6731
6744
  widget: "InputField"
6732
6745
  },
6733
6746
  config: {
6734
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6747
+ layout: {
6748
+ xs: 11,
6749
+ sm: 11,
6750
+ md: 5.5,
6751
+ lg: 5.5
6752
+ },
6735
6753
  main: {
6736
6754
  label: "Value",
6737
6755
  type: "number",
@@ -6739,8 +6757,7 @@ const cardLayout = {
6739
6757
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6740
6758
  }
6741
6759
  }
6742
- },
6743
- EmptyBox
6760
+ }
6744
6761
  ]
6745
6762
  }
6746
6763
  }
@@ -6762,13 +6779,17 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6762
6779
  widget: "InputField"
6763
6780
  },
6764
6781
  config: {
6765
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6782
+ layout: {
6783
+ xs: 11,
6784
+ sm: 11,
6785
+ md: 5.5,
6786
+ lg: 5.5
6787
+ },
6766
6788
  main: {
6767
6789
  label: childLabel || "Labels for Tab"
6768
6790
  }
6769
6791
  }
6770
6792
  },
6771
- EmptyBox,
6772
6793
  EmptyBox
6773
6794
  ]
6774
6795
  }
@@ -6783,7 +6804,12 @@ sizeHolder.options.detail.elements[1] = {
6783
6804
  widget: "InputField"
6784
6805
  },
6785
6806
  config: {
6786
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6807
+ layout: {
6808
+ xs: 11,
6809
+ sm: 11,
6810
+ md: 5.5,
6811
+ lg: 5.5
6812
+ },
6787
6813
  main: {
6788
6814
  label: "Size"
6789
6815
  }
@@ -6797,7 +6823,12 @@ const getInputField = (scope, label) => {
6797
6823
  widget: "InputField"
6798
6824
  },
6799
6825
  config: {
6800
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6826
+ layout: {
6827
+ xs: 11,
6828
+ sm: 11,
6829
+ md: 5.5,
6830
+ lg: 5.5
6831
+ },
6801
6832
  main: {
6802
6833
  label
6803
6834
  }
@@ -6812,7 +6843,12 @@ const getRadioInputField = (scope, label, options) => {
6812
6843
  widget: "RadioInputField"
6813
6844
  },
6814
6845
  config: {
6815
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6846
+ layout: {
6847
+ xs: 11,
6848
+ sm: 11,
6849
+ md: 5.5,
6850
+ lg: 5.5
6851
+ },
6816
6852
  main: {
6817
6853
  label,
6818
6854
  options
@@ -6855,7 +6891,7 @@ const getSelectField = (scope, label, options) => {
6855
6891
  widget: "SelectInputField"
6856
6892
  },
6857
6893
  config: {
6858
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6894
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6859
6895
  main: {
6860
6896
  label,
6861
6897
  type: "text"
@@ -6893,8 +6929,6 @@ const buildPropertiesSection = function(type) {
6893
6929
  getInputField("elevation", "Card Elevation"),
6894
6930
  getInputField("height", "Grid height"),
6895
6931
  getInputField("justifyContent", "justifyContent"),
6896
- EmptyBox,
6897
- EmptyBox,
6898
6932
  cardLayout
6899
6933
  ];
6900
6934
  break;
@@ -6905,7 +6939,6 @@ const buildPropertiesSection = function(type) {
6905
6939
  getInputField("resetText", "Reset Text"),
6906
6940
  getInputField("completeText", "Complete Text"),
6907
6941
  getSelectField("orientation", "Orientation Type"),
6908
- EmptyBox,
6909
6942
  getArrayControl("sectionLabels", "label")
6910
6943
  ];
6911
6944
  break;
@@ -6921,14 +6954,12 @@ const buildPropertiesSection = function(type) {
6921
6954
  uiSchema.elements = [
6922
6955
  getInputField("placeholder", "Placeholder"),
6923
6956
  EmptyBox,
6924
- EmptyBox,
6925
6957
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
6926
6958
  ];
6927
6959
  break;
6928
6960
  case "TextArea":
6929
6961
  uiSchema.elements = [
6930
6962
  getInputField("placeholder", "Placeholder"),
6931
- EmptyBox,
6932
6963
  EmptyBox
6933
6964
  ];
6934
6965
  break;
@@ -6938,8 +6969,7 @@ const buildPropertiesSection = function(type) {
6938
6969
  getInputField("heading", "Container Heading"),
6939
6970
  getInputField("heading", "Container Heading"),
6940
6971
  getInputField("speedoCaption", "Speedometer Caption"),
6941
- getInputField("width", "Speedometer Width"),
6942
- EmptyBox
6972
+ getInputField("width", "Speedometer Width")
6943
6973
  ];
6944
6974
  break;
6945
6975
  case "RankCard":
@@ -6947,9 +6977,7 @@ const buildPropertiesSection = function(type) {
6947
6977
  getInputField("rank", "Rank"),
6948
6978
  getInputField("image", "Image Url"),
6949
6979
  getInputField("title", "Card Title"),
6950
- getInputField("description", "Card Description"),
6951
- EmptyBox,
6952
- EmptyBox
6980
+ getInputField("description", "Card Description")
6953
6981
  ];
6954
6982
  break;
6955
6983
  case "LeaderBoard":
@@ -6958,8 +6986,6 @@ const buildPropertiesSection = function(type) {
6958
6986
  getInputField("firstImage", "First Image url"),
6959
6987
  getInputField("secondImage", "Second Image url"),
6960
6988
  getInputField("thirdImage", "Third Image url"),
6961
- EmptyBox,
6962
- EmptyBox,
6963
6989
  getTextArea("functionCode", "Write Compare Code", false)
6964
6990
  ];
6965
6991
  break;
@@ -6975,9 +7001,7 @@ const buildPropertiesSection = function(type) {
6975
7001
  getInputField("heading", "Heading"),
6976
7002
  getInputField("bottomLabel_1", "First BottomLabel"),
6977
7003
  getInputField("bottomLabel_2", "Second BottomLabel"),
6978
- getInputField("bottomLabel_3", "Third BottomLabel"),
6979
- EmptyBox,
6980
- EmptyBox
7004
+ getInputField("bottomLabel_3", "Third BottomLabel")
6981
7005
  ];
6982
7006
  break;
6983
7007
  case "card":
@@ -7048,14 +7072,12 @@ const buildPropertiesSection = function(type) {
7048
7072
  case "Select":
7049
7073
  uiSchema.elements = [
7050
7074
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7051
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7052
- EmptyBox
7075
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7053
7076
  ];
7054
7077
  break;
7055
7078
  case "MultipleSelect":
7056
7079
  uiSchema.elements = [
7057
7080
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7058
- EmptyBox,
7059
7081
  EmptyBox
7060
7082
  ];
7061
7083
  break;
@@ -7210,7 +7232,12 @@ const ValueTab = {
7210
7232
  widget: "InputField"
7211
7233
  },
7212
7234
  config: {
7213
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7235
+ layout: {
7236
+ xs: 11,
7237
+ sm: 11,
7238
+ md: 5.5,
7239
+ lg: 5.5
7240
+ },
7214
7241
  main: {
7215
7242
  label: "Label"
7216
7243
  }
@@ -7223,21 +7250,16 @@ const ValueTab = {
7223
7250
  widget: "InputField"
7224
7251
  },
7225
7252
  config: {
7226
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7253
+ layout: {
7254
+ xs: 11,
7255
+ sm: 11,
7256
+ md: 5.5,
7257
+ lg: 5.5
7258
+ },
7227
7259
  main: {
7228
7260
  label: "Value"
7229
7261
  }
7230
7262
  }
7231
- },
7232
- {
7233
- type: "Control",
7234
- scope: "#/properties/emptyBox",
7235
- options: {
7236
- widget: "EmptyBox"
7237
- },
7238
- config: {
7239
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7240
- }
7241
7263
  }
7242
7264
  ]
7243
7265
  }
@@ -7479,20 +7501,20 @@ const sectionLabels = {
7479
7501
  };
7480
7502
  const refreshPage = (type, store2) => {
7481
7503
  var _a;
7482
- const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7504
+ const UiSchema = _.cloneDeep(componentBasicUiSchema);
7483
7505
  if (type) {
7484
7506
  const sectionUiSchema = {
7485
7507
  Core: CoreSection,
7486
7508
  Value: ValueTab,
7487
- style: StyleSection,
7509
+ Style: StyleSection,
7488
7510
  Event: EventSection,
7489
7511
  Components: TableSection,
7490
7512
  Properties: buildPropertiesSection(type),
7491
7513
  Validation: ValidationSection
7492
7514
  };
7493
7515
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7494
- UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7495
- UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7516
+ UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
7517
+ UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7496
7518
  }
7497
7519
  store2.setUiSchema(UiSchema);
7498
7520
  };
@@ -7615,7 +7637,7 @@ var pageMaster = (funcParams) => {
7615
7637
  return config;
7616
7638
  },
7617
7639
  getUiSchema: function() {
7618
- return PageMasterUiSchema(store2.theme.myTheme);
7640
+ return PageMasterUiSchema;
7619
7641
  },
7620
7642
  getSchema: () => {
7621
7643
  return PageMasterSchema;
@@ -7749,341 +7771,311 @@ const EventSchema = {
7749
7771
  body_key: {
7750
7772
  type: "string"
7751
7773
  },
7752
- body_value: {
7753
- type: "string"
7774
+ body_value: {
7775
+ type: "string"
7776
+ }
7777
+ }
7778
+ }
7779
+ }
7780
+ },
7781
+ required: ["eventType", "Handler"]
7782
+ };
7783
+ const EventUiSchema = {
7784
+ type: "HorizontalLayout",
7785
+ elements: [
7786
+ {
7787
+ type: "WrapperLayout",
7788
+ config: {
7789
+ main: {
7790
+ rowSpacing: 1,
7791
+ header: true
7792
+ },
7793
+ defaultStyle: true
7794
+ },
7795
+ elements: [
7796
+ {
7797
+ type: "Control",
7798
+ scope: "#/properties/Component",
7799
+ options: {
7800
+ widget: "Box"
7801
+ },
7802
+ config: {
7803
+ layout: { xs: 12, sm: 12, md: 2 },
7804
+ main: {
7805
+ heading: "Component"
7806
+ },
7807
+ style: {
7808
+ "float": "left"
7809
+ }
7754
7810
  }
7755
- }
7756
- }
7757
- }
7758
- },
7759
- required: ["eventType", "Handler"]
7760
- };
7761
- const EventUiSchema = (theme) => {
7762
- var _a;
7763
- const uiSchema = {
7764
- type: "HorizontalLayout",
7765
- heading: "Component",
7766
- elements: [
7767
- {
7768
- type: "TabLayout",
7769
- config: {
7770
- main: {
7771
- tabLabels: ["Core", "Response Event"],
7772
- defaultStyle: true,
7773
- id: "event"
7811
+ },
7812
+ {
7813
+ type: "Control",
7814
+ scope: "#/properties/pageName",
7815
+ options: {
7816
+ widget: "Box"
7817
+ },
7818
+ config: {
7819
+ layout: { xs: 7, sm: 7, md: 9 },
7820
+ main: {
7821
+ heading: " "
7822
+ },
7823
+ style: {
7824
+ float: "right",
7825
+ width: "auto",
7826
+ fontSize: "12px",
7827
+ color: "gray",
7828
+ paddingTop: "10px"
7829
+ }
7774
7830
  }
7775
7831
  },
7776
- elements: [
7777
- {
7778
- type: "HorizontalLayout",
7779
- elements: [
7780
- {
7781
- type: "Control",
7782
- scope: `#/properties/eventType`,
7783
- options: {
7784
- widget: "SelectInputField"
7785
- },
7786
- config: {
7787
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7788
- main: {
7789
- label: "Event Type",
7790
- type: "text"
7791
- }
7792
- }
7832
+ {
7833
+ type: "Control",
7834
+ scope: "#/properties/Back_Button",
7835
+ options: {
7836
+ widget: "IconButton"
7837
+ },
7838
+ config: {
7839
+ layout: { xs: 2, sm: 2, md: 0.5 },
7840
+ main: {
7841
+ icon: "BackIcon",
7842
+ styleDefault: true,
7843
+ size: "small",
7844
+ onClick: "backHandler",
7845
+ tooltipMessage: "Back"
7846
+ },
7847
+ style: {
7848
+ float: "right"
7849
+ }
7850
+ }
7851
+ }
7852
+ ]
7853
+ },
7854
+ {
7855
+ type: "TabLayout",
7856
+ config: {
7857
+ main: {
7858
+ tabLabels: ["Core", "Response Event"],
7859
+ defaultStyle: true,
7860
+ id: "event"
7861
+ }
7862
+ },
7863
+ elements: [
7864
+ {
7865
+ type: "HorizontalLayout",
7866
+ elements: [
7867
+ {
7868
+ type: "Control",
7869
+ scope: `#/properties/eventType`,
7870
+ options: {
7871
+ widget: "SelectInputField"
7793
7872
  },
7794
- {
7795
- type: "Control",
7796
- scope: `#/properties/Handler`,
7797
- options: {
7798
- widget: "SelectInputField"
7799
- },
7800
- config: {
7801
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7802
- main: {
7803
- label: "Handler",
7804
- type: "text"
7805
- }
7873
+ config: {
7874
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7875
+ main: {
7876
+ label: "Event Type",
7877
+ type: "text"
7806
7878
  }
7879
+ }
7880
+ },
7881
+ getSelectField("Handler", "Handler")
7882
+ ]
7883
+ },
7884
+ {
7885
+ type: "WrapperLayout",
7886
+ config: {
7887
+ main: {
7888
+ divider: true
7889
+ },
7890
+ wrapperStyle: {
7891
+ border: "1px solid gray"
7892
+ }
7893
+ },
7894
+ elements: [
7895
+ {
7896
+ type: "Control",
7897
+ scope: "#/properties/heading",
7898
+ options: {
7899
+ widget: "Box"
7807
7900
  },
7808
- {
7809
- type: "Control",
7810
- scope: "#/properties/emptyBox",
7811
- options: {
7812
- widget: "EmptyBox"
7901
+ config: {
7902
+ layout: 8,
7903
+ main: {
7904
+ heading: "Response Event"
7813
7905
  },
7814
- config: {
7815
- layout: { xs: 0, sm: 4 }
7906
+ style: {
7907
+ fontFamily: "Roboto",
7908
+ fontWeight: "500",
7909
+ paddingLeft: "-10px",
7910
+ fontSize: "20px"
7816
7911
  }
7817
7912
  }
7818
- ]
7819
- },
7820
- {
7821
- type: "Control",
7822
- scope: "#/properties/events",
7823
- options: {
7824
- widget: "Table"
7825
7913
  },
7826
- config: {
7827
- main: {
7828
- headerIcons: {
7829
- elements: [
7830
- {
7831
- widget: {
7832
- type: "Control",
7833
- scope: "#/properties/New_Record",
7834
- options: {
7835
- widget: "IconButton"
7836
- },
7837
- config: {
7838
- main: {
7839
- onClick: "addEvent",
7840
- size: "small",
7841
- icon: "AddIcon",
7842
- iconLabel: "Add New",
7843
- styleDefault: true
7844
- },
7845
- style: {
7846
- mt: "6px"
7847
- }
7848
- }
7849
- }
7850
- }
7851
- ]
7914
+ {
7915
+ type: "Control",
7916
+ scope: "#/properties/AddButton",
7917
+ options: {
7918
+ widget: "IconButton"
7919
+ },
7920
+ config: {
7921
+ layout: 3,
7922
+ main: {
7923
+ icon: "AddIcon",
7924
+ styleDefault: true,
7925
+ size: "small",
7926
+ onClick: "addEvent",
7927
+ tooltipMessage: "Back"
7852
7928
  },
7853
- disableAction: true,
7854
- disableSelection: true,
7855
- enableDrag: true
7929
+ style: {
7930
+ float: "right"
7931
+ }
7856
7932
  }
7857
7933
  },
7858
- elements: [
7859
- {
7860
- accessorKey: "eventType",
7861
- header: "Event Type"
7934
+ {
7935
+ type: "Control",
7936
+ scope: "#/properties/events",
7937
+ options: {
7938
+ widget: "Table"
7862
7939
  },
7863
- {
7864
- accessorKey: "Handler",
7865
- header: "Handler"
7940
+ config: {
7941
+ main: {
7942
+ disableAction: true,
7943
+ disableSelection: true,
7944
+ enableDrag: true
7945
+ }
7866
7946
  },
7867
- {
7868
- accessorKey: "Edit_Approve_Records",
7869
- header: "Edit Widget",
7870
- widget: {
7871
- type: "Control",
7872
- scope: "#/properties/Edit_Records",
7873
- options: {
7874
- widget: "IconButton"
7875
- },
7876
- config: {
7877
- main: {
7878
- size: "small",
7879
- icon: "EditIcon",
7880
- tooltipMessage: "Edit This Record",
7881
- onClick: "editEvent"
7947
+ elements: [
7948
+ {
7949
+ accessorKey: "eventType",
7950
+ header: "Event Type"
7951
+ },
7952
+ {
7953
+ accessorKey: "Handler",
7954
+ header: "Handler"
7955
+ },
7956
+ {
7957
+ accessorKey: "Edit_Approve_Records",
7958
+ header: "Edit Widget",
7959
+ widget: {
7960
+ type: "Control",
7961
+ scope: "#/properties/Edit_Records",
7962
+ options: {
7963
+ widget: "IconButton"
7882
7964
  },
7883
- style: {
7884
- color: "#3949ab"
7965
+ config: {
7966
+ main: {
7967
+ color: "info",
7968
+ size: "small",
7969
+ icon: "EditIcon",
7970
+ tooltipMessage: "Edit This Record",
7971
+ onClick: "editEvent"
7972
+ },
7973
+ style: {
7974
+ color: "#3949ab"
7975
+ }
7885
7976
  }
7886
7977
  }
7887
- }
7888
- },
7889
- {
7890
- accessorKey: "Reject_Records",
7891
- header: "Delete",
7892
- widget: {
7893
- type: "Control",
7894
- scope: "#/properties/RejectButton",
7895
- options: {
7896
- widget: "IconButton"
7897
- },
7898
- config: {
7899
- main: {
7900
- icon: "RejectIcon",
7901
- color: "error",
7902
- tooltipMessage: "Reject This Record",
7903
- onClick: "deleteEvent"
7978
+ },
7979
+ {
7980
+ accessorKey: "Reject_Records",
7981
+ header: "Delete",
7982
+ widget: {
7983
+ type: "Control",
7984
+ scope: "#/properties/RejectButton",
7985
+ options: {
7986
+ widget: "IconButton"
7987
+ },
7988
+ config: {
7989
+ main: {
7990
+ icon: "RejectIcon",
7991
+ color: "error",
7992
+ tooltipMessage: "Reject This Record",
7993
+ onClick: "deleteEvent"
7994
+ }
7904
7995
  }
7905
7996
  }
7906
7997
  }
7907
- }
7908
- ]
7909
- }
7910
- ]
7911
- },
7912
- {
7913
- type: "Control",
7914
- scope: "#/properties/EmptyBox",
7915
- options: {
7916
- widget: "EmptyBox"
7917
- },
7918
- config: {
7919
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7998
+ ]
7999
+ }
8000
+ ]
7920
8001
  }
8002
+ ]
8003
+ },
8004
+ {
8005
+ type: "Control",
8006
+ scope: "#/properties/proc",
8007
+ config: {
8008
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
7921
8009
  },
7922
- {
7923
- type: "Control",
7924
- scope: "#/properties/EmptyBox",
7925
- options: {
7926
- widget: "EmptyBox"
7927
- },
7928
- config: {
7929
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7930
- }
8010
+ options: {
8011
+ widget: "EmptyBox"
8012
+ }
8013
+ },
8014
+ {
8015
+ type: "Control",
8016
+ scope: "#/properties/btn",
8017
+ options: {
8018
+ widget: "Button"
7931
8019
  },
7932
- {
7933
- type: "Control",
7934
- scope: "#/properties/btn",
7935
- options: {
7936
- widget: "Button"
8020
+ config: {
8021
+ layout: {
8022
+ xs: 11,
8023
+ sm: 11,
8024
+ md: 2.5,
8025
+ lg: 2.5
7937
8026
  },
7938
- config: {
7939
- layout: 1.8,
7940
- main: {
7941
- name: "Ok",
7942
- startIcon: "ApproveIcon",
7943
- variant: "contained",
7944
- type: "text",
7945
- onClick: "okHandler",
7946
- size: "medium"
7947
- },
7948
- style: {
7949
- float: "right"
7950
- }
7951
- }
7952
- },
7953
- {
7954
- type: "Control",
7955
- scope: "#/properties/btnSubmit",
7956
- options: {
7957
- widget: "Button"
8027
+ main: {
8028
+ name: "Ok",
8029
+ startIcon: "ApproveIcon",
8030
+ variant: "contained",
8031
+ color: "info",
8032
+ type: "text",
8033
+ onClick: "okHandler",
8034
+ size: "small"
7958
8035
  },
7959
- config: {
7960
- layout: 1.8,
7961
- main: {
7962
- name: "Save & Exit",
7963
- startIcon: "ApproveIcon",
7964
- variant: "contained",
7965
- type: "text",
7966
- onClick: "saveHandler",
7967
- size: "medium"
7968
- },
7969
- style: {
7970
- float: "right"
7971
- }
8036
+ style: {
8037
+ marginBottom: "8px",
8038
+ float: "right"
7972
8039
  }
8040
+ }
8041
+ },
8042
+ {
8043
+ type: "Control",
8044
+ scope: "#/properties/btnSubmit",
8045
+ options: {
8046
+ widget: "Button"
7973
8047
  },
7974
- {
7975
- type: "Control",
7976
- scope: "#/properties/notify",
7977
- options: {
7978
- widget: "Notify"
8048
+ config: {
8049
+ layout: {
8050
+ xs: 11,
8051
+ sm: 11,
8052
+ md: 2.5,
8053
+ lg: 2.5
7979
8054
  },
7980
- layout: 6
7981
- },
7982
- {
7983
- type: "HorizontalLayout",
7984
- config: {
7985
- main: {
7986
- direction: "row"
7987
- },
7988
- style: {
7989
- flexDirection: "row",
7990
- position: "absolute",
7991
- bottom: 0,
7992
- marginBottom: "-8px",
7993
- height: "fit-content",
7994
- overflow: "hidden",
7995
- zIndex: 1e3,
7996
- width: "inherit"
7997
- }
8055
+ main: {
8056
+ name: "Save & Exit",
8057
+ startIcon: "ApproveIcon",
8058
+ variant: "contained",
8059
+ color: "info",
8060
+ type: "text",
8061
+ onClick: "saveHandler",
8062
+ size: "small"
7998
8063
  },
7999
- elements: [
8000
- {
8001
- type: "Control",
8002
- scope: "#/properties/FooterText",
8003
- options: {
8004
- widget: "Box"
8005
- },
8006
- config: {
8007
- main: {
8008
- heading: "Copywriter@ACT21.IO"
8009
- },
8010
- style: {
8011
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
8012
- fontSize: "12px",
8013
- textAlign: "center",
8014
- lineHeight: 1,
8015
- width: "fit-content",
8016
- left: "50%",
8017
- position: "relative",
8018
- margin: 0,
8019
- flexGrow: 1,
8020
- height: 0
8021
- }
8022
- }
8023
- },
8024
- {
8025
- type: "Control",
8026
- scope: "#/properties/backIcon",
8027
- options: {
8028
- widget: "Box"
8029
- },
8030
- config: {
8031
- main: {
8032
- iconName: "PrevIcon",
8033
- onClick: "backHandler",
8034
- width: "fit-content"
8035
- },
8036
- style: {
8037
- fill: theme.palette.primary.main,
8038
- width: 20,
8039
- height: 0,
8040
- margin: 0,
8041
- top: 0,
8042
- right: "82px",
8043
- position: "absolute",
8044
- fontSize: "12px",
8045
- cursor: "pointer",
8046
- ":hover": {
8047
- fill: theme.palette.primary.dark
8048
- }
8049
- }
8050
- }
8051
- },
8052
- {
8053
- type: "Control",
8054
- scope: "#/properties/text",
8055
- options: {
8056
- widget: "Box"
8057
- },
8058
- config: {
8059
- main: {
8060
- heading: "Previous Page",
8061
- onClick: "backHandler"
8062
- },
8063
- style: {
8064
- textAlign: "left",
8065
- lineHeight: 1,
8066
- height: 0,
8067
- width: "fit-content",
8068
- color: theme.palette.primary.main,
8069
- fontSize: "12px",
8070
- cursor: "pointer",
8071
- marginLeft: "2px",
8072
- marginRight: 0,
8073
- top: 3,
8074
- right: "12px",
8075
- position: "absolute",
8076
- ":hover": {
8077
- color: theme.palette.primary.dark
8078
- }
8079
- }
8080
- }
8081
- }
8082
- ]
8064
+ style: {
8065
+ marginBottom: "8px",
8066
+ float: "right"
8067
+ }
8083
8068
  }
8084
- ]
8085
- };
8086
- return uiSchema;
8069
+ },
8070
+ {
8071
+ type: "Control",
8072
+ scope: "#/properties/notify",
8073
+ options: {
8074
+ widget: "Notify"
8075
+ },
8076
+ layout: 6
8077
+ }
8078
+ ]
8087
8079
  };
8088
8080
  const APISection = {
8089
8081
  type: "HorizontalLayout",
@@ -8302,23 +8294,23 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8302
8294
  this.refreshPage(formdata.Handler, store2);
8303
8295
  },
8304
8296
  refreshPage: (handlerType, store22) => {
8305
- const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8297
+ const uiSchema = _.cloneDeep(EventUiSchema);
8306
8298
  const schema2 = _.cloneDeep(EventSchema);
8307
8299
  if (handlerType) {
8308
8300
  if (handlerType === "custom") {
8309
8301
  uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8310
8302
  uiSchema.elements[1].elements[0].elements[3] = emptyBox;
8311
- uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8303
+ uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
8312
8304
  schema2.required = ["eventType", "Handler", "eventCode"];
8313
8305
  } else if (handlerType === "api") {
8314
- uiSchema.elements[0].elements[0].elements[3] = APISection;
8306
+ uiSchema.elements[1].elements[0].elements[2] = APISection;
8315
8307
  schema2.required = ["eventType", "Handler", "method", "path"];
8316
8308
  } else if (handlerType === "inBuiltFunction") {
8317
- uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8318
- uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, 12);
8309
+ uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8310
+ uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8319
8311
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8320
8312
  } else if (handlerType === "refresh") {
8321
- uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8313
+ uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8322
8314
  schema2.properties.refreshElements.required = ["value"];
8323
8315
  schema2.properties.refreshElements.items.required = ["value"];
8324
8316
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8334,8 +8326,8 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8334
8326
  store22.setUiSchema(uiSchema);
8335
8327
  },
8336
8328
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8337
- getUiSchema: async function() {
8338
- return await EventUiSchema(store2.theme.myTheme);
8329
+ getUiSchema: function() {
8330
+ return EventUiSchema;
8339
8331
  },
8340
8332
  getSchema: () => {
8341
8333
  return EventSchema;
@@ -9391,7 +9383,7 @@ const LineGraph = {
9391
9383
  leftLabel: "Incentive",
9392
9384
  gridHidden: true,
9393
9385
  numHidden: false,
9394
- tooltipDataKey: ["First", "Second", "Third"],
9386
+ tooltipDataKey: ["MAMA New Project", "Second", "Third"],
9395
9387
  axisLeft: true,
9396
9388
  axisBottom: true,
9397
9389
  hideLeftAxisLine: false,
@@ -9649,7 +9641,8 @@ var WrapperSection = {
9649
9641
  config: {
9650
9642
  main: {
9651
9643
  rowSpacing: 3,
9652
- divider: true
9644
+ divider: true,
9645
+ label: "Default Label"
9653
9646
  },
9654
9647
  defaultStyle: true
9655
9648
  },
@@ -10003,14 +9996,16 @@ var Card = {
10003
9996
  main: {
10004
9997
  rowSpacing: 0.5
10005
9998
  },
10006
- componentsBoxStyle: {
10007
- position: "relative",
10008
- color: "white",
10009
- height: { xs: "120px", md: "160px" },
10010
- width: "100%",
10011
- textAlign: "left",
10012
- background: "#3f51b5",
10013
- borderRadius: "20px"
9999
+ style: {
10000
+ componentsBoxStyle: {
10001
+ position: "relative",
10002
+ color: "white",
10003
+ height: { xs: "120px", md: "160px" },
10004
+ width: "100%",
10005
+ textAlign: "left",
10006
+ background: "#3f51b5",
10007
+ borderRadius: "20px"
10008
+ }
10014
10009
  },
10015
10010
  layout: { xs: 12, sm: 12, md: 6, lg: 6 }
10016
10011
  },
@@ -10136,12 +10131,7 @@ const DateTime = {
10136
10131
  widget: "DateTimeInputField"
10137
10132
  },
10138
10133
  config: {
10139
- layout: {
10140
- xs: 11,
10141
- sm: 11,
10142
- md: 5.5,
10143
- lg: 5.5
10144
- },
10134
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10145
10135
  main: {
10146
10136
  label: "DateTime",
10147
10137
  type: "date"
@@ -10301,7 +10291,7 @@ const buildBasicUiSchema = (config) => {
10301
10291
  pageName: config.name,
10302
10292
  name: config.name,
10303
10293
  accessorKey: config.name,
10304
- header: config.label || config.name,
10294
+ headeing: config.label || config.name,
10305
10295
  "elements": []
10306
10296
  };
10307
10297
  };