impaktapps-ui-builder 1.0.410-lazyTree.3 → 1.0.411
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 +84 -20
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +1 -1
- 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 +63 -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 +8 -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,9 @@ 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
|
-
emptyBox$1("GraphEmpty1", { xs:
|
|
8208
|
+
emptyBox$1("GraphEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 }),
|
|
8208
8209
|
getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label"),
|
|
8209
8210
|
getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color")
|
|
8210
8211
|
];
|
|
@@ -8218,7 +8219,9 @@ const buildPropertiesSection = function(type) {
|
|
|
8218
8219
|
getInputField("rowSpacing", "Row Spacing"),
|
|
8219
8220
|
getInputField("columnSpacing", "Column Spacing"),
|
|
8220
8221
|
getInputField("spacing", "Spacing"),
|
|
8221
|
-
|
|
8222
|
+
getInputField("iconUrl", "Icon Url"),
|
|
8223
|
+
emptyBox$1("WrapperSectionEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
|
|
8224
|
+
emptyBox$1("WrapperSectionEmpty2")
|
|
8222
8225
|
];
|
|
8223
8226
|
break;
|
|
8224
8227
|
case "TabSection":
|
|
@@ -8251,12 +8254,11 @@ const buildPropertiesSection = function(type) {
|
|
|
8251
8254
|
buildWrapper("Tree Table Properties", [
|
|
8252
8255
|
getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
|
|
8253
8256
|
getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
|
|
8254
|
-
getRadioInputField("lazyLoadTree", "Lazy Load Tree", ["YES", "NO"]),
|
|
8255
8257
|
getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
|
|
8256
8258
|
getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
|
|
8257
8259
|
getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
|
|
8258
8260
|
getInputField("defaultColumnSize", "Default Column Size"),
|
|
8259
|
-
|
|
8261
|
+
,
|
|
8260
8262
|
emptyBox$1("LazyLoadingTableEmpty3")
|
|
8261
8263
|
]),
|
|
8262
8264
|
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
|
|
@@ -10925,11 +10927,7 @@ var service = (funcParams) => {
|
|
|
10925
10927
|
{ key: "sorting", value: paginationValues.sorting || [] },
|
|
10926
10928
|
{ key: "filters", value: paginationValues.tableColumnConfig || [] },
|
|
10927
10929
|
{ 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 }
|
|
10930
|
+
{ key: "expandedRowIds", value: (_b = paginationValues.expandedRowIds) != null ? _b : [] }
|
|
10933
10931
|
];
|
|
10934
10932
|
const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
|
|
10935
10933
|
return response == null ? void 0 : response.data;
|
|
@@ -11248,6 +11246,21 @@ const AreaBarGraph = {
|
|
|
11248
11246
|
style: { containerStyle: {}, labelStyle: { margin: {} } }
|
|
11249
11247
|
}
|
|
11250
11248
|
};
|
|
11249
|
+
const StackBarLineG = {
|
|
11250
|
+
type: "Control",
|
|
11251
|
+
scope: "#/properties/graph",
|
|
11252
|
+
options: {
|
|
11253
|
+
widget: "Graph"
|
|
11254
|
+
},
|
|
11255
|
+
config: {
|
|
11256
|
+
layout: { xs: 12, sm: 12, md: 12, lg: 12 },
|
|
11257
|
+
main: {
|
|
11258
|
+
type: "StackBarLineGraph",
|
|
11259
|
+
legendLabels: null
|
|
11260
|
+
},
|
|
11261
|
+
style: { containerStyle: {}, labelStyle: { margin: {} } }
|
|
11262
|
+
}
|
|
11263
|
+
};
|
|
11251
11264
|
const buildHorizontalBarGraph = (config2, componentScope2) => {
|
|
11252
11265
|
const horizontalBarGraph = _.cloneDeep(HorizontalBarGraph);
|
|
11253
11266
|
horizontalBarGraph.scope = componentScope2;
|
|
@@ -11532,6 +11545,7 @@ const buildWrapperSection = (config2, componentScope2) => {
|
|
|
11532
11545
|
wrapper.config.main.divider = config2.divider === "YES" ? true : false;
|
|
11533
11546
|
wrapper.config.main.isAccordion = config2.isAccordion === "No" ? false : true;
|
|
11534
11547
|
wrapper.config.main.defaultClosed = config2.defaultClosed === "YES" ? true : false;
|
|
11548
|
+
wrapper.config.main.icon = config2.iconUrl;
|
|
11535
11549
|
wrapper.config.main.rowSpacing = Number(config2.rowSpacing);
|
|
11536
11550
|
wrapper.config.main.columnSpacing = Number(config2.columnSpacing);
|
|
11537
11551
|
wrapper.config.main.spacing = Number(config2.spacing);
|
|
@@ -11726,15 +11740,9 @@ const buildTable = (config2, componentScope2) => {
|
|
|
11726
11740
|
if (config2.lazyLoading) {
|
|
11727
11741
|
table.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
|
|
11728
11742
|
}
|
|
11729
|
-
if (config2.lazyLoadTree) {
|
|
11730
|
-
table.config.main.lazyTree = config2.lazyLoadTree === "YES" ? true : false;
|
|
11731
|
-
}
|
|
11732
11743
|
if (config2.defaultColumnSize) {
|
|
11733
11744
|
table.config.main.defaultColumnSize = config2.defaultColumnSize;
|
|
11734
11745
|
}
|
|
11735
|
-
if (config2.subRowsExpansionPageSize) {
|
|
11736
|
-
table.config.main.subRowsExpansionPageSize = config2.subRowsExpansionPageSize;
|
|
11737
|
-
}
|
|
11738
11746
|
if (config2.enableRowMovement) {
|
|
11739
11747
|
table.config.main.enableRowMovement = config2.enableRowMovement === "YES" ? true : false;
|
|
11740
11748
|
}
|
|
@@ -13022,9 +13030,6 @@ const buildAreaGraph = (config2, componentScope2) => {
|
|
|
13022
13030
|
if (config2.xAxisFormatType) {
|
|
13023
13031
|
AreaGraph.config.main.xAxisFormatType = config2.xAxisFormatType;
|
|
13024
13032
|
}
|
|
13025
|
-
if (config2.xAxisTickCount) {
|
|
13026
|
-
AreaGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
|
|
13027
|
-
}
|
|
13028
13033
|
if (config2.yAxisTickCount) {
|
|
13029
13034
|
AreaGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
|
|
13030
13035
|
}
|
|
@@ -13050,6 +13055,62 @@ const buildAreaGraph = (config2, componentScope2) => {
|
|
|
13050
13055
|
}
|
|
13051
13056
|
return AreaGraph;
|
|
13052
13057
|
};
|
|
13058
|
+
const buildStackBarLineGraph = (config2, componentScope2) => {
|
|
13059
|
+
const StackBarLineGraph = _.cloneDeep(StackBarLineG);
|
|
13060
|
+
StackBarLineGraph.scope = componentScope2;
|
|
13061
|
+
if (config2.layout) {
|
|
13062
|
+
StackBarLineGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
13063
|
+
}
|
|
13064
|
+
StackBarLineGraph.config.main.type = config2.graphType;
|
|
13065
|
+
StackBarLineGraph.scope = componentScope2;
|
|
13066
|
+
StackBarLineGraph.config.main.header = config2.heading;
|
|
13067
|
+
StackBarLineGraph.config.main.subHeader = config2.subHeader;
|
|
13068
|
+
if (config2.legendHide) {
|
|
13069
|
+
StackBarLineGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
|
|
13070
|
+
}
|
|
13071
|
+
if (config2.bottomAxisAngle) {
|
|
13072
|
+
StackBarLineGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
|
|
13073
|
+
}
|
|
13074
|
+
if (config2.legendLabels) {
|
|
13075
|
+
StackBarLineGraph.config.main.legendLabels = createKeyValueMap(config2.legendLabels);
|
|
13076
|
+
}
|
|
13077
|
+
if (config2.legendDirection) {
|
|
13078
|
+
StackBarLineGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
|
|
13079
|
+
}
|
|
13080
|
+
if (config2.height) {
|
|
13081
|
+
StackBarLineGraph.config.style.containerStyle.height = config2.height;
|
|
13082
|
+
}
|
|
13083
|
+
if (config2.pieArcColors) {
|
|
13084
|
+
StackBarLineGraph.config.style.colorMap = createKeyValueMap(config2.pieArcColors);
|
|
13085
|
+
}
|
|
13086
|
+
if (config2.yAxisTickCount) {
|
|
13087
|
+
StackBarLineGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
|
|
13088
|
+
}
|
|
13089
|
+
if (config2.xAxisValue) {
|
|
13090
|
+
StackBarLineGraph.config.main.xAxisValue = config2.xAxisValue;
|
|
13091
|
+
}
|
|
13092
|
+
if (config2.xAxisType) {
|
|
13093
|
+
StackBarLineGraph.config.main.xAxisType = config2.xAxisType;
|
|
13094
|
+
}
|
|
13095
|
+
if (config2.bottomLabel) {
|
|
13096
|
+
StackBarLineGraph.config.main.bottomLabel = config2.bottomLabel;
|
|
13097
|
+
}
|
|
13098
|
+
if (config2.leftLabel) {
|
|
13099
|
+
StackBarLineGraph.config.main.leftLabel = config2.leftLabel;
|
|
13100
|
+
}
|
|
13101
|
+
if (config2.rightLabel) {
|
|
13102
|
+
StackBarLineGraph.config.main.rightLabel = config2.rightLabel;
|
|
13103
|
+
}
|
|
13104
|
+
if (config2.disableLeftLabel) {
|
|
13105
|
+
StackBarLineGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
|
|
13106
|
+
}
|
|
13107
|
+
if (config2.leftMargin) {
|
|
13108
|
+
StackBarLineGraph.config.style.labelStyle.margin = {
|
|
13109
|
+
left: config2.leftMargin
|
|
13110
|
+
};
|
|
13111
|
+
}
|
|
13112
|
+
return StackBarLineGraph;
|
|
13113
|
+
};
|
|
13053
13114
|
const cameraUiSchema = {
|
|
13054
13115
|
type: "Control",
|
|
13055
13116
|
scope: "#/properties/camera",
|
|
@@ -13415,6 +13476,9 @@ const buildUiSchema = (config2, store2) => {
|
|
|
13415
13476
|
case "AreaGraph":
|
|
13416
13477
|
elements = buildAreaGraph(config2, componentScope2);
|
|
13417
13478
|
break;
|
|
13479
|
+
case "StackBarLineGraph":
|
|
13480
|
+
elements = buildStackBarLineGraph(config2, componentScope2);
|
|
13481
|
+
break;
|
|
13418
13482
|
default:
|
|
13419
13483
|
elements = buildStackbarGraph(config2, componentScope2);
|
|
13420
13484
|
break;
|