impaktapps-ui-builder 0.0.99 → 0.0.101-alpha.1

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

@@ -0,0 +1,19 @@
+declare const _default: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            title: string;
+        };
+    };
+};
+export default _default;

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

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

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

@@ -9,7 +9,7 @@ export declare const TableSection: (theme: any) => {
         config: {
             main: {
                 headerIcons: {
-                    elements: {
+                    elements: ({
                         widget: {
                             type: string;
                             scope: string;
@@ -30,7 +30,28 @@ export declare const TableSection: (theme: any) => {
                                 };
                             };
                         };
-                    }[];
+                    } | {
+                        widget: {
+                            type: string;
+                            scope: string;
+                            options: {
+                                widget: string;
+                            };
+                            config: {
+                                main: {
+                                    onClick: string;
+                                    size: string;
+                                    icon: string;
+                                    iconLabel: string;
+                                    styleDefault: boolean;
+                                    color?: undefined;
+                                };
+                                style: {
+                                    mt: string;
+                                };
+                            };
+                        };
+                    })[];
                 };
                 disableAction: boolean;
                 disableSelection: boolean;
@@ -59,6 +80,8 @@ export declare const TableSection: (theme: any) => {
                         color: string;
                         onClick: string;
                         tooltipMessage: string;
+                        styleDefault?: undefined;
+                        disabled?: undefined;
                     };
                     style: {
                         color: any;
@@ -82,6 +105,31 @@ export declare const TableSection: (theme: any) => {
                         color: string;
                         onClick: string;
                         tooltipMessage: string;
+                        styleDefault?: undefined;
+                        disabled?: undefined;
+                    };
+                    style?: undefined;
+                };
+            };
+            accessorKey?: undefined;
+        } | {
+            header: string;
+            field: string;
+            flex: number;
+            widget: {
+                type: string;
+                scope: string;
+                options: {
+                    widget: string;
+                };
+                config: {
+                    main: {
+                        icon: string;
+                        onClick: string;
+                        styleDefault: boolean;
+                        disabled: boolean;
+                        color?: undefined;
+                        tooltipMessage?: undefined;
                     };
                     style?: undefined;
                 };

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

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

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

@@ -12,20 +12,7 @@ declare const _default: {
             lg: number;
         };
         main: {};
-        style: {
-            digitContainer: {
-                borderRadius: string;
-                textShawdow: string;
-                width: string;
-            };
-            container: {
-                backgroundColor: string;
-                borderRadius: string;
-            };
-            containerLabelColor: {
-                color: string;
-            };
-        };
+        style: {};
     };
 };
 export default _default;

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

@@ -39,6 +39,9 @@ export declare const PageMasterSchema: {
                 };
             };
         };
+        RemoveItemButton: {
+            disabled: boolean;
+        };
     };
     required: string[];
 };

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

@@ -68,6 +68,9 @@ export declare const EventSchema: {
                 };
             };
         };
+        RemoveItemButton: {
+            disabled: boolean;
+        };
     };
     required: string[];
 };

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

@@ -1,7 +1,7 @@
-export declare const refreshPage: (type: string, store: any) => void;
+export declare function refreshPage(type: string, store: any): void;
 declare const _default: (store: any, dynamicData: any, submitHandler: any, service: any) => {
     setPage: () => Promise<void>;
-    refreshPage: (type: string, store: any) => void;
+    refreshPage: typeof refreshPage;
     getFormdata: () => any;
     getSchema: () => any;
     okHandler: () => void;
@@ -16,5 +16,11 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     backHandler: () => void;
     deletePopUpComponent: () => void;
     deletePopUpEvent: () => void;
+    copyPasteElement: (paramStore: any, setPage?: any) => void;
+    CopyElement: (paramStore: any, elementType: string) => void;
+    PasteElement: (setPage: any, elementType: string) => void;
+    RemoveItemButton: (paramStore?: any) => void;
+    elementPathHandler: (parentPath: string, rowId: any, elementType: string) => string;
+    ElementPathSetter: (uiSchema: any, copiedFormData?: any) => void;
 };
 export default _default;

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

@@ -76,6 +76,9 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
                     };
                 };
             };
+            RemoveItemButton: {
+                disabled: boolean;
+            };
         };
         required: string[];
     };
@@ -87,5 +90,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
     deleteEvent: () => Promise<void>;
     backHandler: () => void;
     deletePopUpEvent: () => void;
+    copyPasteElement: () => void;
+    RemoveItemButton: () => void;
 };
 export default _default;

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

@@ -50,6 +50,9 @@ declare const _default: (funcParams: funcParamsProps) => {
                     };
                 };
             };
+            RemoveItemButton: {
+                disabled: boolean;
+            };
         };
         required: string[];
     };
@@ -63,5 +66,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     deleteEvent: () => void;
     deletePopUpComponent: () => void;
     deletePopUpEvent: () => void;
+    copyPasteElement: () => void;
+    RemoveItemButton: () => void;
 };
 export default _default;

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

@@ -5,6 +5,6 @@ export declare const getNavigationHistory: (config: any, path: string | undefine
 };
 export declare const saveFormdataInSessionStorage: (formData: any, path?: string) => any;
 export declare const getFormdataFromSessionStorage: (path?: string) => any;
-export declare function saveHandler(store: any, service: any, submitHandler: any, pageName?: string): Promise<void>;
+export declare function saveHandler(store: any, service: any, submitHandler: any): Promise<void>;
 export declare const navigateHandler: (store: any, isSubmitted: any, pageName?: string | boolean) => void;
 export declare function okHandler(store: any): void;

package/package.json

@@ -1,11 +1,15 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.99",
+    "version": "0.0.101-alpha.1",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",
         "preview": "vite preview"
     },
+    "publishConfig": {
+        "tag": "alpha"
+    },
+
     "dependencies": {
         "@babel/core": "^7.16.12",
         "@insertcoinab/gwen-react-components": "^1.2.65",

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

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

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

@@ -5,16 +5,20 @@ import { createLayoutFormat } from "./buildConfig";
 export const buildCard = (config,componentScope,store) =>{
     const card: any = _.cloneDeep(Card(store.theme.myTheme));
     if (config.style) {
-      card.config.style = JSON.parse(config.style)
+      card.config.wrapperStyle = JSON.parse(config.style)
     }
-    card.elements[0].elements[0].elements[0].scope = `#/properties/${config.name}/properties/value`
+    card.elements[0].elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/value`
     card.elements[1].scope = `#/properties/${config.name}/properties/url`
     card.elements[0].elements[0].elements[1].scope = `#/properties/${config.name}/properties/description`
     if(config.layout){
       card.config.layout = createLayoutFormat(config.layout)
     }
+    if(config?.titleIcon){
+      card.elements[0].elements[0].elements[0].elements[0].config.main.heading = eval(`'\\${config.titleIcon}'`);
+      card.elements[0].elements[0].elements[0].elements[1].config.style.left = "24px"
+    }
     if(config.label){
-      card.elements[0].elements[0].elements[0].config.main.heading = config.label;
+      card.elements[0].elements[0].elements[0].elements[1].config.main.heading = config.label;
     }
     if(config.url){
       card.elements[1].config.main.url = config.url;

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

@@ -35,14 +35,19 @@ export const createLayoutFormat = (config: any[]) => {
       lg: 12,
     }
   }
-  let data: any = {};
+  let data: any = {
+    xs: 12,
+    sm: 12,
+    md: 6,
+    lg: 6,
+  };
   config.map((e: any) => {
     data[e.key || "xs"] = +e.value || 5.5
   })
   return data;
 };
 export const flatObjectValueInArray = (config: any[]=[]) => {
-  if (config[0].length < 1) {
+  if (config.length < 1) {
     return
   }
   const keyName = Object.keys(config[0])[0]

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

@@ -1,4 +1,4 @@
-import { createLayoutFormat } from "./buildConfig";
+import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 import { HorizontalBarGraph } from "./uischema/graph";
 import _ from "lodash";
 
@@ -18,34 +18,22 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     if (config.bottomAxisAngle) {
       horizontalBarGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
     }
-    if (config.barColor) {
-      horizontalBarGraph.config.barStyle.color = config.barColor;
+    if (config.legendLabels) {
+      horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+    }
+    if (config.pieArcColors) {
+      horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
     }
     if (config.xAxisValue) {
       horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;
     }
-    if (config.containerBackground) {
-      horizontalBarGraph.config.containerStyle.background =
-        config.containerBackground;
-    }
     if (config.height) {
-      horizontalBarGraph.config.style =
-    {
-      containerStyle: {
-        height: config.height
-      }
-    }
-
+      horizontalBarGraph.config.style.containerStyle.height = config.height;
     }
     if (config.leftMargin) {
-      horizontalBarGraph.config.style =
-    {
-      labelStyle: {
-        margin: {
+      horizontalBarGraph.config.style.labelStyle.margin ={
           left: config.leftMargin
         }
-      }
-    }
     }
     if (config.bottomLabel) {
       horizontalBarGraph.config.main.bottomLabel =
@@ -57,4 +45,4 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     return horizontalBarGraph
 }
 
-export default buildHorizontalBarGraph
+export default buildHorizontalBarGraph;

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

@@ -9,7 +9,7 @@ const InputSlider = {
     },
 
     config: {
-        layout: 12,
+        layout: { xs: 12, sm: 12, md: 6, lg: 6 },
         main: {
             limitToMax: false,
             max: 10000,

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

@@ -3,7 +3,6 @@ import buildUiSchema from "./buildUiSchema";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-
 export const buildLeaderBoard = (config) => {
     const LeaderBoard: any = _.cloneDeep(leaderBoard)
     if (config.elements) {
@@ -14,29 +13,35 @@ export const buildLeaderBoard = (config) => {
             const widgetSchema = { widget: buildUiSchema(e), accessorKey: e.name, header: e.label || e.name, };
             return { ...widgetSchema };
         })
-        LeaderBoard.elements[9].elements = modifyColumns;
+        LeaderBoard.elements = modifyColumns;
     }
     LeaderBoard.config.main.label = config.label
     if (config.name) {
-        LeaderBoard.elements[0].scope = `#/properties/${config.name}/properties/firstImage`;
-        LeaderBoard.elements[3].scope = `#/properties/${config.name}/properties/firstName`
-        LeaderBoard.elements[1].scope = `#/properties/${config.name}/properties/secondImage`;
-        LeaderBoard.elements[4].scope = `#/properties/${config.name}/properties/secondName`
-        LeaderBoard.elements[2].scope = `#/properties/${config.name}/properties/thirdImage`;
-        LeaderBoard.elements[5].scope = `#/properties/${config.name}/properties/thirdName`
-        LeaderBoard.elements[9].scope = `#/properties/${config.name}/properties/table`
+        LeaderBoard.scope=`#/properties/${config.name}`
     }
     if (config.firstImage) {
-        LeaderBoard.elements[0].config.main.url = config.firstImage;
+        LeaderBoard.config.main.firstImage = config.firstImage;
     }
     if (config.secondImage) {
-        LeaderBoard.elements[1].config.main.url = config.secondImage;
+        LeaderBoard.config.main.secondImage = config.secondImage;
     }
-    if (config.secondImage) {
-        LeaderBoard.elements[2].config.main.url = config.thirdImage;
+    if (config.thirdImage) {
+        LeaderBoard.config.main.thirdImage = config.thirdImage;
+    }
+    if (config.nameKey) {
+        LeaderBoard.config.main.nameKey = config.nameKey;
+    }
+    if (config.imageKey) {
+        LeaderBoard.config.main.imageKey = config.imageKey;
+    }
+    if (config.scoreKey) {
+        LeaderBoard.config.main.scoreKey = config.scoreKey;
     }
     if (config.layout) {
         LeaderBoard.config.layout = createLayoutFormat(config.layout);
     }
+    if (config.style) {
+        LeaderBoard.config.style = JSON.parse(config.style)
+    }
     return LeaderBoard
 }

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

@@ -12,14 +12,9 @@ export const buildLineGraph = (config, componentScope) => {
     lineGraph.config.style.containerStyle.height = config.height;
   }
   if (config.leftMargin) {
-    lineGraph.config.style =
-  {
-    labelStyle: {
-      margin: {
+    lineGraph.config.style.labelStyle.margin ={
         left: config.leftMargin
       }
-    }
-  }
   }
   if (config.bottomLabel) {
     lineGraph.config.main.bottomLabel = config.bottomLabel;
@@ -34,13 +29,13 @@ export const buildLineGraph = (config, componentScope) => {
     lineGraph.config.main.leftLabel = config.leftLabel;
   }
   if (config.legendHide) {
-    lineGraph.config.main.legendAvailabe = config.legendHide==="YES"?false:true;
+    lineGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
   }
   if (config.bottomAxisAngle) {
     lineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
   }
   if (config.legendLabels) {
-    lineGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
+    lineGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
   }
 
   if (config.pieArcColors) {

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

@@ -0,0 +1,22 @@
+import pdfViewer from "./uischema/pdfViewer";
+import buildUiSchema from "./buildUiSchema";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildPdfViewer = (config) => {
+    const PdfViewer: any = _.cloneDeep(pdfViewer)
+    PdfViewer.config.main.label = config.label
+    if (config.name) {
+        PdfViewer.scope=`#/properties/${config.name}`
+    }
+    if (config.layout) {
+        PdfViewer.config.layout = createLayoutFormat(config.layout);
+    }
+    if(config.label) {
+        PdfViewer.config.main.title = config.label
+    }
+    if (config.style) {
+        PdfViewer.config.style = JSON.parse(config.style)
+    }
+    return PdfViewer
+}

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

@@ -7,33 +7,22 @@ export const buildPieGraph = (config, componentScope) => {
     pieGraph.config.layout = createLayoutFormat(config.layout);
   }
   if (config.height) {
-    pieGraph.config.style =
-    {
-      containerStyle: {
-        height: config.height
-      }
-    };
-
+    pieGraph.config.style.containerStyle.height = config.height;
   }
   if (config.legendHide) {
-    pieGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
+    pieGraph.config.main.legendAvailable = config.legendHide === "YES" ? false : true;
   }
   pieGraph.scope = componentScope;
   pieGraph.config.main.header = config.heading;
 
   if (config.legendLabels) {
-    pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
+    pieGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
   }
   if (config.xAxisValue) {
     pieGraph.config.main.xAxisValue = config.xAxisValue;
   }
   if (config.pieArcColors) {
-    pieGraph.config.style = {
-      pieStyle: {
-        colorRange: flatObjectValueInArray(config.pieArcColors)
-      }
-    }
-
+    pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
   }
   return pieGraph;
 }

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

@@ -6,17 +6,11 @@ export const buildRankCard = (config,componentScope) =>{
     const rankCard: any = _.cloneDeep(RankCard);
     rankCard.scope = componentScope;
 
-    if(config.image){
-      rankCard.config.main.url = config.image;
-    }
-    if(config.title){
-      rankCard.config.main.title = config.title
-    }
-    if(config.description){
-      rankCard.config.main.description = config.description
-    }
     if(config.rank){
-      rankCard.config.main.rank = `#${config.rank}`
+      rankCard.config.main.rank = `${config.rank}`
+    }
+    if(config.height){
+      rankCard.config.main.height = `${config.height}px`
     }
     if(config.layout){
       rankCard.config.layout = createLayoutFormat(config.layout)

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

@@ -1,4 +1,4 @@
-import { createLayoutFormat } from "./buildConfig";
+import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 import { BarGraph } from "./uischema/graph";
 import _ from "lodash";
 
@@ -14,10 +14,13 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     if (config.bottomAxisAngle) {
       barGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
     }
-    barGraph.config.main.type = config.graphType;
+    barGraph.config.main.type = config?.graphType ?? "BarGraph";
     barGraph.config.main.header = config.heading;
-    if (config.barColor) {
-      barGraph.config.barStyle.color = config.barColor;
+    if (config.legendLabels) {
+      barGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
+    }
+    if (config.pieArcColors) {
+      barGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
     }
     if (config.xAxisValue) {
       barGraph.config.main.xAxisValue = config.xAxisValue;
@@ -26,14 +29,9 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
       barGraph.config.style.containerStyle.height = config.height;
     }
     if (config.leftMargin) {
-      barGraph.config.style =
-    {
-      labelStyle: {
-        margin: {
+      barGraph.config.style.labelStyle.margin ={
           left: config.leftMargin
         }
-      }
-    }
     }
     if (config.bottomLabel) {
       barGraph.config.main.bottomLabel = config.bottomLabel;

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

@@ -0,0 +1,22 @@
+import Thought from "./uischema/thoughtOfTheDay";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildThoughtOfTheDay = (config,componentScope) =>{
+    const thought: any = _.cloneDeep(Thought);
+    thought.scope = componentScope;
+
+    if(config.thought){
+      thought.config.main.thought = `${config.thought}`
+    }
+    if(config.layout){
+      thought.config.layout = createLayoutFormat(config.layout)
+    }
+    if(config.label){
+      thought.config.main.label = config.label;
+    }
+    if (config.style) {
+      thought.config.style = JSON.parse(config.style)
+    }
+    return thought;
+}

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

@@ -39,6 +39,8 @@ import { buildPopUp } from "./buildPop";
 import { buildDataGrid } from "./buildDataGrid";
 import { buildInputSlider } from "./buildInputSlider";
 import { buildTreeMap } from "./buildTreeMap";
+import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
+import { buildPdfViewer } from "./buildPdfViewer";
 export let schema = {
   type: "object",
   properties: {},
@@ -264,6 +266,9 @@ const buildUiSchema = (config: any, store?: any) => {
         case "HorizontalStackBarGraph":
           elements = buildHorizontalBarGraph(config, componentScope);
           break;
+        default:
+          elements = buildStackbarGraph(config, componentScope);
+          break;
       }
       break;
     case "ProgressBar":
@@ -300,6 +305,12 @@ const buildUiSchema = (config: any, store?: any) => {
     case "LeaderBoard":
       elements = buildLeaderBoard(config);
       break;
+    case "Thought":
+      elements = buildThoughtOfTheDay(config, componentScope);
+      break;
+    case "PdfViewer":
+      elements = buildPdfViewer(config);
+      break;
     default:
       schema = {
         type: "object",