impaktapps-ui-builder 1.0.271 → 1.0.272-test.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.
- package/dist/impaktapps-ui-builder.es.js +77 -2
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +9 -9
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildStackBarLineGraph.d.ts +2 -0
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +25 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildStackBarLineGraph.ts +63 -0
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +4 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +3 -2
- package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +16 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +1 -0
|
@@ -6640,7 +6640,8 @@ const ComponentSchema = {
|
|
|
6640
6640
|
title: "Stack Horizontal Bar Graph",
|
|
6641
6641
|
const: "HorizontalStackBarGraph"
|
|
6642
6642
|
},
|
|
6643
|
-
{ title: "Area Graph", const: "AreaGraph" }
|
|
6643
|
+
{ title: "Area Graph", const: "AreaGraph" },
|
|
6644
|
+
{ title: "StackBar And Line Graph", const: "StackBarLineGraph" }
|
|
6644
6645
|
]
|
|
6645
6646
|
},
|
|
6646
6647
|
iconName: {
|
|
@@ -8196,7 +8197,7 @@ const buildPropertiesSection = function(type) {
|
|
|
8196
8197
|
getInputField("rowSpacing", "Row Spacing"),
|
|
8197
8198
|
getRadioInputField("defaultClosed", "Default Closed", ["YES", "No"]),
|
|
8198
8199
|
getInputField("iconUrl", "Icon Url"),
|
|
8199
|
-
emptyBox$1("WrapperSectionEmpty1", { xs:
|
|
8200
|
+
emptyBox$1("WrapperSectionEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
|
|
8200
8201
|
emptyBox$1("WrapperSectionEmpty2")
|
|
8201
8202
|
];
|
|
8202
8203
|
break;
|
|
@@ -11187,6 +11188,21 @@ const AreaBarGraph = {
|
|
|
11187
11188
|
style: { containerStyle: {}, labelStyle: { margin: {} } }
|
|
11188
11189
|
}
|
|
11189
11190
|
};
|
|
11191
|
+
const StackBarLineG = {
|
|
11192
|
+
type: "Control",
|
|
11193
|
+
scope: "#/properties/graph",
|
|
11194
|
+
options: {
|
|
11195
|
+
widget: "Graph"
|
|
11196
|
+
},
|
|
11197
|
+
config: {
|
|
11198
|
+
layout: { xs: 12, sm: 12, md: 12, lg: 12 },
|
|
11199
|
+
main: {
|
|
11200
|
+
type: "StackBarLineGraph",
|
|
11201
|
+
legendLabels: null
|
|
11202
|
+
},
|
|
11203
|
+
style: { containerStyle: {}, labelStyle: { margin: {} } }
|
|
11204
|
+
}
|
|
11205
|
+
};
|
|
11190
11206
|
const buildHorizontalBarGraph = (config2, componentScope2) => {
|
|
11191
11207
|
const horizontalBarGraph = _.cloneDeep(HorizontalBarGraph);
|
|
11192
11208
|
horizontalBarGraph.scope = componentScope2;
|
|
@@ -12969,6 +12985,62 @@ const buildAreaGraph = (config2, componentScope2) => {
|
|
|
12969
12985
|
}
|
|
12970
12986
|
return AreaGraph;
|
|
12971
12987
|
};
|
|
12988
|
+
const buildStackBarLineGraph = (config2, componentScope2) => {
|
|
12989
|
+
const StackBarLineGraph = _.cloneDeep(StackBarLineG);
|
|
12990
|
+
StackBarLineGraph.scope = componentScope2;
|
|
12991
|
+
if (config2.layout) {
|
|
12992
|
+
StackBarLineGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
12993
|
+
}
|
|
12994
|
+
StackBarLineGraph.config.main.type = config2.graphType;
|
|
12995
|
+
StackBarLineGraph.scope = componentScope2;
|
|
12996
|
+
StackBarLineGraph.config.main.header = config2.heading;
|
|
12997
|
+
StackBarLineGraph.config.main.subHeader = config2.subHeader;
|
|
12998
|
+
if (config2.legendHide) {
|
|
12999
|
+
StackBarLineGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
|
|
13000
|
+
}
|
|
13001
|
+
if (config2.bottomAxisAngle) {
|
|
13002
|
+
StackBarLineGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
|
|
13003
|
+
}
|
|
13004
|
+
if (config2.legendLabels) {
|
|
13005
|
+
StackBarLineGraph.config.main.legendLabels = createKeyValueMap(config2.legendLabels);
|
|
13006
|
+
}
|
|
13007
|
+
if (config2.legendDirection) {
|
|
13008
|
+
StackBarLineGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
|
|
13009
|
+
}
|
|
13010
|
+
if (config2.height) {
|
|
13011
|
+
StackBarLineGraph.config.style.containerStyle.height = config2.height;
|
|
13012
|
+
}
|
|
13013
|
+
if (config2.pieArcColors) {
|
|
13014
|
+
StackBarLineGraph.config.style.colorMap = createKeyValueMap(config2.pieArcColors);
|
|
13015
|
+
}
|
|
13016
|
+
if (config2.xAxisTickCount) {
|
|
13017
|
+
StackBarLineGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
|
|
13018
|
+
}
|
|
13019
|
+
if (config2.yAxisTickCount) {
|
|
13020
|
+
StackBarLineGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
|
|
13021
|
+
}
|
|
13022
|
+
if (config2.xAxisValue) {
|
|
13023
|
+
StackBarLineGraph.config.main.xAxisValue = config2.xAxisValue;
|
|
13024
|
+
}
|
|
13025
|
+
if (config2.xAxisType) {
|
|
13026
|
+
StackBarLineGraph.config.main.xAxisType = config2.xAxisType;
|
|
13027
|
+
}
|
|
13028
|
+
if (config2.bottomLabel) {
|
|
13029
|
+
StackBarLineGraph.config.main.bottomLabel = config2.bottomLabel;
|
|
13030
|
+
}
|
|
13031
|
+
if (config2.leftLabel) {
|
|
13032
|
+
StackBarLineGraph.config.main.leftLabel = config2.leftLabel;
|
|
13033
|
+
}
|
|
13034
|
+
if (config2.disableLeftLabel) {
|
|
13035
|
+
StackBarLineGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
|
|
13036
|
+
}
|
|
13037
|
+
if (config2.leftMargin) {
|
|
13038
|
+
StackBarLineGraph.config.style.labelStyle.margin = {
|
|
13039
|
+
left: config2.leftMargin
|
|
13040
|
+
};
|
|
13041
|
+
}
|
|
13042
|
+
return StackBarLineGraph;
|
|
13043
|
+
};
|
|
12972
13044
|
const cameraUiSchema = {
|
|
12973
13045
|
type: "Control",
|
|
12974
13046
|
scope: "#/properties/camera",
|
|
@@ -13304,6 +13376,9 @@ const buildUiSchema = (config2, store2) => {
|
|
|
13304
13376
|
case "AreaGraph":
|
|
13305
13377
|
elements = buildAreaGraph(config2, componentScope2);
|
|
13306
13378
|
break;
|
|
13379
|
+
case "StackBarLineGraph":
|
|
13380
|
+
elements = buildStackBarLineGraph(config2, componentScope2);
|
|
13381
|
+
break;
|
|
13307
13382
|
default:
|
|
13308
13383
|
elements = buildStackbarGraph(config2, componentScope2);
|
|
13309
13384
|
break;
|