@apexcura/ui-components 0.0.16-Beta68 → 0.0.16-Beta69

package/dist/index.js

@@ -46,7 +46,7 @@ __export(src_exports, {
   Editor: () => Editor2,
   FileUpload: () => FileUpload,
   HorizontalBarChart: () => HorizontalBarChart,
-  Image: () => Image2,
+  Image: () => Image,
   LineChart: () => LineChart,
   MultipleSelectElement: () => MultipleSelectElement,
   Navbar: () => Navbar,
@@ -1029,7 +1029,7 @@ var DateRangePickerElement = (props) => {
 
 // src/Components/Image.tsx
 var import_react24 = __toESM(require("react"));
-var Image2 = (props) => {
+var Image = (props) => {
   return /* @__PURE__ */ import_react24.default.createElement("img", { className: props.className, src: props.img, alt: "image" });
 };
 
@@ -1120,36 +1120,26 @@ var FileUpload = (props) => {
   const { Dragger } = import_antd18.Upload;
   const initialFiles = Array.isArray(props.value) ? props.value : [];
   const [files, setFiles] = (0, import_react27.useState)(initialFiles);
-  const getDimensions = (file) => {
-    return new Promise((resolve) => {
-      const img = new Image();
-      img.onload = () => {
-        resolve({ width: img.width, height: img.height });
+  function getBase64(file, callback) {
+    const reader = new FileReader();
+    reader.addEventListener("load", () => callback(reader.result));
+    reader.readAsDataURL(file);
+  }
+  const beforeUpload = (file) => {
+    getBase64(file, (imageUrl) => {
+      const newFile = {
+        uid: file.uid,
+        name: file.name,
+        status: "done",
+        url: imageUrl,
+        thumbUrl: imageUrl,
+        originalFile: file
       };
-      img.src = URL.createObjectURL(file);
+      setFiles((prevFileList) => [...prevFileList, newFile]);
     });
+    return false;
   };
-  const handleChange = async ({ fileList }) => {
-    const updatedFileList = await Promise.all(
-      fileList.map(async (file) => {
-        if (file.originFileObj) {
-          const dimensions = await getDimensions(file.originFileObj);
-          return {
-            ...file,
-            dimensions
-          };
-        }
-        return file;
-      })
-    );
-    setFiles(updatedFileList);
-    if (props.onChange) {
-      props.onChange({
-        name: props.name,
-        value: updatedFileList
-      });
-    }
-  };
+  console.log(files);
   const customRequest = (options) => {
     const { onSuccess } = options;
     setTimeout(() => {
@@ -1167,7 +1157,7 @@ var FileUpload = (props) => {
       maxCount: props.max_count,
       multiple: props.multiple,
       fileList: files,
-      onChange: handleChange,
+      beforeUpload,
       showUploadList: true,
       customRequest
     },

package/dist/index.mjs

@@ -957,7 +957,7 @@ var DateRangePickerElement = (props) => {
 
 // src/Components/Image.tsx
 import React23 from "react";
-var Image2 = (props) => {
+var Image = (props) => {
   return /* @__PURE__ */ React23.createElement("img", { className: props.className, src: props.img, alt: "image" });
 };
 
@@ -1048,36 +1048,26 @@ var FileUpload = (props) => {
   const { Dragger } = Upload;
   const initialFiles = Array.isArray(props.value) ? props.value : [];
   const [files, setFiles] = useState8(initialFiles);
-  const getDimensions = (file) => {
-    return new Promise((resolve) => {
-      const img = new Image();
-      img.onload = () => {
-        resolve({ width: img.width, height: img.height });
+  function getBase64(file, callback) {
+    const reader = new FileReader();
+    reader.addEventListener("load", () => callback(reader.result));
+    reader.readAsDataURL(file);
+  }
+  const beforeUpload = (file) => {
+    getBase64(file, (imageUrl) => {
+      const newFile = {
+        uid: file.uid,
+        name: file.name,
+        status: "done",
+        url: imageUrl,
+        thumbUrl: imageUrl,
+        originalFile: file
       };
-      img.src = URL.createObjectURL(file);
+      setFiles((prevFileList) => [...prevFileList, newFile]);
     });
+    return false;
   };
-  const handleChange = async ({ fileList }) => {
-    const updatedFileList = await Promise.all(
-      fileList.map(async (file) => {
-        if (file.originFileObj) {
-          const dimensions = await getDimensions(file.originFileObj);
-          return {
-            ...file,
-            dimensions
-          };
-        }
-        return file;
-      })
-    );
-    setFiles(updatedFileList);
-    if (props.onChange) {
-      props.onChange({
-        name: props.name,
-        value: updatedFileList
-      });
-    }
-  };
+  console.log(files);
   const customRequest = (options) => {
     const { onSuccess } = options;
     setTimeout(() => {
@@ -1095,7 +1085,7 @@ var FileUpload = (props) => {
       maxCount: props.max_count,
       multiple: props.multiple,
       fileList: files,
-      onChange: handleChange,
+      beforeUpload,
       showUploadList: true,
       customRequest
     },
@@ -1821,7 +1811,7 @@ export {
   Editor2 as Editor,
   FileUpload,
   HorizontalBarChart,
-  Image2 as Image,
+  Image,
   LineChart,
   MultipleSelectElement,
   Navbar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.16-Beta68",
+  "version": "0.0.16-Beta69",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",