impaktapps-ui-builder 0.0.101-alpha.1 → 0.0.101-alpha.100

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 +1345 -1167
  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/uischema/apiSection.d.ts +62 -59
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +17 -21
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +98 -95
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +56 -37
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  14. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  15. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +6 -0
  16. package/package.json +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  18. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +14 -10
  19. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  20. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +101 -95
  21. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +189 -110
  22. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
  23. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  24. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  25. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  26. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  27. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -45
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +23 -23
  29. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +340 -355
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +228 -310
  31. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +188 -295
  33. package/src/impaktapps-ui-builder/builder/services/component.ts +162 -33
  34. package/src/impaktapps-ui-builder/builder/services/event.ts +165 -65
  35. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  36. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -4
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -2,16 +2,15 @@ import { EventUiSchema } from "../event/uiSchema"
2
2
  export const PageMasterUiSchema: any = (theme) => {
3
3
  const uiSchema = {
4
4
  type: "HorizontalLayout",
5
- heading: "Page Master",
5
+ heading: "Page",
6
6
  elements: [
7
7
  {
8
8
  type: "WrapperLayout",
9
9
  config: {
10
10
  main: {
11
- },
12
- wrapperStyle: {
13
- marginLeft: theme.spacing(2),
14
- backgroundColor: theme.palette.background.default
11
+ label: "Basic Details",
12
+ isAccordion: true,
13
+ gap: "8px",
15
14
  },
16
15
  },
17
16
  elements: [
@@ -23,9 +22,9 @@ export const PageMasterUiSchema: any = (theme) => {
23
22
  widget: "InputField",
24
23
  },
25
24
  config: {
26
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
25
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
27
26
  main: {
28
- label: "Name",
27
+ label: "Page Name",
29
28
  options: [],
30
29
  color: "secondary",
31
30
  errorMessage: "Name should be start with 'page_'",
@@ -34,27 +33,27 @@ export const PageMasterUiSchema: any = (theme) => {
34
33
  },
35
34
  },
36
35
  },
37
- {
38
- type: "Control",
39
- scope: "#/properties/template",
36
+ // {
37
+ // type: "Control",
38
+ // scope: "#/properties/template",
40
39
 
41
- options: {
42
- widget: "SelectInputField",
43
- },
44
- config: {
45
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
46
- main: {
47
- label: "Template",
48
- options: [
49
- { const: "template1", title: "template1" },
50
- { const: "template2", title: "template2" },
51
- { const: "template3", title: "template3" }
52
- ],
53
- color: "secondary",
54
- required: true,
55
- },
56
- },
57
- },
40
+ // options: {
41
+ // widget: "SelectInputField",
42
+ // },
43
+ // config: {
44
+ // layout: { xs: 6, sm: 6, md: 4, lg: 3 },
45
+ // main: {
46
+ // label: "Template",
47
+ // options: [
48
+ // { const: "template1", title: "template1" },
49
+ // { const: "template2", title: "template2" },
50
+ // { const: "template3", title: "template3" }
51
+ // ],
52
+ // color: "secondary",
53
+ // required: true,
54
+ // },
55
+ // },
56
+ // },
58
57
  {
59
58
  type: "Control",
60
59
  scope: "#/properties/label",
@@ -63,9 +62,9 @@ export const PageMasterUiSchema: any = (theme) => {
63
62
  widget: "InputField",
64
63
  },
65
64
  config: {
66
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
65
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
67
66
  main: {
68
- label: "Label",
67
+ label: "Page Heading",
69
68
  options: [],
70
69
  color: "secondary",
71
70
  required: true,
@@ -76,7 +75,7 @@ export const PageMasterUiSchema: any = (theme) => {
76
75
  type: "Control",
77
76
  scope: "#/properties/EmptyBox",
78
77
  config: {
79
- layout: { xs: 6, sm: 6, md: 0, lg: 0 },
78
+ layout: { xs: 0, sm: 0, md: 4, lg: 6 },
80
79
  },
81
80
  options: {
82
81
  widget: "EmptyBox",
@@ -87,11 +86,27 @@ export const PageMasterUiSchema: any = (theme) => {
87
86
  {
88
87
  type: "TabLayout",
89
88
  config: {
89
+ layout: 12,
90
90
  main: {
91
- tabLabels: ["Components", "Events"],
92
- divider: true,
91
+ tabLabels: ["Page Components", "Page Events"],
93
92
  },
94
- defaultStyle: true,
93
+ style: {
94
+ TabPanelStyle: {
95
+ padding: 0,
96
+ }
97
+ },
98
+ TabsStyle: {
99
+ borderTop: `1px solid ${theme.palette.common.black}29`,
100
+ marginBottom: "3px",
101
+ paddingBottom: "4px",
102
+ boxShadow: "0px 3px 4px #afafaf80",
103
+ "& .MuiTabs-indicator": {
104
+ bottom: "6px",
105
+ }
106
+ },
107
+ TabContainerStyle: {
108
+ marginTop: "-16px",
109
+ }
95
110
  },
96
111
  elements: [
97
112
  {
@@ -108,26 +123,29 @@ export const PageMasterUiSchema: any = (theme) => {
108
123
  widget: {
109
124
  type: "Control",
110
125
  scope: "#/properties/New_Record",
111
-
112
126
  options: {
113
127
  widget: "IconButton",
114
128
  },
115
129
  config: {
116
130
  main: {
117
- // color: "info",
118
131
  onClick: "onAddClickHandler",
119
132
  size: "small",
120
- icon: "AddIcon",
121
- iconLabel: "Add New",
133
+ icon: "TableAddIcon",
134
+ iconLabel: "Add",
122
135
  styleDefault: true,
123
136
  },
124
137
  style: {
125
138
  mt: "6px",
139
+ color: "inherit",
140
+ fill: "inherit",
141
+ "&:hover": {
142
+ color: "inherit",
143
+ fill: "inherit",
144
+ }
126
145
  },
127
146
  },
128
147
  }
129
148
  },
130
-
131
149
  {
132
150
  widget: {
133
151
  type: "Control",
@@ -138,15 +156,21 @@ export const PageMasterUiSchema: any = (theme) => {
138
156
  },
139
157
  config: {
140
158
  main: {
141
- // color: "info",
142
159
  onClick: "copyPasteElement",
143
160
  size: "small",
144
- icon: "PasteIcon",
161
+ icon: "TablePaste",
145
162
  iconLabel: "Paste",
146
163
  styleDefault: true,
164
+ title: ""
147
165
  },
148
166
  style: {
149
167
  mt: "6px",
168
+ color: "inherit",
169
+ fill: "inherit",
170
+ "&:hover": {
171
+ color: "inherit",
172
+ fill: "inherit",
173
+ }
150
174
  },
151
175
  },
152
176
  }
@@ -161,18 +185,21 @@ export const PageMasterUiSchema: any = (theme) => {
161
185
  elements: [
162
186
  {
163
187
  accessorKey: "name",
164
-
165
188
  header: "Name",
189
+ size: 300,
190
+ type: "string"
166
191
  },
167
192
  {
168
193
  accessorKey: "type",
169
-
170
194
  header: "Type",
195
+ size: 300,
196
+ type: "string"
171
197
  },
172
198
  {
173
199
  header: "Edit",
174
200
  field: "Reject_Records",
175
- flex: 1,
201
+ size: 150,
202
+ type: "action",
176
203
  widget: {
177
204
  type: "Control",
178
205
  scope: "#/properties/RejectButton",
@@ -181,13 +208,15 @@ export const PageMasterUiSchema: any = (theme) => {
181
208
  },
182
209
  config: {
183
210
  main: {
184
- icon: "EditIcon",
185
- color: "primary",
211
+ icon: "TableEditIcon",
186
212
  onClick: "Edit_Components",
187
213
  tooltipMessage: "Edit This Record",
188
214
  },
189
215
  style: {
190
- color: theme.palette.primary.main,
216
+ fill: theme.palette.primary.main,
217
+ "& :hover": {
218
+ fill: theme.palette.primary.dark,
219
+ },
191
220
  },
192
221
  },
193
222
  },
@@ -195,7 +224,8 @@ export const PageMasterUiSchema: any = (theme) => {
195
224
  {
196
225
  header: "Delete",
197
226
  field: "Reject_Records",
198
- flex: 1,
227
+ size: 150,
228
+ type: "action",
199
229
  widget: {
200
230
  type: "Control",
201
231
  scope: "#/properties/RejectButton",
@@ -204,15 +234,19 @@ export const PageMasterUiSchema: any = (theme) => {
204
234
  },
205
235
  config: {
206
236
  main: {
207
- icon: "RejectIcon",
208
- color: "error",
237
+ icon: "Bin",
209
238
  onClick: "deletePopUpComponent",
210
239
  tooltipMessage: "Reject This Record",
211
240
  },
241
+ style: {
242
+ fill: theme.palette.primary.main,
243
+ "& :hover": {
244
+ fill: theme.palette.primary.dark,
245
+ },
246
+ },
212
247
  },
213
248
  },
214
249
  },
215
-
216
250
  {
217
251
  header: "Copy",
218
252
  field: "Copy_Component",
@@ -233,8 +267,6 @@ export const PageMasterUiSchema: any = (theme) => {
233
267
  },
234
268
  },
235
269
  },
236
-
237
-
238
270
  ]
239
271
  },
240
272
  {
@@ -251,21 +283,25 @@ export const PageMasterUiSchema: any = (theme) => {
251
283
  widget: {
252
284
  type: "Control",
253
285
  scope: "#/properties/New_Record",
254
-
255
286
  options: {
256
287
  widget: "IconButton",
257
288
  },
258
289
  config: {
259
290
  main: {
260
- // color: "info",
261
291
  onClick: "eventAddHandler",
262
292
  size: "small",
263
- icon: "AddIcon",
264
- iconLabel: "Add New",
293
+ icon: "TableAddIcon",
294
+ iconLabel: "Add",
265
295
  styleDefault: true,
266
296
  },
267
297
  style: {
268
298
  mt: "6px",
299
+ color: "inherit",
300
+ fill: "inherit",
301
+ "&:hover": {
302
+ color: "inherit",
303
+ fill: "inherit",
304
+ }
269
305
  },
270
306
  },
271
307
  }
@@ -281,15 +317,20 @@ export const PageMasterUiSchema: any = (theme) => {
281
317
  },
282
318
  config: {
283
319
  main: {
284
- // color: "info",
285
320
  onClick: "copyPasteElement",
286
321
  size: "small",
287
- icon: "PasteIcon",
322
+ icon: "TablePaste",
288
323
  iconLabel: "Paste",
289
324
  styleDefault: true,
290
325
  },
291
326
  style: {
292
327
  mt: "6px",
328
+ color: "inherit",
329
+ fill: "inherit",
330
+ "&:hover": {
331
+ color: "inherit",
332
+ fill: "inherit",
333
+ }
293
334
  },
294
335
  },
295
336
  }
@@ -307,15 +348,21 @@ export const PageMasterUiSchema: any = (theme) => {
307
348
 
308
349
  {
309
350
  accessorKey: "eventType",
310
- header: "Event Type",
351
+ header: "Event's Type",
352
+ size: 300,
353
+ type: "string"
311
354
  },
312
355
  {
313
356
  accessorKey: "Handler",
314
357
  header: "Handler",
358
+ size: 200,
359
+ type: "string"
315
360
  },
316
361
  {
317
362
  accessorKey: "Edit_Approve_Records",
318
- header: "Edit Widget",
363
+ header: "Edit",
364
+ type: "action",
365
+ size: 150,
319
366
  widget: {
320
367
  type: "Control",
321
368
  scope: "#/properties/Edit_Records",
@@ -324,14 +371,16 @@ export const PageMasterUiSchema: any = (theme) => {
324
371
  },
325
372
  config: {
326
373
  main: {
327
- color: "info",
328
374
  size: "small",
329
- icon: "EditIcon",
375
+ icon: "TableEditIcon",
330
376
  tooltipMessage: "Edit This Record",
331
377
  onClick: "editEvent",
332
378
  },
333
379
  style: {
334
- color: theme.palette.primary.main,
380
+ fill: theme.palette.primary.main,
381
+ "& :hover": {
382
+ fill: theme.palette.primary.dark,
383
+ },
335
384
  },
336
385
  },
337
386
  },
@@ -339,6 +388,8 @@ export const PageMasterUiSchema: any = (theme) => {
339
388
  {
340
389
  accessorKey: "Reject_Records",
341
390
  header: "Delete",
391
+ type: "action",
392
+ size: 150,
342
393
  widget: {
343
394
  type: "Control",
344
395
  scope: "#/properties/RejectButton",
@@ -347,20 +398,24 @@ export const PageMasterUiSchema: any = (theme) => {
347
398
  },
348
399
  config: {
349
400
  main: {
350
- icon: "RejectIcon",
351
- color: "error",
401
+ icon: "Bin",
352
402
  tooltipMessage: "Reject This Record",
353
403
  onClick: "deletePopUpEvent",
354
404
  },
405
+ style: {
406
+ fill: theme.palette.primary.main,
407
+ "& :hover": {
408
+ fill: theme.palette.primary.dark,
409
+ },
410
+ },
355
411
  },
356
412
  },
357
413
  },
358
-
359
-
360
414
  {
361
415
  header: "Copy",
362
416
  field: "Copy_Event",
363
- flex: 1,
417
+ type: "action",
418
+ size: 150,
364
419
  widget: {
365
420
  type: "Control",
366
421
  scope: "#/properties/Copy_Event",
@@ -370,7 +425,6 @@ export const PageMasterUiSchema: any = (theme) => {
370
425
  config: {
371
426
  main: {
372
427
  icon: "FileCopyIcon",
373
- // color: "error",
374
428
  onClick: "copyPasteElement",
375
429
  styleDefault: true,
376
430
  },
@@ -383,83 +437,108 @@ export const PageMasterUiSchema: any = (theme) => {
383
437
 
384
438
  ],
385
439
  },
440
+ // {
441
+ // type: "HorizontalLayout",
442
+ // config: {
443
+ // layout:{xs:12,sm: 9}
444
+ // },
445
+ // elements: [
446
+ // {
447
+ // type: "Control",
448
+ // scope: "#/properties/RemoveItemButton",
449
+ // options: {
450
+ // widget: "IconButton",
451
+ // },
452
+ // config: {
453
+ // layout: { xs: 1, sm: 1 },
454
+ // main: {
455
+ // onClick: "RemoveItemButton",
456
+ // size: "large",
457
+ // icon: "RejectIcon",
458
+ // styleDefault: true,
459
+ // },
460
+ // style:{
461
+ // marginLeft: "-5px"
462
+ // }
463
+ // },
464
+ // },
465
+
466
+ // {
467
+ // type: "Control",
468
+ // scope: "#/properties/copiedElementDetails",
469
+
470
+ // options: {
471
+ // widget: "Box",
472
+ // },
473
+ // config: {
474
+ // layout: { xs: 6, sm: 6 },
475
+ // main: {
476
+ // heading: "No element copied",
477
+ // },
478
+ // style: {
479
+ // color: "#535557",
480
+ // marginLeft: "-30px",
481
+ // fontSize: "12px",
482
+ // marginTop: "4px"
483
+ // },
484
+ // },
485
+ // },
486
+ // {
487
+ // type: "Control",
488
+ // scope: "#/properties/EmptyBox",
489
+ // options: {
490
+ // widget: "EmptyBox",
491
+ // },
492
+ // config: {
493
+ // layout: { xs: 1, sm: 5 },
494
+ // },
495
+ // },
496
+ // ]
497
+ // },
386
498
  {
387
- type: "HorizontalLayout",
499
+ scope: "#/properties/Remarks Container",
500
+ type: "WrapperLayout",
388
501
  config: {
389
- layout:{xs:12,sm: 9}
502
+ layout: 12,
503
+ main: {
504
+ divider: false,
505
+ rowSpacing: 0,
506
+ gap: 0
507
+ },
508
+ componentsBoxStyle: {
509
+ padding: "8px 8px 8px 24px",
510
+ }
390
511
  },
391
512
  elements: [
392
513
  {
393
514
  type: "Control",
394
- scope: "#/properties/RemoveItemButton",
515
+ scope: "#/properties/btn",
395
516
  options: {
396
- widget: "IconButton",
517
+ widget: "Button",
397
518
  },
398
- config: {
399
- layout: { xs: 1, sm: 1 },
400
- main: {
401
- onClick: "RemoveItemButton",
402
- size: "large",
403
- icon: "RejectIcon",
404
- styleDefault: true,
405
- },
406
- style:{
407
- marginLeft: "-5px"
408
- }
409
- },
410
- },
411
-
412
- {
413
- type: "Control",
414
- scope: "#/properties/copiedElementDetails",
415
519
 
416
- options: {
417
- widget: "Box",
418
- },
419
520
  config: {
420
- layout: { xs: 6, sm: 6 },
521
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
421
522
  main: {
422
- heading: "No element copied",
423
- },
424
- style: {
425
- color: "#535557",
426
- marginLeft: "-30px",
427
- fontSize: "12px",
428
- marginTop: "4px"
523
+ name: "Save",
524
+ variant: "contained",
525
+ type: "text",
526
+ onClick: "saveHandler",
527
+ size: "medium",
429
528
  },
430
529
  },
431
530
  },
432
531
  {
433
532
  type: "Control",
434
533
  scope: "#/properties/EmptyBox",
534
+ config: {
535
+ layout: { xs: 8, sm:9.5, md: 10, lg: 10.5 },
536
+ },
435
537
  options: {
436
538
  widget: "EmptyBox",
437
539
  },
438
- config: {
439
- layout: { xs: 1, sm: 5 },
440
- },
441
540
  },
442
- ]
443
- },
444
- {
445
- type: "Control",
446
- scope: "#/properties/btn",
447
- options: {
448
- widget: "Button",
449
- },
450
-
451
- config: {
452
- layout: { xs: 4, sm: 2 },
453
- main: {
454
- name: "Save",
455
- startIcon: "ApproveIcon",
456
- variant: "contained",
457
- // color: "info",
458
- type: "text",
459
- onClick: "saveHandler",
460
- size: "medium",
461
- },
462
- },
541
+ ],
463
542
  },
464
543
  {
465
544
  type: "Control",
@@ -491,15 +570,17 @@ export const PageMasterUiSchema: any = (theme) => {
491
570
  config: {
492
571
  layout: 11,
493
572
  main: {
494
- heading: "Are you sure you want to delete ?",
573
+ heading: "Are you sure you want to delete this Component ?",
495
574
  },
496
575
  style:{
497
- marginTop: "-20px",
498
576
  fontSize: "20px",
499
577
  "&.MuiTypography-root": {
500
- padding: "10px 30px 20px 30px",
578
+ padding: "0px 20px",
501
579
  textAlign: "center",
502
- lineHeight: "1"
580
+ lineHeight: "1.2",
581
+ fontWeight: "normal",
582
+ fontSize: "18px",
583
+ marginBottom: theme.spacing(5)
503
584
  }
504
585
  }
505
586
  },
@@ -522,15 +603,15 @@ export const PageMasterUiSchema: any = (theme) => {
522
603
  layout: 6,
523
604
  main: {
524
605
  name: "No",
525
- startIcon: "ApproveIcon",
526
606
  variant: "contained",
527
- color: "info",
528
607
  type: "text",
529
608
  onClick: "deletePopUpComponent",
530
609
  size: "large",
531
610
  },
532
611
  style: {
533
612
  position: "absolute",
613
+ padding: "8px 0px",
614
+ fontSize: "16px",
534
615
  bottom: 0,
535
616
  left: 0,
536
617
  width: "50%",
@@ -558,7 +639,6 @@ export const PageMasterUiSchema: any = (theme) => {
558
639
  layout: 6,
559
640
  main: {
560
641
  name: "Yes",
561
- startIcon: "ApproveIcon",
562
642
  variant: "contained",
563
643
  color: "error",
564
644
  type: "text",
@@ -567,6 +647,8 @@ export const PageMasterUiSchema: any = (theme) => {
567
647
  },
568
648
  style: {
569
649
  position: "absolute",
650
+ padding: "8px 0px",
651
+ fontSize: "16px",
570
652
  bottom: 0,
571
653
  right: 0,
572
654
  width: "50%",
@@ -617,15 +699,17 @@ export const PageMasterUiSchema: any = (theme) => {
617
699
  config: {
618
700
  layout: 11,
619
701
  main: {
620
- heading: "Are you sure you want to delete ?",
702
+ heading: "Are you sure you want to delete this Event ?",
621
703
  },
622
704
  style:{
623
- marginTop: "-20px",
624
705
  fontSize: "20px",
625
706
  "&.MuiTypography-root": {
626
- padding: "10px 30px 20px 30px",
707
+ padding: "0px 20px",
627
708
  textAlign: "center",
628
- lineHeight: "1"
709
+ lineHeight: "1.2",
710
+ fontWeight: "normal",
711
+ fontSize: "18px",
712
+ marginBottom: theme.spacing(5)
629
713
  }
630
714
  }
631
715
  },
@@ -648,15 +732,15 @@ export const PageMasterUiSchema: any = (theme) => {
648
732
  layout: 6,
649
733
  main: {
650
734
  name: "No",
651
- startIcon: "ApproveIcon",
652
735
  variant: "contained",
653
- color: "info",
654
736
  type: "text",
655
737
  onClick: "deletePopUpEvent",
656
738
  size: "large",
657
739
  },
658
740
  style: {
659
741
  position: "absolute",
742
+ padding: "8px 0px",
743
+ fontSize: "16px",
660
744
  bottom: 0,
661
745
  left: 0,
662
746
  width: "50%",
@@ -684,7 +768,6 @@ export const PageMasterUiSchema: any = (theme) => {
684
768
  layout: 6,
685
769
  main: {
686
770
  name: "Yes",
687
- startIcon: "ApproveIcon",
688
771
  variant: "contained",
689
772
  color: "error",
690
773
  type: "text",
@@ -693,6 +776,8 @@ export const PageMasterUiSchema: any = (theme) => {
693
776
  },
694
777
  style: {
695
778
  position: "absolute",
779
+ padding: "8px 0px",
780
+ fontSize: "16px",
696
781
  bottom: 0,
697
782
  right: 0,
698
783
  width: "50%",
@@ -721,112 +806,6 @@ export const PageMasterUiSchema: any = (theme) => {
721
806
  },
722
807
  layout: 6,
723
808
  },
724
- // {
725
- // type: "HorizontalLayout",
726
- // config: {
727
- // main: {
728
- // direction: 'row'
729
- // },
730
- // style: {
731
- // flexDirection: "row",
732
- // position: "absolute",
733
- // bottom: 0,
734
- // marginBottom: '-8px',
735
- // height: 'fit-content',
736
- // overflow: 'hidden',
737
- // zIndex: 1000,
738
- // width: 'inherit'
739
- // }
740
- // },
741
- // elements: [
742
- // {
743
-
744
- // type: "Control",
745
- // scope: "#/properties/FooterText",
746
- // options: {
747
- // widget: "Box",
748
- // },
749
- // config: {
750
- // main: {
751
- // heading: "Copywriter@ACT21.IO"
752
- // },
753
- // style: {
754
- // color: theme?.palette?.text.disabled || "#AFAFAF",
755
- // fontSize: '12px',
756
- // textAlign: 'center',
757
- // lineHeight: 2,
758
- // width: 'fit-content',
759
- // left: '50%',
760
- // position: 'relative',
761
- // margin: 0,
762
- // flexGrow: 1,
763
- // height: 0,
764
- // transform: "translate(-50%,0%)"
765
- // }
766
- // },
767
- // },
768
- // {
769
- // type: "Control",
770
- // scope: "#/properties/backIcon",
771
- // options: {
772
- // widget: "Box",
773
- // },
774
- // config: {
775
- // main: {
776
- // iconName: 'PrevIcon',
777
- // onClick: "backHandler",
778
- // width: 'fit-content',
779
- // },
780
- // style: {
781
- // fill: theme.palette.primary.main,
782
- // width: 20,
783
- // height: 0,
784
- // margin: 0,
785
- // top: 0,
786
- // right: {xs: '12px', sm: '84px'},
787
- // position: 'absolute',
788
- // fontSize: '12px',
789
- // cursor: 'pointer',
790
- // ':hover': {
791
- // fill: theme.palette.primary.dark,
792
- // }
793
- // }
794
- // }
795
- // },
796
- // {
797
- // type: "Control",
798
- // scope: "#/properties/text",
799
-
800
- // options: {
801
- // widget: "Box",
802
- // },
803
- // config: {
804
- // main: {
805
- // heading: "Previous Page",
806
- // onClick: "backHandler"
807
- // },
808
- // style: {
809
- // display: {xs: 'none', sm: "flex"},
810
- // textAlign: 'left',
811
- // lineHeight: 1,
812
- // height: 0,
813
- // width: 'fit-content',
814
- // color: theme.palette.primary.main,
815
- // fontSize: "12px",
816
- // cursor: 'pointer',
817
- // marginLeft: '2px',
818
- // marginRight: 0,
819
- // top: 3,
820
- // right: '12px',
821
- // position: 'absolute',
822
- // ':hover': {
823
- // color: theme.palette.primary.dark,
824
- // }
825
- // }
826
- // },
827
- // },
828
- // ]
829
- // }
830
809
  {
831
810
  type: "HorizontalLayout",
832
811
  config: {
@@ -836,7 +815,7 @@ export const PageMasterUiSchema: any = (theme) => {
836
815
  style: {
837
816
  flexDirection: "row",
838
817
  position: "absolute",
839
- bottom: 0,
818
+ bottom: 10,
840
819
  height: "fit-content",
841
820
  overflow: "hidden",
842
821
  zIndex: 1000,
@@ -855,81 +834,20 @@ export const PageMasterUiSchema: any = (theme) => {
855
834
  heading: "Copywriter@ACT21.IO",
856
835
  },
857
836
  style: {
858
- color: theme?.palette?.text?.disabled || "#AFAFAF",
837
+ color: theme?.palette?.text.disabled || "#AFAFAF",
859
838
  fontSize: "11px",
860
839
  textAlign: "center",
861
- lineHeight: 2,
840
+ lineHeight: 0,
862
841
  width: "fit-content",
863
842
  left: "50%",
864
843
  position: "relative",
865
- margin: 0,
844
+ margin: "revert",
866
845
  flexGrow: 1,
867
846
  height: 0,
868
847
  transform: "translate(-50%, 0%)",
869
848
  },
870
849
  },
871
850
  },
872
- {
873
- type: "Control",
874
- scope: "#/properties/FooterBackIcon",
875
- options: {
876
- widget: "Box",
877
- },
878
- config: {
879
- main: {
880
- iconName: "PrevIcon",
881
- onClick: "backHandler",
882
- width: "fit-content",
883
- },
884
- style: {
885
- fill: theme?.palette?.primary?.main,
886
- width: 20,
887
- height: 0,
888
- // margin: 0,
889
- top: 0,
890
- right: { xs: "12px", sm: "84px" },
891
- position: "absolute",
892
- fontSize: "12px",
893
- cursor: "pointer",
894
- ":hover": {
895
- fill: theme?.palette?.primary?.dark,
896
- },
897
- marginRight: "20px",
898
- },
899
- },
900
- },
901
- {
902
- type: "Control",
903
- scope: "#/properties/FooterBackHandlerText",
904
- options: {
905
- widget: "Box",
906
- },
907
- config: {
908
- main: {
909
- heading: "Previous Page",
910
- onClick: "backHandler",
911
- },
912
- style: {
913
- display: { xs: "none", sm: "flex" },
914
- textAlign: "left",
915
- lineHeight: 1,
916
- height: 0,
917
- width: "fit-content",
918
- color: theme?.palette?.primary?.main,
919
- fontSize: "12px",
920
- cursor: "pointer",
921
- marginLeft: "2px",
922
-
923
- top: 3,
924
- right: "12px",
925
- position: "absolute",
926
- ":hover": {
927
- color: theme?.palette?.primary?.dark,
928
- },
929
- marginRight: "4px",
930
- },
931
- },
932
- },
933
851
  ],
934
852
  }
935
853
  ]