impaktapps-ui-builder 0.0.382-alpha.307 → 0.0.382-alpha.31

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 (36) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1271 -1402
  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/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/coreSection.d.ts +15 -18
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  12. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  13. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +1 -3
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -0
  16. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +3 -1
  17. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  18. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +30 -49
  19. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  20. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  21. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  23. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  24. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  25. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  26. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  27. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  28. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  29. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +344 -266
  31. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +342 -536
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
  33. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  34. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  35. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +2 -12
  36. package/src/impaktapps-ui-builder/runtime/services/service.ts +3 -3
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -1,602 +1,408 @@
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",
74
+ elements: [
75
+ {
76
+ type: "Control",
77
+ scope: "#/properties/elements",
78
+ options: {
79
+ widget: "Table",
156
80
  },
157
- style: {
158
- float: "right",
159
- },
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: "primary",
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
- },
232
- {
233
- type: "WrapperLayout",
234
- config: {
235
- main: {
236
- // label: "Success Case Event",
237
- divider: true,
238
- },
239
- wrapperStyle: {
240
- border: "1px solid gray"
241
- },
242
- },
243
- elements: [
244
- {
245
- type: "Control",
246
- scope: "#/properties/heading",
247
-
248
- options: {
249
- widget: "Box",
165
+ }]
250
166
  },
251
- config: {
252
- layout: 8,
253
- main: {
254
- heading: "Event Table",
167
+ {
168
+ type: "Control",
169
+ scope: "#/properties/events",
170
+ options: {
171
+ widget: "Table",
255
172
  },
256
- style: {
257
- fontFamily: "Roboto",
258
- fontWeight: "500",
259
- paddingLeft: "-10px",
260
- fontSize: "20px",
261
- },
262
- },
263
- },
264
- {
265
- type: "Control",
266
- scope: "#/properties/AddButton",
267
- options: {
268
- widget: "IconButton",
269
- },
270
- config: {
271
- layout: 3,
272
- main: {
273
- icon: "AddIcon",
274
- styleDefault: true,
275
- size: "small",
276
- onClick: "eventAddHandler",
277
- tooltipMessage: "Back",
278
- },
279
- style: {
280
- float: "right",
281
- },
282
- },
283
- },
284
-
285
- {
286
- type: "Control",
287
- scope: "#/properties/events",
288
- options: {
289
- widget: "Table",
290
- },
291
- config: {
292
- main: {
293
- disableAction: true,
294
- disableSelection: true,
295
- enableDrag: true,
296
-
297
- },
298
- },
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",
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
+ ]
317
201
  },
318
- config: {
319
- main: {
320
- color: "info",
321
- size: "small",
322
- icon: "EditIcon",
323
- tooltipMessage: "Edit This Record",
324
- 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",
325
226
  },
326
- style: {
327
- 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
+ },
328
238
  },
329
239
  },
330
240
  },
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: "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
+ },
347
257
  },
348
258
  },
349
259
  },
350
- },
351
- ]
352
- }]
353
- },
354
-
355
- ],
356
- },
357
- {
358
- type: "Control",
359
- scope: "#/properties/popUpComponent",
360
- options: {
361
- widget: "PopUp"
362
- },
363
- config: {
364
- layout: {
365
- xs: 12,
366
- sm: 12,
367
- md: 12,
368
- lg: 12,
369
- },
370
- main: {
371
- label: "PopUp",
372
- fullScreen:false,
373
- fullWidth:false,
374
- maxWidth:false,
375
- alignItems:false,
376
- // spacing:2
377
- },
378
- },
379
- elements:
380
- [
381
- {
382
- type: "Control",
383
- scope: "#/properties/label",
384
-
385
- options: {
386
- widget: "Box",
387
- },
388
- config: {
389
- layout: 12,
390
- main: {
391
- heading: "Are you sure you want to delete ?",
260
+ ]
392
261
  },
393
- },
262
+
263
+ ],
394
264
  },
395
265
  {
396
266
  type: "Control",
397
- scope: "#/properties/ConfirmDeleteCompButton",
267
+ scope: "#/properties/btn",
398
268
  options: {
399
269
  widget: "Button",
400
270
  },
271
+
401
272
  config: {
402
- layout: 3,
273
+ layout: 11.9,
403
274
  main: {
404
- name: "Yes",
275
+ name: "Save",
405
276
  startIcon: "ApproveIcon",
406
277
  variant: "contained",
407
278
  color: "info",
408
279
  type: "text",
409
- onClick: "Delete_Components",
410
- size: "small",
280
+ onClick: "saveHandler",
281
+ size: "medium",
411
282
  },
412
283
  style: {
413
- // marginBottom: "8px",
414
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
415
- // float: "right",
284
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
285
+ float: "right",
416
286
  },
417
287
  },
418
288
  },
289
+ ]
290
+ },
291
+
292
+ {
293
+ type: "Control",
294
+ scope: "#/properties/notify",
295
+ options: {
296
+ widget: "Notify",
297
+ },
298
+ layout: 6,
299
+ },
300
+ {
301
+ type: "HorizontalLayout",
302
+ config: {
303
+ style: {
304
+ position: "fixed",
305
+ bottom: 5,
306
+ overflow: 'visible',
307
+ margin: "0",
308
+ width: "100vw",
309
+ }
310
+ },
311
+ elements: [
419
312
  {
420
313
  type: "Control",
421
- scope: "#/properties/CancelDeleteCompButton",
314
+ scope: "#/properties/EmptyBox",
422
315
  options: {
423
- widget: "Button",
316
+ widget: "EmptyBox",
424
317
  },
425
318
  config: {
426
- layout: 3,
427
- main: {
428
- name: "No",
429
- startIcon: "ApproveIcon",
430
- variant: "contained",
431
- color: "info",
432
- type: "text",
433
- onClick: "deletePopUpComponent",
434
- size: "small",
435
- },
436
-
437
- style: {
438
- // marginBottom: "8px",
439
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
440
- // float: "left",
441
- },
319
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
442
320
  },
443
321
  },
444
- // {
445
- // type: "Control",
446
- // scope: "#/properties/emptyBox",
447
-
448
- // options: {
449
- // widget: "Box",
450
- // },
451
- // config: {
452
- // layout: 6,
453
- // },
454
- // },
455
- // {
456
- // type: "Control",
457
- // scope: "#/properties/EmptyBox",
458
- // config: { layout: { xs: 11, sm: 5.5, md: 5.5, lg: 6 } },
459
- // options: {
460
- // widget: "EmptyBox",
461
- // },
462
- // },
463
- ]
464
- },
465
-
322
+ {
466
323
 
467
- {
468
- type: "Control",
469
- scope: "#/properties/popUpEvent",
470
- options:{
471
- widget: "PopUp"
472
- },
473
- config:{
474
- layout: {
475
- xs: 12,
476
- sm: 12,
477
- md: 12,
478
- lg: 12,
479
- },
480
- main: {
481
- },
482
- },
483
- elemetns:[
484
- {
485
- type: "Control",
486
- scope: "#/properties/Label",
487
- options: {
488
- widget: "Box",
489
- },
490
- config: {
491
- layout: 12,
492
- main: {
493
- heading: "Are you sure you want to delete ?",
494
- },
495
- },
496
- },
497
- {
498
- type: "Control",
499
- scope: "#/properties/ConfirmDeleteEventButton",
500
- options: {
501
- widget: "Button",
502
- },
503
- config: {
504
- layout: 3,
505
- main: {
506
- name: "No",
507
- startIcon: "ApproveIcon",
508
- variant: "contained",
509
- color: "info",
510
- type: "text",
511
- onClick: "deleteEvent",
512
- size: "small",
324
+ type: "Control",
325
+ scope: "#/properties/FooterText",
326
+ options: {
327
+ widget: "Box",
513
328
  },
514
- style: {
515
- // width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
516
- // float: "left",
329
+ config: {
330
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
331
+ main: {
332
+ heading: "Copywriter@ACT21.IO"
333
+ },
334
+ style: {
335
+ color: theme?.palette?.text.disabled || "#AFAFAF",
336
+ fontSize: '12px',
337
+ }
517
338
  },
518
339
  },
519
- },
520
- {
521
- type: "Control",
522
- scope: "#/properties/CancelDeleteEventButton",
523
- options: {
524
- widget: "Button",
525
- },
526
- config: {
527
- layout: 3,
528
- main: {
529
- name: "Yes",
530
- startIcon: "ApproveIcon",
531
- variant: "contained",
532
- color: "info",
533
- type: "text",
534
- onClick: "deleteEvent",
535
- size: "small",
536
- },
537
- style: {
538
- // width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
539
- // float: "left",
340
+ {
341
+ type: "HorizontalLayout",
342
+ config: {
343
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
540
344
  },
541
- },
542
- },
543
- // {
544
- // type: "Control",
545
- // scope: "#/properties/emptyBox",
345
+ elements: [
346
+ {
347
+ type: "Control",
348
+ scope: "#/properties/EmptyBox",
349
+ options: {
350
+ widget: "EmptyBox",
351
+ },
352
+ config: {
353
+ layout: 2,
354
+ },
355
+ },
356
+ {
357
+ type: "Control",
358
+ scope: "#/properties/backIcon",
359
+ options: {
360
+ widget: "Box",
361
+ },
362
+ config: {
363
+ layout: 1,
364
+ main: {
365
+ iconName: 'PrevIcon',
366
+ onClick: "backHandler"
367
+ },
368
+ style: {
369
+ fill: theme.palette.primary.dark,
370
+ width: 20,
371
+ height: 20,
372
+ display: 'flex',
373
+ alignItems: 'center',
374
+ justifyContent: 'center',
375
+ marginRight: '-8px',
376
+ cursor: 'pointer'
377
+ }
378
+ }
379
+ },
380
+ {
381
+ type: "Control",
382
+ scope: "#/properties/text",
546
383
 
547
- // options: {
548
- // widget: "Box",
549
- // },
550
- // config: {
551
- // layout: 6,
552
- // },
553
- // },
554
- ]
555
- },
556
-
557
- {
558
- type: "Control",
559
- scope: "#/properties/btn",
560
- options: {
561
- widget: "EmptyBox",
562
- },
563
- config: {
564
- layout: { xs: 0, sm: 0, md: 8, lg: 7 },
384
+ options: {
385
+ widget: "Box",
386
+ },
387
+ config: {
388
+ layout: 9,
389
+ main: {
390
+ heading: "Previous Page",
391
+ onClick: "backHandler"
392
+ },
393
+ style: {
394
+ color: theme.palette.primary.dark,
395
+ fontSize: "12px",
396
+ cursor: 'pointer',
397
+ marginLeft: '-6px'
398
+ }
399
+ },
400
+ },
401
+ ],
402
+ },
403
+ ]
565
404
  }
566
- },
567
- {
568
- type: "Control",
569
- scope: "#/properties/btn",
570
- options: {
571
- widget: "Button",
572
- },
573
-
574
- config: {
575
- layout: 11.7,
576
- main: {
577
- name: "Save",
578
- startIcon: "ApproveIcon",
579
- variant: "contained",
580
- color: "info",
581
- type: "text",
582
- onClick: "saveHandler",
583
- size: "small",
584
- },
585
- style: {
586
- marginBottom: "8px",
587
- width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
588
- float: "right",
589
- },
590
- },
591
- },
592
- {
593
- type: "Control",
594
- scope: "#/properties/notify",
595
- options: {
596
- widget: "Notify",
597
- },
598
- layout: 6,
599
- }
600
- ]
601
- }
602
-
405
+ ]
406
+ };
407
+ return uiSchema
408
+ }