impaktapps-ui-builder 0.0.382-alpha.62 → 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 (11) hide show
  1. package/dist/impaktapps-ui-builder.es.js +204 -213
  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/Component/uiSchema.ts +96 -239
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +96 -205
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +96 -239
  9. package/src/impaktapps-ui-builder/runtime/services/events.ts +0 -239
  10. package/src/impaktapps-ui-builder/runtime/services/interface.ts +0 -12
  11. package/src/impaktapps-ui-builder/runtime/services/service.ts +0 -209
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.62",
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/Component/uiSchema.ts CHANGED
@@ -277,250 +277,107 @@ export const componentBasicUiSchema: any = (theme) => {
277
277
  {
278
278
  type: "HorizontalLayout",
279
279
  config: {
280
- layout: 12,
281
- style: {
282
- position: "absolute",
283
- bottom: 5,
284
- overflow: 'hidden'
285
- }
280
+ main: {
281
+ direction: 'row'
282
+ },
283
+ style: {
284
+ flexDirection: "row",
285
+ position: "absolute",
286
+ bottom: 0,
287
+ marginBottom: '-8px',
288
+ height: 'fit-content',
289
+ overflow: 'hidden',
290
+ zIndex: 1000,
291
+ width: 'inherit'
292
+ }
286
293
  },
287
294
  elements: [
288
- {
289
-
290
- type: "Control",
291
- scope: "#/properties/FooterText",
292
- options: {
293
- widget: "Box",
294
- },
295
- config: {
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
- }
305
- },
295
+ {
296
+
297
+ type: "Control",
298
+ scope: "#/properties/FooterText",
299
+ options: {
300
+ widget: "Box",
306
301
  },
307
- {
308
- type: "HorizontalLayout",
309
- config: {
310
- layout: 2.5,
311
- style: {
312
- }
313
- },
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
- ],
302
+ config: {
303
+ main: {
304
+ heading: "Copywriter@ACT21.IO"
305
+ },
306
+ style: {
307
+ color: theme?.palette?.text.disabled || "#AFAFAF",
308
+ fontSize: '12px',
309
+ textAlign: 'center',
310
+ lineHeight: 1,
311
+ width: 'fit-content',
312
+ left: '50%',
313
+ position: 'relative',
314
+ margin: 0,
315
+ flexGrow: 1,
316
+ height: 0
317
+ }
382
318
  },
383
- ]
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",
319
+ },
320
+ {
321
+ type: "Control",
322
+ scope: "#/properties/backIcon",
323
+ options: {
324
+ widget: "Box",
325
+ },
326
+ config: {
327
+ main: {
328
+ iconName: 'PrevIcon',
329
+ onClick: "backHandler",
330
+ width: 'fit-content',
331
+ },
332
+ style: {
333
+ fill: theme.palette.primary.main,
334
+ width: 20,
335
+ height: 0,
336
+ margin: 0,
337
+ top: 0,
338
+ right: '90px',
339
+ position: 'absolute',
340
+ fontSize: '12px',
341
+ cursor: 'pointer',
342
+ ':hover': {
343
+ fill: theme.palette.primary.dark,
344
+ }
345
+ }
346
+ }
347
+ },
348
+ {
349
+ type: "Control",
350
+ scope: "#/properties/text",
491
351
 
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
- // }
352
+ options: {
353
+ widget: "Box",
354
+ },
355
+ config: {
356
+ main: {
357
+ heading: "Previous Page",
358
+ onClick: "backHandler"
359
+ },
360
+ style: {
361
+ textAlign: 'left',
362
+ lineHeight: 1,
363
+ height: 0,
364
+ width: 'fit-content',
365
+ color: theme.palette.primary.main,
366
+ fontSize: "12px",
367
+ cursor: 'pointer',
368
+ marginLeft: '2px',
369
+ marginRight: 0,
370
+ top: 3,
371
+ right: '20px',
372
+ position: 'absolute',
373
+ ':hover': {
374
+ color: theme.palette.primary.dark,
375
+ }
376
+ }
377
+ },
378
+ },
379
+ ]
380
+ }
524
381
  ],
525
382
  };
526
383
  return uiSchema
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