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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.71-alpha.4",
+    "version": "1.0.72-flickering.1",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -14,15 +14,6 @@ const imageUiSchema = {
       url: "",
     },
     style: {
-    //   imageStyle: { width: 300 },
-
-    //   containerStyle: {
-    //     display: "flex",
-    //     justifyContent: "center",
-    //     alignItems: "center",
-    //     marginLeft: "32px",
-    //     marginTop: 2,
-    //   },
     },
   },
 };

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

@@ -543,6 +543,7 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getInputField("imageUrl", "Image URL"),
         getInputField("height", "Image Height"),
+        emptyBox("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 }),
       ]
       break;
   }

package/src/impaktapps-ui-builder/runtime/services/events.ts

@@ -1,4 +1,5 @@
 import _ from "lodash";
+import cloneDeep from 'lodash';
 import { handlersProps } from "./interface";
 export const executeEvents = (params: handlersProps) => {
   let nextEvent = [];
@@ -188,9 +189,25 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
   }
   else if (eventConfig.type === "Table" && eventConfig.lazyLoading) {
     if (handlerResponse && handlerResponse?.data) {
-      formDataHolder[componentName] = handlerResponse.data?.data
-      formDataHolder[`${componentName}_RowCount`] = handlerResponse.data?.meta?.totalRowCount
-      store.setFormdata((pre) => { return { ...pre, ...formDataHolder } });
+
+      const tableData = Array.isArray(handlerResponse.data?.data)
+        ? cloneDeep(handlerResponse.data.data)
+        : cloneDeep(handlerResponse.data?.data);
+
+      const rowCount = handlerResponse.data?.meta?.totalRowCount ?? null;
+
+      const newFormDataHolder = {
+        ...formDataHolder,
+        [componentName]: tableData,
+        [`${componentName}_RowCount`]: rowCount,
+      };
+      store.setFormdata((prev) => {
+        // we merge prev with newFormDataHolder immutably:
+        return { ...prev, ...newFormDataHolder }; // CHANGED: no in-place mutation
+      });
+      // formDataHolder[componentName] = handlerResponse.data?.data
+      // formDataHolder[`${componentName}_RowCount`] = handlerResponse.data?.meta?.totalRowCount
+      // store.setFormdata((pre) => { return { ...pre, ...formDataHolder } });
     }
   }
   else {