impaktapps-ui-builder 1.0.1-alpha.3 → 1.0.1-alpha.4

package/dist/src/impaktapps-ui-builder/builder/build/buildPhoneInput.d.ts

@@ -0,0 +1 @@
+export declare const buildPhoneInputField: (config: any, componentScope: string) => any;

package/dist/src/impaktapps-ui-builder/builder/build/uischema/phoneInput.d.ts

@@ -0,0 +1,20 @@
+declare const PhoneInput: {
+    scope: string;
+    type: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            defaultCountry: string;
+            label: string;
+        };
+    };
+};
+export default PhoneInput;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.1-alpha.3",
+    "version": "1.0.1-alpha.4",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildPhoneInput.ts

@@ -0,0 +1,26 @@
+import _ from "lodash";
+import PhoneInput from "./uischema/phoneInput";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildPhoneInputField = (config: any, componentScope: string) => {
+  const phonInputField: any = _.cloneDeep(PhoneInput);
+  phonInputField.config.main.label = config.label;
+  if (config.style) {
+    phonInputField.config.style = JSON.parse(config.style)
+  }
+  // if (config.multiline) {
+  //   phonInputField.config.main.multiline = config.multiline === "YES" ? true : false;
+  // }
+  if (config.InputFormatingAndMasking) {
+    phonInputField.config.main.formatStrArray = config.InputFormatingAndMasking.map(e => e.formatElement);
+  }
+  if (config.placeholder) {
+    phonInputField.config.main.placeholder = config.placeholder;
+  }
+  if (config.layout) {
+    phonInputField.config.layout = createLayoutFormat(config.layout)
+  }
+  phonInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
+  phonInputField.scope = componentScope;
+  return phonInputField;
+}

package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts

@@ -1,6 +1,4 @@
 import _ from "lodash";
-import emptyBox from "./uischema/emptyBox";
-import cardSlider from "./uischema/cardSlider";
 import { buildLeaderBoard } from "./buildLeaderboard";
 import { buildProgressBarCard } from "./buildProgressBarCard";
 import { buildProgressBar } from "./buildProgressBar";
@@ -40,6 +38,7 @@ import { buildDataGrid } from "./buildDataGrid";
 import { buildInputSlider } from "./buildInputSlider";
 import { buildTreeMap } from "./buildTreeMap";
 import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
+import { buildPhoneInputField } from "./buildPhoneInput";
 export let schema = {
   type: "object",
   properties: {},
@@ -307,6 +306,8 @@ const buildUiSchema = (config: any, store?: any) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config, componentScope);
       break;
+    case "PhoneInput":
+      elements = buildPhoneInputField(config, componentScope);
       break;
     default:
       schema = {
@@ -383,7 +384,7 @@ const buildUiSchema = (config: any, store?: any) => {
 
       })
       elements.elements = rowElements;
-      elements.config.action = tableActionElement;
+      elements.config.actions = tableActionElement;
       elements.config.main.headerIcons.elements = tableHeaderElements;
     }
 

package/src/impaktapps-ui-builder/builder/build/uischema/phoneInput.ts

@@ -0,0 +1,16 @@
+const PhoneInput = {
+    scope: "#/properties/testPhone",
+    type: "Control",
+    options: {
+        widget: "PhoneInput"
+    },
+    config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+        defaultCountry: "in",
+        label: "Phone"
+        }
+    }
+};
+
+export default PhoneInput;

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -41,7 +41,8 @@ export const ComponentSchema: any = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" }
+        { title: "Thought of the day", const: "Thought" },
+        { title: "Phone Input", const: "PhoneInput" }
       ]
     },
     elementType: {