@hai-dev/ui-kit 1.1.7 → 1.1.8

package/dist/components/circular-progress-loader/circular-progress-loader.js

@@ -1,6 +1,6 @@
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
 import { c as m } from "../../index-B2JRaoNz.js";
-import { PRECENT_SYMBOL as T } from "../../constants.js";
+import { PERCENT_SYMBOL as T } from "../../constants.js";
 import { CIRCULAR_PROGRESS_DEFAULT_VALUE as R, PROGRESS_VARIANT_DETERMINATE as a, CIRCULAR_PROGRESS_DEFAULT_SIZE as C } from "./constants.js";
 import { B as l } from "../../Box-CykjCaXY.js";
 import { C as E } from "../../CircularProgress-CrHaMZDC.js";

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

@@ -40,7 +40,7 @@ export declare const DEFAULT_FILE_MAX_SIZE: number;
 export declare const DEFAULT_VIDEO_FILE_MAX_SIZE: number;
 export declare const PHOTO_CANVAS_CONTEXT = "2d";
 export declare const PHOTO_SMOOTHING_QUALITY = "high";
-export declare const PRECENT_UNIT = "%";
+export declare const PERCENT_UNIT = "%";
 export declare const PIXEL_UNIT = "px";
 export declare const MS_UNIT = "ms";
 export declare const MB_UNIT = "mb";

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

@@ -57,13 +57,13 @@ export {
   U as MP4_VIDEO_EXT,
   F as MP4_VIDEO_TYPE,
   d as MS_UNIT,
+  v as PERCENT_UNIT,
   b as PHOTO_CANVAS_CONTEXT,
   Z as PHOTO_LOADING_DELAY,
   J as PHOTO_SMOOTHING_QUALITY,
   W as PIXEL_UNIT,
   A as PNG_IMAGE_EXT,
   G as PNG_IMAGE_TYPE,
-  v as PRECENT_UNIT,
   h as RESET_DATA_DELAY,
   e as SUPPORTED_IMAGE_EXTENSIONS,
   C as SUPPORTED_IMAGE_MIME_TYPES,

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

@@ -4,38 +4,38 @@ import { v as Vo, D as bo } from "../../index-CcueJ2sD.js";
 import { c as ko } from "../../index-B2JRaoNz.js";
 import { localizedText as zo } from "./locale.js";
 import { EN_LOCALE as jo } from "../../constants.js";
-import { DEFAULT_MIN_DIMENSION as Wo, DEFAULT_ASPECT_RATIO as Bo, DEFAULT_TIMEOUT as Go, DEFAULT_FILE_MAX_SIZE as Xo, DEFAULT_VIDEO_FILE_MAX_SIZE as Yo, DEFAULT_BASE_DIMENSION as Zo, FULL_PROGRESS_VALUE as Q, PHOTO_LOADING_DELAY as qo, RESET_DATA_DELAY as d } from "./constants.js";
+import { DEFAULT_MIN_DIMENSION as Wo, DEFAULT_ASPECT_RATIO as Bo, DEFAULT_TIMEOUT as Go, DEFAULT_FILE_MAX_SIZE as Xo, DEFAULT_VIDEO_FILE_MAX_SIZE as Yo, DEFAULT_BASE_DIMENSION as Zo, FULL_PROGRESS_VALUE as $, PHOTO_LOADING_DELAY as qo, RESET_DATA_DELAY as d } from "./constants.js";
 import { UploadDialog as Jo } from "./components/upload-dialog/upload-dialog.js";
 import { UploadButton as Ko } from "./components/upload-button/upload-button.js";
 import { ErrorUploadDialog as Qo } from "./components/error-upload-dialog/error-upload-dialog.js";
-import { isVideo as $ } from "./utils/is-video.js";
-import { validateVideoFile as oo } from "./utils/validate-video-file.js";
-import { validatePhotoFile as eo } from "./utils/validate-photo-file.js";
-import { readPhoto as to } from "./utils/read-photo.js";
+import { isVideo as oo } from "./utils/is-video.js";
+import { validateVideoFile as eo } from "./utils/validate-video-file.js";
+import { validatePhotoFile as to } from "./utils/validate-photo-file.js";
+import { readPhoto as ro } from "./utils/read-photo.js";
 import { getPhotoCrop as $o } from "./utils/get-photo-crop.js";
 import { getCroppedSource as oe } from "./utils/get-cropped-source.js";
-import { getDefaultCroppedPhoto as ro } from "./utils/get-default-cropped-photo.js";
+import { getDefaultCroppedPhoto as no } from "./utils/get-default-cropped-photo.js";
 import '../../assets/photo-crop-uploader.css';const ee = "_photoCropCanvas_1i4lr_1", te = {
   photoCropCanvas: ee
 };
 function Le(a) {
   const {
-    buttonClassname: no = "",
-    onStartUpload: so = () => {
+    buttonClassname: so = "",
+    onStartUpload: ao = () => {
     },
-    onEndUpload: ao = () => {
+    onEndUpload: io = () => {
     },
-    onError: io = () => {
+    onError: lo = () => {
     },
-    onStartCrop: lo = () => {
+    onStartCrop: co = () => {
     },
-    onDragOver: co = () => {
+    onDragOver: po = () => {
     },
-    onDragLeave: po = () => {
+    onDragLeave: uo = () => {
     },
-    onDragDrop: uo = () => {
+    onDragDrop: fo = () => {
     },
-    showErrorPopup: fo = !1,
+    showErrorPopup: ho = !1,
     minDimension: l = Wo,
     aspectRatio: C = Bo,
     locale: n = jo,
@@ -44,23 +44,23 @@ function Le(a) {
     videoFileMaxSize: H = Yo,
     allowedExtensions: w,
     allowedMimeTypes: V,
-    circular: ho,
-    usePercentCrop: mo = !0,
+    circular: mo,
+    usePercentCrop: b = !0,
     width: Co,
     keepSelection: go,
     uploadButton: Eo,
     multiple: g = !1,
-    fromSources: b,
+    fromSources: k,
     withVideoUploaded: v = !1,
     returnCropParams: Po = !1,
-    dialogClassname: k,
+    dialogClassname: z,
     defaultDimension: Do = Zo,
     ...So
   } = a, {
     onEndCrop: re,
     onClose: ne,
     ...Lo
-  } = So, [_o, E] = i(!1), [P, D] = i([]), [I, x] = i([]), f = A([]), h = A([]), [p, z] = i(0), j = A(null), W = A(null), [c, O] = i(!1), [To, B] = i(0), [G, X] = i(""), [Uo, S] = i([]), [Ao, Y] = i(!1), wo = _o || c && g, vo = () => {
+  } = So, [_o, E] = i(!1), [P, D] = i([]), [I, x] = i([]), f = A([]), h = A([]), [p, j] = i(0), W = A(null), B = A(null), [c, O] = i(!1), [To, G] = i(0), [X, Y] = i(""), [Uo, S] = i([]), [Ao, Z] = i(!1), wo = _o || c && g, vo = () => {
     S([]);
   }, F = (e = []) => {
     c || (a.returnCropParams === !0 && a.onClose?.(
@@ -78,29 +78,29 @@ function Le(a) {
     ), E(!1), setTimeout(() => S([]), d), setTimeout(() => D([]), d), setTimeout(() => {
       f.current = [], h.current = [];
     }, d));
-  }, Z = () => {
+  }, q = () => {
     c || (a.returnCropParams === !0 ? F([]) : R([]));
   }, Io = () => {
-    Y(!1);
+    Z(!1);
   }, L = (e, t = e, o = [], r = !1) => {
-    ao(e), X(""), D(e), x(Array(e.length)), z(0), E(!0), f.current = t, h.current = o, !e.length && !r && Z();
+    io(e), Y(""), D(e), x(Array(e.length)), j(0), E(!0), f.current = t, h.current = o, !e.length && !r && q();
   }, y = (e) => {
-    e instanceof Error && (console.warn(e.message), io(e), X(e.message), Y(!0), D([]), E(!1), f.current = [], h.current = []);
+    e instanceof Error && (console.warn(e.message), lo(e), Y(e.message), Z(!0), D([]), E(!1), f.current = [], h.current = []);
   }, xo = async (e) => {
     const { files: t } = e.target;
     if (t?.length && !c)
       try {
-        if (O(!0), so(), g) {
-          const o = Array.from(t), r = Q / o.length, _ = [], u = [], J = [], T = [];
+        if (O(!0), ao(), g) {
+          const o = Array.from(t), r = $ / o.length, _ = [], u = [], K = [], T = [];
           for (const m of o) {
-            const Mo = $(m);
+            const Mo = oo(m);
             try {
               if (v && Mo) {
-                oo(m, H, n);
+                eo(m, H, n);
                 const s = URL.createObjectURL(m);
-                J.push(u.length), u.push(s);
+                K.push(u.length), u.push(s);
               } else {
-                eo(
+                to(
                   m,
                   {
                     maxSize: N,
@@ -109,7 +109,7 @@ function Le(a) {
                   },
                   n
                 );
-                const s = await to(
+                const s = await ro(
                   m,
                   l,
                   n,
@@ -118,32 +118,32 @@ function Le(a) {
                 _.push(s), u.push(s);
               }
             } catch (s) {
-              let K = "";
-              s instanceof Error && (K = s.message), T.push({
+              let Q = "";
+              s instanceof Error && (Q = s.message), T.push({
                 photoName: m.name,
-                errorMessage: K
+                errorMessage: Q
               });
             }
-            B(
-              (s) => Math.min(Q, s + r)
+            G(
+              (s) => Math.min($, s + r)
             ), await new Promise((s) => setTimeout(s, 0));
           }
-          if (b?.length)
+          if (k?.length)
             throw new Error(T[0]?.errorMessage);
-          S(T), L(_, u, J, T.length > 0);
+          S(T), L(_, u, K, T.length > 0);
         } else {
           const o = t[0];
-          if (v && $(o)) {
-            oo(o, H, n);
+          if (v && oo(o)) {
+            eo(o, H, n);
             const r = URL.createObjectURL(o);
             L([], [r], [0]);
           } else {
-            eo(
+            to(
               o,
               { maxSize: N, allowedExtensions: w, allowedMimeTypes: V },
               n
             );
-            const r = await to(o, l, n, M);
+            const r = await ro(o, l, n, M);
             L([r]);
           }
         }
@@ -151,7 +151,7 @@ function Le(a) {
         y(o);
       } finally {
         g ? setTimeout(() => {
-          e.target.value = "", B(0), O(!1);
+          e.target.value = "", G(0), O(!1);
         }, qo) : (e.target.value = "", O(!1));
       }
   }, Oo = (e) => {
@@ -172,14 +172,14 @@ function Le(a) {
       const r = [...o];
       return r[p] = t, r;
     });
-  }, q = () => {
-    const e = W.current, t = j.current;
+  }, J = () => {
+    const e = B.current, t = W.current;
     if (e && t && I)
       try {
         const o = I[p];
         if (!o) return !1;
-        if (lo(), a.returnCropParams === !0) {
-          if (mo) {
+        if (co(), a.returnCropParams === !0) {
+          if (b) {
             const r = Vo(
               o,
               t.naturalWidth,
@@ -211,19 +211,20 @@ function Le(a) {
     else
       return !1;
   }, Ro = () => {
-    q() && z((t) => t + 1);
+    J() && j((t) => t + 1);
   }, yo = async () => {
     const e = P.slice(p);
     try {
       if (Po) {
         const t = await Promise.all(
           e.map(
-            (o) => ro(
+            (o) => no(
               o,
               l,
               C,
               n,
-              !0
+              !0,
+              b
             )
           )
         );
@@ -231,7 +232,7 @@ function Le(a) {
       } else {
         const t = await Promise.all(
           e.map(
-            (o) => ro(
+            (o) => no(
               o,
               l,
               C,
@@ -252,18 +253,18 @@ function Le(a) {
       {
         onChange: xo,
         onPhotoDataLoaded: L,
-        buttonClassname: no,
+        buttonClassname: so,
         disabled: c,
         buttonDisabled: c,
         locale: n,
         width: Co,
         allowedExtensions: w,
-        onDragDrop: uo,
-        onDragLeave: po,
-        onDragOver: co,
+        onDragDrop: fo,
+        onDragLeave: uo,
+        onDragOver: po,
         button: Eo,
         multiple: g,
-        fromSources: b,
+        fromSources: k,
         withVideoUploaded: v,
         ...Lo,
         children: zo[n].upload
@@ -273,7 +274,7 @@ function Le(a) {
       Jo,
       {
         open: wo,
-        className: k,
+        className: z,
         photoSourceLoading: c,
         loadingValue: To,
         errors: Uo,
@@ -282,16 +283,16 @@ function Le(a) {
         onNextPhoto: Ro,
         onSkipCrop: yo,
         onClearErrors: vo,
-        photoError: G,
-        onCloseDialogHandler: Z,
+        photoError: X,
+        onCloseDialogHandler: q,
         onCropChange: Fo,
-        onPhotoCrop: q,
+        onPhotoCrop: J,
         onPhotoLoad: Oo,
-        imageRef: j,
+        imageRef: W,
         minDimension: l,
         aspectRatio: C,
         locale: n,
-        circular: ho,
+        circular: mo,
         keepSelection: go,
         photoIndex: p
       }
@@ -299,9 +300,9 @@ function Le(a) {
     /* @__PURE__ */ U(
       Qo,
       {
-        className: k,
-        open: fo && Ao,
-        photoError: G,
+        className: z,
+        open: ho && Ao,
+        photoError: X,
         onCloseErrorDialog: Io,
         locale: n
       }
@@ -312,7 +313,7 @@ function Le(a) {
         className: ko(te.photoCropCanvas),
         width: l,
         height: l,
-        ref: W
+        ref: B
       }
     )
   ] });

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

@@ -1,6 +1,6 @@
-import { PixelCrop } from 'react-image-crop';
+import { Crop } from 'react-image-crop';
 import { Locale } from '../../../types';
 import { PhotoDataUrl } from '../types';
-export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: true): Promise<PixelCrop>;
-export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: false): Promise<PhotoDataUrl>;
-export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: boolean): Promise<PhotoDataUrl | PixelCrop>;
+export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: true, isPercent?: boolean): Promise<Crop>;
+export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: false, isPercent?: boolean): Promise<PhotoDataUrl>;
+export declare function getDefaultCroppedPhoto(photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: boolean, isPercent?: boolean): Promise<PhotoDataUrl | Crop>;

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

@@ -1,41 +1,41 @@
-import { D as u } from "../../../index-CcueJ2sD.js";
-import { getPhotoCrop as g } from "./get-photo-crop.js";
+import { v as g, D as v } from "../../../index-CcueJ2sD.js";
+import { getPhotoCrop as w } from "./get-photo-crop.js";
 import { getCroppedSource as C } from "./get-cropped-source.js";
-import { localizedText as l } from "../locale.js";
-function x(a, i, m, e, s) {
-  return new Promise((n, p) => {
-    const o = new Image(), d = document.createElement("canvas");
+import { localizedText as E } from "../locale.js";
+function L(a, i, m, n, s, d) {
+  return new Promise((c, p) => {
+    const o = new Image(), h = document.createElement("canvas");
     o.src = a, o.addEventListener("load", () => {
-      const { width: r, height: c } = o;
+      const { width: r, height: e } = o;
       try {
-        const t = g(
+        const t = w(
           r,
-          c,
+          e,
           i,
           m,
           !0
         );
         if (s) {
-          const f = u(t, r, c);
-          n(f);
+          const u = d ? g(t, r, e) : v(t, r, e);
+          c(u);
           return;
         }
-        const h = C(
+        const f = C(
           o,
-          d,
+          h,
           t,
-          e
+          n
         );
-        n(h);
+        c(f);
       } catch (t) {
         p(t);
       }
     }), o.addEventListener("error", () => {
-      const r = new Error(l[e]["paint-error"]);
+      const r = new Error(E[n]["paint-error"]);
       p(r);
     });
   });
 }
 export {
-  x as getDefaultCroppedPhoto
+  L as getDefaultCroppedPhoto
 };

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

@@ -1,29 +1,29 @@
-import { B as E, L as N } from "../../../index-CcueJ2sD.js";
-import { DEFAULT_MIN_DIMENSION as n, DEFAULT_ASPECT_RATIO as A, FULL_CROP_SIZE as t, PRECENT_UNIT as _ } from "../constants.js";
+import { B as _, L as N } from "../../../index-CcueJ2sD.js";
+import { DEFAULT_MIN_DIMENSION as n, DEFAULT_ASPECT_RATIO as A, FULL_CROP_SIZE as E, PERCENT_UNIT as t } from "../constants.js";
 const M = (r, c, C = n, I = A, P = !1, o) => {
-  const L = r / c / I, T = C / r * t, e = C / c * t;
+  const L = r / c / I, T = C / r * E, e = C / c * E;
   let p;
-  return o && o >= T && o >= e ? L <= 1 ? p = E(
+  return o && o >= T && o >= e ? L <= 1 ? p = _(
     {
-      unit: _,
+      unit: t,
       width: o
     },
     I,
     r,
     c
-  ) : p = E(
+  ) : p = _(
     {
-      unit: _,
+      unit: t,
       height: o
     },
     I,
     r,
     c
-  ) : p = E(
+  ) : p = _(
     {
-      unit: _,
-      width: P ? t : T,
-      height: P ? t : e
+      unit: t,
+      width: P ? E : T,
+      height: P ? E : e
     },
     I,
     r,

package/dist/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const EN_LOCALE = "en";
 export declare const RU_LOCALE = "ru";
 export declare const BYTE_TO_KILOBYTE = 1024;
-export declare const PRECENT_SYMBOL = "%";
+export declare const PERCENT_SYMBOL = "%";
 export declare const DASH_SYMBOL = "-";

package/dist/constants.js

@@ -3,6 +3,6 @@ export {
   n as BYTE_TO_KILOBYTE,
   t as DASH_SYMBOL,
   E as EN_LOCALE,
-  o as PRECENT_SYMBOL,
+  o as PERCENT_SYMBOL,
   L as RU_LOCALE
 };

package/package.json

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