impaktapps-ui-builder 1.0.71 → 1.0.72-alpha.2

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

@@ -6234,6 +6234,7 @@ const ComponentSchema = {
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File Handler", const: "FileInput" },
         { title: "Graph", const: "Graph" },
+        { title: "Image", const: "Image" },
         { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
         { title: "Leaderboard", const: "LeaderBoard" },
@@ -7898,6 +7899,13 @@ const buildPropertiesSection = function(type) {
         getTextArea("thought", "Today's thought", false)
       ];
       break;
+    case "Image":
+      uiSchema.elements = [
+        getInputField("imageUrl", "Image URL"),
+        getInputField("height", "Image Height"),
+        emptyBox$1("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
+      ];
+      break;
   }
   return uiSchema;
 };
@@ -8401,7 +8409,8 @@ const sectionLabels = {
   ColumnGroup: ["Core", "Components"],
   Thought: ["Core", "Properties", "Events", "Style", "Validation"],
   Date: ["Core", "Properties", "Events", "Style", "Validation"],
-  DateTime: ["Core", "Properties", "Events", "Style", "Validation"]
+  DateTime: ["Core", "Properties", "Events", "Style", "Validation"],
+  Image: ["Core", "Properties", "Style"]
 };
 function refreshPage(type, store2) {
   var _a, _b;
@@ -12182,6 +12191,35 @@ const buildHorizontalLayout = (config2, componentScope2) => {
   }
   return horizontal;
 };
+const imageUiSchema = {
+  type: "Control",
+  scope: "#/properties/Logo",
+  options: {
+    widget: "Image"
+  },
+  config: {
+    layout: 3,
+    main: {
+      url: ""
+    },
+    style: {}
+  }
+};
+const buildImage = (config2, componentScope2) => {
+  const image = _.cloneDeep(imageUiSchema);
+  image.scope = componentScope2;
+  image.config.main.url = config2.imageUrl;
+  if (config2.layout) {
+    image.config.layout = createLayoutFormat(config2.layout);
+  }
+  if (config2.style) {
+    image.config.style = JSON.parse(config2.style);
+  }
+  if (config2.height) {
+    image.config.style.imageStyle = { ...image.config.style.imageStyle, height: config2.height };
+  }
+  return image;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -12439,6 +12477,9 @@ const buildUiSchema = (config2, store2) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config2, componentScope2);
       break;
+    case "Image":
+      elements = buildImage(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",