impaktapps-ui-builder 0.0.382460 → 1.0.1-alpha.1

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 (49) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1316 -1121
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +16 -16
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildPhoneInput.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +62 -59
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +17 -21
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +10 -2
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +23 -32
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/phoneInput.d.ts +20 -0
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  14. package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts +1 -0
  15. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  16. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +6 -0
  17. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  18. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  19. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +2 -0
  20. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +8 -0
  21. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +1 -1
  22. package/package.json +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts +2 -0
  24. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +6 -1
  25. package/src/impaktapps-ui-builder/builder/build/buildPhoneInput.ts +26 -0
  26. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  27. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +42 -29
  28. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  29. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +113 -61
  30. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +8 -4
  31. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +108 -88
  32. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
  33. package/src/impaktapps-ui-builder/builder/build/uischema/phoneInput.ts +16 -0
  34. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  35. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  36. package/src/impaktapps-ui-builder/builder/build/uischema/table.ts +1 -0
  37. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  38. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +73 -2
  39. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +63 -45
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +51 -44
  41. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +232 -309
  42. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +166 -224
  43. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  44. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +147 -205
  45. package/src/impaktapps-ui-builder/builder/services/component.ts +228 -57
  46. package/src/impaktapps-ui-builder/builder/services/event.ts +182 -66
  47. package/src/impaktapps-ui-builder/builder/services/utils.ts +2 -2
  48. package/src/impaktapps-ui-builder/runtime/services/events.ts +32 -21
  49. package/src/impaktapps-ui-builder/runtime/services/service.ts +18 -29
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,6 @@ export const PageMasterUiSchema: any = (theme) => {
34
33
  },
35
34
  },
36
35
  },
37
- {
38
- type: "Control",
39
- scope: "#/properties/template",
40
-
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
- },
58
36
  {
59
37
  type: "Control",
60
38
  scope: "#/properties/label",
@@ -63,9 +41,9 @@ export const PageMasterUiSchema: any = (theme) => {
63
41
  widget: "InputField",
64
42
  },
65
43
  config: {
66
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
44
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
67
45
  main: {
68
- label: "Label",
46
+ label: "Page Heading",
69
47
  options: [],
70
48
  color: "secondary",
71
49
  required: true,
@@ -76,7 +54,7 @@ export const PageMasterUiSchema: any = (theme) => {
76
54
  type: "Control",
77
55
  scope: "#/properties/EmptyBox",
78
56
  config: {
79
- layout: { xs: 6, sm: 6, md: 0, lg: 0 },
57
+ layout: { xs: 0, sm: 0, md: 4, lg: 6 },
80
58
  },
81
59
  options: {
82
60
  widget: "EmptyBox",
@@ -87,11 +65,27 @@ export const PageMasterUiSchema: any = (theme) => {
87
65
  {
88
66
  type: "TabLayout",
89
67
  config: {
68
+ layout: 12,
90
69
  main: {
91
- tabLabels: ["Components", "Events"],
92
- divider: true,
70
+ tabLabels: ["Page Components", "Page Events"],
93
71
  },
94
- defaultStyle: true,
72
+ style: {
73
+ TabPanelStyle: {
74
+ padding: 0,
75
+ }
76
+ },
77
+ TabsStyle: {
78
+ borderTop: `1px solid ${theme.palette.common.black}29`,
79
+ marginBottom: "3px",
80
+ paddingBottom: "4px",
81
+ boxShadow: "0px 3px 4px #afafaf80",
82
+ "& .MuiTabs-indicator": {
83
+ bottom: "6px",
84
+ }
85
+ },
86
+ TabContainerStyle: {
87
+ marginTop: "-16px",
88
+ }
95
89
  },
96
90
  elements: [
97
91
  {
@@ -108,26 +102,29 @@ export const PageMasterUiSchema: any = (theme) => {
108
102
  widget: {
109
103
  type: "Control",
110
104
  scope: "#/properties/New_Record",
111
-
112
105
  options: {
113
106
  widget: "IconButton",
114
107
  },
115
108
  config: {
116
109
  main: {
117
- // color: "info",
118
110
  onClick: "onAddClickHandler",
119
111
  size: "small",
120
- icon: "AddIcon",
121
- iconLabel: "Add New",
112
+ icon: "TableAddIcon",
113
+ iconLabel: "Add",
122
114
  styleDefault: true,
123
115
  },
124
116
  style: {
125
117
  mt: "6px",
118
+ color: "inherit",
119
+ fill: "inherit",
120
+ "&:hover": {
121
+ color: "inherit",
122
+ fill: "inherit",
123
+ }
126
124
  },
127
125
  },
128
126
  }
129
127
  },
130
-
131
128
  {
132
129
  widget: {
133
130
  type: "Control",
@@ -138,15 +135,21 @@ export const PageMasterUiSchema: any = (theme) => {
138
135
  },
139
136
  config: {
140
137
  main: {
141
- // color: "info",
142
138
  onClick: "copyPasteElement",
143
139
  size: "small",
144
- icon: "PasteIcon",
140
+ icon: "TablePaste",
145
141
  iconLabel: "Paste",
146
142
  styleDefault: true,
143
+ title: ""
147
144
  },
148
145
  style: {
149
146
  mt: "6px",
147
+ color: "inherit",
148
+ fill: "inherit",
149
+ "&:hover": {
150
+ color: "inherit",
151
+ fill: "inherit",
152
+ }
150
153
  },
151
154
  },
152
155
  }
@@ -161,18 +164,21 @@ export const PageMasterUiSchema: any = (theme) => {
161
164
  elements: [
162
165
  {
163
166
  accessorKey: "name",
164
-
165
167
  header: "Name",
168
+ size: 300,
169
+ type: "string"
166
170
  },
167
171
  {
168
172
  accessorKey: "type",
169
-
170
173
  header: "Type",
174
+ size: 300,
175
+ type: "string"
171
176
  },
172
177
  {
173
178
  header: "Edit",
174
179
  field: "Reject_Records",
175
- flex: 1,
180
+ size: 150,
181
+ type: "action",
176
182
  widget: {
177
183
  type: "Control",
178
184
  scope: "#/properties/RejectButton",
@@ -181,13 +187,15 @@ export const PageMasterUiSchema: any = (theme) => {
181
187
  },
182
188
  config: {
183
189
  main: {
184
- icon: "EditIcon",
185
- color: "primary",
190
+ icon: "TableEditIcon",
186
191
  onClick: "Edit_Components",
187
192
  tooltipMessage: "Edit This Record",
188
193
  },
189
194
  style: {
190
- color: theme.palette.primary.main,
195
+ fill: theme.palette.primary.main,
196
+ "& :hover": {
197
+ fill: theme.palette.primary.dark,
198
+ },
191
199
  },
192
200
  },
193
201
  },
@@ -195,7 +203,8 @@ export const PageMasterUiSchema: any = (theme) => {
195
203
  {
196
204
  header: "Delete",
197
205
  field: "Reject_Records",
198
- flex: 1,
206
+ size: 150,
207
+ type: "action",
199
208
  widget: {
200
209
  type: "Control",
201
210
  scope: "#/properties/RejectButton",
@@ -204,15 +213,19 @@ export const PageMasterUiSchema: any = (theme) => {
204
213
  },
205
214
  config: {
206
215
  main: {
207
- icon: "RejectIcon",
208
- color: "error",
216
+ icon: "Bin",
209
217
  onClick: "deletePopUpComponent",
210
218
  tooltipMessage: "Reject This Record",
211
219
  },
220
+ style: {
221
+ fill: theme.palette.primary.main,
222
+ "& :hover": {
223
+ fill: theme.palette.primary.dark,
224
+ },
225
+ },
212
226
  },
213
227
  },
214
228
  },
215
-
216
229
  {
217
230
  header: "Copy",
218
231
  field: "Copy_Component",
@@ -226,15 +239,12 @@ export const PageMasterUiSchema: any = (theme) => {
226
239
  config: {
227
240
  main: {
228
241
  icon: "FileCopyIcon",
229
- // color: "error",
230
242
  onClick: "copyPasteElement",
231
243
  styleDefault: true,
232
244
  },
233
245
  },
234
246
  },
235
247
  },
236
-
237
-
238
248
  ]
239
249
  },
240
250
  {
@@ -251,21 +261,25 @@ export const PageMasterUiSchema: any = (theme) => {
251
261
  widget: {
252
262
  type: "Control",
253
263
  scope: "#/properties/New_Record",
254
-
255
264
  options: {
256
265
  widget: "IconButton",
257
266
  },
258
267
  config: {
259
268
  main: {
260
- // color: "info",
261
269
  onClick: "eventAddHandler",
262
270
  size: "small",
263
- icon: "AddIcon",
264
- iconLabel: "Add New",
271
+ icon: "TableAddIcon",
272
+ iconLabel: "Add",
265
273
  styleDefault: true,
266
274
  },
267
275
  style: {
268
276
  mt: "6px",
277
+ color: "inherit",
278
+ fill: "inherit",
279
+ "&:hover": {
280
+ color: "inherit",
281
+ fill: "inherit",
282
+ }
269
283
  },
270
284
  },
271
285
  }
@@ -281,15 +295,20 @@ export const PageMasterUiSchema: any = (theme) => {
281
295
  },
282
296
  config: {
283
297
  main: {
284
- // color: "info",
285
298
  onClick: "copyPasteElement",
286
299
  size: "small",
287
- icon: "PasteIcon",
300
+ icon: "TablePaste",
288
301
  iconLabel: "Paste",
289
302
  styleDefault: true,
290
303
  },
291
304
  style: {
292
305
  mt: "6px",
306
+ color: "inherit",
307
+ fill: "inherit",
308
+ "&:hover": {
309
+ color: "inherit",
310
+ fill: "inherit",
311
+ }
293
312
  },
294
313
  },
295
314
  }
@@ -307,15 +326,21 @@ export const PageMasterUiSchema: any = (theme) => {
307
326
 
308
327
  {
309
328
  accessorKey: "eventType",
310
- header: "Event Type",
329
+ header: "Event's Type",
330
+ size: 300,
331
+ type: "string"
311
332
  },
312
333
  {
313
334
  accessorKey: "Handler",
314
335
  header: "Handler",
336
+ size: 200,
337
+ type: "string"
315
338
  },
316
339
  {
317
340
  accessorKey: "Edit_Approve_Records",
318
- header: "Edit Widget",
341
+ header: "Edit",
342
+ type: "action",
343
+ size: 150,
319
344
  widget: {
320
345
  type: "Control",
321
346
  scope: "#/properties/Edit_Records",
@@ -324,14 +349,16 @@ export const PageMasterUiSchema: any = (theme) => {
324
349
  },
325
350
  config: {
326
351
  main: {
327
- color: "info",
328
352
  size: "small",
329
- icon: "EditIcon",
353
+ icon: "TableEditIcon",
330
354
  tooltipMessage: "Edit This Record",
331
355
  onClick: "editEvent",
332
356
  },
333
357
  style: {
334
- color: theme.palette.primary.main,
358
+ fill: theme.palette.primary.main,
359
+ "& :hover": {
360
+ fill: theme.palette.primary.dark,
361
+ },
335
362
  },
336
363
  },
337
364
  },
@@ -339,6 +366,8 @@ export const PageMasterUiSchema: any = (theme) => {
339
366
  {
340
367
  accessorKey: "Reject_Records",
341
368
  header: "Delete",
369
+ type: "action",
370
+ size: 150,
342
371
  widget: {
343
372
  type: "Control",
344
373
  scope: "#/properties/RejectButton",
@@ -347,20 +376,24 @@ export const PageMasterUiSchema: any = (theme) => {
347
376
  },
348
377
  config: {
349
378
  main: {
350
- icon: "RejectIcon",
351
- color: "error",
379
+ icon: "Bin",
352
380
  tooltipMessage: "Reject This Record",
353
381
  onClick: "deletePopUpEvent",
354
382
  },
383
+ style: {
384
+ fill: theme.palette.primary.main,
385
+ "& :hover": {
386
+ fill: theme.palette.primary.dark,
387
+ },
388
+ },
355
389
  },
356
390
  },
357
391
  },
358
-
359
-
360
392
  {
361
393
  header: "Copy",
362
394
  field: "Copy_Event",
363
- flex: 1,
395
+ type: "action",
396
+ size: 150,
364
397
  widget: {
365
398
  type: "Control",
366
399
  scope: "#/properties/Copy_Event",
@@ -370,7 +403,6 @@ export const PageMasterUiSchema: any = (theme) => {
370
403
  config: {
371
404
  main: {
372
405
  icon: "FileCopyIcon",
373
- // color: "error",
374
406
  onClick: "copyPasteElement",
375
407
  styleDefault: true,
376
408
  },
@@ -378,88 +410,54 @@ export const PageMasterUiSchema: any = (theme) => {
378
410
  },
379
411
  },
380
412
  ]
381
- // }]
382
413
  },
383
414
 
384
415
  ],
385
416
  },
386
417
  {
387
- type: "HorizontalLayout",
418
+ scope: "#/properties/Remarks Container",
419
+ type: "WrapperLayout",
388
420
  config: {
389
- layout:{xs:12,sm: 9}
421
+ layout: 12,
422
+ main: {
423
+ divider: false,
424
+ rowSpacing: 0,
425
+ gap: 0
426
+ },
427
+ componentsBoxStyle: {
428
+ padding: "8px 8px 8px 24px",
429
+ }
390
430
  },
391
431
  elements: [
392
432
  {
393
433
  type: "Control",
394
- scope: "#/properties/RemoveItemButton",
434
+ scope: "#/properties/btn",
395
435
  options: {
396
- widget: "IconButton",
397
- },
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
- }
436
+ widget: "Button",
409
437
  },
410
- },
411
-
412
- {
413
- type: "Control",
414
- scope: "#/properties/copiedElementDetails",
415
438
 
416
- options: {
417
- widget: "Box",
418
- },
419
439
  config: {
420
- layout: { xs: 6, sm: 6 },
440
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
421
441
  main: {
422
- heading: "No element copied",
423
- },
424
- style: {
425
- color: "#535557",
426
- marginLeft: "-30px",
427
- fontSize: "12px",
428
- marginTop: "4px"
442
+ name: "Save",
443
+ variant: "contained",
444
+ type: "text",
445
+ onClick: "saveHandler",
446
+ size: "medium",
429
447
  },
430
448
  },
431
449
  },
432
450
  {
433
451
  type: "Control",
434
452
  scope: "#/properties/EmptyBox",
453
+ config: {
454
+ layout: { xs: 8, sm:9.5, md: 10, lg: 10.5 },
455
+ },
435
456
  options: {
436
457
  widget: "EmptyBox",
437
458
  },
438
- config: {
439
- layout: { xs: 1, sm: 5 },
440
- },
441
- },
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
459
  },
462
- },
460
+ ],
463
461
  },
464
462
  {
465
463
  type: "Control",
@@ -489,17 +487,19 @@ export const PageMasterUiSchema: any = (theme) => {
489
487
  widget: "Box",
490
488
  },
491
489
  config: {
492
- layout: 12,
490
+ layout: 11,
493
491
  main: {
494
- heading: "Are you sure you want to delete ?",
492
+ heading: "Are you sure you want to delete this Component ?",
495
493
  },
496
494
  style:{
497
- marginTop: "-20px",
498
495
  fontSize: "20px",
499
496
  "&.MuiTypography-root": {
500
- padding: "10px 30px 20px 30px",
497
+ padding: "0px 20px",
501
498
  textAlign: "center",
502
- lineHeight: "1"
499
+ lineHeight: "1.2",
500
+ fontWeight: "normal",
501
+ fontSize: "18px",
502
+ marginBottom: theme.spacing(5)
503
503
  }
504
504
  }
505
505
  },
@@ -507,7 +507,7 @@ export const PageMasterUiSchema: any = (theme) => {
507
507
  {
508
508
  type: "WrapperLayout",
509
509
  config: {
510
- layout: 12,
510
+ layout: 11,
511
511
  main: {},
512
512
 
513
513
  },
@@ -522,15 +522,15 @@ export const PageMasterUiSchema: any = (theme) => {
522
522
  layout: 6,
523
523
  main: {
524
524
  name: "No",
525
- startIcon: "ApproveIcon",
526
525
  variant: "contained",
527
- color: "info",
528
526
  type: "text",
529
527
  onClick: "deletePopUpComponent",
530
528
  size: "large",
531
529
  },
532
530
  style: {
533
531
  position: "absolute",
532
+ padding: "8px 0px",
533
+ fontSize: "16px",
534
534
  bottom: 0,
535
535
  left: 0,
536
536
  width: "50%",
@@ -558,7 +558,6 @@ export const PageMasterUiSchema: any = (theme) => {
558
558
  layout: 6,
559
559
  main: {
560
560
  name: "Yes",
561
- startIcon: "ApproveIcon",
562
561
  variant: "contained",
563
562
  color: "error",
564
563
  type: "text",
@@ -567,6 +566,8 @@ export const PageMasterUiSchema: any = (theme) => {
567
566
  },
568
567
  style: {
569
568
  position: "absolute",
569
+ padding: "8px 0px",
570
+ fontSize: "16px",
570
571
  bottom: 0,
571
572
  right: 0,
572
573
  width: "50%",
@@ -615,17 +616,19 @@ export const PageMasterUiSchema: any = (theme) => {
615
616
  widget: "Box",
616
617
  },
617
618
  config: {
618
- layout: 12,
619
+ layout: 11,
619
620
  main: {
620
- heading: "Are you sure you want to delete ?",
621
+ heading: "Are you sure you want to delete this Event ?",
621
622
  },
622
623
  style:{
623
- marginTop: "-20px",
624
624
  fontSize: "20px",
625
625
  "&.MuiTypography-root": {
626
- padding: "10px 30px 20px 30px",
626
+ padding: "0px 20px",
627
627
  textAlign: "center",
628
- lineHeight: "1"
628
+ lineHeight: "1.2",
629
+ fontWeight: "normal",
630
+ fontSize: "18px",
631
+ marginBottom: theme.spacing(5)
629
632
  }
630
633
  }
631
634
  },
@@ -633,7 +636,7 @@ export const PageMasterUiSchema: any = (theme) => {
633
636
  {
634
637
  type: "WrapperLayout",
635
638
  config: {
636
- layout: 12,
639
+ layout: 11,
637
640
  main: {},
638
641
 
639
642
  },
@@ -648,15 +651,15 @@ export const PageMasterUiSchema: any = (theme) => {
648
651
  layout: 6,
649
652
  main: {
650
653
  name: "No",
651
- startIcon: "ApproveIcon",
652
654
  variant: "contained",
653
- color: "info",
654
655
  type: "text",
655
656
  onClick: "deletePopUpEvent",
656
657
  size: "large",
657
658
  },
658
659
  style: {
659
660
  position: "absolute",
661
+ padding: "8px 0px",
662
+ fontSize: "16px",
660
663
  bottom: 0,
661
664
  left: 0,
662
665
  width: "50%",
@@ -684,7 +687,6 @@ export const PageMasterUiSchema: any = (theme) => {
684
687
  layout: 6,
685
688
  main: {
686
689
  name: "Yes",
687
- startIcon: "ApproveIcon",
688
690
  variant: "contained",
689
691
  color: "error",
690
692
  type: "text",
@@ -693,6 +695,8 @@ export const PageMasterUiSchema: any = (theme) => {
693
695
  },
694
696
  style: {
695
697
  position: "absolute",
698
+ padding: "8px 0px",
699
+ fontSize: "16px",
696
700
  bottom: 0,
697
701
  right: 0,
698
702
  width: "50%",
@@ -725,22 +729,20 @@ export const PageMasterUiSchema: any = (theme) => {
725
729
  type: "HorizontalLayout",
726
730
  config: {
727
731
  main: {
728
- direction: 'row'
732
+ direction: "row",
729
733
  },
730
734
  style: {
731
735
  flexDirection: "row",
732
736
  position: "absolute",
733
- bottom: 0,
734
- marginBottom: '-8px',
735
- height: 'fit-content',
736
- overflow: 'hidden',
737
+ bottom: 10,
738
+ height: "fit-content",
739
+ overflow: "hidden",
737
740
  zIndex: 1000,
738
- width: 'inherit'
739
- }
741
+ width: "inherit",
742
+ },
740
743
  },
741
744
  elements: [
742
745
  {
743
-
744
746
  type: "Control",
745
747
  scope: "#/properties/FooterText",
746
748
  options: {
@@ -748,84 +750,24 @@ export const PageMasterUiSchema: any = (theme) => {
748
750
  },
749
751
  config: {
750
752
  main: {
751
- heading: "Copywriter@ACT21.IO"
753
+ heading: "Copywriter@ACT21.IO",
752
754
  },
753
755
  style: {
754
756
  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,
757
+ fontSize: "11px",
758
+ textAlign: "center",
759
+ lineHeight: 0,
760
+ width: "fit-content",
761
+ left: "50%",
762
+ position: "relative",
763
+ margin: "revert",
762
764
  flexGrow: 1,
763
765
  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',
766
+ transform: "translate(-50%, 0%)",
779
767
  },
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
768
  },
827
769
  },
828
- ]
770
+ ],
829
771
  }
830
772
  ]
831
773
  }