impaktapps-ui-builder 0.0.101-alpha.25 → 0.0.101-alpha.251

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 (30) hide show
  1. package/dist/impaktapps-ui-builder.es.js +475 -259
  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/card.d.ts +3 -5
  6. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  7. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +2 -0
  8. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +8 -0
  9. package/package.json +1 -1
  10. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  11. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +21 -29
  12. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +8 -4
  13. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +11 -8
  14. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +1 -60
  15. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +2 -2
  16. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +0 -52
  17. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +0 -50
  18. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +25 -28
  19. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +46 -159
  20. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +23 -97
  21. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  22. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +43 -259
  23. package/src/impaktapps-ui-builder/builder/services/component.ts +217 -56
  24. package/src/impaktapps-ui-builder/builder/services/event.ts +175 -58
  25. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  26. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -111
  27. package/dist/src/impaktapps-ui-builder/builder/build/buildPdfViewer.d.ts +0 -1
  28. package/dist/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.d.ts +0 -19
  29. package/src/impaktapps-ui-builder/builder/build/buildPdfViewer.ts +0 -22
  30. package/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.ts +0 -18
@@ -2,9 +2,8 @@ export const ComponentSchema: any = {
2
2
  type: "object",
3
3
  properties: {
4
4
  type: {
5
- // type: "string",
6
5
  oneOf: [
7
- { title: "Masked Aadhaar", const: "AadharcardText" },
6
+ { title: "Masked Aadhar Card", const: "AadharcardText" },
8
7
  { title: "Array", const: "Array" },
9
8
  { title: "Button", const: "Button" },
10
9
  { title: "Data Card", const: "card" },
@@ -19,7 +18,7 @@ export const ComponentSchema: any = {
19
18
  { title: "Graph", const: "Graph" },
20
19
  { title: "Input Slider", const: "InputSlider" },
21
20
  { title: "Label", const: "Box" },
22
- { title: "LeaderBoard", const: "LeaderBoard" },
21
+ { title: "Leaderboard", const: "LeaderBoard" },
23
22
  { title: "Multi-Select Dropdown", const: "MultipleSelect" },
24
23
  { title: "Pan Card Masked", const: "PanCardText" },
25
24
  { title: "Pop Up", const: "PopUp" },
@@ -41,8 +40,7 @@ export const ComponentSchema: any = {
41
40
  { title: "Upload", const: "UploadFile" },
42
41
  { title: "Tree ", const: "TreeMap" },
43
42
  { title: "Column Group", const: "ColumnGroup" },
44
- { title: "Thought of the day", const: "Thought" },
45
- { title: "Pdf Viewer", const: "PdfViewer"}
43
+ { title: "Thought of the day", const: "Thought" }
46
44
  ]
47
45
  },
48
46
  columnFormat: {
@@ -71,7 +69,7 @@ export const ComponentSchema: any = {
71
69
  type: "array",
72
70
  items: {
73
71
  type: "object",
74
- properties: {
72
+ properties: {
75
73
  key: {
76
74
  type: "string",
77
75
  oneOf: [
@@ -82,7 +80,6 @@ export const ComponentSchema: any = {
82
80
  ],
83
81
  },
84
82
  value: {
85
- // type: "string",
86
83
 
87
84
  },
88
85
  },
@@ -103,7 +100,6 @@ export const ComponentSchema: any = {
103
100
  ],
104
101
  },
105
102
  value: {
106
- // type: "string",
107
103
 
108
104
  },
109
105
  },
@@ -192,7 +188,7 @@ export const ComponentSchema: any = {
192
188
  },
193
189
  },
194
190
  },
195
- enableColumnFilter:{
191
+ enableColumnFilter: {
196
192
  type: "array",
197
193
  items: {
198
194
  type: "object",
@@ -203,25 +199,23 @@ export const ComponentSchema: any = {
203
199
  },
204
200
  },
205
201
  },
206
- filteringOptions:{
207
- type: "array",
208
- items:{
209
- oneOf: [
210
- { const: 'fuzzy', title: 'Fuzzy' },
211
- { const: 'contains', title: 'Contain' },
212
- { const: 'startsWith', title: 'Starts with' },
213
- { const: 'endsWith', title: 'Ends with' },
214
- { const: 'equals', title: 'Equals' },
215
- { const: 'notEquals', title: 'Not Equals' },
216
- { const: 'between', title: 'Between' },
217
- { const: 'betweenInclusive', title: 'Between inclusive' },
218
- { const: 'greaterThan', title: 'Greater than' },
219
- { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
220
- { const: 'lessThan', title: 'Less than' },
221
- { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
222
- ]
223
- },
202
+ filteringOptions: {
203
+ oneOf: [
204
+ { const: 'fuzzy', title: 'Fuzzy' },
205
+ { const: 'contains', title: 'Contain' },
206
+ { const: 'startsWith', title: 'Starts with' },
207
+ { const: 'endsWith', title: 'Ends with' },
208
+ { const: 'equals', title: 'Equals' },
209
+ { const: 'notEquals', title: 'Not Equals' },
210
+ { const: 'between', title: 'Between' },
211
+ { const: 'betweenInclusive', title: 'Between inclusive' },
212
+ { const: 'greaterThan', title: 'Greater than' },
213
+ { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
214
+ { const: 'lessThan', title: 'Less than' },
215
+ { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
216
+ ]
224
217
  },
218
+
225
219
  legendLabels: {
226
220
  type: "array",
227
221
  items: {
@@ -340,11 +334,14 @@ export const ComponentSchema: any = {
340
334
  { title: "Info", const: "info" },
341
335
  ]
342
336
  },
337
+ pageName: {
338
+ path: []
339
+ },
343
340
  name: {
344
341
  type: "string",
345
342
  },
346
343
  label: { type: 'string' },
347
- RemoveItemButton:{
344
+ RemoveItemButton: {
348
345
  disabled: true,
349
346
  },
350
347
  },
@@ -1,28 +1,8 @@
1
- export const componentBasicUiSchema: any = (theme)=>{
1
+ export const componentBasicUiSchema: any = (theme) => {
2
2
  const uiSchema = {
3
3
  type: "HorizontalLayout",
4
4
  heading: "Page-Component",
5
5
  elements: [
6
- // {
7
- // type: "Control",
8
- // scope: "#/properties/pageName",
9
-
10
- // options: {
11
- // widget: "Box",
12
- // },
13
- // config: {
14
- // layout: 12,
15
- // main: {
16
- // heading: " ",
17
- // },
18
- // style: {
19
- // marginLeft: theme.spacing(3),
20
- // width:"auto",
21
- // fontSize:"12px",
22
- // color:"gray",
23
- // },
24
- // },
25
- // },
26
6
  {
27
7
  type: "TabLayout",
28
8
  config: {
@@ -110,20 +90,6 @@ export const componentBasicUiSchema: any = (theme)=>{
110
90
  },
111
91
  },
112
92
  },
113
- // {//////////////////////////
114
- // type: "Control",
115
- // scope: "#/properties/columnFormat",
116
- // options: {
117
- // widget: "SelectInputField",
118
- // },
119
- // config: {
120
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
121
- // main: {
122
- // label: "Column Format",
123
-
124
- // },
125
- // },
126
- // },/////////////////////
127
93
  {
128
94
  type: "Control",
129
95
  scope: "#/properties/proc",
@@ -134,61 +100,6 @@ export const componentBasicUiSchema: any = (theme)=>{
134
100
  widget: "EmptyBox",
135
101
  },
136
102
  },
137
- // {
138
- // type: "Control",
139
- // scope: "#/properties/layout",
140
- // layout: 12,
141
- // options: {
142
- // detail: {
143
- // type: "HorizontalLayout",
144
- // elements: [
145
- // {
146
- // type: "Control",
147
- // scope: "#/properties/key",
148
- // options: {
149
- // widget: "SelectInputField",
150
- // },
151
- // config: {
152
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
153
- // main: {
154
- // label: "Screen Size",
155
-
156
- // },
157
- // },
158
- // },
159
- // {
160
- // type: "Control",
161
- // scope: "#/properties/value",
162
-
163
- // options: {
164
- // widget: "InputField",
165
- // },
166
- // config: {
167
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
168
- // main: {
169
- // label: "Value",
170
- // type:"number",
171
- // // freeSolo:true,
172
- // helperText:'Number should be in range of 0 to 12',
173
- // errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
174
-
175
- // },
176
- // },
177
- // },
178
- // {
179
- // type: "Control",
180
- // scope: "#/properties/proc",
181
- // config: {
182
- // layout: { xs: 0, sm: 0, md: 4, lg: 4 },
183
- // },
184
- // options: {
185
- // widget: "EmptyBox",
186
- // },
187
- // },
188
- // ],
189
- // },
190
- // },
191
- // },
192
103
  {
193
104
  type: "Control",
194
105
  scope: "#/properties/layout",
@@ -239,7 +150,6 @@ export const componentBasicUiSchema: any = (theme)=>{
239
150
  main: {
240
151
  label: "Value",
241
152
  type:"number",
242
- // freeSolo:true,
243
153
  helperText:'Number should be in range of 0 to 12',
244
154
  errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
245
155
 
@@ -262,65 +172,6 @@ export const componentBasicUiSchema: any = (theme)=>{
262
172
  },
263
173
  ],
264
174
  },
265
- // {
266
- // type: "HorizontalLayout",
267
- // config: {
268
- // layout:{xs:12,sm: 6}
269
- // },
270
- // elements: [
271
- // {
272
- // type: "Control",
273
- // scope: "#/properties/RemoveItemButton",
274
- // options: {
275
- // widget: "IconButton",
276
- // },
277
- // config: {
278
- // layout: { xs: 1, sm: 1 },
279
- // main: {
280
- // onClick: "RemoveItemButton",
281
- // size: "large",
282
- // icon: "RejectIcon",
283
- // styleDefault: true,
284
- // },
285
- // style:{
286
- // marginLeft: "-10px"
287
- // }
288
- // },
289
- // },
290
-
291
- // {
292
- // type: "Control",
293
- // scope: "#/properties/copiedElementDetails",
294
-
295
- // options: {
296
- // widget: "Box",
297
- // },
298
- // config: {
299
- // layout: { xs: 6, sm: 6 },
300
- // main: {
301
- // heading: "No element copied",
302
- // },
303
- // style: {
304
- // color: "#535557",
305
- // marginLeft: "-10px",
306
- // fontSize: "12px",
307
- // marginTop: "4px"
308
- // },
309
- // },
310
- // },
311
- // {
312
- // type: "Control",
313
- // scope: "#/properties/EmptyBox",
314
- // options: {
315
- // widget: "EmptyBox",
316
- // },
317
- // config: {
318
- // layout: { xs: 1, sm: 5 },
319
- // },
320
- // },
321
- // ]
322
- // },
323
-
324
175
  {
325
176
  type: "WrapperLayout",
326
177
  config: {
@@ -407,15 +258,16 @@ export const componentBasicUiSchema: any = (theme)=>{
407
258
  config: {
408
259
  layout: 11,
409
260
  main: {
410
- heading: "Are you sure you want to delete ?",
261
+ heading: "Are you sure you want to delete this Component ?",
411
262
  },
412
263
  style:{
413
- marginTop: "-20px",
414
- fontSize: "20px",
415
264
  "&.MuiTypography-root": {
416
- padding: "10px 30px 20px 30px",
265
+ padding: "0px 20px",
417
266
  textAlign: "center",
418
- lineHeight: "1"
267
+ lineHeight: "1.2",
268
+ fontWeight: "normal",
269
+ fontSize: "18px",
270
+ marginBottom: theme.spacing(5)
419
271
  }
420
272
  }
421
273
  },
@@ -445,6 +297,8 @@ export const componentBasicUiSchema: any = (theme)=>{
445
297
  },
446
298
  style: {
447
299
  position: "absolute",
300
+ padding: "8px 0px",
301
+ fontSize: "16px",
448
302
  bottom: 0,
449
303
  left: 0,
450
304
  width: "50%",
@@ -480,6 +334,8 @@ export const componentBasicUiSchema: any = (theme)=>{
480
334
  },
481
335
  style: {
482
336
  position: "absolute",
337
+ padding: "8px 0px",
338
+ fontSize: "16px",
483
339
  bottom: 0,
484
340
  right: 0,
485
341
  width: "50%",
@@ -530,15 +386,17 @@ export const componentBasicUiSchema: any = (theme)=>{
530
386
  config: {
531
387
  layout: 11,
532
388
  main: {
533
- heading: "Are you sure you want to delete ?",
389
+ heading: "Are you sure you want to delete this Event ?",
534
390
  },
535
391
  style:{
536
- marginTop: "-20px",
537
392
  fontSize: "20px",
538
393
  "&.MuiTypography-root": {
539
- padding: "10px 30px 20px 30px",
394
+ padding: "0px 20px",
540
395
  textAlign: "center",
541
- lineHeight: "1"
396
+ lineHeight: "1.2",
397
+ fontWeight: "normal",
398
+ fontSize: "18px",
399
+ marginBottom: theme.spacing(5)
542
400
  }
543
401
  }
544
402
  },
@@ -568,6 +426,8 @@ export const componentBasicUiSchema: any = (theme)=>{
568
426
  },
569
427
  style: {
570
428
  position: "absolute",
429
+ padding: "8px 0px",
430
+ fontSize: "16px",
571
431
  bottom: 0,
572
432
  left: 0,
573
433
  width: "50%",
@@ -603,6 +463,8 @@ export const componentBasicUiSchema: any = (theme)=>{
603
463
  },
604
464
  style: {
605
465
  position: "absolute",
466
+ padding: "8px 0px",
467
+ fontSize: "16px",
606
468
  bottom: 0,
607
469
  right: 0,
608
470
  width: "50%",
@@ -623,6 +485,31 @@ export const componentBasicUiSchema: any = (theme)=>{
623
485
  },
624
486
  ]
625
487
  },
488
+ {
489
+ type: "Control",
490
+ scope: "#/properties/pageName",
491
+
492
+ options: {
493
+ widget: "Breadcrumb",
494
+ },
495
+ config: {
496
+ layout: 12,
497
+ main: {
498
+ onNavigatePopupNo: "onNavigatePopupNo",
499
+ onNavigatePopupYes: "onNavigatePopupYes"
500
+ },
501
+ style: {
502
+ paddingLeft: theme.spacing(3),
503
+ color:theme.palette.grey[600],
504
+ fontSize:"10px",
505
+ position: "fixed",
506
+ bottom: "24px",
507
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
508
+ borderTop: `1px solid ${theme.palette.common.black}29`,
509
+ backgroundColor: theme.palette.background.default,
510
+ },
511
+ },
512
+ },
626
513
  {
627
514
  type: "Control",
628
515
  scope: "#/properties/notify",
@@ -33,27 +33,6 @@ export const PageMasterUiSchema: any = (theme) => {
33
33
  },
34
34
  },
35
35
  },
36
- // {
37
- // type: "Control",
38
- // scope: "#/properties/template",
39
-
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
- // },
57
36
  {
58
37
  type: "Control",
59
38
  scope: "#/properties/label",
@@ -161,6 +140,7 @@ export const PageMasterUiSchema: any = (theme) => {
161
140
  icon: "TablePaste",
162
141
  iconLabel: "Paste",
163
142
  styleDefault: true,
143
+ title: ""
164
144
  },
165
145
  style: {
166
146
  mt: "6px",
@@ -259,7 +239,6 @@ export const PageMasterUiSchema: any = (theme) => {
259
239
  config: {
260
240
  main: {
261
241
  icon: "FileCopyIcon",
262
- // color: "error",
263
242
  onClick: "copyPasteElement",
264
243
  styleDefault: true,
265
244
  },
@@ -347,7 +326,7 @@ export const PageMasterUiSchema: any = (theme) => {
347
326
 
348
327
  {
349
328
  accessorKey: "eventType",
350
- header: "Event Type",
329
+ header: "Event's Type",
351
330
  size: 300,
352
331
  type: "string"
353
332
  },
@@ -359,7 +338,7 @@ export const PageMasterUiSchema: any = (theme) => {
359
338
  },
360
339
  {
361
340
  accessorKey: "Edit_Approve_Records",
362
- header: "Edit Widget",
341
+ header: "Edit",
363
342
  type: "action",
364
343
  size: 150,
365
344
  widget: {
@@ -431,69 +410,10 @@ export const PageMasterUiSchema: any = (theme) => {
431
410
  },
432
411
  },
433
412
  ]
434
- // }]
435
413
  },
436
414
 
437
415
  ],
438
416
  },
439
- // {
440
- // type: "HorizontalLayout",
441
- // config: {
442
- // layout:{xs:12,sm: 9}
443
- // },
444
- // elements: [
445
- // {
446
- // type: "Control",
447
- // scope: "#/properties/RemoveItemButton",
448
- // options: {
449
- // widget: "IconButton",
450
- // },
451
- // config: {
452
- // layout: { xs: 1, sm: 1 },
453
- // main: {
454
- // onClick: "RemoveItemButton",
455
- // size: "large",
456
- // icon: "RejectIcon",
457
- // styleDefault: true,
458
- // },
459
- // style:{
460
- // marginLeft: "-5px"
461
- // }
462
- // },
463
- // },
464
-
465
- // {
466
- // type: "Control",
467
- // scope: "#/properties/copiedElementDetails",
468
-
469
- // options: {
470
- // widget: "Box",
471
- // },
472
- // config: {
473
- // layout: { xs: 6, sm: 6 },
474
- // main: {
475
- // heading: "No element copied",
476
- // },
477
- // style: {
478
- // color: "#535557",
479
- // marginLeft: "-30px",
480
- // fontSize: "12px",
481
- // marginTop: "4px"
482
- // },
483
- // },
484
- // },
485
- // {
486
- // type: "Control",
487
- // scope: "#/properties/EmptyBox",
488
- // options: {
489
- // widget: "EmptyBox",
490
- // },
491
- // config: {
492
- // layout: { xs: 1, sm: 5 },
493
- // },
494
- // },
495
- // ]
496
- // },
497
417
  {
498
418
  scope: "#/properties/Remarks Container",
499
419
  type: "WrapperLayout",
@@ -569,15 +489,17 @@ export const PageMasterUiSchema: any = (theme) => {
569
489
  config: {
570
490
  layout: 11,
571
491
  main: {
572
- heading: "Are you sure you want to delete ?",
492
+ heading: "Are you sure you want to delete this Component ?",
573
493
  },
574
494
  style:{
575
- marginTop: "-20px",
576
495
  fontSize: "20px",
577
496
  "&.MuiTypography-root": {
578
- padding: "10px 30px 20px 30px",
497
+ padding: "0px 20px",
579
498
  textAlign: "center",
580
- lineHeight: "1"
499
+ lineHeight: "1.2",
500
+ fontWeight: "normal",
501
+ fontSize: "18px",
502
+ marginBottom: theme.spacing(5)
581
503
  }
582
504
  }
583
505
  },
@@ -600,15 +522,15 @@ export const PageMasterUiSchema: any = (theme) => {
600
522
  layout: 6,
601
523
  main: {
602
524
  name: "No",
603
- startIcon: "ApproveIcon",
604
525
  variant: "contained",
605
- color: "info",
606
526
  type: "text",
607
527
  onClick: "deletePopUpComponent",
608
528
  size: "large",
609
529
  },
610
530
  style: {
611
531
  position: "absolute",
532
+ padding: "8px 0px",
533
+ fontSize: "16px",
612
534
  bottom: 0,
613
535
  left: 0,
614
536
  width: "50%",
@@ -636,7 +558,6 @@ export const PageMasterUiSchema: any = (theme) => {
636
558
  layout: 6,
637
559
  main: {
638
560
  name: "Yes",
639
- startIcon: "ApproveIcon",
640
561
  variant: "contained",
641
562
  color: "error",
642
563
  type: "text",
@@ -645,6 +566,8 @@ export const PageMasterUiSchema: any = (theme) => {
645
566
  },
646
567
  style: {
647
568
  position: "absolute",
569
+ padding: "8px 0px",
570
+ fontSize: "16px",
648
571
  bottom: 0,
649
572
  right: 0,
650
573
  width: "50%",
@@ -695,15 +618,17 @@ export const PageMasterUiSchema: any = (theme) => {
695
618
  config: {
696
619
  layout: 11,
697
620
  main: {
698
- heading: "Are you sure you want to delete ?",
621
+ heading: "Are you sure you want to delete this Event ?",
699
622
  },
700
623
  style:{
701
- marginTop: "-20px",
702
624
  fontSize: "20px",
703
625
  "&.MuiTypography-root": {
704
- padding: "10px 30px 20px 30px",
626
+ padding: "0px 20px",
705
627
  textAlign: "center",
706
- lineHeight: "1"
628
+ lineHeight: "1.2",
629
+ fontWeight: "normal",
630
+ fontSize: "18px",
631
+ marginBottom: theme.spacing(5)
707
632
  }
708
633
  }
709
634
  },
@@ -726,15 +651,15 @@ export const PageMasterUiSchema: any = (theme) => {
726
651
  layout: 6,
727
652
  main: {
728
653
  name: "No",
729
- startIcon: "ApproveIcon",
730
654
  variant: "contained",
731
- color: "info",
732
655
  type: "text",
733
656
  onClick: "deletePopUpEvent",
734
657
  size: "large",
735
658
  },
736
659
  style: {
737
660
  position: "absolute",
661
+ padding: "8px 0px",
662
+ fontSize: "16px",
738
663
  bottom: 0,
739
664
  left: 0,
740
665
  width: "50%",
@@ -762,7 +687,6 @@ export const PageMasterUiSchema: any = (theme) => {
762
687
  layout: 6,
763
688
  main: {
764
689
  name: "Yes",
765
- startIcon: "ApproveIcon",
766
690
  variant: "contained",
767
691
  color: "error",
768
692
  type: "text",
@@ -771,6 +695,8 @@ export const PageMasterUiSchema: any = (theme) => {
771
695
  },
772
696
  style: {
773
697
  position: "absolute",
698
+ padding: "8px 0px",
699
+ fontSize: "16px",
774
700
  bottom: 0,
775
701
  right: 0,
776
702
  width: "50%",