@hai-dev/ui-kit 1.0.8 → 1.0.10

package/dist/components/index.d.ts

@@ -1,3 +1,3 @@
-export { PhotoCropUploader } from './photo-crop-uploader';
+export { PhotoCropUploader, drawCroppedImage } from './photo-crop-uploader';
 export { Button } from './button';
 export { CircularProgressLoader } from './circular-progress-loader';

package/dist/components/index.js

@@ -1,8 +1,10 @@
 import { PhotoCropUploader as e } from "./photo-crop-uploader/photo-crop-uploader.js";
-import { Button as p } from "./button/button.js";
+import { drawCroppedImage as t } from "./photo-crop-uploader/utils/draw-cropped-image.js";
+import { Button as m } from "./button/button.js";
 import { CircularProgressLoader as f } from "./circular-progress-loader/circular-progress-loader.js";
 export {
-  p as Button,
+  m as Button,
   f as CircularProgressLoader,
-  e as PhotoCropUploader
+  e as PhotoCropUploader,
+  t as drawCroppedImage
 };

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

@@ -1 +1,2 @@
 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/dist/index.d.ts

@@ -1,4 +1,6 @@
 export { PhotoCropUploader, Button, CircularProgressLoader, } from './components';
+export { drawCroppedImage } from './components';
+export type { Crop, PercentCrop, PixelCrop } from 'react-image-crop';
 export type { Locale } from './types';
 export type { PhotoDataUrl, PhotoFileSize, PhotoExtension, PhotoMimeType, PhotoFileOptions, PhotoCropUploaderProps, } from './components/photo-crop-uploader/types';
 export { EN_LOCALE, RU_LOCALE, BYTE_TO_KILOBYTE } from './constants';

package/dist/index.js

@@ -1,30 +1,32 @@
-import { BYTE_TO_KILOBYTE as G, EN_LOCALE as I, RU_LOCALE as P } from "./constants.js";
-import { BMP_IMAGE_EXT as M, BMP_IMAGE_TYPE as A, GIF_IMAGE_EXT as o, GIF_IMAGE_TYPE as r, ICO_IMAGE_EXT as Y, ICO_IMAGE_TYPE as O, JPEG_IMAGE_EXT as e, JPEG_IMAGE_TYPE as t, JPG_IMAGE_EXT as C, JPG_IMAGE_TYPE as X, MICROSOFT_ICO_IMAGE_TYPE as p, PNG_IMAGE_EXT as B, PNG_IMAGE_TYPE as L, SVG_IMAGE_EXT as f, SVG_IMAGE_TYPE as m, WEBP_IMAGE_EXT as x, WEBP_IMAGE_TYPE as J } from "./components/photo-crop-uploader/constants.js";
-import { PhotoCropUploader as F } from "./components/photo-crop-uploader/photo-crop-uploader.js";
-import { Button as S } from "./components/button/button.js";
-import { CircularProgressLoader as l } from "./components/circular-progress-loader/circular-progress-loader.js";
+import { BYTE_TO_KILOBYTE as G, EN_LOCALE as I, RU_LOCALE as r } from "./constants.js";
+import { BMP_IMAGE_EXT as T, BMP_IMAGE_TYPE as o, GIF_IMAGE_EXT as M, GIF_IMAGE_TYPE as A, ICO_IMAGE_EXT as e, ICO_IMAGE_TYPE as Y, JPEG_IMAGE_EXT as p, JPEG_IMAGE_TYPE as t, JPG_IMAGE_EXT as C, JPG_IMAGE_TYPE as O, MICROSOFT_ICO_IMAGE_TYPE as X, PNG_IMAGE_EXT as m, PNG_IMAGE_TYPE as B, SVG_IMAGE_EXT as f, SVG_IMAGE_TYPE as x, WEBP_IMAGE_EXT as L, WEBP_IMAGE_TYPE as a } from "./components/photo-crop-uploader/constants.js";
+import { PhotoCropUploader as J } from "./components/photo-crop-uploader/photo-crop-uploader.js";
+import { Button as N } from "./components/button/button.js";
+import { CircularProgressLoader as g } from "./components/circular-progress-loader/circular-progress-loader.js";
+import { drawCroppedImage as s } from "./components/photo-crop-uploader/utils/draw-cropped-image.js";
 export {
-  M as BMP_IMAGE_EXT,
-  A as BMP_IMAGE_TYPE,
+  T as BMP_IMAGE_EXT,
+  o as BMP_IMAGE_TYPE,
   G as BYTE_TO_KILOBYTE,
-  S as Button,
-  l as CircularProgressLoader,
+  N as Button,
+  g as CircularProgressLoader,
   I as EN_LOCALE,
-  o as GIF_IMAGE_EXT,
-  r as GIF_IMAGE_TYPE,
-  Y as ICO_IMAGE_EXT,
-  O as ICO_IMAGE_TYPE,
-  e as JPEG_IMAGE_EXT,
+  M as GIF_IMAGE_EXT,
+  A as GIF_IMAGE_TYPE,
+  e as ICO_IMAGE_EXT,
+  Y as ICO_IMAGE_TYPE,
+  p as JPEG_IMAGE_EXT,
   t as JPEG_IMAGE_TYPE,
   C as JPG_IMAGE_EXT,
-  X as JPG_IMAGE_TYPE,
-  p as MICROSOFT_ICO_IMAGE_TYPE,
-  B as PNG_IMAGE_EXT,
-  L as PNG_IMAGE_TYPE,
-  F as PhotoCropUploader,
-  P as RU_LOCALE,
+  O as JPG_IMAGE_TYPE,
+  X as MICROSOFT_ICO_IMAGE_TYPE,
+  m as PNG_IMAGE_EXT,
+  B as PNG_IMAGE_TYPE,
+  J as PhotoCropUploader,
+  r as RU_LOCALE,
   f as SVG_IMAGE_EXT,
-  m as SVG_IMAGE_TYPE,
-  x as WEBP_IMAGE_EXT,
-  J as WEBP_IMAGE_TYPE
+  x as SVG_IMAGE_TYPE,
+  L as WEBP_IMAGE_EXT,
+  a as WEBP_IMAGE_TYPE,
+  s as drawCroppedImage
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hai-dev/ui-kit",
   "private": false,
-  "version": "1.0.8",
+  "version": "1.0.10",
   "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;