impaktapps-ui-builder 0.0.382457 → 0.0.382460

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

@@ -1,27 +1,28 @@
 import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 import { PieGraph } from "./uischema/graph";
 import _ from "lodash";
-// flatObjectValueInArray
-export const buildPieGraph = (config,componentScope) =>{
-    const pieGraph: any = _.cloneDeep(PieGraph);
-    if (config.layout) {
-      pieGraph.config.layout = createLayoutFormat(config.layout);
-    }
-    if (config.height) {
-      pieGraph.config.style.containerStyle.height = config.height;
-    }
-    if (config.legendHide) {
-      pieGraph.config.main.legendAvailabe = config.legendHide==="YES"?false:true;
-    }
-    pieGraph.scope = componentScope;
-    pieGraph.config.main.header = config.heading;
-  
-      if(config.legendLabels){
-        pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
-        }
-    
-        if(config.pieArcColors){
-          pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
-          }
-    return pieGraph;
+export const buildPieGraph = (config, componentScope) => {
+  const pieGraph: any = _.cloneDeep(PieGraph);
+  if (config.layout) {
+    pieGraph.config.layout = createLayoutFormat(config.layout);
+  }
+  if (config.height) {
+    pieGraph.config.style.containerStyle.height = config.height;
+  }
+  if (config.legendHide) {
+    pieGraph.config.main.legendAvailable = config.legendHide === "YES" ? false : true;
+  }
+  pieGraph.scope = componentScope;
+  pieGraph.config.main.header = config.heading;
+
+  if (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);
+  }
+  return pieGraph;
 }

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

@@ -8,7 +8,7 @@ export const buildProgressBar = (config:any,componentScope:any) =>{
         if (config.layout) {
           ProgressBar.config.layout = config.layout;
         }
-        ProgressBar.config.main.heading = config.heading;
+        ProgressBar.config.main.heading = config.label;
         if (config.bottomLabel_3) {
           ProgressBar.config.main.bottomLabel_3 = config.bottomLabel_3;
         }

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

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

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/buildSchema.ts

@@ -25,8 +25,7 @@ export const buildSchema = (config: any) => {
        
     }
     buildRule(config)
-    console.log(schema)
-    window.localStorage.setItem("schemaDemo",JSON.stringify(schema))
+    window.sessionStorage.setItem("schemaDemo",JSON.stringify(schema))
     return schema;
 };
 export default buildSchema;

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";
 
@@ -8,20 +8,31 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
       barGraph.config.layout = createLayoutFormat(config.layout);
     }
     if (config.legendHide) {
-      barGraph.config.main.legendAvailable = false;
+      barGraph.config.main.legendAvailable = config.legendHide;
+      barGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
     }
-    barGraph.config.main.type = config.graphType;
+    if (config.bottomAxisAngle) {
+      barGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
+    }
+    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.containerBackground) {
-      barGraph.config.containerStyle.background =
-        config.containerBackground;
+    if (config.xAxisValue) {
+      barGraph.config.main.xAxisValue = config.xAxisValue;
     }
     if (config.height) {
       barGraph.config.style.containerStyle.height = config.height;
     }
+    if (config.leftMargin) {
+      barGraph.config.style.labelStyle.margin ={
+          left: config.leftMargin
+        }
+    }
     if (config.bottomLabel) {
       barGraph.config.main.bottomLabel = config.bottomLabel;
     }

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

@@ -1,9 +1,16 @@
 import Tabsection from "./uischema/tabsection";
 import _ from "lodash";
-import  buildUiSchema from "./buildUiSchema";
-
+ 
 export const buildTabSection = (config:any,componentScope:string) => {
     const tab: any = _.cloneDeep(Tabsection);
+    tab.scope = componentScope;
+    
+    if(config.lazyLoad){
+      tab.config.main.lazyLoad = config.lazyLoad === "YES" ?true:false;
+      }
+    if(config.orientation){
+    tab.config.main.orientation = config.orientation === "YES" ?'vertical':'horizontal';
+    }
     if (config.sectionLabels) {
       tab.config.main.tabLabels = config.sectionLabels.map(e => e.label);
     }

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

@@ -1,7 +1,5 @@
 import Table from "./uischema/table";
 import _ from "lodash";
-import buildUiSchema from "./buildUiSchema";
-import lazyLoadingTable from "./uischema/lazyLoadingTable";
 
 export const buildTable = (config: any, componentScope: string) => {
   const table: any = _.cloneDeep(Table);
@@ -12,6 +10,22 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.lazyLoading) {
     table.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
   }
+  if (config.enableRowMovement) {
+    table.config.main.enableRowMovement = config.enableRowMovement === "YES" ? true : false;
+  }
+  if (config.enableExpanding) {
+    table.config.main.enableExpanding = config.enableExpanding === "YES" ? true : false;
+  }
+
+  if (config.enableExpandAll) {
+    table.config.main.enableExpandAll = config.enableExpandAll === "YES" ? true : false;
+  }
+  if (config.paginateExpandedRows) {
+    table.config.main.paginateExpandedRows = config.paginateExpandedRows === "YES" ? true : false;
+  }
+  if (config.treeStructure) {
+    table.config.main.treeStructure = config.treeStructure === "YES" ? "flatTreeMap" : false;
+  }
   if (config.SelectionAvailable) {
     table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false
   };
@@ -24,39 +38,35 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.downloadAllData) {
     table.config.main.downloadAllData = config.downloadAllData === "YES" ? true : false
   }
-  if (config.Table_Download_Keys_Name) {
-    table.config.main.TableDownloadKeysName = config.Table_Download_Keys_Name.map(e => e.KeyName);
+  if(config.disableGlobalSearch){
+    table.config.main.disableGlobalSearch = config.disableGlobalSearch === "YES" ? true : false
   }
-  if (config.selectKey) {
-    table.config.main.selectKey = config.selectKey
+  if(config.disableColumnFilter){
+    table.config.main.disableColumnFilter = config.disableColumnFilter === "YES" ? true : false
   }
-  return table;
-}
-
-export const buildLazyLoadingTable = (config: any, componentScope: string) => {
-  const table: any = _.cloneDeep(lazyLoadingTable);
-  table.scope = componentScope;
-  if (config.style) {
-    table.config.style = JSON.parse(config.style)
+  if(config.disableSorting){
+    table.config.main.disableSorting = config.disableSorting === "YES" ? true : false
   }
-  if (config.SelectionAvailable) {
-    table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false
-  };
-  if (config.ColumnResizingAvailable) {
-    table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? false : true
-  };
-  if (config.DragAvailable) {
-    table.config.main.enableDrag = config.DragAvailable === "YES" ? true : false
-  };
-  if (config.selectKey) {
-    table.config.main.selectKey = config.selectKey
+  if(config.disableEditColumn){
+    table.config.main.disableEditColumn = config.disableEditColumn === "YES" ? true : false
   }
-  if (config.downloadAllData) {
-    table.config.main.downloadAllData = config.downloadAllData === "YES" ? true : false
+  if(config.disableFullScreenToggle){
+    table.config.main.disableFullScreenToggle = config.disableFullScreenToggle === "YES" ? true : false
+  }
+  if(config.disableDensityToggle){
+    table.config.main.disableDensityToggle = config.disableDensityToggle === "YES" ? true : false
+  }
+  if(config.disableDownloadFile){
+    table.config.main.disableDownloadFile = config.disableDownloadFile === "YES" ? true : false
+  }
+  if(config.disablePagination){
+    table.config.main.disablePagination = config.disablePagination === "YES" ? true : false
   }
   if (config.Table_Download_Keys_Name) {
     table.config.main.TableDownloadKeysName = config.Table_Download_Keys_Name.map(e => e.KeyName);
   }
-  table.config.main.label = config.label;
+  if (config.selectKey) {
+    table.config.main.selectKey = config.selectKey
+  }
   return table;
-}
+};

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

@@ -45,6 +45,12 @@ export const buildTextArea = (config:any,componentScope:string) =>{
       if (config.placeholder) {
         textArea.config.main.placeholder = config.placeholder;
       }
+      if(config.enableCodeEditor){
+        textArea.config.main.enableCodeEditor = config.enableCodeEditor === "YES" ? true : false
+      }
+      if(config.codeEditorLanguage){
+        textArea.config.main.codeEditorLanguage = config.codeEditorLanguage;
+      }
       textArea.scope = componentScope;
     return textArea;
 }

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/buildTreeMap.ts

@@ -0,0 +1,61 @@
+import { createLayoutFormat } from "./buildConfig";
+import _ from "lodash";
+
+const TreeMap = {
+    "type": "Control",
+    "scope": "#/properties/TreeMap2",
+    "config": {
+        "main": {
+            "layout": "cartsian",
+            orientation: "vertical",
+            header: "Territory Hierarchy",
+            "linkType": "step",
+            graphHeight: "500px",
+        },
+        "style": {
+            BoxStyle: {
+                borderRadius: "5px",
+            }
+        }
+    },
+    "options": {
+        "widget": "TreeMap"
+    },
+    elements: [
+
+    ]
+}
+
+
+export const buildTreeMap = (config, componentScope) => {
+    const treMap: any = _.cloneDeep(TreeMap);
+    treMap.scope = componentScope;
+    if (config.label) {
+        treMap.config.main.header = config.label;
+    }
+    if (config.layout) {
+        treMap.config.layout = createLayoutFormat(config.layout);
+    }
+    if (config.orientation) {
+        treMap.config.main.orientation = config.orientation;
+    }
+    if (config.linkType) {
+        treMap.config.main.linkType = config.linkType;
+    }
+    if (config.graphHeight) {
+        treMap.config.main.graphHeight = config.graphHeight;
+    }
+    if (config.graphWidth) {
+        treMap.config.main.graphWidth = config.graphWidth;
+    }
+    if (config.graphZoomHeight) {
+        treMap.config.main.graphZoomHeight = config.graphZoomHeight;
+    }
+    if (config.graphZoomWidth) {
+        treMap.config.main.graphZoomWidth = config.graphZoomWidth;
+    }
+    if (config.style) {
+        treMap.config.style = JSON.parse(config.style)
+      }
+    return treMap;
+}

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

@@ -14,12 +14,12 @@ import { buildWrapperSection } from "./buildWrapperSection";
 import { buildTextField } from "./buildText";
 import { buildSelect } from "./buildSelect";
 import { buildButton } from "./buildButton";
-import { buildLazyLoadingTable, buildTable } from "./buildTable";
+import {  buildTable } from "./buildTable";
 import { buildLabel } from "./buildLabel";
 import { buildUploadFile } from "./buildUplaodFile";
 import { buildDownloadFile } from "./buildDownloadFile";
 import { buildCard } from "./buildCard";
-import { buildDate } from "./buildDate";
+import { buildDate, buildDateTime } from "./buildDate";
 import { buildRankCard } from "./buildRankCard";
 import { buildRollAndDice } from "./buildRollAndDice";
 import { buildTimer } from "./buildTimer";
@@ -37,6 +37,9 @@ import { buildFileInput } from "./buildFileInput";
 import { buildStepper } from "./buildStepper";
 import { buildPopUp } from "./buildPop";
 import { buildDataGrid } from "./buildDataGrid";
+import { buildInputSlider } from "./buildInputSlider";
+import { buildTreeMap } from "./buildTreeMap";
+import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
 export let schema = {
   type: "object",
   properties: {},
@@ -163,10 +166,19 @@ export const buildSchema = (config: any, tableName?: string, isArrayType?: boole
 }
 
 
-const buildUiSchema = (config: any) => {
+const buildUiSchema = (config: any, store?: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "TreeMap":
+      elements = buildTreeMap(config, componentScope)
+      break;
+    case "DateTime":
+      elements = buildDateTime(config, componentScope);
+      break;
+    case "InputSlider":
+      elements = buildInputSlider(config, componentScope);
+      break;
     case "DataGrid":
       elements = buildDataGrid(config, componentScope);
       break;
@@ -219,9 +231,6 @@ const buildUiSchema = (config: any) => {
     case "Array":
       elements = buildArray(config, componentScope);
       break;
-    case "LazyLoadingTable":
-      elements = buildLazyLoadingTable(config, componentScope)
-      break;
     case "Box":
       elements = buildLabel(config, componentScope);
       break;
@@ -238,7 +247,7 @@ const buildUiSchema = (config: any) => {
       elements = buildEmptyBox(config, componentScope);
       break;
     case "card":
-      elements = buildCard(config, componentScope);
+      elements = buildCard(config, componentScope, store);
       break;
     case "Graph":
       switch (config.graphType) {
@@ -253,8 +262,12 @@ const buildUiSchema = (config: any) => {
           elements = buildPieGraph(config, componentScope);
           break;
         case "HorizontalBarGraph":
+        case "HorizontalStackBarGraph":
           elements = buildHorizontalBarGraph(config, componentScope);
           break;
+        default:
+          elements = buildStackbarGraph(config, componentScope);
+          break;
       }
       break;
     case "ProgressBar":
@@ -278,13 +291,22 @@ const buildUiSchema = (config: any) => {
     case "Timer":
       elements = buildTimer(config, componentScope);
       break;
-
+    case "ColumnGroup":
+      elements = {
+        accessorKey: config.name,
+        header: config.label || config.name,
+        elements: [],
+      }
+      break;
     case "MultipleSelect":
       elements = buildMultiSelect(config, componentScope);
       break;
     case "LeaderBoard":
       elements = buildLeaderBoard(config);
       break;
+    case "Thought":
+      elements = buildThoughtOfTheDay(config, componentScope);
+      break;
     default:
       schema = {
         type: "object",
@@ -298,37 +320,69 @@ const buildUiSchema = (config: any) => {
     if (config?.type === "LeaderBoard") {
       return elements;
     }
+    else if (config.type == "ColumnGroup") {
+      const sizeMap = {}
+      if (config.sizeHolder) {
+        config.sizeHolder.map((e, i) => {
+          sizeMap[e.keyName] = e.value
+        });
+      }
+      elements.elements = config.elements.map((cellElem, elemInd) => {
+        return {
+          accessorKey: cellElem.name,
+          header: cellElem.label || cellElem.name,
+          size: sizeMap[cellElem.name] || 180,
+          type: cellElem.columnFormat,
+          elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : []
+        }
+      })
+    }
     else if (config.type == "Table") {
       const sizeMap = {}
+      const filterMap = {}
       if (config.sizeHolder) {
-         config.sizeHolder.map((e, i) => {
+        config.sizeHolder.map((e, i) => {
           sizeMap[e.keyName] = e.value
         });
       }
-      elements.elements = config.elements.map((e, elemInd) => {
-        if (e.type) {
+      if(config.enableColumnFilter){
+        config.enableColumnFilter.map((e)=>{
+          filterMap[e.keyName] = true
+        })
+      }
+      elements.elements = config.elements.map((cellElem, elemInd) => {
+        if (cellElem.type) {
           return {
-            accessorKey: e.name,
-            header: e.label || e.name,
-            size: sizeMap[e.name]|| 180,
-            widget: buildUiSchema(e)
+            accessorKey: cellElem.name,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180,
+            type: cellElem.columnFormat,
+            widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store) : undefined,
+            elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : [],
+            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
+            columnFilterModeOptions: config.filteringOptions
+          }
+        } else {
+          return {
+            accessorKey: cellElem.name,
+            type: cellElem.columnFormat,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180,
+            enableColumnFilter: Object.keys(filterMap).length === 0 ? true : filterMap[cellElem.name] ?? false,
+            columnFilterModeOptions: config.filteringOptions
           }
         }
-        return {
-          accessorKey: e.name,
-          header: e.label || e.name,
-          size:  sizeMap[e.name]|| 180
-        }
+
       })
     }
     else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e: any, elemInd: number) => {
-        return buildUiSchema(e)
+        return buildUiSchema(e,store)
       });
     }
     else {
       elements.elements = config.elements.map((e: any, elemInd: number) => {
-        return buildUiSchema(e)
+        return buildUiSchema(e,store)
       });
     }
   }
@@ -336,38 +390,4 @@ const buildUiSchema = (config: any) => {
 }
 
 
-export default buildUiSchema;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+export default buildUiSchema;

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

@@ -2,23 +2,20 @@ import { uploadFile } from "./uischema/file";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildUploadFile = (config,componentScope)=>{
-    const UploadFile: any = _.cloneDeep(uploadFile);
-    
-    UploadFile.scope = componentScope;
-      UploadFile.config.main.label = config.label;
-      if (config.layout) {
-        UploadFile.config.layout = config.layout;
-      }
-      if(config.layout){
-        uploadFile.config.layout = createLayoutFormat(config.layout)
-      }
-      if (config.style) {
-        UploadFile.config.style = config.style;
-      }
-      if (config.required) {
-        UploadFile.config.main.required = true;
-      }
-      UploadFile.config.main.errorMessage = config.errorMessage;
-      return UploadFile;
+export const buildUploadFile = (config, componentScope) => {
+  const UploadFile: any = _.cloneDeep(uploadFile);
+
+  UploadFile.scope = componentScope;
+  UploadFile.config.main.label = config.label;
+  if (config.layout) {
+    UploadFile.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.style) {
+    UploadFile.config.style = config.style;
+  }
+  if (config.required) {
+    UploadFile.config.main.required = true;
+  }
+  UploadFile.config.main.errorMessage = config.errorMessage;
+  return UploadFile;
 }

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

@@ -2,17 +2,20 @@ import { createLayoutFormat } from "./buildConfig";
 import WrapperSection from "./uischema/wrapperSection";
 import _ from "lodash";
 
-export const buildWrapperSection = (config,componentScope) =>{
-  console.log("config buildWrapperSection  : " , config);
-  console.log("componentScope : " , componentScope);
-    const wrapper: any = _.cloneDeep(WrapperSection);
-    wrapper.config.main.label = config.label;
-    wrapper.config.main.divider = config.divider === "YES" ? true : false;
-    if (config.style) {
-        wrapper.config.style = JSON.parse(config.style)
-      }
-      if (config.layout) {
-        wrapper.config.layout = createLayoutFormat(config.layout)
-      }
-    return wrapper;
+export const buildWrapperSection = (config, componentScope) => {
+  const wrapper: any = _.cloneDeep(WrapperSection);
+  wrapper.scope = componentScope;
+  wrapper.config.main.label = config.label;
+  wrapper.config.main.divider = config.divider === "YES" ? true : false;
+  wrapper.config.main.isAccordion = config.isAccordion === "No" ? false : true;
+  if(config.defaultStyle){
+  wrapper.config.defaultStyle = config.defaultStyle ==="YES" ? true : false;
+  }
+  if (config.style) {
+    wrapper.config.style = JSON.parse(config.style)
+  }
+  if (config.layout) {
+    wrapper.config.layout = createLayoutFormat(config.layout)
+  }
+  return wrapper;
 }