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

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

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

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

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

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

@@ -44,3 +44,27 @@ export declare const downloadFile: {
         widget: string;
     };
 };
+export declare const uploadFileIcon: {
+    type: string;
+    scope: string;
+    config: {
+        main: {
+            label: string;
+            onUpload: string;
+            required: boolean;
+            errorMessage: string;
+        };
+        style: {
+            backgroundColor: string;
+        };
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    options: {
+        widget: string;
+    };
+};

package/package.json

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

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

@@ -0,0 +1,35 @@
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+const imageUiSchema = {
+  type: "Control",
+  scope: "#/properties/Logo",
+
+  options: {
+    widget: "Image",
+  },
+  config: {
+  layout: 3,
+    main: {
+      url: "",
+    },
+    style: {
+    },
+  },
+};
+
+export const buildImage = (config, componentScope) => {
+  const image: any = _.cloneDeep(imageUiSchema);
+  image.scope = componentScope;
+  image.config.main.url = config.imageUrl;
+  if (config.layout) {
+    image.config.layout = createLayoutFormat(config.layout);
+  }
+  if (config.style) {
+    image.config.style = JSON.parse(config.style);
+  }
+  if (config.height) {
+    image.config.style.imageStyle = {...image.config.style.imageStyle, height: config.height}
+  }
+  return image;
+};

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

@@ -41,6 +41,8 @@ import { buildInputSlider } from "./buildInputSlider";
 import { buildTreeMap } from "./buildTreeMap";
 import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
 import { buildHorizontalLayout } from "./buildHorizontalLayout";
+import { buildImage } from "./buildImage";
+import { buildUploadFileIcon } from "./buildUploadFileIcon";
 export let schema = {
   type: "object",
   properties: {},
@@ -311,7 +313,11 @@ const buildUiSchema = (config: any, store?: any) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config, componentScope);
       break;
+    case "Image":
+      elements = buildImage(config, componentScope);
       break;
+    case "UploadFileIcon":
+      elements = buildUploadFileIcon(config, componentScope);
     default:
       schema = {
         type: "object",

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

@@ -0,0 +1,21 @@
+import { uploadFileIcon } from "./uischema/file";
+import _ from "lodash";
+import { createLayoutFormat } from "./buildConfig";
+
+export const buildUploadFileIcon = (config, componentScope) => {
+  const UploadFileIcon: any = _.cloneDeep(uploadFileIcon);
+
+  UploadFileIcon.scope = componentScope;
+  UploadFileIcon.config.main.label = config.label;
+  if (config.layout) {
+    UploadFileIcon.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.style) {
+    UploadFileIcon.config.style = config.style;
+  }
+  if (config.required) {
+    UploadFileIcon.config.main.required = true;
+  }
+  UploadFileIcon.config.main.errorMessage = config.errorMessage;
+  return UploadFileIcon;
+}

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

@@ -539,6 +539,13 @@ export const buildPropertiesSection = function (type: String) {
         getTextArea("thought", "Today's thought", false),
       ]
       break;
+    case "Image":
+      uiSchema.elements = [
+        getInputField("imageUrl", "Image URL"),
+        getInputField("height", "Image Height"),
+        emptyBox("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 }),
+      ]
+      break;
   }
   return uiSchema;
 };

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

@@ -35,4 +35,27 @@ export const downloadFile =   {
     "options": {
       "widget": "DownloadFile"
     }
-  };
+  };
+
+
+export const uploadFileIcon =  {
+    "type": "Control",
+    "scope": "#/properties/uploadFileIcon",
+    "config": {
+      "main": {
+        "label": "AttachmentFile",
+        // "onClick": "onClick",
+        "onUpload": "onFileUpload",
+        // "onDownload":"onFileDownload",
+        "required": true,
+        "errorMessage": "Attachment File is not uploaded"
+      },
+      "style": {
+        "backgroundColor": "none"
+      },
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 }
+    },
+    "options": {
+      "widget": "UploadFileIcon"
+    }
+  };

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

@@ -18,6 +18,7 @@ export const ComponentSchema: any = {
         { 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" },
@@ -42,7 +43,9 @@ export const ComponentSchema: any = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" }
+        { title: "Thought of the day", const: "Thought" },
+        { title: "Upload File Icon", const: "UploadFileIcon" }
+
       ]
     },
     elementType: {

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -20,6 +20,7 @@ const sectionLabels = {
   SpeedoMeter: ["Core", "Properties", "Events", "Style", "Validation"],
   card: ["Core", "Properties", "Events", "Style", "Validation"],
   UploadFile: ["Core", "Events", "Style", "Validation"],
+  UploadFileIcon: ["Core", "Events", "Style", "Validation"],
   Graph: ["Core", "Properties", "Events", "Style", "Validation"],
   DownloadFile: ["Core", "Events", "Style", "Validation"],
   Box: ["Core", "Events", "Style", "Validation"],
@@ -42,7 +43,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"],
 }
 
 export function refreshPage(type: string, store: any) {

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 {