impaktapps-ui-builder 0.0.412-mtreemap.4 → 0.0.412-mtreemap.40

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 (44) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1940 -1225
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +13 -13
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +1 -6
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +23 -5
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +71 -122
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/file.d.ts +6 -6
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +8 -5
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +25 -1
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  14. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +2 -1
  15. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  16. package/package.json +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +4 -4
  19. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  20. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/buildSchema.ts +0 -1
  22. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +1 -5
  23. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  24. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +48 -66
  25. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +2 -7
  26. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +43 -21
  27. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +34 -56
  28. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -12
  29. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +0 -117
  30. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +9 -5
  31. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +14 -0
  32. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +93 -137
  33. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +13 -13
  34. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -2
  35. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +355 -165
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +1 -1
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +535 -315
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +397 -264
  39. package/src/impaktapps-ui-builder/builder/services/component.ts +25 -7
  40. package/src/impaktapps-ui-builder/builder/services/event.ts +17 -7
  41. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +19 -3
  42. package/src/impaktapps-ui-builder/builder/services/utils.ts +0 -1
  43. package/src/impaktapps-ui-builder/runtime/services/events.ts +28 -34
  44. package/src/impaktapps-ui-builder/runtime/services/service.ts +111 -3
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -1,402 +1,622 @@
1
1
  import { EventUiSchema } from "../event/uiSchema"
2
- export const PageMasterUiSchema: any = {
3
- type: "HorizontalLayout",
4
- elements: [
5
- {
6
- type: "WrapperLayout",
7
- config: {
8
- main: {
9
- rowSpacing: 1,
10
- header: true,
2
+ export const PageMasterUiSchema: any = (theme) => {
3
+ const uiSchema = {
4
+ type: "HorizontalLayout",
5
+ heading: "Page Master",
6
+ elements: [
7
+ {
8
+ type: "WrapperLayout",
9
+ config: {
10
+ main: {
11
+ },
12
+ wrapperStyle: {
13
+ backgroundColor: theme.palette.background.default
14
+ },
11
15
  },
12
- defaultStyle: true,
13
- },
14
- elements: [
15
- {
16
- type: "Control",
17
- scope: "#/properties/pageMaster",
16
+ elements: [
17
+ {
18
+ type: "Control",
19
+ scope: "#/properties/name",
18
20
 
19
- options: {
20
- widget: "Box",
21
- },
22
- config: {
23
- layout: 8,
24
- main: {
25
- heading: "Page Master",
21
+ options: {
22
+ widget: "InputField",
23
+ },
24
+ config: {
25
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
26
+ main: {
27
+ label: "Name",
28
+ options: [],
29
+ color: "secondary",
30
+ errorMessage: "Name should be start with 'page_'",
31
+ helperText: 'Name should be start with "page_"',
32
+ required: true,
33
+ },
34
+ style: {
35
+ marginLeft: theme.spacing(3)
36
+ }
26
37
  },
27
38
  },
28
- },
29
- {
30
- type: "Control",
31
- scope: "#/properties/Back_Button",
39
+ {
40
+ type: "Control",
41
+ scope: "#/properties/template",
32
42
 
33
- options: {
34
- widget: "IconButton",
43
+ options: {
44
+ widget: "SelectInputField",
45
+ },
46
+ config: {
47
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
48
+ main: {
49
+ label: "Template",
50
+ options: [
51
+ { const: "template1", title: "template1" },
52
+ { const: "template2", title: "template2" },
53
+ { const: "template3", title: "template3" }
54
+ ],
55
+ color: "secondary",
56
+ required: true,
57
+ },
58
+ },
35
59
  },
36
- config: {
37
- layout: 3,
38
- main: {
39
- icon: "BackIcon",
40
- styleDefault: true,
41
- size: "small",
42
- onClick: "backHandler",
43
- tooltipMessage: "Back",
60
+ {
61
+ type: "Control",
62
+ scope: "#/properties/label",
63
+
64
+ options: {
65
+ widget: "InputField",
44
66
  },
45
- style: {
46
- float: "right",
67
+ config: {
68
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
69
+ main: {
70
+ label: "Label",
71
+ options: [],
72
+ color: "secondary",
73
+ required: true,
74
+ },
47
75
  },
48
76
  },
49
- },
50
- ],
51
- },
52
- {
53
- type: "WrapperLayout",
54
- config: {
55
- main: {
56
- label: "Page Template",
57
- divider: true,
58
- },
59
- defaultStyle: true,
77
+ ],
60
78
  },
61
- elements: [
62
- {
63
- type: "Control",
64
- scope: "#/properties/name",
79
+ {
80
+ type: "TabLayout",
81
+ config: {
82
+ main: {
83
+ tabLabels: ["Components", "events"],
84
+ divider: true,
85
+ },
86
+ defaultStyle: true,
87
+ },
88
+ elements: [
89
+ {
90
+ type: "Control",
91
+ scope: "#/properties/elements",
92
+ options: {
93
+ widget: "Table",
94
+ },
95
+ config: {
96
+ main: {
97
+ headerIcons: {
98
+ elements: [
99
+ {
100
+ widget: {
101
+ type: "Control",
102
+ scope: "#/properties/New_Record",
65
103
 
66
- options: {
67
- widget: "InputField",
104
+ options: {
105
+ widget: "IconButton",
106
+ },
107
+ config: {
108
+ main: {
109
+ // color: "info",
110
+ onClick: "onAddClickHandler",
111
+ size: "small",
112
+ icon: "AddIcon",
113
+ iconLabel: "Add New",
114
+ styleDefault: true,
115
+ },
116
+ style: {
117
+ mt: "6px",
118
+ },
119
+ },
120
+ }
121
+ },
122
+ ]
123
+ },
124
+ disableAction: true,
125
+ disableSelection: true,
126
+ enableDrag: true,
127
+ }
128
+ },
129
+ elements: [
130
+ {
131
+ accessorKey: "name",
132
+
133
+ header: "Name",
134
+ },
135
+ {
136
+ accessorKey: "type",
137
+
138
+ header: "Type",
139
+ },
140
+ {
141
+ header: "Edit",
142
+ field: "Reject_Records",
143
+ flex: 1,
144
+ widget: {
145
+ type: "Control",
146
+ scope: "#/properties/RejectButton",
147
+ options: {
148
+ widget: "IconButton",
149
+ },
150
+ config: {
151
+ main: {
152
+ icon: "EditIcon",
153
+ color: "primary",
154
+ onClick: "Edit_Components",
155
+ tooltipMessage: "Edit This Record",
156
+ },
157
+ style: {
158
+ color: theme.palette.primary.main,
159
+ },
160
+ },
161
+ },
162
+ },
163
+ {
164
+ header: "Delete",
165
+ field: "Reject_Records",
166
+ flex: 1,
167
+ widget: {
168
+ type: "Control",
169
+ scope: "#/properties/RejectButton",
170
+ options: {
171
+ widget: "IconButton",
172
+ },
173
+ config: {
174
+ main: {
175
+ icon: "RejectIcon",
176
+ color: "error",
177
+ onClick: "deletePopUpComponent",
178
+ tooltipMessage: "Reject This Record",
179
+ },
180
+ },
181
+ },
182
+ }
183
+ ]
68
184
  },
69
- config: {
70
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
71
- main: {
72
- label: "Name",
73
- options: [],
74
- color: "secondary",
75
- errorMessage:"Name should be start with 'page_'",
76
- helperText:'Name should be start with "page_"',
77
- required: true,
185
+ {
186
+ type: "Control",
187
+ scope: "#/properties/events",
188
+ options: {
189
+ widget: "Table",
78
190
  },
191
+ config: {
192
+ main: {
193
+ headerIcons: {
194
+ elements: [
195
+ {
196
+ widget: {
197
+ type: "Control",
198
+ scope: "#/properties/New_Record",
199
+
200
+ options: {
201
+ widget: "IconButton",
202
+ },
203
+ config: {
204
+ main: {
205
+ // color: "info",
206
+ onClick: "eventAddHandler",
207
+ size: "small",
208
+ icon: "AddIcon",
209
+ iconLabel: "Add New",
210
+ styleDefault: true,
211
+ },
212
+ style: {
213
+ mt: "6px",
214
+ },
215
+ },
216
+ }
217
+ },
218
+ ]
219
+ },
220
+
221
+ disableAction: true,
222
+ disableSelection: true,
223
+ enableDrag: true,
224
+
225
+ },
226
+ },
227
+ elements: [
228
+
229
+ {
230
+ accessorKey: "eventType",
231
+ header: "Event Type",
232
+ },
233
+ {
234
+ accessorKey: "Handler",
235
+ header: "Handler",
236
+ },
237
+ {
238
+ accessorKey: "Edit_Approve_Records",
239
+ header: "Edit Widget",
240
+ widget: {
241
+ type: "Control",
242
+ scope: "#/properties/Edit_Records",
243
+ options: {
244
+ widget: "IconButton",
245
+ },
246
+ config: {
247
+ main: {
248
+ color: "info",
249
+ size: "small",
250
+ icon: "EditIcon",
251
+ tooltipMessage: "Edit This Record",
252
+ onClick: "editEvent",
253
+ },
254
+ style: {
255
+ color: theme.palette.primary.main,
256
+ },
257
+ },
258
+ },
259
+ },
260
+ {
261
+ accessorKey: "Reject_Records",
262
+ header: "Delete",
263
+ widget: {
264
+ type: "Control",
265
+ scope: "#/properties/RejectButton",
266
+ options: {
267
+ widget: "IconButton",
268
+ },
269
+ config: {
270
+ main: {
271
+ icon: "RejectIcon",
272
+ color: "error",
273
+ tooltipMessage: "Reject This Record",
274
+ onClick: "deletePopUpEvent",
275
+ },
276
+ },
277
+ },
278
+ },
279
+ ]
280
+ // }]
79
281
  },
282
+
283
+ ],
284
+ },
285
+ {
286
+ type: "Control",
287
+ scope: "#/properties/btn",
288
+ options: {
289
+ widget: "EmptyBox",
290
+ },
291
+ config: {
292
+ layout: { xs: 0, sm: 8, md: 8, lg: 8 },
293
+ }
294
+ },
295
+ {
296
+ type: "Control",
297
+ scope: "#/properties/btn",
298
+ options: {
299
+ widget: "Button",
80
300
  },
81
- {
82
- type: "Control",
83
- scope: "#/properties/template",
84
301
 
85
- options: {
86
- widget: "SelectInputField",
302
+ config: {
303
+ layout: 11.9,
304
+ main: {
305
+ name: "Save",
306
+ startIcon: "ApproveIcon",
307
+ variant: "contained",
308
+ // color: "info",
309
+ type: "text",
310
+ onClick: "saveHandler",
311
+ size: "medium",
87
312
  },
88
- config: {
89
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
90
- main: {
91
- label: "Template",
92
- options: [
93
- {const:"template1",title:"template1"},
94
- {const:"template2",title:"template2"},
95
- {const:"template3",title:"template3"}
96
- ],
97
- color: "secondary",
98
- required: true,
99
- },
313
+ style: {
314
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
315
+ float: "right",
100
316
  },
101
- }
102
- ],
103
- },
104
- {
105
- type: "TabLayout",
106
- config: {
107
- main: {
108
- tabLabels: ["Components", "events"],
109
- divider: true,
110
317
  },
111
- defaultStyle: true,
112
318
  },
113
- elements: [
114
- {
115
- type: "WrapperLayout",
116
- config: {
117
- main: {
118
- // label: "Success Case Event",
119
- divider: true,
319
+ {
320
+ type: "Control",
321
+ scope: "#/properties/popUpPageMasterComponent",
322
+ options: {
323
+ widget: "PopUp"
324
+ },
325
+ config: {
326
+ layout: {
327
+ xs: 12,
328
+ sm: 12,
329
+ md: 6,
330
+ lg: 6,
331
+ },
332
+ main: {
333
+ },
334
+ style: {
335
+ "& .MuiPaper-root":{
336
+ width: '30%',
120
337
  },
121
- wrapperStyle: {
122
- border: "1px solid gray"
338
+ "& .MuiTypography-root":{
339
+ padding: 0
123
340
  },
124
- },
125
- elements: [
341
+ }
342
+ },
343
+ elements:
344
+ [
126
345
  {
127
346
  type: "Control",
128
- scope: "#/properties/heading",
129
-
347
+ scope: "#/properties/label",
130
348
  options: {
131
349
  widget: "Box",
132
350
  },
133
351
  config: {
134
- layout: 8,
352
+ layout: 12,
135
353
  main: {
136
- heading: "Components Table",
354
+ heading: "Are you sure you want to delete ?",
137
355
  },
138
356
  style: {
139
- fontFamily: "Roboto",
140
- fontWeight: "500",
141
- paddingLeft: "-10px",
142
- fontSize: "20px",
143
- },
357
+ marginTop: "-40px"
358
+ }
144
359
  },
145
360
  },
146
361
  {
147
362
  type: "Control",
148
- scope: "#/properties/AddButton",
363
+ scope: "#/properties/EmptyBox",
149
364
  options: {
150
- widget: "IconButton",
365
+ widget: "EmptyBox",
366
+ },
367
+ config: {
368
+ main: {},
369
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
370
+ },
371
+ },
372
+ {
373
+ type: "Control",
374
+ scope: "#/properties/ConfirmDeleteCompButton",
375
+ options: {
376
+ widget: "Button",
151
377
  },
152
378
  config: {
153
379
  layout: 3,
154
380
  main: {
155
- icon: "AddIcon",
156
- styleDefault: true,
381
+ name: "Yes",
382
+ startIcon: "ApproveIcon",
383
+ variant: "contained",
384
+ color: "info",
385
+ type: "text",
386
+ onClick: "Delete_Components",
157
387
  size: "small",
158
- onClick: "onAddClickHandler",
159
- tooltipMessage: "Add New",
160
- },
161
- style: {
162
- float: "right",
163
388
  },
164
389
  },
165
390
  },
166
- {
167
- type: "Control",
168
- scope: "#/properties/elements",
169
- options: {
170
- widget: "Table",
171
- },
172
- config: {
173
- main: {
174
- disableAction: true,
175
- disableSelection: true,
176
- enableDrag: true,
177
- }
178
- },
179
- elements: [
180
- {
181
- accessorKey: "name",
182
-
183
- header: "Name",
184
- },
185
391
  {
186
- accessorKey: "type",
187
-
188
- header: "Type",
189
- },
190
- {
191
- header: "Edit",
192
- field: "Reject_Records",
193
- flex: 1,
194
- widget: {
195
- type: "Control",
196
- scope: "#/properties/RejectButton",
197
- options: {
198
- widget: "IconButton",
199
- },
200
- config: {
201
- main: {
202
- icon: "EditIcon",
203
- color: "primary",
204
- onClick: "Edit_Components",
205
- tooltipMessage: "Edit This Record",
206
- },
207
- },
392
+ type: "Control",
393
+ scope: "#/properties/CancelDeleteCompButton",
394
+ options: {
395
+ widget: "Button",
208
396
  },
209
- },
210
- {
211
- header: "Delete",
212
- field: "Reject_Records",
213
- flex: 1,
214
- widget: {
215
- type: "Control",
216
- scope: "#/properties/RejectButton",
217
- options: {
218
- widget: "IconButton",
219
- },
220
- config: {
221
- main: {
222
- icon: "RejectIcon",
223
- color: "error",
224
- onClick: "Delete_Components",
225
- tooltipMessage: "Reject This Record",
226
- },
397
+ config: {
398
+ layout: 3,
399
+ main: {
400
+ name: "No",
401
+ startIcon: "ApproveIcon",
402
+ variant: "contained",
403
+ color: "info",
404
+ type: "text",
405
+ onClick: "deletePopUpComponent",
406
+ size: "small",
227
407
  },
228
408
  },
229
- }
409
+ },
230
410
  ]
231
- }]},
232
- {
233
- type: "WrapperLayout",
234
- config: {
235
- main: {
236
- // label: "Success Case Event",
237
- divider: true,
411
+ },
412
+ {
413
+ type: "Control",
414
+ scope: "#/properties/popUpPageMasterEvent",
415
+ options: {
416
+ widget: "PopUp"
417
+ },
418
+ config: {
419
+ layout: {
420
+ xs: 12,
421
+ sm: 12,
422
+ md: 6,
423
+ lg: 6,
424
+ },
425
+ main: {
426
+ },
427
+
428
+ style: {
429
+ "& .MuiPaper-root":{
430
+ width: '30%',
238
431
  },
239
- wrapperStyle: {
240
- border: "1px solid gray"
432
+ "& .MuiTypography-root":{
433
+ padding: 0
241
434
  },
242
- },
243
- elements: [
435
+ }
436
+ },
437
+ elements:
438
+ [
244
439
  {
245
440
  type: "Control",
246
- scope: "#/properties/heading",
247
-
441
+ scope: "#/properties/label",
248
442
  options: {
249
443
  widget: "Box",
250
444
  },
251
445
  config: {
252
- layout: 8,
446
+ layout: 12,
253
447
  main: {
254
- heading: "Event Table",
448
+ heading: "Are you sure you want to delete ?",
255
449
  },
256
450
  style: {
257
- fontFamily: "Roboto",
258
- fontWeight: "500",
259
- paddingLeft: "-10px",
260
- fontSize: "20px",
261
- },
451
+ marginTop: "-40px"
452
+ }
262
453
  },
263
454
  },
264
455
  {
265
456
  type: "Control",
266
- scope: "#/properties/AddButton",
457
+ scope: "#/properties/EmptyBox",
267
458
  options: {
268
- widget: "IconButton",
459
+ widget: "EmptyBox",
460
+ },
461
+ config: {
462
+ main: {},
463
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
464
+ },
465
+ },
466
+ {
467
+ type: "Control",
468
+ scope: "#/properties/ConfirmDeleteEventButton",
469
+ options: {
470
+ widget: "Button",
269
471
  },
270
472
  config: {
271
473
  layout: 3,
272
474
  main: {
273
- icon: "AddIcon",
274
- styleDefault: true,
475
+ name: "Yes",
476
+ startIcon: "ApproveIcon",
477
+ variant: "contained",
478
+ color: "info",
479
+ type: "text",
480
+ onClick: "deleteEvent",
275
481
  size: "small",
276
- onClick: "eventAddHandler",
277
- tooltipMessage: "Back",
278
- },
279
- style: {
280
- float: "right",
281
482
  },
282
483
  },
283
484
  },
284
-
285
485
  {
286
486
  type: "Control",
287
- scope: "#/properties/events",
487
+ scope: "#/properties/CancelDeleteEventButton",
288
488
  options: {
289
- widget: "Table",
489
+ widget: "Button",
290
490
  },
291
491
  config: {
492
+ layout: 3,
292
493
  main: {
293
- disableAction: true,
294
- disableSelection: true,
295
- enableDrag: true,
296
-
494
+ name: "No",
495
+ startIcon: "ApproveIcon",
496
+ variant: "contained",
497
+ color: "info",
498
+ type: "text",
499
+ onClick: "deletePopUpEvent",
500
+ size: "small",
297
501
  },
298
502
  },
299
- elements: [
300
-
301
- {
302
- accessorKey: "eventType",
303
- header: "Event Type",
304
- },
305
- {
306
- accessorKey: "Handler",
307
- header: "Handler",
308
- },
309
- {
310
- accessorKey: "Edit_Approve_Records",
311
- header: "Edit Widget",
312
- widget: {
313
- type: "Control",
314
- scope: "#/properties/Edit_Records",
315
- options: {
316
- widget: "IconButton",
317
- },
318
- config: {
319
- main: {
320
- color: "info",
321
- size: "small",
322
- icon: "EditIcon",
323
- tooltipMessage: "Edit This Record",
324
- onClick: "editEvent",
325
- },
326
- style: {
327
- color: "#3949ab",
328
- },
329
- },
330
- },
331
- },
332
- {
333
- accessorKey: "Reject_Records",
334
- header: "Delete",
335
- widget: {
336
- type: "Control",
337
- scope: "#/properties/RejectButton",
338
- options: {
339
- widget: "IconButton",
340
- },
341
- config: {
342
- main: {
343
- icon: "RejectIcon",
344
- color: "error",
345
- tooltipMessage: "Reject This Record",
346
- onClick: "deleteEvent",
347
- },
348
- },
349
- },
350
- },
351
- ]
352
- }]
353
- },
354
-
355
- ],
356
- },
357
- {
358
- type: "Control",
359
- scope: "#/properties/btn",
360
- options: {
361
- widget: "EmptyBox",
362
- },
363
- config: {
364
- layout: { xs: 0, sm: 0, md: 8, lg: 7 },
365
- }
366
- },
367
- {
368
- type: "Control",
369
- scope: "#/properties/btn",
370
- options: {
371
- widget: "Button",
503
+ },
504
+ ]
372
505
  },
373
-
374
- config: {
375
- layout: 11.7,
376
- main: {
377
- name: "Save",
378
- startIcon: "ApproveIcon",
379
- variant: "contained",
380
- color: "info",
381
- type: "text",
382
- onClick: "saveHandler",
383
- size: "small",
506
+ {
507
+ type: "Control",
508
+ scope: "#/properties/notify",
509
+ options: {
510
+ widget: "Notify",
384
511
  },
385
- style: {
386
- marginBottom: "8px",
387
- width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
388
- float: "right",
389
- },
390
- },
391
- },
392
- {
393
- type: "Control",
394
- scope: "#/properties/notify",
395
- options: {
396
- widget: "Notify",
512
+ layout: 6,
397
513
  },
398
- layout: 6,
399
- }
400
- ]
514
+ {
515
+ type: "HorizontalLayout",
516
+ config: {
517
+ main: {
518
+ direction: 'row'
519
+ },
520
+ style: {
521
+ flexDirection: "row",
522
+ position: "absolute",
523
+ bottom: 0,
524
+ marginBottom: '-8px',
525
+ height: 'fit-content',
526
+ overflow: 'hidden',
527
+ zIndex: 1000,
528
+ width: 'inherit'
529
+ }
530
+ },
531
+ elements: [
532
+ {
533
+
534
+ type: "Control",
535
+ scope: "#/properties/FooterText",
536
+ options: {
537
+ widget: "Box",
538
+ },
539
+ config: {
540
+ main: {
541
+ heading: "Copywriter@ACT21.IO"
542
+ },
543
+ style: {
544
+ color: theme?.palette?.text.disabled || "#AFAFAF",
545
+ fontSize: '12px',
546
+ textAlign: 'center',
547
+ lineHeight: 1,
548
+ width: 'fit-content',
549
+ left: '50%',
550
+ position: 'relative',
551
+ margin: 0,
552
+ flexGrow: 1,
553
+ height: 0
554
+ }
555
+ },
556
+ },
557
+ {
558
+ type: "Control",
559
+ scope: "#/properties/backIcon",
560
+ options: {
561
+ widget: "Box",
562
+ },
563
+ config: {
564
+ main: {
565
+ iconName: 'PrevIcon',
566
+ onClick: "backHandler",
567
+ width: 'fit-content',
568
+ },
569
+ style: {
570
+ fill: theme.palette.primary.main,
571
+ width: 20,
572
+ height: 0,
573
+ margin: 0,
574
+ top: 0,
575
+ right: '82px',
576
+ position: 'absolute',
577
+ fontSize: '12px',
578
+ cursor: 'pointer',
579
+ ':hover': {
580
+ fill: theme.palette.primary.dark,
581
+ }
582
+ }
583
+ }
584
+ },
585
+ {
586
+ type: "Control",
587
+ scope: "#/properties/text",
588
+
589
+ options: {
590
+ widget: "Box",
591
+ },
592
+ config: {
593
+ main: {
594
+ heading: "Previous Page",
595
+ onClick: "backHandler"
596
+ },
597
+ style: {
598
+ textAlign: 'left',
599
+ lineHeight: 1,
600
+ height: 0,
601
+ width: 'fit-content',
602
+ color: theme.palette.primary.main,
603
+ fontSize: "12px",
604
+ cursor: 'pointer',
605
+ marginLeft: '2px',
606
+ marginRight: 0,
607
+ top: 3,
608
+ right: '12px',
609
+ position: 'absolute',
610
+ ':hover': {
611
+ color: theme.palette.primary.dark,
612
+ }
613
+ }
614
+ },
615
+ },
616
+ ]
617
+ }
618
+ ]
619
+ }
620
+ return uiSchema
401
621
  }
402
622