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/dist/impaktapps-ui-builder.es.js CHANGED
@@ -321,11 +321,18 @@ const PageMasterUiSchema = (theme) => {
321
321
  {
322
322
  type: "HorizontalLayout",
323
323
  config: {
324
- layout: 12,
324
+ main: {
325
+ direction: "row"
326
+ },
325
327
  style: {
328
+ flexDirection: "row",
326
329
  position: "absolute",
327
- bottom: 5,
328
- overflow: "hidden"
330
+ bottom: 0,
331
+ marginBottom: "-8px",
332
+ height: "fit-content",
333
+ overflow: "hidden",
334
+ zIndex: 1e3,
335
+ width: "inherit"
329
336
  }
330
337
  },
331
338
  elements: [
@@ -336,90 +343,80 @@ const PageMasterUiSchema = (theme) => {
336
343
  widget: "Box"
337
344
  },
338
345
  config: {
339
- layout: 9.5,
340
346
  main: {
341
347
  heading: "Copywriter@ACT21.IO"
342
348
  },
343
349
  style: {
344
350
  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
345
351
  fontSize: "12px",
346
- textAlign: "center"
352
+ textAlign: "center",
353
+ lineHeight: 1,
354
+ width: "fit-content",
355
+ left: "50%",
356
+ position: "relative",
357
+ margin: 0,
358
+ flexGrow: 1,
359
+ height: 0
347
360
  }
348
361
  }
349
362
  },
350
363
  {
351
- type: "HorizontalLayout",
352
- config: {
353
- layout: 2.5,
354
- style: {}
364
+ type: "Control",
365
+ scope: "#/properties/backIcon",
366
+ options: {
367
+ widget: "Box"
355
368
  },
356
- elements: [
357
- {
358
- type: "Control",
359
- scope: "#/properties/EmptyBox",
360
- options: {
361
- widget: "EmptyBox"
362
- },
363
- config: {
364
- layout: 6,
365
- style: {
366
- flexGrow: 1
367
- }
368
- }
369
+ config: {
370
+ main: {
371
+ iconName: "PrevIcon",
372
+ onClick: "backHandler",
373
+ width: "fit-content"
369
374
  },
370
- {
371
- type: "Control",
372
- scope: "#/properties/backIcon",
373
- options: {
374
- widget: "Box"
375
- },
376
- config: {
377
- layout: 1,
378
- main: {
379
- iconName: "PrevIcon",
380
- onClick: "backHandler"
381
- },
382
- style: {
383
- fill: theme.palette.primary.main,
384
- width: 20,
385
- height: 20,
386
- display: "flex",
387
- alignItems: "center",
388
- justifyContent: "center",
389
- marginRight: "-8px",
390
- cursor: "pointer",
391
- ":hover": {
392
- fill: theme.palette.primary.dark
393
- }
394
- }
375
+ style: {
376
+ fill: theme.palette.primary.main,
377
+ width: 20,
378
+ height: 0,
379
+ margin: 0,
380
+ top: 0,
381
+ right: "82px",
382
+ position: "absolute",
383
+ fontSize: "12px",
384
+ cursor: "pointer",
385
+ ":hover": {
386
+ fill: theme.palette.primary.dark
395
387
  }
388
+ }
389
+ }
390
+ },
391
+ {
392
+ type: "Control",
393
+ scope: "#/properties/text",
394
+ options: {
395
+ widget: "Box"
396
+ },
397
+ config: {
398
+ main: {
399
+ heading: "Previous Page",
400
+ onClick: "backHandler"
396
401
  },
397
- {
398
- type: "Control",
399
- scope: "#/properties/text",
400
- options: {
401
- widget: "Box"
402
- },
403
- config: {
404
- layout: 5,
405
- main: {
406
- heading: "Previous Page",
407
- onClick: "backHandler"
408
- },
409
- style: {
410
- width: "fit-content",
411
- color: theme.palette.primary.main,
412
- fontSize: "12px",
413
- cursor: "pointer",
414
- marginLeft: "2px",
415
- marginRight: 0,
416
- ":hover": {
417
- color: theme.palette.primary.dark
418
- }
419
- }
402
+ style: {
403
+ textAlign: "left",
404
+ lineHeight: 1,
405
+ height: 0,
406
+ width: "fit-content",
407
+ color: theme.palette.primary.main,
408
+ fontSize: "12px",
409
+ cursor: "pointer",
410
+ marginLeft: "2px",
411
+ marginRight: 0,
412
+ top: 3,
413
+ right: "12px",
414
+ position: "absolute",
415
+ ":hover": {
416
+ color: theme.palette.primary.dark
420
417
  }
421
418
  }
422
- ]
419
+ }
423
420
  }
424
421
  ]
425
422
  }
@@ -7898,11 +7895,18 @@ const EventUiSchema = (theme) => {
7898
7895
  {
7899
7896
  type: "HorizontalLayout",
7900
7897
  config: {
7901
- layout: 12,
7898
+ main: {
7899
+ direction: "row"
7900
+ },
7902
7901
  style: {
7902
+ flexDirection: "row",
7903
7903
  position: "absolute",
7904
- bottom: 5,
7905
- overflow: "hidden"
7904
+ bottom: 0,
7905
+ marginBottom: "-8px",
7906
+ height: "fit-content",
7907
+ overflow: "hidden",
7908
+ zIndex: 1e3,
7909
+ width: "inherit"
7906
7910
  }
7907
7911
  },
7908
7912
  elements: [
@@ -7913,90 +7917,80 @@ const EventUiSchema = (theme) => {
7913
7917
  widget: "Box"
7914
7918
  },
7915
7919
  config: {
7916
- layout: 9.5,
7917
7920
  main: {
7918
7921
  heading: "Copywriter@ACT21.IO"
7919
7922
  },
7920
7923
  style: {
7921
7924
  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7922
7925
  fontSize: "12px",
7923
- textAlign: "center"
7926
+ textAlign: "center",
7927
+ lineHeight: 1,
7928
+ width: "fit-content",
7929
+ left: "50%",
7930
+ position: "relative",
7931
+ margin: 0,
7932
+ flexGrow: 1,
7933
+ height: 0
7924
7934
  }
7925
7935
  }
7926
7936
  },
7927
7937
  {
7928
- type: "HorizontalLayout",
7929
- config: {
7930
- layout: 2.5,
7931
- style: {}
7938
+ type: "Control",
7939
+ scope: "#/properties/backIcon",
7940
+ options: {
7941
+ widget: "Box"
7932
7942
  },
7933
- elements: [
7934
- {
7935
- type: "Control",
7936
- scope: "#/properties/EmptyBox",
7937
- options: {
7938
- widget: "EmptyBox"
7939
- },
7940
- config: {
7941
- layout: 6,
7942
- style: {
7943
- flexGrow: 1
7944
- }
7945
- }
7943
+ config: {
7944
+ main: {
7945
+ iconName: "PrevIcon",
7946
+ onClick: "backHandler",
7947
+ width: "fit-content"
7946
7948
  },
7947
- {
7948
- type: "Control",
7949
- scope: "#/properties/backIcon",
7950
- options: {
7951
- widget: "Box"
7952
- },
7953
- config: {
7954
- layout: 1,
7955
- main: {
7956
- iconName: "PrevIcon",
7957
- onClick: "backHandler"
7958
- },
7959
- style: {
7960
- fill: theme.palette.primary.main,
7961
- width: 20,
7962
- height: 20,
7963
- display: "flex",
7964
- alignItems: "center",
7965
- justifyContent: "center",
7966
- marginRight: "-8px",
7967
- cursor: "pointer",
7968
- ":hover": {
7969
- fill: theme.palette.primary.dark
7970
- }
7971
- }
7949
+ style: {
7950
+ fill: theme.palette.primary.main,
7951
+ width: 20,
7952
+ height: 0,
7953
+ margin: 0,
7954
+ top: 0,
7955
+ right: "82px",
7956
+ position: "absolute",
7957
+ fontSize: "12px",
7958
+ cursor: "pointer",
7959
+ ":hover": {
7960
+ fill: theme.palette.primary.dark
7972
7961
  }
7962
+ }
7963
+ }
7964
+ },
7965
+ {
7966
+ type: "Control",
7967
+ scope: "#/properties/text",
7968
+ options: {
7969
+ widget: "Box"
7970
+ },
7971
+ config: {
7972
+ main: {
7973
+ heading: "Previous Page",
7974
+ onClick: "backHandler"
7973
7975
  },
7974
- {
7975
- type: "Control",
7976
- scope: "#/properties/text",
7977
- options: {
7978
- widget: "Box"
7979
- },
7980
- config: {
7981
- layout: 5,
7982
- main: {
7983
- heading: "Previous Page",
7984
- onClick: "backHandler"
7985
- },
7986
- style: {
7987
- width: "fit-content",
7988
- color: theme.palette.primary.main,
7989
- fontSize: "12px",
7990
- cursor: "pointer",
7991
- marginLeft: "2px",
7992
- marginRight: 0,
7993
- ":hover": {
7994
- color: theme.palette.primary.dark
7995
- }
7996
- }
7976
+ style: {
7977
+ textAlign: "left",
7978
+ lineHeight: 1,
7979
+ height: 0,
7980
+ width: "fit-content",
7981
+ color: theme.palette.primary.main,
7982
+ fontSize: "12px",
7983
+ cursor: "pointer",
7984
+ marginLeft: "2px",
7985
+ marginRight: 0,
7986
+ top: 3,
7987
+ right: "12px",
7988
+ position: "absolute",
7989
+ ":hover": {
7990
+ color: theme.palette.primary.dark
7997
7991
  }
7998
7992
  }
7999
- ]
7993
+ }
8000
7994
  }
8001
7995
  ]
8002
7996
  }