impaktapps-ui-builder 0.0.382-alpha.21 → 0.0.382-alpha.211

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 (31) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1296 -1242
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +14 -14
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +0 -18
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +18 -15
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +102 -53
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -17
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +4 -2
  13. package/package.json +1 -1
  14. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +26 -28
  15. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +25 -24
  16. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +36 -16
  17. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +6 -1
  18. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +51 -78
  20. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +6 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +56 -84
  23. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +6 -1
  24. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  25. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +266 -344
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +533 -361
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -415
  29. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  30. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  31. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +18 -6
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,406 +36,475 @@ const PageMasterSchema = {
36
36
  },
37
37
  required: ["label", "name"]
38
38
  };
39
- const PageMasterUiSchema = (theme) => {
40
- var _a;
41
- const uiSchema = {
42
- type: "HorizontalLayout",
43
- heading: "Page Master",
44
- elements: [
45
- {
46
- type: "WrapperLayout",
47
- config: {
48
- main: {
49
- label: "Page Template",
50
- isAccordion: true
51
- },
52
- wrapperStyle: {
53
- marginTop: "-6px",
54
- marginBottom: "-8px"
55
- },
56
- componentsBoxStyle: {
57
- marginLeft: "24px"
39
+ const PageMasterUiSchema = {
40
+ type: "HorizontalLayout",
41
+ elements: [
42
+ {
43
+ type: "WrapperLayout",
44
+ config: {
45
+ main: {
46
+ rowSpacing: 1,
47
+ header: true
48
+ },
49
+ defaultStyle: true
50
+ },
51
+ elements: [
52
+ {
53
+ type: "Control",
54
+ scope: "#/properties/pageMaster",
55
+ options: {
56
+ widget: "Box"
58
57
  },
59
- defaultStyle: true
58
+ config: {
59
+ layout: 8,
60
+ main: {
61
+ heading: "Page Master"
62
+ }
63
+ }
60
64
  },
61
- elements: [
62
- {
63
- type: "Control",
64
- scope: "#/properties/name",
65
- options: {
66
- widget: "InputField"
65
+ {
66
+ type: "Control",
67
+ scope: "#/properties/Back_Button",
68
+ options: {
69
+ widget: "IconButton"
70
+ },
71
+ config: {
72
+ layout: 3,
73
+ main: {
74
+ icon: "BackIcon",
75
+ styleDefault: true,
76
+ size: "small",
77
+ onClick: "backHandler",
78
+ tooltipMessage: "Back"
67
79
  },
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
- }
80
+ style: {
81
+ float: "right"
78
82
  }
83
+ }
84
+ }
85
+ ]
86
+ },
87
+ {
88
+ type: "WrapperLayout",
89
+ config: {
90
+ main: {
91
+ label: "Page Template",
92
+ divider: true
93
+ },
94
+ defaultStyle: true
95
+ },
96
+ elements: [
97
+ {
98
+ type: "Control",
99
+ scope: "#/properties/name",
100
+ options: {
101
+ widget: "InputField"
79
102
  },
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
- }
103
+ config: {
104
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
105
+ main: {
106
+ label: "Name",
107
+ options: [],
108
+ color: "secondary",
109
+ errorMessage: "Name should be start with 'page_'",
110
+ helperText: 'Name should be start with "page_"',
111
+ required: true
94
112
  }
113
+ }
114
+ },
115
+ {
116
+ type: "Control",
117
+ scope: "#/properties/label",
118
+ options: {
119
+ widget: "InputField"
95
120
  },
96
- {
97
- type: "Control",
98
- scope: "#/properties/emptyBox",
99
- options: {
100
- widget: "EmptyBox"
121
+ config: {
122
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
123
+ main: {
124
+ label: "Label",
125
+ options: [],
126
+ color: "secondary",
127
+ required: true
128
+ }
129
+ }
130
+ }
131
+ ]
132
+ },
133
+ {
134
+ type: "TabLayout",
135
+ config: {
136
+ main: {
137
+ tabLabels: ["Components", "events"],
138
+ divider: true
139
+ },
140
+ defaultStyle: true
141
+ },
142
+ elements: [
143
+ {
144
+ type: "WrapperLayout",
145
+ config: {
146
+ main: {
147
+ divider: true
101
148
  },
102
- config: {
103
- layout: { xs: 0, sm: 4 }
149
+ wrapperStyle: {
150
+ border: "1px solid gray"
104
151
  }
105
152
  },
106
- {
107
- type: "TabLayout",
108
- config: {
109
- main: {
110
- tabLabels: ["Components", "events"],
111
- divider: true
153
+ elements: [
154
+ {
155
+ type: "Control",
156
+ scope: "#/properties/heading",
157
+ options: {
158
+ widget: "Box"
112
159
  },
113
- defaultStyle: true
160
+ config: {
161
+ layout: 8,
162
+ main: {
163
+ heading: "Components Table"
164
+ },
165
+ style: {
166
+ fontFamily: "Roboto",
167
+ fontWeight: "500",
168
+ paddingLeft: "-10px",
169
+ fontSize: "20px"
170
+ }
171
+ }
114
172
  },
115
- elements: [
116
- {
117
- type: "Control",
118
- scope: "#/properties/elements",
119
- options: {
120
- widget: "Table"
173
+ {
174
+ type: "Control",
175
+ scope: "#/properties/AddButton",
176
+ options: {
177
+ widget: "IconButton"
178
+ },
179
+ config: {
180
+ layout: 3,
181
+ main: {
182
+ icon: "AddIcon",
183
+ styleDefault: true,
184
+ size: "small",
185
+ onClick: "onAddClickHandler",
186
+ tooltipMessage: "Add New"
121
187
  },
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
- }
146
- }
147
- }
148
- ]
188
+ style: {
189
+ float: "right"
190
+ }
191
+ }
192
+ },
193
+ {
194
+ type: "Control",
195
+ scope: "#/properties/elements",
196
+ options: {
197
+ widget: "Table"
198
+ },
199
+ config: {
200
+ main: {
201
+ disableAction: true,
202
+ disableSelection: true,
203
+ enableDrag: true
204
+ }
205
+ },
206
+ elements: [
207
+ {
208
+ accessorKey: "name",
209
+ header: "Name"
210
+ },
211
+ {
212
+ accessorKey: "type",
213
+ header: "Type"
214
+ },
215
+ {
216
+ header: "Edit",
217
+ field: "Reject_Records",
218
+ flex: 1,
219
+ widget: {
220
+ type: "Control",
221
+ scope: "#/properties/RejectButton",
222
+ options: {
223
+ widget: "IconButton"
149
224
  },
150
- disableAction: true,
151
- disableSelection: true,
152
- enableDrag: true
225
+ config: {
226
+ main: {
227
+ icon: "EditIcon",
228
+ color: "primary",
229
+ onClick: "Edit_Components",
230
+ tooltipMessage: "Edit This Record"
231
+ }
232
+ }
153
233
  }
154
234
  },
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
- }
235
+ {
236
+ header: "Delete",
237
+ field: "Reject_Records",
238
+ flex: 1,
239
+ widget: {
240
+ type: "Control",
241
+ scope: "#/properties/RejectButton",
242
+ options: {
243
+ widget: "IconButton"
244
+ },
245
+ config: {
246
+ main: {
247
+ icon: "RejectIcon",
248
+ color: "error",
249
+ onClick: "deletePopUpComponent",
250
+ tooltipMessage: "Reject This Record"
181
251
  }
182
252
  }
253
+ }
254
+ }
255
+ ]
256
+ },
257
+ {
258
+ type: "Control",
259
+ scope: "#/properties/popUpComponent",
260
+ options: {
261
+ widget: "PopUp"
262
+ },
263
+ config: {
264
+ layout: {
265
+ xs: 12,
266
+ sm: 12,
267
+ md: 12,
268
+ lg: 12
269
+ },
270
+ main: {}
271
+ },
272
+ elements: [
273
+ {
274
+ type: "Control",
275
+ scope: "#/properties/label",
276
+ options: {
277
+ widget: "Box"
183
278
  },
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
- }
279
+ config: {
280
+ layout: 12,
281
+ main: {
282
+ heading: "Are you sure you want to delete ?"
202
283
  }
203
284
  }
204
- ]
205
- },
206
- {
207
- type: "Control",
208
- scope: "#/properties/events",
209
- options: {
210
- widget: "Table"
211
285
  },
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
- ]
286
+ {
287
+ type: "Control",
288
+ scope: "#/properties/ConfirmDeleteCompButton",
289
+ options: {
290
+ widget: "Button"
291
+ },
292
+ config: {
293
+ layout: 3,
294
+ main: {
295
+ name: "No",
296
+ startIcon: "ApproveIcon",
297
+ variant: "contained",
298
+ color: "info",
299
+ type: "text",
300
+ onClick: "deletePopUpComponent",
301
+ size: "small"
239
302
  },
240
- disableAction: true,
241
- disableSelection: true,
242
- enableDrag: true
303
+ style: {
304
+ marginBottom: "8px",
305
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
306
+ }
243
307
  }
244
308
  },
245
- elements: [
246
- {
247
- accessorKey: "eventType",
248
- header: "Event Type"
249
- },
250
- {
251
- accessorKey: "Handler",
252
- header: "Handler"
309
+ {
310
+ type: "Control",
311
+ scope: "#/properties/CancelDeleteCompButton",
312
+ options: {
313
+ widget: "Button"
253
314
  },
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
- }
315
+ config: {
316
+ layout: 3,
317
+ main: {
318
+ name: "Yes",
319
+ startIcon: "ApproveIcon",
320
+ variant: "contained",
321
+ color: "info",
322
+ type: "text",
323
+ onClick: "Delete_Components",
324
+ size: "small"
325
+ },
326
+ style: {
327
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
275
328
  }
329
+ }
330
+ },
331
+ {
332
+ type: "Control",
333
+ scope: "#/properties/emptyBox",
334
+ options: {
335
+ widget: "Box"
276
336
  },
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
- }
294
- }
337
+ config: {
338
+ layout: 6
295
339
  }
296
- ]
297
- }
298
- ]
299
- },
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
- }
340
+ }
341
+ ]
321
342
  }
322
- }
323
- ]
324
- },
325
- {
326
- type: "Control",
327
- scope: "#/properties/notify",
328
- options: {
329
- widget: "Notify"
330
- },
331
- layout: 6
332
- },
333
- {
334
- type: "HorizontalLayout",
335
- config: {
336
- style: {
337
- position: "fixed",
338
- bottom: 5,
339
- overflow: "visible",
340
- margin: "0",
341
- width: "100vw"
342
- }
343
+ ]
343
344
  },
344
- elements: [
345
- {
346
- type: "Control",
347
- scope: "#/properties/EmptyBox",
348
- options: {
349
- widget: "EmptyBox"
345
+ {
346
+ type: "WrapperLayout",
347
+ config: {
348
+ main: {
349
+ divider: true
350
350
  },
351
- config: {
352
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
351
+ wrapperStyle: {
352
+ border: "1px solid gray"
353
353
  }
354
354
  },
355
- {
356
- type: "Control",
357
- scope: "#/properties/FooterText",
358
- options: {
359
- widget: "Box"
360
- },
361
- config: {
362
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
363
- main: {
364
- heading: "Copywriter@ACT21.IO"
355
+ elements: [
356
+ {
357
+ type: "Control",
358
+ scope: "#/properties/heading",
359
+ options: {
360
+ widget: "Box"
365
361
  },
366
- style: {
367
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
368
- fontSize: "12px"
362
+ config: {
363
+ layout: 8,
364
+ main: {
365
+ heading: "Event Table"
366
+ },
367
+ style: {
368
+ fontFamily: "Roboto",
369
+ fontWeight: "500",
370
+ paddingLeft: "-10px",
371
+ fontSize: "20px"
372
+ }
369
373
  }
370
- }
371
- },
372
- {
373
- type: "HorizontalLayout",
374
- config: {
375
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
376
374
  },
377
- elements: [
378
- {
379
- type: "Control",
380
- scope: "#/properties/EmptyBox",
381
- options: {
382
- widget: "EmptyBox"
375
+ {
376
+ type: "Control",
377
+ scope: "#/properties/AddButton",
378
+ options: {
379
+ widget: "IconButton"
380
+ },
381
+ config: {
382
+ layout: 3,
383
+ main: {
384
+ icon: "AddIcon",
385
+ styleDefault: true,
386
+ size: "small",
387
+ onClick: "eventAddHandler",
388
+ tooltipMessage: "Back"
383
389
  },
384
- config: {
385
- layout: 2
390
+ style: {
391
+ float: "right"
392
+ }
393
+ }
394
+ },
395
+ {
396
+ type: "Control",
397
+ scope: "#/properties/events",
398
+ options: {
399
+ widget: "Table"
400
+ },
401
+ config: {
402
+ main: {
403
+ disableAction: true,
404
+ disableSelection: true,
405
+ enableDrag: true
386
406
  }
387
407
  },
388
- {
389
- type: "Control",
390
- scope: "#/properties/backIcon",
391
- options: {
392
- widget: "Box"
408
+ elements: [
409
+ {
410
+ accessorKey: "eventType",
411
+ header: "Event Type"
393
412
  },
394
- config: {
395
- layout: 1,
396
- main: {
397
- iconName: "PrevIcon",
398
- onClick: "backHandler"
399
- },
400
- style: {
401
- fill: theme.palette.primary.dark,
402
- width: 20,
403
- height: 20,
404
- display: "flex",
405
- alignItems: "center",
406
- justifyContent: "center",
407
- marginRight: "-8px",
408
- cursor: "pointer"
413
+ {
414
+ accessorKey: "Handler",
415
+ header: "Handler"
416
+ },
417
+ {
418
+ accessorKey: "Edit_Approve_Records",
419
+ header: "Edit Widget",
420
+ widget: {
421
+ type: "Control",
422
+ scope: "#/properties/Edit_Records",
423
+ options: {
424
+ widget: "IconButton"
425
+ },
426
+ config: {
427
+ main: {
428
+ color: "info",
429
+ size: "small",
430
+ icon: "EditIcon",
431
+ tooltipMessage: "Edit This Record",
432
+ onClick: "editEvent"
433
+ },
434
+ style: {
435
+ color: "#3949ab"
436
+ }
437
+ }
409
438
  }
410
- }
411
- },
412
- {
413
- type: "Control",
414
- scope: "#/properties/text",
415
- options: {
416
- widget: "Box"
417
439
  },
418
- config: {
419
- layout: 9,
420
- main: {
421
- heading: "Previous Page",
422
- onClick: "backHandler"
423
- },
424
- style: {
425
- color: theme.palette.primary.dark,
426
- fontSize: "12px",
427
- cursor: "pointer",
428
- marginLeft: "-6px"
440
+ {
441
+ accessorKey: "Reject_Records",
442
+ header: "Delete",
443
+ widget: {
444
+ type: "Control",
445
+ scope: "#/properties/RejectButton",
446
+ options: {
447
+ widget: "IconButton"
448
+ },
449
+ config: {
450
+ main: {
451
+ icon: "RejectIcon",
452
+ color: "error",
453
+ tooltipMessage: "Reject This Record",
454
+ onClick: "deletePopUpEvent"
455
+ }
456
+ }
429
457
  }
430
458
  }
431
- }
432
- ]
433
- }
434
- ]
459
+ ]
460
+ }
461
+ ]
462
+ }
463
+ ]
464
+ },
465
+ {
466
+ type: "Control",
467
+ scope: "#/properties/btn",
468
+ options: {
469
+ widget: "EmptyBox"
470
+ },
471
+ config: {
472
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
435
473
  }
436
- ]
437
- };
438
- return uiSchema;
474
+ },
475
+ {
476
+ type: "Control",
477
+ scope: "#/properties/btn",
478
+ options: {
479
+ widget: "Button"
480
+ },
481
+ config: {
482
+ layout: 11.7,
483
+ main: {
484
+ name: "Save",
485
+ startIcon: "ApproveIcon",
486
+ variant: "contained",
487
+ color: "info",
488
+ type: "text",
489
+ onClick: "saveHandler",
490
+ size: "small"
491
+ },
492
+ style: {
493
+ marginBottom: "8px",
494
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
495
+ float: "right"
496
+ }
497
+ }
498
+ },
499
+ {
500
+ type: "Control",
501
+ scope: "#/properties/notify",
502
+ options: {
503
+ widget: "Notify"
504
+ },
505
+ layout: 6
506
+ }
507
+ ]
439
508
  };
440
509
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
441
510
  var lodash = { exports: {} };
@@ -6169,332 +6238,285 @@ const ComponentSchema = {
6169
6238
  },
6170
6239
  required: ["name"]
6171
6240
  };
6172
- const componentBasicUiSchema = (theme) => {
6173
- var _a;
6174
- const uiSchema = {
6175
- type: "HorizontalLayout",
6176
- heading: "Component",
6177
- elements: [
6178
- {
6179
- type: "TabLayout",
6180
- config: {
6181
- main: {
6182
- tabLabels: ["Core"],
6183
- defaultStyle: true,
6184
- id: `component`
6241
+ const componentBasicUiSchema = {
6242
+ type: "HorizontalLayout",
6243
+ elements: [
6244
+ {
6245
+ type: "WrapperLayout",
6246
+ config: {
6247
+ main: {
6248
+ rowSpacing: 1,
6249
+ header: true
6250
+ },
6251
+ defaultStyle: true
6252
+ },
6253
+ elements: [
6254
+ {
6255
+ type: "Control",
6256
+ scope: "#/properties/Component",
6257
+ options: {
6258
+ widget: "Box"
6259
+ },
6260
+ config: {
6261
+ layout: { xs: 12, sm: 12, md: 2 },
6262
+ main: {
6263
+ heading: "Component"
6264
+ },
6265
+ style: {
6266
+ "float": "left"
6267
+ }
6185
6268
  }
6186
6269
  },
6187
- elements: [
6188
- {
6189
- type: "HorizontalLayout",
6190
- elements: [
6191
- {
6192
- type: "Control",
6193
- scope: "#/properties/type",
6194
- options: {
6195
- widget: "SelectInputField"
6196
- },
6197
- config: {
6198
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6199
- main: {
6200
- label: "Type"
6201
- }
6270
+ {
6271
+ type: "Control",
6272
+ scope: "#/properties/pageName",
6273
+ options: {
6274
+ widget: "Box"
6275
+ },
6276
+ config: {
6277
+ layout: { xs: 7, sm: 7, md: 9 },
6278
+ main: {
6279
+ heading: " "
6280
+ },
6281
+ style: {
6282
+ float: "right",
6283
+ width: "auto",
6284
+ fontSize: "12px",
6285
+ color: "gray",
6286
+ paddingTop: "10px"
6287
+ }
6288
+ }
6289
+ },
6290
+ {
6291
+ type: "Control",
6292
+ scope: "#/properties/Back_Button",
6293
+ options: {
6294
+ widget: "IconButton"
6295
+ },
6296
+ config: {
6297
+ layout: { xs: 2, sm: 2, md: 0.5 },
6298
+ main: {
6299
+ icon: "BackIcon",
6300
+ styleDefault: true,
6301
+ size: "small",
6302
+ onClick: "backHandler",
6303
+ tooltipMessage: "Back"
6304
+ },
6305
+ style: {
6306
+ float: "right"
6307
+ }
6308
+ }
6309
+ }
6310
+ ]
6311
+ },
6312
+ {
6313
+ type: "TabLayout",
6314
+ config: {
6315
+ main: {
6316
+ tabLabels: ["Core"],
6317
+ defaultStyle: true,
6318
+ id: `component`
6319
+ }
6320
+ },
6321
+ elements: [
6322
+ {
6323
+ type: "HorizontalLayout",
6324
+ elements: [
6325
+ {
6326
+ type: "Control",
6327
+ scope: "#/properties/type",
6328
+ options: {
6329
+ widget: "SelectInputField"
6330
+ },
6331
+ config: {
6332
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6333
+ main: {
6334
+ label: "Type"
6202
6335
  }
6336
+ }
6337
+ },
6338
+ {
6339
+ type: "Control",
6340
+ scope: "#/properties/name",
6341
+ options: {
6342
+ widget: "InputField"
6203
6343
  },
6204
- {
6205
- type: "Control",
6206
- scope: "#/properties/name",
6207
- options: {
6208
- widget: "InputField"
6344
+ config: {
6345
+ layout: {
6346
+ xs: 12,
6347
+ sm: 12,
6348
+ md: 6,
6349
+ lg: 6
6209
6350
  },
6210
- config: {
6211
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6212
- main: {
6213
- label: "Name",
6214
- options: [],
6215
- color: "secondary",
6216
- required: true
6217
- }
6351
+ main: {
6352
+ label: "Name",
6353
+ options: [],
6354
+ color: "secondary",
6355
+ required: true
6218
6356
  }
6219
- },
6220
- {
6221
- type: "Control",
6222
- scope: "#/properties/label",
6223
- options: {
6224
- widget: "InputField"
6357
+ }
6358
+ },
6359
+ {
6360
+ type: "Control",
6361
+ scope: "#/properties/label",
6362
+ options: {
6363
+ widget: "InputField"
6364
+ },
6365
+ config: {
6366
+ layout: {
6367
+ xs: 12,
6368
+ sm: 12,
6369
+ md: 6,
6370
+ lg: 6
6225
6371
  },
6226
- config: {
6227
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6228
- main: {
6229
- label: "Label",
6230
- options: [],
6231
- color: "secondary",
6232
- required: true
6233
- }
6372
+ main: {
6373
+ label: "Label",
6374
+ options: [],
6375
+ color: "secondary",
6376
+ required: true
6234
6377
  }
6378
+ }
6379
+ },
6380
+ {
6381
+ type: "Control",
6382
+ scope: "#/properties/proc",
6383
+ config: {
6384
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6235
6385
  },
6236
- {
6237
- type: "Control",
6238
- scope: "#/properties/layout",
6239
- layout: 12,
6240
- options: {
6241
- detail: {
6242
- type: "HorizontalLayout",
6243
- elements: [
6244
- {
6245
- type: "Control",
6246
- scope: "#/properties/key",
6247
- options: {
6248
- widget: "SelectInputField"
6249
- },
6250
- config: {
6251
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6252
- main: {
6253
- label: "Screen Size"
6254
- }
6255
- }
6386
+ options: {
6387
+ widget: "EmptyBox"
6388
+ }
6389
+ },
6390
+ {
6391
+ type: "Control",
6392
+ scope: "#/properties/layout",
6393
+ layout: 11.5,
6394
+ options: {
6395
+ detail: {
6396
+ type: "HorizontalLayout",
6397
+ elements: [
6398
+ {
6399
+ type: "Control",
6400
+ scope: "#/properties/key",
6401
+ options: {
6402
+ widget: "SelectInputField"
6256
6403
  },
6257
- {
6258
- type: "Control",
6259
- scope: "#/properties/value",
6260
- options: {
6261
- widget: "InputField"
6404
+ config: {
6405
+ layout: {
6406
+ xs: 11,
6407
+ sm: 11,
6408
+ md: 5.5,
6409
+ lg: 5.5
6262
6410
  },
6263
- config: {
6264
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6265
- main: {
6266
- label: "Value",
6267
- type: "number",
6268
- helperText: "Number should be in range of 0 to 12",
6269
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6270
- }
6411
+ main: {
6412
+ label: "Screen Size"
6271
6413
  }
6414
+ }
6415
+ },
6416
+ {
6417
+ type: "Control",
6418
+ scope: "#/properties/value",
6419
+ options: {
6420
+ widget: "InputField"
6272
6421
  },
6273
- {
6274
- type: "Control",
6275
- scope: "#/properties/emptyBox",
6276
- options: {
6277
- widget: "EmptyBox"
6422
+ config: {
6423
+ layout: {
6424
+ xs: 11,
6425
+ sm: 11,
6426
+ md: 5.5,
6427
+ lg: 5.5
6278
6428
  },
6279
- config: {
6280
- layout: { xs: 0, sm: 4 }
6429
+ main: {
6430
+ label: "Value",
6431
+ type: "number",
6432
+ helperText: "Number should be in range of 0 to 12",
6433
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6281
6434
  }
6282
6435
  }
6283
- ]
6284
- }
6436
+ }
6437
+ ]
6285
6438
  }
6286
6439
  }
6287
- ]
6288
- }
6289
- ]
6290
- },
6291
- {
6292
- type: "Control",
6293
- scope: "#/properties/EmptyBox",
6294
- options: {
6295
- widget: "EmptyBox"
6296
- },
6297
- config: {
6298
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6440
+ }
6441
+ ]
6299
6442
  }
6443
+ ]
6444
+ },
6445
+ {
6446
+ type: "Control",
6447
+ scope: "#/properties/proc",
6448
+ config: {
6449
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6300
6450
  },
6301
- {
6302
- type: "Control",
6303
- scope: "#/properties/EmptyBox",
6304
- options: {
6305
- widget: "EmptyBox"
6306
- },
6307
- config: {
6308
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6309
- }
6451
+ options: {
6452
+ widget: "EmptyBox"
6453
+ }
6454
+ },
6455
+ {
6456
+ type: "Control",
6457
+ scope: "#/properties/btn",
6458
+ options: {
6459
+ widget: "Button"
6310
6460
  },
6311
- {
6312
- type: "Control",
6313
- scope: "#/properties/btn",
6314
- options: {
6315
- widget: "Button"
6461
+ config: {
6462
+ layout: {
6463
+ xs: 11,
6464
+ sm: 11,
6465
+ md: 2.5,
6466
+ lg: 2.5
6316
6467
  },
6317
- config: {
6318
- layout: 1.8,
6319
- main: {
6320
- name: "Ok",
6321
- startIcon: "ApproveIcon",
6322
- variant: "contained",
6323
- color: "info",
6324
- type: "text",
6325
- onClick: "okHandler",
6326
- size: "medium"
6327
- },
6328
- style: {
6329
- float: "right"
6330
- }
6331
- }
6332
- },
6333
- {
6334
- type: "Control",
6335
- scope: "#/properties/btnSubmit",
6336
- options: {
6337
- widget: "Button"
6468
+ main: {
6469
+ name: "Ok",
6470
+ startIcon: "ApproveIcon",
6471
+ variant: "contained",
6472
+ color: "info",
6473
+ type: "text",
6474
+ onClick: "okHandler",
6475
+ size: "small"
6338
6476
  },
6339
- config: {
6340
- layout: 1.8,
6341
- main: {
6342
- name: "Save & Exit",
6343
- startIcon: "ApproveIcon",
6344
- variant: "contained",
6345
- color: "info",
6346
- type: "text",
6347
- onClick: "saveHandler",
6348
- size: "medium"
6349
- },
6350
- style: {
6351
- float: "right"
6352
- }
6477
+ style: {
6478
+ marginBottom: "8px",
6479
+ float: "right"
6353
6480
  }
6481
+ }
6482
+ },
6483
+ {
6484
+ type: "Control",
6485
+ scope: "#/properties/btnSubmit",
6486
+ options: {
6487
+ widget: "Button"
6354
6488
  },
6355
- {
6356
- type: "Control",
6357
- scope: "#/properties/notify",
6358
- options: {
6359
- widget: "Notify"
6489
+ config: {
6490
+ layout: {
6491
+ xs: 11,
6492
+ sm: 11,
6493
+ md: 2.5,
6494
+ lg: 2.5
6360
6495
  },
6361
- layout: 6
6362
- },
6363
- {
6364
- type: "HorizontalLayout",
6365
- config: {
6366
- style: {
6367
- position: "fixed",
6368
- bottom: 5,
6369
- overflow: "visible",
6370
- margin: "0",
6371
- width: "100vw"
6372
- }
6496
+ main: {
6497
+ name: "Save & Exit",
6498
+ startIcon: "ApproveIcon",
6499
+ variant: "contained",
6500
+ color: "info",
6501
+ type: "text",
6502
+ onClick: "saveHandler",
6503
+ size: "small"
6373
6504
  },
6374
- elements: [
6375
- {
6376
- type: "Control",
6377
- scope: "#/properties/EmptyBox",
6378
- options: {
6379
- widget: "EmptyBox"
6380
- },
6381
- config: {
6382
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6383
- }
6384
- },
6385
- {
6386
- type: "Control",
6387
- scope: "#/properties/FooterText",
6388
- options: {
6389
- widget: "Box"
6390
- },
6391
- config: {
6392
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6393
- main: {
6394
- heading: "Copywriter@ACT21.IO"
6395
- },
6396
- style: {
6397
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6398
- fontSize: "12px"
6399
- }
6400
- }
6401
- },
6402
- {
6403
- type: "HorizontalLayout",
6404
- config: {
6405
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
6406
- },
6407
- elements: [
6408
- {
6409
- type: "Control",
6410
- scope: "#/properties/EmptyBox",
6411
- options: {
6412
- widget: "EmptyBox"
6413
- },
6414
- config: {
6415
- layout: 2
6416
- }
6417
- },
6418
- {
6419
- type: "Control",
6420
- scope: "#/properties/backIcon",
6421
- options: {
6422
- widget: "Box"
6423
- },
6424
- config: {
6425
- layout: 1,
6426
- main: {
6427
- iconName: "PrevIcon",
6428
- onClick: "backHandler"
6429
- },
6430
- style: {
6431
- fill: theme.palette.primary.dark,
6432
- width: 20,
6433
- height: 20,
6434
- display: "flex",
6435
- alignItems: "center",
6436
- justifyContent: "center",
6437
- marginRight: "-8px",
6438
- cursor: "pointer"
6439
- }
6440
- }
6441
- },
6442
- {
6443
- type: "Control",
6444
- scope: "#/properties/text",
6445
- options: {
6446
- widget: "Box"
6447
- },
6448
- config: {
6449
- layout: 9,
6450
- main: {
6451
- heading: "Previous Page",
6452
- onClick: "backHandler"
6453
- },
6454
- style: {
6455
- color: theme.palette.primary.dark,
6456
- fontSize: "12px",
6457
- cursor: "pointer",
6458
- marginLeft: "-6px"
6459
- }
6460
- }
6461
- }
6462
- ]
6463
- },
6464
- {
6465
- type: "Control",
6466
- scope: "#/properties/pageName",
6467
- options: {
6468
- widget: "Box"
6469
- },
6470
- config: {
6471
- layout: 9.7,
6472
- main: {
6473
- heading: " "
6474
- },
6475
- style: {
6476
- color: theme.palette.text.disabled,
6477
- textAlign: "right",
6478
- fontSize: "12px",
6479
- marginTop: "-16px"
6480
- }
6481
- }
6482
- },
6483
- {
6484
- type: "Control",
6485
- scope: "#/properties/emptyBox",
6486
- options: {
6487
- widget: "EmptyBox"
6488
- },
6489
- config: {
6490
- layout: 2.3
6491
- }
6492
- }
6493
- ]
6505
+ style: {
6506
+ marginBottom: "8px",
6507
+ float: "right"
6508
+ }
6494
6509
  }
6495
- ]
6496
- };
6497
- return uiSchema;
6510
+ },
6511
+ {
6512
+ type: "Control",
6513
+ scope: "#/properties/notify",
6514
+ options: {
6515
+ widget: "Notify"
6516
+ },
6517
+ layout: 6
6518
+ }
6519
+ ]
6498
6520
  };
6499
6521
  const CoreSection = {
6500
6522
  type: "HorizontalLayout",
@@ -6506,7 +6528,7 @@ const CoreSection = {
6506
6528
  widget: "SelectInputField"
6507
6529
  },
6508
6530
  config: {
6509
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6531
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6510
6532
  main: {
6511
6533
  label: "Type",
6512
6534
  type: "text"
@@ -6520,7 +6542,12 @@ const CoreSection = {
6520
6542
  widget: "InputField"
6521
6543
  },
6522
6544
  config: {
6523
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6545
+ layout: {
6546
+ xs: 12,
6547
+ sm: 12,
6548
+ md: 6,
6549
+ lg: 6
6550
+ },
6524
6551
  main: {
6525
6552
  label: "Name"
6526
6553
  }
@@ -6533,16 +6560,31 @@ const CoreSection = {
6533
6560
  widget: "InputField"
6534
6561
  },
6535
6562
  config: {
6536
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6563
+ layout: {
6564
+ xs: 12,
6565
+ sm: 12,
6566
+ md: 6,
6567
+ lg: 6
6568
+ },
6537
6569
  main: {
6538
6570
  label: "Label"
6539
6571
  }
6540
6572
  }
6541
6573
  },
6574
+ {
6575
+ type: "Control",
6576
+ scope: "#/properties/proc",
6577
+ config: {
6578
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6579
+ },
6580
+ options: {
6581
+ widget: "EmptyBox"
6582
+ }
6583
+ },
6542
6584
  {
6543
6585
  type: "Control",
6544
6586
  scope: "#/properties/layout",
6545
- layout: 12,
6587
+ layout: 11.5,
6546
6588
  options: {
6547
6589
  "elementLabelProp": "key",
6548
6590
  detail: {
@@ -6555,7 +6597,12 @@ const CoreSection = {
6555
6597
  widget: "SelectInputField"
6556
6598
  },
6557
6599
  config: {
6558
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6600
+ layout: {
6601
+ xs: 11,
6602
+ sm: 11,
6603
+ md: 5.5,
6604
+ lg: 5.5
6605
+ },
6559
6606
  main: {
6560
6607
  label: "Screen Size"
6561
6608
  }
@@ -6568,7 +6615,12 @@ const CoreSection = {
6568
6615
  widget: "InputField"
6569
6616
  },
6570
6617
  config: {
6571
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6618
+ layout: {
6619
+ xs: 11,
6620
+ sm: 11,
6621
+ md: 5.5,
6622
+ lg: 5.5
6623
+ },
6572
6624
  main: {
6573
6625
  label: "Value",
6574
6626
  type: "number",
@@ -6576,16 +6628,6 @@ const CoreSection = {
6576
6628
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6577
6629
  }
6578
6630
  }
6579
- },
6580
- {
6581
- type: "Control",
6582
- scope: "#/properties/emptyBox",
6583
- options: {
6584
- widget: "EmptyBox"
6585
- },
6586
- config: {
6587
- layout: { xs: 0, sm: 4 }
6588
- }
6589
6631
  }
6590
6632
  ]
6591
6633
  }
@@ -6597,95 +6639,121 @@ const EventSection = {
6597
6639
  type: "HorizontalLayout",
6598
6640
  elements: [
6599
6641
  {
6600
- type: "Control",
6601
- scope: "#/properties/events",
6602
- options: {
6603
- widget: "Table"
6604
- },
6642
+ type: "WrapperLayout",
6605
6643
  config: {
6606
6644
  main: {
6607
- headerIcons: {
6608
- elements: [
6609
- {
6610
- widget: {
6611
- type: "Control",
6612
- scope: "#/properties/New_Record",
6613
- options: {
6614
- widget: "IconButton"
6615
- },
6616
- config: {
6617
- main: {
6618
- color: "info",
6619
- onClick: "eventAddHandler",
6620
- size: "small",
6621
- icon: "AddIcon",
6622
- iconLabel: "Add New",
6623
- styleDefault: true
6624
- },
6625
- style: {
6626
- mt: "6px"
6627
- }
6628
- }
6629
- }
6630
- }
6631
- ]
6632
- },
6633
- disableAction: true,
6634
- disableSelection: true,
6635
- enableDrag: true
6645
+ divider: true
6646
+ },
6647
+ wrapperStyle: {
6648
+ border: "1px solid gray"
6636
6649
  }
6637
6650
  },
6638
6651
  elements: [
6639
6652
  {
6640
- accessorKey: "eventType",
6641
- header: "Event Type"
6653
+ type: "Control",
6654
+ scope: "#/properties/programType",
6655
+ options: {
6656
+ widget: "Box"
6657
+ },
6658
+ config: {
6659
+ layout: 8,
6660
+ main: {
6661
+ heading: "Event Table"
6662
+ },
6663
+ style: {
6664
+ fontFamily: "Roboto",
6665
+ fontWeight: "500",
6666
+ paddingLeft: "-10px",
6667
+ fontSize: "20px"
6668
+ }
6669
+ }
6642
6670
  },
6643
6671
  {
6644
- accessorKey: "Handler",
6645
- header: "Handler"
6672
+ type: "Control",
6673
+ scope: "#/properties/Back_Button",
6674
+ options: {
6675
+ widget: "IconButton"
6676
+ },
6677
+ config: {
6678
+ layout: 3,
6679
+ main: {
6680
+ icon: "AddIcon",
6681
+ styleDefault: true,
6682
+ size: "small",
6683
+ onClick: "eventAddHandler",
6684
+ tooltipMessage: "Back"
6685
+ },
6686
+ style: {
6687
+ float: "right"
6688
+ }
6689
+ }
6646
6690
  },
6647
6691
  {
6648
- accessorKey: "Edit_Approve_Records",
6649
- header: "Edit Widget",
6650
- widget: {
6651
- type: "Control",
6652
- scope: "#/properties/Edit_Records",
6653
- options: {
6654
- widget: "IconButton"
6692
+ type: "Control",
6693
+ scope: "#/properties/events",
6694
+ options: {
6695
+ widget: "Table"
6696
+ },
6697
+ config: {
6698
+ main: {
6699
+ disableAction: true,
6700
+ disableSelection: true,
6701
+ enableDrag: true
6702
+ }
6703
+ },
6704
+ elements: [
6705
+ {
6706
+ accessorKey: "eventType",
6707
+ header: "Event Type"
6655
6708
  },
6656
- config: {
6657
- main: {
6658
- color: "info",
6659
- size: "small",
6660
- icon: "EditIcon",
6661
- tooltipMessage: "Edit This Record",
6662
- onClick: "eventEditHandler"
6663
- },
6664
- style: {
6665
- color: "#3949ab"
6709
+ {
6710
+ accessorKey: "Handler",
6711
+ header: "Handler"
6712
+ },
6713
+ {
6714
+ accessorKey: "Edit_Approve_Records",
6715
+ header: "Edit Widget",
6716
+ widget: {
6717
+ type: "Control",
6718
+ scope: "#/properties/Edit_Records",
6719
+ options: {
6720
+ widget: "IconButton"
6721
+ },
6722
+ config: {
6723
+ main: {
6724
+ color: "info",
6725
+ size: "small",
6726
+ icon: "EditIcon",
6727
+ tooltipMessage: "Edit This Record",
6728
+ onClick: "eventEditHandler"
6729
+ },
6730
+ style: {
6731
+ color: "#3949ab"
6732
+ }
6733
+ }
6666
6734
  }
6667
- }
6668
- }
6669
- },
6670
- {
6671
- accessorKey: "Reject_Records",
6672
- header: "Delete",
6673
- widget: {
6674
- type: "Control",
6675
- scope: "#/properties/RejectButton",
6676
- accessorKeyName: "Reject_Records",
6677
- options: {
6678
- widget: "IconButton"
6679
6735
  },
6680
- config: {
6681
- main: {
6682
- icon: "RejectIcon",
6683
- color: "error",
6684
- tooltipMessage: "Reject This Record",
6685
- onClick: "deleteEvent"
6736
+ {
6737
+ accessorKey: "Reject_Records",
6738
+ header: "Delete",
6739
+ widget: {
6740
+ type: "Control",
6741
+ scope: "#/properties/RejectButton",
6742
+ accessorKeyName: "Reject_Records",
6743
+ options: {
6744
+ widget: "IconButton"
6745
+ },
6746
+ config: {
6747
+ main: {
6748
+ icon: "RejectIcon",
6749
+ color: "error",
6750
+ tooltipMessage: "Reject This Record",
6751
+ onClick: "deleteEvent"
6752
+ }
6753
+ }
6686
6754
  }
6687
6755
  }
6688
- }
6756
+ ]
6689
6757
  }
6690
6758
  ]
6691
6759
  }
@@ -6698,7 +6766,12 @@ const EmptyBox = {
6698
6766
  widget: "EmptyBox"
6699
6767
  },
6700
6768
  config: {
6701
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6769
+ layout: {
6770
+ xs: 11,
6771
+ sm: 11,
6772
+ md: 5.5,
6773
+ lg: 5.5
6774
+ },
6702
6775
  main: {}
6703
6776
  }
6704
6777
  };
@@ -6814,7 +6887,12 @@ const getInputField = (scope, label) => {
6814
6887
  widget: "InputField"
6815
6888
  },
6816
6889
  config: {
6817
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6890
+ layout: {
6891
+ xs: 11,
6892
+ sm: 11,
6893
+ md: 5.5,
6894
+ lg: 5.5
6895
+ },
6818
6896
  main: {
6819
6897
  label
6820
6898
  }
@@ -6829,7 +6907,12 @@ const getRadioInputField = (scope, label, options) => {
6829
6907
  widget: "RadioInputField"
6830
6908
  },
6831
6909
  config: {
6832
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6910
+ layout: {
6911
+ xs: 11,
6912
+ sm: 11,
6913
+ md: 5.5,
6914
+ lg: 5.5
6915
+ },
6833
6916
  main: {
6834
6917
  label,
6835
6918
  options
@@ -6872,7 +6955,7 @@ const getSelectField = (scope, label, options) => {
6872
6955
  widget: "SelectInputField"
6873
6956
  },
6874
6957
  config: {
6875
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6958
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6876
6959
  main: {
6877
6960
  label,
6878
6961
  type: "text"
@@ -6893,8 +6976,6 @@ const buildPropertiesSection = function(type) {
6893
6976
  getInputField("elevation", "Card Elevation"),
6894
6977
  getInputField("height", "Grid height"),
6895
6978
  getInputField("justifyContent", "justifyContent"),
6896
- EmptyBox,
6897
- EmptyBox,
6898
6979
  cardLayout
6899
6980
  ];
6900
6981
  break;
@@ -6905,7 +6986,6 @@ const buildPropertiesSection = function(type) {
6905
6986
  getInputField("resetText", "Reset Text"),
6906
6987
  getInputField("completeText", "Complete Text"),
6907
6988
  getSelectField("orientation", "Orientation Type"),
6908
- EmptyBox,
6909
6989
  getArrayControl("sectionLabels", "label")
6910
6990
  ];
6911
6991
  break;
@@ -6921,14 +7001,12 @@ const buildPropertiesSection = function(type) {
6921
7001
  uiSchema.elements = [
6922
7002
  getInputField("placeholder", "Placeholder"),
6923
7003
  EmptyBox,
6924
- EmptyBox,
6925
7004
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
6926
7005
  ];
6927
7006
  break;
6928
7007
  case "TextArea":
6929
7008
  uiSchema.elements = [
6930
7009
  getInputField("placeholder", "Placeholder"),
6931
- EmptyBox,
6932
7010
  EmptyBox
6933
7011
  ];
6934
7012
  break;
@@ -6938,8 +7016,7 @@ const buildPropertiesSection = function(type) {
6938
7016
  getInputField("heading", "Container Heading"),
6939
7017
  getInputField("heading", "Container Heading"),
6940
7018
  getInputField("speedoCaption", "Speedometer Caption"),
6941
- getInputField("width", "Speedometer Width"),
6942
- EmptyBox
7019
+ getInputField("width", "Speedometer Width")
6943
7020
  ];
6944
7021
  break;
6945
7022
  case "RankCard":
@@ -6947,9 +7024,7 @@ const buildPropertiesSection = function(type) {
6947
7024
  getInputField("rank", "Rank"),
6948
7025
  getInputField("image", "Image Url"),
6949
7026
  getInputField("title", "Card Title"),
6950
- getInputField("description", "Card Description"),
6951
- EmptyBox,
6952
- EmptyBox
7027
+ getInputField("description", "Card Description")
6953
7028
  ];
6954
7029
  break;
6955
7030
  case "LeaderBoard":
@@ -6958,8 +7033,6 @@ const buildPropertiesSection = function(type) {
6958
7033
  getInputField("firstImage", "First Image url"),
6959
7034
  getInputField("secondImage", "Second Image url"),
6960
7035
  getInputField("thirdImage", "Third Image url"),
6961
- EmptyBox,
6962
- EmptyBox,
6963
7036
  getTextArea("functionCode", "Write Compare Code", false)
6964
7037
  ];
6965
7038
  break;
@@ -6975,9 +7048,7 @@ const buildPropertiesSection = function(type) {
6975
7048
  getInputField("heading", "Heading"),
6976
7049
  getInputField("bottomLabel_1", "First BottomLabel"),
6977
7050
  getInputField("bottomLabel_2", "Second BottomLabel"),
6978
- getInputField("bottomLabel_3", "Third BottomLabel"),
6979
- EmptyBox,
6980
- EmptyBox
7051
+ getInputField("bottomLabel_3", "Third BottomLabel")
6981
7052
  ];
6982
7053
  break;
6983
7054
  case "card":
@@ -7011,7 +7082,7 @@ const buildPropertiesSection = function(type) {
7011
7082
  ];
7012
7083
  break;
7013
7084
  case "WrapperSection":
7014
- uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox, EmptyBox];
7085
+ uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox];
7015
7086
  break;
7016
7087
  case "TabSection":
7017
7088
  uiSchema.elements = [
@@ -7039,14 +7110,12 @@ const buildPropertiesSection = function(type) {
7039
7110
  case "Select":
7040
7111
  uiSchema.elements = [
7041
7112
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7042
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7043
- EmptyBox
7113
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7044
7114
  ];
7045
7115
  break;
7046
7116
  case "MultipleSelect":
7047
7117
  uiSchema.elements = [
7048
7118
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7049
- EmptyBox,
7050
7119
  EmptyBox
7051
7120
  ];
7052
7121
  break;
@@ -7092,92 +7161,116 @@ const TableSection = {
7092
7161
  type: "HorizontalLayout",
7093
7162
  elements: [
7094
7163
  {
7095
- type: "Control",
7096
- scope: "#/properties/elements",
7097
- options: {
7098
- widget: "Table"
7099
- },
7164
+ type: "WrapperLayout",
7100
7165
  config: {
7101
- main: {
7102
- headerIcons: {
7103
- elements: [
7104
- {
7105
- widget: {
7106
- type: "Control",
7107
- scope: "#/properties/New_Record",
7108
- options: {
7109
- widget: "IconButton"
7110
- },
7111
- config: {
7112
- main: {
7113
- color: "info",
7114
- onClick: "widgetAddClickHandler",
7115
- size: "small",
7116
- icon: "AddIcon",
7117
- iconLabel: "Add New",
7118
- styleDefault: true
7119
- },
7120
- style: {
7121
- mt: "6px"
7122
- }
7123
- }
7124
- }
7125
- }
7126
- ]
7127
- },
7128
- disableAction: true,
7129
- disableSelection: true,
7130
- enableDrag: true
7166
+ main: {},
7167
+ wrapperStyle: {
7168
+ border: "1px solid gray"
7131
7169
  }
7132
7170
  },
7133
7171
  elements: [
7134
7172
  {
7135
- accessorKey: "name",
7136
- header: "Name"
7137
- },
7138
- {
7139
- accessorKey: "type",
7140
- header: "Type"
7173
+ type: "Control",
7174
+ scope: "#/properties/programType",
7175
+ options: {
7176
+ widget: "Box"
7177
+ },
7178
+ config: {
7179
+ layout: 8,
7180
+ main: {
7181
+ heading: "Components Table"
7182
+ },
7183
+ style: {
7184
+ fontFamily: "Roboto",
7185
+ fontWeight: "500",
7186
+ paddingLeft: "-10px",
7187
+ fontSize: "20px"
7188
+ }
7189
+ }
7141
7190
  },
7142
7191
  {
7143
- header: "Edit Record",
7144
- field: "Reject_Records",
7145
- flex: 1,
7146
- widget: {
7147
- type: "Control",
7148
- scope: "#/properties/RejectButton",
7149
- options: {
7150
- widget: "IconButton"
7192
+ type: "Control",
7193
+ scope: "#/properties/Back_Button",
7194
+ options: {
7195
+ widget: "IconButton"
7196
+ },
7197
+ config: {
7198
+ layout: 3,
7199
+ main: {
7200
+ icon: "AddIcon",
7201
+ styleDefault: true,
7202
+ size: "small",
7203
+ onClick: "widgetAddClickHandler",
7204
+ tooltipMessage: "Add New"
7151
7205
  },
7152
- config: {
7153
- main: {
7154
- icon: "EditIcon",
7155
- color: "primary",
7156
- onClick: "editComponents",
7157
- tooltipMessage: "Reject This Record"
7158
- }
7206
+ style: {
7207
+ float: "right"
7159
7208
  }
7160
7209
  }
7161
7210
  },
7162
7211
  {
7163
- header: "Delete",
7164
- field: "Reject_Records",
7165
- flex: 1,
7166
- widget: {
7167
- type: "Control",
7168
- scope: "#/properties/RejectButton",
7169
- options: {
7170
- widget: "IconButton"
7212
+ type: "Control",
7213
+ scope: "#/properties/elements",
7214
+ options: {
7215
+ widget: "Table"
7216
+ },
7217
+ config: {
7218
+ main: {
7219
+ disableAction: true,
7220
+ disableSelection: true,
7221
+ enableDrag: true
7222
+ }
7223
+ },
7224
+ elements: [
7225
+ {
7226
+ accessorKey: "name",
7227
+ header: "Name"
7171
7228
  },
7172
- config: {
7173
- main: {
7174
- icon: "RejectIcon",
7175
- color: "error",
7176
- onClick: "deleteComponents",
7177
- tooltipMessage: "Reject This Record"
7229
+ {
7230
+ accessorKey: "type",
7231
+ header: "Type"
7232
+ },
7233
+ {
7234
+ header: "Edit Record",
7235
+ field: "Reject_Records",
7236
+ flex: 1,
7237
+ widget: {
7238
+ type: "Control",
7239
+ scope: "#/properties/RejectButton",
7240
+ options: {
7241
+ widget: "IconButton"
7242
+ },
7243
+ config: {
7244
+ main: {
7245
+ icon: "EditIcon",
7246
+ color: "primary",
7247
+ onClick: "editComponents",
7248
+ tooltipMessage: "Reject This Record"
7249
+ }
7250
+ }
7251
+ }
7252
+ },
7253
+ {
7254
+ header: "Delete",
7255
+ field: "Reject_Records",
7256
+ flex: 1,
7257
+ widget: {
7258
+ type: "Control",
7259
+ scope: "#/properties/RejectButton",
7260
+ options: {
7261
+ widget: "IconButton"
7262
+ },
7263
+ config: {
7264
+ main: {
7265
+ icon: "RejectIcon",
7266
+ color: "error",
7267
+ onClick: "deleteComponents",
7268
+ tooltipMessage: "Reject This Record"
7269
+ }
7270
+ }
7178
7271
  }
7179
7272
  }
7180
- }
7273
+ ]
7181
7274
  }
7182
7275
  ]
7183
7276
  }
@@ -7201,7 +7294,12 @@ const ValueTab = {
7201
7294
  widget: "InputField"
7202
7295
  },
7203
7296
  config: {
7204
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7297
+ layout: {
7298
+ xs: 11,
7299
+ sm: 11,
7300
+ md: 5.5,
7301
+ lg: 5.5
7302
+ },
7205
7303
  main: {
7206
7304
  label: "Label"
7207
7305
  }
@@ -7214,21 +7312,16 @@ const ValueTab = {
7214
7312
  widget: "InputField"
7215
7313
  },
7216
7314
  config: {
7217
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7315
+ layout: {
7316
+ xs: 11,
7317
+ sm: 11,
7318
+ md: 5.5,
7319
+ lg: 5.5
7320
+ },
7218
7321
  main: {
7219
7322
  label: "Value"
7220
7323
  }
7221
7324
  }
7222
- },
7223
- {
7224
- type: "Control",
7225
- scope: "#/properties/emptyBox",
7226
- options: {
7227
- widget: "EmptyBox"
7228
- },
7229
- config: {
7230
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7231
- }
7232
7325
  }
7233
7326
  ]
7234
7327
  }
@@ -7255,7 +7348,12 @@ const ValidationSection = {
7255
7348
  widget: "SelectInputField"
7256
7349
  },
7257
7350
  config: {
7258
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7351
+ layout: {
7352
+ xs: 11,
7353
+ sm: 11,
7354
+ md: 5.5,
7355
+ lg: 5.5
7356
+ },
7259
7357
  main: {
7260
7358
  label: "Validation Type"
7261
7359
  }
@@ -7268,21 +7366,16 @@ const ValidationSection = {
7268
7366
  widget: "InputField"
7269
7367
  },
7270
7368
  config: {
7271
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7369
+ layout: {
7370
+ xs: 11,
7371
+ sm: 11,
7372
+ md: 5.5,
7373
+ lg: 5.5
7374
+ },
7272
7375
  main: {
7273
7376
  label: "Validation Value"
7274
7377
  }
7275
7378
  }
7276
- },
7277
- {
7278
- type: "Control",
7279
- scope: "#/properties/emptyBox",
7280
- options: {
7281
- widget: "EmptyBox"
7282
- },
7283
- config: {
7284
- layout: { xs: 0, sm: 4 }
7285
- }
7286
7379
  }
7287
7380
  ]
7288
7381
  }
@@ -7464,7 +7557,7 @@ const sectionLabels = {
7464
7557
  };
7465
7558
  const refreshPage = (type, store2) => {
7466
7559
  var _a;
7467
- const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7560
+ const UiSchema = _.cloneDeep(componentBasicUiSchema);
7468
7561
  if (type) {
7469
7562
  const sectionUiSchema = {
7470
7563
  Core: CoreSection,
@@ -7476,8 +7569,8 @@ const refreshPage = (type, store2) => {
7476
7569
  Validation: ValidationSection
7477
7570
  };
7478
7571
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7479
- UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7480
- UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7572
+ UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7573
+ UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7481
7574
  }
7482
7575
  store2.setUiSchema(UiSchema);
7483
7576
  };
@@ -7599,7 +7692,7 @@ var pageMaster = (funcParams) => {
7599
7692
  return config;
7600
7693
  },
7601
7694
  getUiSchema: function() {
7602
- return PageMasterUiSchema(store2.theme.myTheme);
7695
+ return PageMasterUiSchema;
7603
7696
  },
7604
7697
  getSchema: () => {
7605
7698
  return PageMasterSchema;
@@ -7621,7 +7714,10 @@ var pageMaster = (funcParams) => {
7621
7714
  },
7622
7715
  saveHandler: async () => await saveHandler(store2, service2, submitHandler),
7623
7716
  Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
7624
- Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
7717
+ Delete_Components: async function() {
7718
+ await Component(store2, dynamicData2, submitHandler, service2).deleteComponents();
7719
+ store2.updateDialog("popUpComponent");
7720
+ },
7625
7721
  eventAddHandler: function() {
7626
7722
  var _a;
7627
7723
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7632,19 +7728,26 @@ var pageMaster = (funcParams) => {
7632
7728
  const finalPath = `events[${store2.formData.events.length}]`;
7633
7729
  store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
7634
7730
  },
7635
- editEvent: function() {
7731
+ editEvent: async function() {
7636
7732
  var _a;
7637
7733
  const rowId = dynamicData2.path.split(".")[1];
7638
7734
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
7639
- saveFormdataInLocalStorage(store2.ctx.core.data);
7735
+ await saveFormdataInLocalStorage(store2.ctx.core.data);
7640
7736
  const finalPath = `events[${rowId}]`;
7641
7737
  store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
7738
+ store2.updateDialog("popUpEvent");
7642
7739
  },
7643
7740
  deleteEvent: function() {
7644
7741
  const rowId = dynamicData2.path.split(".")[1];
7645
7742
  store2.formData.events.splice(rowId, 1);
7646
7743
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7647
7744
  store2.setFormdata(response2);
7745
+ },
7746
+ deletePopUpEvent: function() {
7747
+ store2.updateDialog("popUpEvent");
7748
+ },
7749
+ deletePopUpComponent: function() {
7750
+ store2.updateDialog("popUpComponent");
7648
7751
  }
7649
7752
  };
7650
7753
  };
@@ -7730,422 +7833,338 @@ const EventSchema = {
7730
7833
  }
7731
7834
  }
7732
7835
  }
7733
- }
7734
- },
7735
- required: ["eventType", "Handler"]
7736
- };
7737
- const EventUiSchema = (theme) => {
7738
- var _a;
7739
- const uiSchema = {
7740
- type: "HorizontalLayout",
7741
- heading: "Component",
7742
- elements: [
7743
- {
7744
- type: "TabLayout",
7745
- config: {
7746
- main: {
7747
- tabLabels: ["Core", "Response Event"],
7748
- defaultStyle: true,
7749
- id: "event"
7750
- }
7751
- },
7752
- elements: [
7753
- {
7754
- type: "HorizontalLayout",
7755
- elements: [
7756
- {
7757
- type: "Control",
7758
- scope: `#/properties/eventType`,
7759
- options: {
7760
- widget: "SelectInputField"
7761
- },
7762
- config: {
7763
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7764
- main: {
7765
- label: "Event Type",
7766
- type: "text"
7767
- }
7768
- }
7769
- },
7770
- {
7771
- type: "Control",
7772
- scope: `#/properties/Handler`,
7773
- options: {
7774
- widget: "SelectInputField"
7775
- },
7776
- config: {
7777
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7778
- main: {
7779
- label: "Handler",
7780
- type: "text"
7781
- }
7782
- }
7783
- },
7784
- {
7785
- type: "Control",
7786
- scope: "#/properties/emptyBox",
7787
- options: {
7788
- widget: "EmptyBox"
7789
- },
7790
- config: {
7791
- layout: { xs: 0, sm: 4 }
7792
- }
7793
- }
7794
- ]
7795
- },
7796
- {
7797
- type: "Control",
7798
- scope: "#/properties/events",
7799
- options: {
7800
- widget: "Table"
7801
- },
7802
- config: {
7803
- main: {
7804
- headerIcons: {
7805
- elements: [
7806
- {
7807
- widget: {
7808
- type: "Control",
7809
- scope: "#/properties/New_Record",
7810
- options: {
7811
- widget: "IconButton"
7812
- },
7813
- config: {
7814
- main: {
7815
- color: "info",
7816
- onClick: "addEvent",
7817
- size: "small",
7818
- icon: "AddIcon",
7819
- iconLabel: "Add New",
7820
- styleDefault: true
7821
- },
7822
- style: {
7823
- mt: "6px"
7824
- }
7825
- }
7826
- }
7827
- }
7828
- ]
7829
- },
7830
- disableAction: true,
7831
- disableSelection: true,
7832
- enableDrag: true
7833
- }
7834
- },
7835
- elements: [
7836
- {
7837
- accessorKey: "eventType",
7838
- header: "Event Type"
7839
- },
7840
- {
7841
- accessorKey: "Handler",
7842
- header: "Handler"
7843
- },
7844
- {
7845
- accessorKey: "Edit_Approve_Records",
7846
- header: "Edit Widget",
7847
- widget: {
7848
- type: "Control",
7849
- scope: "#/properties/Edit_Records",
7850
- options: {
7851
- widget: "IconButton"
7852
- },
7853
- config: {
7854
- main: {
7855
- color: "info",
7856
- size: "small",
7857
- icon: "EditIcon",
7858
- tooltipMessage: "Edit This Record",
7859
- onClick: "editEvent"
7860
- },
7861
- style: {
7862
- color: "#3949ab"
7863
- }
7864
- }
7865
- }
7866
- },
7867
- {
7868
- accessorKey: "Reject_Records",
7869
- header: "Delete",
7870
- widget: {
7871
- type: "Control",
7872
- scope: "#/properties/RejectButton",
7873
- options: {
7874
- widget: "IconButton"
7875
- },
7876
- config: {
7877
- main: {
7878
- icon: "RejectIcon",
7879
- color: "error",
7880
- tooltipMessage: "Reject This Record",
7881
- onClick: "deleteEvent"
7882
- }
7883
- }
7884
- }
7885
- }
7886
- ]
7887
- }
7888
- ]
7889
- },
7890
- {
7891
- type: "Control",
7892
- scope: "#/properties/EmptyBox",
7893
- options: {
7894
- widget: "EmptyBox"
7895
- },
7896
- config: {
7897
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7898
- }
7899
- },
7900
- {
7901
- type: "Control",
7902
- scope: "#/properties/EmptyBox",
7903
- options: {
7904
- widget: "EmptyBox"
7836
+ }
7837
+ },
7838
+ required: ["eventType", "Handler"]
7839
+ };
7840
+ const EventUiSchema = {
7841
+ type: "HorizontalLayout",
7842
+ elements: [
7843
+ {
7844
+ type: "WrapperLayout",
7845
+ config: {
7846
+ main: {
7847
+ rowSpacing: 1,
7848
+ header: true
7905
7849
  },
7906
- config: {
7907
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7908
- }
7850
+ defaultStyle: true
7909
7851
  },
7910
- {
7911
- type: "Control",
7912
- scope: "#/properties/btn",
7913
- options: {
7914
- widget: "Button"
7852
+ elements: [
7853
+ {
7854
+ type: "Control",
7855
+ scope: "#/properties/Component",
7856
+ options: {
7857
+ widget: "Box"
7858
+ },
7859
+ config: {
7860
+ layout: { xs: 12, sm: 12, md: 2 },
7861
+ main: {
7862
+ heading: "Component"
7863
+ },
7864
+ style: {
7865
+ "float": "left"
7866
+ }
7867
+ }
7915
7868
  },
7916
- config: {
7917
- layout: 1.8,
7918
- main: {
7919
- name: "Ok",
7920
- startIcon: "ApproveIcon",
7921
- variant: "contained",
7922
- color: "info",
7923
- type: "text",
7924
- onClick: "okHandler",
7925
- size: "medium"
7869
+ {
7870
+ type: "Control",
7871
+ scope: "#/properties/pageName",
7872
+ options: {
7873
+ widget: "Box"
7926
7874
  },
7927
- style: {
7928
- float: "right"
7875
+ config: {
7876
+ layout: { xs: 7, sm: 7, md: 9 },
7877
+ main: {
7878
+ heading: " "
7879
+ },
7880
+ style: {
7881
+ float: "right",
7882
+ width: "auto",
7883
+ fontSize: "12px",
7884
+ color: "gray",
7885
+ paddingTop: "10px"
7886
+ }
7929
7887
  }
7930
- }
7931
- },
7932
- {
7933
- type: "Control",
7934
- scope: "#/properties/btnSubmit",
7935
- options: {
7936
- widget: "Button"
7937
7888
  },
7938
- config: {
7939
- layout: 1.8,
7940
- main: {
7941
- name: "Save & Exit",
7942
- startIcon: "ApproveIcon",
7943
- variant: "contained",
7944
- color: "info",
7945
- type: "text",
7946
- onClick: "saveHandler",
7947
- size: "medium"
7889
+ {
7890
+ type: "Control",
7891
+ scope: "#/properties/Back_Button",
7892
+ options: {
7893
+ widget: "IconButton"
7948
7894
  },
7949
- style: {
7950
- float: "right"
7895
+ config: {
7896
+ layout: { xs: 2, sm: 2, md: 0.5 },
7897
+ main: {
7898
+ icon: "BackIcon",
7899
+ styleDefault: true,
7900
+ size: "small",
7901
+ onClick: "backHandler",
7902
+ tooltipMessage: "Back"
7903
+ },
7904
+ style: {
7905
+ float: "right"
7906
+ }
7951
7907
  }
7952
7908
  }
7909
+ ]
7910
+ },
7911
+ {
7912
+ type: "TabLayout",
7913
+ config: {
7914
+ main: {
7915
+ tabLabels: ["Core", "Response Event"],
7916
+ defaultStyle: true,
7917
+ id: "event"
7918
+ }
7953
7919
  },
7954
- {
7955
- type: "Control",
7956
- scope: "#/properties/notify",
7957
- options: {
7958
- widget: "Notify"
7959
- },
7960
- layout: 6
7961
- },
7962
- {
7963
- type: "HorizontalLayout",
7964
- config: {
7965
- style: {
7966
- position: "fixed",
7967
- bottom: 5,
7968
- overflow: "visible",
7969
- margin: "0",
7970
- width: "100vw"
7971
- }
7920
+ elements: [
7921
+ {
7922
+ type: "HorizontalLayout",
7923
+ elements: [
7924
+ {
7925
+ type: "Control",
7926
+ scope: `#/properties/eventType`,
7927
+ options: {
7928
+ widget: "SelectInputField"
7929
+ },
7930
+ config: {
7931
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7932
+ main: {
7933
+ label: "Event Type",
7934
+ type: "text"
7935
+ }
7936
+ }
7937
+ },
7938
+ getSelectField("Handler", "Handler")
7939
+ ]
7972
7940
  },
7973
- elements: [
7974
- {
7975
- type: "Control",
7976
- scope: "#/properties/EmptyBox",
7977
- options: {
7978
- widget: "EmptyBox"
7941
+ {
7942
+ type: "WrapperLayout",
7943
+ config: {
7944
+ main: {
7945
+ divider: true
7979
7946
  },
7980
- config: {
7981
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7947
+ wrapperStyle: {
7948
+ border: "1px solid gray"
7982
7949
  }
7983
7950
  },
7984
- {
7985
- type: "Control",
7986
- scope: "#/properties/FooterText",
7987
- options: {
7988
- widget: "Box"
7989
- },
7990
- config: {
7991
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7992
- main: {
7993
- heading: "Copywriter@ACT21.IO"
7951
+ elements: [
7952
+ {
7953
+ type: "Control",
7954
+ scope: "#/properties/heading",
7955
+ options: {
7956
+ widget: "Box"
7994
7957
  },
7995
- style: {
7996
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7997
- fontSize: "12px"
7958
+ config: {
7959
+ layout: 8,
7960
+ main: {
7961
+ heading: "Response Event"
7962
+ },
7963
+ style: {
7964
+ fontFamily: "Roboto",
7965
+ fontWeight: "500",
7966
+ paddingLeft: "-10px",
7967
+ fontSize: "20px"
7968
+ }
7998
7969
  }
7999
- }
8000
- },
8001
- {
8002
- type: "HorizontalLayout",
8003
- config: {
8004
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
8005
7970
  },
8006
- elements: [
8007
- {
8008
- type: "Control",
8009
- scope: "#/properties/EmptyBox",
8010
- options: {
8011
- widget: "EmptyBox"
7971
+ {
7972
+ type: "Control",
7973
+ scope: "#/properties/AddButton",
7974
+ options: {
7975
+ widget: "IconButton"
7976
+ },
7977
+ config: {
7978
+ layout: 3,
7979
+ main: {
7980
+ icon: "AddIcon",
7981
+ styleDefault: true,
7982
+ size: "small",
7983
+ onClick: "addEvent",
7984
+ tooltipMessage: "Back"
8012
7985
  },
8013
- config: {
8014
- layout: 2
7986
+ style: {
7987
+ float: "right"
8015
7988
  }
7989
+ }
7990
+ },
7991
+ {
7992
+ type: "Control",
7993
+ scope: "#/properties/events",
7994
+ options: {
7995
+ widget: "Table"
8016
7996
  },
8017
- {
8018
- type: "Control",
8019
- scope: "#/properties/backIcon",
8020
- options: {
8021
- widget: "Box"
8022
- },
8023
- config: {
8024
- layout: 1,
8025
- main: {
8026
- iconName: "PrevIcon",
8027
- onClick: "backHandler"
8028
- },
8029
- style: {
8030
- fill: theme.palette.primary.dark,
8031
- width: 20,
8032
- height: 20,
8033
- display: "flex",
8034
- alignItems: "center",
8035
- justifyContent: "center",
8036
- marginRight: "-8px",
8037
- cursor: "pointer"
8038
- }
7997
+ config: {
7998
+ main: {
7999
+ disableAction: true,
8000
+ disableSelection: true,
8001
+ enableDrag: true
8039
8002
  }
8040
8003
  },
8041
- {
8042
- type: "Control",
8043
- scope: "#/properties/text",
8044
- options: {
8045
- widget: "Box"
8004
+ elements: [
8005
+ {
8006
+ accessorKey: "eventType",
8007
+ header: "Event Type"
8046
8008
  },
8047
- config: {
8048
- layout: 9,
8049
- main: {
8050
- heading: "Previous Page",
8051
- onClick: "backHandler"
8052
- },
8053
- style: {
8054
- color: theme.palette.primary.dark,
8055
- fontSize: "12px",
8056
- cursor: "pointer",
8057
- marginLeft: "-6px"
8009
+ {
8010
+ accessorKey: "Handler",
8011
+ header: "Handler"
8012
+ },
8013
+ {
8014
+ accessorKey: "Edit_Approve_Records",
8015
+ header: "Edit Widget",
8016
+ widget: {
8017
+ type: "Control",
8018
+ scope: "#/properties/Edit_Records",
8019
+ options: {
8020
+ widget: "IconButton"
8021
+ },
8022
+ config: {
8023
+ main: {
8024
+ color: "info",
8025
+ size: "small",
8026
+ icon: "EditIcon",
8027
+ tooltipMessage: "Edit This Record",
8028
+ onClick: "editEvent"
8029
+ },
8030
+ style: {
8031
+ color: "#3949ab"
8032
+ }
8033
+ }
8034
+ }
8035
+ },
8036
+ {
8037
+ accessorKey: "Reject_Records",
8038
+ header: "Delete",
8039
+ widget: {
8040
+ type: "Control",
8041
+ scope: "#/properties/RejectButton",
8042
+ options: {
8043
+ widget: "IconButton"
8044
+ },
8045
+ config: {
8046
+ main: {
8047
+ icon: "RejectIcon",
8048
+ color: "error",
8049
+ tooltipMessage: "Reject This Record",
8050
+ onClick: "deleteEvent"
8051
+ }
8052
+ }
8058
8053
  }
8059
8054
  }
8060
- }
8061
- ]
8062
- },
8063
- {
8064
- type: "Control",
8065
- scope: "#/properties/pageName",
8066
- options: {
8067
- widget: "Box"
8068
- },
8069
- config: {
8070
- layout: 9.7,
8071
- main: {
8072
- heading: " "
8073
- },
8074
- style: {
8075
- color: theme.palette.text.disabled,
8076
- textAlign: "right",
8077
- fontSize: "12px",
8078
- marginTop: "-16px"
8079
- }
8080
- }
8081
- },
8082
- {
8083
- type: "Control",
8084
- scope: "#/properties/emptyBox",
8085
- options: {
8086
- widget: "EmptyBox"
8087
- },
8088
- config: {
8089
- layout: 2.3
8055
+ ]
8090
8056
  }
8091
- }
8092
- ]
8057
+ ]
8058
+ }
8059
+ ]
8060
+ },
8061
+ {
8062
+ type: "Control",
8063
+ scope: "#/properties/proc",
8064
+ config: {
8065
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8066
+ },
8067
+ options: {
8068
+ widget: "EmptyBox"
8093
8069
  }
8094
- ]
8095
- };
8096
- return uiSchema;
8097
- };
8098
- const APISection = {
8099
- type: "HorizontalLayout",
8100
- elements: [
8070
+ },
8101
8071
  {
8102
8072
  type: "Control",
8103
- scope: "#/properties/method",
8073
+ scope: "#/properties/btn",
8104
8074
  options: {
8105
- widget: "SelectInputField"
8075
+ widget: "Button"
8106
8076
  },
8107
8077
  config: {
8108
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8078
+ layout: {
8079
+ xs: 11,
8080
+ sm: 11,
8081
+ md: 2.5,
8082
+ lg: 2.5
8083
+ },
8109
8084
  main: {
8110
- label: "Method",
8111
- type: "text"
8085
+ name: "Ok",
8086
+ startIcon: "ApproveIcon",
8087
+ variant: "contained",
8088
+ color: "info",
8089
+ type: "text",
8090
+ onClick: "okHandler",
8091
+ size: "small"
8092
+ },
8093
+ style: {
8094
+ marginBottom: "8px",
8095
+ float: "right"
8112
8096
  }
8113
8097
  }
8114
8098
  },
8115
8099
  {
8116
8100
  type: "Control",
8117
- scope: "#/properties/path",
8101
+ scope: "#/properties/btnSubmit",
8118
8102
  options: {
8119
- widget: "InputField"
8103
+ widget: "Button"
8120
8104
  },
8121
8105
  config: {
8122
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8106
+ layout: {
8107
+ xs: 11,
8108
+ sm: 11,
8109
+ md: 2.5,
8110
+ lg: 2.5
8111
+ },
8123
8112
  main: {
8124
- label: "Path",
8113
+ name: "Save & Exit",
8114
+ startIcon: "ApproveIcon",
8115
+ variant: "contained",
8116
+ color: "info",
8125
8117
  type: "text",
8126
- multiple: false,
8127
- options: []
8118
+ onClick: "saveHandler",
8119
+ size: "small"
8120
+ },
8121
+ style: {
8122
+ marginBottom: "8px",
8123
+ float: "right"
8128
8124
  }
8129
8125
  }
8130
8126
  },
8131
8127
  {
8132
8128
  type: "Control",
8133
- scope: "#/properties/emptyBox",
8129
+ scope: "#/properties/notify",
8134
8130
  options: {
8135
- widget: "EmptyBox"
8131
+ widget: "Notify"
8132
+ },
8133
+ layout: 6
8134
+ }
8135
+ ]
8136
+ };
8137
+ const APISection = {
8138
+ type: "HorizontalLayout",
8139
+ elements: [
8140
+ {
8141
+ type: "Control",
8142
+ scope: "#/properties/method",
8143
+ options: {
8144
+ widget: "SelectInputField"
8136
8145
  },
8137
8146
  config: {
8138
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8147
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8148
+ main: {
8149
+ label: "Method",
8150
+ type: "text"
8151
+ }
8139
8152
  }
8140
8153
  },
8141
8154
  {
8142
8155
  type: "Control",
8143
- scope: "#/properties/emptyBox",
8156
+ scope: "#/properties/path",
8144
8157
  options: {
8145
- widget: "EmptyBox"
8158
+ widget: "InputField"
8146
8159
  },
8147
8160
  config: {
8148
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8161
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8162
+ main: {
8163
+ label: "Path",
8164
+ type: "text",
8165
+ multiple: false,
8166
+ options: []
8167
+ }
8149
8168
  }
8150
8169
  },
8151
8170
  {
@@ -8164,7 +8183,12 @@ const APISection = {
8164
8183
  widget: "InputField"
8165
8184
  },
8166
8185
  config: {
8167
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8186
+ layout: {
8187
+ xs: 11,
8188
+ sm: 11,
8189
+ md: 5.5,
8190
+ lg: 5.5
8191
+ },
8168
8192
  main: {
8169
8193
  label: "Key"
8170
8194
  }
@@ -8177,7 +8201,12 @@ const APISection = {
8177
8201
  widget: "InputField"
8178
8202
  },
8179
8203
  config: {
8180
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8204
+ layout: {
8205
+ xs: 11,
8206
+ sm: 11,
8207
+ md: 5.5,
8208
+ lg: 5.5
8209
+ },
8181
8210
  main: {
8182
8211
  label: "Value"
8183
8212
  }
@@ -8203,7 +8232,12 @@ const APISection = {
8203
8232
  widget: "InputField"
8204
8233
  },
8205
8234
  config: {
8206
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8235
+ layout: {
8236
+ xs: 11,
8237
+ sm: 11,
8238
+ md: 5.5,
8239
+ lg: 5.5
8240
+ },
8207
8241
  main: {
8208
8242
  label: "Key"
8209
8243
  }
@@ -8216,7 +8250,12 @@ const APISection = {
8216
8250
  widget: "InputField"
8217
8251
  },
8218
8252
  config: {
8219
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8253
+ layout: {
8254
+ xs: 11,
8255
+ sm: 11,
8256
+ md: 5.5,
8257
+ lg: 5.5
8258
+ },
8220
8259
  main: {
8221
8260
  label: "Value"
8222
8261
  }
@@ -8290,21 +8329,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8290
8329
  this.refreshPage(formdata.Handler, store2);
8291
8330
  },
8292
8331
  refreshPage: (handlerType, store22) => {
8293
- const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8332
+ const uiSchema = _.cloneDeep(EventUiSchema);
8294
8333
  const schema2 = _.cloneDeep(EventSchema);
8295
8334
  if (handlerType) {
8296
8335
  if (handlerType === "custom") {
8297
- uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8336
+ uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8298
8337
  schema2.required = ["eventType", "Handler", "eventCode"];
8299
8338
  } else if (handlerType === "api") {
8300
- uiSchema.elements[0].elements[0].elements[3] = APISection;
8339
+ uiSchema.elements[1].elements[0].elements[2] = APISection;
8301
8340
  schema2.required = ["eventType", "Handler", "method", "path"];
8302
8341
  } else if (handlerType === "inBuiltFunction") {
8303
- uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8304
- uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, 12);
8342
+ uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8343
+ uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8305
8344
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8306
8345
  } else if (handlerType === "refresh") {
8307
- uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8346
+ uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8308
8347
  schema2.properties.refreshElements.required = ["value"];
8309
8348
  schema2.properties.refreshElements.items.required = ["value"];
8310
8349
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8314,8 +8353,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8314
8353
  store22.setUiSchema(uiSchema);
8315
8354
  },
8316
8355
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8317
- getUiSchema: async function() {
8318
- return await EventUiSchema(store2.theme.myTheme);
8356
+ getUiSchema: function() {
8357
+ return EventUiSchema;
8319
8358
  },
8320
8359
  getSchema: () => {
8321
8360
  return EventSchema;
@@ -9637,7 +9676,12 @@ var TextInputField = {
9637
9676
  widget: "InputField"
9638
9677
  },
9639
9678
  config: {
9640
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9679
+ layout: {
9680
+ xs: 11,
9681
+ sm: 11,
9682
+ md: 5.5,
9683
+ lg: 5.5
9684
+ },
9641
9685
  main: {
9642
9686
  label: ""
9643
9687
  },
@@ -9670,7 +9714,12 @@ var SelectInputField = {
9670
9714
  widget: "SelectInputField"
9671
9715
  },
9672
9716
  config: {
9673
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9717
+ "layout": {
9718
+ "xs": 11,
9719
+ "sm": 11,
9720
+ "md": 5.5,
9721
+ "lg": 5.5
9722
+ },
9674
9723
  main: {
9675
9724
  label: "",
9676
9725
  type: "text",
@@ -10080,7 +10129,12 @@ var DateInputField = {
10080
10129
  widget: "DateInputField"
10081
10130
  },
10082
10131
  config: {
10083
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10132
+ layout: {
10133
+ xs: 11,
10134
+ sm: 11,
10135
+ md: 5.5,
10136
+ lg: 5.5
10137
+ },
10084
10138
  main: {
10085
10139
  label: "",
10086
10140
  type: "date"
@@ -10197,7 +10251,7 @@ var MultipleSelect = {
10197
10251
  widget: "MultipleSelect"
10198
10252
  },
10199
10253
  config: {
10200
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10254
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10201
10255
  main: {
10202
10256
  label: "",
10203
10257
  type: "text",
@@ -10384,7 +10438,7 @@ var emptyBox = {
10384
10438
  widget: "EmptyBox"
10385
10439
  },
10386
10440
  config: {
10387
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10441
+ layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
10388
10442
  main: {},
10389
10443
  style: {}
10390
10444
  }