impaktapps-ui-builder 0.0.412-mtreemap.9 → 0.0.591

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 (53) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1082 -351
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +13 -13
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/buildConfig.d.ts +1 -1
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/box.d.ts +2 -2
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +18 -0
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +1 -6
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +10 -12
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +2 -2
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/file.d.ts +6 -6
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +5 -0
  14. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +58 -45
  15. package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts +1 -0
  16. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +25 -1
  17. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  18. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +2 -1
  19. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  20. package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +2 -1
  21. package/package.json +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +5 -5
  24. package/src/impaktapps-ui-builder/builder/build/buildDate.ts +1 -1
  25. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  26. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  27. package/src/impaktapps-ui-builder/builder/build/buildSchema.ts +0 -1
  28. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +1 -5
  29. package/src/impaktapps-ui-builder/builder/build/buildTable.ts +17 -1
  30. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  31. package/src/impaktapps-ui-builder/builder/build/uischema/box.ts +3 -2
  32. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +78 -33
  33. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +2 -7
  34. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +88 -90
  35. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +10 -0
  36. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -3
  37. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +6 -55
  38. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -12
  39. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +6 -118
  40. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +82 -72
  41. package/src/impaktapps-ui-builder/builder/build/uischema/table.ts +5 -7
  42. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +93 -137
  43. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -2
  44. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +206 -74
  45. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +195 -120
  46. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +1 -0
  47. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +118 -128
  48. package/src/impaktapps-ui-builder/builder/services/component.ts +26 -9
  49. package/src/impaktapps-ui-builder/builder/services/event.ts +17 -9
  50. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +18 -2
  51. package/src/impaktapps-ui-builder/builder/services/utils.ts +0 -1
  52. package/src/impaktapps-ui-builder/runtime/services/events.ts +14 -20
  53. package/src/impaktapps-ui-builder/runtime/services/service.ts +128 -9
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts CHANGED
@@ -39,8 +39,6 @@ export const ComponentSchema: any = {
39
39
  { title: "Text Area", const: "TextArea" },
40
40
  { title: "Timer", const: "Timer" },
41
41
  { title: "Upload File", const: "UploadFile" },
42
- { title: "Timer", const: "Timer" },
43
- { title: "Upload File", const: "UploadFile" },
44
42
  { title: "TreeMap", const: "TreeMap" },
45
43
  { title: "ColumnGroup", const: "ColumnGroup" },
46
44
  ]
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -3,81 +3,26 @@ export const componentBasicUiSchema: any = (theme)=>{
3
3
  type: "HorizontalLayout",
4
4
  heading: "Component",
5
5
  elements: [
6
- // {
7
- // type: "WrapperLayout",
8
- // config: {
9
- // main: {
10
- // rowSpacing: 1,
11
- // header:true
12
- // },
13
- // defaultStyle:true
14
- // },
15
- // elements: [
6
+ {
7
+ type: "Control",
8
+ scope: "#/properties/pageName",
16
9
 
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
- // },
10
+ options: {
11
+ widget: "Box",
12
+ },
13
+ config: {
14
+ layout: 12,
15
+ main: {
16
+ heading: " ",
17
+ },
18
+ style: {
19
+ marginLeft: theme.spacing(3),
20
+ width:"auto",
21
+ fontSize:"12px",
22
+ color:"gray",
23
+ },
24
+ },
25
+ },
81
26
  {
82
27
  type: "TabLayout",
83
28
  config: {
@@ -233,6 +178,193 @@ export const componentBasicUiSchema: any = (theme)=>{
233
178
  },
234
179
  ],
235
180
  },
181
+ {
182
+ type: "Control",
183
+ scope: "#/properties/popUpComponentSection",
184
+ options: {
185
+ widget: "PopUp"
186
+ },
187
+ config: {
188
+ layout: {
189
+ xs: 12,
190
+ sm: 12,
191
+ md: 12,
192
+ lg: 12,
193
+ },
194
+ main: {
195
+ },
196
+ style: {
197
+ "& .MuiPaper-root":{
198
+ width: '30%',
199
+ },
200
+ "& .MuiTypography-root":{
201
+ padding: 0
202
+ },
203
+ }
204
+ },
205
+ elements:
206
+ [
207
+ {
208
+ type: "Control",
209
+ scope: "#/properties/label",
210
+ options: {
211
+ widget: "Box",
212
+ },
213
+ config: {
214
+ layout: 12,
215
+ main: {
216
+ heading: "Are you sure you want to delete ?",
217
+ },
218
+ style:{
219
+ marginTop: "-40px"
220
+ }
221
+ },
222
+ },
223
+ {
224
+ type: "Control",
225
+ scope: "#/properties/EmptyBox",
226
+ options: {
227
+ widget: "EmptyBox",
228
+ },
229
+ config: {
230
+ main:{},
231
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
232
+ },
233
+ },
234
+ {
235
+ type: "Control",
236
+ scope: "#/properties/ConfirmDeleteCompButton",
237
+ options: {
238
+ widget: "Button",
239
+ },
240
+ config: {
241
+ layout: 3,
242
+ main: {
243
+ name: "Yes",
244
+ startIcon: "ApproveIcon",
245
+ variant: "contained",
246
+ color: "error",
247
+ type: "text",
248
+ onClick: "deleteComponents",
249
+ size: "small",
250
+ },
251
+ },
252
+ },
253
+ {
254
+ type: "Control",
255
+ scope: "#/properties/CancelDeleteCompButton",
256
+ options: {
257
+ widget: "Button",
258
+ },
259
+ config: {
260
+ layout: 3,
261
+ main: {
262
+ name: "No",
263
+ startIcon: "ApproveIcon",
264
+ variant: "contained",
265
+ color: "info",
266
+ type: "text",
267
+ onClick: "deletePopUpComponent",
268
+ size: "small",
269
+ },
270
+ },
271
+ },
272
+ ]
273
+ },
274
+ {
275
+ type: "Control",
276
+ scope: "#/properties/popUpEventSection",
277
+ options: {
278
+ widget: "PopUp"
279
+ },
280
+ config: {
281
+ layout: {
282
+ xs: 12,
283
+ sm: 12,
284
+ md: 12,
285
+ lg: 12,
286
+ },
287
+ main: {
288
+ },
289
+ style: {
290
+ "& .MuiPaper-root":{
291
+ width: '30%',
292
+ },
293
+ "& .MuiTypography-root":{
294
+ padding: 0
295
+ },
296
+ }
297
+ },
298
+ elements:
299
+ [
300
+ {
301
+ type: "Control",
302
+ scope: "#/properties/label",
303
+ options: {
304
+ widget: "Box",
305
+ },
306
+ config: {
307
+ layout: 12,
308
+ main: {
309
+ heading: "Are you sure you want to delete ?",
310
+ },
311
+ style:{
312
+ marginTop: "-40px"
313
+ }
314
+ },
315
+ },
316
+ {
317
+ type: "Control",
318
+ scope: "#/properties/EmptyBox",
319
+ options: {
320
+ widget: "EmptyBox",
321
+ },
322
+ config: {
323
+ main:{},
324
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
325
+ },
326
+ },
327
+ {
328
+ type: "Control",
329
+ scope: "#/properties/ConfirmDeleteEventButton",
330
+ options: {
331
+ widget: "Button",
332
+ },
333
+ config: {
334
+ layout: 3,
335
+ main: {
336
+ name: "Yes",
337
+ startIcon: "ApproveIcon",
338
+ variant: "contained",
339
+ color: "info",
340
+ type: "text",
341
+ onClick: "deleteEvent",
342
+ size: "small",
343
+ },
344
+ },
345
+ },
346
+ {
347
+ type: "Control",
348
+ scope: "#/properties/CancelDeleteEventButton",
349
+ options: {
350
+ widget: "Button",
351
+ },
352
+ config: {
353
+ layout: 3,
354
+ main: {
355
+ name: "No",
356
+ startIcon: "ApproveIcon",
357
+ variant: "contained",
358
+ color: "info",
359
+ type: "text",
360
+ onClick: "deletePopUpEvent",
361
+ size: "small",
362
+ },
363
+ },
364
+ },
365
+ ]
366
+ },
367
+
236
368
  {
237
369
  type: "Control",
238
370
  scope: "#/properties/EmptyBox",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -4,64 +4,15 @@ export const PageMasterUiSchema: any = (theme) => {
4
4
  type: "HorizontalLayout",
5
5
  heading: "Page Master",
6
6
  elements: [
7
- // {
8
- // type: "WrapperLayout",
9
- // config: {
10
- // main: {
11
- // rowSpacing: 1,
12
- // header: true,
13
- // },
14
- // defaultStyle: true,
15
- // },
16
- // elements: [
17
- // {
18
- // type: "Control",
19
- // scope: "#/properties/pageMaster",
20
-
21
- // options: {
22
- // widget: "Box",
23
- // },
24
- // config: {
25
- // layout: 8,
26
- // main: {
27
- // heading: "Page Master",
28
- // },
29
- // },
30
- // },
31
- // {
32
- // type: "Control",
33
- // scope: "#/properties/Back_Button",
34
-
35
- // options: {
36
- // widget: "IconButton",
37
- // },
38
- // config: {
39
- // layout: 3,
40
- // main: {
41
- // icon: "BackIcon",
42
- // styleDefault: true,
43
- // size: "small",
44
- // onClick: "backHandler",
45
- // tooltipMessage: "Back",
46
- // },
47
- // style: {
48
- // float: "right",
49
- // },
50
- // },
51
- // },
52
- // ],
53
- // },
54
7
  {
55
8
  type: "WrapperLayout",
56
9
  config: {
57
10
  main: {
58
- // label: "Page Template",
59
- // isAccordion: true,
60
11
  },
61
12
  wrapperStyle: {
13
+ marginLeft: theme.spacing(2),
62
14
  backgroundColor: theme.palette.background.default
63
15
  },
64
- defaultStyle: true,
65
16
  },
66
17
  elements: [
67
18
  {
@@ -133,18 +84,6 @@ export const PageMasterUiSchema: any = (theme) => {
133
84
  defaultStyle: true,
134
85
  },
135
86
  elements: [
136
- // {
137
- // type: "WrapperLayout",
138
- // config: {
139
- // main: {
140
- // // label: "Success Case Event",
141
- // divider: true,
142
- // },
143
- // // wrapperStyle: {
144
- // // border: "1px solid gray"
145
- // // },
146
- // },
147
- // elements: [
148
87
  {
149
88
  type: "Control",
150
89
  scope: "#/properties/elements",
@@ -213,6 +152,9 @@ export const PageMasterUiSchema: any = (theme) => {
213
152
  onClick: "Edit_Components",
214
153
  tooltipMessage: "Edit This Record",
215
154
  },
155
+ style: {
156
+ color: theme.palette.primary.main,
157
+ },
216
158
  },
217
159
  },
218
160
  },
@@ -230,68 +172,14 @@ export const PageMasterUiSchema: any = (theme) => {
230
172
  main: {
231
173
  icon: "RejectIcon",
232
174
  color: "error",
233
- onClick: "Delete_Components",
175
+ onClick: "deletePopUpComponent",
234
176
  tooltipMessage: "Reject This Record",
235
177
  },
236
178
  },
237
179
  },
238
180
  }
239
181
  ]
240
- // }]
241
182
  },
242
- // {
243
- // type: "WrapperLayout",
244
- // config: {
245
- // main: {
246
- // // label: "Success Case Event",
247
- // // divider: true,
248
- // },
249
- // wrapperStyle: {
250
- // border: "1px solid gray"
251
- // },
252
- // },
253
- // elements: [
254
- // {
255
- // type: "Control",
256
- // scope: "#/properties/heading",
257
-
258
- // options: {
259
- // widget: "Box",
260
- // },
261
- // config: {
262
- // layout: 8,
263
- // main: {
264
- // heading: "Event Table",
265
- // },
266
- // style: {
267
- // fontFamily: "Roboto",
268
- // fontWeight: "500",
269
- // paddingLeft: "-10px",
270
- // fontSize: "20px",
271
- // },
272
- // },
273
- // },
274
- // {
275
- // type: "Control",
276
- // scope: "#/properties/AddButton",
277
- // options: {
278
- // widget: "IconButton",
279
- // },
280
- // config: {
281
- // layout: 3,
282
- // main: {
283
- // icon: "AddIcon",
284
- // styleDefault: true,
285
- // size: "small",
286
- // onClick: "eventAddHandler",
287
- // tooltipMessage: "Back",
288
- // },
289
- // style: {
290
- // float: "right",
291
- // },
292
- // },
293
- // },
294
-
295
183
  {
296
184
  type: "Control",
297
185
  scope: "#/properties/events",
@@ -362,7 +250,7 @@ export const PageMasterUiSchema: any = (theme) => {
362
250
  onClick: "editEvent",
363
251
  },
364
252
  style: {
365
- color: "#3949ab",
253
+ color: theme.palette.primary.main,
366
254
  },
367
255
  },
368
256
  },
@@ -381,7 +269,7 @@ export const PageMasterUiSchema: any = (theme) => {
381
269
  icon: "RejectIcon",
382
270
  color: "error",
383
271
  tooltipMessage: "Reject This Record",
384
- onClick: "deleteEvent",
272
+ onClick: "deletePopUpEvent",
385
273
  },
386
274
  },
387
275
  },
@@ -399,7 +287,7 @@ export const PageMasterUiSchema: any = (theme) => {
399
287
  widget: "EmptyBox",
400
288
  },
401
289
  config: {
402
- layout: { xs: 0, sm: 0, md: 8, lg: 7 },
290
+ layout: { xs: 0, sm: 8, md: 8, lg: 8 },
403
291
  }
404
292
  },
405
293
  {
@@ -426,6 +314,193 @@ export const PageMasterUiSchema: any = (theme) => {
426
314
  },
427
315
  },
428
316
  },
317
+ {
318
+ type: "Control",
319
+ scope: "#/properties/popUpPageMasterComponent",
320
+ options: {
321
+ widget: "PopUp"
322
+ },
323
+ config: {
324
+ layout: {
325
+ xs: 12,
326
+ sm: 12,
327
+ md: 6,
328
+ lg: 6,
329
+ },
330
+ main: {
331
+ },
332
+ style: {
333
+ "& .MuiPaper-root":{
334
+ width: '30%',
335
+ },
336
+ "& .MuiTypography-root":{
337
+ padding: 0
338
+ },
339
+ }
340
+ },
341
+ elements:
342
+ [
343
+ {
344
+ type: "Control",
345
+ scope: "#/properties/label",
346
+ options: {
347
+ widget: "Box",
348
+ },
349
+ config: {
350
+ layout: 12,
351
+ main: {
352
+ heading: "Are you sure you want to delete ?",
353
+ },
354
+ style: {
355
+ marginTop: "-40px"
356
+ }
357
+ },
358
+ },
359
+ {
360
+ type: "Control",
361
+ scope: "#/properties/EmptyBox",
362
+ options: {
363
+ widget: "EmptyBox",
364
+ },
365
+ config: {
366
+ main: {},
367
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
368
+ },
369
+ },
370
+ {
371
+ type: "Control",
372
+ scope: "#/properties/ConfirmDeleteCompButton",
373
+ options: {
374
+ widget: "Button",
375
+ },
376
+ config: {
377
+ layout: 3,
378
+ main: {
379
+ name: "Yes",
380
+ startIcon: "ApproveIcon",
381
+ variant: "contained",
382
+ color: "info",
383
+ type: "text",
384
+ onClick: "Delete_Components",
385
+ size: "small",
386
+ },
387
+ },
388
+ },
389
+ {
390
+ type: "Control",
391
+ scope: "#/properties/CancelDeleteCompButton",
392
+ options: {
393
+ widget: "Button",
394
+ },
395
+ config: {
396
+ layout: 3,
397
+ main: {
398
+ name: "No",
399
+ startIcon: "ApproveIcon",
400
+ variant: "contained",
401
+ color: "info",
402
+ type: "text",
403
+ onClick: "deletePopUpComponent",
404
+ size: "small",
405
+ },
406
+ },
407
+ },
408
+ ]
409
+ },
410
+ {
411
+ type: "Control",
412
+ scope: "#/properties/popUpPageMasterEvent",
413
+ options: {
414
+ widget: "PopUp"
415
+ },
416
+ config: {
417
+ layout: {
418
+ xs: 12,
419
+ sm: 12,
420
+ md: 6,
421
+ lg: 6,
422
+ },
423
+ main: {
424
+ },
425
+
426
+ style: {
427
+ "& .MuiPaper-root":{
428
+ width: '30%',
429
+ },
430
+ "& .MuiTypography-root":{
431
+ padding: 0
432
+ },
433
+ }
434
+ },
435
+ elements:
436
+ [
437
+ {
438
+ type: "Control",
439
+ scope: "#/properties/label",
440
+ options: {
441
+ widget: "Box",
442
+ },
443
+ config: {
444
+ layout: 12,
445
+ main: {
446
+ heading: "Are you sure you want to delete ?",
447
+ },
448
+ style: {
449
+ marginTop: "-40px"
450
+ }
451
+ },
452
+ },
453
+ {
454
+ type: "Control",
455
+ scope: "#/properties/EmptyBox",
456
+ options: {
457
+ widget: "EmptyBox",
458
+ },
459
+ config: {
460
+ main: {},
461
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
462
+ },
463
+ },
464
+ {
465
+ type: "Control",
466
+ scope: "#/properties/ConfirmDeleteEventButton",
467
+ options: {
468
+ widget: "Button",
469
+ },
470
+ config: {
471
+ layout: 3,
472
+ main: {
473
+ name: "Yes",
474
+ startIcon: "ApproveIcon",
475
+ variant: "contained",
476
+ color: "info",
477
+ type: "text",
478
+ onClick: "deleteEvent",
479
+ size: "small",
480
+ },
481
+ },
482
+ },
483
+ {
484
+ type: "Control",
485
+ scope: "#/properties/CancelDeleteEventButton",
486
+ options: {
487
+ widget: "Button",
488
+ },
489
+ config: {
490
+ layout: 3,
491
+ main: {
492
+ name: "No",
493
+ startIcon: "ApproveIcon",
494
+ variant: "contained",
495
+ color: "error",
496
+ type: "text",
497
+ onClick: "deletePopUpEvent",
498
+ size: "small",
499
+ },
500
+ },
501
+ },
502
+ ]
503
+ },
429
504
  {
430
505
  type: "Control",
431
506
  scope: "#/properties/notify",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts CHANGED
@@ -48,6 +48,7 @@ export const EventSchema = {
48
48
  { title: "File Upload Event", const: "onUpload" },
49
49
  { title: "Back Event", const: "onBack" },
50
50
  { title: "Next Event", const: "onNext" },
51
+ { title: "onRowMovement", const: "onRowMovement" },
51
52
  { title: "File Download Event", const: "onDownload" },
52
53
  { title: "Fail", const: "Fail" }
53
54
  ]