impaktapps-ui-builder 0.0.382-alpha.553 → 0.0.382-alpha.57

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