impaktapps-ui-builder 0.0.95 → 0.0.97
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 +47 -9
- 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/apiSection.d.ts +1 -0
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +1 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +10 -0
- package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +10 -0
- package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +10 -0
- package/src/impaktapps-ui-builder/builder/build/buildTable.ts +5 -2
- package/src/impaktapps-ui-builder/builder/build/buildTextArea.ts +6 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +9 -5
- package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +1 -1
package/package.json
CHANGED
|
@@ -36,6 +36,16 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
}
|
|
40
|
+
if (config.leftMargin) {
|
|
41
|
+
horizontalBarGraph.config.style =
|
|
42
|
+
{
|
|
43
|
+
labelStyle: {
|
|
44
|
+
margin: {
|
|
45
|
+
left: config.leftMargin
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
39
49
|
}
|
|
40
50
|
if (config.bottomLabel) {
|
|
41
51
|
horizontalBarGraph.config.main.bottomLabel =
|
|
@@ -11,6 +11,16 @@ export const buildLineGraph = (config, componentScope) => {
|
|
|
11
11
|
if (config.height) {
|
|
12
12
|
lineGraph.config.style.containerStyle.height = config.height;
|
|
13
13
|
}
|
|
14
|
+
if (config.leftMargin) {
|
|
15
|
+
lineGraph.config.style =
|
|
16
|
+
{
|
|
17
|
+
labelStyle: {
|
|
18
|
+
margin: {
|
|
19
|
+
left: config.leftMargin
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
14
24
|
if (config.bottomLabel) {
|
|
15
25
|
lineGraph.config.main.bottomLabel = config.bottomLabel;
|
|
16
26
|
}
|
|
@@ -25,6 +25,16 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
|
|
|
25
25
|
if (config.height) {
|
|
26
26
|
barGraph.config.style.containerStyle.height = config.height;
|
|
27
27
|
}
|
|
28
|
+
if (config.leftMargin) {
|
|
29
|
+
barGraph.config.style =
|
|
30
|
+
{
|
|
31
|
+
labelStyle: {
|
|
32
|
+
margin: {
|
|
33
|
+
left: config.leftMargin
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
28
38
|
if (config.bottomLabel) {
|
|
29
39
|
barGraph.config.main.bottomLabel = config.bottomLabel;
|
|
30
40
|
}
|
|
@@ -38,8 +38,11 @@ export const buildTable = (config: any, componentScope: string) => {
|
|
|
38
38
|
if (config.downloadAllData) {
|
|
39
39
|
table.config.main.downloadAllData = config.downloadAllData === "YES" ? true : false
|
|
40
40
|
}
|
|
41
|
-
if(config.
|
|
42
|
-
table.config.main.
|
|
41
|
+
if(config.disableGlobalSearch){
|
|
42
|
+
table.config.main.disableGlobalSearch = config.disableGlobalSearch === "YES" ? true : false
|
|
43
|
+
}
|
|
44
|
+
if(config.disableColumnFilter){
|
|
45
|
+
table.config.main.disableColumnFilter = config.disableColumnFilter === "YES" ? true : false
|
|
43
46
|
}
|
|
44
47
|
if(config.disableSorting){
|
|
45
48
|
table.config.main.disableSorting = config.disableSorting === "YES" ? true : false
|
|
@@ -45,6 +45,12 @@ export const buildTextArea = (config:any,componentScope:string) =>{
|
|
|
45
45
|
if (config.placeholder) {
|
|
46
46
|
textArea.config.main.placeholder = config.placeholder;
|
|
47
47
|
}
|
|
48
|
+
if(config.enableCodeEditor){
|
|
49
|
+
textArea.config.main.enableCodeEditor = config.enableCodeEditor === "YES" ? true : false
|
|
50
|
+
}
|
|
51
|
+
if(config.codeEditorLanguage){
|
|
52
|
+
textArea.config.main.codeEditorLanguage = config.codeEditorLanguage;
|
|
53
|
+
}
|
|
48
54
|
textArea.scope = componentScope;
|
|
49
55
|
return textArea;
|
|
50
56
|
}
|
|
@@ -206,7 +206,8 @@ export const getTextArea = (scope: string, heading: string, hideButton: boolean,
|
|
|
206
206
|
main: {
|
|
207
207
|
heading: heading,
|
|
208
208
|
minRows: 8,
|
|
209
|
-
hideButton: hideButton
|
|
209
|
+
hideButton: hideButton,
|
|
210
|
+
enableCodeEditor: true
|
|
210
211
|
},
|
|
211
212
|
},
|
|
212
213
|
}
|
|
@@ -324,7 +325,9 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
324
325
|
case "TextArea":
|
|
325
326
|
uiSchema.elements = [
|
|
326
327
|
getInputField("placeholder", "Placeholder"),
|
|
327
|
-
|
|
328
|
+
getRadioInputField("enableCodeEditor", "Enable Code Editor",["YES", "NO"]),
|
|
329
|
+
getInputField("codeEditorLanguage", "Enter Code Language"),
|
|
330
|
+
]
|
|
328
331
|
break;
|
|
329
332
|
|
|
330
333
|
case "SpeedoMeter":
|
|
@@ -409,7 +412,8 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
409
412
|
getInputField("yAxisValue", "Y-AxisValue"),
|
|
410
413
|
getInputField("xAxisValue", "X-AxisValue"),
|
|
411
414
|
getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
|
|
412
|
-
|
|
415
|
+
getInputField("leftMargin", "Left Margin"),
|
|
416
|
+
emptyBox("GraphEmpty1", {xs: 6, sm: 0, md: 8, lg: 8 }),
|
|
413
417
|
getArrayControl("legendLabels", "label"),
|
|
414
418
|
getArrayControl("pieArcColors", "color"),
|
|
415
419
|
];
|
|
@@ -438,7 +442,8 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
438
442
|
getRadioInputField("ColumnResizingAvailable", "ColumnResizing ", ["YES", "NO"]),
|
|
439
443
|
getRadioInputField("DragAvailable", "Row Dragging", ["YES", "NO"]),
|
|
440
444
|
getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
|
|
441
|
-
getRadioInputField("
|
|
445
|
+
getRadioInputField("disableGlobalSearch", "Disable Global Search", ["YES", "NO"]),
|
|
446
|
+
getRadioInputField("disableColumnFilter", "Disable Column Filter", ["YES", "NO"]),
|
|
442
447
|
getRadioInputField("disableSorting", "Disable Sorting", ["YES", "NO"]),
|
|
443
448
|
|
|
444
449
|
getRadioInputField("disableEditColumn", "Disable Edit Column", ["YES", "NO"]),
|
|
@@ -448,7 +453,6 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
448
453
|
getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
|
|
449
454
|
getInputField("selectKey", "Selection Key"),
|
|
450
455
|
getMultiSelectField("filteringOptions", "Filtering Options"),
|
|
451
|
-
emptyBox("LazyLoadingTableEmpty1", {xs: 6, sm: 0, md: 4, lg: 4 }),
|
|
452
456
|
buildWrapper("Tree Table Properties", [
|
|
453
457
|
getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
|
|
454
458
|
getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
|