impaktapps-ui-builder 1.0.151 → 1.0.153
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 -12
- 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/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildCard.ts +10 -10
- package/src/impaktapps-ui-builder/builder/build/buildProgressBar.ts +4 -1
- package/src/impaktapps-ui-builder/builder/build/buildTable.ts +4 -0
- package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +3 -4
- package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +5 -5
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -1
package/package.json
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import Card from "./uischema/card";
|
|
2
2
|
import _ from "lodash";
|
|
3
3
|
import { createLayoutFormat } from "./buildConfig";
|
|
4
|
-
|
|
4
|
+
|
|
5
5
|
export const buildCard = (config,componentScope,store) =>{
|
|
6
6
|
const card: any = _.cloneDeep(Card(store.theme.myTheme));
|
|
7
7
|
if (config.style) {
|
|
8
8
|
card.config.wrapperStyle = JSON.parse(config.style)
|
|
9
|
-
}
|
|
10
|
-
card.elements[0].
|
|
11
|
-
card.elements[1].scope = `#/properties/${config.name}/properties/
|
|
12
|
-
card.elements[
|
|
9
|
+
}
|
|
10
|
+
card.elements[0].scope = `#/properties/${config.name}/properties/url`;
|
|
11
|
+
card.elements[1].scope = `#/properties/${config.name}/properties/label`;
|
|
12
|
+
card.elements[2].scope = `#/properties/${config.name}/properties/value`;
|
|
13
|
+
|
|
14
|
+
card.elements[3].scope = `#/properties/${config.name}/properties/description`;
|
|
13
15
|
if(config.layout){
|
|
14
16
|
card.config.layout = createLayoutFormat(config.layout)
|
|
15
17
|
}
|
|
@@ -18,16 +20,14 @@ export const buildCard = (config,componentScope,store) =>{
|
|
|
18
20
|
card.elements[0].elements[0].elements[0].elements[1].config.style.left = "24px"
|
|
19
21
|
}
|
|
20
22
|
if(config.label){
|
|
21
|
-
card.elements[
|
|
23
|
+
card.elements[1].config.main.heading = config.label;
|
|
22
24
|
}
|
|
23
25
|
if(config.url){
|
|
24
|
-
card.elements[
|
|
26
|
+
card.elements[0].config.main.url = config.url;
|
|
25
27
|
}
|
|
26
28
|
if(config.description){
|
|
27
|
-
card.elements[
|
|
29
|
+
card.elements[3].config.main.heading = config.description;
|
|
28
30
|
}
|
|
29
31
|
|
|
30
|
-
|
|
31
|
-
|
|
32
32
|
return card;
|
|
33
33
|
}
|
|
@@ -8,8 +8,11 @@ export const buildProgressBar = (config: any, componentScope: any) => {
|
|
|
8
8
|
if (config.layout) {
|
|
9
9
|
ProgressBar.config.layout = config.layout;
|
|
10
10
|
}
|
|
11
|
-
|
|
11
|
+
|
|
12
12
|
ProgressBar.config.main.heading = config.label;
|
|
13
|
+
if(config.variant){
|
|
14
|
+
ProgressBar.config.main.variant = config.variant
|
|
15
|
+
}
|
|
13
16
|
if (config.pieArcColors) {
|
|
14
17
|
ProgressBar.config.main.colorRange = flatObjectValueInArray(config.pieArcColors);
|
|
15
18
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { createLayoutFormat } from "./buildConfig";
|
|
1
2
|
import Table from "./uischema/table";
|
|
2
3
|
import _ from "lodash";
|
|
3
4
|
|
|
@@ -80,5 +81,8 @@ export const buildTable = (config: any, componentScope: string) => {
|
|
|
80
81
|
if(config.initialDensity){
|
|
81
82
|
table.config.main.initialDensity = config.initialDensity
|
|
82
83
|
}
|
|
84
|
+
if(config.layout){
|
|
85
|
+
table.config.layout = createLayoutFormat(config.layout)
|
|
86
|
+
}
|
|
83
87
|
return table;
|
|
84
88
|
};
|
|
@@ -8,6 +8,7 @@ export const buildWrapperSection = (config, componentScope) => {
|
|
|
8
8
|
wrapper.config.main.label = config.label;
|
|
9
9
|
wrapper.config.main.divider = config.divider === "YES" ? true : false;
|
|
10
10
|
wrapper.config.main.isAccordion = config.isAccordion === "No" ? false : true;
|
|
11
|
+
wrapper.config.main.defaultClosed = config.defaultClosed === "YES"?true:false;
|
|
11
12
|
if(config.defaultStyle){
|
|
12
13
|
wrapper.config.defaultStyle = config.defaultStyle ==="YES" ? true : false;
|
|
13
14
|
}
|
|
@@ -390,10 +390,8 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
390
390
|
getInputField("bottomLabel_2", "Second BottomLabel"),
|
|
391
391
|
getInputField("bottomLabel_3", "Third BottomLabel"),
|
|
392
392
|
getInputField("size", "Size"),
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
{ label: "Horizontal", value: "horizontal" },
|
|
396
|
-
]),
|
|
393
|
+
getRadioInputField("variant", "Variant", ["circular", "horizontal"]),
|
|
394
|
+
|
|
397
395
|
getArrayControl("pieArcColors", "color","Color"),
|
|
398
396
|
];
|
|
399
397
|
break;
|
|
@@ -457,6 +455,7 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
457
455
|
getRadioInputField("isAccordion", "Accordion", ["YES", "No"])
|
|
458
456
|
, getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
|
|
459
457
|
getInputField("rowSpacing", "Row Spacing"),
|
|
458
|
+
getRadioInputField("defaultClosed", "Default Closed", ["YES", "No"]),
|
|
460
459
|
emptyBox("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 4 }), emptyBox("WrapperSectionEmpty2")
|
|
461
460
|
]
|
|
462
461
|
break;
|
|
@@ -41,9 +41,9 @@ export default function Card(theme) {
|
|
|
41
41
|
layout: { xs: 12, sm: 12, md: 3, lg: 3 },
|
|
42
42
|
},
|
|
43
43
|
elements: [
|
|
44
|
-
{
|
|
44
|
+
{
|
|
45
45
|
type: "Control",
|
|
46
|
-
scope: "#/properties/
|
|
46
|
+
scope: "#/properties/initilCardScope",
|
|
47
47
|
config: {
|
|
48
48
|
main: {
|
|
49
49
|
url: "https://www.svgrepo.com/show/500606/loading.svg",
|
|
@@ -73,7 +73,7 @@ export default function Card(theme) {
|
|
|
73
73
|
},
|
|
74
74
|
{
|
|
75
75
|
type: "Control",
|
|
76
|
-
scope: "#/properties/
|
|
76
|
+
scope: "#/properties/initilCardScope",
|
|
77
77
|
config: {
|
|
78
78
|
main: {
|
|
79
79
|
heading: "Total Earnings",
|
|
@@ -104,7 +104,7 @@ export default function Card(theme) {
|
|
|
104
104
|
},
|
|
105
105
|
{
|
|
106
106
|
type: "Control",
|
|
107
|
-
scope: "#/properties/
|
|
107
|
+
scope: "#/properties/initilCardScope",
|
|
108
108
|
config: {
|
|
109
109
|
main: {
|
|
110
110
|
heading: "5000.00",
|
|
@@ -138,7 +138,7 @@ export default function Card(theme) {
|
|
|
138
138
|
},
|
|
139
139
|
{
|
|
140
140
|
type: "Control",
|
|
141
|
-
scope: "#/properties/
|
|
141
|
+
scope: "#/properties/initilCardScope",
|
|
142
142
|
config: {
|
|
143
143
|
main: {
|
|
144
144
|
heading: "Increased from last month",
|