@hai-dev/ui-kit 1.1.0 → 1.1.2

package/dist/components/code-input/index.d.ts

@@ -1 +1,2 @@
 export { CodeInput } from './code-input';
+export type { CodeInputProps } from './types';

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
 export { PhotoCropUploader, drawCroppedImage } from './photo-crop-uploader';
 export { Button } from './button';
 export { CircularProgressLoader } from './circular-progress-loader';
-export { CodeInput } from './code-input';
+export { CodeInput, type CodeInputProps } from './code-input';

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

@@ -1,14 +1,14 @@
-import { jsxs as wo, Fragment as To, jsx as P } from "react/jsx-runtime";
-import { useState as a, useRef as B } from "react";
+import { jsxs as To, Fragment as wo, jsx as P } from "react/jsx-runtime";
+import { useState as a, useRef as j } 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 { DEFAULT_MIN_DIMENSION as Oo, DEFAULT_ASPECT_RATIO as Io, DEFAULT_TIMEOUT as vo, DEFAULT_FILE_MAX_SIZE as Fo, FULL_PROGRESS_VALUE as B, 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 { validatePhotoFile as G } from "./utils/validate-photo-file.js";
 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";
@@ -34,8 +34,8 @@ function nr(n) {
     onDragDrop: ro = () => {
     },
     showErrorPopup: to = !1,
-    minDimension: i = Oo,
-    aspectRatio: u = Io,
+    minDimension: l = Oo,
+    aspectRatio: h = Io,
     locale: s = yo,
     timeout: O = vo,
     fileMaxSize: I = Fo,
@@ -47,20 +47,20 @@ function nr(n) {
     uploadButton: ao,
     multiple: m = !1,
     fromSources: F,
-    returnCropParams: io = !1,
-    ...lo
+    returnCropParams: lo = !1,
+    ...io
   } = n, {
-    onEndCrop: jo,
-    onClose: Bo,
+    onEndCrop: Wo,
+    onClose: jo,
     ...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 = () => {
+  } = io, [po, d] = a(!1), [f, C] = a([]), [L, _] = a([]), [p, M] = a(0), N = j(null), R = j(null), [i, T] = a(!1), [fo, H] = a(0), [b, k] = a(""), [uo, g] = a([]), [ho, z] = a(!1), mo = po || i && m, Co = () => {
     g([]);
-  }, T = (o = []) => {
-    l || (n.returnCropParams === !0 && n.onClose?.(o, f), d(!1), setTimeout(() => g([]), D), setTimeout(() => C([]), D));
+  }, w = (o = []) => {
+    i || (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));
+    i || (n.returnCropParams !== !0 && n.onClose?.(o, f), d(!1), setTimeout(() => g([]), D), setTimeout(() => C([]), D));
   }, go = () => {
-    l || (n.returnCropParams === !0 ? T([]) : A([]));
+    i || (n.returnCropParams === !0 ? w([]) : A([]));
   }, Eo = () => {
     z(!1);
   }, U = (o) => {
@@ -69,13 +69,13 @@ function nr(n) {
     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)
+    if (t?.length && !i)
       try {
-        if (w(!0), q(), m) {
-          const r = Array.from(t), e = G / r.length, E = [], h = [];
+        if (T(!0), q(), m) {
+          const r = Array.from(t), e = B / r.length, E = [], u = [];
           for (const y of r) {
             try {
-              W(
+              G(
                 y,
                 {
                   maxSize: I,
@@ -84,46 +84,46 @@ function nr(n) {
                 },
                 s
               );
-              const c = await Y(y, i, s, O);
+              const c = await Y(y, l, s, O);
               E.push(c);
             } catch (c) {
-              let j = "";
-              c instanceof Error && (j = c.message), h.push({
+              let W = "";
+              c instanceof Error && (W = c.message), u.push({
                 photoName: y.name,
-                errorMessage: j
+                errorMessage: W
               });
             }
             H(
-              (c) => Math.min(G, c + e)
+              (c) => Math.min(B, c + e)
             ), await new Promise((c) => setTimeout(c, 0));
           }
           if (F?.length)
-            throw new Error(h[0]?.errorMessage);
-          g(h), U(E);
+            throw new Error(u[0]?.errorMessage);
+          g(u), U(E);
         } else {
           const r = t[0];
-          W(
+          G(
             r,
             { maxSize: I, allowedExtensions: S, allowedMimeTypes: v },
             s
           );
-          const e = await Y(r, i, s, O);
+          const e = await Y(r, l, s, O);
           U([e]);
         }
       } catch (r) {
         x(r);
       } finally {
         m ? setTimeout(() => {
-          o.target.value = "", H(0), w(!1);
-        }, Mo) : (o.target.value = "", w(!1));
+          o.target.value = "", H(0), T(!1);
+        }, Mo) : (o.target.value = "", T(!1));
       }
   }, Do = (o) => {
     const { width: t, height: r } = o.currentTarget;
     console.log(o);
-    const e = bo(t, r, i, u);
+    const e = bo(t, r, l, h);
     _((E) => {
-      const h = [...E];
-      return h[p] = e, h;
+      const u = [...E];
+      return u[p] = e, u;
     });
   }, So = (o, t) => {
     _((r) => {
@@ -137,8 +137,8 @@ function nr(n) {
         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();
+          const e = Ao(r, t.naturalWidth, t.naturalHeight);
+          n.onEndCrop?.(e), p >= f.length - 1 && w();
         } else {
           const e = ko(
             t,
@@ -159,26 +159,26 @@ function nr(n) {
   }, _o = async () => {
     const o = f.slice(p);
     try {
-      if (io) {
+      if (lo) {
         const t = await Promise.all(
           o.map(
             (r) => X(
               r,
-              i,
-              u,
+              l,
+              h,
               s,
               !0
             )
           )
         );
-        T(t);
+        w(t);
       } else {
         const t = await Promise.all(
           o.map(
             (r) => X(
               r,
-              i,
-              u,
+              l,
+              h,
               s,
               !1
             )
@@ -190,15 +190,15 @@ function nr(n) {
       x(t);
     }
   };
-  return /* @__PURE__ */ wo(To, { children: [
+  return /* @__PURE__ */ To(wo, { children: [
     /* @__PURE__ */ P(
       Ro,
       {
         onChange: Po,
         onPhotoDataLoaded: U,
         buttonClassname: Z,
-        disabled: l,
-        buttonDisabled: l,
+        disabled: i,
+        buttonDisabled: i,
         locale: s,
         width: so,
         allowedExtensions: S,
@@ -216,9 +216,9 @@ function nr(n) {
       No,
       {
         open: mo,
-        photoSourceLoading: l,
+        photoSourceLoading: i,
         loadingValue: fo,
-        errors: ho,
+        errors: uo,
         photoCrops: L,
         photoSources: f,
         onNextPhoto: Lo,
@@ -230,8 +230,8 @@ function nr(n) {
         onPhotoCrop: V,
         onPhotoLoad: Do,
         imageRef: N,
-        minDimension: i,
-        aspectRatio: u,
+        minDimension: l,
+        aspectRatio: h,
         locale: s,
         circular: eo,
         keepSelection: no,
@@ -241,7 +241,7 @@ function nr(n) {
     /* @__PURE__ */ P(
       Ho,
       {
-        open: to && uo,
+        open: to && ho,
         photoError: b,
         onCloseErrorDialog: Eo,
         locale: s
@@ -251,8 +251,8 @@ function nr(n) {
       "canvas",
       {
         className: Uo(Vo.photoCropCanvas),
-        width: i,
-        height: i,
+        width: l,
+        height: l,
         ref: R
       }
     )

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-export { PhotoCropUploader, Button, CircularProgressLoader, } from './components';
+export { PhotoCropUploader, Button, CircularProgressLoader, CodeInput } from './components';
 export { drawCroppedImage } from './components';
 export type { Crop, PercentCrop, PixelCrop } from 'react-image-crop';
+export type { CodeInputProps } from './components';
 export type { Locale } from './types';
 export type { PhotoDataUrl, PhotoFileSize, PhotoExtension, PhotoMimeType, PhotoFileOptions, PhotoCropUploaderProps, } from './components/photo-crop-uploader/types';
 export { EN_LOCALE, RU_LOCALE, BYTE_TO_KILOBYTE } from './constants';

package/dist/index.js

@@ -1,31 +1,33 @@
-import { BYTE_TO_KILOBYTE as G, EN_LOCALE as I, RU_LOCALE as r } from "./constants.js";
-import { BMP_IMAGE_EXT as T, BMP_IMAGE_TYPE as o, GIF_IMAGE_EXT as M, GIF_IMAGE_TYPE as A, ICO_IMAGE_EXT as e, ICO_IMAGE_TYPE as Y, JPEG_IMAGE_EXT as p, JPEG_IMAGE_TYPE as t, JPG_IMAGE_EXT as C, JPG_IMAGE_TYPE as O, MICROSOFT_ICO_IMAGE_TYPE as X, PNG_IMAGE_EXT as m, PNG_IMAGE_TYPE as B, SVG_IMAGE_EXT as f, SVG_IMAGE_TYPE as x, WEBP_IMAGE_EXT as L, WEBP_IMAGE_TYPE as a } from "./components/photo-crop-uploader/constants.js";
+import { BYTE_TO_KILOBYTE as G, EN_LOCALE as I, RU_LOCALE as o } from "./constants.js";
+import { BMP_IMAGE_EXT as P, BMP_IMAGE_TYPE as T, GIF_IMAGE_EXT as M, GIF_IMAGE_TYPE as A, ICO_IMAGE_EXT as e, ICO_IMAGE_TYPE as p, JPEG_IMAGE_EXT as t, JPEG_IMAGE_TYPE as Y, JPG_IMAGE_EXT as C, JPG_IMAGE_TYPE as O, MICROSOFT_ICO_IMAGE_TYPE as m, PNG_IMAGE_EXT as X, PNG_IMAGE_TYPE as f, SVG_IMAGE_EXT as x, SVG_IMAGE_TYPE as B, WEBP_IMAGE_EXT as L, WEBP_IMAGE_TYPE as a } from "./components/photo-crop-uploader/constants.js";
 import { PhotoCropUploader as J } from "./components/photo-crop-uploader/photo-crop-uploader.js";
-import { Button as N } from "./components/button/button.js";
-import { CircularProgressLoader as g } from "./components/circular-progress-loader/circular-progress-loader.js";
+import { Button as F } from "./components/button/button.js";
+import { CircularProgressLoader as S } from "./components/circular-progress-loader/circular-progress-loader.js";
+import { CodeInput as l } from "./components/code-input/code-input.js";
 import { drawCroppedImage as s } from "./components/photo-crop-uploader/utils/draw-cropped-image.js";
 export {
-  T as BMP_IMAGE_EXT,
-  o as BMP_IMAGE_TYPE,
+  P as BMP_IMAGE_EXT,
+  T as BMP_IMAGE_TYPE,
   G as BYTE_TO_KILOBYTE,
-  N as Button,
-  g as CircularProgressLoader,
+  F as Button,
+  S as CircularProgressLoader,
+  l as CodeInput,
   I as EN_LOCALE,
   M as GIF_IMAGE_EXT,
   A as GIF_IMAGE_TYPE,
   e as ICO_IMAGE_EXT,
-  Y as ICO_IMAGE_TYPE,
-  p as JPEG_IMAGE_EXT,
-  t as JPEG_IMAGE_TYPE,
+  p as ICO_IMAGE_TYPE,
+  t as JPEG_IMAGE_EXT,
+  Y as JPEG_IMAGE_TYPE,
   C as JPG_IMAGE_EXT,
   O as JPG_IMAGE_TYPE,
-  X as MICROSOFT_ICO_IMAGE_TYPE,
-  m as PNG_IMAGE_EXT,
-  B as PNG_IMAGE_TYPE,
+  m as MICROSOFT_ICO_IMAGE_TYPE,
+  X as PNG_IMAGE_EXT,
+  f as PNG_IMAGE_TYPE,
   J as PhotoCropUploader,
-  r as RU_LOCALE,
-  f as SVG_IMAGE_EXT,
-  x as SVG_IMAGE_TYPE,
+  o as RU_LOCALE,
+  x as SVG_IMAGE_EXT,
+  B as SVG_IMAGE_TYPE,
   L as WEBP_IMAGE_EXT,
   a as WEBP_IMAGE_TYPE,
   s as drawCroppedImage

package/package.json

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