impaktapps-ui-builder 0.0.101-alpha.2 → 0.0.101-alpha.4

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 (6) hide show
  1. package/dist/impaktapps-ui-builder.es.js +40 -119
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +5 -5
  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 +105 -238
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -47,7 +47,7 @@ const PageMasterSchema = {
47
47
  required: ["template", "name", "label"]
48
48
  };
49
49
  const PageMasterUiSchema = (theme) => {
50
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
50
+ var _a;
51
51
  const uiSchema = {
52
52
  type: "HorizontalLayout",
53
53
  heading: "Page",
@@ -128,6 +128,9 @@ const PageMasterUiSchema = (theme) => {
128
128
  "& .MuiTabs-indicator": {
129
129
  bottom: "6px"
130
130
  }
131
+ },
132
+ TabContainerStyle: {
133
+ marginTop: "-16px"
131
134
  }
132
135
  },
133
136
  elements: [
@@ -179,7 +182,7 @@ const PageMasterUiSchema = (theme) => {
179
182
  main: {
180
183
  onClick: "copyPasteElement",
181
184
  size: "small",
182
- icon: "PasteIcon",
185
+ icon: "TablePasteIcon",
183
186
  iconLabel: "Paste",
184
187
  styleDefault: true
185
188
  },
@@ -336,12 +339,18 @@ const PageMasterUiSchema = (theme) => {
336
339
  main: {
337
340
  onClick: "copyPasteElement",
338
341
  size: "small",
339
- icon: "PasteIcon",
342
+ icon: "TablePasteIcon",
340
343
  iconLabel: "Paste",
341
344
  styleDefault: true
342
345
  },
343
346
  style: {
344
- mt: "6px"
347
+ mt: "6px",
348
+ color: "inherit",
349
+ fill: "inherit",
350
+ "&:hover": {
351
+ color: "inherit",
352
+ fill: "inherit"
353
+ }
345
354
  }
346
355
  }
347
356
  }
@@ -441,79 +450,50 @@ const PageMasterUiSchema = (theme) => {
441
450
  ]
442
451
  },
443
452
  {
444
- type: "HorizontalLayout",
453
+ scope: "#/properties/Remarks Container",
454
+ type: "WrapperLayout",
445
455
  config: {
446
- layout: { xs: 12, sm: 9 }
456
+ layout: 12,
457
+ main: {
458
+ divider: false,
459
+ rowSpacing: 0,
460
+ gap: 0
461
+ },
462
+ componentsBoxStyle: {
463
+ padding: "8px 8px 8px 24px"
464
+ }
447
465
  },
448
466
  elements: [
449
467
  {
450
468
  type: "Control",
451
- scope: "#/properties/RemoveItemButton",
452
- options: {
453
- widget: "IconButton"
454
- },
455
- config: {
456
- layout: { xs: 1, sm: 1 },
457
- main: {
458
- onClick: "RemoveItemButton",
459
- size: "large",
460
- icon: "RejectIcon",
461
- styleDefault: true
462
- },
463
- style: {
464
- marginLeft: "-5px"
465
- }
466
- }
467
- },
468
- {
469
- type: "Control",
470
- scope: "#/properties/copiedElementDetails",
469
+ scope: "#/properties/btn",
471
470
  options: {
472
- widget: "Box"
471
+ widget: "Button"
473
472
  },
474
473
  config: {
475
- layout: { xs: 6, sm: 6 },
474
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
476
475
  main: {
477
- heading: "No element copied"
478
- },
479
- style: {
480
- color: "#535557",
481
- marginLeft: "-30px",
482
- fontSize: "12px",
483
- marginTop: "4px"
476
+ name: "Save",
477
+ startIcon: "ApproveIcon",
478
+ variant: "contained",
479
+ type: "text",
480
+ onClick: "saveHandler",
481
+ size: "medium"
484
482
  }
485
483
  }
486
484
  },
487
485
  {
488
486
  type: "Control",
489
487
  scope: "#/properties/EmptyBox",
488
+ config: {
489
+ layout: { xs: 8, sm: 9.5, md: 10, lg: 10.5 }
490
+ },
490
491
  options: {
491
492
  widget: "EmptyBox"
492
- },
493
- config: {
494
- layout: { xs: 1, sm: 5 }
495
493
  }
496
494
  }
497
495
  ]
498
496
  },
499
- {
500
- type: "Control",
501
- scope: "#/properties/btn",
502
- options: {
503
- widget: "Button"
504
- },
505
- config: {
506
- layout: { xs: 4, sm: 2 },
507
- main: {
508
- name: "Save",
509
- startIcon: "ApproveIcon",
510
- variant: "contained",
511
- type: "text",
512
- onClick: "saveHandler",
513
- size: "medium"
514
- }
515
- }
516
- },
517
497
  {
518
498
  type: "Control",
519
499
  scope: "#/properties/popUpPageMasterComponent",
@@ -777,7 +757,7 @@ const PageMasterUiSchema = (theme) => {
777
757
  style: {
778
758
  flexDirection: "row",
779
759
  position: "absolute",
780
- bottom: 0,
760
+ bottom: 10,
781
761
  height: "fit-content",
782
762
  overflow: "hidden",
783
763
  zIndex: 1e3,
@@ -796,78 +776,19 @@ const PageMasterUiSchema = (theme) => {
796
776
  heading: "Copywriter@ACT21.IO"
797
777
  },
798
778
  style: {
799
- color: ((_b = (_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text) == null ? void 0 : _b.disabled) || "#AFAFAF",
779
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
800
780
  fontSize: "11px",
801
781
  textAlign: "center",
802
- lineHeight: 2,
782
+ lineHeight: 0,
803
783
  width: "fit-content",
804
784
  left: "50%",
805
785
  position: "relative",
806
- margin: 0,
786
+ margin: "revert",
807
787
  flexGrow: 1,
808
788
  height: 0,
809
789
  transform: "translate(-50%, 0%)"
810
790
  }
811
791
  }
812
- },
813
- {
814
- type: "Control",
815
- scope: "#/properties/FooterBackIcon",
816
- options: {
817
- widget: "Box"
818
- },
819
- config: {
820
- main: {
821
- iconName: "PrevIcon",
822
- onClick: "backHandler",
823
- width: "fit-content"
824
- },
825
- style: {
826
- fill: (_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.primary) == null ? void 0 : _d.main,
827
- width: 20,
828
- height: 0,
829
- top: 0,
830
- right: { xs: "12px", sm: "84px" },
831
- position: "absolute",
832
- fontSize: "12px",
833
- cursor: "pointer",
834
- ":hover": {
835
- fill: (_f = (_e = theme == null ? void 0 : theme.palette) == null ? void 0 : _e.primary) == null ? void 0 : _f.dark
836
- },
837
- marginRight: "20px"
838
- }
839
- }
840
- },
841
- {
842
- type: "Control",
843
- scope: "#/properties/FooterBackHandlerText",
844
- options: {
845
- widget: "Box"
846
- },
847
- config: {
848
- main: {
849
- heading: "Previous Page",
850
- onClick: "backHandler"
851
- },
852
- style: {
853
- display: { xs: "none", sm: "flex" },
854
- textAlign: "left",
855
- lineHeight: 1,
856
- height: 0,
857
- width: "fit-content",
858
- color: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.main,
859
- fontSize: "12px",
860
- cursor: "pointer",
861
- marginLeft: "2px",
862
- top: 3,
863
- right: "12px",
864
- position: "absolute",
865
- ":hover": {
866
- color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.dark
867
- },
868
- marginRight: "4px"
869
- }
870
- }
871
792
  }
872
793
  ]
873
794
  }