impaktapps-ui-builder 1.0.412 → 1.0.413
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 +20 -92
- 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/uischema/graph.d.ts +0 -25
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildAreaGraph.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/buildTable.ts +6 -0
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +0 -4
- package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +0 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +8 -10
- package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +0 -16
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -1
- package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildStackBarLineGraph.d.ts +0 -2
- package/src/impaktapps-ui-builder/builder/build/buildStackBarLineGraph.ts +0 -69
|
@@ -123,28 +123,3 @@ export declare const AreaBarGraph: {
|
|
|
123
123
|
};
|
|
124
124
|
};
|
|
125
125
|
};
|
|
126
|
-
export declare const StackBarLineG: {
|
|
127
|
-
type: string;
|
|
128
|
-
scope: string;
|
|
129
|
-
options: {
|
|
130
|
-
widget: string;
|
|
131
|
-
};
|
|
132
|
-
config: {
|
|
133
|
-
layout: {
|
|
134
|
-
xs: number;
|
|
135
|
-
sm: number;
|
|
136
|
-
md: number;
|
|
137
|
-
lg: number;
|
|
138
|
-
};
|
|
139
|
-
main: {
|
|
140
|
-
type: string;
|
|
141
|
-
legendLabels: any;
|
|
142
|
-
};
|
|
143
|
-
style: {
|
|
144
|
-
containerStyle: {};
|
|
145
|
-
labelStyle: {
|
|
146
|
-
margin: {};
|
|
147
|
-
};
|
|
148
|
-
};
|
|
149
|
-
};
|
|
150
|
-
};
|
package/package.json
CHANGED
|
@@ -34,6 +34,9 @@ const buildAreaGraph = (config:any,componentScope:string) => {
|
|
|
34
34
|
if(config.xAxisFormatType){
|
|
35
35
|
AreaGraph.config.main.xAxisFormatType = config.xAxisFormatType
|
|
36
36
|
}
|
|
37
|
+
if(config.xAxisTickCount){
|
|
38
|
+
AreaGraph.config.main.xAxisTickCount = config.xAxisTickCount
|
|
39
|
+
}
|
|
37
40
|
if(config.yAxisTickCount){
|
|
38
41
|
AreaGraph.config.main.yAxisTickCount = config.yAxisTickCount
|
|
39
42
|
}
|
|
@@ -11,9 +11,15 @@ export const buildTable = (config: any, componentScope: string) => {
|
|
|
11
11
|
if (config.lazyLoading) {
|
|
12
12
|
table.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
|
|
13
13
|
}
|
|
14
|
+
if (config.lazyLoadTree) {
|
|
15
|
+
table.config.main.lazyTree = config.lazyLoadTree === "YES" ? true : false;
|
|
16
|
+
}
|
|
14
17
|
if (config.defaultColumnSize) {
|
|
15
18
|
table.config.main.defaultColumnSize = config.defaultColumnSize
|
|
16
19
|
}
|
|
20
|
+
if (config.subRowsExpansionPageSize) {
|
|
21
|
+
table.config.main.subRowsExpansionPageSize = config.subRowsExpansionPageSize
|
|
22
|
+
}
|
|
17
23
|
if (config.enableRowMovement) {
|
|
18
24
|
table.config.main.enableRowMovement = config.enableRowMovement === "YES" ? true : false;
|
|
19
25
|
}
|
|
@@ -42,7 +42,6 @@ import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
|
|
|
42
42
|
import { buildHorizontalLayout } from "./buildHorizontalLayout";
|
|
43
43
|
import { buildImage } from "./buildImage";
|
|
44
44
|
import buildAreaGraph from "./buildAreaGraph";
|
|
45
|
-
import buildStackBarLineGraph from "./buildStackBarLineGraph";
|
|
46
45
|
import { buildCamera } from "./buildCamera";
|
|
47
46
|
import { buildButtonGroup } from "./buildGroupButton";
|
|
48
47
|
import { buildPopOver } from "./buildPopover";
|
|
@@ -241,9 +240,6 @@ const buildUiSchema = (config: any, store?: any) => {
|
|
|
241
240
|
case "AreaGraph":
|
|
242
241
|
elements = buildAreaGraph(config, componentScope);
|
|
243
242
|
break;
|
|
244
|
-
case "StackBarLineGraph":
|
|
245
|
-
elements = buildStackBarLineGraph(config, componentScope);
|
|
246
|
-
break;
|
|
247
243
|
default:
|
|
248
244
|
elements = buildStackbarGraph(config, componentScope);
|
|
249
245
|
break;
|
|
@@ -9,7 +9,6 @@ export const buildWrapperSection = (config, componentScope) => {
|
|
|
9
9
|
wrapper.config.main.divider = config.divider === "YES" ? true : false;
|
|
10
10
|
wrapper.config.main.isAccordion = config.isAccordion === "No" ? false : true;
|
|
11
11
|
wrapper.config.main.defaultClosed = config.defaultClosed === "YES" ? true : false;
|
|
12
|
-
wrapper.config.main.icon = config.iconUrl;
|
|
13
12
|
wrapper.config.main.rowSpacing = Number(config.rowSpacing);
|
|
14
13
|
wrapper.config.main.columnSpacing = Number(config.columnSpacing);
|
|
15
14
|
wrapper.config.main.spacing = Number(config.spacing);
|
|
@@ -559,11 +559,9 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
559
559
|
{ label: "Pie Graph", value: "PieGraph" },
|
|
560
560
|
{ label: "Horizontal Bar Graph", value: "HorizontalBarGraph" },
|
|
561
561
|
{ label: "Stack Horizontal Bar Graph", value: "HorizontalStackBarGraph" },
|
|
562
|
-
{ label: "Area Graph", value: "AreaGraph" }
|
|
563
|
-
{ label: "StackBar And Line Graph", value: "StackBarLineGraph" }
|
|
562
|
+
{ label: "Area Graph", value: "AreaGraph" }
|
|
564
563
|
]),
|
|
565
564
|
getInputField("leftLabel", "Left Label"),
|
|
566
|
-
getInputField("rightLabel", "Right Label"),
|
|
567
565
|
getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
|
|
568
566
|
getInputField("bottomLabel", "Bottom Label"),
|
|
569
567
|
emptyBox("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
|
|
@@ -578,14 +576,13 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
578
576
|
]),
|
|
579
577
|
getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
|
|
580
578
|
getInputField("leftMargin", "Left Margin"),
|
|
579
|
+
getInputField("xAxisTickCount", "X Axis TickCount"),
|
|
581
580
|
getInputField("yAxisTickCount", "Y Axis TickCount"),
|
|
582
581
|
getSelectField("xAxisFormatType", "X Axis Format Type", [
|
|
583
582
|
{ label: "Date and Month", value: "Date and Month" },
|
|
584
583
|
{ label: "Month and Year", value: "Month and Year" }
|
|
585
584
|
]),
|
|
586
|
-
|
|
587
|
-
getInputField("tooltipUnit", "Tooltip Unit"),
|
|
588
|
-
emptyBox("GraphEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
|
|
585
|
+
emptyBox("GraphEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
|
|
589
586
|
getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label"),
|
|
590
587
|
getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color"),
|
|
591
588
|
];
|
|
@@ -599,8 +596,7 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
599
596
|
getInputField("rowSpacing", "Row Spacing"),
|
|
600
597
|
getInputField("columnSpacing", "Column Spacing"),
|
|
601
598
|
getInputField("spacing", "Spacing"),
|
|
602
|
-
|
|
603
|
-
emptyBox("WrapperSectionEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }), emptyBox("WrapperSectionEmpty2")
|
|
599
|
+
emptyBox("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 3 }),
|
|
604
600
|
]
|
|
605
601
|
break;
|
|
606
602
|
|
|
@@ -628,7 +624,7 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
628
624
|
getRadioInputField("disableDensityToggle", "Disable Density Toggle", ["YES", "NO"]),
|
|
629
625
|
getRadioInputField("disableDownloadFile", "Disable Download File", ["YES", "NO"]),
|
|
630
626
|
getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
|
|
631
|
-
getInputField("selectKey", "Selection Key")
|
|
627
|
+
getInputField("selectKey", "Selection Key"),
|
|
632
628
|
getMultiSelectField("filteringOptions", "Filtering Options"),
|
|
633
629
|
getSelectField("maxPageSize", "Max Page Size", [
|
|
634
630
|
{ label: "10", value: 10 },
|
|
@@ -646,11 +642,13 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
646
642
|
buildWrapper("Tree Table Properties", [
|
|
647
643
|
getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
|
|
648
644
|
getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
|
|
645
|
+
getRadioInputField("lazyLoadTree", "Lazy Load Tree", ["YES", "NO"]),
|
|
649
646
|
// getRadioInputField("enableExpandAll", "Use All Row Expanding", ["YES", "NO"]),
|
|
650
647
|
getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
|
|
651
648
|
getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
|
|
652
649
|
getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
|
|
653
|
-
getInputField("defaultColumnSize", "Default Column Size"),
|
|
650
|
+
getInputField("defaultColumnSize", "Default Column Size"),
|
|
651
|
+
getInputField("subRowsExpansionPageSize", "Page Size for Subrows Expansion") , emptyBox("LazyLoadingTableEmpty3")
|
|
654
652
|
]),
|
|
655
653
|
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
|
|
656
654
|
sizeHolder,
|
|
@@ -78,19 +78,3 @@ export const AreaBarGraph = {
|
|
|
78
78
|
},
|
|
79
79
|
};
|
|
80
80
|
|
|
81
|
-
export const StackBarLineG = {
|
|
82
|
-
type: "Control",
|
|
83
|
-
scope: "#/properties/graph",
|
|
84
|
-
options: {
|
|
85
|
-
widget: "Graph",
|
|
86
|
-
},
|
|
87
|
-
config: {
|
|
88
|
-
layout: {xs :12,sm:12,md:12,lg:12},
|
|
89
|
-
main: {
|
|
90
|
-
type: "StackBarLineGraph",
|
|
91
|
-
legendLabels: null
|
|
92
|
-
},
|
|
93
|
-
style:{ containerStyle: {},labelStyle:{margin:{}} }
|
|
94
|
-
},
|
|
95
|
-
};
|
|
96
|
-
|
|
@@ -190,7 +190,11 @@ export default (funcParams: funcParamsProps) => {
|
|
|
190
190
|
{ key: "sorting", value: paginationValues.sorting || [] },
|
|
191
191
|
{ key: "filters", value: paginationValues.tableColumnConfig || [] },
|
|
192
192
|
{ key: "globalFilter", value: paginationValues.globalFilter ?? '' },
|
|
193
|
-
{ key: "expandedRowIds", value: paginationValues.expandedRowIds ?? [] }
|
|
193
|
+
{ key: "expandedRowIds", value: paginationValues.expandedRowIds ?? [] },
|
|
194
|
+
{ key: "subRowsPagination", value: paginationValues.subRowsPagination || [] },
|
|
195
|
+
{ key: "loadChildOnly", value: paginationValues.loadChildOnly || false },
|
|
196
|
+
{ key: "parentId", value: paginationValues.parentId },
|
|
197
|
+
{ key: "prevRowCount", value: paginationValues.prevRowCount },
|
|
194
198
|
]
|
|
195
199
|
const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
|
|
196
200
|
return response?.data;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { createLayoutFormat, createKeyValueMap } from "./buildConfig";
|
|
2
|
-
import { StackBarLineG } from "./uischema/graph";
|
|
3
|
-
import _ from "lodash";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const buildStackBarLineGraph = (config:any,componentScope:string) => {
|
|
7
|
-
const StackBarLineGraph: any = _.cloneDeep(StackBarLineG);
|
|
8
|
-
StackBarLineGraph.scope = componentScope;
|
|
9
|
-
if (config.layout) {
|
|
10
|
-
StackBarLineGraph.config.layout = createLayoutFormat(config.layout, config.type);
|
|
11
|
-
}
|
|
12
|
-
StackBarLineGraph.config.main.type = config.graphType;
|
|
13
|
-
StackBarLineGraph.scope = componentScope;
|
|
14
|
-
StackBarLineGraph.config.main.header = config.heading;
|
|
15
|
-
StackBarLineGraph.config.main.subHeader = config.subHeader;
|
|
16
|
-
if (config.legendHide) {
|
|
17
|
-
StackBarLineGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
|
|
18
|
-
}
|
|
19
|
-
if (config.bottomAxisAngle) {
|
|
20
|
-
StackBarLineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
|
|
21
|
-
}
|
|
22
|
-
if (config.legendLabels) {
|
|
23
|
-
StackBarLineGraph.config.main.legendLabels = createKeyValueMap(config.legendLabels);
|
|
24
|
-
}
|
|
25
|
-
if(config.legendDirection){
|
|
26
|
-
StackBarLineGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
|
|
27
|
-
}
|
|
28
|
-
if (config.height) {
|
|
29
|
-
StackBarLineGraph.config.style.containerStyle.height = config.height;
|
|
30
|
-
}
|
|
31
|
-
if (config.pieArcColors) {
|
|
32
|
-
StackBarLineGraph.config.style.colorMap = createKeyValueMap(config.pieArcColors);
|
|
33
|
-
}
|
|
34
|
-
if(config.yAxisTickCount){
|
|
35
|
-
StackBarLineGraph.config.main.yAxisTickCount = config.yAxisTickCount
|
|
36
|
-
}
|
|
37
|
-
if (config.xAxisValue) {
|
|
38
|
-
StackBarLineGraph.config.main.xAxisValue = config.xAxisValue;
|
|
39
|
-
}
|
|
40
|
-
if(config.xAxisType) {
|
|
41
|
-
StackBarLineGraph.config.main.xAxisType = config.xAxisType;
|
|
42
|
-
}
|
|
43
|
-
if (config.bottomLabel) {
|
|
44
|
-
StackBarLineGraph.config.main.bottomLabel = config.bottomLabel;
|
|
45
|
-
}
|
|
46
|
-
if (config.leftLabel) {
|
|
47
|
-
StackBarLineGraph.config.main.leftLabel = config.leftLabel;
|
|
48
|
-
}
|
|
49
|
-
if (config.rightLabel) {
|
|
50
|
-
StackBarLineGraph.config.main.rightLabel = config.rightLabel;
|
|
51
|
-
}
|
|
52
|
-
if (config.disableLeftLabel) {
|
|
53
|
-
StackBarLineGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
|
|
54
|
-
}
|
|
55
|
-
if (config.growthRateKey) {
|
|
56
|
-
StackBarLineGraph.config.main.growthRateKey = config.growthRateKey;
|
|
57
|
-
}
|
|
58
|
-
if (config.tooltipUnit) {
|
|
59
|
-
StackBarLineGraph.config.main.tooltipUnit = config.tooltipUnit;
|
|
60
|
-
}
|
|
61
|
-
if (config.leftMargin) {
|
|
62
|
-
StackBarLineGraph.config.style.labelStyle.margin ={
|
|
63
|
-
left: config.leftMargin
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
return StackBarLineGraph
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
export default buildStackBarLineGraph;
|