impaktapps-ui-builder 0.0.412-hi → 0.0.412-mtreemap.1

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 (41) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1238 -1392
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +9 -9
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +10 -12
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -0
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -108
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +30 -26
  17. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +11 -2
  18. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -6
  19. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  20. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  21. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +29 -48
  22. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +9 -10
  23. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -26
  24. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  25. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  26. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +99 -125
  27. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +109 -108
  28. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  30. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  31. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +85 -57
  32. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  33. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  34. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  35. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +311 -286
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +367 -362
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +380 -284
  38. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  39. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  40. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  41. package/src/impaktapps-ui-builder/runtime/services/service.ts +2 -2
package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts CHANGED
@@ -1,145 +1,119 @@
1
1
  export const EventSection = {
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
- },
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: {
15
13
  elements: [
16
14
  {
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",
15
+ widget: {
16
+ type: "Control",
17
+ scope: "#/properties/New_Record",
18
+
19
+ options: {
20
+ widget: "IconButton",
50
21
  },
51
- style: {
52
- float: "right",
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
+ },
53
34
  },
54
- },
35
+ }
55
36
  },
56
- {
57
- type: "Control",
58
- scope: "#/properties/events",
59
- options: {
60
- widget: "Table",
61
- },
62
- config: {
63
- main: {
64
- disableAction: true,
65
- disableSelection: true,
66
- enableDrag: true,
67
-
37
+ ]
68
38
  },
39
+ disableAction: true,
40
+ disableSelection: true,
41
+ enableDrag: true,
42
+
69
43
  },
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",
44
+ },
45
+ elements: [
83
46
 
84
- widget: {
85
- type: "Control",
86
- scope: "#/properties/Edit_Records",
87
- options: {
88
- widget: "IconButton",
47
+ {
48
+ accessorKey: "eventType",
49
+ header: "Event Type",
50
+ },
51
+ {
52
+ accessorKey: "Handler",
53
+ header: "Handler",
54
+ },
55
+ {
56
+ accessorKey: "Edit_Approve_Records",
57
+ header: "Edit Widget",
58
+
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",
89
72
  },
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
- },
73
+ style: {
74
+ color: "#3949ab",
101
75
  },
102
76
  },
103
77
  },
104
- {
105
- accessorKey: "Reject_Records",
106
- header: "Delete",
78
+ },
79
+ {
80
+ accessorKey: "Reject_Records",
81
+ header: "Delete",
107
82
 
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: "deleteEvent",
121
- },
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",
122
96
  },
123
97
  },
124
98
  },
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
- },
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",
141
115
  },
142
116
  },
143
117
  },
144
- };
145
-
118
+ },
119
+ };
package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts CHANGED
@@ -7,72 +7,72 @@ export const BarGraph = {
7
7
 
8
8
  config: {
9
9
  main: {
10
- header: "Bar Graph",
11
- bottomLabel: "Name of Employe",
12
- numTicks: 6,
13
- leftLabel: "Value in lakhs",
14
- axisLeft: true,
15
- axisBottom: true,
10
+ // header: "Bar Graph",
11
+ // bottomLabel: "Name of Employe",
12
+ // numTicks: 6,
13
+ // leftLabel: "Value in lakhs",
14
+ // axisLeft: true,
15
+ // axisBottom: true,
16
16
 
17
- hideTicks: false,
18
- hideLeftAxisLine: false,
19
- hideBottomAxisLine: false,
20
- bottomAxisWidth: "10px",
21
- legend: {
22
- labelColor: "green",
23
- legendTitle: "",
24
- direction: "row",
25
- align: "none",
17
+ // hideTicks: false,
18
+ // hideLeftAxisLine: false,
19
+ // hideBottomAxisLine: false,
20
+ // bottomAxisWidth: "10px",
21
+ // legend: {
22
+ // labelColor: "green",
23
+ // legendTitle: "",
24
+ // direction: "row",
25
+ // align: "none",
26
26
 
27
+ // },
27
28
  },
28
- },
29
- style: {
30
- containerStyle: {
31
- width:"100%",
32
- height:300,
29
+ // style: {
30
+ // containerStyle: {
31
+ // // width:"100%",
32
+ // // height:"450",
33
33
 
34
- },
35
- headerStyle: {
36
- // color:"white"
37
- },
38
- tooltipStyle: {
34
+ // },
35
+ // headerStyle: {
36
+ // // color:"white"
37
+ // },
38
+ // tooltipStyle: {
39
39
 
40
40
 
41
- },
42
- labelStyle: { margin:{left:80,bottom:20},
43
- leftLabelOffset: 50,
44
- bottomLabelOffset:10
45
- },
46
- barStyle: {
47
- color:{
48
- firstBarColor:"#6c5efb",
49
- secondBarColor:"#3f51b5"
50
- // "#6c5efb"#3f51b5
51
- // secondColor:"#3e50b3"
52
- }
53
- },
54
- legendStyle: {
55
- legend: {
56
- lineHeight: "0.9em",
57
- fontSize: "8px",
58
- fontFamily: "arial",
59
- padding: "10px 10px",
60
- width:"30%",
61
- display:"flex",
62
- justifyContent:"center",
63
- border: "1px solid rgba(255, 255, 255, 0.3)",
64
- borderRadius: " 8px",
65
- marginRight: "auto",
41
+ // },
42
+ // // labelStyle: { margin:{left:80,bottom:20},
43
+ // // leftLabelOffset: 50,
44
+ // // bottomLabelOffset:10
45
+ // // },
46
+ // barStyle: {
47
+ // // color:{
48
+ // // firstBarColor:"#6c5efb",
49
+ // // secondBarColor:"#3f51b5"
50
+ // // "#6c5efb"#3f51b5
51
+ // // secondColor:"#3e50b3"
52
+ // // }
53
+ // },
54
+ // legendStyle: {
55
+ // legend: {
56
+ // // lineHeight: "0.9em",
57
+ // // fontSize: "8px",
58
+ // // fontFamily: "arial",
59
+ // // padding: "10px 10px",
60
+ // // width:"30%",
61
+ // // display:"flex",
62
+ // // justifyContent:"center",
63
+ // // border: "1px solid rgba(255, 255, 255, 0.3)",
64
+ // // borderRadius: " 8px",
65
+ // // marginRight: "auto",
66
66
 
67
- },
68
- legendTitle: {
69
- fontSize: "10px",
70
- marginBottom: "10px",
71
- fontWeight: "100",
67
+ // },
68
+ // legendTitle: {
69
+ // // fontSize: "10px",
70
+ // // marginBottom: "10px",
71
+ // // fontWeight: "100",
72
72
 
73
- },
74
- },
75
- },
73
+ // },
74
+ // },
75
+ // },
76
76
  },
77
77
  };
78
78
 
@@ -84,38 +84,39 @@ export const PieGraph = {
84
84
  },
85
85
  config: {
86
86
  main: {
87
- header: "Incentive Branch category wise",
87
+ // header: "Incentive Branch category wise",
88
88
  type: "PieGraph",
89
- bottomLabel: "Name of Employe",
90
- leftLabel: "Value",
91
- axisLeft: true,
92
- axisBottom: true,
93
- legendAvailable: true,
94
- legend: {
95
- labelColor: "green",
96
- legendTitle: "Branches",
97
- direction: "row",
98
- align: "right",
99
- },
89
+ // bottomLabel: "Name of Employe",
90
+ // leftLabel: "Value",
91
+ // tooltipDataKey: ["HDFC", "SBI", "Kotak","Sbi"],
92
+ // axisLeft: true,
93
+ // axisBottom: true,
94
+ // legendAvailable: true,
95
+ // legend: {
96
+ // labelColor: "green",
97
+ // legendTitle: "Branches",
98
+ // direction: "row",
99
+ // align: "right",
100
+ // },
100
101
  },
101
102
 
102
- style: {
103
- containerStyle: {
104
- height:"340"
105
- },
106
- headerStyle: {},
107
- tooltipStyle: {
108
- // width: "100%",
109
- backgroundColor:"black",
110
- width:"80px"
111
- },
112
- labelStyle: {},
113
- legendStyle: {
114
- legend: {},
115
- legendTitle: {},
116
- },
117
- pieStyle: {},
118
- },
103
+ // style: {
104
+ // containerStyle: {
105
+ // height:"340"
106
+ // },
107
+ // headerStyle: {},
108
+ // tooltipStyle: {
109
+ // // width: "100%",
110
+ // backgroundColor:"black",
111
+ // width:"80px"
112
+ // },
113
+ // labelStyle: {},
114
+ // legendStyle: {
115
+ // legend: {},
116
+ // legendTitle: {},
117
+ // },
118
+ // pieStyle: {},
119
+ // },
119
120
  },
120
121
  };
121
122
  export const LineGraph = {
@@ -163,28 +164,28 @@ export const HorizontalBarGraph = {
163
164
  },
164
165
  config: {
165
166
  main: {
166
- header: " ",
167
+ // header: " ",
167
168
  type: "HorizontalBarGraph",
168
- bottomLabel: " ",
169
- leftLabel: "Value",
170
- axisLeft: false,
171
- axisBottom: true,
172
- hideBottomTicks: false,
173
- hideLeftTicks: false,
174
- hideLeftAxisLine: true,
175
- hideBottomAxisLine: false,
176
- bottomAxisWidth: "10px",
177
- },
178
- style: {
179
- containerStyle: {
180
- width:"100%"
181
- },
182
- headerStyle: {},
183
- tooltipStyle: {},
184
- labelStyle: {},
185
- barStyle: {
186
- color: "#6c5efb",
187
- },
169
+ // bottomLabel: " ",
170
+ // leftLabel: "Value",
171
+ // axisLeft: false,
172
+ // axisBottom: true,
173
+ // hideBottomTicks: false,
174
+ // hideLeftTicks: false,
175
+ // hideLeftAxisLine: true,
176
+ // hideBottomAxisLine: false,
177
+ // bottomAxisWidth: "10px",
188
178
  },
179
+ // style: {
180
+ // containerStyle: {
181
+ // width:"100%"
182
+ // },
183
+ // headerStyle: {},
184
+ // tooltipStyle: {},
185
+ // labelStyle: {},
186
+ // barStyle: {
187
+ // color: "#6c5efb",
188
+ // },
189
+ // },
189
190
  },
190
191
  };
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: 11, md: 5.5, lg: 5.5 },
9
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts CHANGED
@@ -19,12 +19,7 @@ export const refreshSectionUiSchema = {
19
19
  widget: "InputField",
20
20
  },
21
21
  config: {
22
- layout: {
23
- xs: 11,
24
- sm: 11,
25
- md: 5.5,
26
- lg: 5.5,
27
- },
22
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
28
23
  main: {
29
24
  label: "Value",
30
25
  },
@@ -38,12 +33,7 @@ export const refreshSectionUiSchema = {
38
33
  widget: "EmptyBox",
39
34
  },
40
35
  config: {
41
- layout: {
42
- xs: 11,
43
- sm: 11,
44
- md: 5.5,
45
- lg: 5.5,
46
- },
36
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
47
37
  main: {
48
38
 
49
39
  },
package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts CHANGED
@@ -6,12 +6,7 @@ export default {
6
6
  widget: "SelectInputField",
7
7
  },
8
8
  config: {
9
- "layout": {
10
- "xs": 11,
11
- "sm": 11,
12
- "md": 5.5,
13
- "lg": 5.5
14
- },
9
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
15
10
  main: {
16
11
  label: "",
17
12
  type: "text",