impaktapps-ui-builder 1.0.153 → 1.0.155

package/package.json

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

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

@@ -20,13 +20,16 @@ const segmentUISchema = {
 export const buildSegmentChart = (config,componentScope) => {
     const segment: any = _.cloneDeep(segmentUISchema);
     segment.scope = componentScope;
-
+ 
     if(config.layout){
       segment.config.layout = createLayoutFormat(config.layout)
     }
       if (config.pieArcColors) {
         segment.config.main.colorRange = flatObjectValueInArray(config.pieArcColors);
       }
+        if (config.height) {
+        segment.config.main.height = Number(config.height);
+      }
     if (config.style) {
       segment.config.style = JSON.parse(config.style)
     }

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

@@ -143,7 +143,7 @@ sizeHolder.elements[1] = {
   },
 };
 sizeHolder.elements[2] = emptyBox("sizeHolderempty")
-const getInputField = (scope: String, label: String) => {
+const getInputField = (scope: String, label: String,type?:string) => {
   return {
     type: "Control",
     scope: `#/properties/${scope}`,
@@ -155,6 +155,7 @@ const getInputField = (scope: String, label: String) => {
       layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {
         label: label,
+        type:type
       },
     },
   };
@@ -417,12 +418,19 @@ export const buildPropertiesSection = function (type: String) {
         emptyBox("ButtonEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 })
       ];
       break;
-    case "Box":
+    case "Box": 
       uiSchema.elements = [
         getSelectField("iconName", "Icon Name", []),
         emptyBox("BoxEmpty1", { xs: 6, sm: 6, md: 4, lg: 8 })
       ];
       break;
+     case "SegmentChart":
+        uiSchema.elements = [
+        getInputField("height", "Height", "number"),
+        emptyBox("BoxEmpty1", { xs: 6, sm: 6, md: 4, lg: 8 }),
+        getArrayControl("pieArcColors", "color","Color"),
+      ];
+      break;
     case "Graph":
       uiSchema.elements = [
         getInputField("height", "Height"),

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -41,7 +41,7 @@ export const ComponentSchema: any = {
         { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
         { title: "Upload", const: "UploadFile" },
-        { title: "Tree ", const: "TreeMap" },//SegmentChart
+        { title: "Tree ", const: "TreeMap" },
          { title: "SegmentChart ", const: "SegmentChart" },
         { title: "Column Group", const: "ColumnGroup" },
         { title: "Thought of the day", const: "Thought" },

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

@@ -12,23 +12,24 @@ import { getFormdataFromSessionStorage, okHandler, saveFormdataInSessionStorage,
 const sectionLabels = {
   Select: ["Core", "Properties", "Value", "Events", "Style", "Validation"],
   MultipleSelect: ["Core", "Properties", "Value", "Events", "Style", "Validation"],
-  Table: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
-  LeaderBoard: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
-  WrapperSection: ["Core", "Components", "Properties", "Style", "Validation"],
-  HorizontalLayout: ["Core", "Components", "Properties", "Style", "Validation"],
+  Table: ["Core", "Components", "Properties", "Events", "Style", ],
+  LeaderBoard: ["Core", "Components", "Properties", "Events", "Style", ],
+  WrapperSection: ["Core", "Components", "Properties", "Style", ],
+  HorizontalLayout: ["Core", "Components", "Properties", "Style", ],
   TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
-  SpeedoMeter: ["Core", "Properties", "Events", "Style", "Validation"],
+  SpeedoMeter: ["Core", "Properties", "Events", "Style",],
   card: ["Core", "Properties", "Events", "Style", "Validation"],
   UploadFile: ["Core", "Events", "Style", "Validation"],
   Graph: ["Core", "Properties", "Events", "Style", "Validation"],
   DownloadFile: ["Core", "Events", "Style", "Validation"],
   Box: ["Core", "Properties" , "Events", "Style", "Validation"],
   Properties: ["Core", "Properties", "Events", "Style", "Validation"],
-  ProgressBarCard: ["Core", "Properties", "Events", "Style", "Validation"],
-  RankCard: ["Core", "Properties", "Events", "Style", "Validation"],
+  ProgressBarCard: ["Core", "Properties", "Events", "Style"],
+  ProgressBar:["Core", "Properties", "Events", "Style", ],
+  RankCard: ["Core", "Properties", "Events", "Style", ],
   Slider: ["Core", "Components", "Events", "Style", "Validation"],
-  Timer: ["Core", "Events", "Style", "Validation"],
-  Rank: ["Core", "Events", "Style", "Validation"],
+  Timer: ["Core", "Events", "Style",],
+  Rank: ["Core", "Events", "Style", ],
   Button: ["Core", "Properties", "Events", "Style", "Validation"],
   Array: ["Core", "Components",  "Properties","Events","Validation"],
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -40,7 +41,7 @@ const sectionLabels = {
   InputSlider: ["Core", "Properties", "Events", "Style", "Validation"],
   TreeMap: ["Core", "Components", "Properties", "Events", "Style"],
   ColumnGroup: ["Core", "Components"],
-  Thought: ["Core", "Properties", "Events", "Style", "Validation"],
+  Thought: ["Core", "Properties", "Events", "Style", ],
   Date: ["Core", "Properties", "Events", "Style", "Validation"],
   DateTime: ["Core", "Properties", "Events", "Style", "Validation"],
   Image: ["Core", "Properties","Style"],