impaktapps-ui-builder 0.0.303 → 0.0.304

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.303",
+    "version": "0.0.304",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -0,0 +1,95 @@
+import _ from "lodash";
+
+import { createLayoutFormat } from "./buildConfig";
+
+
+const TextField =  {
+    type: "Control",
+    scope: "#/properties/text",
+  
+    options: {
+      widget: "InputField",
+    },
+    config: {
+      layout: {
+        xs: 11,
+        sm: 11,
+        md: 5.5,
+        lg: 5.5,
+      },
+      main: {
+        label:"Aadhaar No.",
+        max:2000,
+        step:200,
+        autoFormat:true,
+        // patternRegex:"^[A-Z]{5}[0-9]{4}[A-Z]$",
+        patternRegex:"^[0-9\\s]*$",
+        // valueLength:14,
+        spaceIndex:4,
+        autoMaskLength:4,
+        autoMask:true,
+        defaultStyle:true
+      },
+      style:{}
+    },
+  }
+
+export const buildAdhaarField = (config:any,componentScope:string) =>{
+    const inputField: any = _.cloneDeep(TextField);
+    inputField.config.main.label = config.label;
+    if (config.style) {
+      inputField.config.style = JSON.parse(config.style)
+    }
+    if (config.layout) {
+      inputField.config.layout = createLayoutFormat(config.layout)
+    }
+    inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
+    inputField.scope = componentScope;
+    return inputField;
+}
+
+
+const PanField =  {
+    type: "Control",
+    scope: "#/properties/text",
+  
+    options: {
+      widget: "InputField",
+    },
+    config: {
+      layout: {
+        xs: 11,
+        sm: 11,
+        md: 5.5,
+        lg: 5.5,
+      },
+      main: {
+        label:"Aadhaar No.",
+        max:2000,
+        step:200,
+        // autoFormat:true,
+        patternRegex:"^[A-Z]{5}[0-9]{4}[A-Z]$",
+        // patternRegex:"^[0-9\\s]*$",
+        // valueLength:14,
+        spaceIndex:4,
+        autoMaskLength:4,
+        // autoMask:true,
+        defaultStyle:true
+      },
+      style:{}
+    },
+  }
+
+export const buildPanField = (config:any,componentScope:string) =>{
+    const inputField: any = _.cloneDeep(PanField);
+    inputField.config.main.label = config.label;
+    if (config.style) {
+      inputField.config.style = JSON.parse(config.style)
+    }
+    if (config.layout) {
+      inputField.config.layout = createLayoutFormat(config.layout)
+    }
+    inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
+    inputField.scope = componentScope;
+    return inputField;
+}

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

@@ -32,6 +32,7 @@ import { buildLineGraph } from "./buildLineGraph";
 import { buildRadio } from "./buildRadio";
 import { buildEmptyBox } from "./buildEmptyBox";
 import { buildArray } from "./buildArray";
+import { buildAdhaarField, buildPanField } from "./buildAadharCard";
 export let schema = {
   type: "object",
   properties: {},
@@ -162,6 +163,15 @@ const buildUiSchema = (config: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "AadharcardText":
+      elements = buildAdhaarField(config, componentScope);
+      break;
+      case "PanCardText":
+      elements = buildPanField(config, componentScope);
+      break;
+      case "TabSection":
+        elements = buildTabSection(config, componentScope);
+        break;
     case "RunnerBoyProgressBar":
       elements = RunnerBoyProgressbar(config, componentScope);
 

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

@@ -4,6 +4,7 @@ export const ComponentSchema: any = {
     type: {
       type: "string",
       oneOf: [
+        { title: "AadharcardText", const: "AadharcardText"},
         { title: "Array", const: "Array" },
         { title: "Button", const: "Button" },
         { title: "Card", const: "card" },
@@ -16,6 +17,7 @@ export const ComponentSchema: any = {
         { title: "Label", const: "Box" },
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },
+        { title: "PanCardText", const: "PanCardText" },
         { title: "ProgressBar", const: "ProgressBar" },
         { title: "ProgressBar Card", const: "ProgressBarCard" },
         { title: "Select", const: "Select" },