impaktapps-ui-builder 0.0.382-alpha.10 → 0.0.382-alpha.1001

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 (18) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1322 -910
  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/uischema/leaderBoard.d.ts +6 -4
  6. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  7. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +3 -2
  8. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  9. package/package.json +1 -1
  10. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +1 -1
  11. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +32 -4
  12. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +4 -2
  13. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +438 -304
  14. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +506 -323
  15. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +353 -364
  16. package/src/impaktapps-ui-builder/builder/services/component.ts +25 -7
  17. package/src/impaktapps-ui-builder/builder/services/event.ts +17 -9
  18. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +19 -3
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,223 +1,410 @@
1
- export const componentBasicUiSchema: any = (theme) => {
2
- const uiSchema = {
3
- type: "HorizontalLayout",
4
- heading: "Component",
5
- elements: [
6
- // {
7
- // type: "WrapperLayout",
8
- // config: {
9
- // main: {
10
- // rowSpacing: 1,
11
- // header:true
12
- // },
13
- // defaultStyle:true
14
- // },
15
- // elements: [
16
-
17
- // {
18
- // type: "Control",
19
- // scope: "#/properties/Component",
20
-
21
- // options: {
22
- // widget: "Box",
23
- // },
24
- // config: {
25
- // layout: {xs:12,sm:12,md:2},
26
- // main: {
27
- // heading: "Component",
28
- // },
29
- // style:{
30
- // "float":"left",
31
- // }
32
- // },
33
- // },
34
-
35
- // {
36
- // type: "Control",
37
- // scope: "#/properties/pageName",
38
-
39
- // options: {
40
- // widget: "Box",
41
- // },
42
- // config: {
43
- // layout: {xs:7,sm:7,md:9},
44
- // main: {
45
- // heading: " ",
46
- // },
47
- // style: {
48
- // float: "right",
49
- // width:"auto",
50
- // fontSize:"12px",
51
- // color:"gray",
52
- // paddingTop:"10px"
53
- // },
54
- // },
55
- // },
56
-
57
- // {
58
- // type: "Control",
59
- // scope: "#/properties/Back_Button",
60
-
61
- // options: {
62
- // widget: "IconButton",
63
- // },
64
- // config: {
65
- // layout: {xs:2,sm:2,md:0.5},
66
- // main: {
67
- // icon: "BackIcon",
68
- // styleDefault: true,
69
- // size: "small",
70
- // onClick: "backHandler",
71
- // tooltipMessage: "Back",
72
- // },
73
- // style: {
74
- // float: "right",
75
- // },
76
- // },
77
- // },
78
-
79
- // ],
80
- // },
81
- {
82
- type: "TabLayout",
83
- config: {
84
- main: {
85
- tabLabels: ["Core"],
86
- defaultStyle: true,
87
- id: `component`
1
+ export const componentBasicUiSchema: any = {
2
+ type: "HorizontalLayout",
3
+ elements: [
4
+ {
5
+ type: "WrapperLayout",
6
+ config: {
7
+ main: {
8
+ rowSpacing: 1,
9
+ header:true
10
+ },
11
+ defaultStyle:true
12
+ },
13
+ elements: [
14
+
15
+ {
16
+ type: "Control",
17
+ scope: "#/properties/Component",
18
+
19
+ options: {
20
+ widget: "Box",
21
+ },
22
+ config: {
23
+ layout: {xs:12,sm:12,md:2},
24
+ main: {
25
+ heading: "Component",
26
+ },
27
+ style:{
28
+ "float":"left",
29
+ }
30
+ },
31
+ },
32
+
33
+ {
34
+ type: "Control",
35
+ scope: "#/properties/pageName",
36
+
37
+ options: {
38
+ widget: "Box",
39
+ },
40
+ config: {
41
+ layout: {xs:7,sm:7,md:9},
42
+ main: {
43
+ heading: " ",
44
+ },
45
+ style: {
46
+ float: "right",
47
+ width:"auto",
48
+ fontSize:"12px",
49
+ color:"gray",
50
+ paddingTop:"10px"
51
+ },
88
52
  },
89
53
  },
54
+
55
+ {
56
+ type: "Control",
57
+ scope: "#/properties/Back_Button",
58
+
59
+ options: {
60
+ widget: "IconButton",
61
+ },
62
+ config: {
63
+ layout: {xs:2,sm:2,md:0.5},
64
+ main: {
65
+ icon: "BackIcon",
66
+ styleDefault: true,
67
+ size: "small",
68
+ onClick: "backHandler",
69
+ tooltipMessage: "Back",
70
+ },
71
+ style: {
72
+ float: "right",
73
+ },
74
+ },
75
+ },
76
+
77
+ ],
78
+ },
79
+ {
80
+ type: "TabLayout",
81
+ config: {
82
+ main: {
83
+ tabLabels: ["Core"],
84
+ defaultStyle: true,
85
+ id:`component`
86
+ },
87
+ },
90
88
 
91
- elements: [
92
- {
93
- type: "HorizontalLayout",
94
- elements: [
95
- {
96
- type: "Control",
97
- scope: "#/properties/type",
98
-
99
- options: {
100
- widget: "SelectInputField",
101
- },
102
- config: {
103
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
- main: {
105
- label: "Type",
106
- },
89
+ elements: [
90
+ {
91
+ type: "HorizontalLayout",
92
+ elements: [
93
+ {
94
+ type: "Control",
95
+ scope: "#/properties/type",
96
+
97
+ options: {
98
+ widget: "SelectInputField",
99
+ },
100
+ config: {
101
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
102
+ main: {
103
+ label: "Type",
107
104
  },
108
105
  },
109
- {
110
- type: "Control",
111
- scope: "#/properties/name",
106
+ },
107
+ {
108
+ type: "Control",
109
+ scope: "#/properties/name",
112
110
 
113
- options: {
114
- widget: "InputField",
111
+ options: {
112
+ widget: "InputField",
113
+ },
114
+ config: {
115
+ layout: {
116
+ xs: 12,
117
+ sm: 12,
118
+ md: 6,
119
+ lg: 6,
115
120
  },
116
- config: {
117
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
- main: {
119
- label: "Name",
120
- options: [],
121
- color: "secondary",
122
- required: true,
123
- },
121
+ main: {
122
+ label: "Name",
123
+ options: [],
124
+ color: "secondary",
125
+ required: true,
124
126
  },
125
127
  },
126
- {
127
- type: "Control",
128
- scope: "#/properties/label",
128
+ },
129
+ {
130
+ type: "Control",
131
+ scope: "#/properties/label",
129
132
 
130
- options: {
131
- widget: "InputField",
133
+ options: {
134
+ widget: "InputField",
135
+ },
136
+ config: {
137
+ layout: {
138
+ xs: 12,
139
+ sm: 12,
140
+ md: 6,
141
+ lg: 6,
132
142
  },
133
- config: {
134
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
135
- main: {
136
- label: "Label",
137
- options: [],
138
- color: "secondary",
139
- required: true,
140
- },
143
+ main: {
144
+ label: "Label",
145
+ options: [],
146
+ color: "secondary",
147
+ required: true,
141
148
  },
142
149
  },
143
- {
144
- type: "Control",
145
- scope: "#/properties/layout",
146
- layout: 12,
147
- options: {
148
- detail: {
149
- type: "HorizontalLayout",
150
- elements: [
151
- {
152
- type: "Control",
153
- scope: "#/properties/key",
154
- options: {
155
- widget: "SelectInputField",
150
+ },
151
+
152
+ {
153
+ type: "Control",
154
+ scope: "#/properties/proc",
155
+ config: {
156
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
157
+ },
158
+ options: {
159
+ widget: "EmptyBox",
160
+ },
161
+ },
162
+ {
163
+ type: "Control",
164
+ scope: "#/properties/layout",
165
+ layout: 11.5,
166
+ options: {
167
+ detail: {
168
+ type: "HorizontalLayout",
169
+ elements: [
170
+ {
171
+ type: "Control",
172
+ scope: "#/properties/key",
173
+ options: {
174
+ widget: "SelectInputField",
175
+ },
176
+ config: {
177
+ layout: {
178
+ xs: 11,
179
+ sm: 11,
180
+ md: 5.5,
181
+ lg: 5.5,
156
182
  },
157
- config: {
158
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
- main: {
160
- label: "Screen Size",
161
-
162
- },
183
+ main: {
184
+ label: "Screen Size",
185
+
163
186
  },
164
187
  },
165
- {
166
- type: "Control",
167
- scope: "#/properties/value",
188
+ },
189
+ {
190
+ type: "Control",
191
+ scope: "#/properties/value",
168
192
 
169
- options: {
170
- widget: "InputField",
193
+ options: {
194
+ widget: "InputField",
195
+ },
196
+ config: {
197
+ layout: {
198
+ xs: 11,
199
+ sm: 11,
200
+ md: 5.5,
201
+ lg: 5.5,
171
202
  },
172
- config: {
173
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
174
- main: {
175
- label: "Value",
176
- type: "number",
177
- // freeSolo:true,
178
- helperText: 'Number should be in range of 0 to 12',
179
- errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
180
-
181
- },
203
+ main: {
204
+ label: "Value",
205
+ type:"number",
206
+ // freeSolo:true,
207
+ helperText:'Number should be in range of 0 to 12',
208
+ errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
209
+
182
210
  },
183
211
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/emptyBox",
187
- options: {
188
- widget: "EmptyBox"
189
- },
190
- config: {
191
- layout: { xs: 0, sm: 4 }
192
- }
193
- }
194
- ],
195
- },
212
+ },
213
+ ],
196
214
  },
197
215
  },
198
- ],
199
- },
200
- ],
201
- },
202
-
216
+ },
217
+ ],
218
+ },
219
+ ],
220
+ },
203
221
  {
204
222
  type: "Control",
205
- scope: "#/properties/EmptyBox",
223
+ scope: "#/properties/popUpComponentSection",
206
224
  options: {
207
- widget: "EmptyBox",
225
+ widget: "PopUp"
208
226
  },
209
227
  config: {
210
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
228
+ layout: {
229
+ xs: 12,
230
+ sm: 12,
231
+ md: 12,
232
+ lg: 12,
233
+ },
234
+ main: {
235
+ },
211
236
  },
237
+ elements:
238
+ [
239
+ {
240
+ type: "Control",
241
+ scope: "#/properties/label",
242
+ options: {
243
+ widget: "Box",
244
+ },
245
+ config: {
246
+ layout: 12,
247
+ main: {
248
+ heading: "Are you sure you want to delete ?",
249
+ },
250
+ style:{
251
+ marginTop: "-40px"
252
+ }
253
+ },
254
+ },
255
+ {
256
+ type: "Control",
257
+ scope: "#/properties/EmptyBox",
258
+ options: {
259
+ widget: "EmptyBox",
260
+ },
261
+ config: {
262
+ main:{},
263
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
264
+ },
265
+ },
266
+ {
267
+ type: "Control",
268
+ scope: "#/properties/ConfirmDeleteCompButton",
269
+ options: {
270
+ widget: "Button",
271
+ },
272
+ config: {
273
+ layout: 3,
274
+ main: {
275
+ name: "Yes",
276
+ startIcon: "ApproveIcon",
277
+ variant: "contained",
278
+ color: "info",
279
+ type: "text",
280
+ onClick: "deleteComponents",
281
+ size: "small",
282
+ },
283
+ },
284
+ },
285
+ {
286
+ type: "Control",
287
+ scope: "#/properties/CancelDeleteCompButton",
288
+ options: {
289
+ widget: "Button",
290
+ },
291
+ config: {
292
+ layout: 3,
293
+ main: {
294
+ name: "No",
295
+ startIcon: "ApproveIcon",
296
+ variant: "contained",
297
+ color: "info",
298
+ type: "text",
299
+ onClick: "deletePopUpComponent",
300
+ size: "small",
301
+ },
302
+ },
303
+ },
304
+ ]
212
305
  },
306
+
307
+
308
+
309
+
310
+
311
+
312
+
313
+
213
314
  {
214
315
  type: "Control",
215
- scope: "#/properties/EmptyBox",
316
+ scope: "#/properties/popUpEventSection",
216
317
  options: {
217
- widget: "EmptyBox",
318
+ widget: "PopUp"
319
+ },
320
+ config: {
321
+ layout: {
322
+ xs: 12,
323
+ sm: 12,
324
+ md: 12,
325
+ lg: 12,
326
+ },
327
+ main: {
328
+ },
329
+ },
330
+ elements:
331
+ [
332
+ {
333
+ type: "Control",
334
+ scope: "#/properties/label",
335
+ options: {
336
+ widget: "Box",
337
+ },
338
+ config: {
339
+ layout: 12,
340
+ main: {
341
+ heading: "Are you sure you want to delete ?",
342
+ },
343
+ style:{
344
+ marginTop: "-40px"
345
+ }
346
+ },
347
+ },
348
+ {
349
+ type: "Control",
350
+ scope: "#/properties/EmptyBox",
351
+ options: {
352
+ widget: "EmptyBox",
353
+ },
354
+ config: {
355
+ main:{},
356
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
357
+ },
358
+ },
359
+ {
360
+ type: "Control",
361
+ scope: "#/properties/ConfirmDeleteEventButton",
362
+ options: {
363
+ widget: "Button",
364
+ },
365
+ config: {
366
+ layout: 3,
367
+ main: {
368
+ name: "Yes",
369
+ startIcon: "ApproveIcon",
370
+ variant: "contained",
371
+ color: "info",
372
+ type: "text",
373
+ onClick: "deleteEvent",
374
+ size: "small",
375
+ },
376
+ },
377
+ },
378
+ {
379
+ type: "Control",
380
+ scope: "#/properties/CancelDeleteEventButton",
381
+ options: {
382
+ widget: "Button",
383
+ },
384
+ config: {
385
+ layout: 3,
386
+ main: {
387
+ name: "No",
388
+ startIcon: "ApproveIcon",
389
+ variant: "contained",
390
+ color: "info",
391
+ type: "text",
392
+ onClick: "deletePopUpEvent",
393
+ size: "small",
394
+ },
395
+ },
396
+ },
397
+ ]
218
398
  },
399
+
400
+ {
401
+ type: "Control",
402
+ scope: "#/properties/proc",
219
403
  config: {
220
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
404
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
405
+ },
406
+ options: {
407
+ widget: "EmptyBox",
221
408
  },
222
409
  },
223
410
  {
@@ -228,7 +415,12 @@ export const componentBasicUiSchema: any = (theme) => {
228
415
  },
229
416
 
230
417
  config: {
231
- layout: 1.8,
418
+ layout: {
419
+ xs: 11,
420
+ sm: 11,
421
+ md: 2.5,
422
+ lg: 2.5,
423
+ },
232
424
  main: {
233
425
  name: "Ok",
234
426
  startIcon: "ApproveIcon",
@@ -236,9 +428,10 @@ export const componentBasicUiSchema: any = (theme) => {
236
428
  color: "info",
237
429
  type: "text",
238
430
  onClick: "okHandler",
239
- size: "medium",
431
+ size: "small",
240
432
  },
241
433
  style: {
434
+ marginBottom: "8px",
242
435
  float: "right",
243
436
  },
244
437
  },
@@ -251,7 +444,12 @@ export const componentBasicUiSchema: any = (theme) => {
251
444
  },
252
445
 
253
446
  config: {
254
- layout: 1.8,
447
+ layout: {
448
+ xs: 11,
449
+ sm: 11,
450
+ md: 2.5,
451
+ lg: 2.5,
452
+ },
255
453
  main: {
256
454
  name: "Save & Exit",
257
455
  startIcon: "ApproveIcon",
@@ -259,127 +457,63 @@ export const componentBasicUiSchema: any = (theme) => {
259
457
  color: "info",
260
458
  type: "text",
261
459
  onClick: "saveHandler",
262
- size: "medium",
460
+ size: "small",
263
461
  },
264
462
  style: {
463
+ marginBottom: "8px",
265
464
  float: "right",
266
465
  },
267
466
  },
268
467
  },
269
- {
270
- type: "Control",
271
- scope: "#/properties/notify",
272
- options: {
273
- widget: "Notify",
274
- },
275
- layout: 6,
468
+ {
469
+ type: "Control",
470
+ scope: "#/properties/notify",
471
+ options: {
472
+ widget: "Notify",
276
473
  },
277
- {
278
- type: "HorizontalLayout",
279
- config: {
280
- style: {
281
- position: "fixed",
282
- bottom: 5,
283
- overflow: 'visible',
284
- margin: "0",
285
- width: "100vw",
286
- }
287
- },
288
- elements: [
289
- {
290
- type: "Control",
291
- scope: "#/properties/EmptyBox",
292
- options: {
293
- widget: "EmptyBox",
294
- },
295
- config: {
296
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
297
- },
298
- },
299
- {
474
+ layout: 6,
475
+ }
476
+ ],
477
+ };
300
478
 
301
- type: "Control",
302
- scope: "#/properties/FooterText",
303
- options: {
304
- widget: "Box",
305
- },
306
- config: {
307
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
308
- main: {
309
- heading: "Copywriter@ACT21.IO"
310
- },
311
- style: {
312
- color: theme?.palette?.text.disabled || "#AFAFAF",
313
- fontSize: '12px',
314
- }
315
- },
316
- },
317
- {
318
- type: "HorizontalLayout",
319
- config: {
320
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
321
- },
322
- elements: [
323
- {
324
- type: "Control",
325
- scope: "#/properties/EmptyBox",
326
- options: {
327
- widget: "EmptyBox",
328
- },
329
- config: {
330
- layout: 2,
331
- },
332
- },
333
- {
334
- type: "Control",
335
- scope: "#/properties/backIcon",
336
- options: {
337
- widget: "Box",
338
- },
339
- config: {
340
- layout: 1,
341
- main: {
342
- iconName: 'PrevIcon',
343
- onClick: "backHandler"
344
- },
345
- style: {
346
- fill: theme.palette.primary.dark,
347
- width: 20,
348
- height: 20,
349
- display: 'flex',
350
- alignItems: 'center',
351
- justifyContent: 'center',
352
- marginRight: '-8px',
353
- cursor: 'pointer'
354
- }
355
- }
356
- },
357
- {
358
- type: "Control",
359
- scope: "#/properties/text",
360
479
 
361
- options: {
362
- widget: "Box",
363
- },
364
- config: {
365
- layout: 9,
366
- main: {
367
- heading: "Previous Page",
368
- onClick: "backHandler"
369
- },
370
- style: {
371
- color: theme.palette.primary.dark,
372
- fontSize: "12px",
373
- cursor: 'pointer',
374
- marginLeft: '-6px'
375
- }
376
- },
377
- },
378
- ],
379
- },
380
- ]
381
- }
382
- ],
383
- };
384
- return uiSchema
385
- }
480
+
481
+
482
+
483
+
484
+
485
+
486
+
487
+
488
+
489
+
490
+
491
+
492
+
493
+
494
+
495
+ // {
496
+ // type: "Control",
497
+ // scope: "#/properties/homeBtn",
498
+
499
+ // options: {
500
+ // widget: "Button",
501
+ // },
502
+ // config: {
503
+ // layout: {xs:2,sm:2,md:1},
504
+ // main: {
505
+ // name: "🏠",
506
+ // },
507
+ // style: {
508
+ // marginRight:'auto',
509
+ // marginLeft:"auto",
510
+ // width:"20px",
511
+
512
+ // // background:"inherit",
513
+ // // boxShadow:"none",
514
+ // float:"left",
515
+ // borderRadius:"50%"
516
+
517
+ // },
518
+ // },
519
+ // },