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

package/dist/index.js

@@ -46,7 +46,7 @@ __export(src_exports, {
   Editor: () => Editor2,
   FileUpload: () => FileUpload,
   HorizontalBarChart: () => HorizontalBarChart,
-  Image: () => Image,
+  Image: () => Image2,
   LineChart: () => LineChart,
   MultipleSelectElement: () => MultipleSelectElement,
   Navbar: () => Navbar,
@@ -1029,7 +1029,7 @@ var DateRangePickerElement = (props) => {
 
 // src/Components/Image.tsx
 var import_react24 = __toESM(require("react"));
-var Image = (props) => {
+var Image2 = (props) => {
   return /* @__PURE__ */ import_react24.default.createElement("img", { className: props.className, src: props.img, alt: "image" });
 };
 
@@ -1120,12 +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);
+  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
       });
     }
   };

package/dist/index.mjs

@@ -957,7 +957,7 @@ var DateRangePickerElement = (props) => {
 
 // src/Components/Image.tsx
 import React23 from "react";
-var Image = (props) => {
+var Image2 = (props) => {
   return /* @__PURE__ */ React23.createElement("img", { className: props.className, src: props.img, alt: "image" });
 };
 
@@ -1048,12 +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);
+  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
       });
     }
   };
@@ -1800,7 +1821,7 @@ export {
   Editor2 as Editor,
   FileUpload,
   HorizontalBarChart,
-  Image,
+  Image2 as Image,
   LineChart,
   MultipleSelectElement,
   Navbar,

package/package.json

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