impaktapps-ui-builder 0.0.382-alpha.53 → 0.0.382-alpha.55

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 (11) hide show
  1. package/dist/impaktapps-ui-builder.es.js +76 -69
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +2 -2
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +0 -1
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +234 -126
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +199 -91
  9. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +234 -126
  10. package/src/impaktapps-ui-builder/runtime/services/events.ts +1 -0
  11. package/src/impaktapps-ui-builder/runtime/services/service.ts +3 -3
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -300,108 +300,216 @@ export const PageMasterUiSchema: any = (theme) => {
300
300
  {
301
301
  type: "HorizontalLayout",
302
302
  config: {
303
- style: {
304
- position: "fixed",
305
- bottom: 5,
306
- overflow: 'visible',
307
- margin: "0",
308
- width: "100vw",
309
- }
303
+ layout: 12,
304
+ style: {
305
+ position: "absolute",
306
+ bottom: 5,
307
+ overflow: 'hidden'
308
+ }
310
309
  },
311
310
  elements: [
312
- {
313
- type: "Control",
314
- scope: "#/properties/EmptyBox",
315
- options: {
316
- widget: "EmptyBox",
317
- },
318
- config: {
319
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
320
- },
321
- },
322
- {
311
+ {
323
312
 
324
- type: "Control",
325
- scope: "#/properties/FooterText",
326
- options: {
327
- widget: "Box",
328
- },
329
- config: {
330
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
331
- main: {
332
- heading: "Copywriter@ACT21.IO"
333
- },
334
- style: {
335
- color: theme?.palette?.text.disabled || "#AFAFAF",
336
- fontSize: '12px',
337
- }
338
- },
339
- },
340
- {
341
- type: "HorizontalLayout",
342
- config: {
343
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
344
- },
345
- elements: [
346
- {
347
- type: "Control",
348
- scope: "#/properties/EmptyBox",
349
- options: {
350
- widget: "EmptyBox",
351
- },
352
- config: {
353
- layout: 2,
354
- },
355
- },
356
- {
357
313
  type: "Control",
358
- scope: "#/properties/backIcon",
314
+ scope: "#/properties/FooterText",
359
315
  options: {
360
- widget: "Box",
316
+ widget: "Box",
361
317
  },
362
318
  config: {
363
- layout: 1,
364
- main: {
365
- iconName: 'PrevIcon',
366
- onClick: "backHandler"
367
- },
368
- style: {
369
- fill: theme.palette.primary.dark,
370
- width: 20,
371
- height: 20,
372
- display: 'flex',
373
- alignItems: 'center',
374
- justifyContent: 'center',
375
- marginRight: '-8px',
376
- cursor: 'pointer'
377
- }
378
- }
379
- },
380
- {
381
- type: "Control",
382
- scope: "#/properties/text",
383
-
384
- options: {
385
- 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
+ }
386
328
  },
329
+ },
330
+ {
331
+ type: "HorizontalLayout",
387
332
  config: {
388
- layout: 9,
389
- main: {
390
- heading: "Previous Page",
391
- onClick: "backHandler"
392
- },
393
- style: {
394
- color: theme.palette.primary.dark,
395
- fontSize: "12px",
396
- cursor: 'pointer',
397
- marginLeft: '-6px'
398
- }
333
+ layout: 2.5,
334
+ style: {
335
+ }
399
336
  },
400
- },
401
- ],
402
- },
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
+ },
403
406
  ]
404
- }
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
+ // }
405
513
  ]
406
514
  };
407
515
  return uiSchema
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -307,142 +307,250 @@ export const EventUiSchema: any = (theme) => {
307
307
  {
308
308
  type: "HorizontalLayout",
309
309
  config: {
310
- style: {
311
- position: "fixed",
312
- bottom: 5,
313
- overflow: 'visible',
314
- margin: "0",
315
- width: "100vw",
316
- }
310
+ layout: 12,
311
+ style: {
312
+ position: "absolute",
313
+ bottom: 5,
314
+ overflow: 'hidden'
315
+ }
317
316
  },
318
317
  elements: [
319
- {
320
- type: "Control",
321
- scope: "#/properties/EmptyBox",
322
- options: {
323
- widget: "EmptyBox",
324
- },
325
- config: {
326
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
327
- },
328
- },
329
- {
330
-
331
- type: "Control",
332
- scope: "#/properties/FooterText",
333
- options: {
334
- widget: "Box",
335
- },
336
- config: {
337
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
338
- main: {
339
- heading: "Copywriter@ACT21.IO"
340
- },
341
- style: {
342
- color: theme?.palette?.text.disabled || "#AFAFAF",
343
- fontSize: '12px',
344
- }
345
- },
346
- },
347
- {
348
- type: "HorizontalLayout",
349
- config: {
350
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
351
- },
352
- elements: [
353
- {
354
- type: "Control",
355
- scope: "#/properties/EmptyBox",
356
- options: {
357
- widget: "EmptyBox",
358
- },
359
- config: {
360
- layout: 2,
361
- },
362
- },
363
- {
318
+ {
319
+
364
320
  type: "Control",
365
- scope: "#/properties/backIcon",
321
+ scope: "#/properties/FooterText",
366
322
  options: {
367
- widget: "Box",
323
+ widget: "Box",
368
324
  },
369
325
  config: {
370
- layout: 1,
371
- main: {
372
- iconName: 'PrevIcon',
373
- onClick: "backHandler"
374
- },
375
- style: {
376
- fill: theme.palette.primary.dark,
377
- width: 20,
378
- height: 20,
379
- display: 'flex',
380
- alignItems: 'center',
381
- justifyContent: 'center',
382
- marginRight: '-8px',
383
- cursor: 'pointer'
384
- }
385
- }
386
- },
387
- {
388
- type: "Control",
389
- scope: "#/properties/text",
390
-
391
- options: {
392
- widget: "Box",
326
+ layout: 9.5,
327
+ main: {
328
+ heading: "Copywriter@ACT21.IO"
329
+ },
330
+ style: {
331
+ color: theme?.palette?.text.disabled || "#AFAFAF",
332
+ fontSize: '12px',
333
+ textAlign: 'center'
334
+ }
393
335
  },
336
+ },
337
+ {
338
+ type: "HorizontalLayout",
394
339
  config: {
395
- layout: 9,
396
- main: {
397
- heading: "Previous Page",
398
- onClick: "backHandler"
399
- },
400
- style: {
401
- color: theme.palette.primary.dark,
402
- fontSize: "12px",
403
- cursor: 'pointer',
404
- marginLeft: '-6px'
405
- }
340
+ layout: 2.5,
341
+ style: {
342
+ }
406
343
  },
407
- },
408
- ],
409
- },
410
- // {
411
- // type: "Control",
412
- // scope: "#/properties/pageName",
413
-
414
- // options: {
415
- // widget: "Box",
416
- // },
417
- // config: {
418
- // layout: 9.7,
419
- // main: {
420
- // heading: " ",
421
- // },
422
- // style: {
423
- // color: theme.palette.text.disabled,
424
- // // float: 'right',
425
- // textAlign: 'right',
426
- // // width: 'fit-content',
427
- // fontSize: "12px",
428
- // marginTop: '-16px',
429
- // // marginRight: '100px'
430
- // // marginLeft: '-6px'
431
- // }
432
- // },
433
- // },
434
- // {
435
- // type: "Control",
436
- // scope: "#/properties/emptyBox",
437
- // options: {
438
- // widget: "EmptyBox",
439
- // },
440
- // config: {
441
- // layout: 2.3
442
- // }
443
- // },
344
+ elements: [
345
+ {
346
+ type: "Control",
347
+ scope: "#/properties/EmptyBox",
348
+ options: {
349
+ widget: "EmptyBox",
350
+ },
351
+ config: {
352
+ layout: 6,
353
+ style: {
354
+ flexGrow: 1
355
+ }
356
+ },
357
+ },
358
+ {
359
+ type: "Control",
360
+ scope: "#/properties/backIcon",
361
+ options: {
362
+ widget: "Box",
363
+ },
364
+ config: {
365
+ layout: 1,
366
+ main: {
367
+ iconName: 'PrevIcon',
368
+ onClick: "backHandler"
369
+ },
370
+ style: {
371
+ fill: theme.palette.primary.main,
372
+ width: 20,
373
+ height: 20,
374
+ display: 'flex',
375
+ alignItems: 'center',
376
+ justifyContent: 'center',
377
+ marginRight: '-8px',
378
+ cursor: 'pointer',
379
+ ':hover': {
380
+ fill: theme.palette.primary.dark,
381
+ }
382
+ }
383
+ }
384
+ },
385
+ {
386
+ type: "Control",
387
+ scope: "#/properties/text",
388
+
389
+ options: {
390
+ widget: "Box",
391
+ },
392
+ config: {
393
+ layout: 5,
394
+ main: {
395
+ heading: "Previous Page",
396
+ onClick: "backHandler"
397
+ },
398
+ style: {
399
+ width: 'fit-content',
400
+ color: theme.palette.primary.main,
401
+ fontSize: "12px",
402
+ cursor: 'pointer',
403
+ marginLeft: '2px',
404
+ marginRight: 0,
405
+ ':hover': {
406
+ color: theme.palette.primary.dark,
407
+ }
408
+ }
409
+ },
410
+ },
411
+ ],
412
+ },
444
413
  ]
445
- }
414
+ }
415
+ // {
416
+ // type: "HorizontalLayout",
417
+ // config: {
418
+ // style: {
419
+ // position: "fixed",
420
+ // bottom: 5,
421
+ // overflow: 'visible',
422
+ // margin: "0",
423
+ // width: "100vw",
424
+ // }
425
+ // },
426
+ // elements: [
427
+ // {
428
+ // type: "Control",
429
+ // scope: "#/properties/EmptyBox",
430
+ // options: {
431
+ // widget: "EmptyBox",
432
+ // },
433
+ // config: {
434
+ // layout: { xs: 0, sm: 4, md: 4, lg: 4 },
435
+ // },
436
+ // },
437
+ // {
438
+
439
+ // type: "Control",
440
+ // scope: "#/properties/FooterText",
441
+ // options: {
442
+ // widget: "Box",
443
+ // },
444
+ // config: {
445
+ // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
446
+ // main: {
447
+ // heading: "Copywriter@ACT21.IO"
448
+ // },
449
+ // style: {
450
+ // color: theme?.palette?.text.disabled || "#AFAFAF",
451
+ // fontSize: '12px',
452
+ // }
453
+ // },
454
+ // },
455
+ // {
456
+ // type: "HorizontalLayout",
457
+ // config: {
458
+ // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
459
+ // },
460
+ // elements: [
461
+ // {
462
+ // type: "Control",
463
+ // scope: "#/properties/EmptyBox",
464
+ // options: {
465
+ // widget: "EmptyBox",
466
+ // },
467
+ // config: {
468
+ // layout: 2,
469
+ // },
470
+ // },
471
+ // {
472
+ // type: "Control",
473
+ // scope: "#/properties/backIcon",
474
+ // options: {
475
+ // widget: "Box",
476
+ // },
477
+ // config: {
478
+ // layout: 1,
479
+ // main: {
480
+ // iconName: 'PrevIcon',
481
+ // onClick: "backHandler"
482
+ // },
483
+ // style: {
484
+ // fill: theme.palette.primary.dark,
485
+ // width: 20,
486
+ // height: 20,
487
+ // display: 'flex',
488
+ // alignItems: 'center',
489
+ // justifyContent: 'center',
490
+ // marginRight: '-8px',
491
+ // cursor: 'pointer'
492
+ // }
493
+ // }
494
+ // },
495
+ // {
496
+ // type: "Control",
497
+ // scope: "#/properties/text",
498
+
499
+ // options: {
500
+ // widget: "Box",
501
+ // },
502
+ // config: {
503
+ // layout: 9,
504
+ // main: {
505
+ // heading: "Previous Page",
506
+ // onClick: "backHandler"
507
+ // },
508
+ // style: {
509
+ // color: theme.palette.primary.dark,
510
+ // fontSize: "12px",
511
+ // cursor: 'pointer',
512
+ // marginLeft: '-6px'
513
+ // }
514
+ // },
515
+ // },
516
+ // ],
517
+ // },
518
+ // // {
519
+ // // type: "Control",
520
+ // // scope: "#/properties/pageName",
521
+
522
+ // // options: {
523
+ // // widget: "Box",
524
+ // // },
525
+ // // config: {
526
+ // // layout: 9.7,
527
+ // // main: {
528
+ // // heading: " ",
529
+ // // },
530
+ // // style: {
531
+ // // color: theme.palette.text.disabled,
532
+ // // // float: 'right',
533
+ // // textAlign: 'right',
534
+ // // // width: 'fit-content',
535
+ // // fontSize: "12px",
536
+ // // marginTop: '-16px',
537
+ // // // marginRight: '100px'
538
+ // // // marginLeft: '-6px'
539
+ // // }
540
+ // // },
541
+ // // },
542
+ // // {
543
+ // // type: "Control",
544
+ // // scope: "#/properties/emptyBox",
545
+ // // options: {
546
+ // // widget: "EmptyBox",
547
+ // // },
548
+ // // config: {
549
+ // // layout: 2.3
550
+ // // }
551
+ // // },
552
+ // ]
553
+ // }
446
554
  ],
447
555
  };
448
556
  return uiSchema