npm - impaktapps-ui-builder - Versions diffs - 1.0.50-alpha.1 → 1.0.50-alpha.10 - Mend

impaktapps-ui-builder 1.0.50-alpha.1 → 1.0.50-alpha.10

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.

Files changed (30) hide show

package/dist/src/impaktapps-ui-builder/builder/build/buildConfig.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 declare const _default: (FormData: any) => any;
 export default _default;
-export declare const createLayoutFormat: (config: any[]) => any;
+export declare const createLayoutFormat: (layout: any[], type?: string) => any;
 export declare const flatObjectValueInArray: (config?: any[]) => any[];

package/dist/src/impaktapps-ui-builder/builder/build/uischema/box.d.ts CHANGED Viewed

@@ -5,7 +5,12 @@ declare const Box: {
         widget: string;
     };
     config: {
-        layout: number;
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
         main: {};
         style: {};
     };

package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts CHANGED Viewed

@@ -5,7 +5,12 @@ declare const _default: {
         widget: string;
     };
     config: {
-        layout: number;
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
         main: {
             name: string;
             variant: string;

package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ declare const _default: {
     };
     elements: any[];
     config: {
+        layout: number;
         main: {
             onMount: string;
             enableExpandAll: boolean;

package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 declare const _default: {
     type: string;
     config: {
+        layout: number;
         main: {
             rowSpacing: number;
             divider: boolean;

package/package.json CHANGED Viewed

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

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

@@ -11,7 +11,7 @@ const TextField = {
       "widget": "InputField"
     },
   config:{
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main:{
       label:"Adhaar Card",
       formatStrArray:["9","9","9","9"," ","9","9","9","9"," ","X9","X9","X9","X9"],
@@ -43,7 +43,7 @@ const PanField = {
       "widget": "InputField"
     },
   config:{
-    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main:{
       label:"Pan Card",
       placeholder:"AAAAA0000A",

package/src/impaktapps-ui-builder/builder/build/buildArray.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import _ from "lodash";
 const ArrayUiSchema: any = {
     type: "Control",
     scope: "#/properties/adjustments",
-    layout: 11.5,
+    layout: 12,
     elements: [],
     config: {
         main: {}

package/src/impaktapps-ui-builder/builder/build/buildCheckbox.ts CHANGED Viewed

@@ -4,11 +4,11 @@ import { createLayoutFormat } from "./buildConfig";
 const Checkbox =  {
     "type": "Control",
     "scope": "#/properties/username1",
-    "layout": 12,
     "options": {
       "widget": "CheckBox"
     },
     "config": {
+    "layout": { xs: 6, sm: 6, md: 4, lg: 3 },
       "main": {
         "label": "Welcome to Hyperform",
       }

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

@@ -26,13 +26,25 @@ export default (FormData: any) => {
   return component;
 };
-export const createLayoutFormat = (config: any[]) => {
-  if (_.isEmpty(config)) {
-    return { xs: 12, sm: 6, md: 4, lg: 3 }
+export const createLayoutFormat = (layout: any[], type?: string) => {
+  if (_.isEmpty(layout)) {
+    const fullLayoutComponents: string[] = ["Array", "WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "Table", "TabSection", "TextArea", "TreeMap", "Thought"]
+    if(fullLayoutComponents.includes(type)){
+      return { xs: 12, sm: 12, md: 12, lg: 12 }
+    }
+    else if(type === "Graph"){
+      return {xs :12,sm:12,md:12,lg:6}
+    }
+    else if(type === "Button"){
+      return { xs: 4, sm: 2.5, md: 2, lg: 1.5 }
+    }
+    else{
+      return { xs: 6, sm: 6, md: 4, lg: 3 }
+    }
   }
   let data: any = {  };
-  config.map((e: any) => {
+  layout.map((e: any) => {
     data[e.key || "xs"] = +e.value || 5.5;
   })

package/src/impaktapps-ui-builder/builder/build/buildRadio.ts CHANGED Viewed

@@ -9,7 +9,7 @@ const RadioUiSchema = {
       widget: "RadioInputField",
     },
     config: {
-      layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 12, sm: 6, md: 4, lg: 3 },
       main: {
         label: "Enabled",
         options: ["YES", "NO"],

package/src/impaktapps-ui-builder/builder/build/buildTextArea.ts CHANGED Viewed

@@ -10,7 +10,7 @@ const TextArea =  {
       widget: "TextArea",
     },
     config: {
-      layout:{xs:12,sm:12,md:5.5,lg:5.5},
+      layout:12,
       style:{
         containerStyle:{
           borderRadius:"20px",

package/src/impaktapps-ui-builder/builder/build/buildTreeMap.ts CHANGED Viewed

@@ -5,6 +5,7 @@ const TreeMap = {
     "type": "Control",
     "scope": "#/properties/TreeMap2",
     "config": {
+        layout: 12,
         "main": {
             "layout": "cartsian",
             orientation: "vertical",

package/src/impaktapps-ui-builder/builder/build/uischema/array.ts CHANGED Viewed

@@ -2,7 +2,7 @@ export const ArrayLayout = {
     "type": "Control",
         "scope": "#/properties/adjustments",
             "config": {
-        "layout": 11.5
+        "layout": 12
     },
     "options": {
         "name": "adjustments",

package/src/impaktapps-ui-builder/builder/build/uischema/box.ts CHANGED Viewed

@@ -6,7 +6,7 @@
       widget: "Box",
     },
-    config: { layout: 12,
+    config: { layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {},
       style:{
         // fontWeight:300

package/src/impaktapps-ui-builder/builder/build/uischema/button.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export default  {
     widget: "Button",
   },
   config: {
-    layout: 3,
+    layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
     main: {
       name: "Compare",
       variant: "contained",

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

@@ -40,7 +40,7 @@ export const CoreSection = {
         widget: "InputField",
       },
       config: {
-        layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
         main: {
           label: "Component ID",
           required: true,

package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
   },
   config: {
-     layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+     layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "date",
@@ -21,7 +21,7 @@ export const DateTime = {
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "DateTime",
       type: "date",

package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
   },
   config: {
-    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {},
     style:{}
   },

package/src/impaktapps-ui-builder/builder/build/uischema/file.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export const uploadFile =  {
       "style": {
         "backgroundColor": "none"
       },
-      layout: { xs: 6, sm: 6, md: 4, lg: 4 }
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 }
     },
     "options": {
       "widget": "UploadFile"
@@ -30,7 +30,7 @@ export const downloadFile =   {
       "style": {
         "backgroundColor": "none"
       },
-      layout: { xs: 12, sm: 6, md: 4, lg: 4 }
+      layout: { xs: 12, sm: 6, md: 4, lg: 3 }
     },
     "options": {
       "widget": "DownloadFile"

package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
     widget: "MultipleSelect",
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",

package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
     widget: "SelectInputField",
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",

package/src/impaktapps-ui-builder/builder/build/uischema/table.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export default {
   },
   elements: [],
   config: {
+    layout: 12,
     main: {
       onMount: "onMount",
       enableExpandAll: true,

package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
       widget: "InputField",
     },
     config: {
-      layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {
         label: "",
       },

package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 export default {
     type: "WrapperLayout",
     config: {
+      layout: 12,
       main: {
         rowSpacing: 3,
         divider: true,

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED Viewed

@@ -66,7 +66,7 @@ export const componentBasicUiSchema: any = (theme) => {
                 widget: "InputField",
               },
               config: {
-                layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+                layout: { xs: 6, sm: 6, md: 4, lg: 3 },
                 main: {
                   label: "Component ID",
                   required: true,