impaktapps-ui-builder 0.0.382-alpha.52 → 0.0.382-alpha.54

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 (10) hide show
  1. package/dist/impaktapps-ui-builder.es.js +80 -70
  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 +30 -26
  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/service.ts +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.52",
3
+ "version": "0.0.382-alpha.54",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts CHANGED
@@ -2,31 +2,35 @@ import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
2
2
  import { PieGraph } from "./uischema/graph";
3
3
  import _ from "lodash";
4
4
  // flatObjectValueInArray
5
- export const buildPieGraph = (config,componentScope) =>{
6
- const pieGraph: any = _.cloneDeep(PieGraph);
7
- if (config.layout) {
8
- pieGraph.config.layout = createLayoutFormat(config.layout);
5
+ export const buildPieGraph = (config, componentScope) => {
6
+ const pieGraph: any = _.cloneDeep(PieGraph);
7
+ if (config.layout) {
8
+ pieGraph.config.layout = createLayoutFormat(config.layout);
9
+ }
10
+ if (config.height) {
11
+ pieGraph.config.style =
12
+ {
13
+ containerStyle: {
14
+ height: config.height
15
+ }
16
+ };
17
+ }
18
+ if (config.legendHide) {
19
+ pieGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
20
+ }
21
+ pieGraph.scope = componentScope;
22
+ pieGraph.config.main.header = config.heading;
23
+
24
+ if (config.legendLabels) {
25
+ pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
26
+ }
27
+
28
+ if (config.pieArcColors) {
29
+ pieGraph.config.style = {
30
+ pieStyle: {
31
+ colorRange: flatObjectValueInArray(config.pieArcColors)
32
+ }
9
33
  }
10
- if (config.height) {
11
- pieGraph.config.style =
12
- {
13
- containerStyle: {
14
- height: config.height
15
- }
16
- };
17
- }
18
- if (config.legendHide) {
19
- pieGraph.config.main.legendAvailabe = config.legendHide==="YES"?false:true;
20
- }
21
- pieGraph.scope = componentScope;
22
- pieGraph.config.main.header = config.heading;
23
-
24
- if(config.legendLabels){
25
- pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
26
- }
27
-
28
- if(config.pieArcColors){
29
- pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
30
- }
31
- return pieGraph;
34
+ }
35
+ return pieGraph;
32
36
  }
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -277,142 +277,250 @@ export const componentBasicUiSchema: any = (theme) => {
277
277
  {
278
278
  type: "HorizontalLayout",
279
279
  config: {
280
- style: {
281
- position: "fixed",
282
- bottom: 5,
283
- overflow: 'visible',
284
- margin: "0",
285
- width: "100vw",
286
- }
280
+ layout: 12,
281
+ style: {
282
+ position: "absolute",
283
+ bottom: 5,
284
+ overflow: 'hidden'
285
+ }
287
286
  },
288
287
  elements: [
289
- {
290
- type: "Control",
291
- scope: "#/properties/EmptyBox",
292
- options: {
293
- widget: "EmptyBox",
294
- },
295
- config: {
296
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
297
- },
298
- },
299
- {
300
-
301
- type: "Control",
302
- scope: "#/properties/FooterText",
303
- options: {
304
- widget: "Box",
305
- },
306
- config: {
307
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
308
- main: {
309
- heading: "Copywriter@ACT21.IO"
310
- },
311
- style: {
312
- color: theme?.palette?.text.disabled || "#AFAFAF",
313
- fontSize: '12px',
314
- }
315
- },
316
- },
317
- {
318
- type: "HorizontalLayout",
319
- config: {
320
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
321
- },
322
- elements: [
323
- {
324
- type: "Control",
325
- scope: "#/properties/EmptyBox",
326
- options: {
327
- widget: "EmptyBox",
328
- },
329
- config: {
330
- layout: 2,
331
- },
332
- },
333
- {
288
+ {
289
+
334
290
  type: "Control",
335
- scope: "#/properties/backIcon",
291
+ scope: "#/properties/FooterText",
336
292
  options: {
337
- widget: "Box",
293
+ widget: "Box",
338
294
  },
339
295
  config: {
340
- layout: 1,
341
- main: {
342
- iconName: 'PrevIcon',
343
- onClick: "backHandler"
344
- },
345
- style: {
346
- fill: theme.palette.primary.dark,
347
- width: 20,
348
- height: 20,
349
- display: 'flex',
350
- alignItems: 'center',
351
- justifyContent: 'center',
352
- marginRight: '-8px',
353
- cursor: 'pointer'
354
- }
355
- }
356
- },
357
- {
358
- type: "Control",
359
- scope: "#/properties/text",
360
-
361
- options: {
362
- 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
+ }
363
305
  },
306
+ },
307
+ {
308
+ type: "HorizontalLayout",
364
309
  config: {
365
- layout: 9,
366
- main: {
367
- heading: "Previous Page",
368
- onClick: "backHandler"
369
- },
370
- style: {
371
- color: theme.palette.primary.dark,
372
- fontSize: "12px",
373
- cursor: 'pointer',
374
- marginLeft: '-6px'
375
- }
310
+ layout: 2.5,
311
+ style: {
312
+ }
376
313
  },
377
- },
378
- ],
379
- },
380
- // {
381
- // type: "Control",
382
- // scope: "#/properties/pageName",
383
-
384
- // options: {
385
- // widget: "Box",
386
- // },
387
- // config: {
388
- // layout: 9.7,
389
- // main: {
390
- // heading: " ",
391
- // },
392
- // style: {
393
- // color: theme.palette.text.disabled,
394
- // // float: 'right',
395
- // textAlign: 'right',
396
- // // width: 'fit-content',
397
- // fontSize: "12px",
398
- // marginTop: '-16px',
399
- // // marginRight: '100px'
400
- // // marginLeft: '-6px'
401
- // }
402
- // },
403
- // },
404
- // {
405
- // type: "Control",
406
- // scope: "#/properties/emptyBox",
407
- // options: {
408
- // widget: "EmptyBox",
409
- // },
410
- // config: {
411
- // layout: 2.3
412
- // }
413
- // },
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
+ },
414
383
  ]
415
- }
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
+ // }
416
524
  ],
417
525
  };
418
526
  return uiSchema