impaktapps-ui-builder 1.0.1-alpha.4 → 1.0.2
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 +2 -39
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +5 -5
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +3 -4
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +1 -2
- package/dist/src/impaktapps-ui-builder/builder/build/buildPhoneInput.d.ts +0 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/phoneInput.d.ts +0 -20
- package/src/impaktapps-ui-builder/builder/build/buildPhoneInput.ts +0 -26
- package/src/impaktapps-ui-builder/builder/build/uischema/phoneInput.ts +0 -16
package/package.json
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import _ from "lodash";
|
|
2
|
+
import emptyBox from "./uischema/emptyBox";
|
|
3
|
+
import cardSlider from "./uischema/cardSlider";
|
|
2
4
|
import { buildLeaderBoard } from "./buildLeaderboard";
|
|
3
5
|
import { buildProgressBarCard } from "./buildProgressBarCard";
|
|
4
6
|
import { buildProgressBar } from "./buildProgressBar";
|
|
@@ -38,7 +40,6 @@ import { buildDataGrid } from "./buildDataGrid";
|
|
|
38
40
|
import { buildInputSlider } from "./buildInputSlider";
|
|
39
41
|
import { buildTreeMap } from "./buildTreeMap";
|
|
40
42
|
import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
|
|
41
|
-
import { buildPhoneInputField } from "./buildPhoneInput";
|
|
42
43
|
export let schema = {
|
|
43
44
|
type: "object",
|
|
44
45
|
properties: {},
|
|
@@ -306,8 +307,6 @@ const buildUiSchema = (config: any, store?: any) => {
|
|
|
306
307
|
case "Thought":
|
|
307
308
|
elements = buildThoughtOfTheDay(config, componentScope);
|
|
308
309
|
break;
|
|
309
|
-
case "PhoneInput":
|
|
310
|
-
elements = buildPhoneInputField(config, componentScope);
|
|
311
310
|
break;
|
|
312
311
|
default:
|
|
313
312
|
schema = {
|
|
@@ -384,7 +383,7 @@ const buildUiSchema = (config: any, store?: any) => {
|
|
|
384
383
|
|
|
385
384
|
})
|
|
386
385
|
elements.elements = rowElements;
|
|
387
|
-
elements.config.
|
|
386
|
+
elements.config.action = tableActionElement;
|
|
388
387
|
elements.config.main.headerIcons.elements = tableHeaderElements;
|
|
389
388
|
}
|
|
390
389
|
|
|
@@ -41,8 +41,7 @@ export const ComponentSchema: any = {
|
|
|
41
41
|
{ title: "Upload", const: "UploadFile" },
|
|
42
42
|
{ title: "Tree ", const: "TreeMap" },
|
|
43
43
|
{ title: "Column Group", const: "ColumnGroup" },
|
|
44
|
-
{ title: "Thought of the day", const: "Thought" }
|
|
45
|
-
{ title: "Phone Input", const: "PhoneInput" }
|
|
44
|
+
{ title: "Thought of the day", const: "Thought" }
|
|
46
45
|
]
|
|
47
46
|
},
|
|
48
47
|
elementType: {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const buildPhoneInputField: (config: any, componentScope: string) => any;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
declare const PhoneInput: {
|
|
2
|
-
scope: string;
|
|
3
|
-
type: string;
|
|
4
|
-
options: {
|
|
5
|
-
widget: string;
|
|
6
|
-
};
|
|
7
|
-
config: {
|
|
8
|
-
layout: {
|
|
9
|
-
xs: number;
|
|
10
|
-
sm: number;
|
|
11
|
-
md: number;
|
|
12
|
-
lg: number;
|
|
13
|
-
};
|
|
14
|
-
main: {
|
|
15
|
-
defaultCountry: string;
|
|
16
|
-
label: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
export default PhoneInput;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import _ from "lodash";
|
|
2
|
-
import PhoneInput from "./uischema/phoneInput";
|
|
3
|
-
import { createLayoutFormat } from "./buildConfig";
|
|
4
|
-
|
|
5
|
-
export const buildPhoneInputField = (config: any, componentScope: string) => {
|
|
6
|
-
const phonInputField: any = _.cloneDeep(PhoneInput);
|
|
7
|
-
phonInputField.config.main.label = config.label;
|
|
8
|
-
if (config.style) {
|
|
9
|
-
phonInputField.config.style = JSON.parse(config.style)
|
|
10
|
-
}
|
|
11
|
-
// if (config.multiline) {
|
|
12
|
-
// phonInputField.config.main.multiline = config.multiline === "YES" ? true : false;
|
|
13
|
-
// }
|
|
14
|
-
if (config.InputFormatingAndMasking) {
|
|
15
|
-
phonInputField.config.main.formatStrArray = config.InputFormatingAndMasking.map(e => e.formatElement);
|
|
16
|
-
}
|
|
17
|
-
if (config.placeholder) {
|
|
18
|
-
phonInputField.config.main.placeholder = config.placeholder;
|
|
19
|
-
}
|
|
20
|
-
if (config.layout) {
|
|
21
|
-
phonInputField.config.layout = createLayoutFormat(config.layout)
|
|
22
|
-
}
|
|
23
|
-
phonInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
|
|
24
|
-
phonInputField.scope = componentScope;
|
|
25
|
-
return phonInputField;
|
|
26
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const PhoneInput = {
|
|
2
|
-
scope: "#/properties/testPhone",
|
|
3
|
-
type: "Control",
|
|
4
|
-
options: {
|
|
5
|
-
widget: "PhoneInput"
|
|
6
|
-
},
|
|
7
|
-
config: {
|
|
8
|
-
layout: { xs: 6, sm: 6, md: 4, lg: 3 },
|
|
9
|
-
main: {
|
|
10
|
-
defaultCountry: "in",
|
|
11
|
-
label: "Phone"
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export default PhoneInput;
|