impaktapps-ui-builder 0.0.382-alpha.212 → 0.0.382-alpha.23

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