impaktapps-ui-builder 0.0.412-mtreemap.2 → 0.0.412-mtreemap.21

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 +728 -366
  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/uischema/button.d.ts +1 -6
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +12 -10
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +5 -5
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/file.d.ts +6 -6
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +8 -5
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  12. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +3 -2
  14. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  15. package/package.json +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +2 -2
  17. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +4 -4
  18. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +27 -26
  20. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +2 -0
  21. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +2 -2
  23. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +39 -38
  24. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +2 -7
  25. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  26. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +21 -28
  27. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -8
  28. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +155 -102
  29. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -12
  30. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -1
  31. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +9 -5
  32. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +14 -0
  33. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +1 -1
  34. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +1 -1
  35. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -2
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +495 -283
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +1 -1
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +346 -208
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +70 -23
  41. package/src/impaktapps-ui-builder/builder/services/component.ts +39 -21
  42. package/src/impaktapps-ui-builder/builder/services/event.ts +16 -6
  43. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +18 -2
  44. package/src/impaktapps-ui-builder/runtime/services/events.ts +28 -33
  45. package/src/impaktapps-ui-builder/runtime/services/service.ts +112 -4
@@ -42,5 +42,5 @@ export const PageMasterSchema = {
42
42
  },
43
43
  }
44
44
  },
45
- required:["template","name"]
45
+ required:["template","name", "label"]
46
46
  }
@@ -1,8 +1,56 @@
1
+ import { EventUiSchema } from "../event/uiSchema"
1
2
  export const PageMasterUiSchema: any = (theme) => {
2
3
  const uiSchema = {
3
4
  type: "HorizontalLayout",
4
5
  heading: "Page Master",
5
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
+ // },
6
54
  {
7
55
  type: "WrapperLayout",
8
56
  config: {
@@ -35,6 +83,27 @@ export const PageMasterUiSchema: any = (theme) => {
35
83
  },
36
84
  },
37
85
  },
86
+ {
87
+ type: "Control",
88
+ scope: "#/properties/template",
89
+
90
+ options: {
91
+ widget: "SelectInputField",
92
+ },
93
+ config: {
94
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
95
+ main: {
96
+ label: "Template",
97
+ options: [
98
+ { const: "template1", title: "template1" },
99
+ { const: "template2", title: "template2" },
100
+ { const: "template3", title: "template3" }
101
+ ],
102
+ color: "secondary",
103
+ required: true,
104
+ },
105
+ },
106
+ },
38
107
  {
39
108
  type: "Control",
40
109
  scope: "#/properties/label",
@@ -52,243 +121,311 @@ export const PageMasterUiSchema: any = (theme) => {
52
121
  },
53
122
  },
54
123
  },
124
+ ],
125
+ },
126
+ {
127
+ type: "TabLayout",
128
+ config: {
129
+ main: {
130
+ tabLabels: ["Components", "events"],
131
+ divider: true,
132
+ },
133
+ defaultStyle: true,
134
+ },
135
+ 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: [
55
148
  {
56
149
  type: "Control",
57
- scope: "#/properties/emptyBox",
150
+ scope: "#/properties/elements",
58
151
  options: {
59
- widget: "EmptyBox"
152
+ widget: "Table",
60
153
  },
61
- config: {
62
- layout: { xs: 0, sm: 4 }
63
- }
64
- },
65
- {
66
- type: "TabLayout",
67
154
  config: {
68
155
  main: {
69
- tabLabels: ["Components", "events"],
70
- divider: true,
71
- },
72
- defaultStyle: true,
73
- },
74
- elements: [
75
- {
76
- type: "Control",
77
- scope: "#/properties/elements",
78
- options: {
79
- widget: "Table",
80
- },
81
- config: {
82
- main: {
83
- headerIcons: {
84
- elements: [
85
- {
86
- widget: {
87
- type: "Control",
88
- scope: "#/properties/New_Record",
156
+ headerIcons: {
157
+ elements: [
158
+ {
159
+ widget: {
160
+ type: "Control",
161
+ scope: "#/properties/New_Record",
89
162
 
90
- options: {
91
- widget: "IconButton",
92
- },
93
- config: {
94
- main: {
95
- // color: "info",
96
- onClick: "onAddClickHandler",
97
- size: "small",
98
- icon: "AddIcon",
99
- iconLabel: "Add New",
100
- styleDefault: true,
101
- },
102
- style: {
103
- mt: "6px",
104
- },
105
- },
106
- }
163
+ options: {
164
+ widget: "IconButton",
165
+ },
166
+ config: {
167
+ main: {
168
+ // color: "info",
169
+ onClick: "onAddClickHandler",
170
+ size: "small",
171
+ icon: "AddIcon",
172
+ iconLabel: "Add New",
173
+ styleDefault: true,
174
+ },
175
+ style: {
176
+ mt: "6px",
177
+ },
107
178
  },
108
- ]
179
+ }
109
180
  },
110
- disableAction: true,
111
- disableSelection: true,
112
- enableDrag: true,
113
- }
181
+ ]
114
182
  },
115
- elements: [
116
- {
117
- accessorKey: "name",
183
+ disableAction: true,
184
+ disableSelection: true,
185
+ enableDrag: true,
186
+ }
187
+ },
188
+ elements: [
189
+ {
190
+ accessorKey: "name",
118
191
 
119
- header: "Name",
120
- },
121
- {
122
- accessorKey: "type",
192
+ header: "Name",
193
+ },
194
+ {
195
+ accessorKey: "type",
123
196
 
124
- header: "Type",
197
+ header: "Type",
198
+ },
199
+ {
200
+ header: "Edit",
201
+ field: "Reject_Records",
202
+ flex: 1,
203
+ widget: {
204
+ type: "Control",
205
+ scope: "#/properties/RejectButton",
206
+ options: {
207
+ widget: "IconButton",
125
208
  },
126
- {
127
- header: "Edit",
128
- field: "Reject_Records",
129
- flex: 1,
130
- widget: {
131
- type: "Control",
132
- scope: "#/properties/RejectButton",
133
- options: {
134
- widget: "IconButton",
135
- },
136
- config: {
137
- main: {
138
- icon: "EditIcon",
139
- // color: "info",
140
- onClick: "Edit_Components",
141
- tooltipMessage: "Edit This Record",
142
- },
143
- },
209
+ config: {
210
+ main: {
211
+ icon: "EditIcon",
212
+ color: "primary",
213
+ onClick: "Edit_Components",
214
+ tooltipMessage: "Edit This Record",
144
215
  },
145
216
  },
146
- {
147
- header: "Delete",
148
- field: "Reject_Records",
149
- flex: 1,
150
- widget: {
151
- type: "Control",
152
- scope: "#/properties/RejectButton",
153
- options: {
154
- widget: "IconButton",
155
- },
156
- config: {
157
- main: {
158
- icon: "RejectIcon",
159
- color: "error",
160
- onClick: "Delete_Components",
161
- tooltipMessage: "Reject This Record",
162
- },
163
- },
164
- },
165
- }]
217
+ },
166
218
  },
167
219
  {
168
- type: "Control",
169
- scope: "#/properties/events",
170
- options: {
171
- widget: "Table",
172
- },
173
- config: {
174
- main: {
175
- headerIcons: {
176
- elements: [
177
- {
178
- widget: {
179
- type: "Control",
180
- scope: "#/properties/New_Record",
181
-
182
- options: {
183
- widget: "IconButton",
184
- },
185
- config: {
186
- main: {
187
- // color: "info",
188
- onClick: "eventAddHandler",
189
- size: "small",
190
- icon: "AddIcon",
191
- iconLabel: "Add New",
192
- styleDefault: true,
193
- },
194
- style: {
195
- mt: "6px",
196
- },
197
- },
198
- }
199
- },
200
- ]
220
+ header: "Delete",
221
+ field: "Reject_Records",
222
+ flex: 1,
223
+ widget: {
224
+ type: "Control",
225
+ scope: "#/properties/RejectButton",
226
+ options: {
227
+ widget: "IconButton",
228
+ },
229
+ config: {
230
+ main: {
231
+ icon: "RejectIcon",
232
+ color: "error",
233
+ onClick: "Delete_Components",
234
+ tooltipMessage: "Reject This Record",
201
235
  },
202
- disableAction: true,
203
- disableSelection: true,
204
- enableDrag: true,
205
-
206
236
  },
207
237
  },
208
- elements: [
238
+ }
239
+ ]
240
+ // }]
241
+ },
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",
209
257
 
210
- {
211
- accessorKey: "eventType",
212
- header: "Event Type",
213
- },
214
- {
215
- accessorKey: "Handler",
216
- header: "Handler",
217
- },
218
- {
219
- accessorKey: "Edit_Approve_Records",
220
- header: "Edit Widget",
221
- widget: {
222
- type: "Control",
223
- scope: "#/properties/Edit_Records",
224
- options: {
225
- widget: "IconButton",
226
- },
227
- config: {
228
- main: {
229
- // color: "info",
230
- size: "small",
231
- icon: "EditIcon",
232
- tooltipMessage: "Edit This Record",
233
- onClick: "editEvent",
234
- },
235
- style: {
236
- color: "#3949ab",
237
- },
238
- },
239
- },
240
- },
241
- {
242
- accessorKey: "Reject_Records",
243
- header: "Delete",
244
- widget: {
245
- type: "Control",
246
- scope: "#/properties/RejectButton",
247
- options: {
248
- widget: "IconButton",
249
- },
250
- config: {
251
- main: {
252
- icon: "RejectIcon",
253
- color: "error",
254
- tooltipMessage: "Reject This Record",
255
- onClick: "deleteEvent",
256
- },
257
- },
258
- },
259
- },
260
- ]
261
- },
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
+ // },
262
294
 
263
- ],
264
- },
265
295
  {
266
296
  type: "Control",
267
- scope: "#/properties/btn",
297
+ scope: "#/properties/events",
268
298
  options: {
269
- widget: "Button",
299
+ widget: "Table",
270
300
  },
271
-
272
301
  config: {
273
- layout: 11.9,
274
302
  main: {
275
- name: "Save",
276
- startIcon: "ApproveIcon",
277
- variant: "contained",
278
- // color: "info",
279
- type: "text",
280
- onClick: "saveHandler",
281
- size: "medium",
282
- },
283
- style: {
284
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
285
- float: "right",
303
+ headerIcons: {
304
+ elements: [
305
+ {
306
+ widget: {
307
+ type: "Control",
308
+ scope: "#/properties/New_Record",
309
+
310
+ options: {
311
+ widget: "IconButton",
312
+ },
313
+ config: {
314
+ main: {
315
+ // color: "info",
316
+ onClick: "eventAddHandler",
317
+ size: "small",
318
+ icon: "AddIcon",
319
+ iconLabel: "Add New",
320
+ styleDefault: true,
321
+ },
322
+ style: {
323
+ mt: "6px",
324
+ },
325
+ },
326
+ }
327
+ },
328
+ ]
329
+ },
330
+
331
+ disableAction: true,
332
+ disableSelection: true,
333
+ enableDrag: true,
334
+
286
335
  },
287
336
  },
337
+ elements: [
338
+
339
+ {
340
+ accessorKey: "eventType",
341
+ header: "Event Type",
342
+ },
343
+ {
344
+ accessorKey: "Handler",
345
+ header: "Handler",
346
+ },
347
+ {
348
+ accessorKey: "Edit_Approve_Records",
349
+ header: "Edit Widget",
350
+ widget: {
351
+ type: "Control",
352
+ scope: "#/properties/Edit_Records",
353
+ options: {
354
+ widget: "IconButton",
355
+ },
356
+ config: {
357
+ main: {
358
+ color: "info",
359
+ size: "small",
360
+ icon: "EditIcon",
361
+ tooltipMessage: "Edit This Record",
362
+ onClick: "editEvent",
363
+ },
364
+ style: {
365
+ color: "#3949ab",
366
+ },
367
+ },
368
+ },
369
+ },
370
+ {
371
+ accessorKey: "Reject_Records",
372
+ header: "Delete",
373
+ widget: {
374
+ type: "Control",
375
+ scope: "#/properties/RejectButton",
376
+ options: {
377
+ widget: "IconButton",
378
+ },
379
+ config: {
380
+ main: {
381
+ icon: "RejectIcon",
382
+ color: "error",
383
+ tooltipMessage: "Reject This Record",
384
+ onClick: "deleteEvent",
385
+ },
386
+ },
387
+ },
388
+ },
389
+ ]
390
+ // }]
288
391
  },
289
- ]
392
+
393
+ ],
394
+ },
395
+ {
396
+ type: "Control",
397
+ scope: "#/properties/btn",
398
+ options: {
399
+ widget: "EmptyBox",
400
+ },
401
+ config: {
402
+ layout: { xs: 0, sm: 8, md: 8, lg: 8 },
403
+ }
290
404
  },
405
+ {
406
+ type: "Control",
407
+ scope: "#/properties/btn",
408
+ options: {
409
+ widget: "Button",
410
+ },
291
411
 
412
+ config: {
413
+ layout: 11.9,
414
+ main: {
415
+ name: "Save",
416
+ startIcon: "ApproveIcon",
417
+ variant: "contained",
418
+ // color: "info",
419
+ type: "text",
420
+ onClick: "saveHandler",
421
+ size: "medium",
422
+ },
423
+ style: {
424
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
425
+ float: "right",
426
+ },
427
+ },
428
+ },
292
429
  {
293
430
  type: "Control",
294
431
  scope: "#/properties/notify",
@@ -316,7 +453,7 @@ export const PageMasterUiSchema: any = (theme) => {
316
453
  },
317
454
  elements: [
318
455
  {
319
-
456
+
320
457
  type: "Control",
321
458
  scope: "#/properties/FooterText",
322
459
  options: {
@@ -371,7 +508,7 @@ export const PageMasterUiSchema: any = (theme) => {
371
508
  {
372
509
  type: "Control",
373
510
  scope: "#/properties/text",
374
-
511
+
375
512
  options: {
376
513
  widget: "Box",
377
514
  },
@@ -402,6 +539,7 @@ export const PageMasterUiSchema: any = (theme) => {
402
539
  ]
403
540
  }
404
541
  ]
405
- };
542
+ }
406
543
  return uiSchema
407
- }
544
+ }
545
+