impaktapps-ui-builder 0.0.104 → 0.0.105

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 (7) hide show
  1. package/dist/impaktapps-ui-builder.es.js +86 -9
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +6 -6
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +571 -565
  7. package/src/impaktapps-ui-builder/builder/services/component.ts +110 -29
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,650 +1,656 @@
1
- export const componentBasicUiSchema: any = (theme)=>{
1
+ export const componentBasicUiSchema: any = (theme) => {
2
2
  const uiSchema = {
3
- type: "HorizontalLayout",
4
- heading: "Component",
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: " ",
3
+ type: "HorizontalLayout",
4
+ heading: "Component",
5
+ elements: [
6
+ {
7
+ type: "Control",
8
+ scope: "#/properties/pageName",
9
+
10
+ options: {
11
+ widget: "Box",
17
12
  },
18
- style: {
19
- marginLeft: theme.spacing(3),
20
- width:"auto",
21
- fontSize:"12px",
22
- color:"gray",
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
+ },
23
24
  },
24
25
  },
25
- },
26
- {
27
- type: "TabLayout",
28
- config: {
29
- main: {
30
- tabLabels: ["Core"],
31
- defaultStyle: true,
32
- id:`component`
26
+ {
27
+ type: "TabLayout",
28
+ config: {
29
+ main: {
30
+ tabLabels: ["Core"],
31
+ defaultStyle: true,
32
+ id: `component`
33
+ },
33
34
  },
34
- },
35
35
 
36
- elements: [
37
- {
38
- type: "HorizontalLayout",
39
- elements: [
40
- {
41
- type: "Control",
42
- scope: "#/properties/type",
36
+ elements: [
37
+ {
38
+ type: "HorizontalLayout",
39
+ elements: [
40
+ {
41
+ type: "Control",
42
+ scope: "#/properties/type",
43
43
 
44
- options: {
45
- widget: "SelectInputField",
46
- },
47
- config: {
48
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
49
- main: {
50
- label: "Type",
44
+ options: {
45
+ widget: "SelectInputField",
46
+ },
47
+ config: {
48
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
49
+ main: {
50
+ label: "Type",
51
+ },
51
52
  },
52
53
  },
53
- },
54
- {
55
- type: "Control",
56
- scope: "#/properties/name",
54
+ {
55
+ type: "Control",
56
+ scope: "#/properties/name",
57
57
 
58
- options: {
59
- widget: "InputField",
60
- },
61
- config: {
62
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
63
- main: {
64
- label: "Name",
65
- options: [],
66
- color: "secondary",
67
- required: true,
58
+ options: {
59
+ widget: "InputField",
60
+ },
61
+ config: {
62
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
63
+ main: {
64
+ label: "Name",
65
+ options: [],
66
+ color: "secondary",
67
+ required: true,
68
+ },
68
69
  },
69
70
  },
70
- },
71
- {
72
- type: "Control",
73
- scope: "#/properties/label",
71
+ {
72
+ type: "Control",
73
+ scope: "#/properties/label",
74
74
 
75
- options: {
76
- widget: "InputField",
77
- },
78
- config: {
79
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
80
- main: {
81
- label: "Label",
82
- options: [],
83
- color: "secondary",
84
- required: true,
75
+ options: {
76
+ widget: "InputField",
85
77
  },
86
- },
87
- },
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
-
78
+ config: {
79
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
80
+ main: {
81
+ label: "Label",
82
+ options: [],
83
+ color: "secondary",
84
+ required: true,
85
+ },
99
86
  },
100
87
  },
101
- },
102
- {
103
- type: "Control",
104
- scope: "#/properties/proc",
105
- config: {
106
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
88
+ {
89
+ type: "Control",
90
+ scope: "#/properties/proc1",
91
+ config: {
92
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
93
+ },
94
+ options: {
95
+ widget: "EmptyBox",
96
+ },
107
97
  },
108
- options: {
109
- widget: "EmptyBox",
98
+ {
99
+ type: "Control",
100
+ scope: "#/properties/proc2",
101
+ config: {
102
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
103
+ },
104
+ options: {
105
+ widget: "EmptyBox",
106
+ },
110
107
  },
111
- },
112
- {
113
- type: "Control",
114
- scope: "#/properties/proc",
115
- config: {
116
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
108
+ {
109
+ type: "Control",
110
+ scope: "#/properties/proc3",
111
+ config: {
112
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
113
+ },
114
+ options: {
115
+ widget: "EmptyBox",
116
+ },
117
117
  },
118
- options: {
119
- widget: "EmptyBox",
118
+ {
119
+ type: "Control",
120
+ scope: "#/properties/proc",
121
+ config: {
122
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
123
+ },
124
+ options: {
125
+ widget: "EmptyBox",
126
+ },
120
127
  },
121
- },
122
- {
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
-
128
+ {
129
+ type: "Control",
130
+ scope: "#/properties/layout",
131
+ layout: 12,
132
+ options: {
133
+ detail: {
134
+ type: "HorizontalLayout",
135
+ elements: [
136
+ {
137
+ type: "Control",
138
+ scope: "#/properties/key",
139
+ options: {
140
+ widget: "SelectInputField",
141
141
  },
142
- },
143
- },
144
- {
145
- type: "Control",
146
- scope: "#/properties/value",
142
+ config: {
143
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
144
+ main: {
145
+ label: "Screen Size",
147
146
 
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
-
147
+ },
160
148
  },
161
149
  },
162
- },
163
- {
164
- type: "Control",
165
- scope: "#/properties/proc",
166
- config: {
167
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
150
+ {
151
+ type: "Control",
152
+ scope: "#/properties/value",
153
+
154
+ options: {
155
+ widget: "InputField",
156
+ },
157
+ config: {
158
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
159
+ main: {
160
+ label: "Value",
161
+ type: "number",
162
+ // freeSolo:true,
163
+ helperText: 'Number should be in range of 0 to 12',
164
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
165
+
166
+ },
167
+ },
168
168
  },
169
- options: {
170
- widget: "EmptyBox",
169
+ {
170
+ type: "Control",
171
+ scope: "#/properties/proc",
172
+ config: {
173
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
174
+ },
175
+ options: {
176
+ widget: "EmptyBox",
177
+ },
171
178
  },
172
- },
173
- ],
179
+ ],
180
+ },
174
181
  },
175
182
  },
176
- },
177
- ],
178
- },
179
- ],
180
- },
181
- {
182
- type: "HorizontalLayout",
183
- config: {
184
- layout:{xs:12,sm: 6}
185
- },
186
- elements: [
187
- {
188
- type: "Control",
189
- scope: "#/properties/RemoveItemButton",
190
- options: {
191
- widget: "IconButton",
183
+ ],
192
184
  },
193
- config: {
194
- layout: { xs: 1, sm: 1 },
195
- main: {
196
- onClick: "RemoveItemButton",
197
- size: "large",
198
- icon: "RejectIcon",
199
- styleDefault: true,
185
+ ],
186
+ },
187
+ {
188
+ type: "HorizontalLayout",
189
+ config: {
190
+ layout: { xs: 12, sm: 6 }
191
+ },
192
+ elements: [
193
+ {
194
+ type: "Control",
195
+ scope: "#/properties/RemoveItemButton",
196
+ options: {
197
+ widget: "IconButton",
198
+ },
199
+ config: {
200
+ layout: { xs: 1, sm: 1 },
201
+ main: {
202
+ onClick: "RemoveItemButton",
203
+ size: "large",
204
+ icon: "RejectIcon",
205
+ styleDefault: true,
206
+ },
207
+ style: {
208
+ marginLeft: "-10px"
209
+ }
200
210
  },
201
- style:{
202
- marginLeft: "-10px"
203
- }
204
211
  },
205
- },
206
212
 
207
- {
208
- type: "Control",
209
- scope: "#/properties/copiedElementDetails",
210
-
211
- options: {
212
- widget: "Box",
213
+ {
214
+ type: "Control",
215
+ scope: "#/properties/copiedElementDetails",
216
+
217
+ options: {
218
+ widget: "Box",
219
+ },
220
+ config: {
221
+ layout: { xs: 6, sm: 6 },
222
+ main: {
223
+ heading: "No element copied",
224
+ },
225
+ style: {
226
+ color: "#535557",
227
+ marginLeft: "-10px",
228
+ fontSize: "12px",
229
+ marginTop: "4px"
230
+ },
231
+ },
213
232
  },
214
- config: {
215
- layout: { xs: 6, sm: 6 },
216
- main: {
217
- heading: "No element copied",
233
+ {
234
+ type: "Control",
235
+ scope: "#/properties/EmptyBox",
236
+ options: {
237
+ widget: "EmptyBox",
218
238
  },
219
- style: {
220
- color: "#535557",
221
- marginLeft: "-10px",
222
- fontSize: "12px",
223
- marginTop: "4px"
239
+ config: {
240
+ layout: { xs: 1, sm: 5 },
224
241
  },
225
242
  },
243
+ ]
244
+ },
245
+ {
246
+ type: "Control",
247
+ scope: "#/properties/btn",
248
+ options: {
249
+ widget: "Button",
226
250
  },
227
- {
228
- type: "Control",
229
- scope: "#/properties/EmptyBox",
230
- options: {
231
- widget: "EmptyBox",
232
- },
233
- config: {
234
- layout: { xs: 1, sm: 5 },
251
+
252
+ config: {
253
+ layout: { xs: 4, sm: 2 },
254
+ main: {
255
+ name: "Ok",
256
+ startIcon: "ApproveIcon",
257
+ variant: "contained",
258
+ // color: "info",
259
+ type: "text",
260
+ onClick: "okHandler",
261
+ size: "medium",
235
262
  },
236
263
  },
237
- ]
238
- },
239
- {
240
- type: "Control",
241
- scope: "#/properties/btn",
242
- options: {
243
- widget: "Button",
244
264
  },
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",
265
+ {
266
+ type: "Control",
267
+ scope: "#/properties/btnSubmit",
268
+ options: {
269
+ widget: "Button",
256
270
  },
257
- },
258
- },
259
- {
260
- type: "Control",
261
- scope: "#/properties/btnSubmit",
262
- options: {
263
- widget: "Button",
264
- },
265
271
 
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",
272
+ config: {
273
+ layout: { xs: 4, sm: 2 },
274
+ main: {
275
+ name: "Save & Exit",
276
+ startIcon: "ApproveIcon",
277
+ variant: "contained",
278
+ // color: "info",
279
+ type: "text",
280
+ onClick: "saveHandler",
281
+ size: "medium",
282
+ },
276
283
  },
277
284
  },
278
- },
279
285
 
280
286
 
281
- {
282
- type: "Control",
283
- scope: "#/properties/popUpComponentSection",
284
- options: {
285
- widget: "PopUp"
286
- },
287
- config: {
288
- layout: {
289
- xs: 12,
290
- sm: 12,
291
- md: 12,
292
- lg: 12,
287
+ {
288
+ type: "Control",
289
+ scope: "#/properties/popUpComponentSection",
290
+ options: {
291
+ widget: "PopUp"
293
292
  },
294
- main: {
295
- title: "WARNING!"
293
+ config: {
294
+ layout: {
295
+ xs: 12,
296
+ sm: 12,
297
+ md: 12,
298
+ lg: 12,
299
+ },
300
+ main: {
301
+ title: "WARNING!"
302
+ },
303
+ style: {
304
+ }
296
305
  },
297
- style: {
298
- }
299
- },
300
- elements:
301
- [
302
- {
303
- type: "Control",
304
- scope: "#/properties/popupText",
305
- options: {
306
- widget: "Box",
307
- },
308
- config: {
309
- layout: 12,
310
- main: {
311
- heading: "Are you sure you want to delete ?",
306
+ elements:
307
+ [
308
+ {
309
+ type: "Control",
310
+ scope: "#/properties/popupText",
311
+ options: {
312
+ widget: "Box",
312
313
  },
313
- style:{
314
- marginTop: "-20px",
315
- fontSize: "20px",
316
- "&.MuiTypography-root": {
317
- padding: "10px 30px 20px 30px",
318
- textAlign: "center",
319
- lineHeight: "1"
314
+ config: {
315
+ layout: 12,
316
+ main: {
317
+ heading: "Are you sure you want to delete ?",
318
+ },
319
+ style: {
320
+ marginTop: "-20px",
321
+ fontSize: "20px",
322
+ "&.MuiTypography-root": {
323
+ padding: "10px 30px 20px 30px",
324
+ textAlign: "center",
325
+ lineHeight: "1"
326
+ }
320
327
  }
321
- }
328
+ },
322
329
  },
323
- },
324
- {
325
- type: "WrapperLayout",
326
- config: {
327
- layout: 12,
328
- main: {},
330
+ {
331
+ type: "WrapperLayout",
332
+ config: {
333
+ layout: 12,
334
+ main: {},
329
335
 
330
- },
331
- elements: [
332
- {
333
- type: "Control",
334
- scope: "#/properties/CancelDeleteCompButton",
335
- options: {
336
- widget: "Button",
337
- },
338
- config: {
339
- layout: 6,
340
- main: {
341
- name: "No",
342
- startIcon: "ApproveIcon",
343
- variant: "contained",
344
- color: "info",
345
- type: "text",
346
- onClick: "deletePopUpComponent",
347
- size: "large",
336
+ },
337
+ elements: [
338
+ {
339
+ type: "Control",
340
+ scope: "#/properties/CancelDeleteCompButton",
341
+ options: {
342
+ widget: "Button",
348
343
  },
349
- style: {
350
- position: "absolute",
351
- bottom: 0,
352
- left: 0,
353
- width: "50%",
354
- borderRadius: 0,
355
- boxShadow: 0,
356
- backgroundColor: "transparent",
357
- color: theme.palette.primary.main,
358
- borderTop: `0.5px solid ${theme.palette.grey[600]}`,
359
- borderRight: `0.5px solid ${theme.palette.grey[600]}`,
360
- "&:hover": {
361
- color: theme.palette.primary.contrastText,
362
- backgroundColor: theme.palette.primary.main,
363
- boxShadow: "none"
344
+ config: {
345
+ layout: 6,
346
+ main: {
347
+ name: "No",
348
+ startIcon: "ApproveIcon",
349
+ variant: "contained",
350
+ color: "info",
351
+ type: "text",
352
+ onClick: "deletePopUpComponent",
353
+ size: "large",
354
+ },
355
+ style: {
356
+ position: "absolute",
357
+ bottom: 0,
358
+ left: 0,
359
+ width: "50%",
360
+ borderRadius: 0,
361
+ boxShadow: 0,
362
+ backgroundColor: "transparent",
363
+ color: theme.palette.primary.main,
364
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
365
+ borderRight: `0.5px solid ${theme.palette.grey[600]}`,
366
+ "&:hover": {
367
+ color: theme.palette.primary.contrastText,
368
+ backgroundColor: theme.palette.primary.main,
369
+ boxShadow: "none"
370
+ }
364
371
  }
365
- }
366
- },
367
- },
368
- {
369
- type: "Control",
370
- scope: "#/properties/ConfirmDeleteCompButton",
371
- options: {
372
- widget: "Button",
372
+ },
373
373
  },
374
- config: {
375
- layout: 6,
376
- main: {
377
- name: "Yes",
378
- startIcon: "ApproveIcon",
379
- variant: "contained",
380
- color: "error",
381
- type: "text",
382
- onClick: "deleteComponents",
383
- size: "large",
374
+ {
375
+ type: "Control",
376
+ scope: "#/properties/ConfirmDeleteCompButton",
377
+ options: {
378
+ widget: "Button",
384
379
  },
385
- style: {
386
- position: "absolute",
387
- bottom: 0,
388
- right: 0,
389
- width: "50%",
390
- borderRadius: 0,
391
- boxShadow: 0,
392
- backgroundColor: "transparent",
393
- color: theme.palette.error.main,
394
- borderTop: `0.5px solid ${theme.palette.grey[600]}`,
395
- "&:hover": {
396
- color: theme.palette.error.contrastText,
397
- backgroundColor: theme.palette.error.main,
398
- boxShadow: "none"
380
+ config: {
381
+ layout: 6,
382
+ main: {
383
+ name: "Yes",
384
+ startIcon: "ApproveIcon",
385
+ variant: "contained",
386
+ color: "error",
387
+ type: "text",
388
+ onClick: "deleteComponents",
389
+ size: "large",
390
+ },
391
+ style: {
392
+ position: "absolute",
393
+ bottom: 0,
394
+ right: 0,
395
+ width: "50%",
396
+ borderRadius: 0,
397
+ boxShadow: 0,
398
+ backgroundColor: "transparent",
399
+ color: theme.palette.error.main,
400
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
401
+ "&:hover": {
402
+ color: theme.palette.error.contrastText,
403
+ backgroundColor: theme.palette.error.main,
404
+ boxShadow: "none"
405
+ }
399
406
  }
400
- }
407
+ },
401
408
  },
402
- },
403
- ]
404
- },
405
- ]
406
- },
407
- {
408
- type: "Control",
409
- scope: "#/properties/popUpEventSection",
410
- options: {
411
- widget: "PopUp"
409
+ ]
410
+ },
411
+ ]
412
412
  },
413
- config: {
414
- layout: {
415
- xs: 12,
416
- sm: 12,
417
- md: 12,
418
- lg: 12,
413
+ {
414
+ type: "Control",
415
+ scope: "#/properties/popUpEventSection",
416
+ options: {
417
+ widget: "PopUp"
419
418
  },
420
- main: {
421
- title: "WARNING!"
419
+ config: {
420
+ layout: {
421
+ xs: 12,
422
+ sm: 12,
423
+ md: 12,
424
+ lg: 12,
425
+ },
426
+ main: {
427
+ title: "WARNING!"
428
+ },
429
+ style: {
430
+ }
422
431
  },
423
- style: {
424
- }
425
- },
426
- elements:
427
- [
428
- {
429
- type: "Control",
430
- scope: "#/properties/popupText1",
431
- options: {
432
- widget: "Box",
433
- },
434
- config: {
435
- layout: 12,
436
- main: {
437
- heading: "Are you sure you want to delete ?",
432
+ elements:
433
+ [
434
+ {
435
+ type: "Control",
436
+ scope: "#/properties/popupText1",
437
+ options: {
438
+ widget: "Box",
438
439
  },
439
- style:{
440
- marginTop: "-20px",
441
- fontSize: "20px",
442
- "&.MuiTypography-root": {
443
- padding: "10px 30px 20px 30px",
444
- textAlign: "center",
445
- lineHeight: "1"
440
+ config: {
441
+ layout: 12,
442
+ main: {
443
+ heading: "Are you sure you want to delete ?",
444
+ },
445
+ style: {
446
+ marginTop: "-20px",
447
+ fontSize: "20px",
448
+ "&.MuiTypography-root": {
449
+ padding: "10px 30px 20px 30px",
450
+ textAlign: "center",
451
+ lineHeight: "1"
452
+ }
446
453
  }
447
- }
454
+ },
448
455
  },
449
- },
450
- {
451
- type: "WrapperLayout",
452
- config: {
453
- layout: 12,
454
- main: {},
456
+ {
457
+ type: "WrapperLayout",
458
+ config: {
459
+ layout: 12,
460
+ main: {},
455
461
 
456
- },
457
- elements: [
458
- {
459
- type: "Control",
460
- scope: "#/properties/CancelDeleteEventButton",
461
- options: {
462
- widget: "Button",
463
- },
464
- config: {
465
- layout: 6,
466
- main: {
467
- name: "No",
468
- startIcon: "ApproveIcon",
469
- variant: "contained",
470
- color: "info",
471
- type: "text",
472
- onClick: "deletePopUpEvent",
473
- size: "large",
462
+ },
463
+ elements: [
464
+ {
465
+ type: "Control",
466
+ scope: "#/properties/CancelDeleteEventButton",
467
+ options: {
468
+ widget: "Button",
474
469
  },
475
- style: {
476
- position: "absolute",
477
- bottom: 0,
478
- left: 0,
479
- width: "50%",
480
- borderRadius: 0,
481
- boxShadow: 0,
482
- backgroundColor: "transparent",
483
- color: theme.palette.primary.main,
484
- borderTop: `0.5px solid ${theme.palette.grey[600]}`,
485
- borderRight: `0.5px solid ${theme.palette.grey[600]}`,
486
- "&:hover": {
487
- color: theme.palette.primary.contrastText,
488
- backgroundColor: theme.palette.primary.main,
489
- boxShadow: "none"
470
+ config: {
471
+ layout: 6,
472
+ main: {
473
+ name: "No",
474
+ startIcon: "ApproveIcon",
475
+ variant: "contained",
476
+ color: "info",
477
+ type: "text",
478
+ onClick: "deletePopUpEvent",
479
+ size: "large",
480
+ },
481
+ style: {
482
+ position: "absolute",
483
+ bottom: 0,
484
+ left: 0,
485
+ width: "50%",
486
+ borderRadius: 0,
487
+ boxShadow: 0,
488
+ backgroundColor: "transparent",
489
+ color: theme.palette.primary.main,
490
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
491
+ borderRight: `0.5px solid ${theme.palette.grey[600]}`,
492
+ "&:hover": {
493
+ color: theme.palette.primary.contrastText,
494
+ backgroundColor: theme.palette.primary.main,
495
+ boxShadow: "none"
496
+ }
490
497
  }
491
- }
492
- },
493
- },
494
- {
495
- type: "Control",
496
- scope: "#/properties/ConfirmDeleteEventButton",
497
- options: {
498
- widget: "Button",
498
+ },
499
499
  },
500
- config: {
501
- layout: 6,
502
- main: {
503
- name: "Yes",
504
- startIcon: "ApproveIcon",
505
- variant: "contained",
506
- color: "error",
507
- type: "text",
508
- onClick: "deleteEvent",
509
- size: "large",
500
+ {
501
+ type: "Control",
502
+ scope: "#/properties/ConfirmDeleteEventButton",
503
+ options: {
504
+ widget: "Button",
510
505
  },
511
- style: {
512
- position: "absolute",
513
- bottom: 0,
514
- right: 0,
515
- width: "50%",
516
- borderRadius: 0,
517
- boxShadow: 0,
518
- backgroundColor: "transparent",
519
- color: theme.palette.error.main,
520
- borderTop: `0.5px solid ${theme.palette.grey[600]}`,
521
- "&:hover": {
522
- color: theme.palette.error.contrastText,
523
- backgroundColor: theme.palette.error.main,
524
- boxShadow: "none"
506
+ config: {
507
+ layout: 6,
508
+ main: {
509
+ name: "Yes",
510
+ startIcon: "ApproveIcon",
511
+ variant: "contained",
512
+ color: "error",
513
+ type: "text",
514
+ onClick: "deleteEvent",
515
+ size: "large",
516
+ },
517
+ style: {
518
+ position: "absolute",
519
+ bottom: 0,
520
+ right: 0,
521
+ width: "50%",
522
+ borderRadius: 0,
523
+ boxShadow: 0,
524
+ backgroundColor: "transparent",
525
+ color: theme.palette.error.main,
526
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
527
+ "&:hover": {
528
+ color: theme.palette.error.contrastText,
529
+ backgroundColor: theme.palette.error.main,
530
+ boxShadow: "none"
531
+ }
525
532
  }
526
- }
533
+ },
527
534
  },
528
- },
529
- ]
530
- },
531
- ]
532
- },
533
- {
534
- type: "Control",
535
- scope: "#/properties/notify",
536
- options: {
537
- widget: "Notify",
535
+ ]
536
+ },
537
+ ]
538
538
  },
539
- layout: 6,
540
- },
541
- {
542
- type: "HorizontalLayout",
543
- config: {
544
- main: {
545
- direction: 'row'
539
+ {
540
+ type: "Control",
541
+ scope: "#/properties/notify",
542
+ options: {
543
+ widget: "Notify",
546
544
  },
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
- }
545
+ layout: 6,
557
546
  },
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: '12px',
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
- }
547
+ {
548
+ type: "HorizontalLayout",
549
+ config: {
550
+ main: {
551
+ direction: 'row'
583
552
  },
553
+ style: {
554
+ flexDirection: "row",
555
+ position: "absolute",
556
+ bottom: 0,
557
+ marginBottom: '-8px',
558
+ height: 'fit-content',
559
+ overflow: 'hidden',
560
+ zIndex: 1000,
561
+ width: 'inherit'
562
+ }
584
563
  },
585
- {
586
- type: "Control",
587
- scope: "#/properties/backIcon",
588
- options: {
589
- widget: "Box",
564
+ elements: [
565
+ {
566
+
567
+ type: "Control",
568
+ scope: "#/properties/FooterText",
569
+ options: {
570
+ widget: "Box",
571
+ },
572
+ config: {
573
+ main: {
574
+ heading: "Copywriter@ACT21.IO"
575
+ },
576
+ style: {
577
+ color: theme?.palette?.text.disabled || "#AFAFAF",
578
+ fontSize: '12px',
579
+ textAlign: 'center',
580
+ lineHeight: 2,
581
+ width: 'fit-content',
582
+ left: '50%',
583
+ position: 'relative',
584
+ margin: 0,
585
+ flexGrow: 1,
586
+ height: 0,
587
+ transform: "translate(-50%,0%)"
588
+ }
589
+ },
590
590
  },
591
- config: {
592
- main: {
593
- iconName: 'PrevIcon',
594
- onClick: "backHandler",
595
- width: 'fit-content',
591
+ {
592
+ type: "Control",
593
+ scope: "#/properties/backIcon",
594
+ options: {
595
+ widget: "Box",
596
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,
597
+ config: {
598
+ main: {
599
+ iconName: 'PrevIcon',
600
+ onClick: "backHandler",
601
+ width: 'fit-content',
602
+ },
603
+ style: {
604
+ fill: theme.palette.primary.main,
605
+ width: 20,
606
+ height: 0,
607
+ margin: 0,
608
+ top: 0,
609
+ right: { xs: '12px', sm: '84px' },
610
+ position: 'absolute',
611
+ fontSize: '12px',
612
+ cursor: 'pointer',
613
+ ':hover': {
614
+ fill: theme.palette.primary.dark,
615
+ }
609
616
  }
610
617
  }
611
- }
612
- },
613
- {
614
- type: "Control",
615
- scope: "#/properties/text",
616
-
617
- options: {
618
- widget: "Box",
619
618
  },
620
- config: {
621
- main: {
622
- heading: "Previous Page",
623
- onClick: "backHandler"
619
+ {
620
+ type: "Control",
621
+ scope: "#/properties/text",
622
+
623
+ options: {
624
+ widget: "Box",
624
625
  },
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,
626
+ config: {
627
+ main: {
628
+ heading: "Previous Page",
629
+ onClick: "backHandler"
630
+ },
631
+ style: {
632
+ display: { xs: 'none', sm: "flex" },
633
+ textAlign: 'left',
634
+ lineHeight: 1,
635
+ height: 0,
636
+ width: 'fit-content',
637
+ color: theme.palette.primary.main,
638
+ fontSize: "12px",
639
+ cursor: 'pointer',
640
+ marginLeft: '2px',
641
+ marginRight: 0,
642
+ top: 3,
643
+ right: '12px',
644
+ position: 'absolute',
645
+ ':hover': {
646
+ color: theme.palette.primary.dark,
647
+ }
641
648
  }
642
- }
649
+ },
643
650
  },
644
- },
645
- ]
646
- }
647
- ],
648
- };
649
- return uiSchema
651
+ ]
652
+ }
653
+ ],
654
+ };
655
+ return uiSchema
650
656
  }