impaktapps-ui-builder 1.0.411 → 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 -84
- 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/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 -8
- 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 -63
|
@@ -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,12 +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
|
-
emptyBox("GraphEmpty1",
|
|
585
|
+
emptyBox("GraphEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
|
|
587
586
|
getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label"),
|
|
588
587
|
getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color"),
|
|
589
588
|
];
|
|
@@ -597,8 +596,7 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
597
596
|
getInputField("rowSpacing", "Row Spacing"),
|
|
598
597
|
getInputField("columnSpacing", "Column Spacing"),
|
|
599
598
|
getInputField("spacing", "Spacing"),
|
|
600
|
-
|
|
601
|
-
emptyBox("WrapperSectionEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }), emptyBox("WrapperSectionEmpty2")
|
|
599
|
+
emptyBox("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 3 }),
|
|
602
600
|
]
|
|
603
601
|
break;
|
|
604
602
|
|
|
@@ -626,7 +624,7 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
626
624
|
getRadioInputField("disableDensityToggle", "Disable Density Toggle", ["YES", "NO"]),
|
|
627
625
|
getRadioInputField("disableDownloadFile", "Disable Download File", ["YES", "NO"]),
|
|
628
626
|
getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
|
|
629
|
-
getInputField("selectKey", "Selection Key")
|
|
627
|
+
getInputField("selectKey", "Selection Key"),
|
|
630
628
|
getMultiSelectField("filteringOptions", "Filtering Options"),
|
|
631
629
|
getSelectField("maxPageSize", "Max Page Size", [
|
|
632
630
|
{ label: "10", value: 10 },
|
|
@@ -644,11 +642,13 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
644
642
|
buildWrapper("Tree Table Properties", [
|
|
645
643
|
getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
|
|
646
644
|
getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
|
|
645
|
+
getRadioInputField("lazyLoadTree", "Lazy Load Tree", ["YES", "NO"]),
|
|
647
646
|
// getRadioInputField("enableExpandAll", "Use All Row Expanding", ["YES", "NO"]),
|
|
648
647
|
getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
|
|
649
648
|
getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
|
|
650
649
|
getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
|
|
651
|
-
getInputField("defaultColumnSize", "Default Column Size"),
|
|
650
|
+
getInputField("defaultColumnSize", "Default Column Size"),
|
|
651
|
+
getInputField("subRowsExpansionPageSize", "Page Size for Subrows Expansion") , emptyBox("LazyLoadingTableEmpty3")
|
|
652
652
|
]),
|
|
653
653
|
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
|
|
654
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,63 +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.leftMargin) {
|
|
56
|
-
StackBarLineGraph.config.style.labelStyle.margin ={
|
|
57
|
-
left: config.leftMargin
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
return StackBarLineGraph
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
export default buildStackBarLineGraph;
|