impaktapps-ui-builder 0.0.974 → 0.0.1052

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 (45) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1401 -1379
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +0 -1
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +90 -23
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +50 -23
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +10 -301
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/progressBar.d.ts +6 -1
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.d.ts +17 -0
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/timer.d.ts +1 -14
  13. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +1 -1
  14. package/package.json +5 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +7 -3
  16. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +43 -44
  18. package/src/impaktapps-ui-builder/builder/build/buildInputSlider.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/buildLeaderboard.ts +18 -13
  20. package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +10 -11
  21. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +4 -15
  22. package/src/impaktapps-ui-builder/builder/build/buildRankCard.ts +4 -10
  23. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +16 -13
  24. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  25. package/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.ts +22 -0
  26. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +25 -19
  27. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +18 -13
  28. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +0 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +102 -46
  30. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +13 -28
  31. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +10 -366
  32. package/src/impaktapps-ui-builder/builder/build/uischema/progressBar.ts +1 -1
  33. package/src/impaktapps-ui-builder/builder/build/uischema/rankCard.ts +1 -1
  34. package/src/impaktapps-ui-builder/builder/build/uischema/runnerBoyProgressBar.ts +1 -1
  35. package/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.ts +14 -0
  36. package/src/impaktapps-ui-builder/builder/build/uischema/timer.ts +2 -16
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +1 -0
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +581 -487
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +177 -111
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +90 -59
  41. package/src/impaktapps-ui-builder/builder/services/component.ts +127 -30
  42. package/src/impaktapps-ui-builder/builder/services/event.ts +1 -1
  43. package/src/impaktapps-ui-builder/builder/services/utils.ts +2 -2
  44. package/src/impaktapps-ui-builder/runtime/services/events.ts +32 -21
  45. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -4
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,583 +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,
200
- },
201
- style:{
202
- marginLeft: "-10px"
203
- }
204
- },
205
- },
206
-
207
- {
208
- type: "Control",
209
- scope: "#/properties/copiedElementDetails",
210
-
211
- options: {
212
- widget: "Box",
213
- },
214
- config: {
215
- layout: { xs: 6, sm: 6 },
216
- main: {
217
- heading: "No element copied",
218
- },
219
- style: {
220
- color: "#535557",
221
- marginLeft: "-10px",
222
- fontSize: "12px",
223
- marginTop: "4px"
224
- },
225
- },
226
- },
227
- {
228
- type: "Control",
229
- scope: "#/properties/EmptyBox",
230
- options: {
231
- widget: "EmptyBox",
232
- },
233
- config: {
234
- layout: { xs: 1, sm: 5 },
235
- },
236
- },
237
- ]
238
- },
239
- {
240
- type: "Control",
241
- scope: "#/properties/btn",
242
- options: {
243
- widget: "Button",
244
- },
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",
256
- },
206
+ ],
257
207
  },
258
- },
259
- {
260
- type: "Control",
261
- scope: "#/properties/btnSubmit",
262
- options: {
263
- widget: "Button",
264
- },
265
-
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",
208
+ {
209
+ type: "HorizontalLayout",
210
+ config: {
211
+ layout: { xs: 12, sm: 6 }
276
212
  },
277
- },
278
- },
279
-
280
-
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,
293
- },
294
- main: {
295
- },
296
- style: {
297
- "& .MuiPaper-root":{
298
- width: '30%',
299
- },
300
- "& .MuiTypography-root":{
301
- padding: 0
302
- },
303
- }
304
- },
305
- elements:
306
- [
213
+ elements: [
307
214
  {
308
215
  type: "Control",
309
- scope: "#/properties/label",
216
+ scope: "#/properties/RemoveItemButton",
310
217
  options: {
311
- widget: "Box",
218
+ widget: "IconButton",
312
219
  },
313
220
  config: {
314
- layout: 12,
221
+ layout: { xs: 1, sm: 1 },
315
222
  main: {
316
- heading: "Are you sure you want to delete ?",
223
+ onClick: "RemoveItemButton",
224
+ size: "large",
225
+ icon: "RejectIcon",
226
+ styleDefault: true,
317
227
  },
318
- style:{
319
- marginTop: "-40px"
228
+ style: {
229
+ marginLeft: "-10px"
320
230
  }
321
231
  },
322
232
  },
233
+
323
234
  {
324
235
  type: "Control",
325
- scope: "#/properties/EmptyBox",
326
- options: {
327
- widget: "EmptyBox",
328
- },
329
- config: {
330
- main:{},
331
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
332
- },
333
- },
334
- {
335
- type: "Control",
336
- scope: "#/properties/ConfirmDeleteCompButton",
236
+ scope: "#/properties/copiedElementDetails",
237
+
337
238
  options: {
338
- widget: "Button",
239
+ widget: "Box",
339
240
  },
340
241
  config: {
341
- layout: 3,
242
+ layout: { xs: 6, sm: 6 },
342
243
  main: {
343
- name: "Yes",
344
- startIcon: "ApproveIcon",
345
- variant: "contained",
346
- color: "error",
347
- type: "text",
348
- onClick: "deleteComponents",
349
- size: "small",
244
+ heading: "No element copied",
245
+ },
246
+ style: {
247
+ color: "#535557",
248
+ marginLeft: "-10px",
249
+ fontSize: "12px",
250
+ marginTop: "4px"
350
251
  },
351
252
  },
352
253
  },
353
254
  {
354
255
  type: "Control",
355
- scope: "#/properties/CancelDeleteCompButton",
256
+ scope: "#/properties/EmptyBox",
356
257
  options: {
357
- widget: "Button",
258
+ widget: "EmptyBox",
358
259
  },
359
260
  config: {
360
- layout: 3,
361
- main: {
362
- name: "No",
363
- startIcon: "ApproveIcon",
364
- variant: "contained",
365
- color: "info",
366
- type: "text",
367
- onClick: "deletePopUpComponent",
368
- size: "small",
369
- },
261
+ layout: { xs: 1, sm: 5 },
370
262
  },
371
263
  },
372
264
  ]
373
- },
374
- {
375
- type: "Control",
376
- scope: "#/properties/popUpEventSection",
377
- options: {
378
- widget: "PopUp"
379
265
  },
380
- config: {
381
- layout: {
382
- xs: 12,
383
- sm: 12,
384
- md: 12,
385
- lg: 12,
266
+ {
267
+ type: "Control",
268
+ scope: "#/properties/btn",
269
+ options: {
270
+ widget: "Button",
271
+ },
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",
283
+ },
284
+ },
285
+ },
286
+ {
287
+ type: "Control",
288
+ scope: "#/properties/btnSubmit",
289
+ options: {
290
+ widget: "Button",
386
291
  },
387
- main: {
292
+
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
+ },
304
+ },
305
+ },
306
+
307
+
308
+ {
309
+ type: "Control",
310
+ scope: "#/properties/popUpComponentSection",
311
+ options: {
312
+ widget: "PopUp"
388
313
  },
389
- style: {
390
- "& .MuiPaper-root":{
391
- width: '30%',
314
+ config: {
315
+ layout: {
316
+ xs: 12,
317
+ sm: 12,
318
+ md: 12,
319
+ lg: 12,
392
320
  },
393
- "& .MuiTypography-root":{
394
- padding: 0
321
+ main: {
322
+ title: "WARNING!"
395
323
  },
396
- }
324
+ style: {
325
+ }
326
+ },
327
+ elements:
328
+ [
329
+ {
330
+ type: "Control",
331
+ scope: "#/properties/popupText",
332
+ options: {
333
+ widget: "Box",
334
+ },
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
+ }
348
+ }
349
+ },
350
+ },
351
+ {
352
+ type: "WrapperLayout",
353
+ config: {
354
+ layout: 12,
355
+ main: {},
356
+
357
+ },
358
+ elements: [
359
+ {
360
+ type: "Control",
361
+ scope: "#/properties/CancelDeleteCompButton",
362
+ options: {
363
+ widget: "Button",
364
+ },
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
+ }
392
+ }
393
+ },
394
+ },
395
+ {
396
+ type: "Control",
397
+ scope: "#/properties/ConfirmDeleteCompButton",
398
+ options: {
399
+ widget: "Button",
400
+ },
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
+ }
427
+ }
428
+ },
429
+ },
430
+ ]
431
+ },
432
+ ]
397
433
  },
398
- elements:
399
- [
400
- {
401
- type: "Control",
402
- scope: "#/properties/label",
403
- options: {
404
- widget: "Box",
434
+ {
435
+ type: "Control",
436
+ scope: "#/properties/popUpEventSection",
437
+ options: {
438
+ widget: "PopUp"
439
+ },
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
+ }
452
+ },
453
+ elements:
454
+ [
455
+ {
456
+ type: "Control",
457
+ scope: "#/properties/popupText1",
458
+ options: {
459
+ widget: "Box",
460
+ },
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
+ }
474
+ }
475
+ },
405
476
  },
406
- config: {
407
- layout: 12,
408
- main: {
409
- heading: "Are you sure you want to delete ?",
477
+ {
478
+ type: "WrapperLayout",
479
+ config: {
480
+ layout: 12,
481
+ main: {},
482
+
410
483
  },
411
- style:{
412
- marginTop: "-40px"
413
- }
484
+ elements: [
485
+ {
486
+ type: "Control",
487
+ scope: "#/properties/CancelDeleteEventButton",
488
+ options: {
489
+ widget: "Button",
490
+ },
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
+ }
518
+ }
519
+ },
520
+ },
521
+ {
522
+ type: "Control",
523
+ scope: "#/properties/ConfirmDeleteEventButton",
524
+ options: {
525
+ widget: "Button",
526
+ },
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
+ }
553
+ }
554
+ },
555
+ },
556
+ ]
414
557
  },
558
+ ]
559
+ },
560
+ {
561
+ type: "Control",
562
+ scope: "#/properties/notify",
563
+ options: {
564
+ widget: "Notify",
565
+ },
566
+ layout: 6,
567
+ },
568
+ {
569
+ type: "HorizontalLayout",
570
+ config: {
571
+ main: {
572
+ direction: 'row'
415
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
+ },
585
+ elements: [
416
586
  {
587
+
417
588
  type: "Control",
418
- scope: "#/properties/EmptyBox",
589
+ scope: "#/properties/FooterText",
419
590
  options: {
420
- widget: "EmptyBox",
591
+ widget: "Box",
421
592
  },
422
593
  config: {
423
- main:{},
424
- layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
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
+ }
425
610
  },
426
611
  },
427
612
  {
428
613
  type: "Control",
429
- scope: "#/properties/ConfirmDeleteEventButton",
614
+ scope: "#/properties/backIcon",
430
615
  options: {
431
- widget: "Button",
616
+ widget: "Box",
432
617
  },
433
618
  config: {
434
- layout: 3,
435
619
  main: {
436
- name: "Yes",
437
- startIcon: "ApproveIcon",
438
- variant: "contained",
439
- color: "info",
440
- type: "text",
441
- onClick: "deleteEvent",
442
- size: "small",
620
+ iconName: 'PrevIcon',
621
+ onClick: "backHandler",
622
+ width: 'fit-content',
443
623
  },
444
- },
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
+ }
637
+ }
638
+ }
445
639
  },
446
640
  {
447
641
  type: "Control",
448
- scope: "#/properties/CancelDeleteEventButton",
642
+ scope: "#/properties/text",
643
+
449
644
  options: {
450
- widget: "Button",
645
+ widget: "Box",
451
646
  },
452
647
  config: {
453
- layout: 3,
454
648
  main: {
455
- name: "No",
456
- startIcon: "ApproveIcon",
457
- variant: "contained",
458
- color: "info",
459
- type: "text",
460
- onClick: "deletePopUpEvent",
461
- size: "small",
649
+ heading: "Previous Page",
650
+ onClick: "backHandler"
462
651
  },
463
- },
464
- },
465
- ]
466
- },
467
- {
468
- type: "Control",
469
- scope: "#/properties/notify",
470
- options: {
471
- widget: "Notify",
472
- },
473
- layout: 6,
474
- },
475
- {
476
- type: "HorizontalLayout",
477
- config: {
478
- main: {
479
- direction: 'row'
480
- },
481
- style: {
482
- flexDirection: "row",
483
- position: "absolute",
484
- bottom: 0,
485
- marginBottom: '-8px',
486
- height: 'fit-content',
487
- overflow: 'hidden',
488
- zIndex: 1000,
489
- width: 'inherit'
490
- }
491
- },
492
- elements: [
493
- {
494
-
495
- type: "Control",
496
- scope: "#/properties/FooterText",
497
- options: {
498
- widget: "Box",
499
- },
500
- config: {
501
- main: {
502
- heading: "Copywriter@ACT21.IO"
503
- },
504
- style: {
505
- color: theme?.palette?.text.disabled || "#AFAFAF",
506
- fontSize: '12px',
507
- textAlign: 'center',
508
- lineHeight: 1,
509
- width: 'fit-content',
510
- left: '50%',
511
- position: 'relative',
512
- margin: 0,
513
- flexGrow: 1,
514
- height: 0
515
- }
516
- },
517
- },
518
- {
519
- type: "Control",
520
- scope: "#/properties/backIcon",
521
- options: {
522
- widget: "Box",
523
- },
524
- config: {
525
- main: {
526
- iconName: 'PrevIcon',
527
- onClick: "backHandler",
528
- width: 'fit-content',
529
- },
530
- style: {
531
- fill: theme.palette.primary.main,
532
- width: 20,
533
- height: 0,
534
- margin: 0,
535
- top: 0,
536
- right: {xs: '12px', sm: '84px'},
537
- position: 'absolute',
538
- fontSize: '12px',
539
- cursor: 'pointer',
540
- ':hover': {
541
- fill: theme.palette.primary.dark,
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
+ }
542
669
  }
543
- }
544
- }
545
- },
546
- {
547
- type: "Control",
548
- scope: "#/properties/text",
549
-
550
- options: {
551
- widget: "Box",
552
- },
553
- config: {
554
- main: {
555
- heading: "Previous Page",
556
- onClick: "backHandler"
557
670
  },
558
- style: {
559
- display: {xs: 'none', sm: "flex"},
560
- textAlign: 'left',
561
- lineHeight: 1,
562
- height: 0,
563
- width: 'fit-content',
564
- color: theme.palette.primary.main,
565
- fontSize: "12px",
566
- cursor: 'pointer',
567
- marginLeft: '2px',
568
- marginRight: 0,
569
- top: 3,
570
- right: '12px',
571
- position: 'absolute',
572
- ':hover': {
573
- color: theme.palette.primary.dark,
574
- }
575
- }
576
671
  },
577
- },
578
- ]
579
- }
580
- ],
581
- };
582
- return uiSchema
672
+ ]
673
+ }
674
+ ],
675
+ };
676
+ return uiSchema
583
677
  }