@hai-dev/ui-kit 1.0.3 → 1.0.5

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

@@ -1,17 +1,17 @@
 import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { c as n } from "../../../../index-B2JRaoNz.js";
+import { c as m } from "../../../../index-B2JRaoNz.js";
 import { MAX_ITEMS_COUNT as u } from "./constants.js";
 import { s as y, f as C, b as B, a as b, C as L, h as P, j, P as e } from "../../../../createTheme-DSHGFfg6.js";
 import * as v from "react";
 import { u as E, e as I } from "../../../../extendSxProp-CzeED7BH.js";
 import '../../../../assets/photo-list.css';function M(l = {}) {
   const {
-    themeId: m,
+    themeId: n,
     defaultTheme: p,
     defaultClassName: a = "MuiBox-root",
     generateClassName: r
-  } = l, s = y("div", {
-    shouldForwardProp: (c) => c !== "theme" && c !== "sx" && c !== "as"
+  } = l, t = y("div", {
+    shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
   })(C);
   return /* @__PURE__ */ v.forwardRef(function(x, N) {
     const h = E(p), {
@@ -19,11 +19,11 @@ import '../../../../assets/photo-list.css';function M(l = {}) {
       component: _ = "div",
       ...T
     } = I(x);
-    return /* @__PURE__ */ i(s, {
+    return /* @__PURE__ */ i(t, {
       as: _,
       ref: N,
       className: B(g, r ? r(a) : a),
-      theme: m && h[m] || h,
+      theme: n && h[n] || h,
       ...T
     });
   });
@@ -53,34 +53,34 @@ process.env.NODE_ENV !== "production" && (d.propTypes = {
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-const z = "_photoList_rrp1z_1", R = "_item_rrp1z_6", q = "_image_rrp1z_17", o = {
+const z = "_photoList_rrp1z_1", R = "_item_rrp1z_6", q = "_image_rrp1z_17", s = {
   photoList: z,
   item: R,
   image: q
 }, G = (l) => {
-  const { photoSources: m, photoIndex: p, className: a, ...r } = l, s = m.slice(p);
-  return s.length > u ? /* @__PURE__ */ f(d, { className: n(o.photoList, a), ...r, children: [
-    s.slice(0, u - 1).map((t) => /* @__PURE__ */ i(
+  const { photoSources: n, photoIndex: p, className: a, ...r } = l, t = n.slice(p);
+  return t.length > u ? /* @__PURE__ */ f(d, { className: m(s.photoList, a), ...r, children: [
+    t.slice(0, u - 1).map((c, o) => /* @__PURE__ */ i(
       "img",
       {
-        className: n(o.item, o.image),
-        src: t,
+        className: m(s.item, s.image),
+        src: c,
         alt: "photo in queue"
       },
-      t
+      o
     )),
-    /* @__PURE__ */ f("div", { className: n(o.item), children: [
+    /* @__PURE__ */ f("div", { className: m(s.item), children: [
       "Еще ",
-      s.length - u + 1
+      t.length - u + 1
     ] })
-  ] }) : /* @__PURE__ */ i(d, { className: n(o.photoList, a), ...r, children: s.map((t) => /* @__PURE__ */ i(
+  ] }) : /* @__PURE__ */ i(d, { className: m(s.photoList, a), ...r, children: t.map((c, o) => /* @__PURE__ */ i(
     "img",
     {
-      className: n(o.item, o.image),
-      src: t,
+      className: m(s.item, s.image),
+      src: c,
       alt: "photo in queue"
     },
-    t
+    o
   )) });
 };
 export {

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

@@ -1,20 +1,20 @@
-import { jsxs as io, Fragment as ho, jsx as i } from "react/jsx-runtime";
-import { useState as s, useRef as M } from "react";
+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 Co } from "../../constants.js";
-import { DEFAULT_MIN_DIMENSION as uo, DEFAULT_ASPECT_RATIO as go, DEFAULT_TIMEOUT as Po, DEFAULT_FILE_MAX_SIZE as Eo } from "./constants.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 N } from "./utils/validate-photo-file.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 Uo } from "./utils/get-croped-photo.js";
-import { getDefaultCroppedPhoto as _o } from "./utils/get-default-cropped-photo.js";
-import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr_1", yo = {
-  photoCropCanvas: xo
+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) => {
   const {
     buttonClassname: z = "",
@@ -37,58 +37,58 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
     onClose: P = () => {
     },
     showErrorPopup: K = !1,
-    minDimension: a = uo,
-    aspectRatio: h = go,
-    locale: e = Co,
+    minDimension: a = Co,
+    aspectRatio: m = go,
+    locale: e = uo,
     timeout: E = Po,
     fileMaxSize: D = Eo,
-    allowedExtensions: m,
+    allowedExtensions: d,
     allowedMimeTypes: S,
     circular: Q,
     width: V,
     keepSelection: W,
-    photoCropUploaderSlots: Y,
+    uploadButton: Y,
     multiple: L,
     fromSources: $,
     ...oo
-  } = k, [to, c] = s(!1), [d, w] = s([]), [f, C] = s([]), [l, U] = s(0), _ = M(null), x = M(null), [y, A] = s(!1), [T, v] = s(""), [ro, I] = s(!1), F = (o = []) => {
-    P(o), c(!1);
+  } = 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([]), c(!1);
+    P([], p), i(!1);
   }, no = () => {
     I(!1);
-  }, u = (o) => {
-    j(o), w(o), C(Array(o.length)), U(0), c(!0), v("");
+  }, 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([]), c(!1));
+    o instanceof Error && (console.warn(o.message), B(o), v(o.message), I(!0), w([]), i(!1));
   }, ao = async (o) => {
     const { files: r } = o.target;
     if (r?.length)
       try {
         if (A(!0), H(), L) {
           const t = Array.from(r);
-          t.forEach((p) => {
-            N(
-              p,
-              { maxSize: D, allowedExtensions: m, allowedMimeTypes: S },
+          t.forEach((c) => {
+            b(
+              c,
+              { maxSize: D, allowedExtensions: d, allowedMimeTypes: S },
               e
             );
           });
           const n = await Promise.all(
             t.map(
-              (p) => R(p, a, e, E)
+              (c) => R(c, a, e, E)
             )
           );
-          u(n);
+          C(n);
         } else {
           const t = r[0];
-          N(
+          b(
             t,
-            { maxSize: D, allowedExtensions: m, allowedMimeTypes: S },
+            { maxSize: D, allowedExtensions: d, allowedMimeTypes: S },
             e
           );
           const n = await R(t, a, e, E);
-          u([n]);
+          C([n]);
         }
       } catch (t) {
         g(t);
@@ -96,39 +96,39 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
         o.target.value = "", A(!1);
       }
   }, so = (o) => {
-    const { width: r, height: t } = o.currentTarget, n = wo(r, t, a, h);
-    C((p) => {
-      const b = [...p];
-      return b[l] = n, b;
+    const { width: r, height: t } = o.currentTarget, n = wo(r, t, a, m);
+    u((c) => {
+      const M = [...c];
+      return M[l] = n, M;
     });
   }, lo = (o, r) => {
-    C((t) => {
+    u((t) => {
       const n = [...t];
       return n[l] = r, n;
     });
   }, O = () => {
-    const o = x.current, r = _.current;
+    const o = U.current, r = x.current;
     if (o && r && f)
       try {
         X();
-        const t = Uo(
+        const t = _o(
           r,
           o,
           f[l],
           e
         );
-        Z(t), l >= d.length - 1 && F();
+        Z(t), l >= p.length - 1 && F();
       } catch (t) {
         t instanceof Error && (console.warn(t), g(t));
       }
   }, po = () => {
-    O(), U((o) => o + 1);
+    O(), _((o) => o + 1);
   }, co = async () => {
-    const o = d.slice(l);
+    const o = p.slice(l);
     try {
       const r = await Promise.all(
         o.map(
-          (t) => _o(t, a, h, e)
+          (t) => xo(t, a, m, e)
         )
       );
       F(r);
@@ -137,33 +137,33 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
     }
   };
   return /* @__PURE__ */ io(ho, { children: [
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ h(
       So,
       {
         onChange: ao,
-        onPhotoDataLoaded: u,
+        onPhotoDataLoaded: C,
         buttonClassname: z,
         disabled: y,
         buttonDisabled: y,
         locale: e,
         width: V,
-        allowedExtensions: m,
+        allowedExtensions: d,
         onDragDrop: J,
         onDragLeave: G,
         onDragOver: q,
-        button: Y?.button,
+        button: Y,
         multiple: L,
         fromSources: $,
         ...oo,
         children: fo[e].upload
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ h(
       Do,
       {
         open: to,
         photoCrops: f,
-        photoSources: d,
+        photoSources: p,
         onNextPhoto: po,
         onSkipCrop: co,
         photoError: T,
@@ -171,16 +171,16 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
         onCropChange: lo,
         onPhotoCrop: O,
         onPhotoLoad: so,
-        imageRef: _,
+        imageRef: x,
         minDimension: a,
-        aspectRatio: h,
+        aspectRatio: m,
         locale: e,
         circular: Q,
         keepSelection: W,
         photoIndex: l
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ h(
       Lo,
       {
         open: K && ro,
@@ -189,13 +189,13 @@ import '../../assets/photo-crop-uploader.css';const xo = "_photoCropCanvas_1i4lr
         locale: e
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ h(
       "canvas",
       {
         className: mo(yo.photoCropCanvas),
         width: a,
         height: a,
-        ref: x
+        ref: U
       }
     )
   ] });

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

@@ -10,9 +10,6 @@ export type PhotoFileOptions = {
     allowedExtensions?: PhotoExtension[];
     allowedMimeTypes?: PhotoMimeType[];
 };
-export type PhotoCropUploaderSlots = {
-    button?: ReactNode;
-};
 export type PhotoCropUploaderCustomProps = {
     buttonClassname?: string;
     onStartUpload?: () => unknown;
@@ -20,7 +17,7 @@ export type PhotoCropUploaderCustomProps = {
     onError?: (error: Error) => unknown;
     onStartCrop?: () => unknown;
     onEndCrop?: (photoData: PhotoDataUrl) => unknown;
-    onClose?: (skipPhotosData: PhotoDataUrl[]) => unknown;
+    onClose?: (skipPhotosData: PhotoDataUrl[], sourcesData: PhotoDataUrl[]) => unknown;
     onDragOver?: (event: DragEvent<HTMLDivElement>) => unknown;
     onDragLeave?: (event: DragEvent<HTMLDivElement>) => unknown;
     onDragDrop?: (event: DragEvent<HTMLDivElement>) => unknown;
@@ -35,7 +32,7 @@ export type PhotoCropUploaderCustomProps = {
     circular?: boolean;
     keepSelection?: boolean;
     width?: number;
-    photoCropUploaderSlots?: PhotoCropUploaderSlots;
+    uploadButton?: ReactNode;
     fromSources?: PhotoDataUrl[];
 };
 export type PhotoCropUploaderProps = PhotoCropUploaderCustomProps & InputHTMLAttributes<HTMLInputElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hai-dev/ui-kit",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.0.5",
   "author": {
     "name": "Vladislav Knitrunov",
     "email": "kingvlad3008@gmail.com",