impaktapps-ui-builder 1.0.125-testL.12 → 1.0.125-testL.13
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.
- package/dist/impaktapps-ui-builder.es.js +22 -3
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +4 -4
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +5 -3
- package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +6 -0
- package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +2 -1
package/package.json
CHANGED
|
@@ -21,6 +21,9 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
|
|
|
21
21
|
if (config.legendLabels) {
|
|
22
22
|
horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
|
|
23
23
|
}
|
|
24
|
+
if(config.legendDirection){
|
|
25
|
+
horizontalBarGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
|
|
26
|
+
}
|
|
24
27
|
if (config.pieArcColors) {
|
|
25
28
|
horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
|
|
26
29
|
}
|
|
@@ -42,9 +45,8 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
|
|
|
42
45
|
if (config.leftLabel) {
|
|
43
46
|
horizontalBarGraph.config.main.leftLabel = config.leftLabel;
|
|
44
47
|
}
|
|
45
|
-
if(config.
|
|
46
|
-
|
|
47
|
-
horizontalBarGraph.config.main.axisDirection = config.axisDirection === "Right"? "right": "left";
|
|
48
|
+
if (config.disableLeftLabel) {
|
|
49
|
+
horizontalBarGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
|
|
48
50
|
}
|
|
49
51
|
return horizontalBarGraph
|
|
50
52
|
}
|
|
@@ -28,9 +28,15 @@ export const buildLineGraph = (config, componentScope) => {
|
|
|
28
28
|
if (config.leftLabel) {
|
|
29
29
|
lineGraph.config.main.leftLabel = config.leftLabel;
|
|
30
30
|
}
|
|
31
|
+
if (config.disableLeftLabel) {
|
|
32
|
+
lineGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
|
|
33
|
+
}
|
|
31
34
|
if (config.legendHide) {
|
|
32
35
|
lineGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
|
|
33
36
|
}
|
|
37
|
+
if(config.legendDirection){
|
|
38
|
+
lineGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
|
|
39
|
+
}
|
|
34
40
|
if (config.bottomAxisAngle) {
|
|
35
41
|
lineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
|
|
36
42
|
}
|
|
@@ -12,6 +12,9 @@ export const buildPieGraph = (config, componentScope) => {
|
|
|
12
12
|
if (config.legendHide) {
|
|
13
13
|
pieGraph.config.main.legendAvailable = config.legendHide === "YES" ? false : true;
|
|
14
14
|
}
|
|
15
|
+
if(config.legendDirection){
|
|
16
|
+
pieGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
|
|
17
|
+
}
|
|
15
18
|
pieGraph.scope = componentScope;
|
|
16
19
|
pieGraph.config.main.header = config.heading;
|
|
17
20
|
|
|
@@ -11,6 +11,9 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
|
|
|
11
11
|
barGraph.config.main.legendAvailable = config.legendHide;
|
|
12
12
|
barGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
|
|
13
13
|
}
|
|
14
|
+
if(config.legendDirection){
|
|
15
|
+
barGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
|
|
16
|
+
}
|
|
14
17
|
if (config.bottomAxisAngle) {
|
|
15
18
|
barGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
|
|
16
19
|
}
|
|
@@ -39,6 +42,9 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
|
|
|
39
42
|
if (config.leftLabel) {
|
|
40
43
|
barGraph.config.main.leftLabel = config.leftLabel;
|
|
41
44
|
}
|
|
45
|
+
if (config.disableLeftLabel) {
|
|
46
|
+
barGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
|
|
47
|
+
}
|
|
42
48
|
barGraph.scope = componentScope;
|
|
43
49
|
return barGraph;
|
|
44
50
|
}
|
|
@@ -432,10 +432,11 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
432
432
|
{ label: "Stack Horizontal Bar Graph", value: "HorizontalStackBarGraph" }
|
|
433
433
|
]),
|
|
434
434
|
getInputField("leftLabel", "Left Label"),
|
|
435
|
+
getRadioInputField("disableLeftLable", "Disable Left Label", ["YES", "No"]),
|
|
435
436
|
getInputField("bottomLabel", "Bottom Label"),
|
|
436
|
-
getRadioInputField("axisDirection", "Axis Direction", ["Left", "Right"]),
|
|
437
437
|
emptyBox("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
|
|
438
438
|
getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
|
|
439
|
+
getRadioInputField("legendDirection", "Legend Direction", ["Row", "Column"]),
|
|
439
440
|
getInputField("yAxisValue", "Y-AxisValue"),
|
|
440
441
|
getInputField("xAxisValue", "X-AxisValue"),
|
|
441
442
|
getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
|