@hai-dev/ui-kit 1.0.6 → 1.0.8

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

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

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

@@ -1,8 +1,13 @@
 import { DragEvent, InputHTMLAttributes, ReactNode } from 'react';
+import { PixelCrop } 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;
 export type PhotoFileSize = number;
+export type FileErrorItem = {
+    photoName: string;
+    errorMessage: string;
+};
 export type PhotoExtension = typeof JPG_IMAGE_EXT | typeof JPEG_IMAGE_EXT | typeof PNG_IMAGE_EXT | typeof SVG_IMAGE_EXT | typeof BMP_IMAGE_EXT | typeof GIF_IMAGE_EXT | typeof WEBP_IMAGE_EXT | typeof ICO_IMAGE_EXT;
 export type PhotoMimeType = typeof JPG_IMAGE_TYPE | typeof JPEG_IMAGE_TYPE | typeof PNG_IMAGE_TYPE | typeof SVG_IMAGE_TYPE | typeof BMP_IMAGE_TYPE | typeof GIF_IMAGE_TYPE | typeof WEBP_IMAGE_TYPE | typeof ICO_IMAGE_TYPE | typeof MICROSOFT_ICO_IMAGE_TYPE;
 export type PhotoFileOptions = {
@@ -10,14 +15,22 @@ export type PhotoFileOptions = {
     allowedExtensions?: PhotoExtension[];
     allowedMimeTypes?: PhotoMimeType[];
 };
+type WithNoReturnCropParamsProps = {
+    returnCropParams?: false;
+    onEndCrop?: (photoData: PhotoDataUrl) => unknown;
+    onClose?: (skipPhotosData: PhotoDataUrl[], sourcesData: PhotoDataUrl[]) => unknown;
+};
+type WithReturnCropParamsProps = {
+    returnCropParams: true;
+    onEndCrop?: (photoData: PixelCrop) => unknown;
+    onClose?: (skipPhotosData: PixelCrop[], sourcesData: PhotoDataUrl[]) => unknown;
+};
 export type PhotoCropUploaderCustomProps = {
     buttonClassname?: string;
     onStartUpload?: () => unknown;
     onEndUpload?: (photoData: PhotoDataUrl[]) => unknown;
     onError?: (error: Error) => unknown;
     onStartCrop?: () => unknown;
-    onEndCrop?: (photoData: PhotoDataUrl) => unknown;
-    onClose?: (skipPhotosData: PhotoDataUrl[], sourcesData: PhotoDataUrl[]) => unknown;
     onDragOver?: (event: DragEvent<HTMLDivElement>) => unknown;
     onDragLeave?: (event: DragEvent<HTMLDivElement>) => unknown;
     onDragDrop?: (event: DragEvent<HTMLDivElement>) => unknown;
@@ -35,5 +48,6 @@ export type PhotoCropUploaderCustomProps = {
     uploadButton?: ReactNode;
     fromSources?: PhotoDataUrl[];
 };
-export type PhotoCropUploaderProps = PhotoCropUploaderCustomProps & InputHTMLAttributes<HTMLInputElement>;
+export type PhotoCropUploaderProps = PhotoCropUploaderCustomProps & (WithNoReturnCropParamsProps | WithReturnCropParamsProps) & InputHTMLAttributes<HTMLInputElement>;
 export type PhotoCropUploaderLocaleText = Record<Locale, Record<string, string>>;
+export {};

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

@@ -1,3 +1,4 @@
+import { Crop } from 'react-image-crop';
 import { Locale } from '../../../types';
 import { PhotoDataUrl } from '../types';
-export declare const getDefaultCroppedPhoto: (photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale) => Promise<PhotoDataUrl>;
+export declare const getDefaultCroppedPhoto: (photoSourse: PhotoDataUrl, minDimension: number, aspectRatio: number, locale: Locale, returnCropParams: boolean) => Promise<PhotoDataUrl | Crop>;

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

@@ -1,32 +1,39 @@
-import { getPhotoCrop as m } from "./get-photo-crop.js";
-import { getCropedPhoto as g } from "./get-croped-photo.js";
-import { localizedText as P } from "../locale.js";
-const w = async (a, c, s, e) => new Promise((p, n) => {
+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 { 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: t, height: h } = o, i = m(
-      t,
-      h,
-      c,
-      s,
-      !0
-    );
+    const { width: r, height: p } = o;
     try {
-      const r = g(
+      const t = C(
+        r,
+        p,
+        s,
+        i,
+        !0
+      );
+      if (m) {
+        const f = g(t, r, p);
+        n(f);
+        return;
+      }
+      const h = P(
         o,
         d,
-        i,
+        t,
         e
       );
-      p(r);
-    } catch (r) {
-      n(r);
+      n(h);
+    } catch (t) {
+      c(t);
     }
   }), o.addEventListener("error", () => {
-    const t = new Error(P[e]["paint-error"]);
-    n(t);
+    const r = new Error(l[e]["paint-error"]);
+    c(r);
   });
 });
 export {
-  w as getDefaultCroppedPhoto
+  x as getDefaultCroppedPhoto
 };

package/dist/constants.d.ts

@@ -2,3 +2,4 @@ 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 DASH_SYMBOL = "-";

package/dist/constants.js

@@ -1,6 +1,7 @@
-const E = "en", L = "ru", n = 1024, o = "%";
+const E = "en", L = "ru", n = 1024, o = "%", t = "-";
 export {
   n as BYTE_TO_KILOBYTE,
+  t as DASH_SYMBOL,
   E as EN_LOCALE,
   o as PRECENT_SYMBOL,
   L as RU_LOCALE

package/dist/createSimplePaletteValueFilter-nb0wSOzC.js

@@ -0,0 +1,30 @@
+import { p as o } from "./chainPropTypes-KIxDwPzf.js";
+const l = {
+  theme: void 0
+};
+function u(e) {
+  let t, r;
+  return function(a) {
+    let n = t;
+    return (n === void 0 || a.theme !== r) && (l.theme = a.theme, n = o(e(l)), t = n, r = a.theme), n;
+  };
+}
+const c = u;
+function i(e) {
+  return typeof e.main == "string";
+}
+function m(e, t = []) {
+  if (!i(e))
+    return !1;
+  for (const r of t)
+    if (!e.hasOwnProperty(r) || typeof e[r] != "string")
+      return !1;
+  return !0;
+}
+function h(e = []) {
+  return ([, t]) => t && m(t, e);
+}
+export {
+  h as c,
+  c as m
+};

package/dist/{createTheme-BfVKUMHQ.js → createTheme-RvzX1VSA.js}

@@ -4099,18 +4099,18 @@ export {
   Ci as C,
   ha as E,
   je as P,
-  pa as T,
+  Qt as T,
   Mr as _,
-  Cr as a,
-  Ca as b,
+  Sa as a,
+  tn as b,
   va as c,
-  sn as d,
-  tn as e,
-  Qt as f,
-  Sa as g,
-  vi as h,
+  Sr as d,
+  vi as e,
+  Cr as f,
+  sn as g,
+  pa as h,
   xe as i,
-  Sr as j,
+  Ca as j,
   Gr as k,
   Jt as l,
   ma as m,

package/dist/extendSxProp-BW9e6LtL.js

@@ -0,0 +1,36 @@
+import { i as c, d as l } from "./createTheme-RvzX1VSA.js";
+const a = (t) => {
+  const s = {
+    systemProps: {},
+    otherProps: {}
+  }, n = t?.theme?.unstable_sxConfig ?? l;
+  return Object.keys(t).forEach((e) => {
+    n[e] ? s.systemProps[e] = t[e] : s.otherProps[e] = t[e];
+  }), s;
+};
+function x(t) {
+  const {
+    sx: s,
+    ...n
+  } = t, {
+    systemProps: e,
+    otherProps: i
+  } = a(n);
+  let r;
+  return Array.isArray(s) ? r = [e, ...s] : typeof s == "function" ? r = (...f) => {
+    const o = s(...f);
+    return c(o) ? {
+      ...e,
+      ...o
+    } : e;
+  } : r = {
+    ...e,
+    ...s
+  }, {
+    ...i,
+    sx: r
+  };
+}
+export {
+  x as e
+};