impaktapps-ui-builder 0.0.382460 → 1.0.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 (45) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1273 -1115
  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/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/card.d.ts +10 -2
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +23 -32
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts +1 -0
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  14. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +6 -0
  15. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  16. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  17. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +2 -0
  18. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +8 -0
  19. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +1 -1
  20. package/package.json +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts +2 -0
  22. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +6 -1
  23. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  24. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +39 -27
  25. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  26. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +113 -61
  27. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +8 -4
  28. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +108 -88
  29. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
  30. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  31. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  32. package/src/impaktapps-ui-builder/builder/build/uischema/table.ts +1 -0
  33. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  34. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +73 -2
  35. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +63 -45
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +50 -44
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +232 -309
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +166 -224
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +147 -205
  41. package/src/impaktapps-ui-builder/builder/services/component.ts +228 -57
  42. package/src/impaktapps-ui-builder/builder/services/event.ts +182 -66
  43. package/src/impaktapps-ui-builder/builder/services/utils.ts +2 -2
  44. package/src/impaktapps-ui-builder/runtime/services/events.ts +32 -21
  45. package/src/impaktapps-ui-builder/runtime/services/service.ts +18 -29
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,56 +1,63 @@
1
- export const componentBasicUiSchema: any = (theme)=>{
1
+ export const componentBasicUiSchema: any = (theme) => {
2
2
  const uiSchema = {
3
3
  type: "HorizontalLayout",
4
- heading: "Component",
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: {
29
9
  main: {
30
10
  tabLabels: ["Core"],
31
- defaultStyle: true,
32
11
  id:`component`
33
12
  },
13
+ style: {
14
+ TabPanelStyle: {
15
+ padding: 0,
16
+ }
17
+ },
18
+ TabsStyle: {
19
+ marginBottom: "3px",
20
+ paddingBottom: "4px",
21
+ boxShadow: "0px 3px 4px #afafaf80",
22
+ "& .MuiTabs-indicator": {
23
+ bottom: "6px",
24
+ }
25
+ },
34
26
  },
35
27
 
36
28
  elements: [
37
29
  {
38
- type: "HorizontalLayout",
30
+ type: "WrapperLayout",
31
+ config: {
32
+ main: {
33
+ label: " ",
34
+ gap: "8px"
35
+ }
36
+ },
39
37
  elements: [
40
38
  {
41
39
  type: "Control",
42
40
  scope: "#/properties/type",
43
-
44
41
  options: {
45
42
  widget: "SelectInputField",
46
43
  },
47
44
  config: {
48
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
45
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
49
46
  main: {
50
47
  label: "Type",
51
48
  },
52
49
  },
53
50
  },
51
+ {
52
+ type: "Control",
53
+ scope: "#/properties/proc",
54
+ config: {
55
+ layout: { xs: 6, sm: 0, md: 0, lg: 0 },
56
+ },
57
+ options: {
58
+ widget: "EmptyBox",
59
+ },
60
+ },
54
61
  {
55
62
  type: "Control",
56
63
  scope: "#/properties/name",
@@ -59,11 +66,9 @@ export const componentBasicUiSchema: any = (theme)=>{
59
66
  widget: "InputField",
60
67
  },
61
68
  config: {
62
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
69
+ layout: { xs: 12, sm: 6, md: 4, lg: 3 },
63
70
  main: {
64
- label: "Name",
65
- options: [],
66
- color: "secondary",
71
+ label: "Component ID",
67
72
  required: true,
68
73
  },
69
74
  },
@@ -76,7 +81,7 @@ export const componentBasicUiSchema: any = (theme)=>{
76
81
  widget: "InputField",
77
82
  },
78
83
  config: {
79
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
84
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
80
85
  main: {
81
86
  label: "Label",
82
87
  options: [],
@@ -85,199 +90,199 @@ export const componentBasicUiSchema: any = (theme)=>{
85
90
  },
86
91
  },
87
92
  },
88
- {
89
- type: "Control",
90
- scope: "#/properties/columnFormat",
91
- options: {
92
- widget: "SelectInputField",
93
- },
94
- config: {
95
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
96
- main: {
97
- label: "Column Format",
98
-
99
- },
100
- },
101
- },
102
- {
103
- type: "Control",
104
- scope: "#/properties/proc",
105
- config: {
106
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
107
- },
108
- options: {
109
- widget: "EmptyBox",
110
- },
111
- },
112
93
  {
113
94
  type: "Control",
114
95
  scope: "#/properties/proc",
115
96
  config: {
116
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
97
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
117
98
  },
118
99
  options: {
119
100
  widget: "EmptyBox",
120
101
  },
121
102
  },
103
+ // {
104
+ // type: "Control",
105
+ // scope: "#/properties/layout",
106
+ // options: {
107
+ // widget: "Array",
108
+ // },
109
+ // config: {
110
+ // layout: 12,
111
+ // main: {
112
+ // label: "Layout",
113
+ // childElementLabel: "Layout",
114
+ // },
115
+ // style: {
116
+ // marginLeft: "-24px",
117
+ // marginBottom: "24px !important",
118
+ // labelStyle: {
119
+ // marginLeft: "24px",
120
+ // },
121
+ // detailsStyle: {
122
+ // marginLeft: "24px",
123
+ // }
124
+ // }
125
+ // },
126
+ // elements: [
127
+ // {
128
+ // type: "Control",
129
+ // scope: "#/properties/key",
130
+ // options: {
131
+ // widget: "SelectInputField",
132
+ // },
133
+ // config: {
134
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
135
+ // main: {
136
+ // label: "Screen Size",
137
+
138
+ // },
139
+ // },
140
+ // },
141
+ // {
142
+ // type: "Control",
143
+ // scope: "#/properties/value",
144
+
145
+ // options: {
146
+ // widget: "InputField",
147
+ // },
148
+ // config: {
149
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
150
+ // main: {
151
+ // label: "Value",
152
+ // type:"number",
153
+ // helperText:'Number should be in range of 0 to 12',
154
+ // errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
155
+
156
+ // },
157
+ // },
158
+ // },
159
+ // {
160
+ // type: "Control",
161
+ // scope: "#/properties/proc",
162
+ // config: {
163
+ // layout: { xs: 0, sm: 0, md: 4, lg: 4 },
164
+ // },
165
+ // options: {
166
+ // widget: "EmptyBox",
167
+ // },
168
+ // },
169
+ // ],
170
+ // },
122
171
  {
123
- type: "Control",
124
- scope: "#/properties/layout",
125
- layout: 12,
126
- options: {
127
- detail: {
128
- type: "HorizontalLayout",
129
- elements: [
130
- {
131
- type: "Control",
132
- scope: "#/properties/key",
133
- options: {
134
- widget: "SelectInputField",
135
- },
136
- config: {
137
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
138
- main: {
139
- label: "Screen Size",
140
-
172
+ type: "Control",
173
+ scope: "#/properties/layout",
174
+ layout: 12,
175
+ options: {
176
+ detail: {
177
+ type: "HorizontalLayout",
178
+ elements: [
179
+ {
180
+ type: "Control",
181
+ scope: "#/properties/key",
182
+ options: {
183
+ widget: "SelectInputField",
141
184
  },
142
- },
143
- },
144
- {
145
- type: "Control",
146
- scope: "#/properties/value",
185
+ config: {
186
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
187
+ main: {
188
+ label: "Screen Size",
147
189
 
148
- options: {
149
- widget: "InputField",
150
- },
151
- config: {
152
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
153
- main: {
154
- label: "Value",
155
- type:"number",
156
- // freeSolo:true,
157
- helperText:'Number should be in range of 0 to 12',
158
- errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
159
-
190
+ },
160
191
  },
161
192
  },
162
- },
163
- {
164
- type: "Control",
165
- scope: "#/properties/proc",
166
- config: {
167
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
193
+ {
194
+ type: "Control",
195
+ scope: "#/properties/value",
196
+
197
+ options: {
198
+ widget: "InputField",
199
+ },
200
+ config: {
201
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
202
+ main: {
203
+ label: "Value",
204
+ type: "number",
205
+ // freeSolo:true,
206
+ helperText: 'Number should be in range of 0 to 12',
207
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
208
+
209
+ },
210
+ },
168
211
  },
169
- options: {
170
- widget: "EmptyBox",
212
+ {
213
+ type: "Control",
214
+ scope: "#/properties/proc",
215
+ config: {
216
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
217
+ },
218
+ options: {
219
+ widget: "EmptyBox",
220
+ },
171
221
  },
172
- },
173
- ],
222
+ ],
223
+ },
174
224
  },
175
225
  },
176
- },
177
226
  ],
178
227
  },
179
228
  ],
180
229
  },
181
230
  {
182
- type: "HorizontalLayout",
231
+ type: "WrapperLayout",
183
232
  config: {
184
- layout:{xs:12,sm: 6}
233
+ main: {
234
+ gap: "8px"
235
+ }
185
236
  },
186
237
  elements: [
187
238
  {
188
239
  type: "Control",
189
- scope: "#/properties/RemoveItemButton",
240
+ scope: "#/properties/btn",
190
241
  options: {
191
- widget: "IconButton",
242
+ widget: "Button",
192
243
  },
244
+
193
245
  config: {
194
- layout: { xs: 1, sm: 1 },
246
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
195
247
  main: {
196
- onClick: "RemoveItemButton",
197
- size: "large",
198
- icon: "RejectIcon",
199
- styleDefault: true,
248
+ name: "Ok",
249
+ variant: "contained",
250
+ type: "text",
251
+ onClick: "okHandler",
252
+ size: "medium",
200
253
  },
201
- style:{
202
- marginLeft: "-10px"
203
- }
204
254
  },
205
255
  },
206
-
207
256
  {
208
257
  type: "Control",
209
- scope: "#/properties/copiedElementDetails",
210
-
258
+ scope: "#/properties/btnSubmit",
211
259
  options: {
212
- widget: "Box",
260
+ widget: "Button",
213
261
  },
262
+
214
263
  config: {
215
- layout: { xs: 6, sm: 6 },
264
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
216
265
  main: {
217
- heading: "No element copied",
218
- },
219
- style: {
220
- color: "#535557",
221
- marginLeft: "-10px",
222
- fontSize: "12px",
223
- marginTop: "4px"
266
+ name: "Save & Exit",
267
+ variant: "contained",
268
+ type: "text",
269
+ onClick: "saveHandler",
270
+ size: "medium",
224
271
  },
225
272
  },
226
273
  },
227
274
  {
228
275
  type: "Control",
229
276
  scope: "#/properties/EmptyBox",
277
+ config: {
278
+ layout: { xs: 4, sm:7, md: 8, lg: 9 },
279
+ },
230
280
  options: {
231
281
  widget: "EmptyBox",
232
282
  },
233
- config: {
234
- layout: { xs: 1, sm: 5 },
235
- },
236
283
  },
237
- ]
238
- },
239
- {
240
- type: "Control",
241
- scope: "#/properties/btn",
242
- options: {
243
- widget: "Button",
244
- },
245
-
246
- config: {
247
- layout: { xs: 4, sm: 2 },
248
- main: {
249
- name: "Ok",
250
- startIcon: "ApproveIcon",
251
- variant: "contained",
252
- // color: "info",
253
- type: "text",
254
- onClick: "okHandler",
255
- size: "medium",
256
- },
257
- },
258
- },
259
- {
260
- type: "Control",
261
- scope: "#/properties/btnSubmit",
262
- options: {
263
- widget: "Button",
264
- },
265
-
266
- config: {
267
- layout: { xs: 4, sm: 2 },
268
- main: {
269
- name: "Save & Exit",
270
- startIcon: "ApproveIcon",
271
- variant: "contained",
272
- // color: "info",
273
- type: "text",
274
- onClick: "saveHandler",
275
- size: "medium",
276
- },
277
- },
284
+ ],
278
285
  },
279
-
280
-
281
286
  {
282
287
  type: "Control",
283
288
  scope: "#/properties/popUpComponentSection",
@@ -306,17 +311,18 @@ export const componentBasicUiSchema: any = (theme)=>{
306
311
  widget: "Box",
307
312
  },
308
313
  config: {
309
- layout: 12,
314
+ layout: 11,
310
315
  main: {
311
- heading: "Are you sure you want to delete ?",
316
+ heading: "Are you sure you want to delete this Component ?",
312
317
  },
313
318
  style:{
314
- marginTop: "-20px",
315
- fontSize: "20px",
316
319
  "&.MuiTypography-root": {
317
- padding: "10px 30px 20px 30px",
320
+ padding: "0px 20px",
318
321
  textAlign: "center",
319
- lineHeight: "1"
322
+ lineHeight: "1.2",
323
+ fontWeight: "normal",
324
+ fontSize: "18px",
325
+ marginBottom: theme.spacing(5)
320
326
  }
321
327
  }
322
328
  },
@@ -324,7 +330,7 @@ export const componentBasicUiSchema: any = (theme)=>{
324
330
  {
325
331
  type: "WrapperLayout",
326
332
  config: {
327
- layout: 12,
333
+ layout: 11,
328
334
  main: {},
329
335
 
330
336
  },
@@ -339,15 +345,15 @@ export const componentBasicUiSchema: any = (theme)=>{
339
345
  layout: 6,
340
346
  main: {
341
347
  name: "No",
342
- startIcon: "ApproveIcon",
343
348
  variant: "contained",
344
- color: "info",
345
349
  type: "text",
346
350
  onClick: "deletePopUpComponent",
347
351
  size: "large",
348
352
  },
349
353
  style: {
350
354
  position: "absolute",
355
+ padding: "8px 0px",
356
+ fontSize: "16px",
351
357
  bottom: 0,
352
358
  left: 0,
353
359
  width: "50%",
@@ -375,7 +381,6 @@ export const componentBasicUiSchema: any = (theme)=>{
375
381
  layout: 6,
376
382
  main: {
377
383
  name: "Yes",
378
- startIcon: "ApproveIcon",
379
384
  variant: "contained",
380
385
  color: "error",
381
386
  type: "text",
@@ -384,6 +389,8 @@ export const componentBasicUiSchema: any = (theme)=>{
384
389
  },
385
390
  style: {
386
391
  position: "absolute",
392
+ padding: "8px 0px",
393
+ fontSize: "16px",
387
394
  bottom: 0,
388
395
  right: 0,
389
396
  width: "50%",
@@ -432,17 +439,19 @@ export const componentBasicUiSchema: any = (theme)=>{
432
439
  widget: "Box",
433
440
  },
434
441
  config: {
435
- layout: 12,
442
+ layout: 11,
436
443
  main: {
437
- heading: "Are you sure you want to delete ?",
444
+ heading: "Are you sure you want to delete this Event ?",
438
445
  },
439
446
  style:{
440
- marginTop: "-20px",
441
447
  fontSize: "20px",
442
448
  "&.MuiTypography-root": {
443
- padding: "10px 30px 20px 30px",
449
+ padding: "0px 20px",
444
450
  textAlign: "center",
445
- lineHeight: "1"
451
+ lineHeight: "1.2",
452
+ fontWeight: "normal",
453
+ fontSize: "18px",
454
+ marginBottom: theme.spacing(5)
446
455
  }
447
456
  }
448
457
  },
@@ -450,7 +459,7 @@ export const componentBasicUiSchema: any = (theme)=>{
450
459
  {
451
460
  type: "WrapperLayout",
452
461
  config: {
453
- layout: 12,
462
+ layout: 11,
454
463
  main: {},
455
464
 
456
465
  },
@@ -465,15 +474,15 @@ export const componentBasicUiSchema: any = (theme)=>{
465
474
  layout: 6,
466
475
  main: {
467
476
  name: "No",
468
- startIcon: "ApproveIcon",
469
477
  variant: "contained",
470
- color: "info",
471
478
  type: "text",
472
479
  onClick: "deletePopUpEvent",
473
480
  size: "large",
474
481
  },
475
482
  style: {
476
483
  position: "absolute",
484
+ padding: "8px 0px",
485
+ fontSize: "16px",
477
486
  bottom: 0,
478
487
  left: 0,
479
488
  width: "50%",
@@ -501,7 +510,6 @@ export const componentBasicUiSchema: any = (theme)=>{
501
510
  layout: 6,
502
511
  main: {
503
512
  name: "Yes",
504
- startIcon: "ApproveIcon",
505
513
  variant: "contained",
506
514
  color: "error",
507
515
  type: "text",
@@ -510,6 +518,8 @@ export const componentBasicUiSchema: any = (theme)=>{
510
518
  },
511
519
  style: {
512
520
  position: "absolute",
521
+ padding: "8px 0px",
522
+ fontSize: "16px",
513
523
  bottom: 0,
514
524
  right: 0,
515
525
  width: "50%",
@@ -532,51 +542,26 @@ export const componentBasicUiSchema: any = (theme)=>{
532
542
  },
533
543
  {
534
544
  type: "Control",
535
- scope: "#/properties/EmptyBox",
536
- options: {
537
- widget: "EmptyBox",
538
- },
539
- config: {
540
- layout: { xs: 4, sm: 8 },
541
- },
542
- },
543
- {
544
- type: "Control",
545
- scope: "#/properties/btn",
545
+ scope: "#/properties/pageName",
546
+
546
547
  options: {
547
- widget: "Button",
548
+ widget: "Breadcrumb",
548
549
  },
549
-
550
550
  config: {
551
- layout: { xs: 4, sm: 2 },
551
+ layout: 12,
552
552
  main: {
553
- name: "Ok",
554
- startIcon: "ApproveIcon",
555
- variant: "contained",
556
- // color: "info",
557
- type: "text",
558
- onClick: "okHandler",
559
- size: "medium",
553
+ onNavigatePopupNo: "onNavigatePopupNo",
554
+ onNavigatePopupYes: "onNavigatePopupYes"
560
555
  },
561
- },
562
- },
563
- {
564
- type: "Control",
565
- scope: "#/properties/btnSubmit",
566
- options: {
567
- widget: "Button",
568
- },
569
-
570
- config: {
571
- layout: { xs: 4, sm: 2 },
572
- main: {
573
- name: "Save & Exit",
574
- startIcon: "ApproveIcon",
575
- variant: "contained",
576
- // color: "info",
577
- type: "text",
578
- onClick: "saveHandler",
579
- size: "medium",
556
+ style: {
557
+ paddingLeft: theme.spacing(3),
558
+ color:theme.palette.grey[600],
559
+ fontSize:"10px",
560
+ position: "fixed",
561
+ bottom: "24px",
562
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
563
+ borderTop: `1px solid ${theme.palette.common.black}29`,
564
+ backgroundColor: theme.palette.background.default,
580
565
  },
581
566
  },
582
567
  },
@@ -592,22 +577,20 @@ export const componentBasicUiSchema: any = (theme)=>{
592
577
  type: "HorizontalLayout",
593
578
  config: {
594
579
  main: {
595
- direction: 'row'
580
+ direction: "row",
596
581
  },
597
582
  style: {
598
583
  flexDirection: "row",
599
584
  position: "absolute",
600
- bottom: 0,
601
- marginBottom: '-8px',
602
- height: 'fit-content',
603
- overflow: 'hidden',
585
+ bottom: 10,
586
+ height: "fit-content",
587
+ overflow: "hidden",
604
588
  zIndex: 1000,
605
- width: 'inherit'
606
- }
589
+ width: "inherit",
590
+ },
607
591
  },
608
592
  elements: [
609
593
  {
610
-
611
594
  type: "Control",
612
595
  scope: "#/properties/FooterText",
613
596
  options: {
@@ -615,84 +598,24 @@ export const componentBasicUiSchema: any = (theme)=>{
615
598
  },
616
599
  config: {
617
600
  main: {
618
- heading: "Copywriter@ACT21.IO"
601
+ heading: "Copywriter@ACT21.IO",
619
602
  },
620
603
  style: {
621
604
  color: theme?.palette?.text.disabled || "#AFAFAF",
622
- fontSize: '12px',
623
- textAlign: 'center',
624
- lineHeight: 2,
625
- width: 'fit-content',
626
- left: '50%',
627
- position: 'relative',
628
- margin: 0,
605
+ fontSize: "11px",
606
+ textAlign: "center",
607
+ lineHeight: 0,
608
+ width: "fit-content",
609
+ left: "50%",
610
+ position: "relative",
611
+ margin: "revert",
629
612
  flexGrow: 1,
630
613
  height: 0,
631
- transform: "translate(-50%,0%)"
632
- }
633
- },
634
- },
635
- {
636
- type: "Control",
637
- scope: "#/properties/backIcon",
638
- options: {
639
- widget: "Box",
640
- },
641
- config: {
642
- main: {
643
- iconName: 'PrevIcon',
644
- onClick: "backHandler",
645
- width: 'fit-content',
646
- },
647
- style: {
648
- fill: theme.palette.primary.main,
649
- width: 20,
650
- height: 0,
651
- margin: 0,
652
- top: 0,
653
- right: {xs: '12px', sm: '84px'},
654
- position: 'absolute',
655
- fontSize: '12px',
656
- cursor: 'pointer',
657
- ':hover': {
658
- fill: theme.palette.primary.dark,
659
- }
660
- }
661
- }
662
- },
663
- {
664
- type: "Control",
665
- scope: "#/properties/text",
666
-
667
- options: {
668
- widget: "Box",
669
- },
670
- config: {
671
- main: {
672
- heading: "Previous Page",
673
- onClick: "backHandler"
614
+ transform: "translate(-50%, 0%)",
674
615
  },
675
- style: {
676
- display: {xs: 'none', sm: "flex"},
677
- textAlign: 'left',
678
- lineHeight: 1,
679
- height: 0,
680
- width: 'fit-content',
681
- color: theme.palette.primary.main,
682
- fontSize: "12px",
683
- cursor: 'pointer',
684
- marginLeft: '2px',
685
- marginRight: 0,
686
- top: 3,
687
- right: '12px',
688
- position: 'absolute',
689
- ':hover': {
690
- color: theme.palette.primary.dark,
691
- }
692
- }
693
616
  },
694
617
  },
695
- ]
618
+ ],
696
619
  }
697
620
  ],
698
621
  };