impaktapps-ui-builder 0.0.974 → 0.0.1051

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

@@ -42,7 +42,7 @@ export const createLayoutFormat = (config: any[]) => {
   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,49 +1,48 @@
-import { createLayoutFormat } from "./buildConfig";
+import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 import { HorizontalBarGraph } from "./uischema/graph";
 import _ from "lodash";
 
-const buildHorizontalBarGraph = (config: any, componentScope: string) => {
-  const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
-  horizontalBarGraph.scope = componentScope;
-  if (config.layout) {
-    horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
-  }
-  horizontalBarGraph.config.main.type = config.graphType;
-  horizontalBarGraph.scope = componentScope;
-  horizontalBarGraph.config.main.header = config.heading;
-  if (config.barColor) {
-    horizontalBarGraph.config.barStyle.color = config.barColor;
-  }
-  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,
-      },
-    };
-  }
-  if (config.bottomLabel) {
-    horizontalBarGraph.config.main.bottomLabel = config.bottomLabel;
-  }
-  if (config.leftLabel) {
-    horizontalBarGraph.config.main.leftLabel = config.leftLabel;
-  }
-  if (config.leftLabelMargin) {
-    horizontalBarGraph.config.style.labelStyle.margin = {
-      left: config.leftLabelMargin,
-    };
-  }
-  if (config.leftLabelOffset) {
-    horizontalBarGraph.config.style.labelStyle.leftLabelOffset =
-      config.leftLabelOffset;
-  }
-  return horizontalBarGraph;
-};
+
+const buildHorizontalBarGraph = (config:any,componentScope:string) => {
+    const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
+    horizontalBarGraph.scope = componentScope;
+    if (config.layout) {
+      horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
+    }
+    horizontalBarGraph.config.main.type = config.graphType;
+    horizontalBarGraph.scope = componentScope;
+    horizontalBarGraph.config.main.header = config.heading;
+    if (config.legendHide) {
+      horizontalBarGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
+    }
+    if (config.bottomAxisAngle) {
+      horizontalBarGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
+    }
+    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.height) {
+      horizontalBarGraph.config.style.containerStyle.height = config.height;
+    }
+    if (config.leftMargin) {
+      horizontalBarGraph.config.style.labelStyle.margin ={
+          left: config.leftMargin
+        }
+    }
+    if (config.bottomLabel) {
+      horizontalBarGraph.config.main.bottomLabel =
+        config.bottomLabel;
+    }
+    if (config.leftLabel) {
+      horizontalBarGraph.config.main.leftLabel = config.leftLabel;
+    }
+    return horizontalBarGraph
+}
 
 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

@@ -11,6 +11,11 @@ export const buildLineGraph = (config, componentScope) => {
   if (config.height) {
     lineGraph.config.style.containerStyle.height = config.height;
   }
+  if (config.leftMargin) {
+    lineGraph.config.style.labelStyle.margin ={
+        left: config.leftMargin
+      }
+  }
   if (config.bottomLabel) {
     lineGraph.config.main.bottomLabel = config.bottomLabel;
   }
@@ -24,24 +29,18 @@ 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) {
     lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
   }
-  if (config.leftLabelMargin) {
-    lineGraph.config.style.labelStyle.margin = {
-      left: config.leftLabelMargin,
-    };
-  }
-  if (config.leftLabelOffset) {
-    lineGraph.config.style.labelStyle.leftLabelOffset =
-      config.leftLabelOffset;
-  }
   lineGraph.scope = componentScope;
   return lineGraph;
 }

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";
 
@@ -9,11 +9,18 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     }
     if (config.legendHide) {
       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.xAxisValue) {
       barGraph.config.main.xAxisValue = config.xAxisValue;
@@ -21,21 +28,17 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     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;
     }
     if (config.leftLabel) {
       barGraph.config.main.leftLabel = config.leftLabel;
     }
-    if (config.leftLabelMargin) {
-      barGraph.config.style.labelStyle.margin = {
-        left: config.leftLabelMargin,
-      };
-    }
-    if (config.leftLabelOffset) {
-      barGraph.config.style.labelStyle.leftLabelOffset =
-        config.leftLabelOffset;
-    }
     barGraph.scope = componentScope;
     return barGraph;
 } 

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

@@ -2,22 +2,25 @@ import _ from "lodash";
 import TextInputField from "./uischema/textInputField";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildTextField = (config:any,componentScope:string) =>{
-    const inputField: any = _.cloneDeep(TextInputField);
-    inputField.config.main.label = config.label;
-    if (config.style) {
-      inputField.config.style = JSON.parse(config.style)
-    }
-    if (config.InputFormatingAndMasking) {
-      inputField.config.main.formatStrArray = config.InputFormatingAndMasking.map(e => e.formatElement);
-    }
-    if (config.placeholder) {
-      inputField.config.main.placeholder = config.placeholder;
-    }
-    if (config.layout) {
-      inputField.config.layout = createLayoutFormat(config.layout)
-    }
-    inputField.config.main.errorMessage = `${config.name} is empty or invalid`;
-    inputField.scope = componentScope;
-    return inputField;
+export const buildTextField = (config: any, componentScope: string) => {
+  const inputField: any = _.cloneDeep(TextInputField);
+  inputField.config.main.label = config.label;
+  if (config.style) {
+    inputField.config.style = JSON.parse(config.style)
+  }
+  if (config.multiline) {
+    inputField.config.main.multiline = config.multiline === "YES" ? true : false;
+  }
+  if (config.InputFormatingAndMasking) {
+    inputField.config.main.formatStrArray = config.InputFormatingAndMasking.map(e => e.formatElement);
+  }
+  if (config.placeholder) {
+    inputField.config.main.placeholder = config.placeholder;
+  }
+  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/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

@@ -14,7 +14,7 @@ import { buildWrapperSection } from "./buildWrapperSection";
 import { buildTextField } from "./buildText";
 import { buildSelect } from "./buildSelect";
 import { buildButton } from "./buildButton";
-import {  buildTable } from "./buildTable";
+import { buildTable } from "./buildTable";
 import { buildLabel } from "./buildLabel";
 import { buildUploadFile } from "./buildUplaodFile";
 import { buildDownloadFile } from "./buildDownloadFile";
@@ -39,6 +39,7 @@ 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: {},
@@ -264,6 +265,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 +304,9 @@ const buildUiSchema = (config: any, store?: any) => {
     case "LeaderBoard":
       elements = buildLeaderBoard(config);
       break;
+    case "Thought":
+      elements = buildThoughtOfTheDay(config, componentScope);
+      break;
     default:
       schema = {
         type: "object",
@@ -338,8 +345,8 @@ const buildUiSchema = (config: any, store?: any) => {
           sizeMap[e.keyName] = e.value
         });
       }
-      if(config.enableColumnFilter){
-        config.enableColumnFilter.map((e)=>{
+      if (config.enableColumnFilter) {
+        config.enableColumnFilter.map((e) => {
           filterMap[e.keyName] = true
         })
       }
@@ -353,7 +360,8 @@ const buildUiSchema = (config: any, store?: any) => {
             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
+            columnFilterModeOptions: config.filteringOptions,
+            enableSorting: config.enableSorting === "No" ? false : true
           }
         } else {
           return {
@@ -370,12 +378,12 @@ const buildUiSchema = (config: any, store?: any) => {
     }
     else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e: any, elemInd: number) => {
-        return buildUiSchema(e,store)
+        return buildUiSchema(e, store)
       });
     }
     else {
       elements.elements = config.elements.map((e: any, elemInd: number) => {
-        return buildUiSchema(e,store)
+        return buildUiSchema(e, store)
       });
     }
   }

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

@@ -172,7 +172,7 @@ export const buildWrapper = (label: string, elements: any[]) => {
         width: "108%"
       },
       componentsBoxStyle: {
-        marginLeft: "24px",
+        marginLeft: "12px",
       },
       defaultStyle: true
     },
@@ -317,7 +317,7 @@ export const buildPropertiesSection = function (type: String) {
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        emptyBox("TextEmpty1", {xs: 6, sm: 6, md: 4, lg: 4 }),
+        getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
         emptyBox("TextEmpty1", {xs: 0, sm: 0, md: 4, lg: 4 }),
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
       ]
@@ -343,19 +343,18 @@ export const buildPropertiesSection = function (type: String) {
     case "RankCard":
       uiSchema.elements = [
         getInputField("rank", "Rank"),
-        getInputField("image", "Image Url"),
-        getInputField("title", "Card Title"),
-        getInputField("description", "Card Description"),
-        emptyBox("RankCardEmpty1"), emptyBox("RankCardEmpty2")];
+        getInputField("height", "Height"),
+        emptyBox("RankCardEmpty1", {xs: 0, sm: 0, md: 4, lg: 4 })];
       break;
     case "LeaderBoard":
       uiSchema.elements = [
-        getInputField("valueLabel", "Value Label"),
         getInputField("firstImage", "First Image url"),
         getInputField("secondImage", "Second Image url"),
         getInputField("thirdImage", "Third Image url"),
-        emptyBox("LeaderBoardEmpty1"), emptyBox("LeaderBoardEmpty2"),
-        getTextArea("functionCode", "Write Compare Code", false),
+        getInputField("nameKey", "Key for Name"),
+        getInputField("imageKey", "Key for Image"),
+        getInputField("scoreKey", "Key for comparing parameter"),
+        emptyBox("LeaderBoardEmpty1", {xs: 6, sm: 6, md: 0, lg: 0 }),
       ];
       break;
     case "CardSlider":
@@ -376,8 +375,9 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getInputField("url", "Image Url"),
         getInputField("label", "Label"),
+        getInputField("titleIcon", "Unicode of Icon for title"),
         getInputField("description", "Description"),
-        emptyBox("cardEmpty", {xs: 6, sm: 6, md: 0, lg: 0 })
+        emptyBox("cardEmpty", {xs: 0, sm: 0, md: 8, lg: 8 })
       ];
       break;
     case "Button":
@@ -407,13 +407,13 @@ export const buildPropertiesSection = function (type: String) {
         ]),
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),
-        getInputField("leftLabelMargin", "Left Label Margin"),
-        getInputField("leftLabelOffset", "Left Label Offset"),
         emptyBox("GraphEmpty1", {xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
-        emptyBox("GraphEmpty2"),
+        getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
+        getInputField("leftMargin", "Left Margin"),
+        emptyBox("GraphEmpty1", {xs: 6, sm: 0, md: 8, lg: 8 }),
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color"),
       ];
@@ -485,6 +485,11 @@ export const buildPropertiesSection = function (type: String) {
         emptyBox("MultipleSelectEmpty2")
       ]
       break;
+    case "Thought":
+      uiSchema.elements = [
+        getTextArea("thought", "Today's thought", false),
+      ]
+      break;
   }
   return uiSchema;
 };

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

@@ -9,7 +9,6 @@ export default  {
     main: {
       name: "Compare",
       variant: "contained",
-      color: "info",
       type: "text",
       startIcon:"",
       styleDefault:false,