impaktapps-ui-builder 0.0.382-alpha.26 → 0.0.382-alpha.300

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