@hai-dev/ui-kit 1.0.10 → 1.0.11

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

@@ -1,6 +1,6 @@
-import { jsxs as To, Fragment as wo, jsx as C } from "react/jsx-runtime";
+import { jsxs as To, Fragment as _o, jsx as C } from "react/jsx-runtime";
 import { useState as n, useRef as G } from "react";
-import { D as _o } from "../../index-BiffjjQq.js";
+import { D as wo } from "../../index-BiffjjQq.js";
 import { c as Ao } from "../../index-B2JRaoNz.js";
 import { localizedText as Uo } from "./locale.js";
 import { EN_LOCALE as xo } from "../../constants.js";
@@ -8,21 +8,21 @@ import { DEFAULT_MIN_DIMENSION as yo, DEFAULT_ASPECT_RATIO as Oo, DEFAULT_TIMEOU
 import { UploadDialog as Mo } from "./components/upload-dialog/upload-dialog.js";
 import { UploadButton as No } from "./components/upload-button/upload-button.js";
 import { ErrorUploadDialog as Ro } from "./components/error-upload-dialog/error-upload-dialog.js";
-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 { getCroppedSource as Ho } from "./utils/get-cropped-source.js";
+import { validatePhotoFile as W } from "./utils/validate-photo-file.js";
+import { readPhoto as X } from "./utils/read-photo.js";
+import { getPhotoCrop as Ho } from "./utils/get-photo-crop.js";
+import { getCroppedSource as bo } 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
-}, et = (q) => {
+}, et = (Z) => {
   const {
-    buttonClassname: J = "",
-    onStartUpload: K = () => {
+    buttonClassname: q = "",
+    onStartUpload: J = () => {
     },
-    onEndUpload: Q = () => {
+    onEndUpload: K = () => {
     },
-    onError: W = () => {
+    onError: Q = () => {
     },
     onStartCrop: $ = () => {
     },
@@ -37,7 +37,7 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
     onClose: P = () => {
     },
     showErrorPopup: eo = !1,
-    minDimension: i = yo,
+    minDimension: l = yo,
     aspectRatio: D = Oo,
     locale: s = xo,
     timeout: O = vo,
@@ -47,35 +47,35 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
     circular: so,
     width: no,
     keepSelection: ao,
-    uploadButton: io,
+    uploadButton: lo,
     multiple: m = !1,
     fromSources: F,
     returnCropParams: S = !1,
-    ...lo
-  } = q, [po, f] = n(!1), [p, u] = n([]), [T, w] = n([]), [c, M] = n(0), N = G(null), R = G(null), [l, _] = n(!1), [co, b] = n(0), [H, z] = n(""), [ho, d] = n([]), [mo, k] = n(!1), fo = po || l && m, uo = () => {
+    ...io
+  } = Z, [po, f] = n(!1), [p, u] = n([]), [T, _] = n([]), [c, M] = n(0), N = G(null), R = G(null), [i, w] = n(!1), [co, H] = n(0), [b, z] = n(""), [ho, d] = n([]), [mo, k] = n(!1), fo = po || i && m, uo = () => {
     d([]);
   }, V = (o = []) => {
-    l || (P?.(
+    i || (P?.(
       o,
       p
     ), f(!1), setTimeout(() => d([]), E), setTimeout(() => u([]), E));
   }, go = () => {
-    l || (P([], p), f(!1), setTimeout(() => d([]), E), setTimeout(() => u([]), E));
+    i || (P([], p), f(!1), setTimeout(() => d([]), E), setTimeout(() => u([]), E));
   }, Co = () => {
     k(!1);
   }, A = (o) => {
-    Q(o), u(o), w(Array(o.length)), M(0), f(!0), z("");
+    K(o), u(o), _(Array(o.length)), M(0), f(!0), z("");
   }, U = (o) => {
-    o instanceof Error && (console.warn(o.message), W(o), z(o.message), k(!0), u([]), f(!1));
+    o instanceof Error && (console.warn(o.message), Q(o), z(o.message), k(!0), u([]), f(!1));
   }, Eo = async (o) => {
     const { files: r } = o.target;
-    if (r?.length && !l)
+    if (r?.length && !i)
       try {
-        if (_(!0), K(), m) {
+        if (w(!0), J(), m) {
           const t = Array.from(r), e = Y / t.length, g = [], h = [];
           for (const x of t) {
             try {
-              X(
+              W(
                 x,
                 {
                   maxSize: v,
@@ -84,7 +84,7 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
                 },
                 s
               );
-              const a = await Z(x, i, s, O);
+              const a = await X(x, l, s, O);
               g.push(a);
             } catch (a) {
               let B = "";
@@ -93,7 +93,7 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
                 errorMessage: B
               });
             }
-            b(
+            H(
               (a) => Math.min(Y, a + e)
             ), await new Promise((a) => setTimeout(a, 0));
           }
@@ -102,29 +102,29 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
           d(h), A(g);
         } else {
           const t = r[0];
-          X(
+          W(
             t,
             { maxSize: v, allowedExtensions: L, allowedMimeTypes: I },
             s
           );
-          const e = await Z(t, i, s, O);
+          const e = await X(t, l, s, O);
           A([e]);
         }
       } catch (t) {
         U(t);
       } finally {
         m ? setTimeout(() => {
-          o.target.value = "", b(0), _(!1);
-        }, Fo) : (o.target.value = "", _(!1));
+          o.target.value = "", H(0), w(!1);
+        }, Fo) : (o.target.value = "", w(!1));
       }
   }, Po = (o) => {
-    const { width: r, height: t } = o.currentTarget, e = bo(r, t, i, D);
-    w((g) => {
+    const { width: r, height: t } = o.currentTarget, e = Ho(r, t, l, D);
+    _((g) => {
       const h = [...g];
       return h[c] = e, h;
     });
   }, Do = (o, r) => {
-    w((t) => {
+    _((t) => {
       const e = [...t];
       return e[c] = r, e;
     });
@@ -135,10 +135,14 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
         $();
         const t = T[c];
         if (S) {
-          const e = _o(t, r.width, r.height);
+          const e = wo(
+            t,
+            r.naturalWidth,
+            r.naturalHeight
+          );
           y?.(e);
         } else {
-          const e = Ho(
+          const e = bo(
             r,
             o,
             t,
@@ -159,7 +163,7 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
         o.map(
           (t) => zo(
             t,
-            i,
+            l,
             D,
             s,
             S
@@ -171,25 +175,25 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
       U(r);
     }
   };
-  return /* @__PURE__ */ To(wo, { children: [
+  return /* @__PURE__ */ To(_o, { children: [
     /* @__PURE__ */ C(
       No,
       {
         onChange: Eo,
         onPhotoDataLoaded: A,
-        buttonClassname: J,
-        disabled: l,
-        buttonDisabled: l,
+        buttonClassname: q,
+        disabled: i,
+        buttonDisabled: i,
         locale: s,
         width: no,
         allowedExtensions: L,
         onDragDrop: ro,
         onDragLeave: to,
         onDragOver: oo,
-        button: io,
+        button: lo,
         multiple: m,
         fromSources: F,
-        ...lo,
+        ...io,
         children: Uo[s].upload
       }
     ),
@@ -197,7 +201,7 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
       Mo,
       {
         open: fo,
-        photoSourceLoading: l,
+        photoSourceLoading: i,
         loadingValue: co,
         errors: ho,
         photoCrops: T,
@@ -205,13 +209,13 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
         onNextPhoto: Lo,
         onSkipCrop: So,
         onClearErrors: uo,
-        photoError: H,
+        photoError: b,
         onCloseDialogHandler: go,
         onCropChange: Do,
         onPhotoCrop: j,
         onPhotoLoad: Po,
         imageRef: N,
-        minDimension: i,
+        minDimension: l,
         aspectRatio: D,
         locale: s,
         circular: so,
@@ -223,7 +227,7 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
       Ro,
       {
         open: eo && mo,
-        photoError: H,
+        photoError: b,
         onCloseErrorDialog: Co,
         locale: s
       }
@@ -232,8 +236,8 @@ import '../../assets/photo-crop-uploader.css';const ko = "_photoCropCanvas_1i4lr
       "canvas",
       {
         className: Ao(Vo.photoCropCanvas),
-        width: i,
-        height: i,
+        width: l,
+        height: l,
         ref: R
       }
     )

package/package.json

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