chore: Update package.json version to 1.0.194 and add image cropping …

…functionality
Programmer-Network · Jul 28, 2024 · 9f0659e · 9f0659e
1 parent 9a67a9b
commit 9f0659e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/yail",
-  "version": "1.0.193",
+  "version": "1.0.194",
   "description": "Programmer Network's official UI library for React",
   "author": "Aleksandar Grbic - (https://programmer.network)",
   "publishConfig": {

diff --git a/src/Components/ImageCrop/index.tsx b/src/Components/ImageCrop/index.tsx
@@ -30,7 +30,7 @@ const ImageCrop: FC<IImageCropProps> = ({
   const [scale] = useState(1);
   const [rotate] = useState(0);
 
-  const onImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {
+  const onImageLoad = async (e: React.SyntheticEvent<HTMLImageElement>) => {
     if (!aspect) {
       return;
     }
@@ -52,6 +52,23 @@ const ImageCrop: FC<IImageCropProps> = ({
         mediaHeight
       )
     );
+
+    if (!imgRef.current) {
+      return;
+    }
+
+    const { croppedImage, cropError } = await CanvasUtils.getCroppedImg(
+      imgRef.current,
+      crop
+    );
+
+    if (cropError) {
+      onError?.(cropError);
+
+      return;
+    }
+
+    onComplete?.(croppedImage as Blob);
   };
 
   const handleChange = (_: PixelCrop, percentCrop: PercentCrop) => {