@hai-dev/ui-kit 1.0.6 → 1.0.7

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

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

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

@@ -3,6 +3,10 @@ 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 = {

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
+};