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/PageMaster/uiSchema.ts CHANGED
@@ -1,298 +1,392 @@
1
- export const PageMasterUiSchema: any = (theme) => {
2
- const uiSchema = {
3
- type: "HorizontalLayout",
4
- heading: "Page Master",
5
- elements: [
6
- {
7
- type: "Control",
8
- scope: "#/properties/name",
9
-
10
- options: {
11
- widget: "InputField",
12
- },
13
- config: {
14
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
15
- main: {
16
- label: "Name",
17
- options: [],
18
- color: "secondary",
19
- errorMessage: "Name should be start with 'page_'",
20
- helperText: 'Name should be start with "page_"',
21
- required: true,
22
- },
1
+ import { EventUiSchema } from "../event/uiSchema"
2
+ export const PageMasterUiSchema: any = {
3
+ type: "HorizontalLayout",
4
+ elements: [
5
+ {
6
+ type: "WrapperLayout",
7
+ config: {
8
+ main: {
9
+ rowSpacing: 1,
10
+ header: true,
23
11
  },
12
+ defaultStyle: true,
24
13
  },
25
- {
26
- type: "Control",
27
- scope: "#/properties/label",
14
+ elements: [
15
+ {
16
+ type: "Control",
17
+ scope: "#/properties/pageMaster",
28
18
 
29
- options: {
30
- widget: "InputField",
19
+ options: {
20
+ widget: "Box",
21
+ },
22
+ config: {
23
+ layout: 8,
24
+ main: {
25
+ heading: "Page Master",
26
+ },
27
+ },
31
28
  },
32
- config: {
33
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
34
- main: {
35
- label: "Label",
36
- options: [],
37
- color: "secondary",
38
- required: true,
29
+ {
30
+ type: "Control",
31
+ scope: "#/properties/Back_Button",
32
+
33
+ options: {
34
+ widget: "IconButton",
39
35
  },
36
+ config: {
37
+ layout: 3,
38
+ main: {
39
+ icon: "BackIcon",
40
+ styleDefault: true,
41
+ size: "small",
42
+ onClick: "backHandler",
43
+ tooltipMessage: "Back",
44
+ },
45
+ style: {
46
+ float: "right",
47
+ },
48
+ },
49
+ },
50
+ ],
51
+ },
52
+ {
53
+ type: "WrapperLayout",
54
+ config: {
55
+ main: {
56
+ label: "Page Template",
57
+ divider: true,
40
58
  },
59
+ defaultStyle: true,
41
60
  },
42
- {
43
- type: "Control",
44
- scope: "#/properties/emptyBox",
45
- options: {
46
- widget: "EmptyBox"
61
+ elements: [
62
+ {
63
+ type: "Control",
64
+ scope: "#/properties/name",
65
+
66
+ options: {
67
+ widget: "InputField",
68
+ },
69
+ config: {
70
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
71
+ main: {
72
+ label: "Name",
73
+ options: [],
74
+ color: "secondary",
75
+ errorMessage:"Name should be start with 'page_'",
76
+ helperText:'Name should be start with "page_"',
77
+ required: true,
78
+ },
79
+ },
47
80
  },
48
- config: {
49
- layout: { xs: 0, sm: 4 }
81
+ {
82
+ type: "Control",
83
+ scope: "#/properties/label",
84
+
85
+ options: {
86
+ widget: "InputField",
87
+ },
88
+ config: {
89
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
90
+ main: {
91
+ label: "Label",
92
+ options: [],
93
+ color: "secondary",
94
+ required: true,
95
+ },
96
+ },
50
97
  }
98
+ ],
99
+ },
100
+ {
101
+ type: "TabLayout",
102
+ config: {
103
+ main: {
104
+ tabLabels: ["Components", "events"],
105
+ divider: true,
106
+ },
107
+ defaultStyle: true,
51
108
  },
52
- {
53
- type: "TabLayout",
54
- config: {
55
- main: {
56
- tabLabels: ["Components", "events"],
57
- divider: true,
109
+ elements: [
110
+ {
111
+ type: "WrapperLayout",
112
+ config: {
113
+ main: {
114
+ // label: "Success Case Event",
115
+ divider: true,
116
+ },
117
+ wrapperStyle: {
118
+ border: "1px solid gray"
119
+ },
58
120
  },
59
- defaultStyle: true,
60
- },
61
- elements: [
62
- {
63
- type: "Control",
64
- scope: "#/properties/elements",
65
- options: {
66
- widget: "Table",
121
+ elements: [
122
+ {
123
+ type: "Control",
124
+ scope: "#/properties/heading",
125
+
126
+ options: {
127
+ widget: "Box",
128
+ },
129
+ config: {
130
+ layout: 8,
131
+ main: {
132
+ heading: "Components Table",
133
+ },
134
+ style: {
135
+ fontFamily: "Roboto",
136
+ fontWeight: "500",
137
+ paddingLeft: "-10px",
138
+ fontSize: "20px",
139
+ },
140
+ },
67
141
  },
68
- config: {
69
- main: {
70
- headerIcons: {
71
- elements: [
72
- {
73
- widget: {
74
- type: "Control",
75
- scope: "#/properties/New_Record",
76
-
77
- options: {
78
- widget: "IconButton",
79
- },
80
- config: {
81
- main: {
82
- color: "info",
83
- onClick: "onAddClickHandler",
84
- size: "small",
85
- icon: "AddIcon",
86
- iconLabel: "Add New",
87
- styleDefault: true,
88
- },
89
- style: {
90
- mt: "6px",
91
- },
92
- },
93
- }
94
- },
95
- ]
142
+ {
143
+ type: "Control",
144
+ scope: "#/properties/AddButton",
145
+ options: {
146
+ widget: "IconButton",
147
+ },
148
+ config: {
149
+ layout: 3,
150
+ main: {
151
+ icon: "AddIcon",
152
+ styleDefault: true,
153
+ size: "small",
154
+ onClick: "onAddClickHandler",
155
+ tooltipMessage: "Add New",
96
156
  },
97
- disableAction: true,
98
- disableSelection: true,
99
- enableDrag: true,
100
- }
157
+ style: {
158
+ float: "right",
159
+ },
160
+ },
101
161
  },
102
- elements: [
103
- {
104
- accessorKey: "name",
105
-
106
- header: "Name",
162
+ {
163
+ type: "Control",
164
+ scope: "#/properties/elements",
165
+ options: {
166
+ widget: "Table",
107
167
  },
108
- {
109
- accessorKey: "type",
110
-
111
- header: "Type",
168
+ config: {
169
+ main: {
170
+ disableAction: true,
171
+ disableSelection: true,
172
+ enableDrag: true,
173
+ }
112
174
  },
113
- {
114
- header: "Edit",
115
- field: "Reject_Records",
116
- flex: 1,
117
- widget: {
118
- type: "Control",
119
- scope: "#/properties/RejectButton",
120
- options: {
121
- widget: "IconButton",
122
- },
123
- config: {
124
- main: {
125
- icon: "EditIcon",
126
- color: "primary",
127
- onClick: "Edit_Components",
128
- tooltipMessage: "Edit This Record",
175
+ elements: [
176
+ {
177
+ accessorKey: "name",
178
+
179
+ header: "Name",
180
+ },
181
+ {
182
+ accessorKey: "type",
183
+
184
+ header: "Type",
185
+ },
186
+ {
187
+ header: "Edit",
188
+ field: "Reject_Records",
189
+ flex: 1,
190
+ widget: {
191
+ type: "Control",
192
+ scope: "#/properties/RejectButton",
193
+ options: {
194
+ widget: "IconButton",
195
+ },
196
+ config: {
197
+ main: {
198
+ icon: "EditIcon",
199
+ color: "primary",
200
+ onClick: "Edit_Components",
201
+ tooltipMessage: "Edit This Record",
202
+ },
129
203
  },
130
204
  },
131
205
  },
132
- },
133
- {
134
- header: "Delete",
135
- field: "Reject_Records",
136
- flex: 1,
137
- widget: {
138
- type: "Control",
139
- scope: "#/properties/RejectButton",
140
- options: {
141
- widget: "IconButton",
142
- },
143
- config: {
144
- main: {
145
- icon: "RejectIcon",
146
- color: "error",
147
- onClick: "Delete_Components",
148
- tooltipMessage: "Reject This Record",
206
+ {
207
+ header: "Delete",
208
+ field: "Reject_Records",
209
+ flex: 1,
210
+ widget: {
211
+ type: "Control",
212
+ scope: "#/properties/RejectButton",
213
+ options: {
214
+ widget: "IconButton",
215
+ },
216
+ config: {
217
+ main: {
218
+ icon: "RejectIcon",
219
+ color: "error",
220
+ onClick: "deletePopUpComponent",
221
+ tooltipMessage: "Reject This Record",
222
+ },
149
223
  },
150
224
  },
151
- },
152
- }]
225
+ }
226
+ ]
227
+ },
228
+ ]
229
+ },
230
+ {
231
+ type: "WrapperLayout",
232
+ config: {
233
+ main: {
234
+ // label: "Success Case Event",
235
+ divider: true,
236
+ },
237
+ wrapperStyle: {
238
+ border: "1px solid gray"
239
+ },
153
240
  },
154
- {
155
- type: "Control",
156
- scope: "#/properties/events",
157
- options: {
158
- widget: "Table",
241
+ elements: [
242
+ {
243
+ type: "Control",
244
+ scope: "#/properties/heading",
245
+
246
+ options: {
247
+ widget: "Box",
248
+ },
249
+ config: {
250
+ layout: 8,
251
+ main: {
252
+ heading: "Event Table",
253
+ },
254
+ style: {
255
+ fontFamily: "Roboto",
256
+ fontWeight: "500",
257
+ paddingLeft: "-10px",
258
+ fontSize: "20px",
259
+ },
260
+ },
159
261
  },
160
- config: {
161
- main: {
162
- headerIcons: {
163
- elements: [
164
- {
165
- widget: {
166
- type: "Control",
167
- scope: "#/properties/New_Record",
168
-
169
- options: {
170
- widget: "IconButton",
171
- },
172
- config: {
173
- main: {
174
- color: "info",
175
- onClick: "eventAddHandler",
176
- size: "small",
177
- icon: "AddIcon",
178
- iconLabel: "Add New",
179
- styleDefault: true,
180
- },
181
- style: {
182
- mt: "6px",
183
- },
184
- },
185
- }
186
- },
187
- ]
262
+ {
263
+ type: "Control",
264
+ scope: "#/properties/AddButton",
265
+ options: {
266
+ widget: "IconButton",
267
+ },
268
+ config: {
269
+ layout: 3,
270
+ main: {
271
+ icon: "AddIcon",
272
+ styleDefault: true,
273
+ size: "small",
274
+ onClick: "eventAddHandler",
275
+ tooltipMessage: "Back",
276
+ },
277
+ style: {
278
+ float: "right",
188
279
  },
189
- disableAction: true,
190
- disableSelection: true,
191
- enableDrag: true,
192
-
193
280
  },
194
281
  },
195
- elements: [
196
-
197
- {
198
- accessorKey: "eventType",
199
- header: "Event Type",
282
+
283
+ {
284
+ type: "Control",
285
+ scope: "#/properties/events",
286
+ options: {
287
+ widget: "Table",
200
288
  },
201
- {
202
- accessorKey: "Handler",
203
- header: "Handler",
289
+ config: {
290
+ main: {
291
+ disableAction: true,
292
+ disableSelection: true,
293
+ enableDrag: true,
294
+
295
+ },
204
296
  },
205
- {
206
- accessorKey: "Edit_Approve_Records",
207
- header: "Edit Widget",
208
- widget: {
209
- type: "Control",
210
- scope: "#/properties/Edit_Records",
211
- options: {
212
- widget: "IconButton",
213
- },
214
- config: {
215
- main: {
216
- color: "info",
217
- size: "small",
218
- icon: "EditIcon",
219
- tooltipMessage: "Edit This Record",
220
- onClick: "editEvent",
297
+ elements: [
298
+
299
+ {
300
+ accessorKey: "eventType",
301
+ header: "Event Type",
302
+ },
303
+ {
304
+ accessorKey: "Handler",
305
+ header: "Handler",
306
+ },
307
+ {
308
+ accessorKey: "Edit_Approve_Records",
309
+ header: "Edit Widget",
310
+ widget: {
311
+ type: "Control",
312
+ scope: "#/properties/Edit_Records",
313
+ options: {
314
+ widget: "IconButton",
221
315
  },
222
- style: {
223
- color: "#3949ab",
316
+ config: {
317
+ main: {
318
+ color: "info",
319
+ size: "small",
320
+ icon: "EditIcon",
321
+ tooltipMessage: "Edit This Record",
322
+ onClick: "editEvent",
323
+ },
324
+ style: {
325
+ color: "#3949ab",
326
+ },
224
327
  },
225
328
  },
226
329
  },
227
- },
228
- {
229
- accessorKey: "Reject_Records",
230
- header: "Delete",
231
- widget: {
232
- type: "Control",
233
- scope: "#/properties/RejectButton",
234
- options: {
235
- widget: "IconButton",
236
- },
237
- config: {
238
- main: {
239
- icon: "RejectIcon",
240
- color: "error",
241
- tooltipMessage: "Reject This Record",
242
- onClick: "deleteEvent",
330
+ {
331
+ accessorKey: "Reject_Records",
332
+ header: "Delete",
333
+ widget: {
334
+ type: "Control",
335
+ scope: "#/properties/RejectButton",
336
+ options: {
337
+ widget: "IconButton",
338
+ },
339
+ config: {
340
+ main: {
341
+ icon: "RejectIcon",
342
+ color: "error",
343
+ tooltipMessage: "Reject This Record",
344
+ onClick: "deletePopUpEvent",
345
+ },
243
346
  },
244
347
  },
245
348
  },
246
- },
247
- ]
248
- },
249
-
250
- ],
251
- },
252
- {
253
- type: "Control",
254
- scope: "#/properties/btn",
255
- options: {
256
- widget: "Button",
349
+ ]
350
+ }]
257
351
  },
352
+
353
+ ],
354
+ },
258
355
 
259
- config: {
260
- layout: 11.9,
261
- main: {
262
- name: "Save",
263
- startIcon: "ApproveIcon",
264
- variant: "contained",
265
- color: "info",
266
- type: "text",
267
- onClick: "saveHandler",
268
- size: "medium",
269
- },
270
- style: {
271
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
272
- float: "right",
273
- },
274
- },
356
+ {
357
+ type: "Control",
358
+ scope: "#/properties/popUpPageMasterEvent",
359
+ options: {
360
+ widget: "PopUp"
275
361
  },
276
- {
277
- type: "Control",
278
- scope: "#/properties/notify",
279
- options: {
280
- widget: "Notify",
362
+ config: {
363
+ layout: {
364
+ xs: 12,
365
+ sm: 12,
366
+ md: 12,
367
+ lg: 12,
281
368
  },
282
- layout: 6,
283
- },
284
- {
285
- type: "HorizontalLayout",
286
- config: {
287
- style: {
288
- position: "fixed",
289
- bottom: 5,
290
- overflow: 'visible',
291
- margin: "0",
292
- width: "100vw",
293
- }
369
+ main: {
294
370
  },
295
- elements: [
371
+ },
372
+ elements:
373
+ [
374
+ {
375
+ type: "Control",
376
+ scope: "#/properties/label",
377
+ options: {
378
+ widget: "Box",
379
+ },
380
+ config: {
381
+ layout: 12,
382
+ main: {
383
+ heading: "Are you sure you want to delete ?",
384
+ },
385
+ style:{
386
+ marginTop: "-40px"
387
+ }
388
+ },
389
+ },
296
390
  {
297
391
  type: "Control",
298
392
  scope: "#/properties/EmptyBox",
@@ -300,93 +394,182 @@ export const PageMasterUiSchema: any = (theme) => {
300
394
  widget: "EmptyBox",
301
395
  },
302
396
  config: {
303
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
397
+ main:{},
398
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
399
+ },
400
+ },
401
+ {
402
+ type: "Control",
403
+ scope: "#/properties/ConfirmDeleteEventButton",
404
+ options: {
405
+ widget: "Button",
406
+ },
407
+ config: {
408
+ layout: 3,
409
+ main: {
410
+ name: "Yes",
411
+ startIcon: "ApproveIcon",
412
+ variant: "contained",
413
+ color: "info",
414
+ type: "text",
415
+ onClick: "deleteEvent",
416
+ size: "small",
417
+ },
304
418
  },
305
419
  },
306
420
  {
421
+ type: "Control",
422
+ scope: "#/properties/CancelDeleteEventButton",
423
+ options: {
424
+ widget: "Button",
425
+ },
426
+ config: {
427
+ layout: 3,
428
+ main: {
429
+ name: "No",
430
+ startIcon: "ApproveIcon",
431
+ variant: "contained",
432
+ color: "info",
433
+ type: "text",
434
+ onClick: "deletePopUpEvent",
435
+ size: "small",
436
+ },
437
+ },
438
+ },
439
+ ]
440
+ },
307
441
 
442
+ {
443
+ type: "Control",
444
+ scope: "#/properties/popUpPageMasterComponent",
445
+ options: {
446
+ widget: "PopUp"
447
+ },
448
+ config: {
449
+ layout: {
450
+ xs: 12,
451
+ sm: 12,
452
+ md: 12,
453
+ lg: 12,
454
+ },
455
+ main: {
456
+ },
457
+ },
458
+ elements:
459
+ [
460
+ {
308
461
  type: "Control",
309
- scope: "#/properties/FooterText",
462
+ scope: "#/properties/label",
310
463
  options: {
311
464
  widget: "Box",
312
465
  },
313
466
  config: {
314
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
467
+ layout: 12,
315
468
  main: {
316
- heading: "Copywriter@ACT21.IO"
469
+ heading: "Are you sure you want to delete ?",
317
470
  },
318
- style: {
319
- color: theme?.palette?.text.disabled || "#AFAFAF",
320
- fontSize: '12px',
471
+ style:{
472
+ marginTop: "-40px"
321
473
  }
322
474
  },
323
475
  },
324
476
  {
325
- type: "HorizontalLayout",
477
+ type: "Control",
478
+ scope: "#/properties/EmptyBox",
479
+ options: {
480
+ widget: "EmptyBox",
481
+ },
326
482
  config: {
327
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
483
+ main:{},
484
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
328
485
  },
329
- elements: [
330
- {
331
- type: "Control",
332
- scope: "#/properties/EmptyBox",
333
- options: {
334
- widget: "EmptyBox",
335
- },
336
- config: {
337
- layout: 2,
338
- },
339
- },
340
- {
341
- type: "Control",
342
- scope: "#/properties/backIcon",
343
- options: {
344
- widget: "Box",
345
- },
346
- config: {
347
- layout: 1,
348
- main: {
349
- iconName: 'PrevIcon',
350
- onClick: "backHandler"
351
- },
352
- style: {
353
- fill: theme.palette.primary.dark,
354
- width: 20,
355
- height: 20,
356
- display: 'flex',
357
- alignItems: 'center',
358
- justifyContent: 'center',
359
- marginRight: '-8px',
360
- cursor: 'pointer'
361
- }
362
- }
486
+ },
487
+ {
488
+ type: "Control",
489
+ scope: "#/properties/ConfirmDeleteCompButton",
490
+ options: {
491
+ widget: "Button",
492
+ },
493
+ config: {
494
+ layout: 3,
495
+ main: {
496
+ name: "Yes",
497
+ startIcon: "ApproveIcon",
498
+ variant: "contained",
499
+ color: "info",
500
+ type: "text",
501
+ onClick: "Delete_Components",
502
+ size: "small",
363
503
  },
364
- {
365
- type: "Control",
366
- scope: "#/properties/text",
367
-
368
- options: {
369
- widget: "Box",
370
- },
371
- config: {
372
- layout: 9,
373
- main: {
374
- heading: "Previous Page",
375
- onClick: "backHandler"
376
- },
377
- style: {
378
- color: theme.palette.primary.dark,
379
- fontSize: "12px",
380
- cursor: 'pointer',
381
- marginLeft: '-6px'
382
- }
383
- },
504
+ },
505
+ },
506
+ {
507
+ type: "Control",
508
+ scope: "#/properties/CancelDeleteCompButton",
509
+ options: {
510
+ widget: "Button",
511
+ },
512
+ config: {
513
+ layout: 3,
514
+ main: {
515
+ name: "No",
516
+ startIcon: "ApproveIcon",
517
+ variant: "contained",
518
+ color: "info",
519
+ type: "text",
520
+ onClick: "deletePopUpComponent",
521
+ size: "small",
384
522
  },
385
- ],
523
+ },
386
524
  },
387
525
  ]
526
+ },
527
+
528
+
529
+
530
+ {
531
+ type: "Control",
532
+ scope: "#/properties/btn",
533
+ options: {
534
+ widget: "EmptyBox",
535
+ },
536
+ config: {
537
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 },
388
538
  }
389
- ]
390
- };
391
- return uiSchema
392
- }
539
+ },
540
+ {
541
+ type: "Control",
542
+ scope: "#/properties/btn",
543
+ options: {
544
+ widget: "Button",
545
+ },
546
+
547
+ config: {
548
+ layout: 11.7,
549
+ main: {
550
+ name: "Save",
551
+ startIcon: "ApproveIcon",
552
+ variant: "contained",
553
+ color: "info",
554
+ type: "text",
555
+ onClick: "saveHandler",
556
+ size: "small",
557
+ },
558
+ style: {
559
+ marginBottom: "8px",
560
+ width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
561
+ float: "right",
562
+ },
563
+ },
564
+ },
565
+ {
566
+ type: "Control",
567
+ scope: "#/properties/notify",
568
+ options: {
569
+ widget: "Notify",
570
+ },
571
+ layout: 6,
572
+ }
573
+ ]
574
+ }
575
+