impaktapps-ui-builder 0.0.101-alpha.266 → 0.0.101-alpha.268

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/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts

@@ -9,7 +9,6 @@ declare const _default: {
         main: {
             onMount: string;
             enableExpandAll: boolean;
-            headerIcons: {};
             allRowData: any[];
             downloadAllData: boolean;
             columns: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.101-alpha.266",
+    "version": "0.0.101-alpha.268",
     "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 = {
@@ -337,56 +338,40 @@ const buildUiSchema = (config: any, store?: any) => {
           elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : []
         }
       })
-    } else if (config.type == "Table") {
+    }  else if (config.type == "Table") {
       const sizeMap = {}
-
+ 
       if (config.sizeHolder) {
         config.sizeHolder.map((e, i) => {
           sizeMap[e.keyName] = e.value
         });
       }
-      const tableHeaderElements = [];
-      const tableActionElement = [];
-      const rowElements = []
-      config.elements.filter((cellElem, elemInd) => {
+   
+      elements.elements = config.elements.map((cellElem, elemInd) => {
         const commonProperties = {
           accessorKey: cellElem.name,
           type: cellElem.columnFormat,
           header: cellElem.label || cellElem.name,
           size: sizeMap[cellElem.name] || 180,
-          enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
+          enableColumnFilter: cellElem.enableFilter === "No"?false:true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
           columnKey: cellElem.columnKey
         }
         if (cellElem.type) {
-          if (cellElem.elementType == "action") {
-            const actionElem = buildUiSchema(cellElem, store);
-            tableActionElement.push(actionElem);
-            return false;
-          }
-          if (cellElem.elementType == "tableHeader") {
-            const headerElem = buildUiSchema(cellElem, store);
-            tableHeaderElements.push({widget:headerElem});
-            return false;
-          }
-          const tableElem = {
+          return {
             widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store) : undefined,
             elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : [],
             ...commonProperties
-
+ 
           }
-          rowElements.push(tableElem)
         } else {
-          rowElements.push({ ...commonProperties })
+          return commonProperties
         }
-
+ 
       })
-      elements.elements = rowElements;
-      elements.config.action = tableActionElement;
-      elements.config.main.headerIcons.elements = tableHeaderElements;
     }
-
+ 
     else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e: any, elemInd: number) => {
         return buildUiSchema(e, store)

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/build/uischema/table.ts

@@ -9,7 +9,6 @@ export default {
     main: {
       onMount: "onMount",
       enableExpandAll: true,
-      headerIcons:{},
       allRowData: [],
       downloadAllData: false,
       columns: {

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

@@ -1,4 +1,3 @@
-//headerIcons //action //elements
 export const ComponentSchema: any = {
   type: "object",
   properties: {
@@ -41,14 +40,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" }
-      ]
-    },
-    elementType: {
-      oneOf: [
-        { title: "Table Action Element", const: "action" },
-        { title: "Table Header Element", const: "tableHeader" },
-        { title: "Table Element", const: "element" },
+        { title: "Thought of the day", const: "Thought" },
+        { title: "Phone Input", const: "PhoneInput" }
       ]
     },
     columnFormat: {

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -143,19 +143,16 @@ export function refreshPage(type: string, store: any) {
       },
     },
     UiSchema.elements[0].elements[0].elements[9] = 
-     {
+    {
       type: "Control",
-      scope: "#/properties/elementType",
-      options: {
-        widget: "SelectInputField",
-      },
+      scope: "#/properties/proc",
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
-        main: {
-          label: "Element Type",
-        },
+        layout: { xs: 0, sm: 0, md: 4, lg: 0 },
       },
-    }
+      options: {
+        widget: "EmptyBox",
+      },
+    };
   }
 
   if (sessionStorage.getItem("copiedConfig") ) {

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -78,7 +78,6 @@ export default (funcParams: funcParamsProps) => {
     setPage: async function () {
       funcParams.store.setAdditionalErrors([]);
       funcParams.store.setFormdata({});
-      funcParams.store.setSchema({ type: "object", properties: {} });
       funcParams.store.newData = {};
       const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData")
       if (pageBasicDetailString) {
@@ -286,7 +285,7 @@ export default (funcParams: funcParamsProps) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ]
-        const response = await this.callExecuteEvents(param, apiBody, "onLoad");
+        const response = await this.callExecuteEvents(param, apiBody);
         return response?.data;
       }
     },