impaktapps-ui-builder 0.0.297 → 0.0.298

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

@@ -1,27 +1 @@
-export declare const buildButton: (config: any, componentScope: string) => {
-    type: string;
-    scope: string;
-    options: {
-        widget: string;
-    };
-    config: {
-        layout: {
-            xs: number;
-            sm: number;
-            md: number;
-            lg: number;
-        };
-        main: {
-            name: string;
-            variant: string;
-            color: string;
-            type: string;
-            startIcon: string;
-            styleDefault: boolean;
-            icon: string;
-            onClick: string;
-            size: string;
-        };
-        style: {};
-    };
-};
+export declare const buildButton: (config: any, componentScope: string) => any;

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

@@ -42,10 +42,6 @@ export declare const getSelectField: (scope: string, label: string, options: {
         main: {
             label: string;
             type: string;
-            options: {
-                label: string;
-                value: string;
-            }[];
         };
     };
 };

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

@@ -68,7 +68,7 @@ export declare const CoreSection: {
             elementLabelProp: string;
             detail: {
                 type: string;
-                elements: {
+                elements: ({
                     type: string;
                     scope: string;
                     options: {
@@ -83,9 +83,32 @@ export declare const CoreSection: {
                         };
                         main: {
                             label: string;
+                            type?: undefined;
+                            helperText?: undefined;
+                            errorMessage?: undefined;
                         };
                     };
-                }[];
+                } | {
+                    type: string;
+                    scope: string;
+                    options: {
+                        widget: string;
+                    };
+                    config: {
+                        layout: {
+                            xs: number;
+                            sm: number;
+                            md: number;
+                            lg: number;
+                        };
+                        main: {
+                            label: string;
+                            type: string;
+                            helperText: string;
+                            errorMessage: string;
+                        };
+                    };
+                })[];
             };
             widget?: undefined;
         };
@@ -109,19 +132,3 @@ export declare const OptionArraySchema: {
         };
     };
 };
-export declare const LayoutArraySchema: {
-    layout: {
-        type: string;
-        items: {
-            type: string;
-            properties: {
-                key: {
-                    type: string;
-                };
-                value: {
-                    type: string;
-                };
-            };
-        };
-    };
-};

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

@@ -7,7 +7,7 @@ export declare const refreshSectionUiSchema: {
         options: {
             detail: {
                 type: string;
-                elements: {
+                elements: ({
                     type: string;
                     scope: string;
                     options: {
@@ -24,7 +24,24 @@ export declare const refreshSectionUiSchema: {
                             label: string;
                         };
                     };
-                }[];
+                } | {
+                    type: string;
+                    scope: string;
+                    options: {
+                        widget: string;
+                    };
+                    config: {
+                        layout: {
+                            xs: number;
+                            sm: number;
+                            md: number;
+                            lg: number;
+                        };
+                        main: {
+                            label?: undefined;
+                        };
+                    };
+                })[];
             };
         };
     }[];

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

@@ -1,4 +1,31 @@
 export declare const ValueTab: {
     type: string;
-    elements: any[];
+    elements: {
+        type: string;
+        scope: string;
+        layout: number;
+        options: {
+            detail: {
+                type: string;
+                elements: {
+                    type: string;
+                    scope: string;
+                    options: {
+                        widget: string;
+                    };
+                    config: {
+                        layout: {
+                            xs: number;
+                            sm: number;
+                            md: number;
+                            lg: number;
+                        };
+                        main: {
+                            label: string;
+                        };
+                    };
+                }[];
+            };
+        };
+    }[];
 };

package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.d.ts

@@ -1,6 +1,14 @@
 export declare const PageMasterSchema: {
     type: string;
     properties: {
+        name: {
+            type: string;
+            minLength: number;
+            pattern: string;
+        };
+        label: {
+            type: string;
+        };
         layout: {
             type: string;
             items: {
@@ -27,4 +35,5 @@ export declare const PageMasterSchema: {
             };
         };
     };
+    required: string[];
 };

package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts

@@ -69,4 +69,5 @@ export declare const EventSchema: {
             };
         };
     };
+    required: string[];
 };

package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts

@@ -74,6 +74,7 @@ declare const _default: (store: any, dynamicData: any) => {
                 };
             };
         };
+        required: string[];
     }>;
     onChange: () => void;
     saveHandler: () => Promise<void>;

package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts

@@ -12,6 +12,14 @@ declare const _default: (funcParams: funcParamsProps) => {
     getSchema: () => {
         type: string;
         properties: {
+            name: {
+                type: string;
+                minLength: number;
+                pattern: string;
+            };
+            label: {
+                type: string;
+            };
             layout: {
                 type: string;
                 items: {
@@ -38,6 +46,7 @@ declare const _default: (funcParams: funcParamsProps) => {
                 };
             };
         };
+        required: string[];
     };
     backHandler: () => void;
     onAddClickHandler: () => Promise<void>;

package/package.json

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

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

@@ -3,7 +3,7 @@ import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
 export const buildButton = (config:any,componentScope:string) =>{
-    const button = _.cloneDeep(Button);
+    const button:any = _.cloneDeep(Button);
     if (config.buttonType) {
       button.options.widget = config.buttonType === "IconButton" ? "IconButton" : "Button";
       config.buttonType === "ButtonWithIconAndText" ?
@@ -14,8 +14,17 @@ export const buildButton = (config:any,componentScope:string) =>{
     if(config.layout){
       button.config.layout = createLayoutFormat(config.layout)
     }
+    if(config.tooltipMessage){
+        button.config.main.tooltipMessage = config.tooltipMessage
+    }
+  
     if(config.defaultStyle){
-      button.config.main.styleDefault = config.defaultStyle==="true"?true:false;
+      if(config.buttonType === "IconButton"){
+        button.config.main.styleDefault = config.defaultStyle==="true"?true:false;
+      }else{
+        button.config.main.enableDefaultStyle = config.defaultStyle==="true"?false:true;
+      }
+     
     }
     button.scope = componentScope;
     if (config.style) {

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

@@ -13,15 +13,15 @@ export const buildCard = (config,componentScope) =>{
     if(config.layout){
       card.config.layout = createLayoutFormat(config.layout)
     }
-    // if(config.label){
-    //   card.elements[0].config.main.heading = config.label;
-    // }
-    // if(config.url){
-    //   card.elements[1].config.main.url = config.url;
-    // }
-    // if(config.description){
-    //   card.elements[2].config.main.heading = config.description;
-    // }
+    if(config.label){
+      card.elements[0].config.main.heading = config.label;
+    }
+    if(config.url){
+      card.elements[1].config.main.url = config.url;
+    }
+    if(config.description){
+      card.elements[2].config.main.heading = config.description;
+    }
    
   
     

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

@@ -34,9 +34,17 @@ export default (FormData: any) => {
 };
 
 export const createLayoutFormat = (config: any[]) => {
+  if(_.isEmpty(config)){
+    return {
+      xs: 11,
+      sm: 11,
+      md: 5.5,
+      lg: 5.5,
+    }
+  }
   let data: any = {};
   config.map((e:any)=>{
-    data[e.key] = +e.value
+    data[e.key||"xs"] = +e.value||5.5
   })
   return data;
 };

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

@@ -8,7 +8,7 @@ export const buildTextField = (config:any,componentScope:string) =>{
     if (config.style) {
       inputField.config.style = JSON.parse(config.style)
     }
-    if(config.layout){
+    if (config.layout) {
       inputField.config.layout = createLayoutFormat(config.layout)
     }
     inputField.config.main.errorMessage = `${config.name} is empty or invalid`;

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

@@ -43,14 +43,14 @@ function buildRule(configObj: any, tableName?: string, arrayHolderName?: boolean
     if (schema.properties?.[tableName]?.items?.properties) {
       if (!schema.properties?.[tableName]?.items?.properties?.[configObj.name]) {
         schema.properties[tableName].items.properties[configObj.name] = {};
-        if (configObj.type === "Select" || configObj.value?.length > 0) {
+        if (configObj.type === "Select" && configObj.value?.length > 0) {
           schema.properties[tableName].items.properties[configObj.name] = {
             oneOf: configObj.value.map((e) => {
               return { const: e.value, title: e.label }
             })
           }
         }
-        else if (configObj.type === "MultipleSelect" || configObj.value?.length > 0) {
+        else if (configObj.type === "MultipleSelect" && configObj.value?.length > 0) {
           schema.properties[tableName].items.properties[configObj.name] = {
             items: {
               oneOf: configObj.value.map((e) => {
@@ -61,6 +61,23 @@ function buildRule(configObj: any, tableName?: string, arrayHolderName?: boolean
         }
       }
     }
+  } else if ((configObj.type === "Select" || configObj.type === "MultipleSelect") && configObj.value?.length > 0) {
+    if (configObj.type === "Select" ) {
+      schema.properties[configObj.name] = {
+        oneOf: configObj.value.map((e) => {
+          return { const: e.value, title: e.label }
+        })
+      }
+    }
+    else if (configObj.type === "MultipleSelect" ) {
+      schema.properties[configObj.name] = {
+        items: {
+          oneOf: configObj.value.map((e) => {
+            return { const: e.value, title: e.label }
+          })
+        }
+      }
+    }
   }
   if (configObj.validation) {
     configObj.validation.forEach((rule: any) => {
@@ -279,13 +296,13 @@ const buildUiSchema = (config: any) => {
         return buildUiSchema(e)
       });
     }
-  else {
-    elements.elements = config.elements.map((e: any, elemInd: number) => {
-      return buildUiSchema(e)
-    });
+    else {
+      elements.elements = config.elements.map((e: any, elemInd: number) => {
+        return buildUiSchema(e)
+      });
+    }
   }
-}
-return elements;
+  return elements;
 }
 
 

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

@@ -4,7 +4,6 @@ import _ from "lodash";
 export const buildWrapperSection = (config,componentScope) =>{
     const wrapper: any = _.cloneDeep(WrapperSection);
     wrapper.config.main.label = config.label;
-    wrapper.config.main.divider = config.divider ? true : false;
-    wrapper.config.main.header = config.heading ? true : false;
+    wrapper.config.main.divider = config.divider === "YES" ? true : false;
     return wrapper;
 }

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

@@ -144,7 +144,7 @@ export const getSelectField = (scope: string, label: string, options: { label: s
       main: {
         label: label,
         type: "text",
-        options: options
+        // options: options
       },
     },
   }
@@ -193,17 +193,13 @@ export const buildPropertiesSection = function (type: String) {
     const bottomLabel_3 = getInputField("bottomLabel_3", "Third BottomLabel");
     uiSchema.elements = [heading, bottomLabel_1, bottomLabel_2, bottomLabel_3];
   } else if (type === "card") {
-    uiSchema.elements = [getInputField("url", "Image Url"), getInputField("label", "Label"), getInputField("description", "Description"),];
+    uiSchema.elements = [getInputField("url", "Image Url"), getInputField("label", "Label"), getInputField("description", "Description"),EmptyBox];
   }
   else if (type === "Button") {
-    const caption = getInputField("color", "Color");
-    const size = getInputField("size", "Size");
-    const iconName = getInputField("iconName", "Icon Name");
-    uiSchema.elements = [getSelectField("buttonType", "Button Type", [
-      { label: "Button With Text", value: "Button" },
-      { label: "Button With Icon", value: "IconButton" },
-      { label: "Button With Icon and Text", value: "ButtonWithIconAndText" },
-    ]), iconName, size, caption,
+    const color = getSelectField("color", "Color",[]);
+    const iconName = getSelectField("iconName", "Icon Name",[]);
+    uiSchema.elements = [getSelectField("buttonType", "Button Type", []), iconName,  color,
+    getInputField("tooltipMessage", "Tooltip Message"), 
     getSelectField("defaultStyle", "Default Style", [
       { label: "Apply Default Style", value: "true" },
       { label: "No Style", value: "false" },

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

@@ -72,7 +72,7 @@ export const CoreSection = {
         "elementLabelProp": "key",
         detail: {
           type: "HorizontalLayout",
-          
+
           elements: [
             {
               type: "Control",
@@ -89,7 +89,7 @@ export const CoreSection = {
                 },
                 main: {
                   label: "Screen Size",
-  
+
                 },
               },
             },
@@ -109,7 +109,10 @@ export const CoreSection = {
                 },
                 main: {
                   label: "Value",
-                 
+                  type:"number",
+                  // freeSolo:true,
+                  helperText:'Number should be in range of 0 to 12',
+                  errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
                 },
               },
             },
@@ -162,6 +165,8 @@ export const OptionArray: any = {
             },
             main: {
               label: "Value",
+              helperText: 'Number should be in range of 0 to 12',
+              errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
             },
           },
         },
@@ -187,19 +192,4 @@ export const OptionArraySchema = {
   },
 };
 
-export const LayoutArraySchema = {
-  layout: {
-    type: "array",
-    items: {
-      type: "object",
-      properties: {
-        key: {
-          type: "string",
-        },
-        value: {
-          type: "string",
-        },
-      },
-    },
-  },
-};
+

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

@@ -30,6 +30,25 @@ export const refreshSectionUiSchema = {
                 },
               },
             },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+
+              options: {
+                widget: "EmptyBox",
+              },
+              config: {
+                layout: {
+                  xs: 11,
+                  sm: 11,
+                  md: 5.5,
+                  lg: 5.5,
+                },
+                main: {
+                 
+                },
+              },
+            },
           ],
         },
       },

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

@@ -46,7 +46,7 @@ export const TableSection = {
                   styleDefault: true,
                   size: "small",
                   onClick: "widgetAddClickHandler",
-                  tooltipMessage: "Back",
+                  tooltipMessage: "Add New",
                 },
                 style: {
                   float: "right", 

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

@@ -2,5 +2,56 @@ import { OptionArray } from "./coreSection";
 
 export const ValueTab = {
   type: "HorizontalLayout",
-  elements: [OptionArray],
+  elements: [
+    {
+      type: "Control",
+      scope: "#/properties/value",
+      layout: 11.5,
+      options: {
+        detail: {
+          type: "HorizontalLayout",
+          elements: [
+            {
+              type: "Control",
+              scope: "#/properties/label",
+              options: {
+                widget: "InputField",
+              },
+              config: {
+                layout: {
+                  xs: 11,
+                  sm: 11,
+                  md: 5.5,
+                  lg: 5.5,
+                },
+                main: {
+                  label: "Label",
+                },
+              },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/value",
+    
+              options: {
+                widget: "InputField",
+              },
+              config: {
+                layout: {
+                  xs: 11,
+                  sm: 11,
+                  md: 5.5,
+                  lg: 5.5,
+                },
+                main: {
+                  label: "Value",
+                  
+                },
+              },
+            },
+          ],
+        },
+      },
+    }
+  ],
 };