@hai-dev/ui-kit 1.1.5 → 1.1.7

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

@@ -1,6 +1,6 @@
 import { jsxs as L, jsx as a, Fragment as _ } from "react/jsx-runtime";
-import * as P from "react";
-import { S as $ } from "../../../../index-BiffjjQq.js";
+import * as k from "react";
+import { S as $ } from "../../../../index-CcueJ2sD.js";
 import { c as i } from "../../../../index-B2JRaoNz.js";
 import { s as n, U as V } from "../../../../upload-dialog-errors-Bxun25O-.js";
 import { PhotoList as H } from "../photo-list/photo-list.js";
@@ -8,8 +8,8 @@ import { localizedText as p } from "../../locale.js";
 import { EN_LOCALE as Z } from "../../../../constants.js";
 import { CLOSE_ICON_SIZE as w } from "./constants.js";
 import { DEFAULT_MIN_DIMENSION as Y, DEFAULT_ASPECT_RATIO as q } from "../../constants.js";
-import { D as T } from "../../../../Dialog-DqFOpJyx.js";
-import { a as D, b as O, D as G } from "../../../../DialogTitle-CeM_Z851.js";
+import { D as O } from "../../../../Dialog-DqFOpJyx.js";
+import { a as D, b as E, D as G } from "../../../../DialogTitle-CeM_Z851.js";
 import { CircularProgressLoader as J } from "../../../circular-progress-loader/circular-progress-loader.js";
 import { a as K, g as Q, c as X, b as m, P as t } from "../../../../createTheme-RRQUOQoF.js";
 import { m as A } from "../../../../memoTheme-5A7c_y33.js";
@@ -18,7 +18,7 @@ import { u as oo, s as W, c as eo, b as to } from "../../../../chainPropTypes-C0
 import { u as ao } from "../../../../useId-CK6Kn3Tn.js";
 import { B as ro } from "../../../../ButtonBase-DPLf5-lz.js";
 import { C as no } from "../../../../CircularProgress-CrHaMZDC.js";
-import { Button as E } from "../../../button/button.js";
+import { Button as P } from "../../../button/button.js";
 import '../../../../assets/upload-dialog.css';function io(o) {
   return Q("MuiIconButton", o);
 }
@@ -169,7 +169,7 @@ const U = K("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
       display: "flex"
     }
   }]
-})), j = /* @__PURE__ */ P.forwardRef(function(e, r) {
+})), j = /* @__PURE__ */ k.forwardRef(function(e, r) {
   const c = oo({
     props: e,
     name: "MuiIconButton"
@@ -230,7 +230,7 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
   /**
    * The icon to display.
    */
-  children: to(t.node, (o) => P.Children.toArray(o.children).some((r) => /* @__PURE__ */ P.isValidElement(r) && r.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+  children: to(t.node, (o) => k.Children.toArray(o.children).some((r) => /* @__PURE__ */ k.isValidElement(r) && r.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
 `)) : null),
   /**
    * Override or extend the styles applied to the component.
@@ -324,42 +324,42 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
     className: d,
     photoIndex: C,
     loadingValue: F,
-    errors: k,
-    ...x
+    errors: x,
+    ...T
   } = o, S = r.slice(C).length > 1;
-  return h || !r.length ? /* @__PURE__ */ a(
-    T,
+  return h || !r.length && !x?.length ? /* @__PURE__ */ a(
+    O,
     {
       className: i(n.dialog, d),
       onClose: e,
-      ...x,
+      ...T,
       children: /* @__PURE__ */ a(D, { className: i(n.content), children: /* @__PURE__ */ a(J, { value: F }) })
     }
-  ) : k?.length ? /* @__PURE__ */ a(
-    T,
+  ) : x?.length ? /* @__PURE__ */ a(
+    O,
     {
       className: i(n.dialog, d),
       onClose: e,
-      ...x,
+      ...T,
       children: /* @__PURE__ */ a(
         V,
         {
           locale: l,
           photoSources: r,
-          errors: k,
+          errors: x,
           onCloseDialogHandler: e,
           onClearErrors: v
         }
       )
     }
   ) : /* @__PURE__ */ L(
-    T,
+    O,
     {
       className: i(n.dialog, d),
       onClose: e,
-      ...x,
+      ...T,
       children: [
-        /* @__PURE__ */ a(O, { className: i(n.topActions), children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a(E, { className: i(n.topActions), children: /* @__PURE__ */ a(
           j,
           {
             onClick: e,
@@ -406,10 +406,10 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
           ),
           S && /* @__PURE__ */ a(H, { photoSources: r, photoIndex: C })
         ] }),
-        u && /* @__PURE__ */ a(O, { className: i(n.dialogText), children: u }),
-        /* @__PURE__ */ a(O, { className: i(n.botActions), children: S ? /* @__PURE__ */ L(_, { children: [
+        u && /* @__PURE__ */ a(E, { className: i(n.dialogText), children: u }),
+        /* @__PURE__ */ a(E, { className: i(n.botActions), children: S ? /* @__PURE__ */ L(_, { children: [
           /* @__PURE__ */ a(
-            E,
+            P,
             {
               buttonSize: "small",
               buttonColor: "blue",
@@ -421,7 +421,7 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
             }
           ),
           /* @__PURE__ */ a(
-            E,
+            P,
             {
               buttonSize: "small",
               buttonColor: "blue",
@@ -433,7 +433,7 @@ const po = "data:image/svg+xml,%3csvg%20width='46'%20height='46'%20viewBox='0%20
             }
           )
         ] }) : /* @__PURE__ */ a(
-          E,
+          P,
           {
             minWidth: "100%",
             buttonSize: "small",

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

@@ -1,5 +1,6 @@
 export declare const DEFAULT_ASPECT_RATIO = 1;
 export declare const DEFAULT_MIN_DIMENSION = 670;
+export declare const DEFAULT_BASE_DIMENSION = 90;
 export declare const JPG_IMAGE_EXT = ".jpg";
 export declare const JPEG_IMAGE_EXT = ".jpeg";
 export declare const PNG_IMAGE_EXT = ".png";
@@ -36,6 +37,7 @@ export declare const MIME_TO_EXT: {
 };
 export declare const DEFAULT_TIMEOUT = 500;
 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 = "%";

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

@@ -1,74 +1,76 @@
-import { BYTE_TO_KILOBYTE as I } from "../../constants.js";
-const N = 1, e = 670, E = ".jpg", _ = ".jpeg", P = ".png", o = ".svg", M = ".bmp", A = ".gif", T = ".ico", G = ".webp", D = [
-  E,
+import { BYTE_TO_KILOBYTE as E } from "../../constants.js";
+const D = 1, i = 670, L = 90, _ = ".jpg", I = ".jpeg", A = ".png", o = ".svg", M = ".bmp", P = ".gif", T = ".ico", n = ".webp", e = [
   _,
-  P,
+  I,
+  A,
   o,
   M,
-  A,
-  G,
-  T
-], n = "image/jpg", c = "image/jpeg", s = "image/png", t = "image/svg+xml", O = "image/bmp", Y = "image/gif", S = "image/webp", m = "image/x-icon", g = "image/vnd.microsoft.icon", L = ".mp4", X = ".webm", p = "video/mp4", C = "video/webm", U = [
+  P,
   n,
+  T
+], c = "image/jpg", s = "image/jpeg", G = "image/png", t = "image/svg+xml", O = "image/bmp", S = "image/gif", Y = "image/webp", m = "image/x-icon", N = "image/vnd.microsoft.icon", U = ".mp4", X = ".webm", F = "video/mp4", p = "video/webm", C = [
   c,
   s,
+  G,
   t,
   O,
-  Y,
   S,
+  Y,
   m,
-  g
-], F = {
-  JPEG_IMAGE_TYPE: [E, _],
-  JPG_IMAGE_TYPE: [E, _],
-  PNG_IMAGE_TYPE: [P],
-  GIF_IMAGE_TYPE: [A],
+  N
+], B = {
+  JPEG_IMAGE_TYPE: [_, I],
+  JPG_IMAGE_TYPE: [_, I],
+  PNG_IMAGE_TYPE: [A],
+  GIF_IMAGE_TYPE: [P],
   SVG_IMAGE_TYPE: [o],
   BMP_IMAGE_TYPE: [M],
-  WEBP_IMAGE_TYPE: [G],
+  WEBP_IMAGE_TYPE: [n],
   ICO_IMAGE_TYPE: [T],
   MICROSOFT_ICO_IMAGE_TYPE: [T]
-}, R = 500, B = 5 * I * I, a = "2d", V = "high", b = "%", J = "px", v = "ms", W = "mb", d = 1, f = 100, j = 2, r = 0.5, w = 100, x = 100, H = 500;
+}, R = 500, V = 10 * E * E, a = 50 * E * E, b = "2d", J = "high", v = "%", W = "px", d = "ms", f = "mb", j = 1, r = 100, w = 2, x = 0.5, H = 100, Z = 100, h = 500;
 export {
   M as BMP_IMAGE_EXT,
   O as BMP_IMAGE_TYPE,
-  N as DEFAULT_ASPECT_RATIO,
-  B as DEFAULT_FILE_MAX_SIZE,
-  e as DEFAULT_MIN_DIMENSION,
+  D as DEFAULT_ASPECT_RATIO,
+  L as DEFAULT_BASE_DIMENSION,
+  V as DEFAULT_FILE_MAX_SIZE,
+  i as DEFAULT_MIN_DIMENSION,
   R as DEFAULT_TIMEOUT,
-  f as FULL_CROP_SIZE,
-  w as FULL_PROGRESS_VALUE,
-  A as GIF_IMAGE_EXT,
-  Y as GIF_IMAGE_TYPE,
+  a as DEFAULT_VIDEO_FILE_MAX_SIZE,
+  r as FULL_CROP_SIZE,
+  H as FULL_PROGRESS_VALUE,
+  P as GIF_IMAGE_EXT,
+  S as GIF_IMAGE_TYPE,
   T as ICO_IMAGE_EXT,
   m as ICO_IMAGE_TYPE,
-  _ as JPEG_IMAGE_EXT,
-  c as JPEG_IMAGE_TYPE,
-  E as JPG_IMAGE_EXT,
-  n as JPG_IMAGE_TYPE,
-  j as MAX_ASPECT_RATIO,
-  d as MB_FRACTION_DIGITS,
-  W as MB_UNIT,
-  g as MICROSOFT_ICO_IMAGE_TYPE,
-  F as MIME_TO_EXT,
-  r as MIN_ASPECT_RATIO,
-  L as MP4_VIDEO_EXT,
-  p as MP4_VIDEO_TYPE,
-  v as MS_UNIT,
-  a as PHOTO_CANVAS_CONTEXT,
-  x as PHOTO_LOADING_DELAY,
-  V as PHOTO_SMOOTHING_QUALITY,
-  J as PIXEL_UNIT,
-  P as PNG_IMAGE_EXT,
-  s as PNG_IMAGE_TYPE,
-  b as PRECENT_UNIT,
-  H as RESET_DATA_DELAY,
-  D as SUPPORTED_IMAGE_EXTENSIONS,
-  U as SUPPORTED_IMAGE_MIME_TYPES,
+  I as JPEG_IMAGE_EXT,
+  s as JPEG_IMAGE_TYPE,
+  _ as JPG_IMAGE_EXT,
+  c as JPG_IMAGE_TYPE,
+  w as MAX_ASPECT_RATIO,
+  j as MB_FRACTION_DIGITS,
+  f as MB_UNIT,
+  N as MICROSOFT_ICO_IMAGE_TYPE,
+  B as MIME_TO_EXT,
+  x as MIN_ASPECT_RATIO,
+  U as MP4_VIDEO_EXT,
+  F as MP4_VIDEO_TYPE,
+  d as MS_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,
   o as SVG_IMAGE_EXT,
   t as SVG_IMAGE_TYPE,
   X as WEBM_VIDEO_EXT,
-  C as WEBM_VIDEO_TYPE,
-  G as WEBP_IMAGE_EXT,
-  S as WEBP_IMAGE_TYPE
+  p as WEBM_VIDEO_TYPE,
+  n as WEBP_IMAGE_EXT,
+  Y as WEBP_IMAGE_TYPE
 };

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

@@ -1,6 +1,6 @@
 const e = {
   en: {
-    upload: "Upload a photo",
+    upload: "Upload a file",
     drop: "Drop the file here",
     "photo-crop": "Select the display area",
     crop: "Save",
@@ -10,7 +10,8 @@ const e = {
     "canvas-error": "Canvas context not found",
     error: "Error",
     "large-file": "The file is too large",
-    "maximum-size": "Maximum size",
+    "maximum-size": "Maximum size for a photo is",
+    "video-maximum-size": "Maximum size for a video is",
     "file-ext-error": "Unsupported file extension",
     "file-type-error": "Unsupported file type",
     "mime-type": "MIME Type",
@@ -23,11 +24,11 @@ const e = {
     skip: "Skip area selection",
     aspect: "The aspect ratio of the cropped image must not be greater than 2",
     close: "Close",
-    "not-uploaded": "Photos were not uploaded",
-    "some-not-uploaded": "Some photos were not uploaded"
+    "not-uploaded": "Files were not uploaded",
+    "some-not-uploaded": "Some files were not uploaded"
   },
   ru: {
-    upload: "Загрузить фото",
+    upload: "Загрузить файл",
     drop: "Отпустите файл здесь",
     "photo-crop": "Выберите отображаемую область",
     crop: "Сохранить",
@@ -37,7 +38,8 @@ const e = {
     "canvas-error": "Контекст канваса не найден",
     error: "Ошибка",
     "large-file": "Файл слишком большой",
-    "maximum-size": "Максимальный размер",
+    "maximum-size": "Максимальный размер для фотографии",
+    "video-maximum-size": "Максимальный размер для видео",
     "file-ext-error": "Неподдерживаемое расширение файла",
     "file-type-error": "Неподдерживаемый тип файла",
     "mime-type": "MIME тип",
@@ -50,8 +52,8 @@ const e = {
     skip: "Пропустить выбор области",
     aspect: "Соотношение сторон обрезаемого изображения не должно быть больше 2",
     close: "Закрыть",
-    "not-uploaded": "Фотографии не были загружены",
-    "some-not-uploaded": "Некоторые фотографии не были загружены"
+    "not-uploaded": "Файлы не были загружены",
+    "some-not-uploaded": "Некоторые файлы не были загружены"
   }
 };
 export {

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

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

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

@@ -1,5 +1,5 @@
 import { DragEvent, InputHTMLAttributes, ReactNode } from 'react';
-import { PixelCrop } from 'react-image-crop';
+import { Crop } from 'react-image-crop';
 import { Locale } from '../../types';
 import { BMP_IMAGE_TYPE, GIF_IMAGE_TYPE, ICO_IMAGE_TYPE, JPEG_IMAGE_TYPE, JPG_IMAGE_TYPE, MICROSOFT_ICO_IMAGE_TYPE, PNG_IMAGE_TYPE, SVG_IMAGE_TYPE, WEBP_IMAGE_TYPE, ICO_IMAGE_EXT, BMP_IMAGE_EXT, GIF_IMAGE_EXT, JPEG_IMAGE_EXT, JPG_IMAGE_EXT, PNG_IMAGE_EXT, SVG_IMAGE_EXT, WEBP_IMAGE_EXT } from './constants';
 export type PhotoDataUrl = string;
@@ -17,8 +17,8 @@ export type PhotoFileOptions = {
 };
 type CropPropsWithParams = {
     returnCropParams: true;
-    onEndCrop?: (photoData: PixelCrop) => unknown;
-    onClose?: (skipPhotosData: PixelCrop[], sourcesData: PhotoDataUrl[], videoSourceIndexes: number[]) => unknown;
+    onEndCrop?: (photoData: Crop) => unknown;
+    onClose?: (skipPhotosData: Crop[], sourcesData: PhotoDataUrl[], videoSourceIndexes: number[]) => unknown;
 };
 type CropPropsWithDataUrl = {
     returnCropParams?: false;
@@ -37,10 +37,13 @@ export type PhotoCropUploaderCustomProps = {
     onDragDrop?: (event: DragEvent<HTMLDivElement>) => unknown;
     showErrorPopup?: boolean;
     minDimension?: number;
+    defaultDimension?: number;
     aspectRatio?: number;
     locale?: 'ru' | 'en';
+    usePercentCrop?: boolean;
     timeout?: number;
     fileMaxSize?: number;
+    videoFileMaxSize?: number;
     allowedExtensions?: PhotoExtension[];
     allowedMimeTypes?: PhotoMimeType[];
     circular?: boolean;

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

@@ -1,4 +1,4 @@
-import { D as w } from "../../../index-BiffjjQq.js";
+import { D as w } from "../../../index-CcueJ2sD.js";
 import { localizedText as m } from "../locale.js";
 import { EN_LOCALE as E } from "../../../constants.js";
 import { PHOTO_CANVAS_CONTEXT as x } from "../constants.js";

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

@@ -1,4 +1,4 @@
-import { D as w } from "../../../index-BiffjjQq.js";
+import { D as w } from "../../../index-CcueJ2sD.js";
 import { localizedText as x } from "../locale.js";
 import { EN_LOCALE as O } from "../../../constants.js";
 import { PHOTO_CANVAS_CONTEXT as f, PHOTO_SMOOTHING_QUALITY as T } from "../constants.js";

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

@@ -1,4 +1,4 @@
-import { D as u } from "../../../index-BiffjjQq.js";
+import { D as u } from "../../../index-CcueJ2sD.js";
 import { getPhotoCrop as g } from "./get-photo-crop.js";
 import { getCroppedSource as C } from "./get-cropped-source.js";
 import { localizedText as l } from "../locale.js";

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

@@ -1,2 +1,2 @@
 import { Crop } from 'react-image-crop';
-export declare const getPhotoCrop: (width: number, height: number, minDimension?: number, aspectRatio?: number, maxSize?: boolean) => Crop;
+export declare const getPhotoCrop: (width: number, height: number, minDimension?: number, aspectRatio?: number, maxSize?: boolean, defaultDimension?: number) => Crop;

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

@@ -1,18 +1,35 @@
-import { B as _, L as C } from "../../../index-BiffjjQq.js";
-import { DEFAULT_MIN_DIMENSION as P, DEFAULT_ASPECT_RATIO as T, FULL_CROP_SIZE as o, PRECENT_UNIT as s } from "../constants.js";
-const U = (r, t, c = P, n = T, e = !1) => {
-  const p = c / r * o, I = c / t * o, E = _(
+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";
+const M = (r, c, C = n, I = A, P = !1, o) => {
+  const L = r / c / I, T = C / r * t, e = C / c * t;
+  let p;
+  return o && o >= T && o >= e ? L <= 1 ? p = E(
     {
-      unit: s,
-      width: e ? o : p,
-      height: e ? o : I
+      unit: _,
+      width: o
     },
-    n,
+    I,
     r,
-    t
-  );
-  return C(E, r, t);
+    c
+  ) : p = E(
+    {
+      unit: _,
+      height: o
+    },
+    I,
+    r,
+    c
+  ) : p = E(
+    {
+      unit: _,
+      width: P ? t : T,
+      height: P ? t : e
+    },
+    I,
+    r,
+    c
+  ), N(p, r, c);
 };
 export {
-  U as getPhotoCrop
+  M as getPhotoCrop
 };

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

@@ -5,3 +5,4 @@ export { validatePhotoFile } from './validate-photo-file';
 export { getDefaultCroppedPhoto } from './get-default-cropped-photo';
 export { drawCroppedImage } from './draw-cropped-image';
 export { isVideo } from './is-video';
+export { validateVideoFile } from './validate-video-file';

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

@@ -1,16 +1,18 @@
-import { readPhoto as e } from "./read-photo.js";
+import { readPhoto as r } from "./read-photo.js";
 import { getPhotoCrop as p } from "./get-photo-crop.js";
-import { getCroppedSource as m } from "./get-cropped-source.js";
-import { validatePhotoFile as x } from "./validate-photo-file.js";
-import { getDefaultCroppedPhoto as g } from "./get-default-cropped-photo.js";
-import { drawCroppedImage as i } from "./draw-cropped-image.js";
-import { isVideo as P } from "./is-video.js";
+import { getCroppedSource as f } from "./get-cropped-source.js";
+import { validatePhotoFile as a } from "./validate-photo-file.js";
+import { getDefaultCroppedPhoto as i } from "./get-default-cropped-photo.js";
+import { drawCroppedImage as g } from "./draw-cropped-image.js";
+import { isVideo as C } from "./is-video.js";
+import { validateVideoFile as u } from "./validate-video-file.js";
 export {
-  i as drawCroppedImage,
-  m as getCroppedSource,
-  g as getDefaultCroppedPhoto,
+  g as drawCroppedImage,
+  f as getCroppedSource,
+  i as getDefaultCroppedPhoto,
   p as getPhotoCrop,
-  P as isVideo,
-  e as readPhoto,
-  x as validatePhotoFile
+  C as isVideo,
+  r as readPhoto,
+  a as validatePhotoFile,
+  u as validateVideoFile
 };

package/dist/components/photo-crop-uploader/utils/validate-video-file.d.ts

@@ -0,0 +1,2 @@
+import { Locale } from '../../../types';
+export declare const validateVideoFile: (file: File, maxSize: number, locale?: Locale) => void;

package/dist/components/photo-crop-uploader/utils/validate-video-file.js

@@ -0,0 +1,16 @@
+import { localizedText as t } from "../locale.js";
+import { EN_LOCALE as f, BYTE_TO_KILOBYTE as e } from "../../../constants.js";
+import { MB_UNIT as T, MB_FRACTION_DIGITS as l } from "../constants.js";
+import { PhotoFileError as p } from "../errors/photo-file.error.js";
+const I = (m, o, i = f) => {
+  const r = [];
+  if (o && m.size > o && r.push(
+    `${t[i]["large-file"]}. ${t[i]["video-maximum-size"]}: ${(o / e / e).toFixed(
+      l
+    )}${T}`
+  ), r.length)
+    throw p.get(r);
+};
+export {
+  I as validateVideoFile
+};

package/dist/{index-BiffjjQq.js → index-CcueJ2sD.js}

@@ -427,5 +427,6 @@ export {
   N as B,
   C as D,
   O as L,
-  B as S
+  B as S,
+  f as v
 };

package/package.json

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