impaktapps-ui-builder 0.0.412-hj → 0.0.412-mtreemap.10

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 +1311 -1416
  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/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +1 -1
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -0
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -108
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  14. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  15. package/package.json +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +7 -2
  18. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +13 -2
  19. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -6
  20. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  21. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +46 -66
  22. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +30 -47
  24. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -13
  25. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  26. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  27. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +110 -109
  28. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +15 -11
  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 +13 -13
  35. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -2
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +223 -165
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +1 -1
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +496 -353
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +427 -284
  41. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  42. package/src/impaktapps-ui-builder/builder/services/event.ts +10 -8
  43. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts CHANGED
@@ -5,13 +5,8 @@ export default {
5
5
  widget: "DateInputField",
6
6
  },
7
7
 
8
- config: {
9
- layout: {
10
- xs: 11,
11
- sm: 11,
12
- md: 5.5,
13
- lg: 5.5,
14
- },
8
+ config: {
9
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
15
10
  main: {
16
11
  label: "",
17
12
  type: "date",
@@ -26,12 +21,7 @@ export const DateTime = {
26
21
  },
27
22
 
28
23
  config: {
29
- layout: {
30
- xs: 11,
31
- sm: 11,
32
- md: 5.5,
33
- lg: 5.5,
34
- },
24
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
35
25
  main: {
36
26
  label: "DateTime",
37
27
  type: "date",
package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  },
7
7
 
8
8
  config: {
9
- layout:{xs:12,sm:12,md:5.5,lg:5.5},
9
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10
10
  main: {},
11
11
  style:{}
12
12
  },
package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts CHANGED
@@ -1,58 +1,58 @@
1
1
  export const EventSection = {
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",
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
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",
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
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",
50
- },
51
- style: {
52
- float: "right",
53
- },
54
- },
55
- },
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",
50
+ // },
51
+ // style: {
52
+ // float: "right",
53
+ // },
54
+ // },
55
+ // },
56
56
  {
57
57
  type: "Control",
58
58
  scope: "#/properties/events",
@@ -61,6 +61,33 @@ export const EventSection = {
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: "eventAddHandler",
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
+ },
64
91
  disableAction: true,
65
92
  disableSelection: true,
66
93
  enableDrag: true,
@@ -124,7 +151,7 @@ export const EventSection = {
124
151
  },
125
152
  ]
126
153
  }]}
127
- ]}
154
+ // ]}
128
155
 
129
156
  export const EventSectionSchema = {
130
157
  events: {
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 = {
@@ -133,7 +134,7 @@ export const LineGraph = {
133
134
  leftLabel: "Incentive",
134
135
  gridHidden: true,
135
136
  numHidden: false,
136
- tooltipDataKey: ["First", "Second", "Third"],
137
+ tooltipDataKey: ["MAMA New Project", "Second", "Third"],
137
138
  axisLeft: true,
138
139
  axisBottom: true,
139
140
  hideLeftAxisLine: false,
@@ -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,21 @@ 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,
36
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
37
+ main: {
38
+
46
39
  },
40
+ },
41
+ },
42
+ {
43
+ type: "Control",
44
+ scope: "#/properties/emptyBox",
45
+
46
+ options: {
47
+ widget: "EmptyBox",
48
+ },
49
+ config: {
50
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
47
51
  main: {
48
52
 
49
53
  },
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",