impaktapps-ui-builder 0.0.382-alpha.60 → 0.0.382-alpha.6000

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 (48) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1839 -1272
  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/buildBasicUiSchema.d.ts +0 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +2 -35
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +12 -10
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +18 -15
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +108 -1
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +8 -5
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +102 -53
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -17
  14. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  15. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  16. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +3 -2
  17. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  18. package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +0 -1
  19. package/package.json +1 -1
  20. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +0 -1
  21. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +26 -30
  22. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +21 -30
  23. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -6
  24. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -3
  25. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +27 -50
  26. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +49 -30
  27. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  28. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +36 -16
  29. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +6 -1
  30. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  31. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +125 -99
  32. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +108 -108
  33. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +9 -5
  34. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  35. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +12 -2
  36. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +6 -1
  37. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +58 -84
  38. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +6 -1
  39. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  40. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  41. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +440 -448
  42. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +515 -456
  43. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +367 -520
  44. package/src/impaktapps-ui-builder/builder/services/component.ts +25 -7
  45. package/src/impaktapps-ui-builder/builder/services/event.ts +17 -9
  46. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +19 -3
  47. package/src/impaktapps-ui-builder/runtime/services/events.ts +4 -14
  48. package/src/impaktapps-ui-builder/runtime/services/service.ts +0 -5
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,223 +1,410 @@
1
- export const componentBasicUiSchema: any = (theme) => {
2
- const uiSchema = {
3
- type: "HorizontalLayout",
4
- heading: "Component",
5
- elements: [
6
- // {
7
- // type: "WrapperLayout",
8
- // config: {
9
- // main: {
10
- // rowSpacing: 1,
11
- // header:true
12
- // },
13
- // defaultStyle:true
14
- // },
15
- // elements: [
16
-
17
- // {
18
- // type: "Control",
19
- // scope: "#/properties/Component",
20
-
21
- // options: {
22
- // widget: "Box",
23
- // },
24
- // config: {
25
- // layout: {xs:12,sm:12,md:2},
26
- // main: {
27
- // heading: "Component",
28
- // },
29
- // style:{
30
- // "float":"left",
31
- // }
32
- // },
33
- // },
34
-
35
- // {
36
- // type: "Control",
37
- // scope: "#/properties/pageName",
38
-
39
- // options: {
40
- // widget: "Box",
41
- // },
42
- // config: {
43
- // layout: {xs:7,sm:7,md:9},
44
- // main: {
45
- // heading: " ",
46
- // },
47
- // style: {
48
- // float: "right",
49
- // width:"auto",
50
- // fontSize:"12px",
51
- // color:"gray",
52
- // paddingTop:"10px"
53
- // },
54
- // },
55
- // },
56
-
57
- // {
58
- // type: "Control",
59
- // scope: "#/properties/Back_Button",
60
-
61
- // options: {
62
- // widget: "IconButton",
63
- // },
64
- // config: {
65
- // layout: {xs:2,sm:2,md:0.5},
66
- // main: {
67
- // icon: "BackIcon",
68
- // styleDefault: true,
69
- // size: "small",
70
- // onClick: "backHandler",
71
- // tooltipMessage: "Back",
72
- // },
73
- // style: {
74
- // float: "right",
75
- // },
76
- // },
77
- // },
78
-
79
- // ],
80
- // },
81
- {
82
- type: "TabLayout",
83
- config: {
84
- main: {
85
- tabLabels: ["Core"],
86
- defaultStyle: true,
87
- id: `component`
1
+ export const componentBasicUiSchema: any = {
2
+ type: "HorizontalLayout",
3
+ elements: [
4
+ {
5
+ type: "WrapperLayout",
6
+ config: {
7
+ main: {
8
+ rowSpacing: 1,
9
+ header:true
10
+ },
11
+ defaultStyle:true
12
+ },
13
+ elements: [
14
+
15
+ {
16
+ type: "Control",
17
+ scope: "#/properties/Component",
18
+
19
+ options: {
20
+ widget: "Box",
21
+ },
22
+ config: {
23
+ layout: {xs:12,sm:12,md:2},
24
+ main: {
25
+ heading: "Component",
26
+ },
27
+ style:{
28
+ "float":"left",
29
+ }
30
+ },
31
+ },
32
+
33
+ {
34
+ type: "Control",
35
+ scope: "#/properties/pageName",
36
+
37
+ options: {
38
+ widget: "Box",
39
+ },
40
+ config: {
41
+ layout: {xs:7,sm:7,md:9},
42
+ main: {
43
+ heading: " ",
44
+ },
45
+ style: {
46
+ float: "right",
47
+ width:"auto",
48
+ fontSize:"12px",
49
+ color:"gray",
50
+ paddingTop:"10px"
51
+ },
52
+ },
53
+ },
54
+
55
+ {
56
+ type: "Control",
57
+ scope: "#/properties/Back_Button",
58
+
59
+ options: {
60
+ widget: "IconButton",
61
+ },
62
+ config: {
63
+ layout: {xs:2,sm:2,md:0.5},
64
+ main: {
65
+ icon: "BackIcon",
66
+ styleDefault: true,
67
+ size: "small",
68
+ onClick: "backHandler",
69
+ tooltipMessage: "Back",
70
+ },
71
+ style: {
72
+ float: "right",
73
+ },
88
74
  },
89
75
  },
76
+
77
+ ],
78
+ },
79
+ {
80
+ type: "TabLayout",
81
+ config: {
82
+ main: {
83
+ tabLabels: ["Core"],
84
+ defaultStyle: true,
85
+ id:`component`
86
+ },
87
+ },
90
88
 
91
- elements: [
92
- {
93
- type: "HorizontalLayout",
94
- elements: [
95
- {
96
- type: "Control",
97
- scope: "#/properties/type",
98
-
99
- options: {
100
- widget: "SelectInputField",
101
- },
102
- config: {
103
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
- main: {
105
- label: "Type",
106
- },
89
+ elements: [
90
+ {
91
+ type: "HorizontalLayout",
92
+ elements: [
93
+ {
94
+ type: "Control",
95
+ scope: "#/properties/type",
96
+
97
+ options: {
98
+ widget: "SelectInputField",
99
+ },
100
+ config: {
101
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
102
+ main: {
103
+ label: "Type",
107
104
  },
108
105
  },
109
- {
110
- type: "Control",
111
- scope: "#/properties/name",
106
+ },
107
+ {
108
+ type: "Control",
109
+ scope: "#/properties/name",
112
110
 
113
- options: {
114
- widget: "InputField",
111
+ options: {
112
+ widget: "InputField",
113
+ },
114
+ config: {
115
+ layout: {
116
+ xs: 12,
117
+ sm: 12,
118
+ md: 6,
119
+ lg: 6,
115
120
  },
116
- config: {
117
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
- main: {
119
- label: "Name",
120
- options: [],
121
- color: "secondary",
122
- required: true,
123
- },
121
+ main: {
122
+ label: "Name",
123
+ options: [],
124
+ color: "secondary",
125
+ required: true,
124
126
  },
125
127
  },
126
- {
127
- type: "Control",
128
- scope: "#/properties/label",
128
+ },
129
+ {
130
+ type: "Control",
131
+ scope: "#/properties/label",
129
132
 
130
- options: {
131
- widget: "InputField",
133
+ options: {
134
+ widget: "InputField",
135
+ },
136
+ config: {
137
+ layout: {
138
+ xs: 12,
139
+ sm: 12,
140
+ md: 6,
141
+ lg: 6,
132
142
  },
133
- config: {
134
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
135
- main: {
136
- label: "Label",
137
- options: [],
138
- color: "secondary",
139
- required: true,
140
- },
143
+ main: {
144
+ label: "Label",
145
+ options: [],
146
+ color: "secondary",
147
+ required: true,
141
148
  },
142
149
  },
143
- {
144
- type: "Control",
145
- scope: "#/properties/layout",
146
- layout: 12,
147
- options: {
148
- detail: {
149
- type: "HorizontalLayout",
150
- elements: [
151
- {
152
- type: "Control",
153
- scope: "#/properties/key",
154
- options: {
155
- widget: "SelectInputField",
150
+ },
151
+
152
+ {
153
+ type: "Control",
154
+ scope: "#/properties/proc",
155
+ config: {
156
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
157
+ },
158
+ options: {
159
+ widget: "EmptyBox",
160
+ },
161
+ },
162
+ {
163
+ type: "Control",
164
+ scope: "#/properties/layout",
165
+ layout: 11.5,
166
+ options: {
167
+ detail: {
168
+ type: "HorizontalLayout",
169
+ elements: [
170
+ {
171
+ type: "Control",
172
+ scope: "#/properties/key",
173
+ options: {
174
+ widget: "SelectInputField",
175
+ },
176
+ config: {
177
+ layout: {
178
+ xs: 11,
179
+ sm: 11,
180
+ md: 5.5,
181
+ lg: 5.5,
156
182
  },
157
- config: {
158
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
- main: {
160
- label: "Screen Size",
161
-
162
- },
183
+ main: {
184
+ label: "Screen Size",
185
+
163
186
  },
164
187
  },
165
- {
166
- type: "Control",
167
- scope: "#/properties/value",
188
+ },
189
+ {
190
+ type: "Control",
191
+ scope: "#/properties/value",
168
192
 
169
- options: {
170
- widget: "InputField",
193
+ options: {
194
+ widget: "InputField",
195
+ },
196
+ config: {
197
+ layout: {
198
+ xs: 11,
199
+ sm: 11,
200
+ md: 5.5,
201
+ lg: 5.5,
171
202
  },
172
- config: {
173
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
174
- main: {
175
- label: "Value",
176
- type: "number",
177
- // freeSolo:true,
178
- helperText: 'Number should be in range of 0 to 12',
179
- errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
180
-
181
- },
203
+ main: {
204
+ label: "Value",
205
+ type:"number",
206
+ // freeSolo:true,
207
+ helperText:'Number should be in range of 0 to 12',
208
+ errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
209
+
182
210
  },
183
211
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/emptyBox",
187
- options: {
188
- widget: "EmptyBox"
189
- },
190
- config: {
191
- layout: { xs: 0, sm: 4 }
192
- }
193
- }
194
- ],
195
- },
212
+ },
213
+ ],
196
214
  },
197
215
  },
198
- ],
199
- },
200
- ],
201
- },
202
-
216
+ },
217
+ ],
218
+ },
219
+ ],
220
+ },
203
221
  {
204
222
  type: "Control",
205
- scope: "#/properties/EmptyBox",
223
+ scope: "#/properties/popUpComponentSection",
206
224
  options: {
207
- widget: "EmptyBox",
225
+ widget: "PopUp"
208
226
  },
209
227
  config: {
210
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
228
+ layout: {
229
+ xs: 12,
230
+ sm: 12,
231
+ md: 12,
232
+ lg: 12,
233
+ },
234
+ main: {
235
+ },
211
236
  },
237
+ elements:
238
+ [
239
+ {
240
+ type: "Control",
241
+ scope: "#/properties/label",
242
+ options: {
243
+ widget: "Box",
244
+ },
245
+ config: {
246
+ layout: 12,
247
+ main: {
248
+ heading: "Are you sure you want to delete ?",
249
+ },
250
+ style:{
251
+ marginTop: "-40px"
252
+ }
253
+ },
254
+ },
255
+ {
256
+ type: "Control",
257
+ scope: "#/properties/EmptyBox",
258
+ options: {
259
+ widget: "EmptyBox",
260
+ },
261
+ config: {
262
+ main:{},
263
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
264
+ },
265
+ },
266
+ {
267
+ type: "Control",
268
+ scope: "#/properties/ConfirmDeleteCompButton",
269
+ options: {
270
+ widget: "Button",
271
+ },
272
+ config: {
273
+ layout: 3,
274
+ main: {
275
+ name: "Yes",
276
+ startIcon: "ApproveIcon",
277
+ variant: "contained",
278
+ color: "info",
279
+ type: "text",
280
+ onClick: "deleteComponents",
281
+ size: "small",
282
+ },
283
+ },
284
+ },
285
+ {
286
+ type: "Control",
287
+ scope: "#/properties/CancelDeleteCompButton",
288
+ options: {
289
+ widget: "Button",
290
+ },
291
+ config: {
292
+ layout: 3,
293
+ main: {
294
+ name: "No",
295
+ startIcon: "ApproveIcon",
296
+ variant: "contained",
297
+ color: "info",
298
+ type: "text",
299
+ onClick: "deletePopUpComponent",
300
+ size: "small",
301
+ },
302
+ },
303
+ },
304
+ ]
212
305
  },
306
+
307
+
308
+
309
+
310
+
311
+
312
+
313
+
213
314
  {
214
315
  type: "Control",
215
- scope: "#/properties/EmptyBox",
316
+ scope: "#/properties/popUpEventSection",
216
317
  options: {
217
- widget: "EmptyBox",
318
+ widget: "PopUp"
218
319
  },
219
320
  config: {
220
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
321
+ layout: {
322
+ xs: 12,
323
+ sm: 12,
324
+ md: 12,
325
+ lg: 12,
326
+ },
327
+ main: {
328
+ },
329
+ },
330
+ elements:
331
+ [
332
+ {
333
+ type: "Control",
334
+ scope: "#/properties/label",
335
+ options: {
336
+ widget: "Box",
337
+ },
338
+ config: {
339
+ layout: 12,
340
+ main: {
341
+ heading: "Are you sure you want to delete ?",
342
+ },
343
+ style:{
344
+ marginTop: "-40px"
345
+ }
346
+ },
347
+ },
348
+ {
349
+ type: "Control",
350
+ scope: "#/properties/EmptyBox",
351
+ options: {
352
+ widget: "EmptyBox",
353
+ },
354
+ config: {
355
+ main:{},
356
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
357
+ },
358
+ },
359
+ {
360
+ type: "Control",
361
+ scope: "#/properties/ConfirmDeleteEventButton",
362
+ options: {
363
+ widget: "Button",
364
+ },
365
+ config: {
366
+ layout: 3,
367
+ main: {
368
+ name: "Yes",
369
+ startIcon: "ApproveIcon",
370
+ variant: "contained",
371
+ color: "info",
372
+ type: "text",
373
+ onClick: "deleteEvent",
374
+ size: "small",
375
+ },
376
+ },
377
+ },
378
+ {
379
+ type: "Control",
380
+ scope: "#/properties/CancelDeleteEventButton",
381
+ options: {
382
+ widget: "Button",
383
+ },
384
+ config: {
385
+ layout: 3,
386
+ main: {
387
+ name: "No",
388
+ startIcon: "ApproveIcon",
389
+ variant: "contained",
390
+ color: "info",
391
+ type: "text",
392
+ onClick: "deletePopUpEvent",
393
+ size: "small",
394
+ },
395
+ },
396
+ },
397
+ ]
398
+ },
399
+
400
+ {
401
+ type: "Control",
402
+ scope: "#/properties/proc",
403
+ config: {
404
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
405
+ },
406
+ options: {
407
+ widget: "EmptyBox",
221
408
  },
222
409
  },
223
410
  {
@@ -228,17 +415,23 @@ export const componentBasicUiSchema: any = (theme) => {
228
415
  },
229
416
 
230
417
  config: {
231
- layout: 1.8,
418
+ layout: {
419
+ xs: 11,
420
+ sm: 11,
421
+ md: 2.5,
422
+ lg: 2.5,
423
+ },
232
424
  main: {
233
425
  name: "Ok",
234
426
  startIcon: "ApproveIcon",
235
427
  variant: "contained",
236
- // color: "info",
428
+ color: "info",
237
429
  type: "text",
238
430
  onClick: "okHandler",
239
- size: "medium",
431
+ size: "small",
240
432
  },
241
433
  style: {
434
+ marginBottom: "8px",
242
435
  float: "right",
243
436
  },
244
437
  },
@@ -251,277 +444,76 @@ export const componentBasicUiSchema: any = (theme) => {
251
444
  },
252
445
 
253
446
  config: {
254
- layout: 1.8,
447
+ layout: {
448
+ xs: 11,
449
+ sm: 11,
450
+ md: 2.5,
451
+ lg: 2.5,
452
+ },
255
453
  main: {
256
454
  name: "Save & Exit",
257
455
  startIcon: "ApproveIcon",
258
456
  variant: "contained",
259
- // color: "info",
457
+ color: "info",
260
458
  type: "text",
261
459
  onClick: "saveHandler",
262
- size: "medium",
460
+ size: "small",
263
461
  },
264
462
  style: {
463
+ marginBottom: "8px",
265
464
  float: "right",
266
465
  },
267
466
  },
268
467
  },
269
- {
270
- type: "Control",
271
- scope: "#/properties/notify",
272
- options: {
273
- widget: "Notify",
274
- },
275
- layout: 6,
468
+ {
469
+ type: "Control",
470
+ scope: "#/properties/notify",
471
+ options: {
472
+ widget: "Notify",
276
473
  },
277
- {
278
- type: "HorizontalLayout",
279
- config: {
280
- layout: 12,
281
- style: {
282
- position: "absolute",
283
- bottom: 5,
284
- overflow: 'hidden'
285
- }
286
- },
287
- elements: [
288
- {
474
+ layout: 6,
475
+ }
476
+ ],
477
+ };
289
478
 
290
- type: "Control",
291
- scope: "#/properties/FooterText",
292
- options: {
293
- widget: "Box",
294
- },
295
- config: {
296
- layout: 9.5,
297
- main: {
298
- heading: "Copywriter@ACT21.IO"
299
- },
300
- style: {
301
- color: theme?.palette?.text.disabled || "#AFAFAF",
302
- fontSize: '12px',
303
- textAlign: 'center'
304
- }
305
- },
306
- },
307
- {
308
- type: "HorizontalLayout",
309
- config: {
310
- layout: 2.5,
311
- style: {
312
- }
313
- },
314
- elements: [
315
- {
316
- type: "Control",
317
- scope: "#/properties/EmptyBox",
318
- options: {
319
- widget: "EmptyBox",
320
- },
321
- config: {
322
- layout: 6,
323
- style: {
324
- flexGrow: 1
325
- }
326
- },
327
- },
328
- {
329
- type: "Control",
330
- scope: "#/properties/backIcon",
331
- options: {
332
- widget: "Box",
333
- },
334
- config: {
335
- layout: 1,
336
- main: {
337
- iconName: 'PrevIcon',
338
- onClick: "backHandler"
339
- },
340
- style: {
341
- fill: theme.palette.primary.main,
342
- width: 20,
343
- height: 20,
344
- display: 'flex',
345
- alignItems: 'center',
346
- justifyContent: 'center',
347
- marginRight: '-8px',
348
- cursor: 'pointer',
349
- ':hover': {
350
- fill: theme.palette.primary.dark,
351
- }
352
- }
353
- }
354
- },
355
- {
356
- type: "Control",
357
- scope: "#/properties/text",
358
479
 
359
- options: {
360
- widget: "Box",
361
- },
362
- config: {
363
- layout: 5,
364
- main: {
365
- heading: "Previous Page",
366
- onClick: "backHandler"
367
- },
368
- style: {
369
- width: 'fit-content',
370
- color: theme.palette.primary.main,
371
- fontSize: "12px",
372
- cursor: 'pointer',
373
- marginLeft: '2px',
374
- marginRight: 0,
375
- ':hover': {
376
- color: theme.palette.primary.dark,
377
- }
378
- }
379
- },
380
- },
381
- ],
382
- },
383
- ]
384
- }
385
- // {
386
- // type: "HorizontalLayout",
387
- // config: {
388
- // style: {
389
- // position: "fixed",
390
- // bottom: 5,
391
- // overflow: 'visible',
392
- // margin: "0",
393
- // width: "100vw",
394
- // }
395
- // },
396
- // elements: [
397
- // {
398
- // type: "Control",
399
- // scope: "#/properties/EmptyBox",
400
- // options: {
401
- // widget: "EmptyBox",
402
- // },
403
- // config: {
404
- // layout: { xs: 0, sm: 4, md: 4, lg: 4 },
405
- // },
406
- // },
407
- // {
408
-
409
- // type: "Control",
410
- // scope: "#/properties/FooterText",
411
- // options: {
412
- // widget: "Box",
413
- // },
414
- // config: {
415
- // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
416
- // main: {
417
- // heading: "Copywriter@ACT21.IO"
418
- // },
419
- // style: {
420
- // color: theme?.palette?.text.disabled || "#AFAFAF",
421
- // fontSize: '12px',
422
- // }
423
- // },
424
- // },
425
- // {
426
- // type: "HorizontalLayout",
427
- // config: {
428
- // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
429
- // },
430
- // elements: [
431
- // {
432
- // type: "Control",
433
- // scope: "#/properties/EmptyBox",
434
- // options: {
435
- // widget: "EmptyBox",
436
- // },
437
- // config: {
438
- // layout: 2,
439
- // },
440
- // },
441
- // {
442
- // type: "Control",
443
- // scope: "#/properties/backIcon",
444
- // options: {
445
- // widget: "Box",
446
- // },
447
- // config: {
448
- // layout: 1,
449
- // main: {
450
- // iconName: 'PrevIcon',
451
- // onClick: "backHandler"
452
- // },
453
- // style: {
454
- // fill: theme.palette.primary.dark,
455
- // width: 20,
456
- // height: 20,
457
- // display: 'flex',
458
- // alignItems: 'center',
459
- // justifyContent: 'center',
460
- // marginRight: '-8px',
461
- // cursor: 'pointer'
462
- // }
463
- // }
464
- // },
465
- // {
466
- // type: "Control",
467
- // scope: "#/properties/text",
468
-
469
- // options: {
470
- // widget: "Box",
471
- // },
472
- // config: {
473
- // layout: 9,
474
- // main: {
475
- // heading: "Previous Page",
476
- // onClick: "backHandler"
477
- // },
478
- // style: {
479
- // color: theme.palette.primary.dark,
480
- // fontSize: "12px",
481
- // cursor: 'pointer',
482
- // marginLeft: '-6px'
483
- // }
484
- // },
485
- // },
486
- // ],
487
- // },
488
- // // {
489
- // // type: "Control",
490
- // // scope: "#/properties/pageName",
491
-
492
- // // options: {
493
- // // widget: "Box",
494
- // // },
495
- // // config: {
496
- // // layout: 9.7,
497
- // // main: {
498
- // // heading: " ",
499
- // // },
500
- // // style: {
501
- // // color: theme.palette.text.disabled,
502
- // // // float: 'right',
503
- // // textAlign: 'right',
504
- // // // width: 'fit-content',
505
- // // fontSize: "12px",
506
- // // marginTop: '-16px',
507
- // // // marginRight: '100px'
508
- // // // marginLeft: '-6px'
509
- // // }
510
- // // },
511
- // // },
512
- // // {
513
- // // type: "Control",
514
- // // scope: "#/properties/emptyBox",
515
- // // options: {
516
- // // widget: "EmptyBox",
517
- // // },
518
- // // config: {
519
- // // layout: 2.3
520
- // // }
521
- // // },
522
- // ]
523
- // }
524
- ],
525
- };
526
- return uiSchema
527
- }
480
+
481
+
482
+
483
+
484
+
485
+
486
+
487
+
488
+
489
+
490
+
491
+
492
+
493
+
494
+
495
+ // {
496
+ // type: "Control",
497
+ // scope: "#/properties/homeBtn",
498
+
499
+ // options: {
500
+ // widget: "Button",
501
+ // },
502
+ // config: {
503
+ // layout: {xs:2,sm:2,md:1},
504
+ // main: {
505
+ // name: "🏠",
506
+ // },
507
+ // style: {
508
+ // marginRight:'auto',
509
+ // marginLeft:"auto",
510
+ // width:"20px",
511
+
512
+ // // background:"inherit",
513
+ // // boxShadow:"none",
514
+ // float:"left",
515
+ // borderRadius:"50%"
516
+
517
+ // },
518
+ // },
519
+ // },