impaktapps-ui-builder 0.0.382-alpha.63 → 0.0.382-alpha.64

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 (7) hide show
  1. package/dist/impaktapps-ui-builder.es.js +136 -142
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +4 -4
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +96 -205
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +96 -239
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.63",
3
+ "version": "0.0.382-alpha.64",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -300,216 +300,107 @@ export const PageMasterUiSchema: any = (theme) => {
300
300
  {
301
301
  type: "HorizontalLayout",
302
302
  config: {
303
- layout: 12,
304
- style: {
305
- position: "absolute",
306
- bottom: 5,
307
- overflow: 'hidden'
308
- }
303
+ main: {
304
+ direction: 'row'
305
+ },
306
+ style: {
307
+ flexDirection: "row",
308
+ position: "absolute",
309
+ bottom: 0,
310
+ marginBottom: '-8px',
311
+ height: 'fit-content',
312
+ overflow: 'hidden',
313
+ zIndex: 1000,
314
+ width: 'inherit'
315
+ }
309
316
  },
310
317
  elements: [
311
- {
312
-
313
- type: "Control",
314
- scope: "#/properties/FooterText",
315
- options: {
316
- widget: "Box",
317
- },
318
- config: {
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
- }
328
- },
318
+ {
319
+
320
+ type: "Control",
321
+ scope: "#/properties/FooterText",
322
+ options: {
323
+ widget: "Box",
329
324
  },
330
- {
331
- type: "HorizontalLayout",
332
- config: {
333
- layout: 2.5,
334
- style: {
335
- }
336
- },
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
- ],
325
+ config: {
326
+ main: {
327
+ heading: "Copywriter@ACT21.IO"
328
+ },
329
+ style: {
330
+ color: theme?.palette?.text.disabled || "#AFAFAF",
331
+ fontSize: '12px',
332
+ textAlign: 'center',
333
+ lineHeight: 1,
334
+ width: 'fit-content',
335
+ left: '50%',
336
+ position: 'relative',
337
+ margin: 0,
338
+ flexGrow: 1,
339
+ height: 0
340
+ }
341
+ },
342
+ },
343
+ {
344
+ type: "Control",
345
+ scope: "#/properties/backIcon",
346
+ options: {
347
+ widget: "Box",
405
348
  },
349
+ config: {
350
+ main: {
351
+ iconName: 'PrevIcon',
352
+ onClick: "backHandler",
353
+ width: 'fit-content',
354
+ },
355
+ style: {
356
+ fill: theme.palette.primary.main,
357
+ width: 20,
358
+ height: 0,
359
+ margin: 0,
360
+ top: 0,
361
+ right: '82px',
362
+ position: 'absolute',
363
+ fontSize: '12px',
364
+ cursor: 'pointer',
365
+ ':hover': {
366
+ fill: theme.palette.primary.dark,
367
+ }
368
+ }
369
+ }
370
+ },
371
+ {
372
+ type: "Control",
373
+ scope: "#/properties/text",
374
+
375
+ options: {
376
+ widget: "Box",
377
+ },
378
+ config: {
379
+ main: {
380
+ heading: "Previous Page",
381
+ onClick: "backHandler"
382
+ },
383
+ style: {
384
+ textAlign: 'left',
385
+ lineHeight: 1,
386
+ height: 0,
387
+ width: 'fit-content',
388
+ color: theme.palette.primary.main,
389
+ fontSize: "12px",
390
+ cursor: 'pointer',
391
+ marginLeft: '2px',
392
+ marginRight: 0,
393
+ top: 3,
394
+ right: '12px',
395
+ position: 'absolute',
396
+ ':hover': {
397
+ color: theme.palette.primary.dark,
398
+ }
399
+ }
400
+ },
401
+ },
406
402
  ]
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
- // }
403
+ }
513
404
  ]
514
405
  };
515
406
  return uiSchema
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -307,250 +307,107 @@ export const EventUiSchema: any = (theme) => {
307
307
  {
308
308
  type: "HorizontalLayout",
309
309
  config: {
310
- layout: 12,
311
- style: {
312
- position: "absolute",
313
- bottom: 5,
314
- overflow: 'hidden'
315
- }
310
+ main: {
311
+ direction: 'row'
312
+ },
313
+ style: {
314
+ flexDirection: "row",
315
+ position: "absolute",
316
+ bottom: 0,
317
+ marginBottom: '-8px',
318
+ height: 'fit-content',
319
+ overflow: 'hidden',
320
+ zIndex: 1000,
321
+ width: 'inherit'
322
+ }
316
323
  },
317
324
  elements: [
318
- {
319
-
320
- type: "Control",
321
- scope: "#/properties/FooterText",
322
- options: {
323
- widget: "Box",
324
- },
325
- config: {
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
- }
335
- },
325
+ {
326
+
327
+ type: "Control",
328
+ scope: "#/properties/FooterText",
329
+ options: {
330
+ widget: "Box",
336
331
  },
337
- {
338
- type: "HorizontalLayout",
339
- config: {
340
- layout: 2.5,
341
- style: {
342
- }
343
- },
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
- ],
332
+ config: {
333
+ main: {
334
+ heading: "Copywriter@ACT21.IO"
335
+ },
336
+ style: {
337
+ color: theme?.palette?.text.disabled || "#AFAFAF",
338
+ fontSize: '12px',
339
+ textAlign: 'center',
340
+ lineHeight: 1,
341
+ width: 'fit-content',
342
+ left: '50%',
343
+ position: 'relative',
344
+ margin: 0,
345
+ flexGrow: 1,
346
+ height: 0
347
+ }
412
348
  },
413
- ]
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",
349
+ },
350
+ {
351
+ type: "Control",
352
+ scope: "#/properties/backIcon",
353
+ options: {
354
+ widget: "Box",
355
+ },
356
+ config: {
357
+ main: {
358
+ iconName: 'PrevIcon',
359
+ onClick: "backHandler",
360
+ width: 'fit-content',
361
+ },
362
+ style: {
363
+ fill: theme.palette.primary.main,
364
+ width: 20,
365
+ height: 0,
366
+ margin: 0,
367
+ top: 0,
368
+ right: '82px',
369
+ position: 'absolute',
370
+ fontSize: '12px',
371
+ cursor: 'pointer',
372
+ ':hover': {
373
+ fill: theme.palette.primary.dark,
374
+ }
375
+ }
376
+ }
377
+ },
378
+ {
379
+ type: "Control",
380
+ scope: "#/properties/text",
521
381
 
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
- // }
382
+ options: {
383
+ widget: "Box",
384
+ },
385
+ config: {
386
+ main: {
387
+ heading: "Previous Page",
388
+ onClick: "backHandler"
389
+ },
390
+ style: {
391
+ textAlign: 'left',
392
+ lineHeight: 1,
393
+ height: 0,
394
+ width: 'fit-content',
395
+ color: theme.palette.primary.main,
396
+ fontSize: "12px",
397
+ cursor: 'pointer',
398
+ marginLeft: '2px',
399
+ marginRight: 0,
400
+ top: 3,
401
+ right: '12px',
402
+ position: 'absolute',
403
+ ':hover': {
404
+ color: theme.palette.primary.dark,
405
+ }
406
+ }
407
+ },
408
+ },
409
+ ]
410
+ }
554
411
  ],
555
412
  };
556
413
  return uiSchema