impaktapps-ui-builder 0.0.101-alpha.2 → 0.0.101-alpha.21

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 (29) hide show
  1. package/dist/impaktapps-ui-builder.es.js +761 -843
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +63 -57
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +8 -9
  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 +14 -20
  17. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +189 -110
  18. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +37 -15
  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 +19 -19
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +272 -346
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +109 -241
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +168 -115
  28. package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
  29. package/src/impaktapps-ui-builder/builder/services/event.ts +12 -12
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
377
  },
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
- },
378
+ ],
278
379
  },
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",
@@ -538,112 +631,6 @@ export const componentBasicUiSchema: any = (theme)=>{
538
631
  },
539
632
  layout: 6,
540
633
  },
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
634
  {
648
635
  type: "HorizontalLayout",
649
636
  config: {
@@ -653,7 +640,7 @@ export const componentBasicUiSchema: any = (theme)=>{
653
640
  style: {
654
641
  flexDirection: "row",
655
642
  position: "absolute",
656
- bottom: 0,
643
+ bottom: 10,
657
644
  height: "fit-content",
658
645
  overflow: "hidden",
659
646
  zIndex: 1000,
@@ -672,81 +659,20 @@ export const componentBasicUiSchema: any = (theme)=>{
672
659
  heading: "Copywriter@ACT21.IO",
673
660
  },
674
661
  style: {
675
- color: theme?.palette?.text?.disabled || "#AFAFAF",
662
+ color: theme?.palette?.text.disabled || "#AFAFAF",
676
663
  fontSize: "11px",
677
664
  textAlign: "center",
678
- lineHeight: 2,
665
+ lineHeight: 0,
679
666
  width: "fit-content",
680
667
  left: "50%",
681
668
  position: "relative",
682
- margin: 0,
669
+ margin: "revert",
683
670
  flexGrow: 1,
684
671
  height: 0,
685
672
  transform: "translate(-50%, 0%)",
686
673
  },
687
674
  },
688
675
  },
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
676
  ],
751
677
  }
752
678
  ],