impaktapps-ui-builder 0.0.104 → 0.0.105-4.alpha-1

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