impaktapps-ui-builder 0.0.382-alpha.211 → 0.0.382-alpha.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1285 -1335
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +16 -16
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +2 -4
  13. package/package.json +1 -1
  14. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  15. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +43 -49
  16. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  17. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  18. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  20. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  22. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  23. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  24. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  25. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  26. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +344 -266
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +361 -533
  29. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
  30. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  31. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  32. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +6 -18
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,475 +36,406 @@ const PageMasterSchema = {
36
36
  },
37
37
  required: ["label", "name"]
38
38
  };
39
- const PageMasterUiSchema = {
40
- type: "HorizontalLayout",
41
- elements: [
42
- {
43
- type: "WrapperLayout",
44
- config: {
45
- main: {
46
- rowSpacing: 1,
47
- header: true
48
- },
49
- defaultStyle: true
50
- },
51
- elements: [
52
- {
53
- type: "Control",
54
- scope: "#/properties/pageMaster",
55
- options: {
56
- widget: "Box"
39
+ const PageMasterUiSchema = (theme) => {
40
+ var _a;
41
+ const uiSchema = {
42
+ type: "HorizontalLayout",
43
+ heading: "Page Master",
44
+ elements: [
45
+ {
46
+ type: "WrapperLayout",
47
+ config: {
48
+ main: {
49
+ label: "Page Template",
50
+ isAccordion: true
57
51
  },
58
- config: {
59
- layout: 8,
60
- main: {
61
- heading: "Page Master"
62
- }
63
- }
64
- },
65
- {
66
- type: "Control",
67
- scope: "#/properties/Back_Button",
68
- options: {
69
- widget: "IconButton"
52
+ wrapperStyle: {
53
+ marginTop: "-6px",
54
+ marginBottom: "-8px"
70
55
  },
71
- config: {
72
- layout: 3,
73
- main: {
74
- icon: "BackIcon",
75
- styleDefault: true,
76
- size: "small",
77
- onClick: "backHandler",
78
- tooltipMessage: "Back"
56
+ componentsBoxStyle: {
57
+ marginLeft: "24px"
58
+ },
59
+ defaultStyle: true
60
+ },
61
+ elements: [
62
+ {
63
+ type: "Control",
64
+ scope: "#/properties/name",
65
+ options: {
66
+ widget: "InputField"
79
67
  },
80
- style: {
81
- float: "right"
68
+ config: {
69
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
70
+ main: {
71
+ label: "Name",
72
+ options: [],
73
+ color: "secondary",
74
+ errorMessage: "Name should be start with 'page_'",
75
+ helperText: 'Name should be start with "page_"',
76
+ required: true
77
+ }
82
78
  }
83
- }
84
- }
85
- ]
86
- },
87
- {
88
- type: "WrapperLayout",
89
- config: {
90
- main: {
91
- label: "Page Template",
92
- divider: true
93
- },
94
- defaultStyle: true
95
- },
96
- elements: [
97
- {
98
- type: "Control",
99
- scope: "#/properties/name",
100
- options: {
101
- widget: "InputField"
102
79
  },
103
- config: {
104
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
105
- main: {
106
- label: "Name",
107
- options: [],
108
- color: "secondary",
109
- errorMessage: "Name should be start with 'page_'",
110
- helperText: 'Name should be start with "page_"',
111
- required: true
80
+ {
81
+ type: "Control",
82
+ scope: "#/properties/label",
83
+ options: {
84
+ widget: "InputField"
85
+ },
86
+ config: {
87
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
88
+ main: {
89
+ label: "Label",
90
+ options: [],
91
+ color: "secondary",
92
+ required: true
93
+ }
112
94
  }
113
- }
114
- },
115
- {
116
- type: "Control",
117
- scope: "#/properties/label",
118
- options: {
119
- widget: "InputField"
120
95
  },
121
- config: {
122
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
123
- main: {
124
- label: "Label",
125
- options: [],
126
- color: "secondary",
127
- required: true
128
- }
129
- }
130
- }
131
- ]
132
- },
133
- {
134
- type: "TabLayout",
135
- config: {
136
- main: {
137
- tabLabels: ["Components", "events"],
138
- divider: true
139
- },
140
- defaultStyle: true
141
- },
142
- elements: [
143
- {
144
- type: "WrapperLayout",
145
- config: {
146
- main: {
147
- divider: true
96
+ {
97
+ type: "Control",
98
+ scope: "#/properties/emptyBox",
99
+ options: {
100
+ widget: "EmptyBox"
148
101
  },
149
- wrapperStyle: {
150
- border: "1px solid gray"
102
+ config: {
103
+ layout: { xs: 0, sm: 4 }
151
104
  }
152
105
  },
153
- elements: [
154
- {
155
- type: "Control",
156
- scope: "#/properties/heading",
157
- options: {
158
- widget: "Box"
106
+ {
107
+ type: "TabLayout",
108
+ config: {
109
+ main: {
110
+ tabLabels: ["Components", "events"],
111
+ divider: true
159
112
  },
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
- }
113
+ defaultStyle: true
172
114
  },
173
- {
174
- type: "Control",
175
- scope: "#/properties/AddButton",
176
- options: {
177
- widget: "IconButton"
178
- },
179
- config: {
180
- layout: 3,
181
- main: {
182
- icon: "AddIcon",
183
- styleDefault: true,
184
- size: "small",
185
- onClick: "onAddClickHandler",
186
- tooltipMessage: "Add New"
187
- },
188
- style: {
189
- float: "right"
190
- }
191
- }
192
- },
193
- {
194
- type: "Control",
195
- scope: "#/properties/elements",
196
- options: {
197
- widget: "Table"
198
- },
199
- config: {
200
- main: {
201
- disableAction: true,
202
- disableSelection: true,
203
- enableDrag: true
204
- }
205
- },
206
- elements: [
207
- {
208
- accessorKey: "name",
209
- header: "Name"
210
- },
211
- {
212
- accessorKey: "type",
213
- header: "Type"
115
+ elements: [
116
+ {
117
+ type: "Control",
118
+ scope: "#/properties/elements",
119
+ options: {
120
+ widget: "Table"
214
121
  },
215
- {
216
- header: "Edit",
217
- field: "Reject_Records",
218
- flex: 1,
219
- widget: {
220
- type: "Control",
221
- scope: "#/properties/RejectButton",
222
- options: {
223
- widget: "IconButton"
122
+ config: {
123
+ main: {
124
+ headerIcons: {
125
+ elements: [
126
+ {
127
+ widget: {
128
+ type: "Control",
129
+ scope: "#/properties/New_Record",
130
+ options: {
131
+ widget: "IconButton"
132
+ },
133
+ config: {
134
+ main: {
135
+ color: "info",
136
+ onClick: "onAddClickHandler",
137
+ size: "small",
138
+ icon: "AddIcon",
139
+ iconLabel: "Add New",
140
+ styleDefault: true
141
+ },
142
+ style: {
143
+ mt: "6px"
144
+ }
145
+ }
146
+ }
147
+ }
148
+ ]
224
149
  },
225
- config: {
226
- main: {
227
- icon: "EditIcon",
228
- color: "primary",
229
- onClick: "Edit_Components",
230
- tooltipMessage: "Edit This Record"
231
- }
232
- }
150
+ disableAction: true,
151
+ disableSelection: true,
152
+ enableDrag: true
233
153
  }
234
154
  },
235
- {
236
- header: "Delete",
237
- field: "Reject_Records",
238
- flex: 1,
239
- widget: {
240
- type: "Control",
241
- scope: "#/properties/RejectButton",
242
- options: {
243
- widget: "IconButton"
244
- },
245
- config: {
246
- main: {
247
- icon: "RejectIcon",
248
- color: "error",
249
- onClick: "deletePopUpComponent",
250
- tooltipMessage: "Reject This Record"
155
+ elements: [
156
+ {
157
+ accessorKey: "name",
158
+ header: "Name"
159
+ },
160
+ {
161
+ accessorKey: "type",
162
+ header: "Type"
163
+ },
164
+ {
165
+ header: "Edit",
166
+ field: "Reject_Records",
167
+ flex: 1,
168
+ widget: {
169
+ type: "Control",
170
+ scope: "#/properties/RejectButton",
171
+ options: {
172
+ widget: "IconButton"
173
+ },
174
+ config: {
175
+ main: {
176
+ icon: "EditIcon",
177
+ color: "primary",
178
+ onClick: "Edit_Components",
179
+ tooltipMessage: "Edit This Record"
180
+ }
251
181
  }
252
182
  }
253
- }
254
- }
255
- ]
256
- },
257
- {
258
- type: "Control",
259
- scope: "#/properties/popUpComponent",
260
- options: {
261
- widget: "PopUp"
262
- },
263
- config: {
264
- layout: {
265
- xs: 12,
266
- sm: 12,
267
- md: 12,
268
- lg: 12
269
- },
270
- main: {}
271
- },
272
- elements: [
273
- {
274
- type: "Control",
275
- scope: "#/properties/label",
276
- options: {
277
- widget: "Box"
278
183
  },
279
- config: {
280
- layout: 12,
281
- main: {
282
- heading: "Are you sure you want to delete ?"
184
+ {
185
+ header: "Delete",
186
+ field: "Reject_Records",
187
+ flex: 1,
188
+ widget: {
189
+ type: "Control",
190
+ scope: "#/properties/RejectButton",
191
+ options: {
192
+ widget: "IconButton"
193
+ },
194
+ config: {
195
+ main: {
196
+ icon: "RejectIcon",
197
+ color: "error",
198
+ onClick: "Delete_Components",
199
+ tooltipMessage: "Reject This Record"
200
+ }
201
+ }
283
202
  }
284
203
  }
204
+ ]
205
+ },
206
+ {
207
+ type: "Control",
208
+ scope: "#/properties/events",
209
+ options: {
210
+ widget: "Table"
285
211
  },
286
- {
287
- type: "Control",
288
- scope: "#/properties/ConfirmDeleteCompButton",
289
- options: {
290
- widget: "Button"
291
- },
292
- config: {
293
- layout: 3,
294
- main: {
295
- name: "No",
296
- startIcon: "ApproveIcon",
297
- variant: "contained",
298
- color: "info",
299
- type: "text",
300
- onClick: "deletePopUpComponent",
301
- size: "small"
212
+ config: {
213
+ main: {
214
+ headerIcons: {
215
+ elements: [
216
+ {
217
+ widget: {
218
+ type: "Control",
219
+ scope: "#/properties/New_Record",
220
+ options: {
221
+ widget: "IconButton"
222
+ },
223
+ config: {
224
+ main: {
225
+ color: "info",
226
+ onClick: "eventAddHandler",
227
+ size: "small",
228
+ icon: "AddIcon",
229
+ iconLabel: "Add New",
230
+ styleDefault: true
231
+ },
232
+ style: {
233
+ mt: "6px"
234
+ }
235
+ }
236
+ }
237
+ }
238
+ ]
302
239
  },
303
- style: {
304
- marginBottom: "8px",
305
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
306
- }
240
+ disableAction: true,
241
+ disableSelection: true,
242
+ enableDrag: true
307
243
  }
308
244
  },
309
- {
310
- type: "Control",
311
- scope: "#/properties/CancelDeleteCompButton",
312
- options: {
313
- widget: "Button"
245
+ elements: [
246
+ {
247
+ accessorKey: "eventType",
248
+ header: "Event Type"
314
249
  },
315
- config: {
316
- layout: 3,
317
- main: {
318
- name: "Yes",
319
- startIcon: "ApproveIcon",
320
- variant: "contained",
321
- color: "info",
322
- type: "text",
323
- onClick: "Delete_Components",
324
- size: "small"
325
- },
326
- style: {
327
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
250
+ {
251
+ accessorKey: "Handler",
252
+ header: "Handler"
253
+ },
254
+ {
255
+ accessorKey: "Edit_Approve_Records",
256
+ header: "Edit Widget",
257
+ widget: {
258
+ type: "Control",
259
+ scope: "#/properties/Edit_Records",
260
+ options: {
261
+ widget: "IconButton"
262
+ },
263
+ config: {
264
+ main: {
265
+ color: "info",
266
+ size: "small",
267
+ icon: "EditIcon",
268
+ tooltipMessage: "Edit This Record",
269
+ onClick: "editEvent"
270
+ },
271
+ style: {
272
+ color: "#3949ab"
273
+ }
274
+ }
328
275
  }
329
- }
330
- },
331
- {
332
- type: "Control",
333
- scope: "#/properties/emptyBox",
334
- options: {
335
- widget: "Box"
336
276
  },
337
- config: {
338
- layout: 6
277
+ {
278
+ accessorKey: "Reject_Records",
279
+ header: "Delete",
280
+ widget: {
281
+ type: "Control",
282
+ scope: "#/properties/RejectButton",
283
+ options: {
284
+ widget: "IconButton"
285
+ },
286
+ config: {
287
+ main: {
288
+ icon: "RejectIcon",
289
+ color: "error",
290
+ tooltipMessage: "Reject This Record",
291
+ onClick: "deleteEvent"
292
+ }
293
+ }
294
+ }
339
295
  }
340
- }
341
- ]
296
+ ]
297
+ }
298
+ ]
299
+ },
300
+ {
301
+ type: "Control",
302
+ scope: "#/properties/btn",
303
+ options: {
304
+ widget: "Button"
305
+ },
306
+ config: {
307
+ layout: 11.9,
308
+ main: {
309
+ name: "Save",
310
+ startIcon: "ApproveIcon",
311
+ variant: "contained",
312
+ color: "info",
313
+ type: "text",
314
+ onClick: "saveHandler",
315
+ size: "medium"
316
+ },
317
+ style: {
318
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
319
+ float: "right"
320
+ }
342
321
  }
343
- ]
322
+ }
323
+ ]
324
+ },
325
+ {
326
+ type: "Control",
327
+ scope: "#/properties/notify",
328
+ options: {
329
+ widget: "Notify"
344
330
  },
345
- {
346
- type: "WrapperLayout",
347
- config: {
348
- main: {
349
- divider: true
331
+ layout: 6
332
+ },
333
+ {
334
+ type: "HorizontalLayout",
335
+ config: {
336
+ style: {
337
+ position: "fixed",
338
+ bottom: 5,
339
+ overflow: "visible",
340
+ margin: "0",
341
+ width: "100vw"
342
+ }
343
+ },
344
+ elements: [
345
+ {
346
+ type: "Control",
347
+ scope: "#/properties/EmptyBox",
348
+ options: {
349
+ widget: "EmptyBox"
350
350
  },
351
- wrapperStyle: {
352
- border: "1px solid gray"
351
+ config: {
352
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
353
353
  }
354
354
  },
355
- elements: [
356
- {
357
- type: "Control",
358
- scope: "#/properties/heading",
359
- options: {
360
- widget: "Box"
361
- },
362
- config: {
363
- layout: 8,
364
- main: {
365
- heading: "Event Table"
366
- },
367
- style: {
368
- fontFamily: "Roboto",
369
- fontWeight: "500",
370
- paddingLeft: "-10px",
371
- fontSize: "20px"
372
- }
373
- }
355
+ {
356
+ type: "Control",
357
+ scope: "#/properties/FooterText",
358
+ options: {
359
+ widget: "Box"
374
360
  },
375
- {
376
- type: "Control",
377
- scope: "#/properties/AddButton",
378
- options: {
379
- widget: "IconButton"
361
+ config: {
362
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
363
+ main: {
364
+ heading: "Copywriter@ACT21.IO"
380
365
  },
381
- config: {
382
- layout: 3,
383
- main: {
384
- icon: "AddIcon",
385
- styleDefault: true,
386
- size: "small",
387
- onClick: "eventAddHandler",
388
- tooltipMessage: "Back"
389
- },
390
- style: {
391
- float: "right"
392
- }
366
+ style: {
367
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
368
+ fontSize: "12px"
393
369
  }
370
+ }
371
+ },
372
+ {
373
+ type: "HorizontalLayout",
374
+ config: {
375
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
394
376
  },
395
- {
396
- type: "Control",
397
- scope: "#/properties/events",
398
- options: {
399
- widget: "Table"
400
- },
401
- config: {
402
- main: {
403
- disableAction: true,
404
- disableSelection: true,
405
- enableDrag: true
377
+ elements: [
378
+ {
379
+ type: "Control",
380
+ scope: "#/properties/EmptyBox",
381
+ options: {
382
+ widget: "EmptyBox"
383
+ },
384
+ config: {
385
+ layout: 2
406
386
  }
407
387
  },
408
- elements: [
409
- {
410
- accessorKey: "eventType",
411
- header: "Event Type"
412
- },
413
- {
414
- accessorKey: "Handler",
415
- header: "Handler"
388
+ {
389
+ type: "Control",
390
+ scope: "#/properties/backIcon",
391
+ options: {
392
+ widget: "Box"
416
393
  },
417
- {
418
- accessorKey: "Edit_Approve_Records",
419
- header: "Edit Widget",
420
- widget: {
421
- type: "Control",
422
- scope: "#/properties/Edit_Records",
423
- options: {
424
- widget: "IconButton"
425
- },
426
- config: {
427
- main: {
428
- color: "info",
429
- size: "small",
430
- icon: "EditIcon",
431
- tooltipMessage: "Edit This Record",
432
- onClick: "editEvent"
433
- },
434
- style: {
435
- color: "#3949ab"
436
- }
437
- }
394
+ config: {
395
+ layout: 1,
396
+ main: {
397
+ iconName: "PrevIcon",
398
+ onClick: "backHandler"
399
+ },
400
+ style: {
401
+ fill: theme.palette.primary.dark,
402
+ width: 20,
403
+ height: 20,
404
+ display: "flex",
405
+ alignItems: "center",
406
+ justifyContent: "center",
407
+ marginRight: "-8px",
408
+ cursor: "pointer"
438
409
  }
410
+ }
411
+ },
412
+ {
413
+ type: "Control",
414
+ scope: "#/properties/text",
415
+ options: {
416
+ widget: "Box"
439
417
  },
440
- {
441
- accessorKey: "Reject_Records",
442
- header: "Delete",
443
- widget: {
444
- type: "Control",
445
- scope: "#/properties/RejectButton",
446
- options: {
447
- widget: "IconButton"
448
- },
449
- config: {
450
- main: {
451
- icon: "RejectIcon",
452
- color: "error",
453
- tooltipMessage: "Reject This Record",
454
- onClick: "deletePopUpEvent"
455
- }
456
- }
418
+ config: {
419
+ layout: 9,
420
+ main: {
421
+ heading: "Previous Page",
422
+ onClick: "backHandler"
423
+ },
424
+ style: {
425
+ color: theme.palette.primary.dark,
426
+ fontSize: "12px",
427
+ cursor: "pointer",
428
+ marginLeft: "-6px"
457
429
  }
458
430
  }
459
- ]
460
- }
461
- ]
462
- }
463
- ]
464
- },
465
- {
466
- type: "Control",
467
- scope: "#/properties/btn",
468
- options: {
469
- widget: "EmptyBox"
470
- },
471
- config: {
472
- layout: { xs: 0, sm: 0, md: 8, lg: 7 }
473
- }
474
- },
475
- {
476
- type: "Control",
477
- scope: "#/properties/btn",
478
- options: {
479
- widget: "Button"
480
- },
481
- config: {
482
- layout: 11.7,
483
- main: {
484
- name: "Save",
485
- startIcon: "ApproveIcon",
486
- variant: "contained",
487
- color: "info",
488
- type: "text",
489
- onClick: "saveHandler",
490
- size: "small"
491
- },
492
- style: {
493
- marginBottom: "8px",
494
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
495
- float: "right"
496
- }
431
+ }
432
+ ]
433
+ }
434
+ ]
497
435
  }
498
- },
499
- {
500
- type: "Control",
501
- scope: "#/properties/notify",
502
- options: {
503
- widget: "Notify"
504
- },
505
- layout: 6
506
- }
507
- ]
436
+ ]
437
+ };
438
+ return uiSchema;
508
439
  };
509
440
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
510
441
  var lodash = { exports: {} };
@@ -6238,285 +6169,332 @@ const ComponentSchema = {
6238
6169
  },
6239
6170
  required: ["name"]
6240
6171
  };
6241
- const componentBasicUiSchema = {
6242
- type: "HorizontalLayout",
6243
- elements: [
6244
- {
6245
- type: "WrapperLayout",
6246
- config: {
6247
- main: {
6248
- rowSpacing: 1,
6249
- header: true
6250
- },
6251
- defaultStyle: true
6252
- },
6253
- elements: [
6254
- {
6255
- type: "Control",
6256
- scope: "#/properties/Component",
6257
- options: {
6258
- widget: "Box"
6259
- },
6260
- config: {
6261
- layout: { xs: 12, sm: 12, md: 2 },
6262
- main: {
6263
- heading: "Component"
6264
- },
6265
- style: {
6266
- "float": "left"
6267
- }
6268
- }
6269
- },
6270
- {
6271
- type: "Control",
6272
- scope: "#/properties/pageName",
6273
- options: {
6274
- widget: "Box"
6275
- },
6276
- config: {
6277
- layout: { xs: 7, sm: 7, md: 9 },
6278
- main: {
6279
- heading: " "
6280
- },
6281
- style: {
6282
- float: "right",
6283
- width: "auto",
6284
- fontSize: "12px",
6285
- color: "gray",
6286
- paddingTop: "10px"
6287
- }
6172
+ const componentBasicUiSchema = (theme) => {
6173
+ var _a;
6174
+ const uiSchema = {
6175
+ type: "HorizontalLayout",
6176
+ heading: "Component",
6177
+ elements: [
6178
+ {
6179
+ type: "TabLayout",
6180
+ config: {
6181
+ main: {
6182
+ tabLabels: ["Core"],
6183
+ defaultStyle: true,
6184
+ id: `component`
6288
6185
  }
6289
6186
  },
6290
- {
6291
- type: "Control",
6292
- scope: "#/properties/Back_Button",
6293
- options: {
6294
- widget: "IconButton"
6295
- },
6296
- config: {
6297
- layout: { xs: 2, sm: 2, md: 0.5 },
6298
- main: {
6299
- icon: "BackIcon",
6300
- styleDefault: true,
6301
- size: "small",
6302
- onClick: "backHandler",
6303
- tooltipMessage: "Back"
6304
- },
6305
- style: {
6306
- float: "right"
6307
- }
6308
- }
6309
- }
6310
- ]
6311
- },
6312
- {
6313
- type: "TabLayout",
6314
- config: {
6315
- main: {
6316
- tabLabels: ["Core"],
6317
- defaultStyle: true,
6318
- id: `component`
6319
- }
6320
- },
6321
- elements: [
6322
- {
6323
- type: "HorizontalLayout",
6324
- elements: [
6325
- {
6326
- type: "Control",
6327
- scope: "#/properties/type",
6328
- options: {
6329
- widget: "SelectInputField"
6330
- },
6331
- config: {
6332
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6333
- main: {
6334
- label: "Type"
6187
+ elements: [
6188
+ {
6189
+ type: "HorizontalLayout",
6190
+ elements: [
6191
+ {
6192
+ type: "Control",
6193
+ scope: "#/properties/type",
6194
+ options: {
6195
+ widget: "SelectInputField"
6196
+ },
6197
+ config: {
6198
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6199
+ main: {
6200
+ label: "Type"
6201
+ }
6335
6202
  }
6336
- }
6337
- },
6338
- {
6339
- type: "Control",
6340
- scope: "#/properties/name",
6341
- options: {
6342
- widget: "InputField"
6343
6203
  },
6344
- config: {
6345
- layout: {
6346
- xs: 12,
6347
- sm: 12,
6348
- md: 6,
6349
- lg: 6
6204
+ {
6205
+ type: "Control",
6206
+ scope: "#/properties/name",
6207
+ options: {
6208
+ widget: "InputField"
6350
6209
  },
6351
- main: {
6352
- label: "Name",
6353
- options: [],
6354
- color: "secondary",
6355
- required: true
6356
- }
6357
- }
6358
- },
6359
- {
6360
- type: "Control",
6361
- scope: "#/properties/label",
6362
- options: {
6363
- widget: "InputField"
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
+ }
6218
+ }
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"
6649
- }
6650
- },
6651
- elements: [
6652
- {
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
- }
6670
- },
6671
- {
6672
- type: "Control",
6673
- scope: "#/properties/Back_Button",
6674
- options: {
6675
- widget: "IconButton"
6676
- },
6677
- config: {
6678
- layout: 3,
6679
- main: {
6680
- icon: "AddIcon",
6681
- styleDefault: true,
6682
- size: "small",
6683
- onClick: "eventAddHandler",
6684
- tooltipMessage: "Back"
6685
- },
6686
- style: {
6687
- float: "right"
6688
- }
6689
- }
6690
- },
6691
- {
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"
6607
+ headerIcons: {
6608
+ elements: [
6609
+ {
6610
+ widget: {
6611
+ type: "Control",
6612
+ scope: "#/properties/New_Record",
6613
+ options: {
6614
+ widget: "IconButton"
6729
6615
  },
6730
- style: {
6731
- color: "#3949ab"
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
+ }
6732
6628
  }
6733
6629
  }
6734
6630
  }
6631
+ ]
6632
+ },
6633
+ disableAction: true,
6634
+ disableSelection: true,
6635
+ enableDrag: true
6636
+ }
6637
+ },
6638
+ elements: [
6639
+ {
6640
+ accessorKey: "eventType",
6641
+ header: "Event Type"
6642
+ },
6643
+ {
6644
+ accessorKey: "Handler",
6645
+ header: "Handler"
6646
+ },
6647
+ {
6648
+ accessorKey: "Edit_Approve_Records",
6649
+ header: "Edit Widget",
6650
+ widget: {
6651
+ type: "Control",
6652
+ scope: "#/properties/Edit_Records",
6653
+ options: {
6654
+ widget: "IconButton"
6735
6655
  },
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
- }
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"
6754
6666
  }
6755
6667
  }
6756
- ]
6668
+ }
6669
+ },
6670
+ {
6671
+ accessorKey: "Reject_Records",
6672
+ header: "Delete",
6673
+ widget: {
6674
+ type: "Control",
6675
+ scope: "#/properties/RejectButton",
6676
+ accessorKeyName: "Reject_Records",
6677
+ options: {
6678
+ widget: "IconButton"
6679
+ },
6680
+ config: {
6681
+ main: {
6682
+ icon: "RejectIcon",
6683
+ color: "error",
6684
+ tooltipMessage: "Reject This Record",
6685
+ onClick: "deleteEvent"
6686
+ }
6687
+ }
6688
+ }
6757
6689
  }
6758
6690
  ]
6759
6691
  }
@@ -6766,12 +6698,7 @@ const EmptyBox = {
6766
6698
  widget: "EmptyBox"
6767
6699
  },
6768
6700
  config: {
6769
- layout: {
6770
- xs: 11,
6771
- sm: 11,
6772
- md: 5.5,
6773
- lg: 5.5
6774
- },
6701
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6775
6702
  main: {}
6776
6703
  }
6777
6704
  };
@@ -6790,12 +6717,7 @@ const cardLayout = {
6790
6717
  widget: "SelectInputField"
6791
6718
  },
6792
6719
  config: {
6793
- layout: {
6794
- xs: 11,
6795
- sm: 11,
6796
- md: 5.5,
6797
- lg: 5.5
6798
- },
6720
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6799
6721
  main: {
6800
6722
  label: "Screen Size"
6801
6723
  }
@@ -6808,12 +6730,7 @@ const cardLayout = {
6808
6730
  widget: "InputField"
6809
6731
  },
6810
6732
  config: {
6811
- layout: {
6812
- xs: 11,
6813
- sm: 11,
6814
- md: 5.5,
6815
- lg: 5.5
6816
- },
6733
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6817
6734
  main: {
6818
6735
  label: "Value",
6819
6736
  type: "number",
@@ -6821,7 +6738,8 @@ const cardLayout = {
6821
6738
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6822
6739
  }
6823
6740
  }
6824
- }
6741
+ },
6742
+ EmptyBox
6825
6743
  ]
6826
6744
  }
6827
6745
  }
@@ -6843,12 +6761,7 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6843
6761
  widget: "InputField"
6844
6762
  },
6845
6763
  config: {
6846
- layout: {
6847
- xs: 11,
6848
- sm: 11,
6849
- md: 5.5,
6850
- lg: 5.5
6851
- },
6764
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6852
6765
  main: {
6853
6766
  label: childLabel || "Labels for Tab"
6854
6767
  }
@@ -6868,17 +6781,25 @@ sizeHolder.options.detail.elements[1] = {
6868
6781
  widget: "InputField"
6869
6782
  },
6870
6783
  config: {
6871
- layout: {
6872
- xs: 11,
6873
- sm: 11,
6874
- md: 5.5,
6875
- lg: 5.5
6876
- },
6784
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6877
6785
  main: {
6878
6786
  label: "Size"
6879
6787
  }
6880
6788
  }
6881
6789
  };
6790
+ sizeHolder.options.detail.elements[2] = {
6791
+ type: "Control",
6792
+ scope: `#/properties/empty`,
6793
+ options: {
6794
+ widget: "EmptyBox"
6795
+ },
6796
+ config: {
6797
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6798
+ main: {
6799
+ label: "empty"
6800
+ }
6801
+ }
6802
+ };
6882
6803
  const getInputField = (scope, label) => {
6883
6804
  return {
6884
6805
  type: "Control",
@@ -6887,12 +6808,7 @@ const getInputField = (scope, label) => {
6887
6808
  widget: "InputField"
6888
6809
  },
6889
6810
  config: {
6890
- layout: {
6891
- xs: 11,
6892
- sm: 11,
6893
- md: 5.5,
6894
- lg: 5.5
6895
- },
6811
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6896
6812
  main: {
6897
6813
  label
6898
6814
  }
@@ -6907,12 +6823,7 @@ const getRadioInputField = (scope, label, options) => {
6907
6823
  widget: "RadioInputField"
6908
6824
  },
6909
6825
  config: {
6910
- layout: {
6911
- xs: 11,
6912
- sm: 11,
6913
- md: 5.5,
6914
- lg: 5.5
6915
- },
6826
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6916
6827
  main: {
6917
6828
  label,
6918
6829
  options
@@ -6955,7 +6866,7 @@ const getSelectField = (scope, label, options) => {
6955
6866
  widget: "SelectInputField"
6956
6867
  },
6957
6868
  config: {
6958
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6869
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6959
6870
  main: {
6960
6871
  label,
6961
6872
  type: "text"
@@ -6976,6 +6887,8 @@ const buildPropertiesSection = function(type) {
6976
6887
  getInputField("elevation", "Card Elevation"),
6977
6888
  getInputField("height", "Grid height"),
6978
6889
  getInputField("justifyContent", "justifyContent"),
6890
+ EmptyBox,
6891
+ EmptyBox,
6979
6892
  cardLayout
6980
6893
  ];
6981
6894
  break;
@@ -6986,6 +6899,7 @@ const buildPropertiesSection = function(type) {
6986
6899
  getInputField("resetText", "Reset Text"),
6987
6900
  getInputField("completeText", "Complete Text"),
6988
6901
  getSelectField("orientation", "Orientation Type"),
6902
+ EmptyBox,
6989
6903
  getArrayControl("sectionLabels", "label")
6990
6904
  ];
6991
6905
  break;
@@ -7001,12 +6915,14 @@ const buildPropertiesSection = function(type) {
7001
6915
  uiSchema.elements = [
7002
6916
  getInputField("placeholder", "Placeholder"),
7003
6917
  EmptyBox,
6918
+ EmptyBox,
7004
6919
  getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
7005
6920
  ];
7006
6921
  break;
7007
6922
  case "TextArea":
7008
6923
  uiSchema.elements = [
7009
6924
  getInputField("placeholder", "Placeholder"),
6925
+ EmptyBox,
7010
6926
  EmptyBox
7011
6927
  ];
7012
6928
  break;
@@ -7016,7 +6932,8 @@ const buildPropertiesSection = function(type) {
7016
6932
  getInputField("heading", "Container Heading"),
7017
6933
  getInputField("heading", "Container Heading"),
7018
6934
  getInputField("speedoCaption", "Speedometer Caption"),
7019
- getInputField("width", "Speedometer Width")
6935
+ getInputField("width", "Speedometer Width"),
6936
+ EmptyBox
7020
6937
  ];
7021
6938
  break;
7022
6939
  case "RankCard":
@@ -7024,7 +6941,9 @@ const buildPropertiesSection = function(type) {
7024
6941
  getInputField("rank", "Rank"),
7025
6942
  getInputField("image", "Image Url"),
7026
6943
  getInputField("title", "Card Title"),
7027
- getInputField("description", "Card Description")
6944
+ getInputField("description", "Card Description"),
6945
+ EmptyBox,
6946
+ EmptyBox
7028
6947
  ];
7029
6948
  break;
7030
6949
  case "LeaderBoard":
@@ -7033,6 +6952,8 @@ const buildPropertiesSection = function(type) {
7033
6952
  getInputField("firstImage", "First Image url"),
7034
6953
  getInputField("secondImage", "Second Image url"),
7035
6954
  getInputField("thirdImage", "Third Image url"),
6955
+ EmptyBox,
6956
+ EmptyBox,
7036
6957
  getTextArea("functionCode", "Write Compare Code", false)
7037
6958
  ];
7038
6959
  break;
@@ -7048,7 +6969,9 @@ const buildPropertiesSection = function(type) {
7048
6969
  getInputField("heading", "Heading"),
7049
6970
  getInputField("bottomLabel_1", "First BottomLabel"),
7050
6971
  getInputField("bottomLabel_2", "Second BottomLabel"),
7051
- getInputField("bottomLabel_3", "Third BottomLabel")
6972
+ getInputField("bottomLabel_3", "Third BottomLabel"),
6973
+ EmptyBox,
6974
+ EmptyBox
7052
6975
  ];
7053
6976
  break;
7054
6977
  case "card":
@@ -7082,7 +7005,7 @@ const buildPropertiesSection = function(type) {
7082
7005
  ];
7083
7006
  break;
7084
7007
  case "WrapperSection":
7085
- uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox];
7008
+ uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox, EmptyBox];
7086
7009
  break;
7087
7010
  case "TabSection":
7088
7011
  uiSchema.elements = [
@@ -7110,12 +7033,14 @@ const buildPropertiesSection = function(type) {
7110
7033
  case "Select":
7111
7034
  uiSchema.elements = [
7112
7035
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7113
- getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"])
7036
+ getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
7037
+ EmptyBox
7114
7038
  ];
7115
7039
  break;
7116
7040
  case "MultipleSelect":
7117
7041
  uiSchema.elements = [
7118
7042
  getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
7043
+ EmptyBox,
7119
7044
  EmptyBox
7120
7045
  ];
7121
7046
  break;
@@ -7161,116 +7086,92 @@ const TableSection = {
7161
7086
  type: "HorizontalLayout",
7162
7087
  elements: [
7163
7088
  {
7164
- type: "WrapperLayout",
7089
+ type: "Control",
7090
+ scope: "#/properties/elements",
7091
+ options: {
7092
+ widget: "Table"
7093
+ },
7165
7094
  config: {
7166
- main: {},
7167
- wrapperStyle: {
7168
- border: "1px solid gray"
7095
+ main: {
7096
+ headerIcons: {
7097
+ elements: [
7098
+ {
7099
+ widget: {
7100
+ type: "Control",
7101
+ scope: "#/properties/New_Record",
7102
+ options: {
7103
+ widget: "IconButton"
7104
+ },
7105
+ config: {
7106
+ main: {
7107
+ color: "info",
7108
+ onClick: "widgetAddClickHandler",
7109
+ size: "small",
7110
+ icon: "AddIcon",
7111
+ iconLabel: "Add New",
7112
+ styleDefault: true
7113
+ },
7114
+ style: {
7115
+ mt: "6px"
7116
+ }
7117
+ }
7118
+ }
7119
+ }
7120
+ ]
7121
+ },
7122
+ disableAction: true,
7123
+ disableSelection: true,
7124
+ enableDrag: true
7169
7125
  }
7170
7126
  },
7171
7127
  elements: [
7172
7128
  {
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
- }
7129
+ accessorKey: "name",
7130
+ header: "Name"
7190
7131
  },
7191
7132
  {
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"
7133
+ accessorKey: "type",
7134
+ header: "Type"
7135
+ },
7136
+ {
7137
+ header: "Edit Record",
7138
+ field: "Reject_Records",
7139
+ flex: 1,
7140
+ widget: {
7141
+ type: "Control",
7142
+ scope: "#/properties/RejectButton",
7143
+ options: {
7144
+ widget: "IconButton"
7205
7145
  },
7206
- style: {
7207
- float: "right"
7146
+ config: {
7147
+ main: {
7148
+ icon: "EditIcon",
7149
+ color: "primary",
7150
+ onClick: "editComponents",
7151
+ tooltipMessage: "Reject This Record"
7152
+ }
7208
7153
  }
7209
7154
  }
7210
7155
  },
7211
7156
  {
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
- }
7157
+ header: "Delete",
7158
+ field: "Reject_Records",
7159
+ flex: 1,
7160
+ widget: {
7161
+ type: "Control",
7162
+ scope: "#/properties/RejectButton",
7163
+ options: {
7164
+ widget: "IconButton"
7252
7165
  },
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
- }
7166
+ config: {
7167
+ main: {
7168
+ icon: "RejectIcon",
7169
+ color: "error",
7170
+ onClick: "deleteComponents",
7171
+ tooltipMessage: "Reject This Record"
7271
7172
  }
7272
7173
  }
7273
- ]
7174
+ }
7274
7175
  }
7275
7176
  ]
7276
7177
  }
@@ -7294,12 +7195,7 @@ const ValueTab = {
7294
7195
  widget: "InputField"
7295
7196
  },
7296
7197
  config: {
7297
- layout: {
7298
- xs: 11,
7299
- sm: 11,
7300
- md: 5.5,
7301
- lg: 5.5
7302
- },
7198
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7303
7199
  main: {
7304
7200
  label: "Label"
7305
7201
  }
@@ -7312,16 +7208,21 @@ const ValueTab = {
7312
7208
  widget: "InputField"
7313
7209
  },
7314
7210
  config: {
7315
- layout: {
7316
- xs: 11,
7317
- sm: 11,
7318
- md: 5.5,
7319
- lg: 5.5
7320
- },
7211
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7321
7212
  main: {
7322
7213
  label: "Value"
7323
7214
  }
7324
7215
  }
7216
+ },
7217
+ {
7218
+ type: "Control",
7219
+ scope: "#/properties/emptyBox",
7220
+ options: {
7221
+ widget: "EmptyBox"
7222
+ },
7223
+ config: {
7224
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7225
+ }
7325
7226
  }
7326
7227
  ]
7327
7228
  }
@@ -7348,12 +7249,7 @@ const ValidationSection = {
7348
7249
  widget: "SelectInputField"
7349
7250
  },
7350
7251
  config: {
7351
- layout: {
7352
- xs: 11,
7353
- sm: 11,
7354
- md: 5.5,
7355
- lg: 5.5
7356
- },
7252
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7357
7253
  main: {
7358
7254
  label: "Validation Type"
7359
7255
  }
@@ -7366,16 +7262,21 @@ const ValidationSection = {
7366
7262
  widget: "InputField"
7367
7263
  },
7368
7264
  config: {
7369
- layout: {
7370
- xs: 11,
7371
- sm: 11,
7372
- md: 5.5,
7373
- lg: 5.5
7374
- },
7265
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7375
7266
  main: {
7376
7267
  label: "Validation Value"
7377
7268
  }
7378
7269
  }
7270
+ },
7271
+ {
7272
+ type: "Control",
7273
+ scope: "#/properties/emptyBox",
7274
+ options: {
7275
+ widget: "EmptyBox"
7276
+ },
7277
+ config: {
7278
+ layout: { xs: 0, sm: 4 }
7279
+ }
7379
7280
  }
7380
7281
  ]
7381
7282
  }
@@ -7557,7 +7458,7 @@ const sectionLabels = {
7557
7458
  };
7558
7459
  const refreshPage = (type, store2) => {
7559
7460
  var _a;
7560
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7461
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7561
7462
  if (type) {
7562
7463
  const sectionUiSchema = {
7563
7464
  Core: CoreSection,
@@ -7569,8 +7470,8 @@ const refreshPage = (type, store2) => {
7569
7470
  Validation: ValidationSection
7570
7471
  };
7571
7472
  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];
7473
+ UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7474
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7574
7475
  }
7575
7476
  store2.setUiSchema(UiSchema);
7576
7477
  };
@@ -7692,7 +7593,7 @@ var pageMaster = (funcParams) => {
7692
7593
  return config;
7693
7594
  },
7694
7595
  getUiSchema: function() {
7695
- return PageMasterUiSchema;
7596
+ return PageMasterUiSchema(store2.theme.myTheme);
7696
7597
  },
7697
7598
  getSchema: () => {
7698
7599
  return PageMasterSchema;
@@ -7714,10 +7615,7 @@ var pageMaster = (funcParams) => {
7714
7615
  },
7715
7616
  saveHandler: async () => await saveHandler(store2, service2, submitHandler),
7716
7617
  Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
7717
- Delete_Components: async function() {
7718
- await Component(store2, dynamicData2, submitHandler, service2).deleteComponents();
7719
- store2.updateDialog("popUpComponent");
7720
- },
7618
+ Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
7721
7619
  eventAddHandler: function() {
7722
7620
  var _a;
7723
7621
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -7728,26 +7626,19 @@ var pageMaster = (funcParams) => {
7728
7626
  const finalPath = `events[${store2.formData.events.length}]`;
7729
7627
  store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
7730
7628
  },
7731
- editEvent: async function() {
7629
+ editEvent: function() {
7732
7630
  var _a;
7733
7631
  const rowId = dynamicData2.path.split(".")[1];
7734
7632
  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
7735
- await saveFormdataInLocalStorage(store2.ctx.core.data);
7633
+ saveFormdataInLocalStorage(store2.ctx.core.data);
7736
7634
  const finalPath = `events[${rowId}]`;
7737
7635
  store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
7738
- store2.updateDialog("popUpEvent");
7739
7636
  },
7740
7637
  deleteEvent: function() {
7741
7638
  const rowId = dynamicData2.path.split(".")[1];
7742
7639
  store2.formData.events.splice(rowId, 1);
7743
7640
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7744
7641
  store2.setFormdata(response2);
7745
- },
7746
- deletePopUpEvent: function() {
7747
- store2.updateDialog("popUpEvent");
7748
- },
7749
- deletePopUpComponent: function() {
7750
- store2.updateDialog("popUpComponent");
7751
7642
  }
7752
7643
  };
7753
7644
  };
@@ -7837,334 +7728,418 @@ const EventSchema = {
7837
7728
  },
7838
7729
  required: ["eventType", "Handler"]
7839
7730
  };
7840
- const EventUiSchema = {
7841
- type: "HorizontalLayout",
7842
- elements: [
7843
- {
7844
- type: "WrapperLayout",
7845
- config: {
7846
- main: {
7847
- rowSpacing: 1,
7848
- header: true
7731
+ const EventUiSchema = (theme) => {
7732
+ var _a;
7733
+ const uiSchema = {
7734
+ type: "HorizontalLayout",
7735
+ heading: "Component",
7736
+ elements: [
7737
+ {
7738
+ type: "TabLayout",
7739
+ config: {
7740
+ main: {
7741
+ tabLabels: ["Core", "Response Event"],
7742
+ defaultStyle: true,
7743
+ id: "event"
7744
+ }
7745
+ },
7746
+ elements: [
7747
+ {
7748
+ type: "HorizontalLayout",
7749
+ elements: [
7750
+ {
7751
+ type: "Control",
7752
+ scope: `#/properties/eventType`,
7753
+ options: {
7754
+ widget: "SelectInputField"
7755
+ },
7756
+ config: {
7757
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7758
+ main: {
7759
+ label: "Event Type",
7760
+ type: "text"
7761
+ }
7762
+ }
7763
+ },
7764
+ {
7765
+ type: "Control",
7766
+ scope: `#/properties/Handler`,
7767
+ options: {
7768
+ widget: "SelectInputField"
7769
+ },
7770
+ config: {
7771
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7772
+ main: {
7773
+ label: "Handler",
7774
+ type: "text"
7775
+ }
7776
+ }
7777
+ },
7778
+ {
7779
+ type: "Control",
7780
+ scope: "#/properties/emptyBox",
7781
+ options: {
7782
+ widget: "EmptyBox"
7783
+ },
7784
+ config: {
7785
+ layout: { xs: 0, sm: 4 }
7786
+ }
7787
+ }
7788
+ ]
7789
+ },
7790
+ {
7791
+ type: "Control",
7792
+ scope: "#/properties/events",
7793
+ options: {
7794
+ widget: "Table"
7795
+ },
7796
+ config: {
7797
+ main: {
7798
+ headerIcons: {
7799
+ elements: [
7800
+ {
7801
+ widget: {
7802
+ type: "Control",
7803
+ scope: "#/properties/New_Record",
7804
+ options: {
7805
+ widget: "IconButton"
7806
+ },
7807
+ config: {
7808
+ main: {
7809
+ color: "info",
7810
+ onClick: "addEvent",
7811
+ size: "small",
7812
+ icon: "AddIcon",
7813
+ iconLabel: "Add New",
7814
+ styleDefault: true
7815
+ },
7816
+ style: {
7817
+ mt: "6px"
7818
+ }
7819
+ }
7820
+ }
7821
+ }
7822
+ ]
7823
+ },
7824
+ disableAction: true,
7825
+ disableSelection: true,
7826
+ enableDrag: true
7827
+ }
7828
+ },
7829
+ elements: [
7830
+ {
7831
+ accessorKey: "eventType",
7832
+ header: "Event Type"
7833
+ },
7834
+ {
7835
+ accessorKey: "Handler",
7836
+ header: "Handler"
7837
+ },
7838
+ {
7839
+ accessorKey: "Edit_Approve_Records",
7840
+ header: "Edit Widget",
7841
+ widget: {
7842
+ type: "Control",
7843
+ scope: "#/properties/Edit_Records",
7844
+ options: {
7845
+ widget: "IconButton"
7846
+ },
7847
+ config: {
7848
+ main: {
7849
+ color: "info",
7850
+ size: "small",
7851
+ icon: "EditIcon",
7852
+ tooltipMessage: "Edit This Record",
7853
+ onClick: "editEvent"
7854
+ },
7855
+ style: {
7856
+ color: "#3949ab"
7857
+ }
7858
+ }
7859
+ }
7860
+ },
7861
+ {
7862
+ accessorKey: "Reject_Records",
7863
+ header: "Delete",
7864
+ widget: {
7865
+ type: "Control",
7866
+ scope: "#/properties/RejectButton",
7867
+ options: {
7868
+ widget: "IconButton"
7869
+ },
7870
+ config: {
7871
+ main: {
7872
+ icon: "RejectIcon",
7873
+ color: "error",
7874
+ tooltipMessage: "Reject This Record",
7875
+ onClick: "deleteEvent"
7876
+ }
7877
+ }
7878
+ }
7879
+ }
7880
+ ]
7881
+ }
7882
+ ]
7883
+ },
7884
+ {
7885
+ type: "Control",
7886
+ scope: "#/properties/EmptyBox",
7887
+ options: {
7888
+ widget: "EmptyBox"
7849
7889
  },
7850
- defaultStyle: true
7890
+ config: {
7891
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7892
+ }
7851
7893
  },
7852
- elements: [
7853
- {
7854
- type: "Control",
7855
- scope: "#/properties/Component",
7856
- options: {
7857
- widget: "Box"
7858
- },
7859
- config: {
7860
- layout: { xs: 12, sm: 12, md: 2 },
7861
- main: {
7862
- heading: "Component"
7863
- },
7864
- style: {
7865
- "float": "left"
7866
- }
7867
- }
7894
+ {
7895
+ type: "Control",
7896
+ scope: "#/properties/EmptyBox",
7897
+ options: {
7898
+ widget: "EmptyBox"
7868
7899
  },
7869
- {
7870
- type: "Control",
7871
- scope: "#/properties/pageName",
7872
- options: {
7873
- widget: "Box"
7900
+ config: {
7901
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7902
+ }
7903
+ },
7904
+ {
7905
+ type: "Control",
7906
+ scope: "#/properties/btn",
7907
+ options: {
7908
+ widget: "Button"
7909
+ },
7910
+ config: {
7911
+ layout: 1.8,
7912
+ main: {
7913
+ name: "Ok",
7914
+ startIcon: "ApproveIcon",
7915
+ variant: "contained",
7916
+ color: "info",
7917
+ type: "text",
7918
+ onClick: "okHandler",
7919
+ size: "medium"
7874
7920
  },
7875
- config: {
7876
- layout: { xs: 7, sm: 7, md: 9 },
7877
- main: {
7878
- heading: " "
7879
- },
7880
- style: {
7881
- float: "right",
7882
- width: "auto",
7883
- fontSize: "12px",
7884
- color: "gray",
7885
- paddingTop: "10px"
7886
- }
7921
+ style: {
7922
+ float: "right"
7887
7923
  }
7924
+ }
7925
+ },
7926
+ {
7927
+ type: "Control",
7928
+ scope: "#/properties/btnSubmit",
7929
+ options: {
7930
+ widget: "Button"
7888
7931
  },
7889
- {
7890
- type: "Control",
7891
- scope: "#/properties/Back_Button",
7892
- options: {
7893
- widget: "IconButton"
7932
+ config: {
7933
+ layout: 1.8,
7934
+ main: {
7935
+ name: "Save & Exit",
7936
+ startIcon: "ApproveIcon",
7937
+ variant: "contained",
7938
+ color: "info",
7939
+ type: "text",
7940
+ onClick: "saveHandler",
7941
+ size: "medium"
7894
7942
  },
7895
- config: {
7896
- layout: { xs: 2, sm: 2, md: 0.5 },
7897
- main: {
7898
- icon: "BackIcon",
7899
- styleDefault: true,
7900
- size: "small",
7901
- onClick: "backHandler",
7902
- tooltipMessage: "Back"
7903
- },
7904
- style: {
7905
- float: "right"
7906
- }
7943
+ style: {
7944
+ float: "right"
7907
7945
  }
7908
7946
  }
7909
- ]
7910
- },
7911
- {
7912
- type: "TabLayout",
7913
- config: {
7914
- main: {
7915
- tabLabels: ["Core", "Response Event"],
7916
- defaultStyle: true,
7917
- id: "event"
7918
- }
7919
7947
  },
7920
- elements: [
7921
- {
7922
- type: "HorizontalLayout",
7923
- elements: [
7924
- {
7925
- type: "Control",
7926
- scope: `#/properties/eventType`,
7927
- options: {
7928
- widget: "SelectInputField"
7929
- },
7930
- config: {
7931
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7932
- main: {
7933
- label: "Event Type",
7934
- type: "text"
7935
- }
7936
- }
7937
- },
7938
- getSelectField("Handler", "Handler")
7939
- ]
7948
+ {
7949
+ type: "Control",
7950
+ scope: "#/properties/notify",
7951
+ options: {
7952
+ widget: "Notify"
7940
7953
  },
7941
- {
7942
- type: "WrapperLayout",
7943
- config: {
7944
- main: {
7945
- divider: true
7954
+ layout: 6
7955
+ },
7956
+ {
7957
+ type: "HorizontalLayout",
7958
+ config: {
7959
+ style: {
7960
+ position: "fixed",
7961
+ bottom: 5,
7962
+ overflow: "visible",
7963
+ margin: "0",
7964
+ width: "100vw"
7965
+ }
7966
+ },
7967
+ elements: [
7968
+ {
7969
+ type: "Control",
7970
+ scope: "#/properties/EmptyBox",
7971
+ options: {
7972
+ widget: "EmptyBox"
7946
7973
  },
7947
- wrapperStyle: {
7948
- border: "1px solid gray"
7974
+ config: {
7975
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7949
7976
  }
7950
7977
  },
7951
- elements: [
7952
- {
7953
- type: "Control",
7954
- scope: "#/properties/heading",
7955
- options: {
7956
- widget: "Box"
7957
- },
7958
- config: {
7959
- layout: 8,
7960
- main: {
7961
- heading: "Response Event"
7962
- },
7963
- style: {
7964
- fontFamily: "Roboto",
7965
- fontWeight: "500",
7966
- paddingLeft: "-10px",
7967
- fontSize: "20px"
7968
- }
7969
- }
7978
+ {
7979
+ type: "Control",
7980
+ scope: "#/properties/FooterText",
7981
+ options: {
7982
+ widget: "Box"
7970
7983
  },
7971
- {
7972
- type: "Control",
7973
- scope: "#/properties/AddButton",
7974
- options: {
7975
- widget: "IconButton"
7984
+ config: {
7985
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7986
+ main: {
7987
+ heading: "Copywriter@ACT21.IO"
7976
7988
  },
7977
- config: {
7978
- layout: 3,
7979
- main: {
7980
- icon: "AddIcon",
7981
- styleDefault: true,
7982
- size: "small",
7983
- onClick: "addEvent",
7984
- tooltipMessage: "Back"
7985
- },
7986
- style: {
7987
- float: "right"
7988
- }
7989
+ style: {
7990
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7991
+ fontSize: "12px"
7989
7992
  }
7993
+ }
7994
+ },
7995
+ {
7996
+ type: "HorizontalLayout",
7997
+ config: {
7998
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
7990
7999
  },
7991
- {
7992
- type: "Control",
7993
- scope: "#/properties/events",
7994
- options: {
7995
- widget: "Table"
7996
- },
7997
- config: {
7998
- main: {
7999
- disableAction: true,
8000
- disableSelection: true,
8001
- enableDrag: true
8000
+ elements: [
8001
+ {
8002
+ type: "Control",
8003
+ scope: "#/properties/EmptyBox",
8004
+ options: {
8005
+ widget: "EmptyBox"
8006
+ },
8007
+ config: {
8008
+ layout: 2
8002
8009
  }
8003
8010
  },
8004
- elements: [
8005
- {
8006
- accessorKey: "eventType",
8007
- header: "Event Type"
8008
- },
8009
- {
8010
- accessorKey: "Handler",
8011
- header: "Handler"
8011
+ {
8012
+ type: "Control",
8013
+ scope: "#/properties/backIcon",
8014
+ options: {
8015
+ widget: "Box"
8012
8016
  },
8013
- {
8014
- accessorKey: "Edit_Approve_Records",
8015
- header: "Edit Widget",
8016
- widget: {
8017
- type: "Control",
8018
- scope: "#/properties/Edit_Records",
8019
- options: {
8020
- widget: "IconButton"
8021
- },
8022
- config: {
8023
- main: {
8024
- color: "info",
8025
- size: "small",
8026
- icon: "EditIcon",
8027
- tooltipMessage: "Edit This Record",
8028
- onClick: "editEvent"
8029
- },
8030
- style: {
8031
- color: "#3949ab"
8032
- }
8033
- }
8017
+ config: {
8018
+ layout: 1,
8019
+ main: {
8020
+ iconName: "PrevIcon",
8021
+ onClick: "backHandler"
8022
+ },
8023
+ style: {
8024
+ fill: theme.palette.primary.dark,
8025
+ width: 20,
8026
+ height: 20,
8027
+ display: "flex",
8028
+ alignItems: "center",
8029
+ justifyContent: "center",
8030
+ marginRight: "-8px",
8031
+ cursor: "pointer"
8034
8032
  }
8033
+ }
8034
+ },
8035
+ {
8036
+ type: "Control",
8037
+ scope: "#/properties/text",
8038
+ options: {
8039
+ widget: "Box"
8035
8040
  },
8036
- {
8037
- accessorKey: "Reject_Records",
8038
- header: "Delete",
8039
- widget: {
8040
- type: "Control",
8041
- scope: "#/properties/RejectButton",
8042
- options: {
8043
- widget: "IconButton"
8044
- },
8045
- config: {
8046
- main: {
8047
- icon: "RejectIcon",
8048
- color: "error",
8049
- tooltipMessage: "Reject This Record",
8050
- onClick: "deleteEvent"
8051
- }
8052
- }
8041
+ config: {
8042
+ layout: 9,
8043
+ main: {
8044
+ heading: "Previous Page",
8045
+ onClick: "backHandler"
8046
+ },
8047
+ style: {
8048
+ color: theme.palette.primary.dark,
8049
+ fontSize: "12px",
8050
+ cursor: "pointer",
8051
+ marginLeft: "-6px"
8053
8052
  }
8054
8053
  }
8055
- ]
8054
+ }
8055
+ ]
8056
+ },
8057
+ {
8058
+ type: "Control",
8059
+ scope: "#/properties/pageName",
8060
+ options: {
8061
+ widget: "Box"
8062
+ },
8063
+ config: {
8064
+ layout: 9.7,
8065
+ main: {
8066
+ heading: " "
8067
+ },
8068
+ style: {
8069
+ color: theme.palette.text.disabled,
8070
+ textAlign: "right",
8071
+ fontSize: "12px",
8072
+ marginTop: "-16px"
8073
+ }
8056
8074
  }
8057
- ]
8058
- }
8059
- ]
8060
- },
8061
- {
8062
- type: "Control",
8063
- scope: "#/properties/proc",
8064
- config: {
8065
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8066
- },
8067
- options: {
8068
- widget: "EmptyBox"
8075
+ },
8076
+ {
8077
+ type: "Control",
8078
+ scope: "#/properties/emptyBox",
8079
+ options: {
8080
+ widget: "EmptyBox"
8081
+ },
8082
+ config: {
8083
+ layout: 2.3
8084
+ }
8085
+ }
8086
+ ]
8069
8087
  }
8070
- },
8088
+ ]
8089
+ };
8090
+ return uiSchema;
8091
+ };
8092
+ const APISection = {
8093
+ type: "HorizontalLayout",
8094
+ elements: [
8071
8095
  {
8072
8096
  type: "Control",
8073
- scope: "#/properties/btn",
8097
+ scope: "#/properties/method",
8074
8098
  options: {
8075
- widget: "Button"
8099
+ widget: "SelectInputField"
8076
8100
  },
8077
8101
  config: {
8078
- layout: {
8079
- xs: 11,
8080
- sm: 11,
8081
- md: 2.5,
8082
- lg: 2.5
8083
- },
8102
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8084
8103
  main: {
8085
- name: "Ok",
8086
- startIcon: "ApproveIcon",
8087
- variant: "contained",
8088
- color: "info",
8089
- type: "text",
8090
- onClick: "okHandler",
8091
- size: "small"
8092
- },
8093
- style: {
8094
- marginBottom: "8px",
8095
- float: "right"
8104
+ label: "Method",
8105
+ type: "text"
8096
8106
  }
8097
8107
  }
8098
8108
  },
8099
8109
  {
8100
8110
  type: "Control",
8101
- scope: "#/properties/btnSubmit",
8111
+ scope: "#/properties/path",
8102
8112
  options: {
8103
- widget: "Button"
8113
+ widget: "InputField"
8104
8114
  },
8105
8115
  config: {
8106
- layout: {
8107
- xs: 11,
8108
- sm: 11,
8109
- md: 2.5,
8110
- lg: 2.5
8111
- },
8116
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8112
8117
  main: {
8113
- name: "Save & Exit",
8114
- startIcon: "ApproveIcon",
8115
- variant: "contained",
8116
- color: "info",
8118
+ label: "Path",
8117
8119
  type: "text",
8118
- onClick: "saveHandler",
8119
- size: "small"
8120
- },
8121
- style: {
8122
- marginBottom: "8px",
8123
- float: "right"
8120
+ multiple: false,
8121
+ options: []
8124
8122
  }
8125
8123
  }
8126
8124
  },
8127
8125
  {
8128
8126
  type: "Control",
8129
- scope: "#/properties/notify",
8130
- options: {
8131
- widget: "Notify"
8132
- },
8133
- layout: 6
8134
- }
8135
- ]
8136
- };
8137
- const APISection = {
8138
- type: "HorizontalLayout",
8139
- elements: [
8140
- {
8141
- type: "Control",
8142
- scope: "#/properties/method",
8127
+ scope: "#/properties/emptyBox",
8143
8128
  options: {
8144
- widget: "SelectInputField"
8129
+ widget: "EmptyBox"
8145
8130
  },
8146
8131
  config: {
8147
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8148
- main: {
8149
- label: "Method",
8150
- type: "text"
8151
- }
8132
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8152
8133
  }
8153
8134
  },
8154
8135
  {
8155
8136
  type: "Control",
8156
- scope: "#/properties/path",
8137
+ scope: "#/properties/emptyBox",
8157
8138
  options: {
8158
- widget: "InputField"
8139
+ widget: "EmptyBox"
8159
8140
  },
8160
8141
  config: {
8161
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
8162
- main: {
8163
- label: "Path",
8164
- type: "text",
8165
- multiple: false,
8166
- options: []
8167
- }
8142
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8168
8143
  }
8169
8144
  },
8170
8145
  {
@@ -8183,12 +8158,7 @@ const APISection = {
8183
8158
  widget: "InputField"
8184
8159
  },
8185
8160
  config: {
8186
- layout: {
8187
- xs: 11,
8188
- sm: 11,
8189
- md: 5.5,
8190
- lg: 5.5
8191
- },
8161
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8192
8162
  main: {
8193
8163
  label: "Key"
8194
8164
  }
@@ -8201,16 +8171,21 @@ const APISection = {
8201
8171
  widget: "InputField"
8202
8172
  },
8203
8173
  config: {
8204
- layout: {
8205
- xs: 11,
8206
- sm: 11,
8207
- md: 5.5,
8208
- lg: 5.5
8209
- },
8174
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8210
8175
  main: {
8211
8176
  label: "Value"
8212
8177
  }
8213
8178
  }
8179
+ },
8180
+ {
8181
+ type: "Control",
8182
+ scope: "#/properties/emptyBox",
8183
+ options: {
8184
+ widget: "EmptyBox"
8185
+ },
8186
+ config: {
8187
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8188
+ }
8214
8189
  }
8215
8190
  ]
8216
8191
  }
@@ -8232,12 +8207,7 @@ const APISection = {
8232
8207
  widget: "InputField"
8233
8208
  },
8234
8209
  config: {
8235
- layout: {
8236
- xs: 11,
8237
- sm: 11,
8238
- md: 5.5,
8239
- lg: 5.5
8240
- },
8210
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8241
8211
  main: {
8242
8212
  label: "Key"
8243
8213
  }
@@ -8250,16 +8220,21 @@ const APISection = {
8250
8220
  widget: "InputField"
8251
8221
  },
8252
8222
  config: {
8253
- layout: {
8254
- xs: 11,
8255
- sm: 11,
8256
- md: 5.5,
8257
- lg: 5.5
8258
- },
8223
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8259
8224
  main: {
8260
8225
  label: "Value"
8261
8226
  }
8262
8227
  }
8228
+ },
8229
+ {
8230
+ type: "Control",
8231
+ scope: "#/properties/emptyBox",
8232
+ options: {
8233
+ widget: "EmptyBox"
8234
+ },
8235
+ config: {
8236
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8237
+ }
8263
8238
  }
8264
8239
  ]
8265
8240
  }
@@ -8286,12 +8261,7 @@ const refreshSectionUiSchema = {
8286
8261
  widget: "InputField"
8287
8262
  },
8288
8263
  config: {
8289
- layout: {
8290
- xs: 11,
8291
- sm: 11,
8292
- md: 5.5,
8293
- lg: 5.5
8294
- },
8264
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8295
8265
  main: {
8296
8266
  label: "Value"
8297
8267
  }
@@ -8304,12 +8274,7 @@ const refreshSectionUiSchema = {
8304
8274
  widget: "EmptyBox"
8305
8275
  },
8306
8276
  config: {
8307
- layout: {
8308
- xs: 11,
8309
- sm: 11,
8310
- md: 5.5,
8311
- lg: 5.5
8312
- },
8277
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
8313
8278
  main: {}
8314
8279
  }
8315
8280
  }
@@ -8329,21 +8294,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8329
8294
  this.refreshPage(formdata.Handler, store2);
8330
8295
  },
8331
8296
  refreshPage: (handlerType, store22) => {
8332
- const uiSchema = _.cloneDeep(EventUiSchema);
8297
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8333
8298
  const schema2 = _.cloneDeep(EventSchema);
8334
8299
  if (handlerType) {
8335
8300
  if (handlerType === "custom") {
8336
- uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8301
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8337
8302
  schema2.required = ["eventType", "Handler", "eventCode"];
8338
8303
  } else if (handlerType === "api") {
8339
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8304
+ uiSchema.elements[0].elements[0].elements[3] = APISection;
8340
8305
  schema2.required = ["eventType", "Handler", "method", "path"];
8341
8306
  } else if (handlerType === "inBuiltFunction") {
8342
- uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8343
- uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8307
+ uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8308
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, 12);
8344
8309
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8345
8310
  } else if (handlerType === "refresh") {
8346
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8311
+ uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8347
8312
  schema2.properties.refreshElements.required = ["value"];
8348
8313
  schema2.properties.refreshElements.items.required = ["value"];
8349
8314
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8353,8 +8318,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8353
8318
  store22.setUiSchema(uiSchema);
8354
8319
  },
8355
8320
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8356
- getUiSchema: function() {
8357
- return EventUiSchema;
8321
+ getUiSchema: async function() {
8322
+ return await EventUiSchema(store2.theme.myTheme);
8358
8323
  },
8359
8324
  getSchema: () => {
8360
8325
  return EventSchema;
@@ -9676,12 +9641,7 @@ var TextInputField = {
9676
9641
  widget: "InputField"
9677
9642
  },
9678
9643
  config: {
9679
- layout: {
9680
- xs: 11,
9681
- sm: 11,
9682
- md: 5.5,
9683
- lg: 5.5
9684
- },
9644
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9685
9645
  main: {
9686
9646
  label: ""
9687
9647
  },
@@ -9714,12 +9674,7 @@ var SelectInputField = {
9714
9674
  widget: "SelectInputField"
9715
9675
  },
9716
9676
  config: {
9717
- "layout": {
9718
- "xs": 11,
9719
- "sm": 11,
9720
- "md": 5.5,
9721
- "lg": 5.5
9722
- },
9677
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9723
9678
  main: {
9724
9679
  label: "",
9725
9680
  type: "text",
@@ -10129,12 +10084,7 @@ var DateInputField = {
10129
10084
  widget: "DateInputField"
10130
10085
  },
10131
10086
  config: {
10132
- layout: {
10133
- xs: 11,
10134
- sm: 11,
10135
- md: 5.5,
10136
- lg: 5.5
10137
- },
10087
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10138
10088
  main: {
10139
10089
  label: "",
10140
10090
  type: "date"
@@ -10251,7 +10201,7 @@ var MultipleSelect = {
10251
10201
  widget: "MultipleSelect"
10252
10202
  },
10253
10203
  config: {
10254
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10204
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10255
10205
  main: {
10256
10206
  label: "",
10257
10207
  type: "text",
@@ -10438,7 +10388,7 @@ var emptyBox = {
10438
10388
  widget: "EmptyBox"
10439
10389
  },
10440
10390
  config: {
10441
- layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
10391
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10442
10392
  main: {},
10443
10393
  style: {}
10444
10394
  }