impaktapps-ui-builder 1.0.148 → 1.0.149

package/dist/impaktapps-ui-builder.es.js

@@ -6258,6 +6258,7 @@ const ComponentSchema = {
         { title: "Timer", const: "Timer" },
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
+        { title: "SegmentChart ", const: "SegmentChart" },
         { title: "Column Group", const: "ColumnGroup" },
         { title: "Thought of the day", const: "Thought" }
       ]
@@ -7960,8 +7961,9 @@ const buildPropertiesSection = function(type) {
         getInputField("bottomLabel_1", "First BottomLabel"),
         getInputField("bottomLabel_2", "Second BottomLabel"),
         getInputField("bottomLabel_3", "Third BottomLabel"),
-        emptyBox$1("ProgressBarCardEmpty1"),
-        emptyBox$1("ProgressBarCardEmpty2")
+        getInputField("size", "Size"),
+        getSelectField("variant", "Variant"),
+        getArrayControl("pieArcColors", "color", "Color")
       ];
       break;
     case "card":
@@ -10842,7 +10844,14 @@ const buildProgressBar = (config2, componentScope2) => {
   if (config2.layout) {
     ProgressBar.config.layout = config2.layout;
   }
+  ProgressBar.config.main.variant = config2.variant;
   ProgressBar.config.main.heading = config2.label;
+  if (config2.pieArcColors) {
+    ProgressBar.config.main.colorRange = flatObjectValueInArray(config2.pieArcColors);
+  }
+  if (config2.size) {
+    ProgressBar.config.main.size = Number(config2.size);
+  }
   if (config2.bottomLabel_3) {
     ProgressBar.config.main.bottomLabel_3 = config2.bottomLabel_3;
   }
@@ -11668,8 +11677,8 @@ function Card(theme) {
                       style: {
                         color: "black",
                         display: "flex",
-                        fontSize: { xs: "21px", md: "22px" },
-                        fontWeight: "500",
+                        fontSize: { xs: "24px", md: "25px" },
+                        fontWeight: "bold",
                         background: "inherit",
                         justifyContent: "flex-start",
                         width: "auto",
@@ -11704,7 +11713,6 @@ function Card(theme) {
                   style: {
                     color: "black",
                     fontSize: "16px",
-                    fontWeight: "400",
                     justifyContent: "center",
                     whiteSpace: "nowrap",
                     overflowX: "auto",
@@ -12586,6 +12594,31 @@ const buildImage = (config2, componentScope2) => {
   }
   return image;
 };
+const segmentUISchema = {
+  type: "Control",
+  scope: "#/properties/SegmentChart",
+  options: {
+    widget: "SegmentChart"
+  },
+  config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 12 },
+    main: {}
+  }
+};
+const buildSegmentChart = (config2, componentScope2) => {
+  const segment = _.cloneDeep(segmentUISchema);
+  segment.scope = componentScope2;
+  if (config2.layout) {
+    segment.config.layout = createLayoutFormat(config2.layout);
+  }
+  if (config2.pieArcColors) {
+    segment.config.main.colorRange = flatObjectValueInArray(config2.pieArcColors);
+  }
+  if (config2.style) {
+    segment.config.style = JSON.parse(config2.style);
+  }
+  return segment;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -12798,6 +12831,9 @@ const buildUiSchema = (config2, store2) => {
     case "Image":
       elements = buildImage(config2, componentScope2);
       break;
+    case "SegmentChart":
+      elements = buildSegmentChart(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",