impaktapps-ui-builder 1.0.71 → 1.0.72-flickering.1

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;
@@ -10042,7 +10051,7 @@ function executeCustomHandler(params) {
   }
 }
 function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   if (eventConfig.type === "Select" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
     if (!_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data)) {
       store2.setSchema((pre) => {
@@ -10090,10 +10099,15 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
     }
   } else if (eventConfig.type === "Table" && eventConfig.lazyLoading) {
     if (handlerResponse && (handlerResponse == null ? void 0 : handlerResponse.data)) {
-      formDataHolder[componentName] = (_a = handlerResponse.data) == null ? void 0 : _a.data;
-      formDataHolder[`${componentName}_RowCount`] = (_c = (_b = handlerResponse.data) == null ? void 0 : _b.meta) == null ? void 0 : _c.totalRowCount;
-      store2.setFormdata((pre) => {
-        return { ...pre, ...formDataHolder };
+      const tableData = Array.isArray((_a = handlerResponse.data) == null ? void 0 : _a.data) ? _(handlerResponse.data.data) : _((_b = handlerResponse.data) == null ? void 0 : _b.data);
+      const rowCount = (_e = (_d = (_c = handlerResponse.data) == null ? void 0 : _c.meta) == null ? void 0 : _d.totalRowCount) != null ? _e : null;
+      const newFormDataHolder = {
+        ...formDataHolder,
+        [componentName]: tableData,
+        [`${componentName}_RowCount`]: rowCount
+      };
+      store2.setFormdata((prev) => {
+        return { ...prev, ...newFormDataHolder };
       });
     }
   } else {
@@ -12182,6 +12196,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 +12482,9 @@ const buildUiSchema = (config2, store2) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config2, componentScope2);
       break;
+    case "Image":
+      elements = buildImage(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",