impaktapps-ui-builder 0.0.382-alpha.44 → 0.0.382-alpha.550

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 (43) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1701 -1197
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +12 -12
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +0 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +2 -35
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +12 -10
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +18 -15
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -1
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +102 -53
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -17
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  14. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  15. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +3 -2
  16. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  17. package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +0 -1
  18. package/package.json +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +0 -1
  20. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +5 -5
  21. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -3
  22. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +27 -50
  23. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +49 -30
  24. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  25. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +36 -16
  26. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +6 -1
  27. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  28. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +125 -99
  29. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -1
  30. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  31. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +12 -2
  32. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +6 -1
  33. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +58 -84
  34. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +6 -1
  35. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  36. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +442 -342
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +496 -329
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +353 -398
  40. package/src/impaktapps-ui-builder/builder/services/component.ts +25 -7
  41. package/src/impaktapps-ui-builder/builder/services/event.ts +17 -9
  42. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +19 -3
  43. package/src/impaktapps-ui-builder/runtime/services/service.ts +14 -6
package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts CHANGED
@@ -1,119 +1,145 @@
1
1
  export const EventSection = {
2
- type: "HorizontalLayout",
3
- elements: [
4
- {
5
- type: "Control",
6
- scope: "#/properties/events",
7
- options: {
8
- widget: "Table",
9
- },
10
- config: {
11
- main: {
12
- headerIcons: {
2
+ type: "HorizontalLayout",
3
+ elements: [
4
+ {
5
+ type: "WrapperLayout",
6
+ config: {
7
+ main: {
8
+ // label: "Table Columns",
9
+ divider: true,
10
+ },
11
+ wrapperStyle: {
12
+ border:"1px solid gray"
13
+ },
14
+ },
13
15
  elements: [
14
16
  {
15
- widget: {
16
- type: "Control",
17
- scope: "#/properties/New_Record",
18
-
19
- options: {
20
- widget: "IconButton",
17
+ type: "Control",
18
+ scope: "#/properties/programType",
19
+
20
+ options: {
21
+ widget: "Box",
22
+ },
23
+ config: {
24
+ layout: 8,
25
+ main: {
26
+ heading: "Event Table",
27
+ },
28
+ style: {
29
+ fontFamily: "Roboto",
30
+ fontWeight: "500",
31
+ paddingLeft:"-10px",
32
+ fontSize: "20px",},
33
+ },
34
+ },
35
+ {
36
+ type: "Control",
37
+ scope: "#/properties/Back_Button",
38
+
39
+ options: {
40
+ widget: "IconButton",
41
+ },
42
+ config: {
43
+ layout: 3,
44
+ main: {
45
+ icon: "AddIcon",
46
+ styleDefault: true,
47
+ size: "small",
48
+ onClick: "eventAddHandler",
49
+ tooltipMessage: "Back",
21
50
  },
22
- config: {
23
- main: {
24
- color: "info",
25
- onClick: "eventAddHandler",
26
- size: "small",
27
- icon: "AddIcon",
28
- iconLabel: "Add New",
29
- styleDefault: true,
30
- },
31
- style: {
32
- mt: "6px",
33
- },
51
+ style: {
52
+ float: "right",
34
53
  },
35
- }
54
+ },
36
55
  },
37
- ]
38
- },
39
- disableAction: true,
40
- disableSelection: true,
41
- enableDrag: true,
42
-
56
+ {
57
+ type: "Control",
58
+ scope: "#/properties/events",
59
+ options: {
60
+ widget: "Table",
43
61
  },
44
- },
45
- elements: [
46
-
47
- {
48
- accessorKey: "eventType",
49
- header: "Event Type",
50
- },
51
- {
52
- accessorKey: "Handler",
53
- header: "Handler",
62
+ config: {
63
+ main: {
64
+ disableAction: true,
65
+ disableSelection: true,
66
+ enableDrag: true,
67
+
68
+ },
54
69
  },
55
- {
56
- accessorKey: "Edit_Approve_Records",
57
- header: "Edit Widget",
70
+ elements: [
71
+
72
+ {
73
+ accessorKey: "eventType",
74
+ header: "Event Type",
75
+ },
76
+ {
77
+ accessorKey: "Handler",
78
+ header: "Handler",
79
+ },
80
+ {
81
+ accessorKey: "Edit_Approve_Records",
82
+ header: "Edit Widget",
58
83
 
59
- widget: {
60
- type: "Control",
61
- scope: "#/properties/Edit_Records",
62
- options: {
63
- widget: "IconButton",
64
- },
65
- config: {
66
- main: {
67
- color: "info",
68
- size: "small",
69
- icon: "EditIcon",
70
- tooltipMessage: "Edit This Record",
71
- onClick: "eventEditHandler",
84
+ widget: {
85
+ type: "Control",
86
+ scope: "#/properties/Edit_Records",
87
+ options: {
88
+ widget: "IconButton",
72
89
  },
73
- style: {
74
- color: "#3949ab",
90
+ config: {
91
+ main: {
92
+ color: "info",
93
+ size: "small",
94
+ icon: "EditIcon",
95
+ tooltipMessage: "Edit This Record",
96
+ onClick: "eventEditHandler",
97
+ },
98
+ style: {
99
+ color: "#3949ab",
100
+ },
75
101
  },
76
102
  },
77
103
  },
78
- },
79
- {
80
- accessorKey: "Reject_Records",
81
- header: "Delete",
104
+ {
105
+ accessorKey: "Reject_Records",
106
+ header: "Delete",
82
107
 
83
- widget: {
84
- type: "Control",
85
- scope: "#/properties/RejectButton",
86
- accessorKeyName: "Reject_Records",
87
- options: {
88
- widget: "IconButton",
89
- },
90
- config: {
91
- main: {
92
- icon: "RejectIcon",
93
- color: "error",
94
- tooltipMessage: "Reject This Record",
95
- onClick: "deleteEvent",
108
+ widget: {
109
+ type: "Control",
110
+ scope: "#/properties/RejectButton",
111
+ accessorKeyName: "Reject_Records",
112
+ options: {
113
+ widget: "IconButton",
114
+ },
115
+ config: {
116
+ main: {
117
+ icon: "RejectIcon",
118
+ color: "error",
119
+ tooltipMessage: "Reject This Record",
120
+ onClick: "deletePopUpEvent",
121
+ },
96
122
  },
97
123
  },
98
124
  },
99
- },
100
- ]
101
- }]
102
- }
103
-
104
- export const EventSectionSchema = {
105
- events: {
106
- type: "array",
107
- items: {
108
- type: "object",
109
- properties: {
110
- eventType: {
111
- type: "string",
112
- },
113
- configType: {
114
- type: "string",
125
+ ]
126
+ }]}
127
+ ]}
128
+
129
+ export const EventSectionSchema = {
130
+ events: {
131
+ type: "array",
132
+ items: {
133
+ type: "object",
134
+ properties: {
135
+ eventType: {
136
+ type: "string",
137
+ },
138
+ configType: {
139
+ type: "string",
140
+ },
115
141
  },
116
142
  },
117
143
  },
118
- },
119
- };
144
+ };
145
+
package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts CHANGED
@@ -29,7 +29,7 @@ export const BarGraph = {
29
29
  style: {
30
30
  containerStyle: {
31
31
  width:"100%",
32
- height:"450",
32
+ height:300,
33
33
 
34
34
  },
35
35
  headerStyle: {
package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "MultipleSelect",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts CHANGED
@@ -19,7 +19,12 @@ export const refreshSectionUiSchema = {
19
19
  widget: "InputField",
20
20
  },
21
21
  config: {
22
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
22
+ layout: {
23
+ xs: 11,
24
+ sm: 11,
25
+ md: 5.5,
26
+ lg: 5.5,
27
+ },
23
28
  main: {
24
29
  label: "Value",
25
30
  },
@@ -33,7 +38,12 @@ export const refreshSectionUiSchema = {
33
38
  widget: "EmptyBox",
34
39
  },
35
40
  config: {
36
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
41
+ layout: {
42
+ xs: 11,
43
+ sm: 11,
44
+ md: 5.5,
45
+ lg: 5.5,
46
+ },
37
47
  main: {
38
48
 
39
49
  },
package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts CHANGED
@@ -6,7 +6,12 @@ export default {
6
6
  widget: "SelectInputField",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ "layout": {
10
+ "xs": 11,
11
+ "sm": 11,
12
+ "md": 5.5,
13
+ "lg": 5.5
14
+ },
10
15
  main: {
11
16
  label: "",
12
17
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts CHANGED
@@ -1,58 +1,58 @@
1
1
  export const TableSection = {
2
2
  type: "HorizontalLayout",
3
3
  elements: [
4
- // {
5
- // type: "WrapperLayout",
6
- // config: {
7
- // main: {
8
- // // label: "Table Columns",
9
- // // divider: true,
10
- // },
11
- // wrapperStyle: {
12
- // border:"1px solid gray"
13
- // },
14
- // },
15
- // elements: [
16
- // {
17
- // type: "Control",
18
- // scope: "#/properties/programType",
19
-
20
- // options: {
21
- // widget: "Box",
22
- // },
23
- // config: {
24
- // layout: 8,
25
- // main: {
26
- // heading: "Components Table",
27
- // },
28
- // style: {
29
- // fontFamily: "Roboto",
30
- // fontWeight: "500",
31
- // paddingLeft:"-10px",
32
- // fontSize: "20px",},
33
- // },
34
- // },
35
- // {
36
- // type: "Control",
37
- // scope: "#/properties/Back_Button",
38
-
39
- // options: {
40
- // widget: "IconButton",
41
- // },
42
- // config: {
43
- // layout: 3,
44
- // main: {
45
- // icon: "AddIcon",
46
- // styleDefault: true,
47
- // size: "small",
48
- // onClick: "widgetAddClickHandler",
49
- // tooltipMessage: "Add New",
50
- // },
51
- // style: {
52
- // float: "right",
53
- // },
54
- // },
55
- // },
4
+ {
5
+ type: "WrapperLayout",
6
+ config: {
7
+ main: {
8
+ // label: "Table Columns",
9
+ // divider: true,
10
+ },
11
+ wrapperStyle: {
12
+ border:"1px solid gray"
13
+ },
14
+ },
15
+ elements: [
16
+ {
17
+ type: "Control",
18
+ scope: "#/properties/programType",
19
+
20
+ options: {
21
+ widget: "Box",
22
+ },
23
+ config: {
24
+ layout: 8,
25
+ main: {
26
+ heading: "Components Table",
27
+ },
28
+ style: {
29
+ fontFamily: "Roboto",
30
+ fontWeight: "500",
31
+ paddingLeft:"-10px",
32
+ fontSize: "20px",},
33
+ },
34
+ },
35
+ {
36
+ type: "Control",
37
+ scope: "#/properties/Back_Button",
38
+
39
+ options: {
40
+ widget: "IconButton",
41
+ },
42
+ config: {
43
+ layout: 3,
44
+ main: {
45
+ icon: "AddIcon",
46
+ styleDefault: true,
47
+ size: "small",
48
+ onClick: "widgetAddClickHandler",
49
+ tooltipMessage: "Add New",
50
+ },
51
+ style: {
52
+ float: "right",
53
+ },
54
+ },
55
+ },
56
56
  {
57
57
  type: "Control",
58
58
  scope: "#/properties/elements",
@@ -61,40 +61,13 @@ export const TableSection = {
61
61
  },
62
62
  config: {
63
63
  main: {
64
- headerIcons: {
65
- elements: [
66
- {
67
- widget: {
68
- type: "Control",
69
- scope: "#/properties/New_Record",
70
-
71
- options: {
72
- widget: "IconButton",
73
- },
74
- config: {
75
- main: {
76
- color: "info",
77
- onClick: "widgetAddClickHandler",
78
- size: "small",
79
- icon: "AddIcon",
80
- iconLabel: "Add New",
81
- styleDefault: true,
82
- },
83
- style: {
84
- mt: "6px",
85
- },
86
- },
87
- }
88
- },
89
- ]
90
- },
91
64
  disableAction: true,
92
65
  disableSelection: true,
93
66
  enableDrag: true,
94
-
67
+
95
68
  },
96
69
  },
97
- elements: [
70
+ elements:[
98
71
  {
99
72
  accessorKey: "name",
100
73
  header: "Name"
@@ -137,16 +110,17 @@ export const TableSection = {
137
110
  main: {
138
111
  icon: "RejectIcon",
139
112
  color: "error",
140
- onClick: "deleteComponents",
113
+ onClick: "deletePopUpComponent",
141
114
  tooltipMessage: "Reject This Record",
142
115
  },
143
116
  },
144
117
  },
145
118
  }
146
119
  ]
147
- }]
120
+ }
121
+ ]
148
122
  }
149
- // ]}
123
+ ]}
150
124
 
151
125
  export const TableSectionSchema = {
152
126
  columns: {
package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts CHANGED
@@ -6,7 +6,12 @@ export default {
6
6
  widget: "InputField",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ layout: {
10
+ xs: 11,
11
+ sm: 11,
12
+ md: 5.5,
13
+ lg: 5.5,
14
+ },
10
15
  main: {
11
16
  label: "",
12
17
  },
package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts CHANGED
@@ -18,7 +18,12 @@ export const ValidationSection = {
18
18
  widget: "SelectInputField",
19
19
  },
20
20
  config: {
21
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
21
+ layout: {
22
+ xs: 11,
23
+ sm: 11,
24
+ md: 5.5,
25
+ lg: 5.5,
26
+ },
22
27
  main: {
23
28
  label: "Validation Type",
24
29
  },
@@ -32,21 +37,16 @@ export const ValidationSection = {
32
37
  widget: "InputField",
33
38
  },
34
39
  config: {
35
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
40
+ layout: {
41
+ xs: 11,
42
+ sm: 11,
43
+ md: 5.5,
44
+ lg: 5.5,
45
+ },
36
46
  main: {
37
47
  label: "Validation Value",
38
48
  },
39
49
  },
40
- },
41
- {
42
- type: "Control",
43
- scope: "#/properties/emptyBox",
44
- options: {
45
- widget: "EmptyBox"
46
- },
47
- config: {
48
- layout: {xs: 0, sm: 4}
49
- }
50
50
  }
51
51
  ],
52
52
  },
package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts CHANGED
@@ -18,7 +18,12 @@ export const ValueTab = {
18
18
  widget: "InputField",
19
19
  },
20
20
  config: {
21
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
21
+ layout: {
22
+ xs: 11,
23
+ sm: 11,
24
+ md: 5.5,
25
+ lg: 5.5,
26
+ },
22
27
  main: {
23
28
  label: "Label",
24
29
  },
@@ -32,23 +37,18 @@ export const ValueTab = {
32
37
  widget: "InputField",
33
38
  },
34
39
  config: {
35
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
40
+ layout: {
41
+ xs: 11,
42
+ sm: 11,
43
+ md: 5.5,
44
+ lg: 5.5,
45
+ },
36
46
  main: {
37
47
  label: "Value",
38
48
 
39
49
  },
40
50
  },
41
51
  },
42
- {
43
- type: "Control",
44
- scope: "#/properties/emptyBox",
45
- options: {
46
- widget: "EmptyBox"
47
- },
48
- config: {
49
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
50
- }
51
- }
52
52
  ],
53
53
  },
54
54
  },