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

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 +1379 -1239
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +12 -12
  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 +532 -360
  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,561 @@ 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/ConfirmDeleteButton",
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/CancelDeleteButton1",
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
+ marginBottom: "8px",
328
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
275
329
  }
330
+ }
331
+ },
332
+ {
333
+ type: "Control",
334
+ scope: "#/properties/emptyBox",
335
+ options: {
336
+ widget: "Box"
276
337
  },
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
- }
338
+ config: {
339
+ layout: 6
295
340
  }
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
- }
341
+ }
342
+ ]
321
343
  }
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
- }
344
+ ]
343
345
  },
344
- elements: [
345
- {
346
- type: "Control",
347
- scope: "#/properties/EmptyBox",
348
- options: {
349
- widget: "EmptyBox"
346
+ {
347
+ type: "WrapperLayout",
348
+ config: {
349
+ main: {
350
+ divider: true
350
351
  },
351
- config: {
352
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
352
+ wrapperStyle: {
353
+ border: "1px solid gray"
353
354
  }
354
355
  },
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"
356
+ elements: [
357
+ {
358
+ type: "Control",
359
+ scope: "#/properties/heading",
360
+ options: {
361
+ widget: "Box"
365
362
  },
366
- style: {
367
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
368
- fontSize: "12px"
363
+ config: {
364
+ layout: 8,
365
+ main: {
366
+ heading: "Event Table"
367
+ },
368
+ style: {
369
+ fontFamily: "Roboto",
370
+ fontWeight: "500",
371
+ paddingLeft: "-10px",
372
+ fontSize: "20px"
373
+ }
369
374
  }
370
- }
371
- },
372
- {
373
- type: "HorizontalLayout",
374
- config: {
375
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
376
375
  },
377
- elements: [
378
- {
379
- type: "Control",
380
- scope: "#/properties/EmptyBox",
381
- options: {
382
- widget: "EmptyBox"
376
+ {
377
+ type: "Control",
378
+ scope: "#/properties/AddButton",
379
+ options: {
380
+ widget: "IconButton"
381
+ },
382
+ config: {
383
+ layout: 3,
384
+ main: {
385
+ icon: "AddIcon",
386
+ styleDefault: true,
387
+ size: "small",
388
+ onClick: "eventAddHandler",
389
+ tooltipMessage: "Back"
383
390
  },
384
- config: {
385
- layout: 2
391
+ style: {
392
+ float: "right"
386
393
  }
394
+ }
395
+ },
396
+ {
397
+ type: "Control",
398
+ scope: "#/properties/events",
399
+ options: {
400
+ widget: "Table"
387
401
  },
388
- {
389
- type: "Control",
390
- scope: "#/properties/backIcon",
391
- options: {
392
- widget: "Box"
402
+ config: {
403
+ main: {
404
+ disableAction: true,
405
+ disableSelection: true,
406
+ enableDrag: true
407
+ }
408
+ },
409
+ elements: [
410
+ {
411
+ accessorKey: "eventType",
412
+ header: "Event Type"
393
413
  },
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"
414
+ {
415
+ accessorKey: "Handler",
416
+ header: "Handler"
417
+ },
418
+ {
419
+ accessorKey: "Edit_Approve_Records",
420
+ header: "Edit Widget",
421
+ widget: {
422
+ type: "Control",
423
+ scope: "#/properties/Edit_Records",
424
+ options: {
425
+ widget: "IconButton"
426
+ },
427
+ config: {
428
+ main: {
429
+ color: "info",
430
+ size: "small",
431
+ icon: "EditIcon",
432
+ tooltipMessage: "Edit This Record",
433
+ onClick: "editEvent"
434
+ },
435
+ style: {
436
+ color: "#3949ab"
437
+ }
438
+ }
439
+ }
440
+ },
441
+ {
442
+ accessorKey: "Reject_Records",
443
+ header: "Delete",
444
+ widget: {
445
+ type: "Control",
446
+ scope: "#/properties/RejectButton",
447
+ options: {
448
+ widget: "IconButton"
449
+ },
450
+ config: {
451
+ main: {
452
+ icon: "RejectIcon",
453
+ color: "error",
454
+ tooltipMessage: "Reject This Record",
455
+ onClick: "deleteEvent"
456
+ }
457
+ }
409
458
  }
410
459
  }
460
+ ]
461
+ },
462
+ {
463
+ type: "Control",
464
+ scope: "#/properties/popUpEvent",
465
+ options: {
466
+ widget: "PopUp"
411
467
  },
412
- {
413
- type: "Control",
414
- scope: "#/properties/text",
415
- options: {
416
- widget: "Box"
468
+ config: {
469
+ layout: {
470
+ xs: 12,
471
+ sm: 12,
472
+ md: 12,
473
+ lg: 12
417
474
  },
418
- config: {
419
- layout: 9,
420
- main: {
421
- heading: "Previous Page",
422
- onClick: "backHandler"
475
+ main: {}
476
+ },
477
+ elemetns: [
478
+ {
479
+ type: "Control",
480
+ scope: "#/properties/Label",
481
+ options: {
482
+ widget: "Box"
423
483
  },
424
- style: {
425
- color: theme.palette.primary.dark,
426
- fontSize: "12px",
427
- cursor: "pointer",
428
- marginLeft: "-6px"
484
+ config: {
485
+ layout: 12,
486
+ main: {
487
+ heading: "Are you sure you want to delete ?"
488
+ }
489
+ }
490
+ },
491
+ {
492
+ type: "Control",
493
+ scope: "#/properties/ConfirmDeleteEventButton",
494
+ options: {
495
+ widget: "Button"
496
+ },
497
+ config: {
498
+ layout: 3,
499
+ main: {
500
+ name: "No",
501
+ startIcon: "ApproveIcon",
502
+ variant: "contained",
503
+ color: "info",
504
+ type: "text",
505
+ onClick: "deleteEvent",
506
+ size: "small"
507
+ },
508
+ style: {
509
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
510
+ }
511
+ }
512
+ },
513
+ {
514
+ type: "Control",
515
+ scope: "#/properties/CancelDeleteEventButton",
516
+ options: {
517
+ widget: "Button"
518
+ },
519
+ config: {
520
+ layout: 3,
521
+ main: {
522
+ name: "Yes",
523
+ startIcon: "ApproveIcon",
524
+ variant: "contained",
525
+ color: "info",
526
+ type: "text",
527
+ onClick: "deleteEvent",
528
+ size: "small"
529
+ },
530
+ style: {
531
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
532
+ }
533
+ }
534
+ },
535
+ {
536
+ type: "Control",
537
+ scope: "#/properties/emptyBox",
538
+ options: {
539
+ widget: "Box"
540
+ },
541
+ config: {
542
+ layout: 6
429
543
  }
430
544
  }
431
- }
432
- ]
433
- }
434
- ]
545
+ ]
546
+ }
547
+ ]
548
+ }
549
+ ]
550
+ },
551
+ {
552
+ type: "Control",
553
+ scope: "#/properties/btn",
554
+ options: {
555
+ widget: "EmptyBox"
556
+ },
557
+ config: {
558
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
435
559
  }
436
- ]
437
- };
438
- return uiSchema;
560
+ },
561
+ {
562
+ type: "Control",
563
+ scope: "#/properties/btn",
564
+ options: {
565
+ widget: "Button"
566
+ },
567
+ config: {
568
+ layout: 11.7,
569
+ main: {
570
+ name: "Save",
571
+ startIcon: "ApproveIcon",
572
+ variant: "contained",
573
+ color: "info",
574
+ type: "text",
575
+ onClick: "saveHandler",
576
+ size: "small"
577
+ },
578
+ style: {
579
+ marginBottom: "8px",
580
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
581
+ float: "right"
582
+ }
583
+ }
584
+ },
585
+ {
586
+ type: "Control",
587
+ scope: "#/properties/notify",
588
+ options: {
589
+ widget: "Notify"
590
+ },
591
+ layout: 6
592
+ }
593
+ ]
439
594
  };
440
595
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
441
596
  var lodash = { exports: {} };
@@ -6169,332 +6324,285 @@ const ComponentSchema = {
6169
6324
  },
6170
6325
  required: ["name"]
6171
6326
  };
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`
6327
+ const componentBasicUiSchema = {
6328
+ type: "HorizontalLayout",
6329
+ elements: [
6330
+ {
6331
+ type: "WrapperLayout",
6332
+ config: {
6333
+ main: {
6334
+ rowSpacing: 1,
6335
+ header: true
6336
+ },
6337
+ defaultStyle: true
6338
+ },
6339
+ elements: [
6340
+ {
6341
+ type: "Control",
6342
+ scope: "#/properties/Component",
6343
+ options: {
6344
+ widget: "Box"
6345
+ },
6346
+ config: {
6347
+ layout: { xs: 12, sm: 12, md: 2 },
6348
+ main: {
6349
+ heading: "Component"
6350
+ },
6351
+ style: {
6352
+ "float": "left"
6353
+ }
6185
6354
  }
6186
6355
  },
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
- }
6356
+ {
6357
+ type: "Control",
6358
+ scope: "#/properties/pageName",
6359
+ options: {
6360
+ widget: "Box"
6361
+ },
6362
+ config: {
6363
+ layout: { xs: 7, sm: 7, md: 9 },
6364
+ main: {
6365
+ heading: " "
6366
+ },
6367
+ style: {
6368
+ float: "right",
6369
+ width: "auto",
6370
+ fontSize: "12px",
6371
+ color: "gray",
6372
+ paddingTop: "10px"
6373
+ }
6374
+ }
6375
+ },
6376
+ {
6377
+ type: "Control",
6378
+ scope: "#/properties/Back_Button",
6379
+ options: {
6380
+ widget: "IconButton"
6381
+ },
6382
+ config: {
6383
+ layout: { xs: 2, sm: 2, md: 0.5 },
6384
+ main: {
6385
+ icon: "BackIcon",
6386
+ styleDefault: true,
6387
+ size: "small",
6388
+ onClick: "backHandler",
6389
+ tooltipMessage: "Back"
6390
+ },
6391
+ style: {
6392
+ float: "right"
6393
+ }
6394
+ }
6395
+ }
6396
+ ]
6397
+ },
6398
+ {
6399
+ type: "TabLayout",
6400
+ config: {
6401
+ main: {
6402
+ tabLabels: ["Core"],
6403
+ defaultStyle: true,
6404
+ id: `component`
6405
+ }
6406
+ },
6407
+ elements: [
6408
+ {
6409
+ type: "HorizontalLayout",
6410
+ elements: [
6411
+ {
6412
+ type: "Control",
6413
+ scope: "#/properties/type",
6414
+ options: {
6415
+ widget: "SelectInputField"
6416
+ },
6417
+ config: {
6418
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6419
+ main: {
6420
+ label: "Type"
6202
6421
  }
6422
+ }
6423
+ },
6424
+ {
6425
+ type: "Control",
6426
+ scope: "#/properties/name",
6427
+ options: {
6428
+ widget: "InputField"
6203
6429
  },
6204
- {
6205
- type: "Control",
6206
- scope: "#/properties/name",
6207
- options: {
6208
- widget: "InputField"
6430
+ config: {
6431
+ layout: {
6432
+ xs: 12,
6433
+ sm: 12,
6434
+ md: 6,
6435
+ lg: 6
6209
6436
  },
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
- }
6437
+ main: {
6438
+ label: "Name",
6439
+ options: [],
6440
+ color: "secondary",
6441
+ required: true
6218
6442
  }
6219
- },
6220
- {
6221
- type: "Control",
6222
- scope: "#/properties/label",
6223
- options: {
6224
- widget: "InputField"
6443
+ }
6444
+ },
6445
+ {
6446
+ type: "Control",
6447
+ scope: "#/properties/label",
6448
+ options: {
6449
+ widget: "InputField"
6450
+ },
6451
+ config: {
6452
+ layout: {
6453
+ xs: 12,
6454
+ sm: 12,
6455
+ md: 6,
6456
+ lg: 6
6225
6457
  },
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
- }
6458
+ main: {
6459
+ label: "Label",
6460
+ options: [],
6461
+ color: "secondary",
6462
+ required: true
6234
6463
  }
6464
+ }
6465
+ },
6466
+ {
6467
+ type: "Control",
6468
+ scope: "#/properties/proc",
6469
+ config: {
6470
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6235
6471
  },
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
- }
6472
+ options: {
6473
+ widget: "EmptyBox"
6474
+ }
6475
+ },
6476
+ {
6477
+ type: "Control",
6478
+ scope: "#/properties/layout",
6479
+ layout: 11.5,
6480
+ options: {
6481
+ detail: {
6482
+ type: "HorizontalLayout",
6483
+ elements: [
6484
+ {
6485
+ type: "Control",
6486
+ scope: "#/properties/key",
6487
+ options: {
6488
+ widget: "SelectInputField"
6256
6489
  },
6257
- {
6258
- type: "Control",
6259
- scope: "#/properties/value",
6260
- options: {
6261
- widget: "InputField"
6490
+ config: {
6491
+ layout: {
6492
+ xs: 11,
6493
+ sm: 11,
6494
+ md: 5.5,
6495
+ lg: 5.5
6262
6496
  },
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
- }
6497
+ main: {
6498
+ label: "Screen Size"
6271
6499
  }
6500
+ }
6501
+ },
6502
+ {
6503
+ type: "Control",
6504
+ scope: "#/properties/value",
6505
+ options: {
6506
+ widget: "InputField"
6272
6507
  },
6273
- {
6274
- type: "Control",
6275
- scope: "#/properties/emptyBox",
6276
- options: {
6277
- widget: "EmptyBox"
6508
+ config: {
6509
+ layout: {
6510
+ xs: 11,
6511
+ sm: 11,
6512
+ md: 5.5,
6513
+ lg: 5.5
6278
6514
  },
6279
- config: {
6280
- layout: { xs: 0, sm: 4 }
6515
+ main: {
6516
+ label: "Value",
6517
+ type: "number",
6518
+ helperText: "Number should be in range of 0 to 12",
6519
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6281
6520
  }
6282
6521
  }
6283
- ]
6284
- }
6522
+ }
6523
+ ]
6285
6524
  }
6286
6525
  }
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 }
6526
+ }
6527
+ ]
6299
6528
  }
6529
+ ]
6530
+ },
6531
+ {
6532
+ type: "Control",
6533
+ scope: "#/properties/proc",
6534
+ config: {
6535
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6300
6536
  },
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
- }
6537
+ options: {
6538
+ widget: "EmptyBox"
6539
+ }
6540
+ },
6541
+ {
6542
+ type: "Control",
6543
+ scope: "#/properties/btn",
6544
+ options: {
6545
+ widget: "Button"
6310
6546
  },
6311
- {
6312
- type: "Control",
6313
- scope: "#/properties/btn",
6314
- options: {
6315
- widget: "Button"
6547
+ config: {
6548
+ layout: {
6549
+ xs: 11,
6550
+ sm: 11,
6551
+ md: 2.5,
6552
+ lg: 2.5
6316
6553
  },
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"
6554
+ main: {
6555
+ name: "Ok",
6556
+ startIcon: "ApproveIcon",
6557
+ variant: "contained",
6558
+ color: "info",
6559
+ type: "text",
6560
+ onClick: "okHandler",
6561
+ size: "small"
6338
6562
  },
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
- }
6563
+ style: {
6564
+ marginBottom: "8px",
6565
+ float: "right"
6353
6566
  }
6567
+ }
6568
+ },
6569
+ {
6570
+ type: "Control",
6571
+ scope: "#/properties/btnSubmit",
6572
+ options: {
6573
+ widget: "Button"
6354
6574
  },
6355
- {
6356
- type: "Control",
6357
- scope: "#/properties/notify",
6358
- options: {
6359
- widget: "Notify"
6575
+ config: {
6576
+ layout: {
6577
+ xs: 11,
6578
+ sm: 11,
6579
+ md: 2.5,
6580
+ lg: 2.5
6360
6581
  },
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
- }
6582
+ main: {
6583
+ name: "Save & Exit",
6584
+ startIcon: "ApproveIcon",
6585
+ variant: "contained",
6586
+ color: "info",
6587
+ type: "text",
6588
+ onClick: "saveHandler",
6589
+ size: "small"
6373
6590
  },
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
- ]
6591
+ style: {
6592
+ marginBottom: "8px",
6593
+ float: "right"
6594
+ }
6494
6595
  }
6495
- ]
6496
- };
6497
- return uiSchema;
6596
+ },
6597
+ {
6598
+ type: "Control",
6599
+ scope: "#/properties/notify",
6600
+ options: {
6601
+ widget: "Notify"
6602
+ },
6603
+ layout: 6
6604
+ }
6605
+ ]
6498
6606
  };
6499
6607
  const CoreSection = {
6500
6608
  type: "HorizontalLayout",
@@ -6506,7 +6614,7 @@ const CoreSection = {
6506
6614
  widget: "SelectInputField"
6507
6615
  },
6508
6616
  config: {
6509
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6617
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6510
6618
  main: {
6511
6619
  label: "Type",
6512
6620
  type: "text"
@@ -6520,7 +6628,12 @@ const CoreSection = {
6520
6628
  widget: "InputField"
6521
6629
  },
6522
6630
  config: {
6523
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6631
+ layout: {
6632
+ xs: 12,
6633
+ sm: 12,
6634
+ md: 6,
6635
+ lg: 6
6636
+ },
6524
6637
  main: {
6525
6638
  label: "Name"
6526
6639
  }
@@ -6533,16 +6646,31 @@ const CoreSection = {
6533
6646
  widget: "InputField"
6534
6647
  },
6535
6648
  config: {
6536
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6649
+ layout: {
6650
+ xs: 12,
6651
+ sm: 12,
6652
+ md: 6,
6653
+ lg: 6
6654
+ },
6537
6655
  main: {
6538
6656
  label: "Label"
6539
6657
  }
6540
6658
  }
6541
6659
  },
6660
+ {
6661
+ type: "Control",
6662
+ scope: "#/properties/proc",
6663
+ config: {
6664
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6665
+ },
6666
+ options: {
6667
+ widget: "EmptyBox"
6668
+ }
6669
+ },
6542
6670
  {
6543
6671
  type: "Control",
6544
6672
  scope: "#/properties/layout",
6545
- layout: 12,
6673
+ layout: 11.5,
6546
6674
  options: {
6547
6675
  "elementLabelProp": "key",
6548
6676
  detail: {
@@ -6555,7 +6683,12 @@ const CoreSection = {
6555
6683
  widget: "SelectInputField"
6556
6684
  },
6557
6685
  config: {
6558
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6686
+ layout: {
6687
+ xs: 11,
6688
+ sm: 11,
6689
+ md: 5.5,
6690
+ lg: 5.5
6691
+ },
6559
6692
  main: {
6560
6693
  label: "Screen Size"
6561
6694
  }
@@ -6568,7 +6701,12 @@ const CoreSection = {
6568
6701
  widget: "InputField"
6569
6702
  },
6570
6703
  config: {
6571
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6704
+ layout: {
6705
+ xs: 11,
6706
+ sm: 11,
6707
+ md: 5.5,
6708
+ lg: 5.5
6709
+ },
6572
6710
  main: {
6573
6711
  label: "Value",
6574
6712
  type: "number",
@@ -6576,16 +6714,6 @@ const CoreSection = {
6576
6714
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6577
6715
  }
6578
6716
  }
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
6717
  }
6590
6718
  ]
6591
6719
  }
@@ -6597,95 +6725,121 @@ const EventSection = {
6597
6725
  type: "HorizontalLayout",
6598
6726
  elements: [
6599
6727
  {
6600
- type: "Control",
6601
- scope: "#/properties/events",
6602
- options: {
6603
- widget: "Table"
6604
- },
6728
+ type: "WrapperLayout",
6605
6729
  config: {
6606
6730
  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
6731
+ divider: true
6732
+ },
6733
+ wrapperStyle: {
6734
+ border: "1px solid gray"
6636
6735
  }
6637
6736
  },
6638
6737
  elements: [
6639
6738
  {
6640
- accessorKey: "eventType",
6641
- header: "Event Type"
6739
+ type: "Control",
6740
+ scope: "#/properties/programType",
6741
+ options: {
6742
+ widget: "Box"
6743
+ },
6744
+ config: {
6745
+ layout: 8,
6746
+ main: {
6747
+ heading: "Event Table"
6748
+ },
6749
+ style: {
6750
+ fontFamily: "Roboto",
6751
+ fontWeight: "500",
6752
+ paddingLeft: "-10px",
6753
+ fontSize: "20px"
6754
+ }
6755
+ }
6642
6756
  },
6643
6757
  {
6644
- accessorKey: "Handler",
6645
- header: "Handler"
6758
+ type: "Control",
6759
+ scope: "#/properties/Back_Button",
6760
+ options: {
6761
+ widget: "IconButton"
6762
+ },
6763
+ config: {
6764
+ layout: 3,
6765
+ main: {
6766
+ icon: "AddIcon",
6767
+ styleDefault: true,
6768
+ size: "small",
6769
+ onClick: "eventAddHandler",
6770
+ tooltipMessage: "Back"
6771
+ },
6772
+ style: {
6773
+ float: "right"
6774
+ }
6775
+ }
6646
6776
  },
6647
6777
  {
6648
- accessorKey: "Edit_Approve_Records",
6649
- header: "Edit Widget",
6650
- widget: {
6651
- type: "Control",
6652
- scope: "#/properties/Edit_Records",
6653
- options: {
6654
- widget: "IconButton"
6778
+ type: "Control",
6779
+ scope: "#/properties/events",
6780
+ options: {
6781
+ widget: "Table"
6782
+ },
6783
+ config: {
6784
+ main: {
6785
+ disableAction: true,
6786
+ disableSelection: true,
6787
+ enableDrag: true
6788
+ }
6789
+ },
6790
+ elements: [
6791
+ {
6792
+ accessorKey: "eventType",
6793
+ header: "Event Type"
6655
6794
  },
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"
6795
+ {
6796
+ accessorKey: "Handler",
6797
+ header: "Handler"
6798
+ },
6799
+ {
6800
+ accessorKey: "Edit_Approve_Records",
6801
+ header: "Edit Widget",
6802
+ widget: {
6803
+ type: "Control",
6804
+ scope: "#/properties/Edit_Records",
6805
+ options: {
6806
+ widget: "IconButton"
6807
+ },
6808
+ config: {
6809
+ main: {
6810
+ color: "info",
6811
+ size: "small",
6812
+ icon: "EditIcon",
6813
+ tooltipMessage: "Edit This Record",
6814
+ onClick: "eventEditHandler"
6815
+ },
6816
+ style: {
6817
+ color: "#3949ab"
6818
+ }
6819
+ }
6666
6820
  }
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
6821
  },
6680
- config: {
6681
- main: {
6682
- icon: "RejectIcon",
6683
- color: "error",
6684
- tooltipMessage: "Reject This Record",
6685
- onClick: "deleteEvent"
6822
+ {
6823
+ accessorKey: "Reject_Records",
6824
+ header: "Delete",
6825
+ widget: {
6826
+ type: "Control",
6827
+ scope: "#/properties/RejectButton",
6828
+ accessorKeyName: "Reject_Records",
6829
+ options: {
6830
+ widget: "IconButton"
6831
+ },
6832
+ config: {
6833
+ main: {
6834
+ icon: "RejectIcon",
6835
+ color: "error",
6836
+ tooltipMessage: "Reject This Record",
6837
+ onClick: "deleteEvent"
6838
+ }
6839
+ }
6686
6840
  }
6687
6841
  }
6688
- }
6842
+ ]
6689
6843
  }
6690
6844
  ]
6691
6845
  }
@@ -6698,7 +6852,12 @@ const EmptyBox = {
6698
6852
  widget: "EmptyBox"
6699
6853
  },
6700
6854
  config: {
6701
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6855
+ layout: {
6856
+ xs: 11,
6857
+ sm: 11,
6858
+ md: 5.5,
6859
+ lg: 5.5
6860
+ },
6702
6861
  main: {}
6703
6862
  }
6704
6863
  };
@@ -6814,7 +6973,12 @@ const getInputField = (scope, label) => {
6814
6973
  widget: "InputField"
6815
6974
  },
6816
6975
  config: {
6817
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6976
+ layout: {
6977
+ xs: 11,
6978
+ sm: 11,
6979
+ md: 5.5,
6980
+ lg: 5.5
6981
+ },
6818
6982
  main: {
6819
6983
  label
6820
6984
  }
@@ -6829,7 +6993,12 @@ const getRadioInputField = (scope, label, options) => {
6829
6993
  widget: "RadioInputField"
6830
6994
  },
6831
6995
  config: {
6832
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6996
+ layout: {
6997
+ xs: 11,
6998
+ sm: 11,
6999
+ md: 5.5,
7000
+ lg: 5.5
7001
+ },
6833
7002
  main: {
6834
7003
  label,
6835
7004
  options
@@ -6872,7 +7041,7 @@ const getSelectField = (scope, label, options) => {
6872
7041
  widget: "SelectInputField"
6873
7042
  },
6874
7043
  config: {
6875
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7044
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6876
7045
  main: {
6877
7046
  label,
6878
7047
  type: "text"
@@ -6893,8 +7062,6 @@ const buildPropertiesSection = function(type) {
6893
7062
  getInputField("elevation", "Card Elevation"),
6894
7063
  getInputField("height", "Grid height"),
6895
7064
  getInputField("justifyContent", "justifyContent"),
6896
- EmptyBox,
6897
- EmptyBox,
6898
7065
  cardLayout
6899
7066
  ];
6900
7067
  break;
@@ -6905,7 +7072,6 @@ const buildPropertiesSection = function(type) {
6905
7072
  getInputField("resetText", "Reset Text"),
6906
7073
  getInputField("completeText", "Complete Text"),
6907
7074
  getSelectField("orientation", "Orientation Type"),
6908
- EmptyBox,
6909
7075
  getArrayControl("sectionLabels", "label")
6910
7076
  ];
6911
7077
  break;
@@ -6921,14 +7087,12 @@ const buildPropertiesSection = function(type) {
6921
7087
  uiSchema.elements = [
6922
7088
  getInputField("placeholder", "Placeholder"),
6923
7089
  EmptyBox,
6924
- EmptyBox,
6925
7090
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
6926
7091
  ];
6927
7092
  break;
6928
7093
  case "TextArea":
6929
7094
  uiSchema.elements = [
6930
7095
  getInputField("placeholder", "Placeholder"),
6931
- EmptyBox,
6932
7096
  EmptyBox
6933
7097
  ];
6934
7098
  break;
@@ -6938,8 +7102,7 @@ const buildPropertiesSection = function(type) {
6938
7102
  getInputField("heading", "Container Heading"),
6939
7103
  getInputField("heading", "Container Heading"),
6940
7104
  getInputField("speedoCaption", "Speedometer Caption"),
6941
- getInputField("width", "Speedometer Width"),
6942
- EmptyBox
7105
+ getInputField("width", "Speedometer Width")
6943
7106
  ];
6944
7107
  break;
6945
7108
  case "RankCard":
@@ -6947,9 +7110,7 @@ const buildPropertiesSection = function(type) {
6947
7110
  getInputField("rank", "Rank"),
6948
7111
  getInputField("image", "Image Url"),
6949
7112
  getInputField("title", "Card Title"),
6950
- getInputField("description", "Card Description"),
6951
- EmptyBox,
6952
- EmptyBox
7113
+ getInputField("description", "Card Description")
6953
7114
  ];
6954
7115
  break;
6955
7116
  case "LeaderBoard":
@@ -6958,8 +7119,6 @@ const buildPropertiesSection = function(type) {
6958
7119
  getInputField("firstImage", "First Image url"),
6959
7120
  getInputField("secondImage", "Second Image url"),
6960
7121
  getInputField("thirdImage", "Third Image url"),
6961
- EmptyBox,
6962
- EmptyBox,
6963
7122
  getTextArea("functionCode", "Write Compare Code", false)
6964
7123
  ];
6965
7124
  break;
@@ -6975,9 +7134,7 @@ const buildPropertiesSection = function(type) {
6975
7134
  getInputField("heading", "Heading"),
6976
7135
  getInputField("bottomLabel_1", "First BottomLabel"),
6977
7136
  getInputField("bottomLabel_2", "Second BottomLabel"),
6978
- getInputField("bottomLabel_3", "Third BottomLabel"),
6979
- EmptyBox,
6980
- EmptyBox
7137
+ getInputField("bottomLabel_3", "Third BottomLabel")
6981
7138
  ];
6982
7139
  break;
6983
7140
  case "card":
@@ -7011,7 +7168,7 @@ const buildPropertiesSection = function(type) {
7011
7168
  ];
7012
7169
  break;
7013
7170
  case "WrapperSection":
7014
- uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox, EmptyBox];
7171
+ uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox];
7015
7172
  break;
7016
7173
  case "TabSection":
7017
7174
  uiSchema.elements = [
@@ -7039,14 +7196,12 @@ const buildPropertiesSection = function(type) {
7039
7196
  case "Select":
7040
7197
  uiSchema.elements = [
7041
7198
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7042
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7043
- EmptyBox
7199
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7044
7200
  ];
7045
7201
  break;
7046
7202
  case "MultipleSelect":
7047
7203
  uiSchema.elements = [
7048
7204
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7049
- EmptyBox,
7050
7205
  EmptyBox
7051
7206
  ];
7052
7207
  break;
@@ -7092,92 +7247,116 @@ const TableSection = {
7092
7247
  type: "HorizontalLayout",
7093
7248
  elements: [
7094
7249
  {
7095
- type: "Control",
7096
- scope: "#/properties/elements",
7097
- options: {
7098
- widget: "Table"
7099
- },
7250
+ type: "WrapperLayout",
7100
7251
  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
7252
+ main: {},
7253
+ wrapperStyle: {
7254
+ border: "1px solid gray"
7131
7255
  }
7132
7256
  },
7133
7257
  elements: [
7134
7258
  {
7135
- accessorKey: "name",
7136
- header: "Name"
7137
- },
7138
- {
7139
- accessorKey: "type",
7140
- header: "Type"
7259
+ type: "Control",
7260
+ scope: "#/properties/programType",
7261
+ options: {
7262
+ widget: "Box"
7263
+ },
7264
+ config: {
7265
+ layout: 8,
7266
+ main: {
7267
+ heading: "Components Table"
7268
+ },
7269
+ style: {
7270
+ fontFamily: "Roboto",
7271
+ fontWeight: "500",
7272
+ paddingLeft: "-10px",
7273
+ fontSize: "20px"
7274
+ }
7275
+ }
7141
7276
  },
7142
7277
  {
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"
7278
+ type: "Control",
7279
+ scope: "#/properties/Back_Button",
7280
+ options: {
7281
+ widget: "IconButton"
7282
+ },
7283
+ config: {
7284
+ layout: 3,
7285
+ main: {
7286
+ icon: "AddIcon",
7287
+ styleDefault: true,
7288
+ size: "small",
7289
+ onClick: "widgetAddClickHandler",
7290
+ tooltipMessage: "Add New"
7151
7291
  },
7152
- config: {
7153
- main: {
7154
- icon: "EditIcon",
7155
- color: "primary",
7156
- onClick: "editComponents",
7157
- tooltipMessage: "Reject This Record"
7158
- }
7292
+ style: {
7293
+ float: "right"
7159
7294
  }
7160
7295
  }
7161
7296
  },
7162
7297
  {
7163
- header: "Delete",
7164
- field: "Reject_Records",
7165
- flex: 1,
7166
- widget: {
7167
- type: "Control",
7168
- scope: "#/properties/RejectButton",
7169
- options: {
7170
- widget: "IconButton"
7298
+ type: "Control",
7299
+ scope: "#/properties/elements",
7300
+ options: {
7301
+ widget: "Table"
7302
+ },
7303
+ config: {
7304
+ main: {
7305
+ disableAction: true,
7306
+ disableSelection: true,
7307
+ enableDrag: true
7308
+ }
7309
+ },
7310
+ elements: [
7311
+ {
7312
+ accessorKey: "name",
7313
+ header: "Name"
7171
7314
  },
7172
- config: {
7173
- main: {
7174
- icon: "RejectIcon",
7175
- color: "error",
7176
- onClick: "deleteComponents",
7177
- tooltipMessage: "Reject This Record"
7315
+ {
7316
+ accessorKey: "type",
7317
+ header: "Type"
7318
+ },
7319
+ {
7320
+ header: "Edit Record",
7321
+ field: "Reject_Records",
7322
+ flex: 1,
7323
+ widget: {
7324
+ type: "Control",
7325
+ scope: "#/properties/RejectButton",
7326
+ options: {
7327
+ widget: "IconButton"
7328
+ },
7329
+ config: {
7330
+ main: {
7331
+ icon: "EditIcon",
7332
+ color: "primary",
7333
+ onClick: "editComponents",
7334
+ tooltipMessage: "Reject This Record"
7335
+ }
7336
+ }
7337
+ }
7338
+ },
7339
+ {
7340
+ header: "Delete",
7341
+ field: "Reject_Records",
7342
+ flex: 1,
7343
+ widget: {
7344
+ type: "Control",
7345
+ scope: "#/properties/RejectButton",
7346
+ options: {
7347
+ widget: "IconButton"
7348
+ },
7349
+ config: {
7350
+ main: {
7351
+ icon: "RejectIcon",
7352
+ color: "error",
7353
+ onClick: "deleteComponents",
7354
+ tooltipMessage: "Reject This Record"
7355
+ }
7356
+ }
7178
7357
  }
7179
7358
  }
7180
- }
7359
+ ]
7181
7360
  }
7182
7361
  ]
7183
7362
  }
@@ -7201,7 +7380,12 @@ const ValueTab = {
7201
7380
  widget: "InputField"
7202
7381
  },
7203
7382
  config: {
7204
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7383
+ layout: {
7384
+ xs: 11,
7385
+ sm: 11,
7386
+ md: 5.5,
7387
+ lg: 5.5
7388
+ },
7205
7389
  main: {
7206
7390
  label: "Label"
7207
7391
  }
@@ -7214,21 +7398,16 @@ const ValueTab = {
7214
7398
  widget: "InputField"
7215
7399
  },
7216
7400
  config: {
7217
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7401
+ layout: {
7402
+ xs: 11,
7403
+ sm: 11,
7404
+ md: 5.5,
7405
+ lg: 5.5
7406
+ },
7218
7407
  main: {
7219
7408
  label: "Value"
7220
7409
  }
7221
7410
  }
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
7411
  }
7233
7412
  ]
7234
7413
  }
@@ -7255,7 +7434,12 @@ const ValidationSection = {
7255
7434
  widget: "SelectInputField"
7256
7435
  },
7257
7436
  config: {
7258
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7437
+ layout: {
7438
+ xs: 11,
7439
+ sm: 11,
7440
+ md: 5.5,
7441
+ lg: 5.5
7442
+ },
7259
7443
  main: {
7260
7444
  label: "Validation Type"
7261
7445
  }
@@ -7268,21 +7452,16 @@ const ValidationSection = {
7268
7452
  widget: "InputField"
7269
7453
  },
7270
7454
  config: {
7271
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7455
+ layout: {
7456
+ xs: 11,
7457
+ sm: 11,
7458
+ md: 5.5,
7459
+ lg: 5.5
7460
+ },
7272
7461
  main: {
7273
7462
  label: "Validation Value"
7274
7463
  }
7275
7464
  }
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
7465
  }
7287
7466
  ]
7288
7467
  }
@@ -7464,7 +7643,7 @@ const sectionLabels = {
7464
7643
  };
7465
7644
  const refreshPage = (type, store2) => {
7466
7645
  var _a;
7467
- const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7646
+ const UiSchema = _.cloneDeep(componentBasicUiSchema);
7468
7647
  if (type) {
7469
7648
  const sectionUiSchema = {
7470
7649
  Core: CoreSection,
@@ -7476,8 +7655,8 @@ const refreshPage = (type, store2) => {
7476
7655
  Validation: ValidationSection
7477
7656
  };
7478
7657
  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];
7658
+ UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7659
+ UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7481
7660
  }
7482
7661
  store2.setUiSchema(UiSchema);
7483
7662
  };
@@ -7599,7 +7778,7 @@ var pageMaster = (funcParams) => {
7599
7778
  return config;
7600
7779
  },
7601
7780
  getUiSchema: function() {
7602
- return PageMasterUiSchema(store2.theme.myTheme);
7781
+ return PageMasterUiSchema;
7603
7782
  },
7604
7783
  getSchema: () => {
7605
7784
  return PageMasterSchema;
@@ -7621,7 +7800,10 @@ var pageMaster = (funcParams) => {
7621
7800
  },
7622
7801
  saveHandler: async () => await saveHandler(store2, service2, submitHandler),
7623
7802
  Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
7624
- Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
7803
+ Delete_Components: async function() {
7804
+ await Component(store2, dynamicData2, submitHandler, service2).deleteComponents();
7805
+ store2.updateDialog("popUpComponent");
7806
+ },
7625
7807
  eventAddHandler: function() {
7626
7808
  var _a;
7627
7809
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7632,19 +7814,26 @@ var pageMaster = (funcParams) => {
7632
7814
  const finalPath = `events[${store2.formData.events.length}]`;
7633
7815
  store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
7634
7816
  },
7635
- editEvent: function() {
7817
+ editEvent: async function() {
7636
7818
  var _a;
7637
7819
  const rowId = dynamicData2.path.split(".")[1];
7638
7820
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
7639
- saveFormdataInLocalStorage(store2.ctx.core.data);
7821
+ await saveFormdataInLocalStorage(store2.ctx.core.data);
7640
7822
  const finalPath = `events[${rowId}]`;
7641
7823
  store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
7824
+ store2.updateDialog("popUpEvent");
7642
7825
  },
7643
7826
  deleteEvent: function() {
7644
7827
  const rowId = dynamicData2.path.split(".")[1];
7645
7828
  store2.formData.events.splice(rowId, 1);
7646
7829
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7647
7830
  store2.setFormdata(response2);
7831
+ },
7832
+ deletePopUpEvent: function() {
7833
+ store2.updateDialog("popUpEvent");
7834
+ },
7835
+ deletePopUpComponent: function() {
7836
+ store2.updateDialog("popUpComponent");
7648
7837
  }
7649
7838
  };
7650
7839
  };
@@ -7730,422 +7919,338 @@ const EventSchema = {
7730
7919
  }
7731
7920
  }
7732
7921
  }
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"
7922
+ }
7923
+ },
7924
+ required: ["eventType", "Handler"]
7925
+ };
7926
+ const EventUiSchema = {
7927
+ type: "HorizontalLayout",
7928
+ elements: [
7929
+ {
7930
+ type: "WrapperLayout",
7931
+ config: {
7932
+ main: {
7933
+ rowSpacing: 1,
7934
+ header: true
7905
7935
  },
7906
- config: {
7907
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7908
- }
7936
+ defaultStyle: true
7909
7937
  },
7910
- {
7911
- type: "Control",
7912
- scope: "#/properties/btn",
7913
- options: {
7914
- widget: "Button"
7938
+ elements: [
7939
+ {
7940
+ type: "Control",
7941
+ scope: "#/properties/Component",
7942
+ options: {
7943
+ widget: "Box"
7944
+ },
7945
+ config: {
7946
+ layout: { xs: 12, sm: 12, md: 2 },
7947
+ main: {
7948
+ heading: "Component"
7949
+ },
7950
+ style: {
7951
+ "float": "left"
7952
+ }
7953
+ }
7915
7954
  },
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"
7955
+ {
7956
+ type: "Control",
7957
+ scope: "#/properties/pageName",
7958
+ options: {
7959
+ widget: "Box"
7926
7960
  },
7927
- style: {
7928
- float: "right"
7961
+ config: {
7962
+ layout: { xs: 7, sm: 7, md: 9 },
7963
+ main: {
7964
+ heading: " "
7965
+ },
7966
+ style: {
7967
+ float: "right",
7968
+ width: "auto",
7969
+ fontSize: "12px",
7970
+ color: "gray",
7971
+ paddingTop: "10px"
7972
+ }
7929
7973
  }
7930
- }
7931
- },
7932
- {
7933
- type: "Control",
7934
- scope: "#/properties/btnSubmit",
7935
- options: {
7936
- widget: "Button"
7937
7974
  },
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"
7975
+ {
7976
+ type: "Control",
7977
+ scope: "#/properties/Back_Button",
7978
+ options: {
7979
+ widget: "IconButton"
7948
7980
  },
7949
- style: {
7950
- float: "right"
7981
+ config: {
7982
+ layout: { xs: 2, sm: 2, md: 0.5 },
7983
+ main: {
7984
+ icon: "BackIcon",
7985
+ styleDefault: true,
7986
+ size: "small",
7987
+ onClick: "backHandler",
7988
+ tooltipMessage: "Back"
7989
+ },
7990
+ style: {
7991
+ float: "right"
7992
+ }
7951
7993
  }
7952
7994
  }
7995
+ ]
7996
+ },
7997
+ {
7998
+ type: "TabLayout",
7999
+ config: {
8000
+ main: {
8001
+ tabLabels: ["Core", "Response Event"],
8002
+ defaultStyle: true,
8003
+ id: "event"
8004
+ }
7953
8005
  },
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
- }
8006
+ elements: [
8007
+ {
8008
+ type: "HorizontalLayout",
8009
+ elements: [
8010
+ {
8011
+ type: "Control",
8012
+ scope: `#/properties/eventType`,
8013
+ options: {
8014
+ widget: "SelectInputField"
8015
+ },
8016
+ config: {
8017
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8018
+ main: {
8019
+ label: "Event Type",
8020
+ type: "text"
8021
+ }
8022
+ }
8023
+ },
8024
+ getSelectField("Handler", "Handler")
8025
+ ]
7972
8026
  },
7973
- elements: [
7974
- {
7975
- type: "Control",
7976
- scope: "#/properties/EmptyBox",
7977
- options: {
7978
- widget: "EmptyBox"
8027
+ {
8028
+ type: "WrapperLayout",
8029
+ config: {
8030
+ main: {
8031
+ divider: true
7979
8032
  },
7980
- config: {
7981
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8033
+ wrapperStyle: {
8034
+ border: "1px solid gray"
7982
8035
  }
7983
8036
  },
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"
8037
+ elements: [
8038
+ {
8039
+ type: "Control",
8040
+ scope: "#/properties/heading",
8041
+ options: {
8042
+ widget: "Box"
7994
8043
  },
7995
- style: {
7996
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7997
- fontSize: "12px"
8044
+ config: {
8045
+ layout: 8,
8046
+ main: {
8047
+ heading: "Response Event"
8048
+ },
8049
+ style: {
8050
+ fontFamily: "Roboto",
8051
+ fontWeight: "500",
8052
+ paddingLeft: "-10px",
8053
+ fontSize: "20px"
8054
+ }
7998
8055
  }
7999
- }
8000
- },
8001
- {
8002
- type: "HorizontalLayout",
8003
- config: {
8004
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
8005
8056
  },
8006
- elements: [
8007
- {
8008
- type: "Control",
8009
- scope: "#/properties/EmptyBox",
8010
- options: {
8011
- widget: "EmptyBox"
8057
+ {
8058
+ type: "Control",
8059
+ scope: "#/properties/AddButton",
8060
+ options: {
8061
+ widget: "IconButton"
8062
+ },
8063
+ config: {
8064
+ layout: 3,
8065
+ main: {
8066
+ icon: "AddIcon",
8067
+ styleDefault: true,
8068
+ size: "small",
8069
+ onClick: "addEvent",
8070
+ tooltipMessage: "Back"
8012
8071
  },
8013
- config: {
8014
- layout: 2
8072
+ style: {
8073
+ float: "right"
8015
8074
  }
8075
+ }
8076
+ },
8077
+ {
8078
+ type: "Control",
8079
+ scope: "#/properties/events",
8080
+ options: {
8081
+ widget: "Table"
8016
8082
  },
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
- }
8083
+ config: {
8084
+ main: {
8085
+ disableAction: true,
8086
+ disableSelection: true,
8087
+ enableDrag: true
8039
8088
  }
8040
8089
  },
8041
- {
8042
- type: "Control",
8043
- scope: "#/properties/text",
8044
- options: {
8045
- widget: "Box"
8090
+ elements: [
8091
+ {
8092
+ accessorKey: "eventType",
8093
+ header: "Event Type"
8046
8094
  },
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"
8095
+ {
8096
+ accessorKey: "Handler",
8097
+ header: "Handler"
8098
+ },
8099
+ {
8100
+ accessorKey: "Edit_Approve_Records",
8101
+ header: "Edit Widget",
8102
+ widget: {
8103
+ type: "Control",
8104
+ scope: "#/properties/Edit_Records",
8105
+ options: {
8106
+ widget: "IconButton"
8107
+ },
8108
+ config: {
8109
+ main: {
8110
+ color: "info",
8111
+ size: "small",
8112
+ icon: "EditIcon",
8113
+ tooltipMessage: "Edit This Record",
8114
+ onClick: "editEvent"
8115
+ },
8116
+ style: {
8117
+ color: "#3949ab"
8118
+ }
8119
+ }
8120
+ }
8121
+ },
8122
+ {
8123
+ accessorKey: "Reject_Records",
8124
+ header: "Delete",
8125
+ widget: {
8126
+ type: "Control",
8127
+ scope: "#/properties/RejectButton",
8128
+ options: {
8129
+ widget: "IconButton"
8130
+ },
8131
+ config: {
8132
+ main: {
8133
+ icon: "RejectIcon",
8134
+ color: "error",
8135
+ tooltipMessage: "Reject This Record",
8136
+ onClick: "deleteEvent"
8137
+ }
8138
+ }
8058
8139
  }
8059
8140
  }
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
8141
+ ]
8090
8142
  }
8091
- }
8092
- ]
8143
+ ]
8144
+ }
8145
+ ]
8146
+ },
8147
+ {
8148
+ type: "Control",
8149
+ scope: "#/properties/proc",
8150
+ config: {
8151
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8152
+ },
8153
+ options: {
8154
+ widget: "EmptyBox"
8093
8155
  }
8094
- ]
8095
- };
8096
- return uiSchema;
8097
- };
8098
- const APISection = {
8099
- type: "HorizontalLayout",
8100
- elements: [
8156
+ },
8101
8157
  {
8102
8158
  type: "Control",
8103
- scope: "#/properties/method",
8159
+ scope: "#/properties/btn",
8104
8160
  options: {
8105
- widget: "SelectInputField"
8161
+ widget: "Button"
8106
8162
  },
8107
8163
  config: {
8108
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8164
+ layout: {
8165
+ xs: 11,
8166
+ sm: 11,
8167
+ md: 2.5,
8168
+ lg: 2.5
8169
+ },
8109
8170
  main: {
8110
- label: "Method",
8111
- type: "text"
8171
+ name: "Ok",
8172
+ startIcon: "ApproveIcon",
8173
+ variant: "contained",
8174
+ color: "info",
8175
+ type: "text",
8176
+ onClick: "okHandler",
8177
+ size: "small"
8178
+ },
8179
+ style: {
8180
+ marginBottom: "8px",
8181
+ float: "right"
8112
8182
  }
8113
8183
  }
8114
8184
  },
8115
8185
  {
8116
8186
  type: "Control",
8117
- scope: "#/properties/path",
8187
+ scope: "#/properties/btnSubmit",
8118
8188
  options: {
8119
- widget: "InputField"
8189
+ widget: "Button"
8120
8190
  },
8121
8191
  config: {
8122
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8192
+ layout: {
8193
+ xs: 11,
8194
+ sm: 11,
8195
+ md: 2.5,
8196
+ lg: 2.5
8197
+ },
8123
8198
  main: {
8124
- label: "Path",
8199
+ name: "Save & Exit",
8200
+ startIcon: "ApproveIcon",
8201
+ variant: "contained",
8202
+ color: "info",
8125
8203
  type: "text",
8126
- multiple: false,
8127
- options: []
8204
+ onClick: "saveHandler",
8205
+ size: "small"
8206
+ },
8207
+ style: {
8208
+ marginBottom: "8px",
8209
+ float: "right"
8128
8210
  }
8129
8211
  }
8130
8212
  },
8131
8213
  {
8132
8214
  type: "Control",
8133
- scope: "#/properties/emptyBox",
8215
+ scope: "#/properties/notify",
8134
8216
  options: {
8135
- widget: "EmptyBox"
8217
+ widget: "Notify"
8218
+ },
8219
+ layout: 6
8220
+ }
8221
+ ]
8222
+ };
8223
+ const APISection = {
8224
+ type: "HorizontalLayout",
8225
+ elements: [
8226
+ {
8227
+ type: "Control",
8228
+ scope: "#/properties/method",
8229
+ options: {
8230
+ widget: "SelectInputField"
8136
8231
  },
8137
8232
  config: {
8138
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8233
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8234
+ main: {
8235
+ label: "Method",
8236
+ type: "text"
8237
+ }
8139
8238
  }
8140
8239
  },
8141
8240
  {
8142
8241
  type: "Control",
8143
- scope: "#/properties/emptyBox",
8242
+ scope: "#/properties/path",
8144
8243
  options: {
8145
- widget: "EmptyBox"
8244
+ widget: "InputField"
8146
8245
  },
8147
8246
  config: {
8148
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8247
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8248
+ main: {
8249
+ label: "Path",
8250
+ type: "text",
8251
+ multiple: false,
8252
+ options: []
8253
+ }
8149
8254
  }
8150
8255
  },
8151
8256
  {
@@ -8164,7 +8269,12 @@ const APISection = {
8164
8269
  widget: "InputField"
8165
8270
  },
8166
8271
  config: {
8167
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8272
+ layout: {
8273
+ xs: 11,
8274
+ sm: 11,
8275
+ md: 5.5,
8276
+ lg: 5.5
8277
+ },
8168
8278
  main: {
8169
8279
  label: "Key"
8170
8280
  }
@@ -8177,7 +8287,12 @@ const APISection = {
8177
8287
  widget: "InputField"
8178
8288
  },
8179
8289
  config: {
8180
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8290
+ layout: {
8291
+ xs: 11,
8292
+ sm: 11,
8293
+ md: 5.5,
8294
+ lg: 5.5
8295
+ },
8181
8296
  main: {
8182
8297
  label: "Value"
8183
8298
  }
@@ -8203,7 +8318,12 @@ const APISection = {
8203
8318
  widget: "InputField"
8204
8319
  },
8205
8320
  config: {
8206
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8321
+ layout: {
8322
+ xs: 11,
8323
+ sm: 11,
8324
+ md: 5.5,
8325
+ lg: 5.5
8326
+ },
8207
8327
  main: {
8208
8328
  label: "Key"
8209
8329
  }
@@ -8216,7 +8336,12 @@ const APISection = {
8216
8336
  widget: "InputField"
8217
8337
  },
8218
8338
  config: {
8219
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8339
+ layout: {
8340
+ xs: 11,
8341
+ sm: 11,
8342
+ md: 5.5,
8343
+ lg: 5.5
8344
+ },
8220
8345
  main: {
8221
8346
  label: "Value"
8222
8347
  }
@@ -8290,21 +8415,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8290
8415
  this.refreshPage(formdata.Handler, store2);
8291
8416
  },
8292
8417
  refreshPage: (handlerType, store22) => {
8293
- const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8418
+ const uiSchema = _.cloneDeep(EventUiSchema);
8294
8419
  const schema2 = _.cloneDeep(EventSchema);
8295
8420
  if (handlerType) {
8296
8421
  if (handlerType === "custom") {
8297
- uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8422
+ uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8298
8423
  schema2.required = ["eventType", "Handler", "eventCode"];
8299
8424
  } else if (handlerType === "api") {
8300
- uiSchema.elements[0].elements[0].elements[3] = APISection;
8425
+ uiSchema.elements[1].elements[0].elements[2] = APISection;
8301
8426
  schema2.required = ["eventType", "Handler", "method", "path"];
8302
8427
  } 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);
8428
+ uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8429
+ uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8305
8430
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8306
8431
  } else if (handlerType === "refresh") {
8307
- uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8432
+ uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8308
8433
  schema2.properties.refreshElements.required = ["value"];
8309
8434
  schema2.properties.refreshElements.items.required = ["value"];
8310
8435
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8314,8 +8439,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8314
8439
  store22.setUiSchema(uiSchema);
8315
8440
  },
8316
8441
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8317
- getUiSchema: async function() {
8318
- return await EventUiSchema(store2.theme.myTheme);
8442
+ getUiSchema: function() {
8443
+ return EventUiSchema;
8319
8444
  },
8320
8445
  getSchema: () => {
8321
8446
  return EventSchema;
@@ -9637,7 +9762,12 @@ var TextInputField = {
9637
9762
  widget: "InputField"
9638
9763
  },
9639
9764
  config: {
9640
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9765
+ layout: {
9766
+ xs: 11,
9767
+ sm: 11,
9768
+ md: 5.5,
9769
+ lg: 5.5
9770
+ },
9641
9771
  main: {
9642
9772
  label: ""
9643
9773
  },
@@ -9670,7 +9800,12 @@ var SelectInputField = {
9670
9800
  widget: "SelectInputField"
9671
9801
  },
9672
9802
  config: {
9673
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9803
+ "layout": {
9804
+ "xs": 11,
9805
+ "sm": 11,
9806
+ "md": 5.5,
9807
+ "lg": 5.5
9808
+ },
9674
9809
  main: {
9675
9810
  label: "",
9676
9811
  type: "text",
@@ -10080,7 +10215,12 @@ var DateInputField = {
10080
10215
  widget: "DateInputField"
10081
10216
  },
10082
10217
  config: {
10083
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10218
+ layout: {
10219
+ xs: 11,
10220
+ sm: 11,
10221
+ md: 5.5,
10222
+ lg: 5.5
10223
+ },
10084
10224
  main: {
10085
10225
  label: "",
10086
10226
  type: "date"
@@ -10197,7 +10337,7 @@ var MultipleSelect = {
10197
10337
  widget: "MultipleSelect"
10198
10338
  },
10199
10339
  config: {
10200
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10340
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10201
10341
  main: {
10202
10342
  label: "",
10203
10343
  type: "text",
@@ -10384,7 +10524,7 @@ var emptyBox = {
10384
10524
  widget: "EmptyBox"
10385
10525
  },
10386
10526
  config: {
10387
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10527
+ layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
10388
10528
  main: {},
10389
10529
  style: {}
10390
10530
  }