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

Author: agjs

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": {

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) => {