impaktapps-ui-builder 0.0.101-alpha.1 → 0.0.101-alpha.100

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 (36) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1345 -1167
  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/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/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  15. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +6 -0
  16. package/package.json +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  18. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +14 -10
  19. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  20. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +101 -95
  21. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +189 -110
  22. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
  23. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  24. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  25. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  26. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  27. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -45
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +23 -23
  29. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +340 -355
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +228 -310
  31. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +188 -295
  33. package/src/impaktapps-ui-builder/builder/services/component.ts +162 -33
  34. package/src/impaktapps-ui-builder/builder/services/event.ts +165 -65
  35. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  36. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -4
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
- },
124
+ // },
125
+ // },
126
+ // },/////////////////////
102
127
  {
103
128
  type: "Control",
104
129
  scope: "#/properties/proc",
105
130
  config: {
106
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
107
- },
108
- options: {
109
- widget: "EmptyBox",
110
- },
111
- },
112
- {
113
- type: "Control",
114
- scope: "#/properties/proc",
115
- 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",
@@ -308,15 +407,16 @@ export const componentBasicUiSchema: any = (theme)=>{
308
407
  config: {
309
408
  layout: 11,
310
409
  main: {
311
- heading: "Are you sure you want to delete ?",
410
+ heading: "Are you sure you want to delete this Component ?",
312
411
  },
313
412
  style:{
314
- marginTop: "-20px",
315
- fontSize: "20px",
316
413
  "&.MuiTypography-root": {
317
- padding: "10px 30px 20px 30px",
414
+ padding: "0px 20px",
318
415
  textAlign: "center",
319
- lineHeight: "1"
416
+ lineHeight: "1.2",
417
+ fontWeight: "normal",
418
+ fontSize: "18px",
419
+ marginBottom: theme.spacing(5)
320
420
  }
321
421
  }
322
422
  },
@@ -339,15 +439,15 @@ export const componentBasicUiSchema: any = (theme)=>{
339
439
  layout: 6,
340
440
  main: {
341
441
  name: "No",
342
- startIcon: "ApproveIcon",
343
442
  variant: "contained",
344
- color: "info",
345
443
  type: "text",
346
444
  onClick: "deletePopUpComponent",
347
445
  size: "large",
348
446
  },
349
447
  style: {
350
448
  position: "absolute",
449
+ padding: "8px 0px",
450
+ fontSize: "16px",
351
451
  bottom: 0,
352
452
  left: 0,
353
453
  width: "50%",
@@ -375,7 +475,6 @@ export const componentBasicUiSchema: any = (theme)=>{
375
475
  layout: 6,
376
476
  main: {
377
477
  name: "Yes",
378
- startIcon: "ApproveIcon",
379
478
  variant: "contained",
380
479
  color: "error",
381
480
  type: "text",
@@ -384,6 +483,8 @@ export const componentBasicUiSchema: any = (theme)=>{
384
483
  },
385
484
  style: {
386
485
  position: "absolute",
486
+ padding: "8px 0px",
487
+ fontSize: "16px",
387
488
  bottom: 0,
388
489
  right: 0,
389
490
  width: "50%",
@@ -434,15 +535,17 @@ export const componentBasicUiSchema: any = (theme)=>{
434
535
  config: {
435
536
  layout: 11,
436
537
  main: {
437
- heading: "Are you sure you want to delete ?",
538
+ heading: "Are you sure you want to delete this Event ?",
438
539
  },
439
540
  style:{
440
- marginTop: "-20px",
441
541
  fontSize: "20px",
442
542
  "&.MuiTypography-root": {
443
- padding: "10px 30px 20px 30px",
543
+ padding: "0px 20px",
444
544
  textAlign: "center",
445
- lineHeight: "1"
545
+ lineHeight: "1.2",
546
+ fontWeight: "normal",
547
+ fontSize: "18px",
548
+ marginBottom: theme.spacing(5)
446
549
  }
447
550
  }
448
551
  },
@@ -465,15 +568,15 @@ export const componentBasicUiSchema: any = (theme)=>{
465
568
  layout: 6,
466
569
  main: {
467
570
  name: "No",
468
- startIcon: "ApproveIcon",
469
571
  variant: "contained",
470
- color: "info",
471
572
  type: "text",
472
573
  onClick: "deletePopUpEvent",
473
574
  size: "large",
474
575
  },
475
576
  style: {
476
577
  position: "absolute",
578
+ padding: "8px 0px",
579
+ fontSize: "16px",
477
580
  bottom: 0,
478
581
  left: 0,
479
582
  width: "50%",
@@ -501,7 +604,6 @@ export const componentBasicUiSchema: any = (theme)=>{
501
604
  layout: 6,
502
605
  main: {
503
606
  name: "Yes",
504
- startIcon: "ApproveIcon",
505
607
  variant: "contained",
506
608
  color: "error",
507
609
  type: "text",
@@ -510,6 +612,8 @@ export const componentBasicUiSchema: any = (theme)=>{
510
612
  },
511
613
  style: {
512
614
  position: "absolute",
615
+ padding: "8px 0px",
616
+ fontSize: "16px",
513
617
  bottom: 0,
514
618
  right: 0,
515
619
  width: "50%",
@@ -530,6 +634,54 @@ export const componentBasicUiSchema: any = (theme)=>{
530
634
  },
531
635
  ]
532
636
  },
637
+ // {
638
+ // type: "Control",
639
+ // scope: "#/properties/pageName",
640
+
641
+ // options: {
642
+ // widget: "Box",
643
+ // },
644
+ // config: {
645
+ // layout: 12,
646
+ // main: {
647
+ // heading: "",
648
+ // },
649
+ // style: {
650
+ // paddingLeft: theme.spacing(3),
651
+ // width:"100%",
652
+ // fontSize:"10px",
653
+ // color:theme.palette.grey[600],
654
+ // position: "fixed",
655
+ // bottom: "24px",
656
+ // backgroundColor: theme.palette.background.default,
657
+ // borderBottom: `1px solid ${theme.palette.common.black}29`,
658
+ // borderTop: `1px solid ${theme.palette.common.black}29`,
659
+ // },
660
+ // },
661
+ // },
662
+ {
663
+ type: "Control",
664
+ scope: "#/properties/pageName",
665
+
666
+ options: {
667
+ widget: "Breadcrumb",
668
+ },
669
+ config: {
670
+ layout: 12,
671
+ main: {
672
+ },
673
+ style: {
674
+ paddingLeft: theme.spacing(3),
675
+ color:theme.palette.grey[600],
676
+ fontSize:"10px",
677
+ position: "fixed",
678
+ bottom: "24px",
679
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
680
+ borderTop: `1px solid ${theme.palette.common.black}29`,
681
+ backgroundColor: theme.palette.background.default,
682
+ },
683
+ },
684
+ },
533
685
  {
534
686
  type: "Control",
535
687
  scope: "#/properties/notify",
@@ -538,112 +690,6 @@ export const componentBasicUiSchema: any = (theme)=>{
538
690
  },
539
691
  layout: 6,
540
692
  },
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
693
  {
648
694
  type: "HorizontalLayout",
649
695
  config: {
@@ -653,7 +699,7 @@ export const componentBasicUiSchema: any = (theme)=>{
653
699
  style: {
654
700
  flexDirection: "row",
655
701
  position: "absolute",
656
- bottom: 0,
702
+ bottom: 10,
657
703
  height: "fit-content",
658
704
  overflow: "hidden",
659
705
  zIndex: 1000,
@@ -672,81 +718,20 @@ export const componentBasicUiSchema: any = (theme)=>{
672
718
  heading: "Copywriter@ACT21.IO",
673
719
  },
674
720
  style: {
675
- color: theme?.palette?.text?.disabled || "#AFAFAF",
721
+ color: theme?.palette?.text.disabled || "#AFAFAF",
676
722
  fontSize: "11px",
677
723
  textAlign: "center",
678
- lineHeight: 2,
724
+ lineHeight: 0,
679
725
  width: "fit-content",
680
726
  left: "50%",
681
727
  position: "relative",
682
- margin: 0,
728
+ margin: "revert",
683
729
  flexGrow: 1,
684
730
  height: 0,
685
731
  transform: "translate(-50%, 0%)",
686
732
  },
687
733
  },
688
734
  },
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
735
  ],
751
736
  }
752
737
  ],