impaktapps-ui-builder 1.0.413 → 1.0.420
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 +92 -20
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +6 -6
- 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/buildAreaGraph.ts +0 -3
- package/src/impaktapps-ui-builder/builder/build/buildStackBarLineGraph.ts +69 -0
- package/src/impaktapps-ui-builder/builder/build/buildTable.ts +0 -6
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +4 -0
- package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +10 -8
- 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
- package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -5
|
@@ -6657,7 +6657,8 @@ const ComponentSchema = {
|
|
|
6657
6657
|
title: "Stack Horizontal Bar Graph",
|
|
6658
6658
|
const: "HorizontalStackBarGraph"
|
|
6659
6659
|
},
|
|
6660
|
-
{ title: "Area Graph", const: "AreaGraph" }
|
|
6660
|
+
{ title: "Area Graph", const: "AreaGraph" },
|
|
6661
|
+
{ title: "StackBar And Line Graph", const: "StackBarLineGraph" }
|
|
6661
6662
|
]
|
|
6662
6663
|
},
|
|
6663
6664
|
iconName: {
|
|
@@ -8191,6 +8192,7 @@ const buildPropertiesSection = function(type) {
|
|
|
8191
8192
|
getInputField("subHeader", "Sub Header"),
|
|
8192
8193
|
getSelectField("graphType", "Graph Type"),
|
|
8193
8194
|
getInputField("leftLabel", "Left Label"),
|
|
8195
|
+
getInputField("rightLabel", "Right Label"),
|
|
8194
8196
|
getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
|
|
8195
8197
|
getInputField("bottomLabel", "Bottom Label"),
|
|
8196
8198
|
emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
|
|
@@ -8201,10 +8203,11 @@ const buildPropertiesSection = function(type) {
|
|
|
8201
8203
|
getSelectField("xAxisType", "X-AxisType"),
|
|
8202
8204
|
getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
|
|
8203
8205
|
getInputField("leftMargin", "Left Margin"),
|
|
8204
|
-
getInputField("xAxisTickCount", "X Axis TickCount"),
|
|
8205
8206
|
getInputField("yAxisTickCount", "Y Axis TickCount"),
|
|
8206
8207
|
getSelectField("xAxisFormatType", "X Axis Format Type"),
|
|
8207
|
-
|
|
8208
|
+
getInputField("growthRateKey", "Growth Rate Key"),
|
|
8209
|
+
getInputField("tooltipUnit", "Tooltip Unit"),
|
|
8210
|
+
emptyBox$1("GraphEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
|
|
8208
8211
|
getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label"),
|
|
8209
8212
|
getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color")
|
|
8210
8213
|
];
|
|
@@ -8218,7 +8221,9 @@ const buildPropertiesSection = function(type) {
|
|
|
8218
8221
|
getInputField("rowSpacing", "Row Spacing"),
|
|
8219
8222
|
getInputField("columnSpacing", "Column Spacing"),
|
|
8220
8223
|
getInputField("spacing", "Spacing"),
|
|
8221
|
-
|
|
8224
|
+
getInputField("iconUrl", "Icon Url"),
|
|
8225
|
+
emptyBox$1("WrapperSectionEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
|
|
8226
|
+
emptyBox$1("WrapperSectionEmpty2")
|
|
8222
8227
|
];
|
|
8223
8228
|
break;
|
|
8224
8229
|
case "TabSection":
|
|
@@ -8251,12 +8256,11 @@ const buildPropertiesSection = function(type) {
|
|
|
8251
8256
|
buildWrapper("Tree Table Properties", [
|
|
8252
8257
|
getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
|
|
8253
8258
|
getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
|
|
8254
|
-
getRadioInputField("lazyLoadTree", "Lazy Load Tree", ["YES", "NO"]),
|
|
8255
8259
|
getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
|
|
8256
8260
|
getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
|
|
8257
8261
|
getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
|
|
8258
8262
|
getInputField("defaultColumnSize", "Default Column Size"),
|
|
8259
|
-
|
|
8263
|
+
,
|
|
8260
8264
|
emptyBox$1("LazyLoadingTableEmpty3")
|
|
8261
8265
|
]),
|
|
8262
8266
|
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
|
|
@@ -10925,11 +10929,7 @@ var service = (funcParams) => {
|
|
|
10925
10929
|
{ key: "sorting", value: paginationValues.sorting || [] },
|
|
10926
10930
|
{ key: "filters", value: paginationValues.tableColumnConfig || [] },
|
|
10927
10931
|
{ key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" },
|
|
10928
|
-
{ key: "expandedRowIds", value: (_b = paginationValues.expandedRowIds) != null ? _b : [] }
|
|
10929
|
-
{ key: "subRowsPagination", value: paginationValues.subRowsPagination || [] },
|
|
10930
|
-
{ key: "loadChildOnly", value: paginationValues.loadChildOnly || false },
|
|
10931
|
-
{ key: "parentId", value: paginationValues.parentId },
|
|
10932
|
-
{ key: "prevRowCount", value: paginationValues.prevRowCount }
|
|
10932
|
+
{ key: "expandedRowIds", value: (_b = paginationValues.expandedRowIds) != null ? _b : [] }
|
|
10933
10933
|
];
|
|
10934
10934
|
const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
|
|
10935
10935
|
return response == null ? void 0 : response.data;
|
|
@@ -11248,6 +11248,21 @@ const AreaBarGraph = {
|
|
|
11248
11248
|
style: { containerStyle: {}, labelStyle: { margin: {} } }
|
|
11249
11249
|
}
|
|
11250
11250
|
};
|
|
11251
|
+
const StackBarLineG = {
|
|
11252
|
+
type: "Control",
|
|
11253
|
+
scope: "#/properties/graph",
|
|
11254
|
+
options: {
|
|
11255
|
+
widget: "Graph"
|
|
11256
|
+
},
|
|
11257
|
+
config: {
|
|
11258
|
+
layout: { xs: 12, sm: 12, md: 12, lg: 12 },
|
|
11259
|
+
main: {
|
|
11260
|
+
type: "StackBarLineGraph",
|
|
11261
|
+
legendLabels: null
|
|
11262
|
+
},
|
|
11263
|
+
style: { containerStyle: {}, labelStyle: { margin: {} } }
|
|
11264
|
+
}
|
|
11265
|
+
};
|
|
11251
11266
|
const buildHorizontalBarGraph = (config2, componentScope2) => {
|
|
11252
11267
|
const horizontalBarGraph = _.cloneDeep(HorizontalBarGraph);
|
|
11253
11268
|
horizontalBarGraph.scope = componentScope2;
|
|
@@ -11532,6 +11547,7 @@ const buildWrapperSection = (config2, componentScope2) => {
|
|
|
11532
11547
|
wrapper.config.main.divider = config2.divider === "YES" ? true : false;
|
|
11533
11548
|
wrapper.config.main.isAccordion = config2.isAccordion === "No" ? false : true;
|
|
11534
11549
|
wrapper.config.main.defaultClosed = config2.defaultClosed === "YES" ? true : false;
|
|
11550
|
+
wrapper.config.main.icon = config2.iconUrl;
|
|
11535
11551
|
wrapper.config.main.rowSpacing = Number(config2.rowSpacing);
|
|
11536
11552
|
wrapper.config.main.columnSpacing = Number(config2.columnSpacing);
|
|
11537
11553
|
wrapper.config.main.spacing = Number(config2.spacing);
|
|
@@ -11726,15 +11742,9 @@ const buildTable = (config2, componentScope2) => {
|
|
|
11726
11742
|
if (config2.lazyLoading) {
|
|
11727
11743
|
table.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
|
|
11728
11744
|
}
|
|
11729
|
-
if (config2.lazyLoadTree) {
|
|
11730
|
-
table.config.main.lazyTree = config2.lazyLoadTree === "YES" ? true : false;
|
|
11731
|
-
}
|
|
11732
11745
|
if (config2.defaultColumnSize) {
|
|
11733
11746
|
table.config.main.defaultColumnSize = config2.defaultColumnSize;
|
|
11734
11747
|
}
|
|
11735
|
-
if (config2.subRowsExpansionPageSize) {
|
|
11736
|
-
table.config.main.subRowsExpansionPageSize = config2.subRowsExpansionPageSize;
|
|
11737
|
-
}
|
|
11738
11748
|
if (config2.enableRowMovement) {
|
|
11739
11749
|
table.config.main.enableRowMovement = config2.enableRowMovement === "YES" ? true : false;
|
|
11740
11750
|
}
|
|
@@ -13022,9 +13032,6 @@ const buildAreaGraph = (config2, componentScope2) => {
|
|
|
13022
13032
|
if (config2.xAxisFormatType) {
|
|
13023
13033
|
AreaGraph.config.main.xAxisFormatType = config2.xAxisFormatType;
|
|
13024
13034
|
}
|
|
13025
|
-
if (config2.xAxisTickCount) {
|
|
13026
|
-
AreaGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
|
|
13027
|
-
}
|
|
13028
13035
|
if (config2.yAxisTickCount) {
|
|
13029
13036
|
AreaGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
|
|
13030
13037
|
}
|
|
@@ -13050,6 +13057,68 @@ const buildAreaGraph = (config2, componentScope2) => {
|
|
|
13050
13057
|
}
|
|
13051
13058
|
return AreaGraph;
|
|
13052
13059
|
};
|
|
13060
|
+
const buildStackBarLineGraph = (config2, componentScope2) => {
|
|
13061
|
+
const StackBarLineGraph = _.cloneDeep(StackBarLineG);
|
|
13062
|
+
StackBarLineGraph.scope = componentScope2;
|
|
13063
|
+
if (config2.layout) {
|
|
13064
|
+
StackBarLineGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
13065
|
+
}
|
|
13066
|
+
StackBarLineGraph.config.main.type = config2.graphType;
|
|
13067
|
+
StackBarLineGraph.scope = componentScope2;
|
|
13068
|
+
StackBarLineGraph.config.main.header = config2.heading;
|
|
13069
|
+
StackBarLineGraph.config.main.subHeader = config2.subHeader;
|
|
13070
|
+
if (config2.legendHide) {
|
|
13071
|
+
StackBarLineGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
|
|
13072
|
+
}
|
|
13073
|
+
if (config2.bottomAxisAngle) {
|
|
13074
|
+
StackBarLineGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
|
|
13075
|
+
}
|
|
13076
|
+
if (config2.legendLabels) {
|
|
13077
|
+
StackBarLineGraph.config.main.legendLabels = createKeyValueMap(config2.legendLabels);
|
|
13078
|
+
}
|
|
13079
|
+
if (config2.legendDirection) {
|
|
13080
|
+
StackBarLineGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
|
|
13081
|
+
}
|
|
13082
|
+
if (config2.height) {
|
|
13083
|
+
StackBarLineGraph.config.style.containerStyle.height = config2.height;
|
|
13084
|
+
}
|
|
13085
|
+
if (config2.pieArcColors) {
|
|
13086
|
+
StackBarLineGraph.config.style.colorMap = createKeyValueMap(config2.pieArcColors);
|
|
13087
|
+
}
|
|
13088
|
+
if (config2.yAxisTickCount) {
|
|
13089
|
+
StackBarLineGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
|
|
13090
|
+
}
|
|
13091
|
+
if (config2.xAxisValue) {
|
|
13092
|
+
StackBarLineGraph.config.main.xAxisValue = config2.xAxisValue;
|
|
13093
|
+
}
|
|
13094
|
+
if (config2.xAxisType) {
|
|
13095
|
+
StackBarLineGraph.config.main.xAxisType = config2.xAxisType;
|
|
13096
|
+
}
|
|
13097
|
+
if (config2.bottomLabel) {
|
|
13098
|
+
StackBarLineGraph.config.main.bottomLabel = config2.bottomLabel;
|
|
13099
|
+
}
|
|
13100
|
+
if (config2.leftLabel) {
|
|
13101
|
+
StackBarLineGraph.config.main.leftLabel = config2.leftLabel;
|
|
13102
|
+
}
|
|
13103
|
+
if (config2.rightLabel) {
|
|
13104
|
+
StackBarLineGraph.config.main.rightLabel = config2.rightLabel;
|
|
13105
|
+
}
|
|
13106
|
+
if (config2.disableLeftLabel) {
|
|
13107
|
+
StackBarLineGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
|
|
13108
|
+
}
|
|
13109
|
+
if (config2.growthRateKey) {
|
|
13110
|
+
StackBarLineGraph.config.main.growthRateKey = config2.growthRateKey;
|
|
13111
|
+
}
|
|
13112
|
+
if (config2.tooltipUnit) {
|
|
13113
|
+
StackBarLineGraph.config.main.tooltipUnit = config2.tooltipUnit;
|
|
13114
|
+
}
|
|
13115
|
+
if (config2.leftMargin) {
|
|
13116
|
+
StackBarLineGraph.config.style.labelStyle.margin = {
|
|
13117
|
+
left: config2.leftMargin
|
|
13118
|
+
};
|
|
13119
|
+
}
|
|
13120
|
+
return StackBarLineGraph;
|
|
13121
|
+
};
|
|
13053
13122
|
const cameraUiSchema = {
|
|
13054
13123
|
type: "Control",
|
|
13055
13124
|
scope: "#/properties/camera",
|
|
@@ -13415,6 +13484,9 @@ const buildUiSchema = (config2, store2) => {
|
|
|
13415
13484
|
case "AreaGraph":
|
|
13416
13485
|
elements = buildAreaGraph(config2, componentScope2);
|
|
13417
13486
|
break;
|
|
13487
|
+
case "StackBarLineGraph":
|
|
13488
|
+
elements = buildStackBarLineGraph(config2, componentScope2);
|
|
13489
|
+
break;
|
|
13418
13490
|
default:
|
|
13419
13491
|
elements = buildStackbarGraph(config2, componentScope2);
|
|
13420
13492
|
break;
|