impaktapps-ui-builder 0.0.101-alpha.17 → 0.0.101-alpha.18

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 +94 -108
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +6 -6
  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 +5 -3
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +168 -115
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -372,7 +372,7 @@ const PageMasterUiSchema = (theme) => {
372
372
  {
373
373
  accessorKey: "Handler",
374
374
  header: "Handler",
375
- size: 300,
375
+ size: 200,
376
376
  type: "string"
377
377
  },
378
378
  {
@@ -405,6 +405,8 @@ const PageMasterUiSchema = (theme) => {
405
405
  {
406
406
  accessorKey: "Reject_Records",
407
407
  header: "Delete",
408
+ type: "action",
409
+ size: 150,
408
410
  widget: {
409
411
  type: "Control",
410
412
  scope: "#/properties/RejectButton",
@@ -429,7 +431,8 @@ const PageMasterUiSchema = (theme) => {
429
431
  {
430
432
  header: "Copy",
431
433
  field: "Copy_Event",
432
- flex: 1,
434
+ type: "action",
435
+ size: 150,
433
436
  widget: {
434
437
  type: "Control",
435
438
  scope: "#/properties/Copy_Event",
@@ -8812,39 +8815,38 @@ const EventUiSchema = (theme) => {
8812
8815
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
8813
8816
  const uiSchema = {
8814
8817
  type: "HorizontalLayout",
8815
- heading: "Component",
8818
+ heading: "Page-Event",
8816
8819
  elements: [
8817
- {
8818
- type: "Control",
8819
- scope: "#/properties/pageName",
8820
- options: {
8821
- widget: "Box"
8822
- },
8823
- config: {
8824
- layout: 12,
8825
- main: {
8826
- heading: " "
8827
- },
8828
- style: {
8829
- marginLeft: theme.spacing(3),
8830
- width: "auto",
8831
- fontSize: "12px",
8832
- color: "gray"
8833
- }
8834
- }
8835
- },
8836
8820
  {
8837
8821
  type: "TabLayout",
8838
8822
  config: {
8839
8823
  main: {
8840
- tabLabels: ["Core", "Response Event"],
8841
- defaultStyle: true,
8824
+ tabLabels: ["Core", "Response Events"],
8842
8825
  id: "event"
8826
+ },
8827
+ style: {
8828
+ TabPanelStyle: {
8829
+ padding: 0
8830
+ }
8831
+ },
8832
+ TabsStyle: {
8833
+ marginBottom: "3px",
8834
+ paddingBottom: "4px",
8835
+ boxShadow: "0px 3px 4px #afafaf80",
8836
+ "& .MuiTabs-indicator": {
8837
+ bottom: "6px"
8838
+ }
8843
8839
  }
8844
8840
  },
8845
8841
  elements: [
8846
8842
  {
8847
- type: "HorizontalLayout",
8843
+ type: "WrapperLayout",
8844
+ config: {
8845
+ main: {
8846
+ label: " ",
8847
+ gap: "8px"
8848
+ }
8849
+ },
8848
8850
  elements: [
8849
8851
  {
8850
8852
  type: "Control",
@@ -8853,9 +8855,9 @@ const EventUiSchema = (theme) => {
8853
8855
  widget: "SelectInputField"
8854
8856
  },
8855
8857
  config: {
8856
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
8858
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
8857
8859
  main: {
8858
- label: "Event Type",
8860
+ label: "Event's Type",
8859
8861
  type: "text"
8860
8862
  }
8861
8863
  }
@@ -8868,7 +8870,7 @@ const EventUiSchema = (theme) => {
8868
8870
  widget: "EmptyBox"
8869
8871
  },
8870
8872
  config: {
8871
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8873
+ layout: { xs: 0, sm: 0, md: 4, lg: 6 }
8872
8874
  }
8873
8875
  }
8874
8876
  ]
@@ -8894,12 +8896,18 @@ const EventUiSchema = (theme) => {
8894
8896
  main: {
8895
8897
  onClick: "addEvent",
8896
8898
  size: "small",
8897
- icon: "AddIcon",
8898
- iconLabel: "Add New",
8899
+ icon: "TableAddIcon",
8900
+ iconLabel: "Add",
8899
8901
  styleDefault: true
8900
8902
  },
8901
8903
  style: {
8902
- mt: "6px"
8904
+ mt: "6px",
8905
+ color: "inherit",
8906
+ fill: "inherit",
8907
+ "&:hover": {
8908
+ color: "inherit",
8909
+ fill: "inherit"
8910
+ }
8903
8911
  }
8904
8912
  }
8905
8913
  }
@@ -8915,12 +8923,18 @@ const EventUiSchema = (theme) => {
8915
8923
  main: {
8916
8924
  onClick: "copyPasteElement",
8917
8925
  size: "small",
8918
- icon: "PasteIcon",
8926
+ icon: "TablePaste",
8919
8927
  iconLabel: "Paste",
8920
8928
  styleDefault: true
8921
8929
  },
8922
8930
  style: {
8923
- mt: "6px"
8931
+ mt: "6px",
8932
+ color: "inherit",
8933
+ fill: "inherit",
8934
+ "&:hover": {
8935
+ color: "inherit",
8936
+ fill: "inherit"
8937
+ }
8924
8938
  }
8925
8939
  }
8926
8940
  }
@@ -8935,15 +8949,21 @@ const EventUiSchema = (theme) => {
8935
8949
  elements: [
8936
8950
  {
8937
8951
  accessorKey: "eventType",
8938
- header: "Event Type"
8952
+ header: "Event Type",
8953
+ size: 300,
8954
+ type: "string"
8939
8955
  },
8940
8956
  {
8941
8957
  accessorKey: "Handler",
8942
- header: "Handler"
8958
+ header: "Handler",
8959
+ size: 200,
8960
+ type: "string"
8943
8961
  },
8944
8962
  {
8945
8963
  accessorKey: "Edit_Approve_Records",
8946
8964
  header: "Edit Widget",
8965
+ type: "action",
8966
+ size: 150,
8947
8967
  widget: {
8948
8968
  type: "Control",
8949
8969
  scope: "#/properties/Edit_Records",
@@ -8952,14 +8972,16 @@ const EventUiSchema = (theme) => {
8952
8972
  },
8953
8973
  config: {
8954
8974
  main: {
8955
- color: "info",
8956
8975
  size: "small",
8957
- icon: "EditIcon",
8976
+ icon: "TableEditIcon",
8958
8977
  tooltipMessage: "Edit This Record",
8959
8978
  onClick: "editEvent"
8960
8979
  },
8961
8980
  style: {
8962
- color: theme.palette.primary.main
8981
+ fill: theme.palette.primary.main,
8982
+ "& :hover": {
8983
+ fill: theme.palette.primary.dark
8984
+ }
8963
8985
  }
8964
8986
  }
8965
8987
  }
@@ -8967,6 +8989,8 @@ const EventUiSchema = (theme) => {
8967
8989
  {
8968
8990
  accessorKey: "Reject_Records",
8969
8991
  header: "Delete",
8992
+ type: "action",
8993
+ size: 150,
8970
8994
  widget: {
8971
8995
  type: "Control",
8972
8996
  scope: "#/properties/RejectButton",
@@ -8975,10 +8999,15 @@ const EventUiSchema = (theme) => {
8975
8999
  },
8976
9000
  config: {
8977
9001
  main: {
8978
- icon: "RejectIcon",
8979
- color: "error",
9002
+ icon: "Bin",
8980
9003
  tooltipMessage: "Reject This Record",
8981
9004
  onClick: "deletePopUpEvent"
9005
+ },
9006
+ style: {
9007
+ fill: theme.palette.primary.main,
9008
+ "& :hover": {
9009
+ fill: theme.palette.primary.dark
9010
+ }
8982
9011
  }
8983
9012
  }
8984
9013
  }
@@ -8986,7 +9015,8 @@ const EventUiSchema = (theme) => {
8986
9015
  {
8987
9016
  header: "Copy",
8988
9017
  field: "Copy_Event",
8989
- flex: 1,
9018
+ type: "action",
9019
+ size: 150,
8990
9020
  widget: {
8991
9021
  type: "Control",
8992
9022
  scope: "#/properties/Copy_Event",
@@ -9007,103 +9037,59 @@ const EventUiSchema = (theme) => {
9007
9037
  ]
9008
9038
  },
9009
9039
  {
9010
- type: "HorizontalLayout",
9040
+ type: "WrapperLayout",
9011
9041
  config: {
9012
- layout: { xs: 12, sm: 6 }
9042
+ main: {
9043
+ gap: "8px"
9044
+ }
9013
9045
  },
9014
9046
  elements: [
9015
9047
  {
9016
9048
  type: "Control",
9017
- scope: "#/properties/RemoveItemButton",
9049
+ scope: "#/properties/btn",
9018
9050
  options: {
9019
- widget: "IconButton"
9051
+ widget: "Button"
9020
9052
  },
9021
9053
  config: {
9022
- layout: { xs: 1, sm: 1 },
9054
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
9023
9055
  main: {
9024
- onClick: "RemoveItemButton",
9025
- size: "large",
9026
- icon: "RejectIcon",
9027
- styleDefault: true
9028
- },
9029
- style: {
9030
- marginLeft: "-10px"
9056
+ name: "Ok",
9057
+ variant: "contained",
9058
+ type: "text",
9059
+ onClick: "okHandler",
9060
+ size: "medium"
9031
9061
  }
9032
9062
  }
9033
9063
  },
9034
9064
  {
9035
9065
  type: "Control",
9036
- scope: "#/properties/copiedElementDetails",
9066
+ scope: "#/properties/btnSubmit",
9037
9067
  options: {
9038
- widget: "Box"
9068
+ widget: "Button"
9039
9069
  },
9040
9070
  config: {
9041
- layout: { xs: 6, sm: 6 },
9071
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
9042
9072
  main: {
9043
- heading: "No element copied"
9044
- },
9045
- style: {
9046
- color: "#535557",
9047
- marginLeft: "-10px",
9048
- fontSize: "12px",
9049
- marginTop: "4px"
9073
+ name: "Save & Exit",
9074
+ variant: "contained",
9075
+ type: "text",
9076
+ onClick: "saveHandler",
9077
+ size: "medium"
9050
9078
  }
9051
9079
  }
9052
9080
  },
9053
9081
  {
9054
9082
  type: "Control",
9055
9083
  scope: "#/properties/EmptyBox",
9084
+ config: {
9085
+ layout: { xs: 4, sm: 7, md: 8, lg: 9 }
9086
+ },
9056
9087
  options: {
9057
9088
  widget: "EmptyBox"
9058
- },
9059
- config: {
9060
- layout: { xs: 1, sm: 5 }
9061
9089
  }
9062
9090
  }
9063
9091
  ]
9064
9092
  },
9065
- {
9066
- type: "Control",
9067
- scope: "#/properties/btn",
9068
- options: {
9069
- widget: "Button"
9070
- },
9071
- config: {
9072
- layout: { xs: 4, sm: 2 },
9073
- main: {
9074
- name: "Ok",
9075
- startIcon: "ApproveIcon",
9076
- variant: "contained",
9077
- type: "text",
9078
- onClick: "okHandler",
9079
- size: "medium"
9080
- },
9081
- style: {
9082
- float: "right"
9083
- }
9084
- }
9085
- },
9086
- {
9087
- type: "Control",
9088
- scope: "#/properties/btnSubmit",
9089
- options: {
9090
- widget: "Button"
9091
- },
9092
- config: {
9093
- layout: { xs: 4, sm: 2 },
9094
- main: {
9095
- name: "Save & Exit",
9096
- startIcon: "ApproveIcon",
9097
- variant: "contained",
9098
- type: "text",
9099
- onClick: "saveHandler",
9100
- size: "medium"
9101
- },
9102
- style: {
9103
- float: "right"
9104
- }
9105
- }
9106
- },
9107
9093
  {
9108
9094
  type: "Control",
9109
9095
  scope: "#/properties/popUpEvent",