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

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