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/PageMaster/uiSchema.ts CHANGED
@@ -2,16 +2,15 @@ import { EventUiSchema } from "../event/uiSchema"
2
2
  export const PageMasterUiSchema: any = (theme) => {
3
3
  const uiSchema = {
4
4
  type: "HorizontalLayout",
5
- heading: "Page Master",
5
+ heading: "Page",
6
6
  elements: [
7
7
  {
8
8
  type: "WrapperLayout",
9
9
  config: {
10
10
  main: {
11
- },
12
- wrapperStyle: {
13
- marginLeft: theme.spacing(2),
14
- backgroundColor: theme.palette.background.default
11
+ label: "Basic Details",
12
+ isAccordion: true,
13
+ gap: "8px",
15
14
  },
16
15
  },
17
16
  elements: [
@@ -23,9 +22,9 @@ export const PageMasterUiSchema: any = (theme) => {
23
22
  widget: "InputField",
24
23
  },
25
24
  config: {
26
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
25
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
27
26
  main: {
28
- label: "Name",
27
+ label: "Page Name",
29
28
  options: [],
30
29
  color: "secondary",
31
30
  errorMessage: "Name should be start with 'page_'",
@@ -34,27 +33,27 @@ export const PageMasterUiSchema: any = (theme) => {
34
33
  },
35
34
  },
36
35
  },
37
- {
38
- type: "Control",
39
- scope: "#/properties/template",
36
+ // {
37
+ // type: "Control",
38
+ // scope: "#/properties/template",
40
39
 
41
- options: {
42
- widget: "SelectInputField",
43
- },
44
- config: {
45
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
46
- main: {
47
- label: "Template",
48
- options: [
49
- { const: "template1", title: "template1" },
50
- { const: "template2", title: "template2" },
51
- { const: "template3", title: "template3" }
52
- ],
53
- color: "secondary",
54
- required: true,
55
- },
56
- },
57
- },
40
+ // options: {
41
+ // widget: "SelectInputField",
42
+ // },
43
+ // config: {
44
+ // layout: { xs: 6, sm: 6, md: 4, lg: 3 },
45
+ // main: {
46
+ // label: "Template",
47
+ // options: [
48
+ // { const: "template1", title: "template1" },
49
+ // { const: "template2", title: "template2" },
50
+ // { const: "template3", title: "template3" }
51
+ // ],
52
+ // color: "secondary",
53
+ // required: true,
54
+ // },
55
+ // },
56
+ // },
58
57
  {
59
58
  type: "Control",
60
59
  scope: "#/properties/label",
@@ -63,9 +62,9 @@ export const PageMasterUiSchema: any = (theme) => {
63
62
  widget: "InputField",
64
63
  },
65
64
  config: {
66
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
65
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
67
66
  main: {
68
- label: "Label",
67
+ label: "Page Heading",
69
68
  options: [],
70
69
  color: "secondary",
71
70
  required: true,
@@ -76,7 +75,7 @@ export const PageMasterUiSchema: any = (theme) => {
76
75
  type: "Control",
77
76
  scope: "#/properties/EmptyBox",
78
77
  config: {
79
- layout: { xs: 6, sm: 6, md: 0, lg: 0 },
78
+ layout: { xs: 0, sm: 0, md: 4, lg: 6 },
80
79
  },
81
80
  options: {
82
81
  widget: "EmptyBox",
@@ -87,11 +86,27 @@ export const PageMasterUiSchema: any = (theme) => {
87
86
  {
88
87
  type: "TabLayout",
89
88
  config: {
89
+ layout: 12,
90
90
  main: {
91
- tabLabels: ["Components", "events"],
92
- divider: true,
91
+ tabLabels: ["Page Components", "Page Events"],
92
+ },
93
+ style: {
94
+ TabPanelStyle: {
95
+ padding: 0,
96
+ }
97
+ },
98
+ TabsStyle: {
99
+ borderTop: `1px solid ${theme.palette.common.black}29`,
100
+ marginBottom: "3px",
101
+ paddingBottom: "4px",
102
+ boxShadow: "0px 3px 4px #afafaf80",
103
+ "& .MuiTabs-indicator": {
104
+ bottom: "6px",
105
+ }
93
106
  },
94
- defaultStyle: true,
107
+ TabContainerStyle: {
108
+ marginTop: "-16px",
109
+ }
95
110
  },
96
111
  elements: [
97
112
  {
@@ -108,21 +123,53 @@ export const PageMasterUiSchema: any = (theme) => {
108
123
  widget: {
109
124
  type: "Control",
110
125
  scope: "#/properties/New_Record",
111
-
112
126
  options: {
113
127
  widget: "IconButton",
114
128
  },
115
129
  config: {
116
130
  main: {
117
- // color: "info",
118
131
  onClick: "onAddClickHandler",
119
132
  size: "small",
120
- icon: "AddIcon",
121
- iconLabel: "Add New",
133
+ icon: "TableAddIcon",
134
+ iconLabel: "Add",
122
135
  styleDefault: true,
123
136
  },
124
137
  style: {
125
138
  mt: "6px",
139
+ color: "inherit",
140
+ fill: "inherit",
141
+ "&:hover": {
142
+ color: "inherit",
143
+ fill: "inherit",
144
+ }
145
+ },
146
+ },
147
+ }
148
+ },
149
+ {
150
+ widget: {
151
+ type: "Control",
152
+ scope: "#/properties/Paste_Component",
153
+
154
+ options: {
155
+ widget: "IconButton",
156
+ },
157
+ config: {
158
+ main: {
159
+ onClick: "copyPasteElement",
160
+ size: "small",
161
+ icon: "TablePaste",
162
+ iconLabel: "Paste",
163
+ styleDefault: true,
164
+ },
165
+ style: {
166
+ mt: "6px",
167
+ color: "inherit",
168
+ fill: "inherit",
169
+ "&:hover": {
170
+ color: "inherit",
171
+ fill: "inherit",
172
+ }
126
173
  },
127
174
  },
128
175
  }
@@ -137,18 +184,21 @@ export const PageMasterUiSchema: any = (theme) => {
137
184
  elements: [
138
185
  {
139
186
  accessorKey: "name",
140
-
141
187
  header: "Name",
188
+ size: 300,
189
+ type: "string"
142
190
  },
143
191
  {
144
192
  accessorKey: "type",
145
-
146
193
  header: "Type",
194
+ size: 300,
195
+ type: "string"
147
196
  },
148
197
  {
149
198
  header: "Edit",
150
199
  field: "Reject_Records",
151
- flex: 1,
200
+ size: 150,
201
+ type: "action",
152
202
  widget: {
153
203
  type: "Control",
154
204
  scope: "#/properties/RejectButton",
@@ -157,13 +207,15 @@ export const PageMasterUiSchema: any = (theme) => {
157
207
  },
158
208
  config: {
159
209
  main: {
160
- icon: "EditIcon",
161
- color: "primary",
210
+ icon: "TableEditIcon",
162
211
  onClick: "Edit_Components",
163
212
  tooltipMessage: "Edit This Record",
164
213
  },
165
214
  style: {
166
- color: theme.palette.primary.main,
215
+ fill: theme.palette.primary.main,
216
+ "& :hover": {
217
+ fill: theme.palette.primary.dark,
218
+ },
167
219
  },
168
220
  },
169
221
  },
@@ -171,7 +223,8 @@ export const PageMasterUiSchema: any = (theme) => {
171
223
  {
172
224
  header: "Delete",
173
225
  field: "Reject_Records",
174
- flex: 1,
226
+ size: 150,
227
+ type: "action",
175
228
  widget: {
176
229
  type: "Control",
177
230
  scope: "#/properties/RejectButton",
@@ -180,14 +233,39 @@ export const PageMasterUiSchema: any = (theme) => {
180
233
  },
181
234
  config: {
182
235
  main: {
183
- icon: "RejectIcon",
184
- color: "error",
236
+ icon: "Bin",
185
237
  onClick: "deletePopUpComponent",
186
238
  tooltipMessage: "Reject This Record",
187
239
  },
240
+ style: {
241
+ fill: theme.palette.primary.main,
242
+ "& :hover": {
243
+ fill: theme.palette.primary.dark,
244
+ },
245
+ },
188
246
  },
189
247
  },
190
- }
248
+ },
249
+ {
250
+ header: "Copy",
251
+ field: "Copy_Component",
252
+ flex: 1,
253
+ widget: {
254
+ type: "Control",
255
+ scope: "#/properties/Copy_Component",
256
+ options: {
257
+ widget: "IconButton",
258
+ },
259
+ config: {
260
+ main: {
261
+ icon: "FileCopyIcon",
262
+ // color: "error",
263
+ onClick: "copyPasteElement",
264
+ styleDefault: true,
265
+ },
266
+ },
267
+ },
268
+ },
191
269
  ]
192
270
  },
193
271
  {
@@ -204,21 +282,54 @@ export const PageMasterUiSchema: any = (theme) => {
204
282
  widget: {
205
283
  type: "Control",
206
284
  scope: "#/properties/New_Record",
207
-
208
285
  options: {
209
286
  widget: "IconButton",
210
287
  },
211
288
  config: {
212
289
  main: {
213
- // color: "info",
214
290
  onClick: "eventAddHandler",
215
291
  size: "small",
216
- icon: "AddIcon",
217
- iconLabel: "Add New",
292
+ icon: "TableAddIcon",
293
+ iconLabel: "Add",
294
+ styleDefault: true,
295
+ },
296
+ style: {
297
+ mt: "6px",
298
+ color: "inherit",
299
+ fill: "inherit",
300
+ "&:hover": {
301
+ color: "inherit",
302
+ fill: "inherit",
303
+ }
304
+ },
305
+ },
306
+ }
307
+ },
308
+
309
+ {
310
+ widget: {
311
+ type: "Control",
312
+ scope: "#/properties/Paste_Event",
313
+
314
+ options: {
315
+ widget: "IconButton",
316
+ },
317
+ config: {
318
+ main: {
319
+ onClick: "copyPasteElement",
320
+ size: "small",
321
+ icon: "TablePaste",
322
+ iconLabel: "Paste",
218
323
  styleDefault: true,
219
324
  },
220
325
  style: {
221
326
  mt: "6px",
327
+ color: "inherit",
328
+ fill: "inherit",
329
+ "&:hover": {
330
+ color: "inherit",
331
+ fill: "inherit",
332
+ }
222
333
  },
223
334
  },
224
335
  }
@@ -237,14 +348,20 @@ export const PageMasterUiSchema: any = (theme) => {
237
348
  {
238
349
  accessorKey: "eventType",
239
350
  header: "Event Type",
351
+ size: 300,
352
+ type: "string"
240
353
  },
241
354
  {
242
355
  accessorKey: "Handler",
243
356
  header: "Handler",
357
+ size: 300,
358
+ type: "string"
244
359
  },
245
360
  {
246
361
  accessorKey: "Edit_Approve_Records",
247
362
  header: "Edit Widget",
363
+ type: "action",
364
+ size: 150,
248
365
  widget: {
249
366
  type: "Control",
250
367
  scope: "#/properties/Edit_Records",
@@ -253,14 +370,16 @@ export const PageMasterUiSchema: any = (theme) => {
253
370
  },
254
371
  config: {
255
372
  main: {
256
- color: "info",
257
373
  size: "small",
258
- icon: "EditIcon",
374
+ icon: "TableEditIcon",
259
375
  tooltipMessage: "Edit This Record",
260
376
  onClick: "editEvent",
261
377
  },
262
378
  style: {
263
- color: theme.palette.primary.main,
379
+ fill: theme.palette.primary.main,
380
+ "& :hover": {
381
+ fill: theme.palette.primary.dark,
382
+ },
264
383
  },
265
384
  },
266
385
  },
@@ -276,11 +395,36 @@ export const PageMasterUiSchema: any = (theme) => {
276
395
  },
277
396
  config: {
278
397
  main: {
279
- icon: "RejectIcon",
280
- color: "error",
398
+ icon: "Bin",
281
399
  tooltipMessage: "Reject This Record",
282
400
  onClick: "deletePopUpEvent",
283
401
  },
402
+ style: {
403
+ fill: theme.palette.primary.main,
404
+ "& :hover": {
405
+ fill: theme.palette.primary.dark,
406
+ },
407
+ },
408
+ },
409
+ },
410
+ },
411
+ {
412
+ header: "Copy",
413
+ field: "Copy_Event",
414
+ flex: 1,
415
+ widget: {
416
+ type: "Control",
417
+ scope: "#/properties/Copy_Event",
418
+ options: {
419
+ widget: "IconButton",
420
+ },
421
+ config: {
422
+ main: {
423
+ icon: "FileCopyIcon",
424
+ // color: "error",
425
+ onClick: "copyPasteElement",
426
+ styleDefault: true,
427
+ },
284
428
  },
285
429
  },
286
430
  },
@@ -290,35 +434,108 @@ export const PageMasterUiSchema: any = (theme) => {
290
434
 
291
435
  ],
292
436
  },
437
+ // {
438
+ // type: "HorizontalLayout",
439
+ // config: {
440
+ // layout:{xs:12,sm: 9}
441
+ // },
442
+ // elements: [
443
+ // {
444
+ // type: "Control",
445
+ // scope: "#/properties/RemoveItemButton",
446
+ // options: {
447
+ // widget: "IconButton",
448
+ // },
449
+ // config: {
450
+ // layout: { xs: 1, sm: 1 },
451
+ // main: {
452
+ // onClick: "RemoveItemButton",
453
+ // size: "large",
454
+ // icon: "RejectIcon",
455
+ // styleDefault: true,
456
+ // },
457
+ // style:{
458
+ // marginLeft: "-5px"
459
+ // }
460
+ // },
461
+ // },
462
+
463
+ // {
464
+ // type: "Control",
465
+ // scope: "#/properties/copiedElementDetails",
466
+
467
+ // options: {
468
+ // widget: "Box",
469
+ // },
470
+ // config: {
471
+ // layout: { xs: 6, sm: 6 },
472
+ // main: {
473
+ // heading: "No element copied",
474
+ // },
475
+ // style: {
476
+ // color: "#535557",
477
+ // marginLeft: "-30px",
478
+ // fontSize: "12px",
479
+ // marginTop: "4px"
480
+ // },
481
+ // },
482
+ // },
483
+ // {
484
+ // type: "Control",
485
+ // scope: "#/properties/EmptyBox",
486
+ // options: {
487
+ // widget: "EmptyBox",
488
+ // },
489
+ // config: {
490
+ // layout: { xs: 1, sm: 5 },
491
+ // },
492
+ // },
493
+ // ]
494
+ // },
293
495
  {
294
- type: "Control",
295
- scope: "#/properties/btn",
296
- options: {
297
- widget: "EmptyBox",
298
- },
299
- config: {
300
- layout: { xs: 8, sm: 10 },
301
- }
302
- },
303
- {
304
- type: "Control",
305
- scope: "#/properties/btn",
306
- options: {
307
- widget: "Button",
308
- },
309
-
496
+ scope: "#/properties/Remarks Container",
497
+ type: "WrapperLayout",
310
498
  config: {
311
- layout: { xs: 4, sm: 2 },
499
+ layout: 12,
312
500
  main: {
313
- name: "Save",
314
- startIcon: "ApproveIcon",
315
- variant: "contained",
316
- // color: "info",
317
- type: "text",
318
- onClick: "saveHandler",
319
- size: "medium",
501
+ divider: false,
502
+ rowSpacing: 0,
503
+ gap: 0
320
504
  },
505
+ componentsBoxStyle: {
506
+ padding: "8px 8px 8px 24px",
507
+ }
321
508
  },
509
+ elements: [
510
+ {
511
+ type: "Control",
512
+ scope: "#/properties/btn",
513
+ options: {
514
+ widget: "Button",
515
+ },
516
+
517
+ config: {
518
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
519
+ main: {
520
+ name: "Save",
521
+ variant: "contained",
522
+ type: "text",
523
+ onClick: "saveHandler",
524
+ size: "medium",
525
+ },
526
+ },
527
+ },
528
+ {
529
+ type: "Control",
530
+ scope: "#/properties/EmptyBox",
531
+ config: {
532
+ layout: { xs: 8, sm:9.5, md: 10, lg: 10.5 },
533
+ },
534
+ options: {
535
+ widget: "EmptyBox",
536
+ },
537
+ },
538
+ ],
322
539
  },
323
540
  {
324
541
  type: "Control",
@@ -330,86 +547,119 @@ export const PageMasterUiSchema: any = (theme) => {
330
547
  layout: {
331
548
  xs: 12,
332
549
  sm: 12,
333
- md: 6,
334
- lg: 6,
550
+ md: 12,
551
+ lg: 12,
335
552
  },
336
553
  main: {
554
+ title: "WARNING!"
337
555
  },
338
556
  style: {
339
- "& .MuiPaper-root":{
340
- width: '30%',
341
- },
342
- "& .MuiTypography-root":{
343
- padding: 0
344
- },
345
557
  }
346
558
  },
347
559
  elements:
348
560
  [
349
561
  {
350
562
  type: "Control",
351
- scope: "#/properties/label",
563
+ scope: "#/properties/popText",
352
564
  options: {
353
565
  widget: "Box",
354
566
  },
355
567
  config: {
356
- layout: 12,
568
+ layout: 11,
357
569
  main: {
358
570
  heading: "Are you sure you want to delete ?",
359
571
  },
360
- style: {
361
- marginTop: "-40px"
572
+ style:{
573
+ marginTop: "-20px",
574
+ fontSize: "20px",
575
+ "&.MuiTypography-root": {
576
+ padding: "10px 30px 20px 30px",
577
+ textAlign: "center",
578
+ lineHeight: "1"
579
+ }
362
580
  }
363
581
  },
364
582
  },
365
583
  {
366
- type: "Control",
367
- scope: "#/properties/EmptyBox",
368
- options: {
369
- widget: "EmptyBox",
370
- },
584
+ type: "WrapperLayout",
371
585
  config: {
586
+ layout: 11,
372
587
  main: {},
373
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
374
- },
375
- },
376
- {
377
- type: "Control",
378
- scope: "#/properties/ConfirmDeleteCompButton",
379
- options: {
380
- widget: "Button",
588
+
381
589
  },
382
- config: {
383
- layout: 3,
384
- main: {
385
- name: "Yes",
386
- startIcon: "ApproveIcon",
387
- variant: "contained",
388
- color: "info",
389
- type: "text",
390
- onClick: "Delete_Components",
391
- size: "small",
590
+ elements: [
591
+ {
592
+ type: "Control",
593
+ scope: "#/properties/CancelDeleteCompButton",
594
+ options: {
595
+ widget: "Button",
596
+ },
597
+ config: {
598
+ layout: 6,
599
+ main: {
600
+ name: "No",
601
+ startIcon: "ApproveIcon",
602
+ variant: "contained",
603
+ color: "info",
604
+ type: "text",
605
+ onClick: "deletePopUpComponent",
606
+ size: "large",
607
+ },
608
+ style: {
609
+ position: "absolute",
610
+ bottom: 0,
611
+ left: 0,
612
+ width: "50%",
613
+ borderRadius: 0,
614
+ boxShadow: 0,
615
+ backgroundColor: "transparent",
616
+ color: theme.palette.primary.main,
617
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
618
+ borderRight: `0.5px solid ${theme.palette.grey[600]}`,
619
+ "&:hover": {
620
+ color: theme.palette.primary.contrastText,
621
+ backgroundColor: theme.palette.primary.main,
622
+ boxShadow: "none"
623
+ }
624
+ }
625
+ },
392
626
  },
393
- },
394
- },
395
- {
396
- type: "Control",
397
- scope: "#/properties/CancelDeleteCompButton",
398
- options: {
399
- widget: "Button",
400
- },
401
- config: {
402
- layout: 3,
403
- main: {
404
- name: "No",
405
- startIcon: "ApproveIcon",
406
- variant: "contained",
407
- color: "info",
408
- type: "text",
409
- onClick: "deletePopUpComponent",
410
- size: "small",
627
+ {
628
+ type: "Control",
629
+ scope: "#/properties/ConfirmDeleteCompButton",
630
+ options: {
631
+ widget: "Button",
632
+ },
633
+ config: {
634
+ layout: 6,
635
+ main: {
636
+ name: "Yes",
637
+ startIcon: "ApproveIcon",
638
+ variant: "contained",
639
+ color: "error",
640
+ type: "text",
641
+ onClick: "Delete_Components",
642
+ size: "large",
643
+ },
644
+ style: {
645
+ position: "absolute",
646
+ bottom: 0,
647
+ right: 0,
648
+ width: "50%",
649
+ borderRadius: 0,
650
+ boxShadow: 0,
651
+ backgroundColor: "transparent",
652
+ color: theme.palette.error.main,
653
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
654
+ "&:hover": {
655
+ color: theme.palette.error.contrastText,
656
+ backgroundColor: theme.palette.error.main,
657
+ boxShadow: "none"
658
+ }
659
+ }
660
+ },
411
661
  },
412
- },
662
+ ]
413
663
  },
414
664
  ]
415
665
  },
@@ -423,87 +673,119 @@ export const PageMasterUiSchema: any = (theme) => {
423
673
  layout: {
424
674
  xs: 12,
425
675
  sm: 12,
426
- md: 6,
427
- lg: 6,
676
+ md: 12,
677
+ lg: 12,
428
678
  },
429
679
  main: {
680
+ title: "WARNING!"
430
681
  },
431
-
432
682
  style: {
433
- "& .MuiPaper-root":{
434
- width: '30%',
435
- },
436
- "& .MuiTypography-root":{
437
- padding: 0
438
- },
439
683
  }
440
684
  },
441
685
  elements:
442
686
  [
443
687
  {
444
688
  type: "Control",
445
- scope: "#/properties/label",
689
+ scope: "#/properties/popText1",
446
690
  options: {
447
691
  widget: "Box",
448
692
  },
449
693
  config: {
450
- layout: 12,
694
+ layout: 11,
451
695
  main: {
452
696
  heading: "Are you sure you want to delete ?",
453
697
  },
454
- style: {
455
- marginTop: "-40px"
698
+ style:{
699
+ marginTop: "-20px",
700
+ fontSize: "20px",
701
+ "&.MuiTypography-root": {
702
+ padding: "10px 30px 20px 30px",
703
+ textAlign: "center",
704
+ lineHeight: "1"
705
+ }
456
706
  }
457
707
  },
458
708
  },
459
709
  {
460
- type: "Control",
461
- scope: "#/properties/EmptyBox",
462
- options: {
463
- widget: "EmptyBox",
464
- },
710
+ type: "WrapperLayout",
465
711
  config: {
712
+ layout: 11,
466
713
  main: {},
467
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
468
- },
469
- },
470
- {
471
- type: "Control",
472
- scope: "#/properties/ConfirmDeleteEventButton",
473
- options: {
474
- widget: "Button",
714
+
475
715
  },
476
- config: {
477
- layout: 3,
478
- main: {
479
- name: "Yes",
480
- startIcon: "ApproveIcon",
481
- variant: "contained",
482
- color: "info",
483
- type: "text",
484
- onClick: "deleteEvent",
485
- size: "small",
716
+ elements: [
717
+ {
718
+ type: "Control",
719
+ scope: "#/properties/CancelDeleteEventButton",
720
+ options: {
721
+ widget: "Button",
722
+ },
723
+ config: {
724
+ layout: 6,
725
+ main: {
726
+ name: "No",
727
+ startIcon: "ApproveIcon",
728
+ variant: "contained",
729
+ color: "info",
730
+ type: "text",
731
+ onClick: "deletePopUpEvent",
732
+ size: "large",
733
+ },
734
+ style: {
735
+ position: "absolute",
736
+ bottom: 0,
737
+ left: 0,
738
+ width: "50%",
739
+ borderRadius: 0,
740
+ boxShadow: 0,
741
+ backgroundColor: "transparent",
742
+ color: theme.palette.primary.main,
743
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
744
+ borderRight: `0.5px solid ${theme.palette.grey[600]}`,
745
+ "&:hover": {
746
+ color: theme.palette.primary.contrastText,
747
+ backgroundColor: theme.palette.primary.main,
748
+ boxShadow: "none"
749
+ }
750
+ }
751
+ },
486
752
  },
487
- },
488
- },
489
- {
490
- type: "Control",
491
- scope: "#/properties/CancelDeleteEventButton",
492
- options: {
493
- widget: "Button",
494
- },
495
- config: {
496
- layout: 3,
497
- main: {
498
- name: "No",
499
- startIcon: "ApproveIcon",
500
- variant: "contained",
501
- color: "error",
502
- type: "text",
503
- onClick: "deletePopUpEvent",
504
- size: "small",
753
+ {
754
+ type: "Control",
755
+ scope: "#/properties/ConfirmDeleteEventButton",
756
+ options: {
757
+ widget: "Button",
758
+ },
759
+ config: {
760
+ layout: 6,
761
+ main: {
762
+ name: "Yes",
763
+ startIcon: "ApproveIcon",
764
+ variant: "contained",
765
+ color: "error",
766
+ type: "text",
767
+ onClick: "deleteEvent",
768
+ size: "large",
769
+ },
770
+ style: {
771
+ position: "absolute",
772
+ bottom: 0,
773
+ right: 0,
774
+ width: "50%",
775
+ borderRadius: 0,
776
+ boxShadow: 0,
777
+ backgroundColor: "transparent",
778
+ color: theme.palette.error.main,
779
+ borderTop: `0.5px solid ${theme.palette.grey[600]}`,
780
+ "&:hover": {
781
+ color: theme.palette.error.contrastText,
782
+ backgroundColor: theme.palette.error.main,
783
+ boxShadow: "none"
784
+ }
785
+ }
786
+ },
505
787
  },
506
- },
788
+ ]
507
789
  },
508
790
  ]
509
791
  },
@@ -519,22 +801,20 @@ export const PageMasterUiSchema: any = (theme) => {
519
801
  type: "HorizontalLayout",
520
802
  config: {
521
803
  main: {
522
- direction: 'row'
804
+ direction: "row",
523
805
  },
524
806
  style: {
525
807
  flexDirection: "row",
526
808
  position: "absolute",
527
- bottom: 0,
528
- marginBottom: '-8px',
529
- height: 'fit-content',
530
- overflow: 'hidden',
809
+ bottom: 10,
810
+ height: "fit-content",
811
+ overflow: "hidden",
531
812
  zIndex: 1000,
532
- width: 'inherit'
533
- }
813
+ width: "inherit",
814
+ },
534
815
  },
535
816
  elements: [
536
817
  {
537
-
538
818
  type: "Control",
539
819
  scope: "#/properties/FooterText",
540
820
  options: {
@@ -542,83 +822,24 @@ export const PageMasterUiSchema: any = (theme) => {
542
822
  },
543
823
  config: {
544
824
  main: {
545
- heading: "Copywriter@ACT21.IO"
825
+ heading: "Copywriter@ACT21.IO",
546
826
  },
547
827
  style: {
548
828
  color: theme?.palette?.text.disabled || "#AFAFAF",
549
- fontSize: '12px',
550
- textAlign: 'center',
551
- lineHeight: 1,
552
- width: 'fit-content',
553
- left: '50%',
554
- position: 'relative',
555
- margin: 0,
829
+ fontSize: "11px",
830
+ textAlign: "center",
831
+ lineHeight: 0,
832
+ width: "fit-content",
833
+ left: "50%",
834
+ position: "relative",
835
+ margin: "revert",
556
836
  flexGrow: 1,
557
- height: 0
558
- }
559
- },
560
- },
561
- {
562
- type: "Control",
563
- scope: "#/properties/backIcon",
564
- options: {
565
- widget: "Box",
566
- },
567
- config: {
568
- main: {
569
- iconName: 'PrevIcon',
570
- onClick: "backHandler",
571
- width: 'fit-content',
572
- },
573
- style: {
574
- fill: theme.palette.primary.main,
575
- width: 20,
576
837
  height: 0,
577
- margin: 0,
578
- top: 0,
579
- right: {xs: '12px', sm: '84px'},
580
- position: 'absolute',
581
- fontSize: '12px',
582
- cursor: 'pointer',
583
- ':hover': {
584
- fill: theme.palette.primary.dark,
585
- }
586
- }
587
- }
588
- },
589
- {
590
- type: "Control",
591
- scope: "#/properties/text",
592
-
593
- options: {
594
- widget: "Box",
595
- },
596
- config: {
597
- main: {
598
- heading: "Previous Page",
599
- onClick: "backHandler"
838
+ transform: "translate(-50%, 0%)",
600
839
  },
601
- style: {
602
- display: {xs: 'none', sm: "flex"},
603
- textAlign: 'left',
604
- lineHeight: 1,
605
- height: 0,
606
- width: 'fit-content',
607
- color: theme.palette.primary.main,
608
- fontSize: "12px",
609
- cursor: 'pointer',
610
- marginLeft: '2px',
611
- marginRight: 0,
612
- top: 3,
613
- right: '12px',
614
- position: 'absolute',
615
- ':hover': {
616
- color: theme.palette.primary.dark,
617
- }
618
- }
619
840
  },
620
841
  },
621
- ]
842
+ ],
622
843
  }
623
844
  ]
624
845
  }