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

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.72-flickering.1",
+    "version": "1.0.72-flickering.3",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -42,6 +42,7 @@ 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: {},
@@ -315,6 +316,8 @@ const buildUiSchema = (config: any, store?: any) => {
     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 = JSON.parse(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/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

@@ -43,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"],

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

@@ -1,5 +1,4 @@
 import _ from "lodash";
-import cloneDeep from 'lodash';
 import { handlersProps } from "./interface";
 export const executeEvents = (params: handlersProps) => {
   let nextEvent = [];
@@ -189,25 +188,9 @@ function mergeFormdata(handlerResponse: any, componentName: string, eventConfig:
   }
   else if (eventConfig.type === "Table" && eventConfig.lazyLoading) {
     if (handlerResponse && handlerResponse?.data) {
-
-      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 } });
+      formDataHolder[componentName] = handlerResponse.data?.data
+      formDataHolder[`${componentName}_RowCount`] = handlerResponse.data?.meta?.totalRowCount
+      store.setFormdata((pre) => { return { ...pre, ...formDataHolder } });
     }
   }
   else {