mimir-ui-kit 1.65.6 → 1.65.7

package/dist/components/OtpInput/OtpInput.d.ts

@@ -20,4 +20,8 @@ export declare const OtpInput: import('react').ForwardRefExoticComponent<Omit<TI
      * Флаг, показывающий нужно ли отображать разделитель между вводами.
      */
     needSeparator?: boolean;
+    /**
+     * Позиции полей, после которых отображаются разделители.
+     */
+    separatorPositions?: number[];
 } & import('react').RefAttributes<unknown>>;

package/dist/components/OtpInput/OtpInput.js

@@ -1,62 +1,69 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
 import { c as u } from "../../index-DIxK0V-G.js";
-import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
-import { ITEMS_PER_SEPARATOR as v, DEFAULT_VALUE_LENGTH as y } from "./constants.js";
-import { useOTPInput as z } from "./hooks.js";
-import { I as A } from "../../Input-JwHUiwVK.js";
-import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
-  otp: C,
+import { forwardRef as R, useImperativeHandle as T, Fragment as y } from "react";
+import { DEFAULT_VALUE_LENGTH as z, ITEMS_PER_SEPARATOR as A } from "./constants.js";
+import { useOTPInput as C } from "./hooks.js";
+import { getValidSeparatorPositions as D, getDefaultSeparatorPositions as F } from "./utils.js";
+import { I as L } from "../../Input-JwHUiwVK.js";
+import '../../assets/OtpInput.css';const O = "_otp_1ncuz_2", j = "_input_1ncuz_13", x = "_separator_1ncuz_27", o = {
+  otp: O,
   "input-wrapper": "_input-wrapper_1ncuz_13",
-  input: F,
-  separator: L
-}, O = P(
+  input: j,
+  separator: x
+}, H = R(
   ({
     value: c = "",
-    valueLength: m = y,
-    needSeparator: l = !0,
-    onChange: i,
-    className: _,
-    ...d
-  }, f) => {
+    valueLength: i = z,
+    needSeparator: m = !0,
+    onChange: l,
+    className: d,
+    separatorPositions: _,
+    ...f
+  }, h) => {
     const {
-      data: { inputRefs: o, valueItems: p },
-      handlers: { handleChange: h, handleFocus: I, handleKeyDown: w, handlePaste: N }
-    } = z({
-      onChange: i,
+      data: { inputRefs: s, valueItems: n },
+      handlers: { handleChange: g, handleFocus: I, handleKeyDown: P, handlePaste: w }
+    } = C({
+      onChange: l,
       value: c,
-      valueLength: m
+      valueLength: i
     });
-    return R(f, () => ({
+    T(h, () => ({
       focus: () => {
         var a;
-        (a = o.current[0]) == null || a.focus();
+        (a = s.current[0]) == null || a.focus();
       }
-    })), /* @__PURE__ */ r("div", { className: u(n.otp, _), children: p.map((a, e) => {
-      const s = e + 1, E = l && s % v === 0 && s !== p.length;
-      return /* @__PURE__ */ g(T, { children: [
+    }));
+    const p = D(
+      _,
+      n.length
+    ), N = p.length ? p : F(n.length, A);
+    return /* @__PURE__ */ r("div", { className: u(o.otp, d), children: n.map((a, e) => {
+      const S = e + 1, E = m && N.includes(S);
+      return /* @__PURE__ */ v(y, { children: [
         /* @__PURE__ */ r(
-          A,
+          L,
           {
-            ref: (t) => o.current[e] = t,
+            ref: (t) => s.current[e] = t,
             type: "text",
             inputMode: "numeric",
             autoComplete: "one-time-code",
             pattern: "\\d{1}",
             maxLength: 1,
             value: a,
-            className: n.input,
-            wrapperClassName: n["input-wrapper"],
-            onChange: (t) => h(t, e),
-            onKeyDown: (t) => w(t, e),
+            className: o.input,
+            wrapperClassName: o["input-wrapper"],
+            onChange: (t) => g(t, e),
+            onKeyDown: (t) => P(t, e),
             onFocus: (t) => I(t, e),
-            onPaste: N,
-            ...d
+            onPaste: w,
+            ...f
           }
         ),
         E && /* @__PURE__ */ r(
           "span",
           {
-            className: u(n.separator),
+            className: u(o.separator),
             "data-testid": "separator"
           }
         )
@@ -64,7 +71,7 @@ import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_1
     }) });
   }
 );
-O.displayName = "OtpInput";
+H.displayName = "OtpInput";
 export {
-  O as OtpInput
+  H as OtpInput
 };

package/dist/components/OtpInput/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getValidSeparatorPositions: (positions: number[] | undefined, valueLength: number) => number[];
+export declare const getDefaultSeparatorPositions: (valueLength: number, itemsPerSeparator: number) => number[];

package/dist/components/OtpInput/utils.js

@@ -0,0 +1,9 @@
+const f = (e, t) => Array.isArray(e) ? e.filter(
+  (r) => typeof r == "number" && Number.isInteger(r) && r > 0 && r < t
+) : [], l = (e, t) => Array.from({ length: e }, (r, a) => a + 1).filter(
+  (r) => r % t === 0 && r !== e
+);
+export {
+  l as getDefaultSeparatorPositions,
+  f as getValidSeparatorPositions
+};

package/dist/components/Slider/Slider.d.ts

@@ -27,6 +27,10 @@ type TProps = SwiperProps & {
      * Показывать стрелки навигации и количество слайдов.
      */
     needNavigation?: boolean;
+    /**
+     * Показывать количество слайдов.
+     */
+    needSlidesCount?: boolean;
     /**
      * Приостанавливать автопрокрутку при наведении на слайдер.
      */
@@ -92,5 +96,5 @@ type TProps = SwiperProps & {
      */
     images?: TSlideImage[];
 };
-export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, pauseOnMouseEnter, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
+export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, navigationContent, sliderBottomPanelClassName, descriptionsClassName, navigationContentClassName, buttonsVariant, progressBarPosition, isFullPaginationWidth, needNavigation, needSlidesCount, leftDescription, rightDescription, delay, pauseOnMouseEnter, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Slider/Slider.js

@@ -1,63 +1,63 @@
 import { jsx as s, jsxs as o, Fragment as N } from "react/jsx-runtime";
-import { c as a } from "../../index-DIxK0V-G.js";
-import { memo as F, useCallback as u, useMemo as Z, forwardRef as V, useRef as B, useState as W, Children as I } from "react";
-import { u as ee, S as se, A as re, a as T } from "../../swiper-react-BvAw14a4.js";
-import { EProgressBarPosition as S } from "./constants.js";
-import { formatSlideNumber as O } from "./utils.js";
-import { AppImage as P } from "../Image/Image.js";
-import { MergedButton as te } from "../MergedButton/MergedButton.js";
-import '../../assets/Slider.css';const ne = "_swiper_zqjj3_2", ae = "_slide_zqjj3_8", oe = "_link_zqjj3_15", ie = "_image_zqjj3_21", le = "_navigation_zqjj3_28", ce = "_pagination_zqjj3_46", de = "_slides_zqjj3_65", pe = "_separator_zqjj3_71", ue = "_progress_zqjj3_78", me = "_descriptions_zqjj3_95", e = {
+import { c as n } from "../../index-DIxK0V-G.js";
+import { memo as L, useCallback as u, useMemo as V, forwardRef as W, useRef as I, useState as ee, Children as T } from "react";
+import { u as se, S as te, A as re, a as O } from "../../swiper-react-BvAw14a4.js";
+import { EProgressBarPosition as b } from "./constants.js";
+import { formatSlideNumber as P } from "./utils.js";
+import { AppImage as E } from "../Image/Image.js";
+import { MergedButton as ae } from "../MergedButton/MergedButton.js";
+import '../../assets/Slider.css';const ne = "_swiper_zqjj3_2", oe = "_slide_zqjj3_8", ie = "_link_zqjj3_15", le = "_image_zqjj3_21", ce = "_navigation_zqjj3_28", de = "_pagination_zqjj3_46", pe = "_slides_zqjj3_65", ue = "_separator_zqjj3_71", me = "_progress_zqjj3_78", _e = "_descriptions_zqjj3_95", e = {
   swiper: ne,
-  slide: ae,
-  link: oe,
-  image: ie,
-  navigation: le,
+  slide: oe,
+  link: ie,
+  image: le,
+  navigation: ce,
   "navigation-content": "_navigation-content_zqjj3_37",
-  pagination: ce,
+  pagination: de,
   "is-full": "_is-full_zqjj3_60",
-  slides: de,
-  separator: pe,
-  progress: ue,
+  slides: pe,
+  separator: ue,
+  progress: me,
   "progress-bar-bottom": "_progress-bar-bottom_zqjj3_85",
   "progress-bar": "_progress-bar_zqjj3_85",
-  descriptions: me
-}, _e = 15e3, E = F(
+  descriptions: _e
+}, fe = 15e3, F = L(
   ({
-    variant: t = "white"
+    variant: r = "white"
   }) => {
-    const n = ee(), p = u(() => {
-      n.slideNext();
-    }, [n]), c = u(() => {
-      n.slidePrev();
-    }, [n]), m = Z(
+    const a = se(), p = u(() => {
+      a.slideNext();
+    }, [a]), c = u(() => {
+      a.slidePrev();
+    }, [a]), m = V(
       () => [
         {
           isIconButton: !0,
           iconName: "ArrowLeft16px",
-          variant: t,
+          variant: r,
           onClick: c
         },
         {
           isIconButton: !0,
           iconName: "ArrowRight16px",
-          variant: t,
+          variant: r,
           onClick: p
         }
       ],
-      [c, t, p]
+      [c, r, p]
     );
-    return /* @__PURE__ */ s(te, { buttons: m });
+    return /* @__PURE__ */ s(ae, { buttons: m });
   }
-), b = F(
-  V((t, n) => /* @__PURE__ */ s(
+), S = L(
+  W((r, a) => /* @__PURE__ */ s(
     "div",
     {
       "data-testid": "progress-bar-wrapper",
-      className: a(e.progress, t == null ? void 0 : t.className),
+      className: n(e.progress, r == null ? void 0 : r.className),
       children: /* @__PURE__ */ s(
         "div",
         {
-          ref: n,
+          ref: a,
           className: e["progress-bar"],
           "data-testid": "progress-bar"
         }
@@ -65,69 +65,70 @@ import '../../assets/Slider.css';const ne = "_swiper_zqjj3_2", ae = "_slide_zqjj
     }
   ))
 );
-function ze({
-  images: t,
-  children: n,
+function ve({
+  images: r,
+  children: a,
   gap: p,
   onSlideClick: c,
   swiperClassName: m,
   slideClassName: q,
   imageClassName: z,
-  navigationClassName: L,
+  navigationClassName: M,
   navigationContent: _,
-  sliderBottomPanelClassName: M,
-  descriptionsClassName: R,
-  navigationContentClassName: $,
+  sliderBottomPanelClassName: R,
+  descriptionsClassName: $,
+  navigationContentClassName: D,
   buttonsVariant: v,
   progressBarPosition: f = "top",
   isFullPaginationWidth: k = !1,
   needNavigation: i = !0,
-  leftDescription: C,
-  rightDescription: y,
-  delay: D = _e,
-  pauseOnMouseEnter: U = !1,
-  ...Y
+  needSlidesCount: C = !0,
+  leftDescription: y,
+  rightDescription: A,
+  delay: U = fe,
+  pauseOnMouseEnter: Y = !1,
+  ...G
 }) {
-  const d = B(null), h = B(null), [G, H] = W(1), j = !(typeof n == "function") && !!n, J = j ? I.count(n) : 0, K = (t == null ? void 0 : t.length) ?? 0, A = O(G), x = O(
-    j ? J : K
-  ), Q = u(() => {
+  const d = I(null), h = I(null), [H, J] = ee(1), j = !(typeof a == "function") && !!a, K = j ? T.count(a) : 0, Q = (r == null ? void 0 : r.length) ?? 0, x = P(H), B = P(
+    j ? K : Q
+  ), X = u(() => {
     if (h.current && i) {
-      const r = h.current.swiper;
-      H(r.realIndex + 1);
+      const t = h.current.swiper;
+      J(t.realIndex + 1);
     }
-  }, [i]), X = u(
-    (r, l) => {
+  }, [i]), Z = u(
+    (t, l) => {
       if (d.current && i) {
-        const g = r.params.autoplay.delay, w = l / g * 100;
+        const g = t.params.autoplay.delay, w = l / g * 100;
         d.current.style.width = `${100 - w}%`;
       }
     },
     [i]
   );
   return /* @__PURE__ */ o(
-    se,
+    te,
     {
-      ...Y,
+      ...G,
       ref: h,
-      className: a(e.swiper, m),
+      className: n(e.swiper, m),
       loop: !0,
       spaceBetween: p,
       autoplay: {
-        delay: D,
+        delay: U,
         disableOnInteraction: !1,
-        pauseOnMouseEnter: U
+        pauseOnMouseEnter: Y
       },
       fadeEffect: {
         crossFade: !0
       },
       modules: [re],
-      onAutoplayTimeLeft: X,
-      onSlideChange: Q,
+      onAutoplayTimeLeft: Z,
+      onSlideChange: X,
       children: [
         /* @__PURE__ */ s(
           "div",
           {
-            className: a(e.navigation, L, {
+            className: n(e.navigation, M, {
               [e["navigation-with-content"]]: !!_
             }),
             slot: "container-start",
@@ -135,9 +136,9 @@ function ze({
               /* @__PURE__ */ o(
                 "div",
                 {
-                  className: a(
+                  className: n(
                     e["navigation-content"],
-                    $
+                    D
                   ),
                   children: [
                     _,
@@ -145,102 +146,102 @@ function ze({
                       "div",
                       {
                         "data-testid": "pagination",
-                        className: a(e.pagination, {
+                        className: n(e.pagination, {
                           [e["is-full"]]: k
                         }),
                         children: [
-                          /* @__PURE__ */ o("h2", { className: e.slides, children: [
-                            A,
+                          C && /* @__PURE__ */ o("h2", { "data-testid": "slides-count", className: e.slides, children: [
+                            x,
                             /* @__PURE__ */ s("span", { className: e.separator }),
-                            x
+                            B
                           ] }),
-                          /* @__PURE__ */ s(E, { variant: v })
+                          /* @__PURE__ */ s(F, { variant: v })
                         ]
                       }
                     )
                   ]
                 }
               ),
-              f === S.TOP && i && /* @__PURE__ */ s(b, { ref: d })
+              f === b.TOP && i && /* @__PURE__ */ s(S, { ref: d })
             ] }) : /* @__PURE__ */ s(N, { children: i && /* @__PURE__ */ o(N, { children: [
               /* @__PURE__ */ o(
                 "div",
                 {
                   "data-testid": "pagination",
-                  className: a(e.pagination, {
+                  className: n(e.pagination, {
                     [e["is-full"]]: k
                   }),
                   children: [
-                    /* @__PURE__ */ o("h2", { className: e.slides, children: [
-                      A,
+                    C && /* @__PURE__ */ o("h2", { "data-testid": "slides-count", className: e.slides, children: [
+                      x,
                       /* @__PURE__ */ s("span", { className: e.separator }),
-                      x
+                      B
                     ] }),
-                    /* @__PURE__ */ s(E, { variant: v })
+                    /* @__PURE__ */ s(F, { variant: v })
                   ]
                 }
               ),
-              f === S.TOP && /* @__PURE__ */ s(b, { ref: d })
+              f === b.TOP && /* @__PURE__ */ s(S, { ref: d })
             ] }) })
           }
         ),
-        j ? I.map(n, (r, l) => /* @__PURE__ */ s(
-          T,
+        j ? T.map(a, (t, l) => /* @__PURE__ */ s(
+          O,
           {
             onClick: c,
             "data-testid": `slide-${l}`,
-            className: a(e.slide, q),
-            children: r
+            className: n(e.slide, q),
+            children: t
           },
           l
-        )) : t == null ? void 0 : t.map((r, l) => {
-          if (!r) return null;
+        )) : r == null ? void 0 : r.map((t, l) => {
+          if (!t) return null;
           const g = /* @__PURE__ */ s(
             "a",
             {
               className: e.link,
-              href: r.url,
+              href: t.url,
               rel: "noopener noreferrer",
               target: "_blank",
               children: /* @__PURE__ */ s(
-                P,
+                E,
                 {
-                  className: a(e.image, z),
-                  src: r.image
+                  className: n(e.image, z),
+                  src: t.image
                 }
               )
             }
-          ), w = () => typeof n == "function" ? n(r) : r.url ? g : /* @__PURE__ */ s(
-            P,
+          ), w = () => typeof a == "function" ? a(t) : t.url ? g : /* @__PURE__ */ s(
+            E,
             {
-              className: a(e.image, z),
-              src: r.image,
-              desktopImage: r.imageDesktop,
-              mobileImage: r.imageMobile
+              className: n(e.image, z),
+              src: t.image,
+              desktopImage: t.imageDesktop,
+              mobileImage: t.imageMobile
             }
           );
           return /* @__PURE__ */ s(
-            T,
+            O,
             {
               "data-testid": `slide-${l}`,
               onClick: c,
-              className: a(e.slide, q),
+              className: n(e.slide, q),
               children: w()
             },
-            r.id
+            t.id
           );
         }),
-        f === S.BOTTOM && /* @__PURE__ */ o("div", { className: M, children: [
+        f === b.BOTTOM && /* @__PURE__ */ o("div", { className: R, children: [
           /* @__PURE__ */ s(
-            b,
+            S,
             {
               ref: d,
               className: e["progress-bar-bottom"]
             }
           ),
-          /* @__PURE__ */ o("div", { className: a(e.descriptions, R), children: [
-            C && /* @__PURE__ */ s("div", { "data-testid": "slider-left-description", children: C }),
-            y && /* @__PURE__ */ s("div", { "data-testid": "slider-right-description", children: y })
+          /* @__PURE__ */ o("div", { className: n(e.descriptions, $), children: [
+            y && /* @__PURE__ */ s("div", { "data-testid": "slider-left-description", children: y }),
+            A && /* @__PURE__ */ s("div", { "data-testid": "slider-right-description", children: A })
           ] })
         ] })
       ]
@@ -248,5 +249,5 @@ function ze({
   );
 }
 export {
-  ze as default
+  ve as default
 };

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -1,18 +1,18 @@
-import { jsxs as X, jsx as l } from "react/jsx-runtime";
-import { c as k } from "../../index-DIxK0V-G.js";
-import { forwardRef as q, useState as A, useEffect as B } from "react";
+import { jsxs as k, jsx as l } from "react/jsx-runtime";
+import { c as q } from "../../index-DIxK0V-G.js";
+import { forwardRef as A, useState as B, useEffect as C } from "react";
 import { EUploaderFilesVariant as F } from "./constants.js";
-import { useMediaQuery as C } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as G } from "../../hooks/useMediaQuery/constants.js";
-import { ListFiles as H } from "../ListFiles/ListFiles.js";
+import { useMediaQuery as G } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as H } from "../../hooks/useMediaQuery/constants.js";
+import { ListFiles as I } from "../ListFiles/ListFiles.js";
 import { EFileItemVariant as w } from "../ListFiles/constants.js";
-import { Uploader as I } from "../Uploader/Uploader.js";
-import '../../assets/UploaderFiles.css';const J = "_container_aj93w_2", K = "_white_aj93w_11", O = "_gray_aj93w_14", P = "_compact_aj93w_17", n = {
-  container: J,
-  white: K,
-  gray: O,
-  compact: P
-}, ri = q(
+import { Uploader as J } from "../Uploader/Uploader.js";
+import '../../assets/UploaderFiles.css';const K = "_container_aj93w_2", O = "_white_aj93w_11", P = "_gray_aj93w_14", Y = "_compact_aj93w_17", n = {
+  container: K,
+  white: O,
+  gray: P,
+  compact: Y
+}, ti = A(
   (x, _) => {
     const {
       compact: h,
@@ -30,13 +30,14 @@ import '../../assets/UploaderFiles.css';const J = "_container_aj93w_2", K = "_wh
       onMaxFilesExceeded: g,
       onMaxSizeExceeded: z,
       onInvalidFileType: N,
-      dataTestIdReactMap: a
-    } = x, V = C(G.XSS), [e, c] = A(r || []), U = t && e.length >= t, D = m === F.White ? w.gray : w.white;
-    B(() => {
+      dataTestIdReactMap: a,
+      accept: V
+    } = x, U = G(H.XSS), [e, c] = B(r || []), D = t && e.length >= t, M = m === F.White ? w.gray : w.white;
+    C(() => {
       r && c(r);
     }, [r]);
-    const M = (o) => {
-      const L = [
+    const Q = (o) => {
+      const X = [
         ...e,
         ...o.value.map((i) => {
           var f, y, u;
@@ -49,33 +50,34 @@ import '../../assets/UploaderFiles.css';const J = "_container_aj93w_2", K = "_wh
           };
         })
       ];
-      c(L), s == null || s({ type: "add", data: o.value, name: p });
-    }, Q = (o) => {
+      c(X), s == null || s({ type: "add", data: o.value, name: p });
+    }, W = (o) => {
       c(o.list), o.deleteId && (s == null || s({ type: "delete", data: o.deleteId, name: p }));
-    }, W = k([
+    }, L = q([
       n.container,
       n[m],
       h && n.compact,
       b
     ]);
-    return /* @__PURE__ */ X(
+    return /* @__PURE__ */ k(
       "div",
       {
         "data-testid-react": a == null ? void 0 : a.wrapper,
-        className: W,
+        className: L,
         children: [
           /* @__PURE__ */ l(
-            I,
+            J,
             {
               dataTestIdReactMap: { wrapper: a == null ? void 0 : a.uploader },
               filesType: S,
               arrayName: j,
+              accept: V,
               maxSize: v,
-              onChangeValue: M,
+              onChangeValue: Q,
               ref: _,
-              buttonSize: V ? "s" : "m",
+              buttonSize: U ? "s" : "m",
               maxFiles: t && t - e.length,
-              isDisabled: U || d,
+              isDisabled: D || d,
               buttonText: E,
               onMaxFilesExceeded: g,
               onMaxSizeExceeded: z,
@@ -83,11 +85,11 @@ import '../../assets/UploaderFiles.css';const J = "_container_aj93w_2", K = "_wh
             }
           ),
           /* @__PURE__ */ l("div", { "data-testid-react": a == null ? void 0 : a.listFiles, children: /* @__PURE__ */ l(
-            H,
+            I,
             {
               value: e,
-              variant: D,
-              onChange: Q,
+              variant: M,
+              onChange: W,
               disabled: d
             }
           ) })
@@ -97,5 +99,5 @@ import '../../assets/UploaderFiles.css';const J = "_container_aj93w_2", K = "_wh
   }
 );
 export {
-  ri as UploaderFiles
+  ti as UploaderFiles
 };

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

@@ -72,6 +72,7 @@ export type TUploaderFiles = {
      * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
      */
     dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'uploader' | 'listFiles'>;
+    accept?: Record<string, string>;
 };
 export type TOnChangeFilesUpdate = {
     type: string;

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

@@ -65,6 +65,7 @@ export type TUploaderPhotos = {
      * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
      */
     dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'uploader' | 'listPhotos'>;
+    accept?: Record<string, string>;
 };
 export type TOnChangePhotosUpdate = {
     type: string;