mimir-ui-kit 1.38.1 → 1.38.3

package/dist/components/Uploader/Uploader.js

@@ -1,13 +1,13 @@
-import { jsxs as n, jsx as a, Fragment as S } from "react/jsx-runtime";
-import { forwardRef as U, useRef as u, useId as V } from "react";
-import { Icon as A } from "../../icons/Icon.js";
-import { Button as B } from "../Button/Button.js";
-import { EButtonVariantDefault as M } from "../Button/constants.js";
-import '../../assets/Uploader.css';const p = {
+import { jsxs as o, jsx as n, Fragment as A } from "react/jsx-runtime";
+import { forwardRef as B, useRef as _, useId as k } from "react";
+import { Icon as D } from "../../icons/Icon.js";
+import { Button as G } from "../Button/Button.js";
+import { EButtonVariantDefault as O } from "../Button/constants.js";
+import '../../assets/Uploader.css';const s = {
   "upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
   "upload-text": "_upload-text_bplvw_25",
   "upload-file-input": "_upload-file-input_bplvw_35"
-}, g = {
+}, j = {
   jpeg: "image/jpeg",
   jpg: "image/jpg",
   png: "image/png",
@@ -21,85 +21,90 @@ import '../../assets/Uploader.css';const p = {
   xls: "application/excel",
   txt: "text/plain",
   xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-}, k = [
+}, L = [
   "jpeg",
   "jpg",
   "png",
   "tiff",
   "gif",
   "heic"
-], D = () => {
+], X = () => {
   let i = 0;
   return () => (i = (i + 1) % Number.MAX_SAFE_INTEGER, i);
-}, G = D(), J = U(
-  (i, x) => {
+}, q = X(), W = B(
+  (i, v) => {
     const {
-      filesType: o = k,
-      onChangeValue: h,
-      arrayName: b,
-      maxSize: r = 15,
-      maxFiles: w,
-      isDisabled: s,
-      titleUploader: c = "Или перетащите сюда",
-      buttonText: y = "Выберите файлы",
-      showOnlyUploadButton: _ = !1,
-      uploadButtonVariant: j = M.SecondaryAsphalt,
-      buttonSize: v = "m",
-      buttonClassName: I
-    } = i, d = u(null), l = u(null), f = V(), N = (e) => {
-      var t;
-      return e.type ? e.type : ((t = e.name.split(".").pop()) == null ? void 0 : t.toLowerCase()) === "heic" ? "image/heic" : "";
-    }, T = (e) => {
+      filesType: l = L,
+      onChangeValue: I,
+      arrayName: N,
+      maxSize: c = 15,
+      maxFiles: d,
+      isDisabled: f,
+      titleUploader: m = "Или перетащите сюда",
+      buttonText: T = "Выберите файлы",
+      showOnlyUploadButton: E = !1,
+      uploadButtonVariant: F = O.SecondaryAsphalt,
+      buttonSize: z = "m",
+      buttonClassName: S,
+      onMaxFilesExceeded: u,
+      onMaxSizeExceeded: g,
+      onInvalidFileType: x
+    } = i, h = _(null), p = _(null), b = k(), C = (e) => {
+      var a;
+      return e.type ? e.type : ((a = e.name.split(".").pop()) == null ? void 0 : a.toLowerCase()) === "heic" ? "image/heic" : "";
+    }, M = (e) => {
       if (e.target.files && e.target.files[0]) {
-        const m = Array.from(e.target.files).filter((t) => {
-          const C = N(t), E = o.map((R) => g[R]).includes(C), F = t.size / 1024 ** 2 <= r;
-          return E && F;
-        }).slice(0, w).map((t) => ({ file: t, id: G() }));
-        h({ arrayName: b, value: m }), l.current && (l.current.value = "");
+        const r = Array.from(e.target.files);
+        r.length > d && u && u();
+        const a = r.filter((t) => {
+          const U = C(t), w = l.map((V) => j[V]).includes(U), y = t.size / 1024 ** 2 <= c;
+          return !w && x && x(t.name), !y && g && g(t.name), w && y;
+        }).slice(0, d).map((t) => ({ file: t, id: q() }));
+        I({ arrayName: N, value: a }), p.current && (p.current.value = "");
       }
-    }, z = () => {
+    }, R = () => {
       var e;
-      (e = d.current) == null || e.click();
+      (e = h.current) == null || e.click();
     };
-    return /* @__PURE__ */ n("div", { className: p["upload-file-wrapper"], ref: x, children: [
-      /* @__PURE__ */ a(
+    return /* @__PURE__ */ o("div", { className: s["upload-file-wrapper"], ref: v, children: [
+      /* @__PURE__ */ n(
         "input",
         {
-          ref: l,
+          ref: p,
           type: "file",
-          className: p["upload-file-input"],
+          className: s["upload-file-input"],
           "aria-label": "Upload",
           name: "image[]",
           multiple: !0,
-          onChange: T,
+          onChange: M,
           title: "",
-          id: f,
-          accept: o.map((e) => g[e]).join(),
-          disabled: s
+          id: b,
+          accept: l.map((e) => j[e]).join(),
+          disabled: f
         }
       ),
-      /* @__PURE__ */ n("label", { htmlFor: f, ref: d, children: [
-        /* @__PURE__ */ a(
-          B,
+      /* @__PURE__ */ o("label", { htmlFor: b, ref: h, children: [
+        /* @__PURE__ */ n(
+          G,
           {
-            size: v,
-            variant: j,
-            leftIcon: /* @__PURE__ */ a(A, { iconName: "UnionIcon16px" }),
-            onClick: z,
-            disabled: s,
-            className: I,
-            children: y
+            size: z,
+            variant: F,
+            leftIcon: /* @__PURE__ */ n(D, { iconName: "UnionIcon16px" }),
+            onClick: R,
+            disabled: f,
+            className: S,
+            children: T
           }
         ),
-        !_ && /* @__PURE__ */ n(S, { children: [
-          c && /* @__PURE__ */ a("b", { children: c }),
-          /* @__PURE__ */ n("span", { className: p["upload-text"], children: [
+        !E && /* @__PURE__ */ o(A, { children: [
+          m && /* @__PURE__ */ n("b", { children: m }),
+          /* @__PURE__ */ o("span", { className: s["upload-text"], children: [
             "Максимальный размер одного файла – ",
-            r,
+            c,
             " Мб",
-            /* @__PURE__ */ a("br", {}),
+            /* @__PURE__ */ n("br", {}),
             "Загрузить можно файлы следующих форматов: ",
-            o.join(", ")
+            l.join(", ")
           ] })
         ] })
       ] })
@@ -107,5 +112,5 @@ import '../../assets/Uploader.css';const p = {
   }
 );
 export {
-  J as Uploader
+  W as Uploader
 };

package/dist/components/UploaderFiles/UploaderFiles.d.ts

@@ -38,6 +38,18 @@ export type TUploaderFiles = {
      * необязательное поле, имя формы загрузчика на случай, если на странице несколько форм
      */
     name?: string;
+    /**
+     * Проп для обработки ошибки при превышении максимального количества файлов
+     */
+    onMaxFilesExceeded?: () => void;
+    /**
+     * Проп для обработки ошибки при превышении максимального размера файла
+     */
+    onMaxSizeExceeded?: (fileName: string) => void;
+    /**
+     * Проп для обработки ошибки при загрузке файла неразрешенного типа
+     */
+    onInvalidFileType?: (fileName: string) => void;
 };
 export type TOnChangeFilesUpdate = {
     type: string;

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -1,70 +1,76 @@
-import { jsxs as _, jsx as c } from "react/jsx-runtime";
-import { c as h } from "../../index-DIxK0V-G.js";
-import { forwardRef as D, useState as I, useEffect as R } from "react";
-import { ListFiles as S } from "../ListFiles/ListFiles.js";
-import { Uploader as T } from "../Uploader/Uploader.js";
-import '../../assets/UploaderPhotos.css';const n = {
+import { jsxs as S, jsx as n } from "react/jsx-runtime";
+import { c as T } from "../../index-DIxK0V-G.js";
+import { forwardRef as _, useState as h, useEffect as D } from "react";
+import { ListFiles as R } from "../ListFiles/ListFiles.js";
+import { Uploader as U } from "../Uploader/Uploader.js";
+import '../../assets/UploaderPhotos.css';const c = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, g = D(
+}, q = _(
   (u, x) => {
     const {
-      filesType: y,
-      arrayName: F,
+      filesType: F,
+      arrayName: y,
       maxSize: v,
       onChange: a,
-      value: t,
-      name: o,
-      maxFiles: d,
-      buttonText: w
-    } = u, [i, r] = I(t || []), p = i.length >= d;
-    R(() => {
-      t && r(t);
-    }, [t]);
-    const b = (s) => {
+      value: s,
+      name: d,
+      maxFiles: r,
+      buttonText: w,
+      onMaxFilesExceeded: z,
+      onMaxSizeExceeded: b,
+      onInvalidFileType: E
+    } = u, [t, o] = h(s || []), l = t.length >= r;
+    D(() => {
+      s && o(s);
+    }, [s]);
+    const I = (i) => {
       const N = [
-        ...i,
-        ...s.value.map((e) => {
-          var l, f, m;
+        ...t,
+        ...i.value.map((e) => {
+          var p, f, m;
           return {
             id: e.id,
             url: "",
-            size: (l = e == null ? void 0 : e.file) == null ? void 0 : l.size,
+            size: (p = e == null ? void 0 : e.file) == null ? void 0 : p.size,
             name: (f = e == null ? void 0 : e.file) == null ? void 0 : f.name,
             type: (m = e == null ? void 0 : e.file) == null ? void 0 : m.type
           };
         })
       ];
-      r(N), a == null || a({ type: "add", data: s.value, name: o });
-    }, z = (s) => {
-      r(s.list), s.deleteId && (a == null || a({ type: "delete", data: s.deleteId, name: o }));
+      o(N), a == null || a({ type: "add", data: i.value, name: d });
+    }, M = (i) => {
+      o(i.list), i.deleteId && (a == null || a({ type: "delete", data: i.deleteId, name: d }));
     };
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ S(
       "div",
       {
-        className: h(
-          n["upload-file-wrapper"],
-          p && n.disabled
+        className: T(
+          c["upload-file-wrapper"],
+          l && c.disabled
         ),
         children: [
-          /* @__PURE__ */ c(
-            T,
+          /* @__PURE__ */ n(
+            U,
             {
-              filesType: y,
-              arrayName: F,
+              filesType: F,
+              arrayName: y,
               maxSize: v,
-              onChangeValue: b,
+              onChangeValue: I,
               ref: x,
-              maxFiles: d,
-              isDisabled: p,
-              buttonText: w
+              maxFiles: r,
+              isDisabled: l,
+              buttonText: w,
+              onMaxFilesExceeded: z,
+              onMaxSizeExceeded: b,
+              onInvalidFileType: E
             }
           ),
-          /* @__PURE__ */ c(S, { value: i, onChange: z })
+          /* @__PURE__ */ n(R, { value: t, onChange: M })
         ]
       }
     );
   }
 );
 export {
-  g as UploaderFiles
+  q as UploaderFiles
 };

package/dist/components/UploaderPhotos/UploaderPhotos.d.ts

@@ -39,6 +39,18 @@ export type TUploaderPhotos = {
      * необязательное поле, имя формы загрузчика на случай, если на странице несколько форм
      */
     name?: string;
+    /**
+     * Проп для обработки ошибки при превышении максимального количества файлов
+     */
+    onMaxFilesExceeded?: () => void;
+    /**
+     * Проп для обработки ошибки при превышении максимального размера файла
+     */
+    onMaxSizeExceeded?: (fileName: string) => void;
+    /**
+     * Проп для обработки ошибки при загрузке файла неразрешенного типа
+     */
+    onInvalidFileType?: (fileName: string) => void;
 };
 export type TOnChangePhotosUpdate = {
     type: string;

package/dist/components/UploaderPhotos/UploaderPhotos.js

@@ -1,61 +1,67 @@
-import { jsxs as y, jsx as p } from "react/jsx-runtime";
-import { c as P } from "../../index-DIxK0V-G.js";
-import { forwardRef as R, useState as L, useEffect as N } from "react";
-import { ListPhotos as _ } from "../ListPhotos/ListPhotos.js";
-import { Uploader as D } from "../Uploader/Uploader.js";
+import { jsxs as R, jsx as p } from "react/jsx-runtime";
+import { c as E } from "../../index-DIxK0V-G.js";
+import { forwardRef as I, useState as L, useEffect as M } from "react";
+import { ListPhotos as N } from "../ListPhotos/ListPhotos.js";
+import { Uploader as S } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const c = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, j = R(
-  (m, f) => {
+}, j = I(
+  (n, m) => {
     const {
-      filesType: n,
+      filesType: f,
       arrayName: u,
-      maxSize: h,
+      maxSize: x,
       onChange: e,
       value: a,
       maxFiles: l,
-      titleUploader: x,
-      name: r,
-      buttonText: v = "Выберите файлы"
-    } = m, [o, s] = L(a || []), i = o.length >= l;
-    N(() => {
+      titleUploader: h,
+      name: i,
+      buttonText: v = "Выберите файлы",
+      onMaxFilesExceeded: w,
+      onMaxSizeExceeded: y,
+      onInvalidFileType: U
+    } = n, [o, s] = L(a || []), d = o.length >= l;
+    M(() => {
       a && s(a);
     }, [a]);
-    const w = (t) => {
-      const b = [
+    const b = (t) => {
+      const P = [
         ...o,
-        ...t.value.map((d) => ({
-          url: URL.createObjectURL(d.file),
-          id: d.id
+        ...t.value.map((r) => ({
+          url: URL.createObjectURL(r.file),
+          id: r.id
         }))
       ];
-      s(b), e == null || e({ type: "add", data: t.value, name: r });
-    }, U = (t) => {
-      s(t.list), t.deleteId && (e == null || e({ type: "delete", data: t.deleteId, name: r }));
+      s(P), e == null || e({ type: "add", data: t.value, name: i });
+    }, F = (t) => {
+      s(t.list), t.deleteId && (e == null || e({ type: "delete", data: t.deleteId, name: i }));
     };
-    return /* @__PURE__ */ y(
+    return /* @__PURE__ */ R(
       "div",
       {
-        className: P(
+        className: E(
           c["upload-file-wrapper"],
-          i && c.disabled
+          d && c.disabled
         ),
         children: [
           /* @__PURE__ */ p(
-            D,
+            S,
             {
-              filesType: n,
+              filesType: f,
               arrayName: u,
-              maxSize: h,
-              onChangeValue: w,
-              ref: f,
+              maxSize: x,
+              onChangeValue: b,
+              ref: m,
               maxFiles: l,
-              isDisabled: i,
-              titleUploader: x,
-              buttonText: v
+              isDisabled: d,
+              titleUploader: h,
+              buttonText: v,
+              onMaxFilesExceeded: w,
+              onMaxSizeExceeded: y,
+              onInvalidFileType: U
             }
           ),
-          !!o.length && /* @__PURE__ */ p(_, { value: o, onChange: U })
+          !!o.length && /* @__PURE__ */ p(N, { value: o, onChange: F })
         ]
       }
     );

package/dist/{field-FJ34aSs4.js → field-C1kt7aNM.js}

@@ -1,6 +1,6 @@
 import l, { useId as u, useMemo as f } from "react";
-import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-y3ANLTNC.js";
-import { W as H, H as W } from "./keyboard-B0lm_zyn.js";
+import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-D4GFpe5F.js";
+import { W as H, H as W } from "./keyboard-mgWkd2Vh.js";
 let P = "div";
 function _(a, i) {
   let d = `headlessui-control-${u()}`, [o, n] = p(), [m, s] = h(), c = v(), { disabled: e = c || !1, ...t } = a, r = f(() => ({ disabled: e }), [e]);

package/dist/{focus-management-DE4t_lW3.js → focus-management-BtPpk3D1.js}

@@ -1,4 +1,4 @@
-import { u as N, a as v } from "./keyboard-B0lm_zyn.js";
+import { u as N, a as v } from "./keyboard-mgWkd2Vh.js";
 let m = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), F = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
 var h = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(h || {}), x = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(x || {}), A = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(A || {});
 function y(e = document.body) {

package/dist/{hidden-DbgtYPOH.js → hidden-PvGXrYUY.js}

@@ -1,4 +1,4 @@
-import { W as t, H as a } from "./keyboard-B0lm_zyn.js";
+import { W as t, H as a } from "./keyboard-mgWkd2Vh.js";
 let l = "span";
 var p = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(p || {});
 function s(e, n) {