impaktapps-ui-builder 0.0.382-alpha.6 → 0.0.382-alpha.61

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 (42) hide show
  1. package/dist/impaktapps-ui-builder.es.js +879 -1031
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +15 -15
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +10 -12
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -108
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  14. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  15. package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
  16. package/package.json +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -0
  18. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +30 -26
  19. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +30 -21
  20. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -6
  21. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +3 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  23. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +30 -49
  24. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +9 -10
  25. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  26. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  27. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  28. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +99 -125
  29. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +108 -108
  30. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  31. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  32. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  33. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  34. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  35. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  36. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +294 -143
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +399 -294
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +522 -283
  40. package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
  41. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  42. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -0
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -7,15 +7,11 @@ export const PageMasterUiSchema: any = (theme) => {
7
7
  type: "WrapperLayout",
8
8
  config: {
9
9
  main: {
10
- label: "Page Template",
11
- isAccordion: true,
10
+ // label: "Page Template",
11
+ // isAccordion: true,
12
12
  },
13
13
  wrapperStyle: {
14
- marginTop: '-6px',
15
- marginBottom: '-8px',
16
- },
17
- componentsBoxStyle: {
18
- marginLeft: "24px",
14
+ backgroundColor: theme.palette.background.default
19
15
  },
20
16
  defaultStyle: true,
21
17
  },
@@ -65,233 +61,234 @@ export const PageMasterUiSchema: any = (theme) => {
65
61
  config: {
66
62
  layout: { xs: 0, sm: 4 }
67
63
  }
68
- }
69
- ],
70
- },
71
- {
72
- type: "TabLayout",
73
- config: {
74
- main: {
75
- tabLabels: ["Components", "events"],
76
- divider: true,
77
64
  },
78
- defaultStyle: true,
79
- },
80
- elements: [
81
65
  {
82
- type: "Control",
83
- scope: "#/properties/elements",
84
- options: {
85
- widget: "Table",
86
- },
66
+ type: "TabLayout",
87
67
  config: {
88
68
  main: {
89
- headerIcons: {
90
- elements: [
91
- {
92
- widget: {
93
- type: "Control",
94
- scope: "#/properties/New_Record",
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",
95
89
 
96
- options: {
97
- widget: "IconButton",
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
+ }
98
107
  },
99
- config: {
100
- main: {
101
- color: "info",
102
- onClick: "onAddClickHandler",
103
- size: "small",
104
- icon: "AddIcon",
105
- iconLabel: "Add New",
106
- styleDefault: true,
107
- },
108
- style: {
109
- mt: "6px",
110
- },
111
- },
112
- }
108
+ ]
113
109
  },
114
- ]
110
+ disableAction: true,
111
+ disableSelection: true,
112
+ enableDrag: true,
113
+ }
115
114
  },
116
- disableAction: true,
117
- disableSelection: true,
118
- enableDrag: true,
119
- }
120
- },
121
- elements: [
122
- {
123
- accessorKey: "name",
115
+ elements: [
116
+ {
117
+ accessorKey: "name",
124
118
 
125
- header: "Name",
126
- },
127
- {
128
- accessorKey: "type",
119
+ header: "Name",
120
+ },
121
+ {
122
+ accessorKey: "type",
129
123
 
130
- header: "Type",
131
- },
132
- {
133
- header: "Edit",
134
- field: "Reject_Records",
135
- flex: 1,
136
- widget: {
137
- type: "Control",
138
- scope: "#/properties/RejectButton",
139
- options: {
140
- widget: "IconButton",
124
+ header: "Type",
141
125
  },
142
- config: {
143
- main: {
144
- icon: "EditIcon",
145
- color: "primary",
146
- onClick: "Edit_Components",
147
- tooltipMessage: "Edit This Record",
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
+ },
148
144
  },
149
145
  },
150
- },
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
+ }]
151
166
  },
152
167
  {
153
- header: "Delete",
154
- field: "Reject_Records",
155
- flex: 1,
156
- widget: {
157
- type: "Control",
158
- scope: "#/properties/RejectButton",
159
- options: {
160
- widget: "IconButton",
161
- },
162
- config: {
163
- main: {
164
- icon: "RejectIcon",
165
- color: "error",
166
- onClick: "Delete_Components",
167
- tooltipMessage: "Reject This Record",
168
- },
169
- },
168
+ type: "Control",
169
+ scope: "#/properties/events",
170
+ options: {
171
+ widget: "Table",
170
172
  },
171
- }]
172
- },
173
- {
174
- type: "Control",
175
- scope: "#/properties/events",
176
- options: {
177
- widget: "Table",
178
- },
179
- config: {
180
- main: {
181
- headerIcons: {
182
- elements: [
183
- {
184
- widget: {
185
- type: "Control",
186
- scope: "#/properties/New_Record",
173
+ config: {
174
+ main: {
175
+ headerIcons: {
176
+ elements: [
177
+ {
178
+ widget: {
179
+ type: "Control",
180
+ scope: "#/properties/New_Record",
187
181
 
188
- options: {
189
- widget: "IconButton",
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
+ }
190
199
  },
191
- config: {
192
- main: {
193
- color: "info",
194
- onClick: "eventAddHandler",
195
- size: "small",
196
- icon: "AddIcon",
197
- iconLabel: "Add New",
198
- styleDefault: true,
199
- },
200
- style: {
201
- mt: "6px",
202
- },
203
- },
204
- }
200
+ ]
205
201
  },
206
- ]
207
- },
208
- disableAction: true,
209
- disableSelection: true,
210
- enableDrag: true,
202
+ disableAction: true,
203
+ disableSelection: true,
204
+ enableDrag: true,
211
205
 
212
- },
213
- },
214
- elements: [
206
+ },
207
+ },
208
+ elements: [
215
209
 
216
- {
217
- accessorKey: "eventType",
218
- header: "Event Type",
219
- },
220
- {
221
- accessorKey: "Handler",
222
- header: "Handler",
223
- },
224
- {
225
- accessorKey: "Edit_Approve_Records",
226
- header: "Edit Widget",
227
- widget: {
228
- type: "Control",
229
- scope: "#/properties/Edit_Records",
230
- options: {
231
- widget: "IconButton",
210
+ {
211
+ accessorKey: "eventType",
212
+ header: "Event Type",
232
213
  },
233
- config: {
234
- main: {
235
- color: "info",
236
- size: "small",
237
- icon: "EditIcon",
238
- tooltipMessage: "Edit This Record",
239
- onClick: "editEvent",
240
- },
241
- style: {
242
- color: "#3949ab",
243
- },
214
+ {
215
+ accessorKey: "Handler",
216
+ header: "Handler",
244
217
  },
245
- },
246
- },
247
- {
248
- accessorKey: "Reject_Records",
249
- header: "Delete",
250
- widget: {
251
- type: "Control",
252
- scope: "#/properties/RejectButton",
253
- options: {
254
- widget: "IconButton",
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
+ },
255
240
  },
256
- config: {
257
- main: {
258
- icon: "RejectIcon",
259
- color: "error",
260
- tooltipMessage: "Reject This Record",
261
- onClick: "deleteEvent",
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
+ },
262
258
  },
263
259
  },
264
- },
260
+ ]
265
261
  },
266
- ]
267
- },
268
262
 
269
- ],
270
- },
271
- {
272
- type: "Control",
273
- scope: "#/properties/btn",
274
- options: {
275
- widget: "Button",
276
- },
277
-
278
- config: {
279
- layout: 11.9,
280
- main: {
281
- name: "Save",
282
- startIcon: "ApproveIcon",
283
- variant: "contained",
284
- color: "info",
285
- type: "text",
286
- onClick: "saveHandler",
287
- size: "medium",
263
+ ],
288
264
  },
289
- style: {
290
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
291
- float: "right",
265
+ {
266
+ type: "Control",
267
+ scope: "#/properties/btn",
268
+ options: {
269
+ widget: "Button",
270
+ },
271
+
272
+ config: {
273
+ layout: 11.9,
274
+ 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",
286
+ },
287
+ },
292
288
  },
293
- },
289
+ ]
294
290
  },
291
+
295
292
  {
296
293
  type: "Control",
297
294
  scope: "#/properties/notify",
@@ -303,108 +300,216 @@ export const PageMasterUiSchema: any = (theme) => {
303
300
  {
304
301
  type: "HorizontalLayout",
305
302
  config: {
306
- style: {
307
- position: "fixed",
308
- bottom: 5,
309
- overflow: 'visible',
310
- margin: "0",
311
- width: "100vw",
312
- }
303
+ layout: 12,
304
+ style: {
305
+ position: "absolute",
306
+ bottom: 5,
307
+ overflow: 'hidden'
308
+ }
313
309
  },
314
310
  elements: [
315
- {
316
- type: "Control",
317
- scope: "#/properties/EmptyBox",
318
- options: {
319
- widget: "EmptyBox",
320
- },
321
- config: {
322
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
323
- },
324
- },
325
- {
311
+ {
326
312
 
327
- type: "Control",
328
- scope: "#/properties/FooterText",
329
- options: {
330
- widget: "Box",
331
- },
332
- config: {
333
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
334
- main: {
335
- heading: "Copywriter@ACT21.IO"
336
- },
337
- style: {
338
- color: theme?.palette?.text.disabled || "#AFAFAF",
339
- fontSize: '12px',
340
- }
341
- },
342
- },
343
- {
344
- type: "HorizontalLayout",
345
- config: {
346
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
347
- },
348
- elements: [
349
- {
350
313
  type: "Control",
351
- scope: "#/properties/EmptyBox",
314
+ scope: "#/properties/FooterText",
352
315
  options: {
353
- widget: "EmptyBox",
316
+ widget: "Box",
354
317
  },
355
318
  config: {
356
- layout: 2,
357
- },
358
- },
359
- {
360
- type: "Control",
361
- scope: "#/properties/backIcon",
362
- options: {
363
- widget: "Box",
364
- },
365
- config: {
366
- layout: 1,
367
- main: {
368
- iconName: 'PrevIcon',
369
- onClick: "backHandler"
370
- },
371
- style: {
372
- fill: theme.palette.primary.dark,
373
- width: 20,
374
- height: 20,
375
- display: 'flex',
376
- alignItems: 'center',
377
- justifyContent: 'center',
378
- marginRight: '-8px',
379
- cursor: 'pointer'
380
- }
381
- }
382
- },
383
- {
384
- type: "Control",
385
- scope: "#/properties/text",
386
-
387
- options: {
388
- widget: "Box",
319
+ layout: 9.5,
320
+ main: {
321
+ heading: "Copywriter@ACT21.IO"
322
+ },
323
+ style: {
324
+ color: theme?.palette?.text.disabled || "#AFAFAF",
325
+ fontSize: '12px',
326
+ textAlign: 'center'
327
+ }
389
328
  },
329
+ },
330
+ {
331
+ type: "HorizontalLayout",
390
332
  config: {
391
- layout: 9,
392
- main: {
393
- heading: "Previous Page",
394
- onClick: "backHandler"
395
- },
396
- style: {
397
- color: theme.palette.primary.dark,
398
- fontSize: "12px",
399
- cursor: 'pointer',
400
- marginLeft: '-6px'
401
- }
333
+ layout: 2.5,
334
+ style: {
335
+ }
402
336
  },
403
- },
404
- ],
405
- },
337
+ elements: [
338
+ {
339
+ type: "Control",
340
+ scope: "#/properties/EmptyBox",
341
+ options: {
342
+ widget: "EmptyBox",
343
+ },
344
+ config: {
345
+ layout: 6,
346
+ style: {
347
+ flexGrow: 1
348
+ }
349
+ },
350
+ },
351
+ {
352
+ type: "Control",
353
+ scope: "#/properties/backIcon",
354
+ options: {
355
+ widget: "Box",
356
+ },
357
+ config: {
358
+ layout: 1,
359
+ main: {
360
+ iconName: 'PrevIcon',
361
+ onClick: "backHandler"
362
+ },
363
+ style: {
364
+ fill: theme.palette.primary.main,
365
+ width: 20,
366
+ height: 20,
367
+ display: 'flex',
368
+ alignItems: 'center',
369
+ justifyContent: 'center',
370
+ marginRight: '-8px',
371
+ cursor: 'pointer',
372
+ ':hover': {
373
+ fill: theme.palette.primary.dark,
374
+ }
375
+ }
376
+ }
377
+ },
378
+ {
379
+ type: "Control",
380
+ scope: "#/properties/text",
381
+
382
+ options: {
383
+ widget: "Box",
384
+ },
385
+ config: {
386
+ layout: 5,
387
+ main: {
388
+ heading: "Previous Page",
389
+ onClick: "backHandler"
390
+ },
391
+ style: {
392
+ width: 'fit-content',
393
+ color: theme.palette.primary.main,
394
+ fontSize: "12px",
395
+ cursor: 'pointer',
396
+ marginLeft: '2px',
397
+ marginRight: 0,
398
+ ':hover': {
399
+ color: theme.palette.primary.dark,
400
+ }
401
+ }
402
+ },
403
+ },
404
+ ],
405
+ },
406
406
  ]
407
- }
407
+ }
408
+ // {
409
+ // type: "HorizontalLayout",
410
+ // config: {
411
+ // style: {
412
+ // position: "fixed",
413
+ // bottom: 5,
414
+ // overflow: 'visible',
415
+ // margin: "0",
416
+ // width: "100vw",
417
+ // }
418
+ // },
419
+ // elements: [
420
+ // {
421
+ // type: "Control",
422
+ // scope: "#/properties/EmptyBox",
423
+ // options: {
424
+ // widget: "EmptyBox",
425
+ // },
426
+ // config: {
427
+ // layout: { xs: 0, sm: 4, md: 4, lg: 4 },
428
+ // },
429
+ // },
430
+ // {
431
+
432
+ // type: "Control",
433
+ // scope: "#/properties/FooterText",
434
+ // options: {
435
+ // widget: "Box",
436
+ // },
437
+ // config: {
438
+ // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
439
+ // main: {
440
+ // heading: "Copywriter@ACT21.IO"
441
+ // },
442
+ // style: {
443
+ // color: theme?.palette?.text.disabled || "#AFAFAF",
444
+ // fontSize: '12px',
445
+ // }
446
+ // },
447
+ // },
448
+ // {
449
+ // type: "HorizontalLayout",
450
+ // config: {
451
+ // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
452
+ // },
453
+ // elements: [
454
+ // {
455
+ // type: "Control",
456
+ // scope: "#/properties/EmptyBox",
457
+ // options: {
458
+ // widget: "EmptyBox",
459
+ // },
460
+ // config: {
461
+ // layout: 2,
462
+ // },
463
+ // },
464
+ // {
465
+ // type: "Control",
466
+ // scope: "#/properties/backIcon",
467
+ // options: {
468
+ // widget: "Box",
469
+ // },
470
+ // config: {
471
+ // layout: 1,
472
+ // main: {
473
+ // iconName: 'PrevIcon',
474
+ // onClick: "backHandler"
475
+ // },
476
+ // style: {
477
+ // fill: theme.palette.primary.dark,
478
+ // width: 20,
479
+ // height: 20,
480
+ // display: 'flex',
481
+ // alignItems: 'center',
482
+ // justifyContent: 'center',
483
+ // marginRight: '-8px',
484
+ // cursor: 'pointer'
485
+ // }
486
+ // }
487
+ // },
488
+ // {
489
+ // type: "Control",
490
+ // scope: "#/properties/text",
491
+
492
+ // options: {
493
+ // widget: "Box",
494
+ // },
495
+ // config: {
496
+ // layout: 9,
497
+ // main: {
498
+ // heading: "Previous Page",
499
+ // onClick: "backHandler"
500
+ // },
501
+ // style: {
502
+ // color: theme.palette.primary.dark,
503
+ // fontSize: "12px",
504
+ // cursor: 'pointer',
505
+ // marginLeft: '-6px'
506
+ // }
507
+ // },
508
+ // },
509
+ // ],
510
+ // },
511
+ // ]
512
+ // }
408
513
  ]
409
514
  };
410
515
  return uiSchema