impaktapps-ui-builder 1.0.71 → 1.0.72-flickering.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" },
@@ -6258,7 +6259,8 @@ const ComponentSchema = {
         { 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: {
@@ -7898,6 +7900,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;
 };
@@ -8379,6 +8388,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"],
@@ -8401,7 +8411,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 +10053,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 +10101,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 {
@@ -11184,6 +11200,25 @@ const downloadFile = {
     "widget": "DownloadFile"
   }
 };
+const uploadFileIcon = {
+  "type": "Control",
+  "scope": "#/properties/uploadFileIcon",
+  "config": {
+    "main": {
+      "label": "AttachmentFile",
+      "onUpload": "onFileUpload",
+      "required": true,
+      "errorMessage": "Attachment File is not uploaded"
+    },
+    "style": {
+      "backgroundColor": "none"
+    },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 }
+  },
+  "options": {
+    "widget": "UploadFileIcon"
+  }
+};
 const buildUploadFile = (config2, componentScope2) => {
   const UploadFile = _.cloneDeep(uploadFile);
   UploadFile.scope = componentScope2;
@@ -12182,6 +12217,51 @@ 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;
+};
+const buildUploadFileIcon = (config2, componentScope2) => {
+  const UploadFileIcon = _.cloneDeep(uploadFileIcon);
+  UploadFileIcon.scope = componentScope2;
+  UploadFileIcon.config.main.label = config2.label;
+  if (config2.layout) {
+    UploadFileIcon.config.layout = createLayoutFormat(config2.layout);
+  }
+  if (config2.style) {
+    UploadFileIcon.config.style = config2.style;
+  }
+  if (config2.required) {
+    UploadFileIcon.config.main.required = true;
+  }
+  UploadFileIcon.config.main.errorMessage = config2.errorMessage;
+  return UploadFileIcon;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -12439,6 +12519,11 @@ const buildUiSchema = (config2, store2) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config2, componentScope2);
       break;
+    case "Image":
+      elements = buildImage(config2, componentScope2);
+      break;
+    case "UploadFileIcon":
+      elements = buildUploadFileIcon(config2, componentScope2);
     default:
       schema = {
         type: "object",