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

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 (43) hide show
  1. package/dist/impaktapps-ui-builder.es.js +890 -1032
  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/events.ts +14 -1
  43. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -0
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -199,64 +199,73 @@ export const componentBasicUiSchema: any = (theme) => {
199
199
  },
200
200
  ],
201
201
  },
202
- {
203
- type: "Control",
204
- scope: "#/properties/btn",
205
- options: {
206
- widget: "Button",
207
- },
202
+
203
+ {
204
+ type: "Control",
205
+ scope: "#/properties/EmptyBox",
206
+ options: {
207
+ widget: "EmptyBox",
208
+ },
209
+ config: {
210
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
211
+ },
212
+ },
213
+ {
214
+ type: "Control",
215
+ scope: "#/properties/EmptyBox",
216
+ options: {
217
+ widget: "EmptyBox",
218
+ },
219
+ config: {
220
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
221
+ },
222
+ },
223
+ {
224
+ type: "Control",
225
+ scope: "#/properties/btn",
226
+ options: {
227
+ widget: "Button",
228
+ },
208
229
 
209
- config: {
210
- layout: {
211
- xs: 11,
212
- sm: 11,
213
- md: 2.5,
214
- lg: 2.5,
215
- },
216
- main: {
217
- name: "Ok",
218
- startIcon: "ApproveIcon",
219
- variant: "contained",
220
- color: "info",
221
- type: "text",
222
- onClick: "okHandler",
223
- size: "small",
224
- },
225
- style: {
226
- marginBottom: "8px",
227
- float: "right",
228
- },
230
+ config: {
231
+ layout: 1.8,
232
+ main: {
233
+ name: "Ok",
234
+ startIcon: "ApproveIcon",
235
+ variant: "contained",
236
+ // color: "info",
237
+ type: "text",
238
+ onClick: "okHandler",
239
+ size: "medium",
229
240
  },
230
- },
231
- {
232
- type: "Control",
233
- scope: "#/properties/btnSubmit",
234
- options: {
235
- widget: "Button",
241
+ style: {
242
+ float: "right",
236
243
  },
244
+ },
245
+ },
246
+ {
247
+ type: "Control",
248
+ scope: "#/properties/btnSubmit",
249
+ options: {
250
+ widget: "Button",
251
+ },
237
252
 
238
- config: {
239
- layout: {
240
- xs: 11,
241
- sm: 11,
242
- md: 2.5,
243
- lg: 2.5,
244
- },
245
- main: {
246
- name: "Save & Exit",
247
- startIcon: "ApproveIcon",
248
- variant: "contained",
249
- color: "info",
250
- type: "text",
251
- onClick: "saveHandler",
252
- size: "small",
253
- },
254
- style: {
255
- marginBottom: "8px",
256
- float: "right",
257
- },
253
+ config: {
254
+ layout: 1.8,
255
+ main: {
256
+ name: "Save & Exit",
257
+ startIcon: "ApproveIcon",
258
+ variant: "contained",
259
+ // color: "info",
260
+ type: "text",
261
+ onClick: "saveHandler",
262
+ size: "medium",
263
+ },
264
+ style: {
265
+ float: "right",
258
266
  },
259
267
  },
268
+ },
260
269
  {
261
270
  type: "Control",
262
271
  scope: "#/properties/notify",
@@ -268,108 +277,250 @@ export const componentBasicUiSchema: any = (theme) => {
268
277
  {
269
278
  type: "HorizontalLayout",
270
279
  config: {
271
- style: {
272
- position: "fixed",
273
- bottom: 5,
274
- overflow: 'visible',
275
- margin: "0",
276
- width: "100vw",
277
- }
280
+ layout: 12,
281
+ style: {
282
+ position: "absolute",
283
+ bottom: 5,
284
+ overflow: 'hidden'
285
+ }
278
286
  },
279
287
  elements: [
280
- {
281
- type: "Control",
282
- scope: "#/properties/EmptyBox",
283
- options: {
284
- widget: "EmptyBox",
285
- },
286
- config: {
287
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
288
- },
289
- },
290
- {
288
+ {
291
289
 
292
- type: "Control",
293
- scope: "#/properties/FooterText",
294
- options: {
295
- widget: "Box",
296
- },
297
- config: {
298
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
299
- main: {
300
- heading: "Copywriter@ACT21.IO"
301
- },
302
- style: {
303
- color: theme?.palette?.text.disabled || "#AFAFAF",
304
- fontSize: '12px',
305
- }
306
- },
307
- },
308
- {
309
- type: "HorizontalLayout",
310
- config: {
311
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
312
- },
313
- elements: [
314
- {
315
290
  type: "Control",
316
- scope: "#/properties/EmptyBox",
291
+ scope: "#/properties/FooterText",
317
292
  options: {
318
- widget: "EmptyBox",
293
+ widget: "Box",
319
294
  },
320
295
  config: {
321
- layout: 2,
322
- },
323
- },
324
- {
325
- type: "Control",
326
- scope: "#/properties/backIcon",
327
- options: {
328
- widget: "Box",
329
- },
330
- config: {
331
- layout: 1,
332
- main: {
333
- iconName: 'PrevIcon',
334
- onClick: "backHandler"
335
- },
336
- style: {
337
- fill: theme.palette.primary.dark,
338
- width: 20,
339
- height: 20,
340
- display: 'flex',
341
- alignItems: 'center',
342
- justifyContent: 'center',
343
- marginRight: '-8px',
344
- cursor: 'pointer'
345
- }
346
- }
347
- },
348
- {
349
- type: "Control",
350
- scope: "#/properties/text",
351
-
352
- options: {
353
- widget: "Box",
296
+ layout: 9.5,
297
+ main: {
298
+ heading: "Copywriter@ACT21.IO"
299
+ },
300
+ style: {
301
+ color: theme?.palette?.text.disabled || "#AFAFAF",
302
+ fontSize: '12px',
303
+ textAlign: 'center'
304
+ }
354
305
  },
306
+ },
307
+ {
308
+ type: "HorizontalLayout",
355
309
  config: {
356
- layout: 9,
357
- main: {
358
- heading: "Previous Page",
359
- onClick: "backHandler"
360
- },
361
- style: {
362
- color: theme.palette.primary.dark,
363
- fontSize: "12px",
364
- cursor: 'pointer',
365
- marginLeft: '-6px'
366
- }
310
+ layout: 2.5,
311
+ style: {
312
+ }
367
313
  },
368
- },
369
- ],
370
- },
314
+ elements: [
315
+ {
316
+ type: "Control",
317
+ scope: "#/properties/EmptyBox",
318
+ options: {
319
+ widget: "EmptyBox",
320
+ },
321
+ config: {
322
+ layout: 6,
323
+ style: {
324
+ flexGrow: 1
325
+ }
326
+ },
327
+ },
328
+ {
329
+ type: "Control",
330
+ scope: "#/properties/backIcon",
331
+ options: {
332
+ widget: "Box",
333
+ },
334
+ config: {
335
+ layout: 1,
336
+ main: {
337
+ iconName: 'PrevIcon',
338
+ onClick: "backHandler"
339
+ },
340
+ style: {
341
+ fill: theme.palette.primary.main,
342
+ width: 20,
343
+ height: 20,
344
+ display: 'flex',
345
+ alignItems: 'center',
346
+ justifyContent: 'center',
347
+ marginRight: '-8px',
348
+ cursor: 'pointer',
349
+ ':hover': {
350
+ fill: theme.palette.primary.dark,
351
+ }
352
+ }
353
+ }
354
+ },
355
+ {
356
+ type: "Control",
357
+ scope: "#/properties/text",
358
+
359
+ options: {
360
+ widget: "Box",
361
+ },
362
+ config: {
363
+ layout: 5,
364
+ main: {
365
+ heading: "Previous Page",
366
+ onClick: "backHandler"
367
+ },
368
+ style: {
369
+ width: 'fit-content',
370
+ color: theme.palette.primary.main,
371
+ fontSize: "12px",
372
+ cursor: 'pointer',
373
+ marginLeft: '2px',
374
+ marginRight: 0,
375
+ ':hover': {
376
+ color: theme.palette.primary.dark,
377
+ }
378
+ }
379
+ },
380
+ },
381
+ ],
382
+ },
371
383
  ]
372
- }
384
+ }
385
+ // {
386
+ // type: "HorizontalLayout",
387
+ // config: {
388
+ // style: {
389
+ // position: "fixed",
390
+ // bottom: 5,
391
+ // overflow: 'visible',
392
+ // margin: "0",
393
+ // width: "100vw",
394
+ // }
395
+ // },
396
+ // elements: [
397
+ // {
398
+ // type: "Control",
399
+ // scope: "#/properties/EmptyBox",
400
+ // options: {
401
+ // widget: "EmptyBox",
402
+ // },
403
+ // config: {
404
+ // layout: { xs: 0, sm: 4, md: 4, lg: 4 },
405
+ // },
406
+ // },
407
+ // {
408
+
409
+ // type: "Control",
410
+ // scope: "#/properties/FooterText",
411
+ // options: {
412
+ // widget: "Box",
413
+ // },
414
+ // config: {
415
+ // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
416
+ // main: {
417
+ // heading: "Copywriter@ACT21.IO"
418
+ // },
419
+ // style: {
420
+ // color: theme?.palette?.text.disabled || "#AFAFAF",
421
+ // fontSize: '12px',
422
+ // }
423
+ // },
424
+ // },
425
+ // {
426
+ // type: "HorizontalLayout",
427
+ // config: {
428
+ // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
429
+ // },
430
+ // elements: [
431
+ // {
432
+ // type: "Control",
433
+ // scope: "#/properties/EmptyBox",
434
+ // options: {
435
+ // widget: "EmptyBox",
436
+ // },
437
+ // config: {
438
+ // layout: 2,
439
+ // },
440
+ // },
441
+ // {
442
+ // type: "Control",
443
+ // scope: "#/properties/backIcon",
444
+ // options: {
445
+ // widget: "Box",
446
+ // },
447
+ // config: {
448
+ // layout: 1,
449
+ // main: {
450
+ // iconName: 'PrevIcon',
451
+ // onClick: "backHandler"
452
+ // },
453
+ // style: {
454
+ // fill: theme.palette.primary.dark,
455
+ // width: 20,
456
+ // height: 20,
457
+ // display: 'flex',
458
+ // alignItems: 'center',
459
+ // justifyContent: 'center',
460
+ // marginRight: '-8px',
461
+ // cursor: 'pointer'
462
+ // }
463
+ // }
464
+ // },
465
+ // {
466
+ // type: "Control",
467
+ // scope: "#/properties/text",
468
+
469
+ // options: {
470
+ // widget: "Box",
471
+ // },
472
+ // config: {
473
+ // layout: 9,
474
+ // main: {
475
+ // heading: "Previous Page",
476
+ // onClick: "backHandler"
477
+ // },
478
+ // style: {
479
+ // color: theme.palette.primary.dark,
480
+ // fontSize: "12px",
481
+ // cursor: 'pointer',
482
+ // marginLeft: '-6px'
483
+ // }
484
+ // },
485
+ // },
486
+ // ],
487
+ // },
488
+ // // {
489
+ // // type: "Control",
490
+ // // scope: "#/properties/pageName",
491
+
492
+ // // options: {
493
+ // // widget: "Box",
494
+ // // },
495
+ // // config: {
496
+ // // layout: 9.7,
497
+ // // main: {
498
+ // // heading: " ",
499
+ // // },
500
+ // // style: {
501
+ // // color: theme.palette.text.disabled,
502
+ // // // float: 'right',
503
+ // // textAlign: 'right',
504
+ // // // width: 'fit-content',
505
+ // // fontSize: "12px",
506
+ // // marginTop: '-16px',
507
+ // // // marginRight: '100px'
508
+ // // // marginLeft: '-6px'
509
+ // // }
510
+ // // },
511
+ // // },
512
+ // // {
513
+ // // type: "Control",
514
+ // // scope: "#/properties/emptyBox",
515
+ // // options: {
516
+ // // widget: "EmptyBox",
517
+ // // },
518
+ // // config: {
519
+ // // layout: 2.3
520
+ // // }
521
+ // // },
522
+ // ]
523
+ // }
373
524
  ],
374
525
  };
375
526
  return uiSchema