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/dist/impaktapps-ui-builder.es.js CHANGED
@@ -321,25 +321,14 @@ const PageMasterUiSchema = (theme) => {
321
321
  {
322
322
  type: "HorizontalLayout",
323
323
  config: {
324
+ layout: 12,
324
325
  style: {
325
- position: "fixed",
326
+ position: "absolute",
326
327
  bottom: 5,
327
- overflow: "visible",
328
- margin: "0",
329
- width: "100vw"
328
+ overflow: "hidden"
330
329
  }
331
330
  },
332
331
  elements: [
333
- {
334
- type: "Control",
335
- scope: "#/properties/EmptyBox",
336
- options: {
337
- widget: "EmptyBox"
338
- },
339
- config: {
340
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
341
- }
342
- },
343
332
  {
344
333
  type: "Control",
345
334
  scope: "#/properties/FooterText",
@@ -347,20 +336,22 @@ const PageMasterUiSchema = (theme) => {
347
336
  widget: "Box"
348
337
  },
349
338
  config: {
350
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
339
+ layout: 9.5,
351
340
  main: {
352
341
  heading: "Copywriter@ACT21.IO"
353
342
  },
354
343
  style: {
355
344
  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
356
- fontSize: "12px"
345
+ fontSize: "12px",
346
+ textAlign: "center"
357
347
  }
358
348
  }
359
349
  },
360
350
  {
361
351
  type: "HorizontalLayout",
362
352
  config: {
363
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
353
+ layout: 2.5,
354
+ style: {}
364
355
  },
365
356
  elements: [
366
357
  {
@@ -370,7 +361,10 @@ const PageMasterUiSchema = (theme) => {
370
361
  widget: "EmptyBox"
371
362
  },
372
363
  config: {
373
- layout: 2
364
+ layout: 6,
365
+ style: {
366
+ flexGrow: 1
367
+ }
374
368
  }
375
369
  },
376
370
  {
@@ -386,14 +380,17 @@ const PageMasterUiSchema = (theme) => {
386
380
  onClick: "backHandler"
387
381
  },
388
382
  style: {
389
- fill: theme.palette.primary.dark,
383
+ fill: theme.palette.primary.main,
390
384
  width: 20,
391
385
  height: 20,
392
386
  display: "flex",
393
387
  alignItems: "center",
394
388
  justifyContent: "center",
395
389
  marginRight: "-8px",
396
- cursor: "pointer"
390
+ cursor: "pointer",
391
+ ":hover": {
392
+ fill: theme.palette.primary.dark
393
+ }
397
394
  }
398
395
  }
399
396
  },
@@ -404,16 +401,21 @@ const PageMasterUiSchema = (theme) => {
404
401
  widget: "Box"
405
402
  },
406
403
  config: {
407
- layout: 9,
404
+ layout: 5,
408
405
  main: {
409
406
  heading: "Previous Page",
410
407
  onClick: "backHandler"
411
408
  },
412
409
  style: {
413
- color: theme.palette.primary.dark,
410
+ width: "fit-content",
411
+ color: theme.palette.primary.main,
414
412
  fontSize: "12px",
415
413
  cursor: "pointer",
416
- marginLeft: "-6px"
414
+ marginLeft: "2px",
415
+ marginRight: 0,
416
+ ":hover": {
417
+ color: theme.palette.primary.dark
418
+ }
417
419
  }
418
420
  }
419
421
  }
@@ -6349,25 +6351,14 @@ const componentBasicUiSchema = (theme) => {
6349
6351
  {
6350
6352
  type: "HorizontalLayout",
6351
6353
  config: {
6354
+ layout: 12,
6352
6355
  style: {
6353
- position: "fixed",
6356
+ position: "absolute",
6354
6357
  bottom: 5,
6355
- overflow: "visible",
6356
- margin: "0",
6357
- width: "100vw"
6358
+ overflow: "hidden"
6358
6359
  }
6359
6360
  },
6360
6361
  elements: [
6361
- {
6362
- type: "Control",
6363
- scope: "#/properties/EmptyBox",
6364
- options: {
6365
- widget: "EmptyBox"
6366
- },
6367
- config: {
6368
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6369
- }
6370
- },
6371
6362
  {
6372
6363
  type: "Control",
6373
6364
  scope: "#/properties/FooterText",
@@ -6375,20 +6366,22 @@ const componentBasicUiSchema = (theme) => {
6375
6366
  widget: "Box"
6376
6367
  },
6377
6368
  config: {
6378
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6369
+ layout: 9.5,
6379
6370
  main: {
6380
6371
  heading: "Copywriter@ACT21.IO"
6381
6372
  },
6382
6373
  style: {
6383
6374
  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6384
- fontSize: "12px"
6375
+ fontSize: "12px",
6376
+ textAlign: "center"
6385
6377
  }
6386
6378
  }
6387
6379
  },
6388
6380
  {
6389
6381
  type: "HorizontalLayout",
6390
6382
  config: {
6391
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
6383
+ layout: 2.5,
6384
+ style: {}
6392
6385
  },
6393
6386
  elements: [
6394
6387
  {
@@ -6398,7 +6391,10 @@ const componentBasicUiSchema = (theme) => {
6398
6391
  widget: "EmptyBox"
6399
6392
  },
6400
6393
  config: {
6401
- layout: 2
6394
+ layout: 6,
6395
+ style: {
6396
+ flexGrow: 1
6397
+ }
6402
6398
  }
6403
6399
  },
6404
6400
  {
@@ -6414,14 +6410,17 @@ const componentBasicUiSchema = (theme) => {
6414
6410
  onClick: "backHandler"
6415
6411
  },
6416
6412
  style: {
6417
- fill: theme.palette.primary.dark,
6413
+ fill: theme.palette.primary.main,
6418
6414
  width: 20,
6419
6415
  height: 20,
6420
6416
  display: "flex",
6421
6417
  alignItems: "center",
6422
6418
  justifyContent: "center",
6423
6419
  marginRight: "-8px",
6424
- cursor: "pointer"
6420
+ cursor: "pointer",
6421
+ ":hover": {
6422
+ fill: theme.palette.primary.dark
6423
+ }
6425
6424
  }
6426
6425
  }
6427
6426
  },
@@ -6432,16 +6431,21 @@ const componentBasicUiSchema = (theme) => {
6432
6431
  widget: "Box"
6433
6432
  },
6434
6433
  config: {
6435
- layout: 9,
6434
+ layout: 5,
6436
6435
  main: {
6437
6436
  heading: "Previous Page",
6438
6437
  onClick: "backHandler"
6439
6438
  },
6440
6439
  style: {
6441
- color: theme.palette.primary.dark,
6440
+ width: "fit-content",
6441
+ color: theme.palette.primary.main,
6442
6442
  fontSize: "12px",
6443
6443
  cursor: "pointer",
6444
- marginLeft: "-6px"
6444
+ marginLeft: "2px",
6445
+ marginRight: 0,
6446
+ ":hover": {
6447
+ color: theme.palette.primary.dark
6448
+ }
6445
6449
  }
6446
6450
  }
6447
6451
  }
@@ -7897,25 +7901,14 @@ const EventUiSchema = (theme) => {
7897
7901
  {
7898
7902
  type: "HorizontalLayout",
7899
7903
  config: {
7904
+ layout: 12,
7900
7905
  style: {
7901
- position: "fixed",
7906
+ position: "absolute",
7902
7907
  bottom: 5,
7903
- overflow: "visible",
7904
- margin: "0",
7905
- width: "100vw"
7908
+ overflow: "hidden"
7906
7909
  }
7907
7910
  },
7908
7911
  elements: [
7909
- {
7910
- type: "Control",
7911
- scope: "#/properties/EmptyBox",
7912
- options: {
7913
- widget: "EmptyBox"
7914
- },
7915
- config: {
7916
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7917
- }
7918
- },
7919
7912
  {
7920
7913
  type: "Control",
7921
7914
  scope: "#/properties/FooterText",
@@ -7923,20 +7916,22 @@ const EventUiSchema = (theme) => {
7923
7916
  widget: "Box"
7924
7917
  },
7925
7918
  config: {
7926
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7919
+ layout: 9.5,
7927
7920
  main: {
7928
7921
  heading: "Copywriter@ACT21.IO"
7929
7922
  },
7930
7923
  style: {
7931
7924
  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7932
- fontSize: "12px"
7925
+ fontSize: "12px",
7926
+ textAlign: "center"
7933
7927
  }
7934
7928
  }
7935
7929
  },
7936
7930
  {
7937
7931
  type: "HorizontalLayout",
7938
7932
  config: {
7939
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
7933
+ layout: 2.5,
7934
+ style: {}
7940
7935
  },
7941
7936
  elements: [
7942
7937
  {
@@ -7946,7 +7941,10 @@ const EventUiSchema = (theme) => {
7946
7941
  widget: "EmptyBox"
7947
7942
  },
7948
7943
  config: {
7949
- layout: 2
7944
+ layout: 6,
7945
+ style: {
7946
+ flexGrow: 1
7947
+ }
7950
7948
  }
7951
7949
  },
7952
7950
  {
@@ -7962,14 +7960,17 @@ const EventUiSchema = (theme) => {
7962
7960
  onClick: "backHandler"
7963
7961
  },
7964
7962
  style: {
7965
- fill: theme.palette.primary.dark,
7963
+ fill: theme.palette.primary.main,
7966
7964
  width: 20,
7967
7965
  height: 20,
7968
7966
  display: "flex",
7969
7967
  alignItems: "center",
7970
7968
  justifyContent: "center",
7971
7969
  marginRight: "-8px",
7972
- cursor: "pointer"
7970
+ cursor: "pointer",
7971
+ ":hover": {
7972
+ fill: theme.palette.primary.dark
7973
+ }
7973
7974
  }
7974
7975
  }
7975
7976
  },
@@ -7980,16 +7981,21 @@ const EventUiSchema = (theme) => {
7980
7981
  widget: "Box"
7981
7982
  },
7982
7983
  config: {
7983
- layout: 9,
7984
+ layout: 5,
7984
7985
  main: {
7985
7986
  heading: "Previous Page",
7986
7987
  onClick: "backHandler"
7987
7988
  },
7988
7989
  style: {
7989
- color: theme.palette.primary.dark,
7990
+ width: "fit-content",
7991
+ color: theme.palette.primary.main,
7990
7992
  fontSize: "12px",
7991
7993
  cursor: "pointer",
7992
- marginLeft: "-6px"
7994
+ marginLeft: "2px",
7995
+ marginRight: 0,
7996
+ ":hover": {
7997
+ color: theme.palette.primary.dark
7998
+ }
7993
7999
  }
7994
8000
  }
7995
8001
  }
@@ -9360,7 +9366,11 @@ const buildPieGraph = (config, componentScope) => {
9360
9366
  pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
9361
9367
  }
9362
9368
  if (config.pieArcColors) {
9363
- pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
9369
+ pieGraph.config.style = {
9370
+ pieStyle: {
9371
+ colorRange: flatObjectValueInArray(config.pieArcColors)
9372
+ }
9373
+ };
9364
9374
  }
9365
9375
  return pieGraph;
9366
9376
  };