@hai-dev/ui-kit 1.0.12 → 1.1.0

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

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

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

@@ -15,16 +15,17 @@ export type PhotoFileOptions = {
     allowedExtensions?: PhotoExtension[];
     allowedMimeTypes?: PhotoMimeType[];
 };
-type WithNoReturnCropParamsProps = {
-    returnCropParams?: false;
-    onEndCrop?: (photoData: PhotoDataUrl) => unknown;
-    onClose?: (skipPhotosData: PhotoDataUrl[], sourcesData: PhotoDataUrl[]) => unknown;
-};
-type WithReturnCropParamsProps = {
+type CropPropsWithParams = {
     returnCropParams: true;
     onEndCrop?: (photoData: PixelCrop) => unknown;
     onClose?: (skipPhotosData: PixelCrop[], sourcesData: PhotoDataUrl[]) => unknown;
 };
+type CropPropsWithDataUrl = {
+    returnCropParams?: false;
+    onEndCrop?: (photoData: PhotoDataUrl) => unknown;
+    onClose?: (skipPhotosData: PhotoDataUrl[], sourcesData: PhotoDataUrl[]) => unknown;
+};
+type CropProps = CropPropsWithParams | CropPropsWithDataUrl;
 export type PhotoCropUploaderCustomProps = {
     buttonClassname?: string;
     onStartUpload?: () => unknown;
@@ -48,6 +49,6 @@ export type PhotoCropUploaderCustomProps = {
     uploadButton?: ReactNode;
     fromSources?: PhotoDataUrl[];
 };
-export type PhotoCropUploaderProps = PhotoCropUploaderCustomProps & (WithNoReturnCropParamsProps | WithReturnCropParamsProps) & InputHTMLAttributes<HTMLInputElement>;
+export type PhotoCropUploaderProps = PhotoCropUploaderCustomProps & CropProps & InputHTMLAttributes<HTMLInputElement>;
 export type PhotoCropUploaderLocaleText = Record<Locale, Record<string, string>>;
 export {};

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

@@ -1,33 +1,32 @@
-import { D as h } from "../../../index-BiffjjQq.js";
-import { localizedText as w } from "../locale.js";
-import { EN_LOCALE as l } from "../../../constants.js";
+import { D as w } from "../../../index-BiffjjQq.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";
-const O = async (o, n, a, m = l) => {
-  new Promise((d, s) => {
-    const r = new Image();
-    r.src = n, r.addEventListener("load", () => {
-      const { width: e, height: c } = o, { naturalWidth: p, naturalHeight: g } = r, i = o.getContext(x);
-      if (i) {
-        const t = h(a, p, g);
-        i.drawImage(
-          r,
-          t.x,
-          t.y,
-          t.width,
-          t.height,
-          0,
-          0,
-          e,
-          c
-        );
-      }
-      d("");
-    }), r.addEventListener("error", () => {
-      const e = new Error(w[m]["paint-error"]);
-      s(e);
-    });
+const L = (o, d, s, n = E) => new Promise((p, i) => {
+  const r = new Image();
+  r.src = d, r.addEventListener("load", () => {
+    const { width: e, height: c } = o, { naturalWidth: g, naturalHeight: h } = r, a = o.getContext(x);
+    if (!a) {
+      i(new Error(m[n]["canvas-error"]));
+      return;
+    }
+    const t = w(s, g, h);
+    a.drawImage(
+      r,
+      t.x,
+      t.y,
+      t.width,
+      t.height,
+      0,
+      0,
+      e,
+      c
+    ), p();
+  }), r.addEventListener("error", () => {
+    const e = new Error(m[n]["paint-error"]);
+    i(e);
   });
-};
+});
 export {
-  O as drawCroppedImage
+  L as drawCroppedImage
 };

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

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

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

@@ -1,39 +1,41 @@
-import { D as g } from "../../../index-BiffjjQq.js";
-import { getPhotoCrop as u } from "./get-photo-crop.js";
+import { D as u } from "../../../index-BiffjjQq.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";
-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: r, height: p } = o;
-    try {
-      const t = u(
-        r,
-        p,
-        s,
-        i,
-        !0
-      );
-      if (m) {
-        const f = g(t, r, p);
-        n(f);
-        return;
+function x(a, i, m, e, s) {
+  return new Promise((n, p) => {
+    const o = new Image(), d = document.createElement("canvas");
+    o.src = a, o.addEventListener("load", () => {
+      const { width: r, height: c } = o;
+      try {
+        const t = g(
+          r,
+          c,
+          i,
+          m,
+          !0
+        );
+        if (s) {
+          const f = u(t, r, c);
+          n(f);
+          return;
+        }
+        const h = C(
+          o,
+          d,
+          t,
+          e
+        );
+        n(h);
+      } catch (t) {
+        p(t);
       }
-      const h = C(
-        o,
-        d,
-        t,
-        e
-      );
-      n(h);
-    } catch (t) {
-      c(t);
-    }
-  }), o.addEventListener("error", () => {
-    const r = new Error(l[e]["paint-error"]);
-    c(r);
+    }), o.addEventListener("error", () => {
+      const r = new Error(l[e]["paint-error"]);
+      p(r);
+    });
   });
-});
+}
 export {
   x as getDefaultCroppedPhoto
 };

package/dist/createSimplePaletteValueFilter-B7--0ryQ.js

@@ -0,0 +1,17 @@
+function n(e) {
+  return typeof e.main == "string";
+}
+function a(e, r = []) {
+  if (!n(e))
+    return !1;
+  for (const t of r)
+    if (!e.hasOwnProperty(t) || typeof e[t] != "string")
+      return !1;
+  return !0;
+}
+function i(e = []) {
+  return ([, r]) => r && a(r, e);
+}
+export {
+  i as c
+};