impaktapps-ui-builder 0.0.101-alpha.3 → 0.0.101-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 (30) hide show
  1. package/dist/impaktapps-ui-builder.es.js +958 -939
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +13 -13
  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/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  16. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +100 -94
  17. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +189 -110
  18. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
  19. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  20. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  21. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  22. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  23. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -45
  24. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +20 -20
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +297 -346
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +52 -32
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +12 -12
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +200 -289
  29. package/src/impaktapps-ui-builder/builder/services/component.ts +32 -32
  30. package/src/impaktapps-ui-builder/builder/services/event.ts +13 -14
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,56 +1,83 @@
1
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",
6
+ // {
7
+ // type: "Control",
8
+ // scope: "#/properties/pageName",
9
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
- },
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
26
  {
27
27
  type: "TabLayout",
28
28
  config: {
29
29
  main: {
30
30
  tabLabels: ["Core"],
31
- defaultStyle: true,
32
31
  id:`component`
33
32
  },
33
+ style: {
34
+ TabPanelStyle: {
35
+ padding: 0,
36
+ }
37
+ },
38
+ TabsStyle: {
39
+ marginBottom: "3px",
40
+ paddingBottom: "4px",
41
+ boxShadow: "0px 3px 4px #afafaf80",
42
+ "& .MuiTabs-indicator": {
43
+ bottom: "6px",
44
+ }
45
+ },
34
46
  },
35
47
 
36
48
  elements: [
37
49
  {
38
- type: "HorizontalLayout",
50
+ type: "WrapperLayout",
51
+ config: {
52
+ main: {
53
+ label: " ",
54
+ gap: "8px"
55
+ }
56
+ },
39
57
  elements: [
40
58
  {
41
59
  type: "Control",
42
60
  scope: "#/properties/type",
43
-
44
61
  options: {
45
62
  widget: "SelectInputField",
46
63
  },
47
64
  config: {
48
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
65
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
49
66
  main: {
50
67
  label: "Type",
51
68
  },
52
69
  },
53
70
  },
71
+ {
72
+ type: "Control",
73
+ scope: "#/properties/proc",
74
+ config: {
75
+ layout: { xs: 6, sm: 0, md: 0, lg: 0 },
76
+ },
77
+ options: {
78
+ widget: "EmptyBox",
79
+ },
80
+ },
54
81
  {
55
82
  type: "Control",
56
83
  scope: "#/properties/name",
@@ -59,11 +86,9 @@ export const componentBasicUiSchema: any = (theme)=>{
59
86
  widget: "InputField",
60
87
  },
61
88
  config: {
62
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
89
+ layout: { xs: 12, sm: 6, md: 4, lg: 3 },
63
90
  main: {
64
- label: "Name",
65
- options: [],
66
- color: "secondary",
91
+ label: "Component ID",
67
92
  required: true,
68
93
  },
69
94
  },
@@ -76,7 +101,7 @@ export const componentBasicUiSchema: any = (theme)=>{
76
101
  widget: "InputField",
77
102
  },
78
103
  config: {
79
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
104
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
80
105
  main: {
81
106
  label: "Label",
82
107
  options: [],
@@ -85,199 +110,273 @@ export const componentBasicUiSchema: any = (theme)=>{
85
110
  },
86
111
  },
87
112
  },
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",
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",
98
123
 
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
- },
124
+ // },
125
+ // },
126
+ // },/////////////////////
112
127
  {
113
128
  type: "Control",
114
129
  scope: "#/properties/proc",
115
130
  config: {
116
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
131
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
117
132
  },
118
133
  options: {
119
134
  widget: "EmptyBox",
120
135
  },
121
136
  },
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
+ // },
122
192
  {
123
193
  type: "Control",
124
194
  scope: "#/properties/layout",
125
- layout: 12,
126
195
  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
-
141
- },
142
- },
196
+ widget: "Array",
197
+ },
198
+ config: {
199
+ layout: 12,
200
+ main: {
201
+ label: "Layout",
202
+ childElementLabel: "Layout",
203
+ },
204
+ style: {
205
+ marginLeft: "-24px",
206
+ marginBottom: "24px !important",
207
+ labelStyle: {
208
+ marginLeft: "24px",
209
+ },
210
+ detailsStyle: {
211
+ marginLeft: "24px",
212
+ }
213
+ }
214
+ },
215
+ elements: [
216
+ {
217
+ type: "Control",
218
+ scope: "#/properties/key",
219
+ options: {
220
+ widget: "SelectInputField",
221
+ },
222
+ config: {
223
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
224
+ main: {
225
+ label: "Screen Size",
226
+
143
227
  },
144
- {
145
- type: "Control",
146
- scope: "#/properties/value",
228
+ },
229
+ },
230
+ {
231
+ type: "Control",
232
+ scope: "#/properties/value",
147
233
 
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
-
160
- },
161
- },
162
- },
163
- {
164
- type: "Control",
165
- scope: "#/properties/proc",
166
- config: {
167
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
168
- },
169
- options: {
170
- widget: "EmptyBox",
171
- },
234
+ options: {
235
+ widget: "InputField",
236
+ },
237
+ config: {
238
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
239
+ main: {
240
+ label: "Value",
241
+ type:"number",
242
+ // freeSolo:true,
243
+ helperText:'Number should be in range of 0 to 12',
244
+ errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
245
+
172
246
  },
173
- ],
247
+ },
174
248
  },
175
- },
249
+ {
250
+ type: "Control",
251
+ scope: "#/properties/proc",
252
+ config: {
253
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
254
+ },
255
+ options: {
256
+ widget: "EmptyBox",
257
+ },
258
+ },
259
+ ],
176
260
  },
177
261
  ],
178
262
  },
179
263
  ],
180
264
  },
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
+
181
324
  {
182
- type: "HorizontalLayout",
325
+ type: "WrapperLayout",
183
326
  config: {
184
- layout:{xs:12,sm: 6}
327
+ main: {
328
+ gap: "8px"
329
+ }
185
330
  },
186
331
  elements: [
187
332
  {
188
333
  type: "Control",
189
- scope: "#/properties/RemoveItemButton",
334
+ scope: "#/properties/btn",
190
335
  options: {
191
- widget: "IconButton",
336
+ widget: "Button",
192
337
  },
338
+
193
339
  config: {
194
- layout: { xs: 1, sm: 1 },
340
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
195
341
  main: {
196
- onClick: "RemoveItemButton",
197
- size: "large",
198
- icon: "RejectIcon",
199
- styleDefault: true,
342
+ name: "Ok",
343
+ variant: "contained",
344
+ type: "text",
345
+ onClick: "okHandler",
346
+ size: "medium",
200
347
  },
201
- style:{
202
- marginLeft: "-10px"
203
- }
204
348
  },
205
349
  },
206
-
207
350
  {
208
351
  type: "Control",
209
- scope: "#/properties/copiedElementDetails",
210
-
352
+ scope: "#/properties/btnSubmit",
211
353
  options: {
212
- widget: "Box",
354
+ widget: "Button",
213
355
  },
356
+
214
357
  config: {
215
- layout: { xs: 6, sm: 6 },
358
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
216
359
  main: {
217
- heading: "No element copied",
218
- },
219
- style: {
220
- color: "#535557",
221
- marginLeft: "-10px",
222
- fontSize: "12px",
223
- marginTop: "4px"
360
+ name: "Save & Exit",
361
+ variant: "contained",
362
+ type: "text",
363
+ onClick: "saveHandler",
364
+ size: "medium",
224
365
  },
225
366
  },
226
367
  },
227
368
  {
228
369
  type: "Control",
229
370
  scope: "#/properties/EmptyBox",
371
+ config: {
372
+ layout: { xs: 4, sm:7, md: 8, lg: 9 },
373
+ },
230
374
  options: {
231
375
  widget: "EmptyBox",
232
376
  },
233
- config: {
234
- layout: { xs: 1, sm: 5 },
235
- },
236
- },
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
377
  },
257
- },
378
+ ],
258
379
  },
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
- },
278
- },
279
-
280
-
281
380
  {
282
381
  type: "Control",
283
382
  scope: "#/properties/popUpComponentSection",
@@ -339,9 +438,7 @@ export const componentBasicUiSchema: any = (theme)=>{
339
438
  layout: 6,
340
439
  main: {
341
440
  name: "No",
342
- startIcon: "ApproveIcon",
343
441
  variant: "contained",
344
- color: "info",
345
442
  type: "text",
346
443
  onClick: "deletePopUpComponent",
347
444
  size: "large",
@@ -375,7 +472,6 @@ export const componentBasicUiSchema: any = (theme)=>{
375
472
  layout: 6,
376
473
  main: {
377
474
  name: "Yes",
378
- startIcon: "ApproveIcon",
379
475
  variant: "contained",
380
476
  color: "error",
381
477
  type: "text",
@@ -465,9 +561,7 @@ export const componentBasicUiSchema: any = (theme)=>{
465
561
  layout: 6,
466
562
  main: {
467
563
  name: "No",
468
- startIcon: "ApproveIcon",
469
564
  variant: "contained",
470
- color: "info",
471
565
  type: "text",
472
566
  onClick: "deletePopUpEvent",
473
567
  size: "large",
@@ -501,7 +595,6 @@ export const componentBasicUiSchema: any = (theme)=>{
501
595
  layout: 6,
502
596
  main: {
503
597
  name: "Yes",
504
- startIcon: "ApproveIcon",
505
598
  variant: "contained",
506
599
  color: "error",
507
600
  type: "text",
@@ -530,6 +623,31 @@ export const componentBasicUiSchema: any = (theme)=>{
530
623
  },
531
624
  ]
532
625
  },
626
+ {
627
+ type: "Control",
628
+ scope: "#/properties/pageName",
629
+
630
+ options: {
631
+ widget: "Box",
632
+ },
633
+ config: {
634
+ layout: 12,
635
+ main: {
636
+ heading: "",
637
+ },
638
+ style: {
639
+ paddingLeft: theme.spacing(3),
640
+ width:"100%",
641
+ fontSize:"10px",
642
+ color:theme.palette.grey[600],
643
+ position: "fixed",
644
+ bottom: "24px",
645
+ backgroundColor: theme.palette.background.default,
646
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
647
+ borderTop: `1px solid ${theme.palette.common.black}29`,
648
+ },
649
+ },
650
+ },
533
651
  {
534
652
  type: "Control",
535
653
  scope: "#/properties/notify",
@@ -538,112 +656,6 @@ export const componentBasicUiSchema: any = (theme)=>{
538
656
  },
539
657
  layout: 6,
540
658
  },
541
- // {
542
- // type: "HorizontalLayout",
543
- // config: {
544
- // main: {
545
- // direction: 'row'
546
- // },
547
- // style: {
548
- // flexDirection: "row",
549
- // position: "absolute",
550
- // bottom: 0,
551
- // marginBottom: '-8px',
552
- // height: 'fit-content',
553
- // overflow: 'hidden',
554
- // zIndex: 1000,
555
- // width: 'inherit'
556
- // }
557
- // },
558
- // elements: [
559
- // {
560
-
561
- // type: "Control",
562
- // scope: "#/properties/FooterText",
563
- // options: {
564
- // widget: "Box",
565
- // },
566
- // config: {
567
- // main: {
568
- // heading: "Copywriter@ACT21.IO"
569
- // },
570
- // style: {
571
- // color: theme?.palette?.text.disabled || "#AFAFAF",
572
- // fontSize: '11px',
573
- // textAlign: 'center',
574
- // lineHeight: 2,
575
- // width: 'fit-content',
576
- // left: '50%',
577
- // position: 'relative',
578
- // margin: 0,
579
- // flexGrow: 1,
580
- // height: 0,
581
- // transform: "translate(-50%,0%)"
582
- // }
583
- // },
584
- // },
585
- // {
586
- // type: "Control",
587
- // scope: "#/properties/backIcon",
588
- // options: {
589
- // widget: "Box",
590
- // },
591
- // config: {
592
- // main: {
593
- // iconName: 'PrevIcon',
594
- // onClick: "backHandler",
595
- // width: 'fit-content',
596
- // },
597
- // style: {
598
- // fill: theme.palette.primary.main,
599
- // width: 20,
600
- // height: 0,
601
- // margin: 0,
602
- // top: 0,
603
- // right: {xs: '12px', sm: '84px'},
604
- // position: 'absolute',
605
- // fontSize: '12px',
606
- // cursor: 'pointer',
607
- // ':hover': {
608
- // fill: theme.palette.primary.dark,
609
- // }
610
- // }
611
- // }
612
- // },
613
- // {
614
- // type: "Control",
615
- // scope: "#/properties/text",
616
-
617
- // options: {
618
- // widget: "Box",
619
- // },
620
- // config: {
621
- // main: {
622
- // heading: "Previous Page",
623
- // onClick: "backHandler"
624
- // },
625
- // style: {
626
- // display: {xs: 'none', sm: "flex"},
627
- // textAlign: 'left',
628
- // lineHeight: 1,
629
- // height: 0,
630
- // width: 'fit-content',
631
- // color: theme.palette.primary.main,
632
- // fontSize: "12px",
633
- // cursor: 'pointer',
634
- // marginLeft: '2px',
635
- // marginRight: 0,
636
- // top: 3,
637
- // right: '12px',
638
- // position: 'absolute',
639
- // ':hover': {
640
- // color: theme.palette.primary.dark,
641
- // }
642
- // }
643
- // },
644
- // },
645
- // ]
646
- // }
647
659
  {
648
660
  type: "HorizontalLayout",
649
661
  config: {
@@ -653,7 +665,7 @@ export const componentBasicUiSchema: any = (theme)=>{
653
665
  style: {
654
666
  flexDirection: "row",
655
667
  position: "absolute",
656
- bottom: 0,
668
+ bottom: 10,
657
669
  height: "fit-content",
658
670
  overflow: "hidden",
659
671
  zIndex: 1000,
@@ -672,81 +684,20 @@ export const componentBasicUiSchema: any = (theme)=>{
672
684
  heading: "Copywriter@ACT21.IO",
673
685
  },
674
686
  style: {
675
- color: theme?.palette?.text?.disabled || "#AFAFAF",
687
+ color: theme?.palette?.text.disabled || "#AFAFAF",
676
688
  fontSize: "11px",
677
689
  textAlign: "center",
678
- lineHeight: 2,
690
+ lineHeight: 0,
679
691
  width: "fit-content",
680
692
  left: "50%",
681
693
  position: "relative",
682
- margin: 0,
694
+ margin: "revert",
683
695
  flexGrow: 1,
684
696
  height: 0,
685
697
  transform: "translate(-50%, 0%)",
686
698
  },
687
699
  },
688
700
  },
689
- {
690
- type: "Control",
691
- scope: "#/properties/FooterBackIcon",
692
- options: {
693
- widget: "Box",
694
- },
695
- config: {
696
- main: {
697
- iconName: "PrevIcon",
698
- onClick: "backHandler",
699
- width: "fit-content",
700
- },
701
- style: {
702
- fill: theme?.palette?.primary?.main,
703
- width: 20,
704
- height: 0,
705
- // margin: 0,
706
- top: 0,
707
- right: { xs: "12px", sm: "84px" },
708
- position: "absolute",
709
- fontSize: "12px",
710
- cursor: "pointer",
711
- ":hover": {
712
- fill: theme?.palette?.primary?.dark,
713
- },
714
- marginRight: "20px",
715
- },
716
- },
717
- },
718
- {
719
- type: "Control",
720
- scope: "#/properties/FooterBackHandlerText",
721
- options: {
722
- widget: "Box",
723
- },
724
- config: {
725
- main: {
726
- heading: "Previous Page",
727
- onClick: "backHandler",
728
- },
729
- style: {
730
- display: { xs: "none", sm: "flex" },
731
- textAlign: "left",
732
- lineHeight: 1,
733
- height: 0,
734
- width: "fit-content",
735
- color: theme?.palette?.primary?.main,
736
- fontSize: "12px",
737
- cursor: "pointer",
738
- marginLeft: "2px",
739
-
740
- top: 3,
741
- right: "12px",
742
- position: "absolute",
743
- ":hover": {
744
- color: theme?.palette?.primary?.dark,
745
- },
746
- marginRight: "4px",
747
- },
748
- },
749
- },
750
701
  ],
751
702
  }
752
703
  ],