@hai-dev/ui-kit 1.0.8 → 1.0.9

package/dist/components/photo-crop-uploader/index.d.ts

@@ -1 +1,3 @@
+export type { Crop, PercentCrop, PixelCrop } from 'react-image-crop';
 export { PhotoCropUploader } from './photo-crop-uploader';
+export { drawCroppedImage } from './utils';

package/dist/components/photo-crop-uploader/index.js

@@ -1,4 +1,6 @@
 import { PhotoCropUploader as p } from "./photo-crop-uploader.js";
+import { drawCroppedImage as a } from "./utils/draw-cropped-image.js";
 export {
-  p as PhotoCropUploader
+  p as PhotoCropUploader,
+  a as drawCroppedImage
 };

package/dist/components/photo-crop-uploader/photo-crop-uploader.js

@@ -11,7 +11,7 @@ import { ErrorUploadDialog as Ro } from "./components/error-upload-dialog/error-
 import { validatePhotoFile as X } from "./utils/validate-photo-file.js";
 import { readPhoto as Z } from "./utils/read-photo.js";
 import { getPhotoCrop as bo } from "./utils/get-photo-crop.js";
-import { getCropedPhoto as Ho } from "./utils/get-croped-photo.js";
+import { getCroppedSource as Ho } from "./utils/get-cropped-source.js";
 import { getDefaultCroppedPhoto as zo } from "./utils/get-default-cropped-photo.js";
 import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr_1", Vo = {
   photoCropCanvas: ko

package/dist/components/photo-crop-uploader/utils/draw-cropped-image.d.ts

@@ -0,0 +1,3 @@
+import { Crop } from 'react-image-crop';
+import { Locale } from '../../../types';
+export declare const drawCroppedImage: (canvas: HTMLCanvasElement, source: string, crop: Crop, locale?: Locale) => Promise<void>;

package/dist/components/photo-crop-uploader/utils/draw-cropped-image.js

@@ -0,0 +1,33 @@
+import { D as h } from "../../../index-BiffjjQq.js";
+import { localizedText as w } from "../locale.js";
+import { EN_LOCALE as l } from "../../../constants.js";
+import { PHOTO_CANVAS_CONTEXT as x } from "../constants.js";
+const O = async (o, n, a, m = l) => {
+  new Promise((d, s) => {
+    const r = new Image();
+    r.src = n, r.addEventListener("load", () => {
+      const { width: e, height: c } = o, { naturalWidth: p, naturalHeight: g } = r, i = o.getContext(x);
+      if (i) {
+        const t = h(a, p, g);
+        i.drawImage(
+          r,
+          t.x,
+          t.y,
+          t.width,
+          t.height,
+          0,
+          0,
+          e,
+          c
+        );
+      }
+      d("");
+    }), r.addEventListener("error", () => {
+      const e = new Error(w[m]["paint-error"]);
+      s(e);
+    });
+  });
+};
+export {
+  O as drawCroppedImage
+};

package/dist/components/photo-crop-uploader/utils/get-cropped-source.d.ts

@@ -0,0 +1,4 @@
+import { Crop } from 'react-image-crop';
+import { Locale } from '../../../types';
+import { PhotoDataUrl } from '../types';
+export declare const getCroppedSource: (photo: HTMLImageElement, canvas: HTMLCanvasElement, crop: Crop, locale?: Locale) => PhotoDataUrl;

package/dist/components/photo-crop-uploader/utils/{get-croped-photo.js → get-cropped-source.js}

@@ -22,5 +22,5 @@ const H = (c, o, d, m = O) => {
   ), t.restore(), o.toDataURL();
 };
 export {
-  H as getCropedPhoto
+  H as getCroppedSource
 };

package/dist/components/photo-crop-uploader/utils/get-default-cropped-photo.js

@@ -1,13 +1,13 @@
 import { D as g } from "../../../index-BiffjjQq.js";
-import { getPhotoCrop as C } from "./get-photo-crop.js";
-import { getCropedPhoto as P } from "./get-croped-photo.js";
+import { getPhotoCrop as u } from "./get-photo-crop.js";
+import { getCroppedSource as C } from "./get-cropped-source.js";
 import { localizedText as l } from "../locale.js";
 const x = async (a, s, i, e, m) => new Promise((n, c) => {
   const o = new Image(), d = document.createElement("canvas");
   o.src = a, o.addEventListener("load", () => {
     const { width: r, height: p } = o;
     try {
-      const t = C(
+      const t = u(
         r,
         p,
         s,
@@ -19,7 +19,7 @@ const x = async (a, s, i, e, m) => new Promise((n, c) => {
         n(f);
         return;
       }
-      const h = P(
+      const h = C(
         o,
         d,
         t,

package/dist/components/photo-crop-uploader/utils/index.d.ts

@@ -1,5 +1,6 @@
 export { readPhoto } from './read-photo';
 export { getPhotoCrop } from './get-photo-crop';
-export { getCropedPhoto } from './get-croped-photo';
+export { getCroppedSource } from './get-cropped-source';
 export { validatePhotoFile } from './validate-photo-file';
 export { getDefaultCroppedPhoto } from './get-default-cropped-photo';
+export { drawCroppedImage } from './draw-cropped-image';

package/dist/components/photo-crop-uploader/utils/index.js

@@ -1,12 +1,14 @@
 import { readPhoto as e } from "./read-photo.js";
 import { getPhotoCrop as p } from "./get-photo-crop.js";
-import { getCropedPhoto as h } from "./get-croped-photo.js";
-import { validatePhotoFile as x } from "./validate-photo-file.js";
-import { getDefaultCroppedPhoto as a } from "./get-default-cropped-photo.js";
+import { getCroppedSource as m } from "./get-cropped-source.js";
+import { validatePhotoFile as d } from "./validate-photo-file.js";
+import { getDefaultCroppedPhoto as g } from "./get-default-cropped-photo.js";
+import { drawCroppedImage as C } from "./draw-cropped-image.js";
 export {
-  h as getCropedPhoto,
-  a as getDefaultCroppedPhoto,
+  C as drawCroppedImage,
+  m as getCroppedSource,
+  g as getDefaultCroppedPhoto,
   p as getPhotoCrop,
   e as readPhoto,
-  x as validatePhotoFile
+  d as validatePhotoFile
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hai-dev/ui-kit",
   "private": false,
-  "version": "1.0.8",
+  "version": "1.0.9",
   "license": "UNLICENSED",
   "author": {
     "name": "Vladislav Knitrunov",

package/dist/components/photo-crop-uploader/utils/get-croped-photo.d.ts

@@ -1,4 +0,0 @@
-import { Crop } from 'react-image-crop';
-import { Locale } from '../../../types';
-import { PhotoDataUrl } from '../types';
-export declare const getCropedPhoto: (photo: HTMLImageElement, canvas: HTMLCanvasElement, crop: Crop, locale?: Locale) => PhotoDataUrl;