impaktapps-ui-builder 0.0.382-alpha.18 → 0.0.382-alpha.200

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 (28) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1237 -1193
  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/coreSection.d.ts +18 -15
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +102 -53
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -17
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  10. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  11. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +1 -0
  12. package/package.json +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +36 -16
  14. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +6 -1
  15. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +51 -78
  17. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +6 -1
  19. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +56 -84
  20. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +6 -1
  21. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  22. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  23. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +266 -344
  24. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +440 -365
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -415
  26. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  27. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  28. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +5 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,406 +36,473 @@ const PageMasterSchema = {
36
36
  },
37
37
  required: ["label", "name"]
38
38
  };
39
- const PageMasterUiSchema = (theme) => {
40
- var _a;
41
- const uiSchema = {
42
- type: "HorizontalLayout",
43
- heading: "Page Master",
44
- elements: [
45
- {
46
- type: "WrapperLayout",
47
- config: {
48
- main: {
49
- label: "Page Template",
50
- isAccordion: true
51
- },
52
- wrapperStyle: {
53
- marginTop: "-6px",
54
- marginBottom: "-8px"
55
- },
56
- componentsBoxStyle: {
57
- marginLeft: "24px"
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"
58
57
  },
59
- defaultStyle: true
58
+ config: {
59
+ layout: 8,
60
+ main: {
61
+ heading: "Page Master"
62
+ }
63
+ }
60
64
  },
61
- elements: [
62
- {
63
- type: "Control",
64
- scope: "#/properties/name",
65
- options: {
66
- widget: "InputField"
65
+ {
66
+ type: "Control",
67
+ scope: "#/properties/Back_Button",
68
+ options: {
69
+ widget: "IconButton"
70
+ },
71
+ config: {
72
+ layout: 3,
73
+ main: {
74
+ icon: "BackIcon",
75
+ styleDefault: true,
76
+ size: "small",
77
+ onClick: "backHandler",
78
+ tooltipMessage: "Back"
67
79
  },
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
- }
80
+ style: {
81
+ float: "right"
78
82
  }
83
+ }
84
+ }
85
+ ]
86
+ },
87
+ {
88
+ type: "WrapperLayout",
89
+ config: {
90
+ main: {
91
+ label: "Page Template",
92
+ divider: true
93
+ },
94
+ defaultStyle: true
95
+ },
96
+ elements: [
97
+ {
98
+ type: "Control",
99
+ scope: "#/properties/name",
100
+ options: {
101
+ widget: "InputField"
79
102
  },
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
- }
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
94
112
  }
113
+ }
114
+ },
115
+ {
116
+ type: "Control",
117
+ scope: "#/properties/label",
118
+ options: {
119
+ widget: "InputField"
95
120
  },
96
- {
97
- type: "Control",
98
- scope: "#/properties/emptyBox",
99
- options: {
100
- widget: "EmptyBox"
121
+ config: {
122
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
123
+ main: {
124
+ label: "Label",
125
+ options: [],
126
+ color: "secondary",
127
+ required: true
128
+ }
129
+ }
130
+ }
131
+ ]
132
+ },
133
+ {
134
+ type: "TabLayout",
135
+ config: {
136
+ main: {
137
+ tabLabels: ["Components", "events"],
138
+ divider: true
139
+ },
140
+ defaultStyle: true
141
+ },
142
+ elements: [
143
+ {
144
+ type: "WrapperLayout",
145
+ config: {
146
+ main: {
147
+ divider: true
101
148
  },
102
- config: {
103
- layout: { xs: 0, sm: 4 }
149
+ wrapperStyle: {
150
+ border: "1px solid gray"
104
151
  }
105
152
  },
106
- {
107
- type: "TabLayout",
108
- config: {
109
- main: {
110
- tabLabels: ["Components", "events"],
111
- divider: true
153
+ elements: [
154
+ {
155
+ type: "Control",
156
+ scope: "#/properties/heading",
157
+ options: {
158
+ widget: "Box"
112
159
  },
113
- defaultStyle: true
160
+ config: {
161
+ layout: 8,
162
+ main: {
163
+ heading: "Components Table"
164
+ },
165
+ style: {
166
+ fontFamily: "Roboto",
167
+ fontWeight: "500",
168
+ paddingLeft: "-10px",
169
+ fontSize: "20px"
170
+ }
171
+ }
114
172
  },
115
- elements: [
116
- {
117
- type: "Control",
118
- scope: "#/properties/elements",
119
- options: {
120
- widget: "Table"
173
+ {
174
+ type: "Control",
175
+ scope: "#/properties/AddButton",
176
+ options: {
177
+ widget: "IconButton"
178
+ },
179
+ config: {
180
+ layout: 3,
181
+ main: {
182
+ icon: "AddIcon",
183
+ styleDefault: true,
184
+ size: "small",
185
+ onClick: "onAddClickHandler",
186
+ tooltipMessage: "Add New"
121
187
  },
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
- ]
149
- },
150
- disableAction: true,
151
- disableSelection: true,
152
- enableDrag: true
153
- }
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"
154
210
  },
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
- }
181
- }
182
- }
183
- },
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
- }
211
+ {
212
+ accessorKey: "type",
213
+ header: "Type"
214
+ },
215
+ {
216
+ header: "Edit",
217
+ field: "Reject_Records",
218
+ flex: 1,
219
+ widget: {
220
+ type: "Control",
221
+ scope: "#/properties/RejectButton",
222
+ options: {
223
+ widget: "IconButton"
224
+ },
225
+ config: {
226
+ main: {
227
+ icon: "EditIcon",
228
+ color: "primary",
229
+ onClick: "Edit_Components",
230
+ tooltipMessage: "Edit This Record"
201
231
  }
202
232
  }
203
233
  }
204
- ]
205
- },
206
- {
207
- type: "Control",
208
- scope: "#/properties/events",
209
- options: {
210
- widget: "Table"
211
234
  },
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
- ]
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"
239
244
  },
240
- disableAction: true,
241
- disableSelection: true,
242
- enableDrag: true
243
- }
244
- },
245
- elements: [
246
- {
247
- accessorKey: "eventType",
248
- header: "Event Type"
249
- },
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
- }
245
+ config: {
246
+ main: {
247
+ icon: "RejectIcon",
248
+ color: "error",
249
+ onClick: "Delete_Components",
250
+ tooltipMessage: "Reject This Record"
293
251
  }
294
252
  }
295
253
  }
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
- }
254
+ }
255
+ ]
321
256
  }
322
- }
323
- ]
324
- },
325
- {
326
- type: "Control",
327
- scope: "#/properties/notify",
328
- options: {
329
- widget: "Notify"
330
- },
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
- }
257
+ ]
343
258
  },
344
- elements: [
345
- {
346
- type: "Control",
347
- scope: "#/properties/EmptyBox",
348
- options: {
349
- widget: "EmptyBox"
259
+ {
260
+ type: "WrapperLayout",
261
+ config: {
262
+ main: {
263
+ divider: true
350
264
  },
351
- config: {
352
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
265
+ wrapperStyle: {
266
+ border: "1px solid gray"
353
267
  }
354
268
  },
355
- {
356
- type: "Control",
357
- scope: "#/properties/FooterText",
358
- options: {
359
- widget: "Box"
360
- },
361
- config: {
362
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
363
- main: {
364
- heading: "Copywriter@ACT21.IO"
269
+ elements: [
270
+ {
271
+ type: "Control",
272
+ scope: "#/properties/heading",
273
+ options: {
274
+ widget: "Box"
365
275
  },
366
- style: {
367
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
368
- fontSize: "12px"
276
+ config: {
277
+ layout: 8,
278
+ main: {
279
+ heading: "Event Table"
280
+ },
281
+ style: {
282
+ fontFamily: "Roboto",
283
+ fontWeight: "500",
284
+ paddingLeft: "-10px",
285
+ fontSize: "20px"
286
+ }
369
287
  }
370
- }
371
- },
372
- {
373
- type: "HorizontalLayout",
374
- config: {
375
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
376
288
  },
377
- elements: [
378
- {
379
- type: "Control",
380
- scope: "#/properties/EmptyBox",
381
- options: {
382
- widget: "EmptyBox"
289
+ {
290
+ type: "Control",
291
+ scope: "#/properties/AddButton",
292
+ options: {
293
+ widget: "IconButton"
294
+ },
295
+ config: {
296
+ layout: 3,
297
+ main: {
298
+ icon: "AddIcon",
299
+ styleDefault: true,
300
+ size: "small",
301
+ onClick: "eventAddHandler",
302
+ tooltipMessage: "Back"
383
303
  },
384
- config: {
385
- layout: 2
304
+ style: {
305
+ float: "right"
386
306
  }
307
+ }
308
+ },
309
+ {
310
+ type: "Control",
311
+ scope: "#/properties/events",
312
+ options: {
313
+ widget: "Table"
387
314
  },
388
- {
389
- type: "Control",
390
- scope: "#/properties/backIcon",
391
- options: {
392
- widget: "Box"
315
+ config: {
316
+ main: {
317
+ disableAction: true,
318
+ disableSelection: true,
319
+ enableDrag: true
320
+ }
321
+ },
322
+ elements: [
323
+ {
324
+ accessorKey: "eventType",
325
+ header: "Event Type"
393
326
  },
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"
327
+ {
328
+ accessorKey: "Handler",
329
+ header: "Handler"
330
+ },
331
+ {
332
+ accessorKey: "Edit_Approve_Records",
333
+ header: "Edit Widget",
334
+ widget: {
335
+ type: "Control",
336
+ scope: "#/properties/Edit_Records",
337
+ options: {
338
+ widget: "IconButton"
339
+ },
340
+ config: {
341
+ main: {
342
+ color: "info",
343
+ size: "small",
344
+ icon: "EditIcon",
345
+ tooltipMessage: "Edit This Record",
346
+ onClick: "editEvent"
347
+ },
348
+ style: {
349
+ color: "#3949ab"
350
+ }
351
+ }
352
+ }
353
+ },
354
+ {
355
+ accessorKey: "Reject_Records",
356
+ header: "Delete",
357
+ widget: {
358
+ type: "Control",
359
+ scope: "#/properties/RejectButton",
360
+ options: {
361
+ widget: "IconButton"
362
+ },
363
+ config: {
364
+ main: {
365
+ icon: "RejectIcon",
366
+ color: "error",
367
+ tooltipMessage: "Reject This Record",
368
+ onClick: "deletePopUp"
369
+ }
370
+ }
409
371
  }
410
372
  }
373
+ ]
374
+ },
375
+ {
376
+ type: "Control",
377
+ scope: "#/properties/popUp",
378
+ options: {
379
+ widget: "popUp"
411
380
  },
412
- {
413
- type: "Control",
414
- scope: "#/properties/text",
415
- options: {
416
- widget: "Box"
381
+ config: {
382
+ layout: {
383
+ xs: 12,
384
+ sm: 12,
385
+ md: 12,
386
+ lg: 12
417
387
  },
418
- config: {
419
- layout: 9,
420
- main: {
421
- heading: "Previous Page",
422
- onClick: "backHandler"
388
+ main: {
389
+ label: "PopUp",
390
+ fullScreen: false,
391
+ fullWidth: false,
392
+ maxWidth: false,
393
+ alignItems: false,
394
+ spacing: 2
395
+ }
396
+ },
397
+ elements: [
398
+ {
399
+ type: "Control",
400
+ scope: "#/properties/pageMaster",
401
+ options: {
402
+ widget: "Box"
423
403
  },
424
- style: {
425
- color: theme.palette.primary.dark,
426
- fontSize: "12px",
427
- cursor: "pointer",
428
- marginLeft: "-6px"
404
+ config: {
405
+ layout: 8,
406
+ main: {
407
+ heading: "Are you sure"
408
+ }
409
+ }
410
+ },
411
+ {
412
+ type: "Control",
413
+ scope: "#/properties/ConfirmDeleteButton",
414
+ options: {
415
+ widget: "Button"
416
+ },
417
+ config: {
418
+ main: {
419
+ name: "No",
420
+ startIcon: "ApproveIcon",
421
+ variant: "contained",
422
+ color: "info",
423
+ type: "text",
424
+ onClick: "deleteEvent",
425
+ size: "small"
426
+ },
427
+ style: {
428
+ marginBottom: "8px",
429
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
430
+ float: "left"
431
+ }
432
+ }
433
+ },
434
+ {
435
+ type: "Control",
436
+ scope: "#/properties/CancelDeleteButton",
437
+ options: {
438
+ widget: "Button"
439
+ },
440
+ config: {
441
+ main: {
442
+ name: "No",
443
+ startIcon: "ApproveIcon",
444
+ variant: "contained",
445
+ color: "info",
446
+ type: "text",
447
+ onClick: "deleteEvent",
448
+ size: "small"
449
+ },
450
+ style: {
451
+ marginBottom: "8px",
452
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
453
+ float: "right"
454
+ }
429
455
  }
430
456
  }
431
- }
432
- ]
433
- }
434
- ]
457
+ ]
458
+ }
459
+ ]
460
+ }
461
+ ]
462
+ },
463
+ {
464
+ type: "Control",
465
+ scope: "#/properties/btn",
466
+ options: {
467
+ widget: "EmptyBox"
468
+ },
469
+ config: {
470
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
435
471
  }
436
- ]
437
- };
438
- return uiSchema;
472
+ },
473
+ {
474
+ type: "Control",
475
+ scope: "#/properties/btn",
476
+ options: {
477
+ widget: "Button"
478
+ },
479
+ config: {
480
+ layout: 11.7,
481
+ main: {
482
+ name: "Save",
483
+ startIcon: "ApproveIcon",
484
+ variant: "contained",
485
+ color: "info",
486
+ type: "text",
487
+ onClick: "saveHandler",
488
+ size: "small"
489
+ },
490
+ style: {
491
+ marginBottom: "8px",
492
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
493
+ float: "right"
494
+ }
495
+ }
496
+ },
497
+ {
498
+ type: "Control",
499
+ scope: "#/properties/notify",
500
+ options: {
501
+ widget: "Notify"
502
+ },
503
+ layout: 6
504
+ }
505
+ ]
439
506
  };
440
507
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
441
508
  var lodash = { exports: {} };
@@ -6169,332 +6236,285 @@ const ComponentSchema = {
6169
6236
  },
6170
6237
  required: ["name"]
6171
6238
  };
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`
6239
+ const componentBasicUiSchema = {
6240
+ type: "HorizontalLayout",
6241
+ elements: [
6242
+ {
6243
+ type: "WrapperLayout",
6244
+ config: {
6245
+ main: {
6246
+ rowSpacing: 1,
6247
+ header: true
6248
+ },
6249
+ defaultStyle: true
6250
+ },
6251
+ elements: [
6252
+ {
6253
+ type: "Control",
6254
+ scope: "#/properties/Component",
6255
+ options: {
6256
+ widget: "Box"
6257
+ },
6258
+ config: {
6259
+ layout: { xs: 12, sm: 12, md: 2 },
6260
+ main: {
6261
+ heading: "Component"
6262
+ },
6263
+ style: {
6264
+ "float": "left"
6265
+ }
6185
6266
  }
6186
6267
  },
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
- }
6268
+ {
6269
+ type: "Control",
6270
+ scope: "#/properties/pageName",
6271
+ options: {
6272
+ widget: "Box"
6273
+ },
6274
+ config: {
6275
+ layout: { xs: 7, sm: 7, md: 9 },
6276
+ main: {
6277
+ heading: " "
6278
+ },
6279
+ style: {
6280
+ float: "right",
6281
+ width: "auto",
6282
+ fontSize: "12px",
6283
+ color: "gray",
6284
+ paddingTop: "10px"
6285
+ }
6286
+ }
6287
+ },
6288
+ {
6289
+ type: "Control",
6290
+ scope: "#/properties/Back_Button",
6291
+ options: {
6292
+ widget: "IconButton"
6293
+ },
6294
+ config: {
6295
+ layout: { xs: 2, sm: 2, md: 0.5 },
6296
+ main: {
6297
+ icon: "BackIcon",
6298
+ styleDefault: true,
6299
+ size: "small",
6300
+ onClick: "backHandler",
6301
+ tooltipMessage: "Back"
6302
+ },
6303
+ style: {
6304
+ float: "right"
6305
+ }
6306
+ }
6307
+ }
6308
+ ]
6309
+ },
6310
+ {
6311
+ type: "TabLayout",
6312
+ config: {
6313
+ main: {
6314
+ tabLabels: ["Core"],
6315
+ defaultStyle: true,
6316
+ id: `component`
6317
+ }
6318
+ },
6319
+ elements: [
6320
+ {
6321
+ type: "HorizontalLayout",
6322
+ elements: [
6323
+ {
6324
+ type: "Control",
6325
+ scope: "#/properties/type",
6326
+ options: {
6327
+ widget: "SelectInputField"
6328
+ },
6329
+ config: {
6330
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6331
+ main: {
6332
+ label: "Type"
6202
6333
  }
6334
+ }
6335
+ },
6336
+ {
6337
+ type: "Control",
6338
+ scope: "#/properties/name",
6339
+ options: {
6340
+ widget: "InputField"
6203
6341
  },
6204
- {
6205
- type: "Control",
6206
- scope: "#/properties/name",
6207
- options: {
6208
- widget: "InputField"
6342
+ config: {
6343
+ layout: {
6344
+ xs: 12,
6345
+ sm: 12,
6346
+ md: 6,
6347
+ lg: 6
6209
6348
  },
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
- }
6349
+ main: {
6350
+ label: "Name",
6351
+ options: [],
6352
+ color: "secondary",
6353
+ required: true
6218
6354
  }
6355
+ }
6356
+ },
6357
+ {
6358
+ type: "Control",
6359
+ scope: "#/properties/label",
6360
+ options: {
6361
+ widget: "InputField"
6219
6362
  },
6220
- {
6221
- type: "Control",
6222
- scope: "#/properties/label",
6223
- options: {
6224
- widget: "InputField"
6363
+ config: {
6364
+ layout: {
6365
+ xs: 12,
6366
+ sm: 12,
6367
+ md: 6,
6368
+ lg: 6
6225
6369
  },
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
- }
6370
+ main: {
6371
+ label: "Label",
6372
+ options: [],
6373
+ color: "secondary",
6374
+ required: true
6234
6375
  }
6376
+ }
6377
+ },
6378
+ {
6379
+ type: "Control",
6380
+ scope: "#/properties/proc",
6381
+ config: {
6382
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6235
6383
  },
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
- }
6384
+ options: {
6385
+ widget: "EmptyBox"
6386
+ }
6387
+ },
6388
+ {
6389
+ type: "Control",
6390
+ scope: "#/properties/layout",
6391
+ layout: 11.5,
6392
+ options: {
6393
+ detail: {
6394
+ type: "HorizontalLayout",
6395
+ elements: [
6396
+ {
6397
+ type: "Control",
6398
+ scope: "#/properties/key",
6399
+ options: {
6400
+ widget: "SelectInputField"
6256
6401
  },
6257
- {
6258
- type: "Control",
6259
- scope: "#/properties/value",
6260
- options: {
6261
- widget: "InputField"
6402
+ config: {
6403
+ layout: {
6404
+ xs: 11,
6405
+ sm: 11,
6406
+ md: 5.5,
6407
+ lg: 5.5
6262
6408
  },
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
- }
6409
+ main: {
6410
+ label: "Screen Size"
6271
6411
  }
6412
+ }
6413
+ },
6414
+ {
6415
+ type: "Control",
6416
+ scope: "#/properties/value",
6417
+ options: {
6418
+ widget: "InputField"
6272
6419
  },
6273
- {
6274
- type: "Control",
6275
- scope: "#/properties/emptyBox",
6276
- options: {
6277
- widget: "EmptyBox"
6420
+ config: {
6421
+ layout: {
6422
+ xs: 11,
6423
+ sm: 11,
6424
+ md: 5.5,
6425
+ lg: 5.5
6278
6426
  },
6279
- config: {
6280
- layout: { xs: 0, sm: 4 }
6427
+ main: {
6428
+ label: "Value",
6429
+ type: "number",
6430
+ helperText: "Number should be in range of 0 to 12",
6431
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6281
6432
  }
6282
6433
  }
6283
- ]
6284
- }
6434
+ }
6435
+ ]
6285
6436
  }
6286
6437
  }
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 }
6438
+ }
6439
+ ]
6299
6440
  }
6441
+ ]
6442
+ },
6443
+ {
6444
+ type: "Control",
6445
+ scope: "#/properties/proc",
6446
+ config: {
6447
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6300
6448
  },
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
- }
6449
+ options: {
6450
+ widget: "EmptyBox"
6451
+ }
6452
+ },
6453
+ {
6454
+ type: "Control",
6455
+ scope: "#/properties/btn",
6456
+ options: {
6457
+ widget: "Button"
6310
6458
  },
6311
- {
6312
- type: "Control",
6313
- scope: "#/properties/btn",
6314
- options: {
6315
- widget: "Button"
6459
+ config: {
6460
+ layout: {
6461
+ xs: 11,
6462
+ sm: 11,
6463
+ md: 2.5,
6464
+ lg: 2.5
6316
6465
  },
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"
6466
+ main: {
6467
+ name: "Ok",
6468
+ startIcon: "ApproveIcon",
6469
+ variant: "contained",
6470
+ color: "info",
6471
+ type: "text",
6472
+ onClick: "okHandler",
6473
+ size: "small"
6338
6474
  },
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
- }
6475
+ style: {
6476
+ marginBottom: "8px",
6477
+ float: "right"
6353
6478
  }
6479
+ }
6480
+ },
6481
+ {
6482
+ type: "Control",
6483
+ scope: "#/properties/btnSubmit",
6484
+ options: {
6485
+ widget: "Button"
6354
6486
  },
6355
- {
6356
- type: "Control",
6357
- scope: "#/properties/notify",
6358
- options: {
6359
- widget: "Notify"
6487
+ config: {
6488
+ layout: {
6489
+ xs: 11,
6490
+ sm: 11,
6491
+ md: 2.5,
6492
+ lg: 2.5
6360
6493
  },
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
- }
6494
+ main: {
6495
+ name: "Save & Exit",
6496
+ startIcon: "ApproveIcon",
6497
+ variant: "contained",
6498
+ color: "info",
6499
+ type: "text",
6500
+ onClick: "saveHandler",
6501
+ size: "small"
6373
6502
  },
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
- ]
6503
+ style: {
6504
+ marginBottom: "8px",
6505
+ float: "right"
6506
+ }
6494
6507
  }
6495
- ]
6496
- };
6497
- return uiSchema;
6508
+ },
6509
+ {
6510
+ type: "Control",
6511
+ scope: "#/properties/notify",
6512
+ options: {
6513
+ widget: "Notify"
6514
+ },
6515
+ layout: 6
6516
+ }
6517
+ ]
6498
6518
  };
6499
6519
  const CoreSection = {
6500
6520
  type: "HorizontalLayout",
@@ -6506,7 +6526,7 @@ const CoreSection = {
6506
6526
  widget: "SelectInputField"
6507
6527
  },
6508
6528
  config: {
6509
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6529
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6510
6530
  main: {
6511
6531
  label: "Type",
6512
6532
  type: "text"
@@ -6520,7 +6540,12 @@ const CoreSection = {
6520
6540
  widget: "InputField"
6521
6541
  },
6522
6542
  config: {
6523
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6543
+ layout: {
6544
+ xs: 12,
6545
+ sm: 12,
6546
+ md: 6,
6547
+ lg: 6
6548
+ },
6524
6549
  main: {
6525
6550
  label: "Name"
6526
6551
  }
@@ -6533,16 +6558,31 @@ const CoreSection = {
6533
6558
  widget: "InputField"
6534
6559
  },
6535
6560
  config: {
6536
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6561
+ layout: {
6562
+ xs: 12,
6563
+ sm: 12,
6564
+ md: 6,
6565
+ lg: 6
6566
+ },
6537
6567
  main: {
6538
6568
  label: "Label"
6539
6569
  }
6540
6570
  }
6541
6571
  },
6572
+ {
6573
+ type: "Control",
6574
+ scope: "#/properties/proc",
6575
+ config: {
6576
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6577
+ },
6578
+ options: {
6579
+ widget: "EmptyBox"
6580
+ }
6581
+ },
6542
6582
  {
6543
6583
  type: "Control",
6544
6584
  scope: "#/properties/layout",
6545
- layout: 12,
6585
+ layout: 11.5,
6546
6586
  options: {
6547
6587
  "elementLabelProp": "key",
6548
6588
  detail: {
@@ -6555,7 +6595,12 @@ const CoreSection = {
6555
6595
  widget: "SelectInputField"
6556
6596
  },
6557
6597
  config: {
6558
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6598
+ layout: {
6599
+ xs: 11,
6600
+ sm: 11,
6601
+ md: 5.5,
6602
+ lg: 5.5
6603
+ },
6559
6604
  main: {
6560
6605
  label: "Screen Size"
6561
6606
  }
@@ -6568,7 +6613,12 @@ const CoreSection = {
6568
6613
  widget: "InputField"
6569
6614
  },
6570
6615
  config: {
6571
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6616
+ layout: {
6617
+ xs: 11,
6618
+ sm: 11,
6619
+ md: 5.5,
6620
+ lg: 5.5
6621
+ },
6572
6622
  main: {
6573
6623
  label: "Value",
6574
6624
  type: "number",
@@ -6576,16 +6626,6 @@ const CoreSection = {
6576
6626
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6577
6627
  }
6578
6628
  }
6579
- },
6580
- {
6581
- type: "Control",
6582
- scope: "#/properties/emptyBox",
6583
- options: {
6584
- widget: "EmptyBox"
6585
- },
6586
- config: {
6587
- layout: { xs: 0, sm: 4 }
6588
- }
6589
6629
  }
6590
6630
  ]
6591
6631
  }
@@ -6597,95 +6637,121 @@ const EventSection = {
6597
6637
  type: "HorizontalLayout",
6598
6638
  elements: [
6599
6639
  {
6600
- type: "Control",
6601
- scope: "#/properties/events",
6602
- options: {
6603
- widget: "Table"
6604
- },
6640
+ type: "WrapperLayout",
6605
6641
  config: {
6606
6642
  main: {
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
6643
+ divider: true
6644
+ },
6645
+ wrapperStyle: {
6646
+ border: "1px solid gray"
6636
6647
  }
6637
6648
  },
6638
6649
  elements: [
6639
6650
  {
6640
- accessorKey: "eventType",
6641
- header: "Event Type"
6642
- },
6643
- {
6644
- accessorKey: "Handler",
6645
- header: "Handler"
6651
+ type: "Control",
6652
+ scope: "#/properties/programType",
6653
+ options: {
6654
+ widget: "Box"
6655
+ },
6656
+ config: {
6657
+ layout: 8,
6658
+ main: {
6659
+ heading: "Event Table"
6660
+ },
6661
+ style: {
6662
+ fontFamily: "Roboto",
6663
+ fontWeight: "500",
6664
+ paddingLeft: "-10px",
6665
+ fontSize: "20px"
6666
+ }
6667
+ }
6646
6668
  },
6647
6669
  {
6648
- accessorKey: "Edit_Approve_Records",
6649
- header: "Edit Widget",
6650
- widget: {
6651
- type: "Control",
6652
- scope: "#/properties/Edit_Records",
6653
- options: {
6654
- widget: "IconButton"
6670
+ type: "Control",
6671
+ scope: "#/properties/Back_Button",
6672
+ options: {
6673
+ widget: "IconButton"
6674
+ },
6675
+ config: {
6676
+ layout: 3,
6677
+ main: {
6678
+ icon: "AddIcon",
6679
+ styleDefault: true,
6680
+ size: "small",
6681
+ onClick: "eventAddHandler",
6682
+ tooltipMessage: "Back"
6655
6683
  },
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
- }
6684
+ style: {
6685
+ float: "right"
6667
6686
  }
6668
6687
  }
6669
6688
  },
6670
6689
  {
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"
6690
+ type: "Control",
6691
+ scope: "#/properties/events",
6692
+ options: {
6693
+ widget: "Table"
6694
+ },
6695
+ config: {
6696
+ main: {
6697
+ disableAction: true,
6698
+ disableSelection: true,
6699
+ enableDrag: true
6700
+ }
6701
+ },
6702
+ elements: [
6703
+ {
6704
+ accessorKey: "eventType",
6705
+ header: "Event Type"
6679
6706
  },
6680
- config: {
6681
- main: {
6682
- icon: "RejectIcon",
6683
- color: "error",
6684
- tooltipMessage: "Reject This Record",
6685
- onClick: "deleteEvent"
6707
+ {
6708
+ accessorKey: "Handler",
6709
+ header: "Handler"
6710
+ },
6711
+ {
6712
+ accessorKey: "Edit_Approve_Records",
6713
+ header: "Edit Widget",
6714
+ widget: {
6715
+ type: "Control",
6716
+ scope: "#/properties/Edit_Records",
6717
+ options: {
6718
+ widget: "IconButton"
6719
+ },
6720
+ config: {
6721
+ main: {
6722
+ color: "info",
6723
+ size: "small",
6724
+ icon: "EditIcon",
6725
+ tooltipMessage: "Edit This Record",
6726
+ onClick: "eventEditHandler"
6727
+ },
6728
+ style: {
6729
+ color: "#3949ab"
6730
+ }
6731
+ }
6732
+ }
6733
+ },
6734
+ {
6735
+ accessorKey: "Reject_Records",
6736
+ header: "Delete",
6737
+ widget: {
6738
+ type: "Control",
6739
+ scope: "#/properties/RejectButton",
6740
+ accessorKeyName: "Reject_Records",
6741
+ options: {
6742
+ widget: "IconButton"
6743
+ },
6744
+ config: {
6745
+ main: {
6746
+ icon: "RejectIcon",
6747
+ color: "error",
6748
+ tooltipMessage: "Reject This Record",
6749
+ onClick: "deleteEvent"
6750
+ }
6751
+ }
6686
6752
  }
6687
6753
  }
6688
- }
6754
+ ]
6689
6755
  }
6690
6756
  ]
6691
6757
  }
@@ -7093,92 +7159,116 @@ const TableSection = {
7093
7159
  type: "HorizontalLayout",
7094
7160
  elements: [
7095
7161
  {
7096
- type: "Control",
7097
- scope: "#/properties/elements",
7098
- options: {
7099
- widget: "Table"
7100
- },
7162
+ type: "WrapperLayout",
7101
7163
  config: {
7102
- main: {
7103
- headerIcons: {
7104
- elements: [
7105
- {
7106
- widget: {
7107
- type: "Control",
7108
- scope: "#/properties/New_Record",
7109
- options: {
7110
- widget: "IconButton"
7111
- },
7112
- config: {
7113
- main: {
7114
- color: "info",
7115
- onClick: "widgetAddClickHandler",
7116
- size: "small",
7117
- icon: "AddIcon",
7118
- iconLabel: "Add New",
7119
- styleDefault: true
7120
- },
7121
- style: {
7122
- mt: "6px"
7123
- }
7124
- }
7125
- }
7126
- }
7127
- ]
7128
- },
7129
- disableAction: true,
7130
- disableSelection: true,
7131
- enableDrag: true
7164
+ main: {},
7165
+ wrapperStyle: {
7166
+ border: "1px solid gray"
7132
7167
  }
7133
7168
  },
7134
7169
  elements: [
7135
7170
  {
7136
- accessorKey: "name",
7137
- header: "Name"
7138
- },
7139
- {
7140
- accessorKey: "type",
7141
- header: "Type"
7171
+ type: "Control",
7172
+ scope: "#/properties/programType",
7173
+ options: {
7174
+ widget: "Box"
7175
+ },
7176
+ config: {
7177
+ layout: 8,
7178
+ main: {
7179
+ heading: "Components Table"
7180
+ },
7181
+ style: {
7182
+ fontFamily: "Roboto",
7183
+ fontWeight: "500",
7184
+ paddingLeft: "-10px",
7185
+ fontSize: "20px"
7186
+ }
7187
+ }
7142
7188
  },
7143
7189
  {
7144
- header: "Edit Record",
7145
- field: "Reject_Records",
7146
- flex: 1,
7147
- widget: {
7148
- type: "Control",
7149
- scope: "#/properties/RejectButton",
7150
- options: {
7151
- widget: "IconButton"
7190
+ type: "Control",
7191
+ scope: "#/properties/Back_Button",
7192
+ options: {
7193
+ widget: "IconButton"
7194
+ },
7195
+ config: {
7196
+ layout: 3,
7197
+ main: {
7198
+ icon: "AddIcon",
7199
+ styleDefault: true,
7200
+ size: "small",
7201
+ onClick: "widgetAddClickHandler",
7202
+ tooltipMessage: "Add New"
7152
7203
  },
7153
- config: {
7154
- main: {
7155
- icon: "EditIcon",
7156
- color: "primary",
7157
- onClick: "editComponents",
7158
- tooltipMessage: "Reject This Record"
7159
- }
7204
+ style: {
7205
+ float: "right"
7160
7206
  }
7161
7207
  }
7162
7208
  },
7163
7209
  {
7164
- header: "Delete",
7165
- field: "Reject_Records",
7166
- flex: 1,
7167
- widget: {
7168
- type: "Control",
7169
- scope: "#/properties/RejectButton",
7170
- options: {
7171
- widget: "IconButton"
7210
+ type: "Control",
7211
+ scope: "#/properties/elements",
7212
+ options: {
7213
+ widget: "Table"
7214
+ },
7215
+ config: {
7216
+ main: {
7217
+ disableAction: true,
7218
+ disableSelection: true,
7219
+ enableDrag: true
7220
+ }
7221
+ },
7222
+ elements: [
7223
+ {
7224
+ accessorKey: "name",
7225
+ header: "Name"
7172
7226
  },
7173
- config: {
7174
- main: {
7175
- icon: "RejectIcon",
7176
- color: "error",
7177
- onClick: "deleteComponents",
7178
- tooltipMessage: "Reject This Record"
7227
+ {
7228
+ accessorKey: "type",
7229
+ header: "Type"
7230
+ },
7231
+ {
7232
+ header: "Edit Record",
7233
+ field: "Reject_Records",
7234
+ flex: 1,
7235
+ widget: {
7236
+ type: "Control",
7237
+ scope: "#/properties/RejectButton",
7238
+ options: {
7239
+ widget: "IconButton"
7240
+ },
7241
+ config: {
7242
+ main: {
7243
+ icon: "EditIcon",
7244
+ color: "primary",
7245
+ onClick: "editComponents",
7246
+ tooltipMessage: "Reject This Record"
7247
+ }
7248
+ }
7249
+ }
7250
+ },
7251
+ {
7252
+ header: "Delete",
7253
+ field: "Reject_Records",
7254
+ flex: 1,
7255
+ widget: {
7256
+ type: "Control",
7257
+ scope: "#/properties/RejectButton",
7258
+ options: {
7259
+ widget: "IconButton"
7260
+ },
7261
+ config: {
7262
+ main: {
7263
+ icon: "RejectIcon",
7264
+ color: "error",
7265
+ onClick: "deleteComponents",
7266
+ tooltipMessage: "Reject This Record"
7267
+ }
7268
+ }
7179
7269
  }
7180
7270
  }
7181
- }
7271
+ ]
7182
7272
  }
7183
7273
  ]
7184
7274
  }
@@ -7202,7 +7292,12 @@ const ValueTab = {
7202
7292
  widget: "InputField"
7203
7293
  },
7204
7294
  config: {
7205
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7295
+ layout: {
7296
+ xs: 11,
7297
+ sm: 11,
7298
+ md: 5.5,
7299
+ lg: 5.5
7300
+ },
7206
7301
  main: {
7207
7302
  label: "Label"
7208
7303
  }
@@ -7215,21 +7310,16 @@ const ValueTab = {
7215
7310
  widget: "InputField"
7216
7311
  },
7217
7312
  config: {
7218
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7313
+ layout: {
7314
+ xs: 11,
7315
+ sm: 11,
7316
+ md: 5.5,
7317
+ lg: 5.5
7318
+ },
7219
7319
  main: {
7220
7320
  label: "Value"
7221
7321
  }
7222
7322
  }
7223
- },
7224
- {
7225
- type: "Control",
7226
- scope: "#/properties/emptyBox",
7227
- options: {
7228
- widget: "EmptyBox"
7229
- },
7230
- config: {
7231
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7232
- }
7233
7323
  }
7234
7324
  ]
7235
7325
  }
@@ -7256,7 +7346,12 @@ const ValidationSection = {
7256
7346
  widget: "SelectInputField"
7257
7347
  },
7258
7348
  config: {
7259
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7349
+ layout: {
7350
+ xs: 11,
7351
+ sm: 11,
7352
+ md: 5.5,
7353
+ lg: 5.5
7354
+ },
7260
7355
  main: {
7261
7356
  label: "Validation Type"
7262
7357
  }
@@ -7269,21 +7364,16 @@ const ValidationSection = {
7269
7364
  widget: "InputField"
7270
7365
  },
7271
7366
  config: {
7272
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7367
+ layout: {
7368
+ xs: 11,
7369
+ sm: 11,
7370
+ md: 5.5,
7371
+ lg: 5.5
7372
+ },
7273
7373
  main: {
7274
7374
  label: "Validation Value"
7275
7375
  }
7276
7376
  }
7277
- },
7278
- {
7279
- type: "Control",
7280
- scope: "#/properties/emptyBox",
7281
- options: {
7282
- widget: "EmptyBox"
7283
- },
7284
- config: {
7285
- layout: { xs: 0, sm: 4 }
7286
- }
7287
7377
  }
7288
7378
  ]
7289
7379
  }
@@ -7465,7 +7555,7 @@ const sectionLabels = {
7465
7555
  };
7466
7556
  const refreshPage = (type, store2) => {
7467
7557
  var _a;
7468
- const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7558
+ const UiSchema = _.cloneDeep(componentBasicUiSchema);
7469
7559
  if (type) {
7470
7560
  const sectionUiSchema = {
7471
7561
  Core: CoreSection,
@@ -7477,8 +7567,8 @@ const refreshPage = (type, store2) => {
7477
7567
  Validation: ValidationSection
7478
7568
  };
7479
7569
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7480
- UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7481
- UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7570
+ UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7571
+ UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7482
7572
  }
7483
7573
  store2.setUiSchema(UiSchema);
7484
7574
  };
@@ -7600,7 +7690,7 @@ var pageMaster = (funcParams) => {
7600
7690
  return config;
7601
7691
  },
7602
7692
  getUiSchema: function() {
7603
- return PageMasterUiSchema(store2.theme.myTheme);
7693
+ return PageMasterUiSchema;
7604
7694
  },
7605
7695
  getSchema: () => {
7606
7696
  return PageMasterSchema;
@@ -7646,6 +7736,9 @@ var pageMaster = (funcParams) => {
7646
7736
  store2.formData.events.splice(rowId, 1);
7647
7737
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7648
7738
  store2.setFormdata(response2);
7739
+ },
7740
+ deletePopUp: function() {
7741
+ store2.updateDialog("popUp");
7649
7742
  }
7650
7743
  };
7651
7744
  };
@@ -7730,371 +7823,307 @@ const EventSchema = {
7730
7823
  type: "string"
7731
7824
  }
7732
7825
  }
7733
- }
7734
- }
7735
- },
7736
- required: ["eventType", "Handler"]
7737
- };
7738
- const EventUiSchema = (theme) => {
7739
- var _a;
7740
- const uiSchema = {
7741
- type: "HorizontalLayout",
7742
- heading: "Component",
7743
- elements: [
7744
- {
7745
- type: "TabLayout",
7746
- config: {
7747
- main: {
7748
- tabLabels: ["Core", "Response Event"],
7749
- defaultStyle: true,
7750
- id: "event"
7751
- }
7752
- },
7753
- elements: [
7754
- {
7755
- type: "HorizontalLayout",
7756
- elements: [
7757
- {
7758
- type: "Control",
7759
- scope: `#/properties/eventType`,
7760
- options: {
7761
- widget: "SelectInputField"
7762
- },
7763
- config: {
7764
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7765
- main: {
7766
- label: "Event Type",
7767
- type: "text"
7768
- }
7769
- }
7826
+ }
7827
+ }
7828
+ },
7829
+ required: ["eventType", "Handler"]
7830
+ };
7831
+ const EventUiSchema = {
7832
+ type: "HorizontalLayout",
7833
+ elements: [
7834
+ {
7835
+ type: "WrapperLayout",
7836
+ config: {
7837
+ main: {
7838
+ rowSpacing: 1,
7839
+ header: true
7840
+ },
7841
+ defaultStyle: true
7842
+ },
7843
+ elements: [
7844
+ {
7845
+ type: "Control",
7846
+ scope: "#/properties/Component",
7847
+ options: {
7848
+ widget: "Box"
7849
+ },
7850
+ config: {
7851
+ layout: { xs: 12, sm: 12, md: 2 },
7852
+ main: {
7853
+ heading: "Component"
7854
+ },
7855
+ style: {
7856
+ "float": "left"
7857
+ }
7858
+ }
7859
+ },
7860
+ {
7861
+ type: "Control",
7862
+ scope: "#/properties/pageName",
7863
+ options: {
7864
+ widget: "Box"
7865
+ },
7866
+ config: {
7867
+ layout: { xs: 7, sm: 7, md: 9 },
7868
+ main: {
7869
+ heading: " "
7870
+ },
7871
+ style: {
7872
+ float: "right",
7873
+ width: "auto",
7874
+ fontSize: "12px",
7875
+ color: "gray",
7876
+ paddingTop: "10px"
7877
+ }
7878
+ }
7879
+ },
7880
+ {
7881
+ type: "Control",
7882
+ scope: "#/properties/Back_Button",
7883
+ options: {
7884
+ widget: "IconButton"
7885
+ },
7886
+ config: {
7887
+ layout: { xs: 2, sm: 2, md: 0.5 },
7888
+ main: {
7889
+ icon: "BackIcon",
7890
+ styleDefault: true,
7891
+ size: "small",
7892
+ onClick: "backHandler",
7893
+ tooltipMessage: "Back"
7894
+ },
7895
+ style: {
7896
+ float: "right"
7897
+ }
7898
+ }
7899
+ }
7900
+ ]
7901
+ },
7902
+ {
7903
+ type: "TabLayout",
7904
+ config: {
7905
+ main: {
7906
+ tabLabels: ["Core", "Response Event"],
7907
+ defaultStyle: true,
7908
+ id: "event"
7909
+ }
7910
+ },
7911
+ elements: [
7912
+ {
7913
+ type: "HorizontalLayout",
7914
+ elements: [
7915
+ {
7916
+ type: "Control",
7917
+ scope: `#/properties/eventType`,
7918
+ options: {
7919
+ widget: "SelectInputField"
7770
7920
  },
7771
- {
7772
- type: "Control",
7773
- scope: `#/properties/Handler`,
7774
- options: {
7775
- widget: "SelectInputField"
7776
- },
7777
- config: {
7778
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7779
- main: {
7780
- label: "Handler",
7781
- type: "text"
7782
- }
7921
+ config: {
7922
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7923
+ main: {
7924
+ label: "Event Type",
7925
+ type: "text"
7783
7926
  }
7927
+ }
7928
+ },
7929
+ getSelectField("Handler", "Handler")
7930
+ ]
7931
+ },
7932
+ {
7933
+ type: "WrapperLayout",
7934
+ config: {
7935
+ main: {
7936
+ divider: true
7937
+ },
7938
+ wrapperStyle: {
7939
+ border: "1px solid gray"
7940
+ }
7941
+ },
7942
+ elements: [
7943
+ {
7944
+ type: "Control",
7945
+ scope: "#/properties/heading",
7946
+ options: {
7947
+ widget: "Box"
7784
7948
  },
7785
- {
7786
- type: "Control",
7787
- scope: "#/properties/emptyBox",
7788
- options: {
7789
- widget: "EmptyBox"
7949
+ config: {
7950
+ layout: 8,
7951
+ main: {
7952
+ heading: "Response Event"
7790
7953
  },
7791
- config: {
7792
- layout: { xs: 0, sm: 4 }
7954
+ style: {
7955
+ fontFamily: "Roboto",
7956
+ fontWeight: "500",
7957
+ paddingLeft: "-10px",
7958
+ fontSize: "20px"
7793
7959
  }
7794
7960
  }
7795
- ]
7796
- },
7797
- {
7798
- type: "Control",
7799
- scope: "#/properties/events",
7800
- options: {
7801
- widget: "Table"
7802
7961
  },
7803
- config: {
7804
- main: {
7805
- headerIcons: {
7806
- elements: [
7807
- {
7808
- widget: {
7809
- type: "Control",
7810
- scope: "#/properties/New_Record",
7811
- options: {
7812
- widget: "IconButton"
7813
- },
7814
- config: {
7815
- main: {
7816
- color: "info",
7817
- onClick: "addEvent",
7818
- size: "small",
7819
- icon: "AddIcon",
7820
- iconLabel: "Add New",
7821
- styleDefault: true
7822
- },
7823
- style: {
7824
- mt: "6px"
7825
- }
7826
- }
7827
- }
7828
- }
7829
- ]
7962
+ {
7963
+ type: "Control",
7964
+ scope: "#/properties/AddButton",
7965
+ options: {
7966
+ widget: "IconButton"
7967
+ },
7968
+ config: {
7969
+ layout: 3,
7970
+ main: {
7971
+ icon: "AddIcon",
7972
+ styleDefault: true,
7973
+ size: "small",
7974
+ onClick: "addEvent",
7975
+ tooltipMessage: "Back"
7830
7976
  },
7831
- disableAction: true,
7832
- disableSelection: true,
7833
- enableDrag: true
7977
+ style: {
7978
+ float: "right"
7979
+ }
7834
7980
  }
7835
7981
  },
7836
- elements: [
7837
- {
7838
- accessorKey: "eventType",
7839
- header: "Event Type"
7982
+ {
7983
+ type: "Control",
7984
+ scope: "#/properties/events",
7985
+ options: {
7986
+ widget: "Table"
7840
7987
  },
7841
- {
7842
- accessorKey: "Handler",
7843
- header: "Handler"
7988
+ config: {
7989
+ main: {
7990
+ disableAction: true,
7991
+ disableSelection: true,
7992
+ enableDrag: true
7993
+ }
7844
7994
  },
7845
- {
7846
- accessorKey: "Edit_Approve_Records",
7847
- header: "Edit Widget",
7848
- widget: {
7849
- type: "Control",
7850
- scope: "#/properties/Edit_Records",
7851
- options: {
7852
- widget: "IconButton"
7853
- },
7854
- config: {
7855
- main: {
7856
- color: "info",
7857
- size: "small",
7858
- icon: "EditIcon",
7859
- tooltipMessage: "Edit This Record",
7860
- onClick: "editEvent"
7995
+ elements: [
7996
+ {
7997
+ accessorKey: "eventType",
7998
+ header: "Event Type"
7999
+ },
8000
+ {
8001
+ accessorKey: "Handler",
8002
+ header: "Handler"
8003
+ },
8004
+ {
8005
+ accessorKey: "Edit_Approve_Records",
8006
+ header: "Edit Widget",
8007
+ widget: {
8008
+ type: "Control",
8009
+ scope: "#/properties/Edit_Records",
8010
+ options: {
8011
+ widget: "IconButton"
7861
8012
  },
7862
- style: {
7863
- color: "#3949ab"
8013
+ config: {
8014
+ main: {
8015
+ color: "info",
8016
+ size: "small",
8017
+ icon: "EditIcon",
8018
+ tooltipMessage: "Edit This Record",
8019
+ onClick: "editEvent"
8020
+ },
8021
+ style: {
8022
+ color: "#3949ab"
8023
+ }
7864
8024
  }
7865
8025
  }
7866
- }
7867
- },
7868
- {
7869
- accessorKey: "Reject_Records",
7870
- header: "Delete",
7871
- widget: {
7872
- type: "Control",
7873
- scope: "#/properties/RejectButton",
7874
- options: {
7875
- widget: "IconButton"
7876
- },
7877
- config: {
7878
- main: {
7879
- icon: "RejectIcon",
7880
- color: "error",
7881
- tooltipMessage: "Reject This Record",
7882
- onClick: "deleteEvent"
8026
+ },
8027
+ {
8028
+ accessorKey: "Reject_Records",
8029
+ header: "Delete",
8030
+ widget: {
8031
+ type: "Control",
8032
+ scope: "#/properties/RejectButton",
8033
+ options: {
8034
+ widget: "IconButton"
8035
+ },
8036
+ config: {
8037
+ main: {
8038
+ icon: "RejectIcon",
8039
+ color: "error",
8040
+ tooltipMessage: "Reject This Record",
8041
+ onClick: "deleteEvent"
8042
+ }
7883
8043
  }
7884
8044
  }
7885
8045
  }
7886
- }
7887
- ]
7888
- }
7889
- ]
7890
- },
7891
- {
7892
- type: "Control",
7893
- scope: "#/properties/EmptyBox",
7894
- options: {
7895
- widget: "EmptyBox"
7896
- },
7897
- config: {
7898
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8046
+ ]
8047
+ }
8048
+ ]
7899
8049
  }
8050
+ ]
8051
+ },
8052
+ {
8053
+ type: "Control",
8054
+ scope: "#/properties/proc",
8055
+ config: {
8056
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
7900
8057
  },
7901
- {
7902
- type: "Control",
7903
- scope: "#/properties/EmptyBox",
7904
- options: {
7905
- widget: "EmptyBox"
7906
- },
7907
- config: {
7908
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7909
- }
8058
+ options: {
8059
+ widget: "EmptyBox"
8060
+ }
8061
+ },
8062
+ {
8063
+ type: "Control",
8064
+ scope: "#/properties/btn",
8065
+ options: {
8066
+ widget: "Button"
7910
8067
  },
7911
- {
7912
- type: "Control",
7913
- scope: "#/properties/btn",
7914
- options: {
7915
- widget: "Button"
8068
+ config: {
8069
+ layout: {
8070
+ xs: 11,
8071
+ sm: 11,
8072
+ md: 2.5,
8073
+ lg: 2.5
7916
8074
  },
7917
- config: {
7918
- layout: 1.8,
7919
- main: {
7920
- name: "Ok",
7921
- startIcon: "ApproveIcon",
7922
- variant: "contained",
7923
- color: "info",
7924
- type: "text",
7925
- onClick: "okHandler",
7926
- size: "medium"
7927
- },
7928
- style: {
7929
- float: "right"
7930
- }
7931
- }
7932
- },
7933
- {
7934
- type: "Control",
7935
- scope: "#/properties/btnSubmit",
7936
- options: {
7937
- widget: "Button"
8075
+ main: {
8076
+ name: "Ok",
8077
+ startIcon: "ApproveIcon",
8078
+ variant: "contained",
8079
+ color: "info",
8080
+ type: "text",
8081
+ onClick: "okHandler",
8082
+ size: "small"
7938
8083
  },
7939
- config: {
7940
- layout: 1.8,
7941
- main: {
7942
- name: "Save & Exit",
7943
- startIcon: "ApproveIcon",
7944
- variant: "contained",
7945
- color: "info",
7946
- type: "text",
7947
- onClick: "saveHandler",
7948
- size: "medium"
7949
- },
7950
- style: {
7951
- float: "right"
7952
- }
8084
+ style: {
8085
+ marginBottom: "8px",
8086
+ float: "right"
7953
8087
  }
8088
+ }
8089
+ },
8090
+ {
8091
+ type: "Control",
8092
+ scope: "#/properties/btnSubmit",
8093
+ options: {
8094
+ widget: "Button"
7954
8095
  },
7955
- {
7956
- type: "Control",
7957
- scope: "#/properties/notify",
7958
- options: {
7959
- widget: "Notify"
8096
+ config: {
8097
+ layout: {
8098
+ xs: 11,
8099
+ sm: 11,
8100
+ md: 2.5,
8101
+ lg: 2.5
7960
8102
  },
7961
- layout: 6
7962
- },
7963
- {
7964
- type: "HorizontalLayout",
7965
- config: {
7966
- style: {
7967
- position: "fixed",
7968
- bottom: 5,
7969
- overflow: "visible",
7970
- margin: "0",
7971
- width: "100vw"
7972
- }
8103
+ main: {
8104
+ name: "Save & Exit",
8105
+ startIcon: "ApproveIcon",
8106
+ variant: "contained",
8107
+ color: "info",
8108
+ type: "text",
8109
+ onClick: "saveHandler",
8110
+ size: "small"
7973
8111
  },
7974
- elements: [
7975
- {
7976
- type: "Control",
7977
- scope: "#/properties/EmptyBox",
7978
- options: {
7979
- widget: "EmptyBox"
7980
- },
7981
- config: {
7982
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7983
- }
7984
- },
7985
- {
7986
- type: "Control",
7987
- scope: "#/properties/FooterText",
7988
- options: {
7989
- widget: "Box"
7990
- },
7991
- config: {
7992
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7993
- main: {
7994
- heading: "Copywriter@ACT21.IO"
7995
- },
7996
- style: {
7997
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7998
- fontSize: "12px"
7999
- }
8000
- }
8001
- },
8002
- {
8003
- type: "HorizontalLayout",
8004
- config: {
8005
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
8006
- },
8007
- elements: [
8008
- {
8009
- type: "Control",
8010
- scope: "#/properties/EmptyBox",
8011
- options: {
8012
- widget: "EmptyBox"
8013
- },
8014
- config: {
8015
- layout: 2
8016
- }
8017
- },
8018
- {
8019
- type: "Control",
8020
- scope: "#/properties/backIcon",
8021
- options: {
8022
- widget: "Box"
8023
- },
8024
- config: {
8025
- layout: 1,
8026
- main: {
8027
- iconName: "PrevIcon",
8028
- onClick: "backHandler"
8029
- },
8030
- style: {
8031
- fill: theme.palette.primary.dark,
8032
- width: 20,
8033
- height: 20,
8034
- display: "flex",
8035
- alignItems: "center",
8036
- justifyContent: "center",
8037
- marginRight: "-8px",
8038
- cursor: "pointer"
8039
- }
8040
- }
8041
- },
8042
- {
8043
- type: "Control",
8044
- scope: "#/properties/text",
8045
- options: {
8046
- widget: "Box"
8047
- },
8048
- config: {
8049
- layout: 9,
8050
- main: {
8051
- heading: "Previous Page",
8052
- onClick: "backHandler"
8053
- },
8054
- style: {
8055
- color: theme.palette.primary.dark,
8056
- fontSize: "12px",
8057
- cursor: "pointer",
8058
- marginLeft: "-6px"
8059
- }
8060
- }
8061
- }
8062
- ]
8063
- },
8064
- {
8065
- type: "Control",
8066
- scope: "#/properties/pageName",
8067
- options: {
8068
- widget: "Box"
8069
- },
8070
- config: {
8071
- layout: 9.7,
8072
- main: {
8073
- heading: " "
8074
- },
8075
- style: {
8076
- color: theme.palette.text.disabled,
8077
- textAlign: "right",
8078
- fontSize: "12px",
8079
- marginTop: "-16px"
8080
- }
8081
- }
8082
- },
8083
- {
8084
- type: "Control",
8085
- scope: "#/properties/emptyBox",
8086
- options: {
8087
- widget: "EmptyBox"
8088
- },
8089
- config: {
8090
- layout: 2.3
8091
- }
8092
- }
8093
- ]
8112
+ style: {
8113
+ marginBottom: "8px",
8114
+ float: "right"
8115
+ }
8094
8116
  }
8095
- ]
8096
- };
8097
- return uiSchema;
8117
+ },
8118
+ {
8119
+ type: "Control",
8120
+ scope: "#/properties/notify",
8121
+ options: {
8122
+ widget: "Notify"
8123
+ },
8124
+ layout: 6
8125
+ }
8126
+ ]
8098
8127
  };
8099
8128
  const APISection = {
8100
8129
  type: "HorizontalLayout",
@@ -8291,21 +8320,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8291
8320
  this.refreshPage(formdata.Handler, store2);
8292
8321
  },
8293
8322
  refreshPage: (handlerType, store22) => {
8294
- const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8323
+ const uiSchema = _.cloneDeep(EventUiSchema);
8295
8324
  const schema2 = _.cloneDeep(EventSchema);
8296
8325
  if (handlerType) {
8297
8326
  if (handlerType === "custom") {
8298
- uiSchema.elements[0].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8327
+ uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8299
8328
  schema2.required = ["eventType", "Handler", "eventCode"];
8300
8329
  } else if (handlerType === "api") {
8301
- uiSchema.elements[0].elements[0].elements[2] = APISection;
8330
+ uiSchema.elements[1].elements[0].elements[2] = APISection;
8302
8331
  schema2.required = ["eventType", "Handler", "method", "path"];
8303
8332
  } else if (handlerType === "inBuiltFunction") {
8304
- uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8305
- uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8333
+ uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8334
+ uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8306
8335
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8307
8336
  } else if (handlerType === "refresh") {
8308
- uiSchema.elements[0].elements[0].elements[2] = refreshSectionUiSchema;
8337
+ uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8309
8338
  schema2.properties.refreshElements.required = ["value"];
8310
8339
  schema2.properties.refreshElements.items.required = ["value"];
8311
8340
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8315,8 +8344,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8315
8344
  store22.setUiSchema(uiSchema);
8316
8345
  },
8317
8346
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8318
- getUiSchema: async function() {
8319
- return await EventUiSchema(store2.theme.myTheme);
8347
+ getUiSchema: function() {
8348
+ return EventUiSchema;
8320
8349
  },
8321
8350
  getSchema: () => {
8322
8351
  return EventSchema;
@@ -9638,7 +9667,12 @@ var TextInputField = {
9638
9667
  widget: "InputField"
9639
9668
  },
9640
9669
  config: {
9641
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9670
+ layout: {
9671
+ xs: 11,
9672
+ sm: 11,
9673
+ md: 5.5,
9674
+ lg: 5.5
9675
+ },
9642
9676
  main: {
9643
9677
  label: ""
9644
9678
  },
@@ -9671,7 +9705,12 @@ var SelectInputField = {
9671
9705
  widget: "SelectInputField"
9672
9706
  },
9673
9707
  config: {
9674
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9708
+ "layout": {
9709
+ "xs": 11,
9710
+ "sm": 11,
9711
+ "md": 5.5,
9712
+ "lg": 5.5
9713
+ },
9675
9714
  main: {
9676
9715
  label: "",
9677
9716
  type: "text",
@@ -10081,7 +10120,12 @@ var DateInputField = {
10081
10120
  widget: "DateInputField"
10082
10121
  },
10083
10122
  config: {
10084
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10123
+ layout: {
10124
+ xs: 11,
10125
+ sm: 11,
10126
+ md: 5.5,
10127
+ lg: 5.5
10128
+ },
10085
10129
  main: {
10086
10130
  label: "",
10087
10131
  type: "date"
@@ -10198,7 +10242,7 @@ var MultipleSelect = {
10198
10242
  widget: "MultipleSelect"
10199
10243
  },
10200
10244
  config: {
10201
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10245
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10202
10246
  main: {
10203
10247
  label: "",
10204
10248
  type: "text",
@@ -10385,7 +10429,7 @@ var emptyBox = {
10385
10429
  widget: "EmptyBox"
10386
10430
  },
10387
10431
  config: {
10388
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10432
+ layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
10389
10433
  main: {},
10390
10434
  style: {}
10391
10435
  }