impaktapps-ui-builder 0.0.382-alpha.208 → 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 -1284
  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 -2
  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 -440
  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 -8
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
- 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: 12,
288
- main: {
289
- heading: "Are you sure you want to delete the record ?"
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
- layout: 3.5,
301
- main: {
302
- name: "No",
303
- startIcon: "ApproveIcon",
304
- variant: "contained",
305
- color: "info",
306
- type: "text",
307
- onClick: "deletePopUpComponent",
308
- 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
+ ]
309
239
  },
310
- style: {
311
- marginBottom: "8px",
312
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
313
- float: "left"
314
- }
240
+ disableAction: true,
241
+ disableSelection: true,
242
+ enableDrag: true
315
243
  }
316
244
  },
317
- {
318
- type: "Control",
319
- scope: "#/properties/CancelDeleteButton1",
320
- options: {
321
- widget: "Button"
245
+ elements: [
246
+ {
247
+ accessorKey: "eventType",
248
+ header: "Event Type"
322
249
  },
323
- config: {
324
- layout: 3.5,
325
- main: {
326
- name: "Yes",
327
- startIcon: "ApproveIcon",
328
- variant: "contained",
329
- color: "info",
330
- type: "text",
331
- onClick: "Delete_Components",
332
- size: "small"
333
- },
334
- style: {
335
- marginBottom: "8px",
336
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
337
- 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
+ }
338
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: "deleteEvent"
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
6643
  {
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"
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
  };
@@ -6887,12 +6814,7 @@ const getInputField = (scope, label) => {
6887
6814
  widget: "InputField"
6888
6815
  },
6889
6816
  config: {
6890
- layout: {
6891
- xs: 11,
6892
- sm: 11,
6893
- md: 5.5,
6894
- lg: 5.5
6895
- },
6817
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6896
6818
  main: {
6897
6819
  label
6898
6820
  }
@@ -6907,12 +6829,7 @@ const getRadioInputField = (scope, label, options) => {
6907
6829
  widget: "RadioInputField"
6908
6830
  },
6909
6831
  config: {
6910
- layout: {
6911
- xs: 11,
6912
- sm: 11,
6913
- md: 5.5,
6914
- lg: 5.5
6915
- },
6832
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6916
6833
  main: {
6917
6834
  label,
6918
6835
  options
@@ -6955,7 +6872,7 @@ const getSelectField = (scope, label, options) => {
6955
6872
  widget: "SelectInputField"
6956
6873
  },
6957
6874
  config: {
6958
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6875
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6959
6876
  main: {
6960
6877
  label,
6961
6878
  type: "text"
@@ -6976,6 +6893,8 @@ const buildPropertiesSection = function(type) {
6976
6893
  getInputField("elevation", "Card Elevation"),
6977
6894
  getInputField("height", "Grid height"),
6978
6895
  getInputField("justifyContent", "justifyContent"),
6896
+ EmptyBox,
6897
+ EmptyBox,
6979
6898
  cardLayout
6980
6899
  ];
6981
6900
  break;
@@ -6986,6 +6905,7 @@ const buildPropertiesSection = function(type) {
6986
6905
  getInputField("resetText", "Reset Text"),
6987
6906
  getInputField("completeText", "Complete Text"),
6988
6907
  getSelectField("orientation", "Orientation Type"),
6908
+ EmptyBox,
6989
6909
  getArrayControl("sectionLabels", "label")
6990
6910
  ];
6991
6911
  break;
@@ -7001,12 +6921,14 @@ const buildPropertiesSection = function(type) {
7001
6921
  uiSchema.elements = [
7002
6922
  getInputField("placeholder", "Placeholder"),
7003
6923
  EmptyBox,
6924
+ EmptyBox,
7004
6925
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
7005
6926
  ];
7006
6927
  break;
7007
6928
  case "TextArea":
7008
6929
  uiSchema.elements = [
7009
6930
  getInputField("placeholder", "Placeholder"),
6931
+ EmptyBox,
7010
6932
  EmptyBox
7011
6933
  ];
7012
6934
  break;
@@ -7016,7 +6938,8 @@ const buildPropertiesSection = function(type) {
7016
6938
  getInputField("heading", "Container Heading"),
7017
6939
  getInputField("heading", "Container Heading"),
7018
6940
  getInputField("speedoCaption", "Speedometer Caption"),
7019
- getInputField("width", "Speedometer Width")
6941
+ getInputField("width", "Speedometer Width"),
6942
+ EmptyBox
7020
6943
  ];
7021
6944
  break;
7022
6945
  case "RankCard":
@@ -7024,7 +6947,9 @@ const buildPropertiesSection = function(type) {
7024
6947
  getInputField("rank", "Rank"),
7025
6948
  getInputField("image", "Image Url"),
7026
6949
  getInputField("title", "Card Title"),
7027
- getInputField("description", "Card Description")
6950
+ getInputField("description", "Card Description"),
6951
+ EmptyBox,
6952
+ EmptyBox
7028
6953
  ];
7029
6954
  break;
7030
6955
  case "LeaderBoard":
@@ -7033,6 +6958,8 @@ const buildPropertiesSection = function(type) {
7033
6958
  getInputField("firstImage", "First Image url"),
7034
6959
  getInputField("secondImage", "Second Image url"),
7035
6960
  getInputField("thirdImage", "Third Image url"),
6961
+ EmptyBox,
6962
+ EmptyBox,
7036
6963
  getTextArea("functionCode", "Write Compare Code", false)
7037
6964
  ];
7038
6965
  break;
@@ -7048,7 +6975,9 @@ const buildPropertiesSection = function(type) {
7048
6975
  getInputField("heading", "Heading"),
7049
6976
  getInputField("bottomLabel_1", "First BottomLabel"),
7050
6977
  getInputField("bottomLabel_2", "Second BottomLabel"),
7051
- getInputField("bottomLabel_3", "Third BottomLabel")
6978
+ getInputField("bottomLabel_3", "Third BottomLabel"),
6979
+ EmptyBox,
6980
+ EmptyBox
7052
6981
  ];
7053
6982
  break;
7054
6983
  case "card":
@@ -7082,7 +7011,7 @@ const buildPropertiesSection = function(type) {
7082
7011
  ];
7083
7012
  break;
7084
7013
  case "WrapperSection":
7085
- uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox];
7014
+ uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox, EmptyBox];
7086
7015
  break;
7087
7016
  case "TabSection":
7088
7017
  uiSchema.elements = [
@@ -7110,12 +7039,14 @@ const buildPropertiesSection = function(type) {
7110
7039
  case "Select":
7111
7040
  uiSchema.elements = [
7112
7041
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7113
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7042
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7043
+ EmptyBox
7114
7044
  ];
7115
7045
  break;
7116
7046
  case "MultipleSelect":
7117
7047
  uiSchema.elements = [
7118
7048
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7049
+ EmptyBox,
7119
7050
  EmptyBox
7120
7051
  ];
7121
7052
  break;
@@ -7161,116 +7092,92 @@ const TableSection = {
7161
7092
  type: "HorizontalLayout",
7162
7093
  elements: [
7163
7094
  {
7164
- type: "WrapperLayout",
7095
+ type: "Control",
7096
+ scope: "#/properties/elements",
7097
+ options: {
7098
+ widget: "Table"
7099
+ },
7165
7100
  config: {
7166
- main: {},
7167
- wrapperStyle: {
7168
- 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
7169
7131
  }
7170
7132
  },
7171
7133
  elements: [
7172
7134
  {
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
- }
7135
+ accessorKey: "name",
7136
+ header: "Name"
7190
7137
  },
7191
7138
  {
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"
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"
7205
7151
  },
7206
- style: {
7207
- float: "right"
7152
+ config: {
7153
+ main: {
7154
+ icon: "EditIcon",
7155
+ color: "primary",
7156
+ onClick: "editComponents",
7157
+ tooltipMessage: "Reject This Record"
7158
+ }
7208
7159
  }
7209
7160
  }
7210
7161
  },
7211
7162
  {
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
- }
7163
+ header: "Delete",
7164
+ field: "Reject_Records",
7165
+ flex: 1,
7166
+ widget: {
7167
+ type: "Control",
7168
+ scope: "#/properties/RejectButton",
7169
+ options: {
7170
+ widget: "IconButton"
7252
7171
  },
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
- }
7172
+ config: {
7173
+ main: {
7174
+ icon: "RejectIcon",
7175
+ color: "error",
7176
+ onClick: "deleteComponents",
7177
+ tooltipMessage: "Reject This Record"
7271
7178
  }
7272
7179
  }
7273
- ]
7180
+ }
7274
7181
  }
7275
7182
  ]
7276
7183
  }
@@ -7294,12 +7201,7 @@ const ValueTab = {
7294
7201
  widget: "InputField"
7295
7202
  },
7296
7203
  config: {
7297
- layout: {
7298
- xs: 11,
7299
- sm: 11,
7300
- md: 5.5,
7301
- lg: 5.5
7302
- },
7204
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7303
7205
  main: {
7304
7206
  label: "Label"
7305
7207
  }
@@ -7312,16 +7214,21 @@ const ValueTab = {
7312
7214
  widget: "InputField"
7313
7215
  },
7314
7216
  config: {
7315
- layout: {
7316
- xs: 11,
7317
- sm: 11,
7318
- md: 5.5,
7319
- lg: 5.5
7320
- },
7217
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7321
7218
  main: {
7322
7219
  label: "Value"
7323
7220
  }
7324
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
+ }
7325
7232
  }
7326
7233
  ]
7327
7234
  }
@@ -7348,12 +7255,7 @@ const ValidationSection = {
7348
7255
  widget: "SelectInputField"
7349
7256
  },
7350
7257
  config: {
7351
- layout: {
7352
- xs: 11,
7353
- sm: 11,
7354
- md: 5.5,
7355
- lg: 5.5
7356
- },
7258
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7357
7259
  main: {
7358
7260
  label: "Validation Type"
7359
7261
  }
@@ -7366,16 +7268,21 @@ const ValidationSection = {
7366
7268
  widget: "InputField"
7367
7269
  },
7368
7270
  config: {
7369
- layout: {
7370
- xs: 11,
7371
- sm: 11,
7372
- md: 5.5,
7373
- lg: 5.5
7374
- },
7271
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7375
7272
  main: {
7376
7273
  label: "Validation Value"
7377
7274
  }
7378
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
+ }
7379
7286
  }
7380
7287
  ]
7381
7288
  }
@@ -7557,7 +7464,7 @@ const sectionLabels = {
7557
7464
  };
7558
7465
  const refreshPage = (type, store2) => {
7559
7466
  var _a;
7560
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7467
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7561
7468
  if (type) {
7562
7469
  const sectionUiSchema = {
7563
7470
  Core: CoreSection,
@@ -7569,8 +7476,8 @@ const refreshPage = (type, store2) => {
7569
7476
  Validation: ValidationSection
7570
7477
  };
7571
7478
  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];
7479
+ UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7480
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7574
7481
  }
7575
7482
  store2.setUiSchema(UiSchema);
7576
7483
  };
@@ -7692,7 +7599,7 @@ var pageMaster = (funcParams) => {
7692
7599
  return config;
7693
7600
  },
7694
7601
  getUiSchema: function() {
7695
- return PageMasterUiSchema;
7602
+ return PageMasterUiSchema(store2.theme.myTheme);
7696
7603
  },
7697
7604
  getSchema: () => {
7698
7605
  return PageMasterSchema;
@@ -7738,12 +7645,6 @@ var pageMaster = (funcParams) => {
7738
7645
  store2.formData.events.splice(rowId, 1);
7739
7646
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7740
7647
  store2.setFormdata(response2);
7741
- },
7742
- deletePopUpEvent: function() {
7743
- store2.updateDialog("popUpEvent");
7744
- },
7745
- deletePopUpComponent: function() {
7746
- store2.updateDialog("popUpComponent");
7747
7648
  }
7748
7649
  };
7749
7650
  };
@@ -7833,334 +7734,418 @@ const EventSchema = {
7833
7734
  },
7834
7735
  required: ["eventType", "Handler"]
7835
7736
  };
7836
- const EventUiSchema = {
7837
- type: "HorizontalLayout",
7838
- elements: [
7839
- {
7840
- type: "WrapperLayout",
7841
- config: {
7842
- main: {
7843
- rowSpacing: 1,
7844
- 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"
7845
7895
  },
7846
- defaultStyle: true
7896
+ config: {
7897
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7898
+ }
7847
7899
  },
7848
- elements: [
7849
- {
7850
- type: "Control",
7851
- scope: "#/properties/Component",
7852
- options: {
7853
- widget: "Box"
7854
- },
7855
- config: {
7856
- layout: { xs: 12, sm: 12, md: 2 },
7857
- main: {
7858
- heading: "Component"
7859
- },
7860
- style: {
7861
- "float": "left"
7862
- }
7863
- }
7900
+ {
7901
+ type: "Control",
7902
+ scope: "#/properties/EmptyBox",
7903
+ options: {
7904
+ widget: "EmptyBox"
7864
7905
  },
7865
- {
7866
- type: "Control",
7867
- scope: "#/properties/pageName",
7868
- options: {
7869
- 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"
7870
7926
  },
7871
- config: {
7872
- layout: { xs: 7, sm: 7, md: 9 },
7873
- main: {
7874
- heading: " "
7875
- },
7876
- style: {
7877
- float: "right",
7878
- width: "auto",
7879
- fontSize: "12px",
7880
- color: "gray",
7881
- paddingTop: "10px"
7882
- }
7927
+ style: {
7928
+ float: "right"
7883
7929
  }
7930
+ }
7931
+ },
7932
+ {
7933
+ type: "Control",
7934
+ scope: "#/properties/btnSubmit",
7935
+ options: {
7936
+ widget: "Button"
7884
7937
  },
7885
- {
7886
- type: "Control",
7887
- scope: "#/properties/Back_Button",
7888
- options: {
7889
- 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"
7890
7948
  },
7891
- config: {
7892
- layout: { xs: 2, sm: 2, md: 0.5 },
7893
- main: {
7894
- icon: "BackIcon",
7895
- styleDefault: true,
7896
- size: "small",
7897
- onClick: "backHandler",
7898
- tooltipMessage: "Back"
7899
- },
7900
- style: {
7901
- float: "right"
7902
- }
7949
+ style: {
7950
+ float: "right"
7903
7951
  }
7904
7952
  }
7905
- ]
7906
- },
7907
- {
7908
- type: "TabLayout",
7909
- config: {
7910
- main: {
7911
- tabLabels: ["Core", "Response Event"],
7912
- defaultStyle: true,
7913
- id: "event"
7914
- }
7915
7953
  },
7916
- elements: [
7917
- {
7918
- type: "HorizontalLayout",
7919
- elements: [
7920
- {
7921
- type: "Control",
7922
- scope: `#/properties/eventType`,
7923
- options: {
7924
- widget: "SelectInputField"
7925
- },
7926
- config: {
7927
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7928
- main: {
7929
- label: "Event Type",
7930
- type: "text"
7931
- }
7932
- }
7933
- },
7934
- getSelectField("Handler", "Handler")
7935
- ]
7954
+ {
7955
+ type: "Control",
7956
+ scope: "#/properties/notify",
7957
+ options: {
7958
+ widget: "Notify"
7936
7959
  },
7937
- {
7938
- type: "WrapperLayout",
7939
- config: {
7940
- main: {
7941
- 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"
7942
7979
  },
7943
- wrapperStyle: {
7944
- border: "1px solid gray"
7980
+ config: {
7981
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7945
7982
  }
7946
7983
  },
7947
- elements: [
7948
- {
7949
- type: "Control",
7950
- scope: "#/properties/heading",
7951
- options: {
7952
- widget: "Box"
7953
- },
7954
- config: {
7955
- layout: 8,
7956
- main: {
7957
- heading: "Response Event"
7958
- },
7959
- style: {
7960
- fontFamily: "Roboto",
7961
- fontWeight: "500",
7962
- paddingLeft: "-10px",
7963
- fontSize: "20px"
7964
- }
7965
- }
7984
+ {
7985
+ type: "Control",
7986
+ scope: "#/properties/FooterText",
7987
+ options: {
7988
+ widget: "Box"
7966
7989
  },
7967
- {
7968
- type: "Control",
7969
- scope: "#/properties/AddButton",
7970
- options: {
7971
- widget: "IconButton"
7990
+ config: {
7991
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7992
+ main: {
7993
+ heading: "Copywriter@ACT21.IO"
7972
7994
  },
7973
- config: {
7974
- layout: 3,
7975
- main: {
7976
- icon: "AddIcon",
7977
- styleDefault: true,
7978
- size: "small",
7979
- onClick: "addEvent",
7980
- tooltipMessage: "Back"
7981
- },
7982
- style: {
7983
- float: "right"
7984
- }
7995
+ style: {
7996
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7997
+ fontSize: "12px"
7985
7998
  }
7999
+ }
8000
+ },
8001
+ {
8002
+ type: "HorizontalLayout",
8003
+ config: {
8004
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
7986
8005
  },
7987
- {
7988
- type: "Control",
7989
- scope: "#/properties/events",
7990
- options: {
7991
- widget: "Table"
7992
- },
7993
- config: {
7994
- main: {
7995
- disableAction: true,
7996
- disableSelection: true,
7997
- enableDrag: true
8006
+ elements: [
8007
+ {
8008
+ type: "Control",
8009
+ scope: "#/properties/EmptyBox",
8010
+ options: {
8011
+ widget: "EmptyBox"
8012
+ },
8013
+ config: {
8014
+ layout: 2
7998
8015
  }
7999
8016
  },
8000
- elements: [
8001
- {
8002
- accessorKey: "eventType",
8003
- header: "Event Type"
8004
- },
8005
- {
8006
- accessorKey: "Handler",
8007
- header: "Handler"
8017
+ {
8018
+ type: "Control",
8019
+ scope: "#/properties/backIcon",
8020
+ options: {
8021
+ widget: "Box"
8008
8022
  },
8009
- {
8010
- accessorKey: "Edit_Approve_Records",
8011
- header: "Edit Widget",
8012
- widget: {
8013
- type: "Control",
8014
- scope: "#/properties/Edit_Records",
8015
- options: {
8016
- widget: "IconButton"
8017
- },
8018
- config: {
8019
- main: {
8020
- color: "info",
8021
- size: "small",
8022
- icon: "EditIcon",
8023
- tooltipMessage: "Edit This Record",
8024
- onClick: "editEvent"
8025
- },
8026
- style: {
8027
- color: "#3949ab"
8028
- }
8029
- }
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"
8030
8038
  }
8039
+ }
8040
+ },
8041
+ {
8042
+ type: "Control",
8043
+ scope: "#/properties/text",
8044
+ options: {
8045
+ widget: "Box"
8031
8046
  },
8032
- {
8033
- accessorKey: "Reject_Records",
8034
- header: "Delete",
8035
- widget: {
8036
- type: "Control",
8037
- scope: "#/properties/RejectButton",
8038
- options: {
8039
- widget: "IconButton"
8040
- },
8041
- config: {
8042
- main: {
8043
- icon: "RejectIcon",
8044
- color: "error",
8045
- tooltipMessage: "Reject This Record",
8046
- onClick: "deleteEvent"
8047
- }
8048
- }
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"
8049
8058
  }
8050
8059
  }
8051
- ]
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
+ }
8052
8080
  }
8053
- ]
8054
- }
8055
- ]
8056
- },
8057
- {
8058
- type: "Control",
8059
- scope: "#/properties/proc",
8060
- config: {
8061
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8062
- },
8063
- options: {
8064
- 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
+ ]
8065
8093
  }
8066
- },
8094
+ ]
8095
+ };
8096
+ return uiSchema;
8097
+ };
8098
+ const APISection = {
8099
+ type: "HorizontalLayout",
8100
+ elements: [
8067
8101
  {
8068
8102
  type: "Control",
8069
- scope: "#/properties/btn",
8103
+ scope: "#/properties/method",
8070
8104
  options: {
8071
- widget: "Button"
8105
+ widget: "SelectInputField"
8072
8106
  },
8073
8107
  config: {
8074
- layout: {
8075
- xs: 11,
8076
- sm: 11,
8077
- md: 2.5,
8078
- lg: 2.5
8079
- },
8108
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8080
8109
  main: {
8081
- name: "Ok",
8082
- startIcon: "ApproveIcon",
8083
- variant: "contained",
8084
- color: "info",
8085
- type: "text",
8086
- onClick: "okHandler",
8087
- size: "small"
8088
- },
8089
- style: {
8090
- marginBottom: "8px",
8091
- float: "right"
8110
+ label: "Method",
8111
+ type: "text"
8092
8112
  }
8093
8113
  }
8094
8114
  },
8095
8115
  {
8096
8116
  type: "Control",
8097
- scope: "#/properties/btnSubmit",
8117
+ scope: "#/properties/path",
8098
8118
  options: {
8099
- widget: "Button"
8119
+ widget: "InputField"
8100
8120
  },
8101
8121
  config: {
8102
- layout: {
8103
- xs: 11,
8104
- sm: 11,
8105
- md: 2.5,
8106
- lg: 2.5
8107
- },
8122
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8108
8123
  main: {
8109
- name: "Save & Exit",
8110
- startIcon: "ApproveIcon",
8111
- variant: "contained",
8112
- color: "info",
8124
+ label: "Path",
8113
8125
  type: "text",
8114
- onClick: "saveHandler",
8115
- size: "small"
8116
- },
8117
- style: {
8118
- marginBottom: "8px",
8119
- float: "right"
8126
+ multiple: false,
8127
+ options: []
8120
8128
  }
8121
8129
  }
8122
8130
  },
8123
8131
  {
8124
8132
  type: "Control",
8125
- scope: "#/properties/notify",
8126
- options: {
8127
- widget: "Notify"
8128
- },
8129
- layout: 6
8130
- }
8131
- ]
8132
- };
8133
- const APISection = {
8134
- type: "HorizontalLayout",
8135
- elements: [
8136
- {
8137
- type: "Control",
8138
- scope: "#/properties/method",
8133
+ scope: "#/properties/emptyBox",
8139
8134
  options: {
8140
- widget: "SelectInputField"
8135
+ widget: "EmptyBox"
8141
8136
  },
8142
8137
  config: {
8143
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8144
- main: {
8145
- label: "Method",
8146
- type: "text"
8147
- }
8138
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8148
8139
  }
8149
8140
  },
8150
8141
  {
8151
8142
  type: "Control",
8152
- scope: "#/properties/path",
8143
+ scope: "#/properties/emptyBox",
8153
8144
  options: {
8154
- widget: "InputField"
8145
+ widget: "EmptyBox"
8155
8146
  },
8156
8147
  config: {
8157
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8158
- main: {
8159
- label: "Path",
8160
- type: "text",
8161
- multiple: false,
8162
- options: []
8163
- }
8148
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8164
8149
  }
8165
8150
  },
8166
8151
  {
@@ -8179,12 +8164,7 @@ const APISection = {
8179
8164
  widget: "InputField"
8180
8165
  },
8181
8166
  config: {
8182
- layout: {
8183
- xs: 11,
8184
- sm: 11,
8185
- md: 5.5,
8186
- lg: 5.5
8187
- },
8167
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8188
8168
  main: {
8189
8169
  label: "Key"
8190
8170
  }
@@ -8197,12 +8177,7 @@ const APISection = {
8197
8177
  widget: "InputField"
8198
8178
  },
8199
8179
  config: {
8200
- layout: {
8201
- xs: 11,
8202
- sm: 11,
8203
- md: 5.5,
8204
- lg: 5.5
8205
- },
8180
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8206
8181
  main: {
8207
8182
  label: "Value"
8208
8183
  }
@@ -8228,12 +8203,7 @@ const APISection = {
8228
8203
  widget: "InputField"
8229
8204
  },
8230
8205
  config: {
8231
- layout: {
8232
- xs: 11,
8233
- sm: 11,
8234
- md: 5.5,
8235
- lg: 5.5
8236
- },
8206
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8237
8207
  main: {
8238
8208
  label: "Key"
8239
8209
  }
@@ -8246,12 +8216,7 @@ const APISection = {
8246
8216
  widget: "InputField"
8247
8217
  },
8248
8218
  config: {
8249
- layout: {
8250
- xs: 11,
8251
- sm: 11,
8252
- md: 5.5,
8253
- lg: 5.5
8254
- },
8219
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8255
8220
  main: {
8256
8221
  label: "Value"
8257
8222
  }
@@ -8325,21 +8290,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8325
8290
  this.refreshPage(formdata.Handler, store2);
8326
8291
  },
8327
8292
  refreshPage: (handlerType, store22) => {
8328
- const uiSchema = _.cloneDeep(EventUiSchema);
8293
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8329
8294
  const schema2 = _.cloneDeep(EventSchema);
8330
8295
  if (handlerType) {
8331
8296
  if (handlerType === "custom") {
8332
- 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);
8333
8298
  schema2.required = ["eventType", "Handler", "eventCode"];
8334
8299
  } else if (handlerType === "api") {
8335
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8300
+ uiSchema.elements[0].elements[0].elements[3] = APISection;
8336
8301
  schema2.required = ["eventType", "Handler", "method", "path"];
8337
8302
  } else if (handlerType === "inBuiltFunction") {
8338
- uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8339
- 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);
8340
8305
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8341
8306
  } else if (handlerType === "refresh") {
8342
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8307
+ uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8343
8308
  schema2.properties.refreshElements.required = ["value"];
8344
8309
  schema2.properties.refreshElements.items.required = ["value"];
8345
8310
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8349,8 +8314,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8349
8314
  store22.setUiSchema(uiSchema);
8350
8315
  },
8351
8316
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8352
- getUiSchema: function() {
8353
- return EventUiSchema;
8317
+ getUiSchema: async function() {
8318
+ return await EventUiSchema(store2.theme.myTheme);
8354
8319
  },
8355
8320
  getSchema: () => {
8356
8321
  return EventSchema;
@@ -9672,12 +9637,7 @@ var TextInputField = {
9672
9637
  widget: "InputField"
9673
9638
  },
9674
9639
  config: {
9675
- layout: {
9676
- xs: 11,
9677
- sm: 11,
9678
- md: 5.5,
9679
- lg: 5.5
9680
- },
9640
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9681
9641
  main: {
9682
9642
  label: ""
9683
9643
  },
@@ -9710,12 +9670,7 @@ var SelectInputField = {
9710
9670
  widget: "SelectInputField"
9711
9671
  },
9712
9672
  config: {
9713
- "layout": {
9714
- "xs": 11,
9715
- "sm": 11,
9716
- "md": 5.5,
9717
- "lg": 5.5
9718
- },
9673
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9719
9674
  main: {
9720
9675
  label: "",
9721
9676
  type: "text",
@@ -10125,12 +10080,7 @@ var DateInputField = {
10125
10080
  widget: "DateInputField"
10126
10081
  },
10127
10082
  config: {
10128
- layout: {
10129
- xs: 11,
10130
- sm: 11,
10131
- md: 5.5,
10132
- lg: 5.5
10133
- },
10083
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10134
10084
  main: {
10135
10085
  label: "",
10136
10086
  type: "date"
@@ -10247,7 +10197,7 @@ var MultipleSelect = {
10247
10197
  widget: "MultipleSelect"
10248
10198
  },
10249
10199
  config: {
10250
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10200
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10251
10201
  main: {
10252
10202
  label: "",
10253
10203
  type: "text",
@@ -10434,7 +10384,7 @@ var emptyBox = {
10434
10384
  widget: "EmptyBox"
10435
10385
  },
10436
10386
  config: {
10437
- layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
10387
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10438
10388
  main: {},
10439
10389
  style: {}
10440
10390
  }