impaktapps-ui-builder 0.0.100 → 0.0.101-alpha.10

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