impaktapps-ui-builder 1.0.147 → 1.0.149

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

@@ -0,0 +1 @@
+export declare const buildSegmentChart: (config: any, componentScope: any) => any;

package/package.json

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

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

@@ -1,26 +1,33 @@
 import progressBar from "./uischema/progressBar";
 import _ from "lodash";
-import { createLayoutFormat } from "./buildConfig";
+import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 
-export const buildProgressBar = (config:any,componentScope:any) =>{
-    const ProgressBar: any = _.cloneDeep(progressBar);
-        ProgressBar.scope = componentScope;
-        if (config.layout) {
-          ProgressBar.config.layout = config.layout;
-        }
-        ProgressBar.config.main.heading = config.label;
-        if (config.bottomLabel_3) {
-          ProgressBar.config.main.bottomLabel_3 = config.bottomLabel_3;
-        }
-        if(config.layout){
-          ProgressBar.config.layout = createLayoutFormat(config.layout)
-        }
-        if (config.bottomLabel_2) {
-          ProgressBar.config.main.bottomLabel_2 = config.bottomLabel_2;
-        }
-        if (config.bottomLabel_1) {
-          ProgressBar.config.main.bottomLabel_1 = config.bottomLabel_1;
-        }
-        return ProgressBar;
+export const buildProgressBar = (config: any, componentScope: any) => {
+  const ProgressBar: any = _.cloneDeep(progressBar);
+  ProgressBar.scope = componentScope;
+  if (config.layout) {
+    ProgressBar.config.layout = config.layout;
+  }
+  ProgressBar.config.main.variant = config.variant;
+  ProgressBar.config.main.heading = config.label;
+  if (config.pieArcColors) {
+    ProgressBar.config.main.colorRange = flatObjectValueInArray(config.pieArcColors);
+  }
+  if (config.size) {
+    ProgressBar.config.main.size = Number(config.size);
+  }
+  if (config.bottomLabel_3) {
+    ProgressBar.config.main.bottomLabel_3 = config.bottomLabel_3;
+  }
+  if (config.layout) {
+    ProgressBar.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.bottomLabel_2) {
+    ProgressBar.config.main.bottomLabel_2 = config.bottomLabel_2;
+  }
+  if (config.bottomLabel_1) {
+    ProgressBar.config.main.bottomLabel_1 = config.bottomLabel_1;
+  }
+  return ProgressBar;
 
 }

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

@@ -0,0 +1,34 @@
+import _ from "lodash";
+import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
+const segmentUISchema = {
+    type: "Control",
+    scope: "#/properties/SegmentChart",
+    options: {
+        widget: "SegmentChart",
+    },
+
+    config: {
+        layout: { xs: 12, sm: 12, md: 12, lg: 12 },
+        main: {
+            //colorRange
+        },
+    },
+};
+
+
+
+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.style) {
+      segment.config.style = JSON.parse(config.style)
+    }
+    return segment;
+};

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

@@ -40,6 +40,7 @@ import { buildTreeMap } from "./buildTreeMap";
 import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
 import { buildHorizontalLayout } from "./buildHorizontalLayout";
 import { buildImage } from "./buildImage";
+import { buildSegmentChart } from "./buildSegmentChart";
 export let schema = {
   type: "object",
   properties: {},
@@ -263,6 +264,9 @@ const buildUiSchema = (config: any, store?: any) => {
     case "Image":
       elements = buildImage(config, componentScope);
       break;
+     case "SegmentChart": 
+      elements = buildSegmentChart(config, componentScope);
+      break;
     default:
       schema = {
         type: "object",

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

@@ -389,7 +389,12 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("bottomLabel_1", "First BottomLabel"),
         getInputField("bottomLabel_2", "Second BottomLabel"),
         getInputField("bottomLabel_3", "Third BottomLabel"),
-        emptyBox("ProgressBarCardEmpty1"), emptyBox("ProgressBarCardEmpty2")
+        getInputField("size", "Size"),
+        getSelectField("variant", "Variant", [
+          { label: "Circular", value: "circular" },
+          { label: "Horizontal", value: "horizontal" },
+        ]),
+         getArrayControl("pieArcColors", "color","Color"),
       ];
       break;
     case "card":

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

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