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

package/dist/index.js

@@ -1120,13 +1120,33 @@ 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 handleChange = ({ fileList }) => {
-    setFiles(fileList);
-    console.log(fileList);
+  const getDimensions = (file) => {
+    return new Promise((resolve) => {
+      const img = new Image();
+      img.onload = () => {
+        resolve({ width: img.width, height: img.height });
+      };
+      img.src = URL.createObjectURL(file);
+    });
+  };
+  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: fileList
+        value: updatedFileList
       });
     }
   };
@@ -1138,22 +1158,6 @@ var FileUpload = (props) => {
       }
     }, 0);
   };
-  const onPreview = async (file) => {
-    let src = file.url;
-    if (!src) {
-      src = await new Promise((resolve) => {
-        const reader = new FileReader();
-        reader.readAsDataURL(file.originFileObj);
-        reader.onload = () => resolve(reader.result);
-      });
-    }
-    const image = new Image();
-    image.src = src;
-    const imgWindow = window.open(src);
-    if (imgWindow) {
-      imgWindow.document.write(image.outerHTML);
-    }
-  };
   return /* @__PURE__ */ import_react27.default.createElement("div", null, /* @__PURE__ */ import_react27.default.createElement(
     Dragger,
     {
@@ -1164,12 +1168,8 @@ var FileUpload = (props) => {
       multiple: props.multiple,
       fileList: files,
       onChange: handleChange,
-      showUploadList: {
-        showPreviewIcon: true,
-        showRemoveIcon: true
-      },
-      customRequest,
-      onPreview
+      showUploadList: true,
+      customRequest
     },
     /* @__PURE__ */ import_react27.default.createElement("p", null, /* @__PURE__ */ import_react27.default.createElement(import_icons5.InboxOutlined, null)),
     /* @__PURE__ */ import_react27.default.createElement("p", null, "Click or drag file to upload")

package/dist/index.mjs

@@ -1048,13 +1048,33 @@ var FileUpload = (props) => {
   const { Dragger } = Upload;
   const initialFiles = Array.isArray(props.value) ? props.value : [];
   const [files, setFiles] = useState8(initialFiles);
-  const handleChange = ({ fileList }) => {
-    setFiles(fileList);
-    console.log(fileList);
+  const getDimensions = (file) => {
+    return new Promise((resolve) => {
+      const img = new Image();
+      img.onload = () => {
+        resolve({ width: img.width, height: img.height });
+      };
+      img.src = URL.createObjectURL(file);
+    });
+  };
+  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: fileList
+        value: updatedFileList
       });
     }
   };
@@ -1066,22 +1086,6 @@ var FileUpload = (props) => {
       }
     }, 0);
   };
-  const onPreview = async (file) => {
-    let src = file.url;
-    if (!src) {
-      src = await new Promise((resolve) => {
-        const reader = new FileReader();
-        reader.readAsDataURL(file.originFileObj);
-        reader.onload = () => resolve(reader.result);
-      });
-    }
-    const image = new Image();
-    image.src = src;
-    const imgWindow = window.open(src);
-    if (imgWindow) {
-      imgWindow.document.write(image.outerHTML);
-    }
-  };
   return /* @__PURE__ */ React26.createElement("div", null, /* @__PURE__ */ React26.createElement(
     Dragger,
     {
@@ -1092,12 +1096,8 @@ var FileUpload = (props) => {
       multiple: props.multiple,
       fileList: files,
       onChange: handleChange,
-      showUploadList: {
-        showPreviewIcon: true,
-        showRemoveIcon: true
-      },
-      customRequest,
-      onPreview
+      showUploadList: true,
+      customRequest
     },
     /* @__PURE__ */ React26.createElement("p", null, /* @__PURE__ */ React26.createElement(InboxOutlined, null)),
     /* @__PURE__ */ React26.createElement("p", null, "Click or drag file to upload")

package/package.json

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