mimir-ui-kit 1.63.0 → 1.64.1

package/dist/components/DatePicker/YearPickerModal.js

@@ -1,24 +1,25 @@
-import { jsxs as b, jsx as c } from "react/jsx-runtime";
-import { c as j } from "../../index-DIxK0V-G.js";
-import { useState as z } from "react";
-import { useDatePickerPosition as I } from "./hooks.js";
-import { c as n } from "../../styles.module-DeBRSK_x.js";
-import { formating as F } from "../../utils/index.js";
-import { Button as P } from "../Button/Button.js";
-const p = 15, C = 7, X = ({
-  date: v,
+import { jsxs as P, jsx as c } from "react/jsx-runtime";
+import { c as v } from "../../index-DIxK0V-G.js";
+import { useState as I } from "react";
+import { useDatePickerPosition as C } from "./hooks.js";
+import { c as r } from "../../styles.module-DjQdoVeY.js";
+import { formating as E } from "../../utils/index.js";
+import { Button as F } from "../Button/Button.js";
+const p = 15, L = 7, Z = ({
+  date: S,
   selectedDate: u,
-  onChangeValue: E,
+  onChangeValue: _,
   before: Y,
   onChangeType: d,
   onChangeYear: N,
-  disableFuture: S = !1,
-  disablePast: _ = !1,
+  disableFuture: y = !1,
+  disablePast: G = !1,
   disabledDate: o,
   validRange: k,
-  position: y
+  position: M,
+  isFixed: h
 }) => {
-  const G = I(y), i = new Date(v), l = u ? new Date(u) : i, M = {
+  const Q = C(M, h), i = new Date(S), l = u ? new Date(u) : i, B = {
     y: l.getFullYear(),
     d: l.getDate(),
     m: l.getMonth() + 1
@@ -26,93 +27,100 @@ const p = 15, C = 7, X = ({
     y: i.getFullYear(),
     d: i.getDate(),
     m: i.getMonth() + 1
-  }, [D, h] = z(e.y), Q = D - C, B = Array.from(Array(p).keys()).map(
-    (t) => t + Q
-  ), H = () => {
-    h(D + p);
-  }, R = () => {
-    h(D - p);
-  }, g = (t) => {
+  }, [D, g] = I(e.y), H = D - L, R = Array.from(Array(p).keys()).map(
+    (t) => t + H
+  ), $ = () => {
+    g(D + p);
+  }, j = () => {
+    g(D - p);
+  }, x = (t) => {
     const s = (/* @__PURE__ */ new Date()).getFullYear();
     if (k) {
       const [a, w] = k;
-      let r;
+      let n;
       if (e.m && e.d)
-        r = new Date(t, e.m - 1, e.d);
+        n = new Date(t, e.m - 1, e.d);
       else {
-        const A = /* @__PURE__ */ new Date();
-        r = new Date(t, A.getMonth(), A.getDate());
+        const b = /* @__PURE__ */ new Date();
+        n = new Date(t, b.getMonth(), b.getDate());
       }
-      r.setHours(0, 0, 0, 0);
+      n.setHours(0, 0, 0, 0);
       const m = new Date(a), f = new Date(w);
-      if (m.setHours(0, 0, 0, 0), f.setHours(23, 59, 59, 999), r < m || r > f)
+      if (m.setHours(0, 0, 0, 0), f.setHours(23, 59, 59, 999), n < m || n > f)
         return !0;
     }
-    if (Y && Y.getFullYear() > t || S && t > s || _ && t < s)
+    if (Y && Y.getFullYear() > t || y && t > s || G && t < s)
       return !0;
     if (o) {
       const a = new Date(t, e.m - 1, e.d);
       if (!o(a)) return !1;
-      const w = new Date(t, 2, 15), r = new Date(t, 5, 15), m = new Date(t, 8, 15), f = new Date(t, 11, 15);
-      return o(w) && o(r) && o(m) && o(f);
+      const w = new Date(t, 2, 15), n = new Date(t, 5, 15), m = new Date(t, 8, 15), f = new Date(t, 11, 15);
+      return o(w) && o(n) && o(m) && o(f);
     }
     return !1;
-  }, $ = (t) => {
-    g(t) || (N ? N(t) : E(
+  }, z = (t) => {
+    x(t) || (N ? N(t) : _(
       /* @__PURE__ */ new Date(
-        `${t}-${F.Number(2, e.m)}-${F.Number(2, e.d)}`
+        `${t}-${E.Number(2, e.m)}-${E.Number(2, e.d)}`
       )
     ));
   };
-  return /* @__PURE__ */ b("div", { className: n["calendar-block"], ref: G, children: [
-    /* @__PURE__ */ b("div", { className: n.h, children: [
-      /* @__PURE__ */ c(
-        P,
-        {
-          isIconButton: !0,
-          iconName: "DropdownArrowLeft16px",
-          onClick: R,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      ),
-      /* @__PURE__ */ c(
-        "button",
-        {
-          type: "button",
-          onClick: () => d == null ? void 0 : d("years"),
-          className: n.d
-        }
-      ),
-      /* @__PURE__ */ c(
-        P,
-        {
-          isIconButton: !0,
-          iconName: "DropdownArrowRight16px",
-          onClick: H,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ c("div", { className: n.monthGrid, "data-testid": "year-picker", children: B.map((t, x) => {
-      const s = g(t);
-      return /* @__PURE__ */ c(
-        "button",
-        {
-          type: "button",
-          onClick: () => $(t),
-          disabled: s,
-          className: j(s ? n.m : n.a, {
-            [n.current]: u && M.y === t
-          }),
-          children: t
-        },
-        x
-      );
-    }) })
-  ] });
+  return /* @__PURE__ */ P(
+    "div",
+    {
+      className: v(r["calendar-block"], h && r.fixed),
+      ref: Q,
+      children: [
+        /* @__PURE__ */ P("div", { className: r.h, children: [
+          /* @__PURE__ */ c(
+            F,
+            {
+              isIconButton: !0,
+              iconName: "DropdownArrowLeft16px",
+              onClick: j,
+              variant: "secondary-gray",
+              size: "l"
+            }
+          ),
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              onClick: () => d == null ? void 0 : d("years"),
+              className: r.d
+            }
+          ),
+          /* @__PURE__ */ c(
+            F,
+            {
+              isIconButton: !0,
+              iconName: "DropdownArrowRight16px",
+              onClick: $,
+              variant: "secondary-gray",
+              size: "l"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ c("div", { className: r.monthGrid, "data-testid": "year-picker", children: R.map((t, A) => {
+          const s = x(t);
+          return /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              onClick: () => z(t),
+              disabled: s,
+              className: v(s ? r.m : r.a, {
+                [r.current]: u && B.y === t
+              }),
+              children: t
+            },
+            A
+          );
+        }) })
+      ]
+    }
+  );
 };
 export {
-  X as YearPickerModal
+  Z as YearPickerModal
 };

package/dist/components/DatePicker/hooks.d.ts

@@ -1,3 +1,3 @@
 import { DependencyList } from 'react';
 
-export declare const useDatePickerPosition: (position?: "center" | "bottom" | "top", deps?: DependencyList) => import('react').RefObject<HTMLDivElement>;
+export declare const useDatePickerPosition: (position?: "center" | "bottom" | "top", isFixed?: boolean, deps?: DependencyList) => import('react').RefObject<HTMLDivElement>;

package/dist/components/DatePicker/hooks.js

@@ -1,35 +1,35 @@
-import { useRef as d, useEffect as h } from "react";
-import { BLOCK_WIDTH as l, MAX_MOBILE_WIDTH as w } from "./constants.js";
-const H = (i, a) => {
-  const f = d(null);
-  return h(() => {
-    var c, r, y;
-    const x = window.innerHeight, p = window.innerWidth, t = f.current;
+import { useRef as w, useEffect as d } from "react";
+import { BLOCK_WIDTH as p, MAX_MOBILE_WIDTH as m } from "./constants.js";
+const W = (n, i, x) => {
+  const f = w(null);
+  return d(() => {
+    var c, r, a;
+    const u = window.innerHeight, y = window.innerWidth, t = f.current;
     if (t && t !== null) {
-      const u = ((c = t == null ? void 0 : t.parentElement) == null ? void 0 : c.offsetWidth) ?? 0, s = ((r = t == null ? void 0 : t.parentElement) == null ? void 0 : r.offsetHeight) ?? 0, o = (y = t == null ? void 0 : t.parentElement) == null ? void 0 : y.getBoundingClientRect(), e = t.offsetHeight;
-      if (i) {
-        if (i === "center") {
-          t.style.position = "fixed", t.style.top = `calc(50vh - ${e / 2}px)`, t.style.left = `calc(50vw - ${l / 2}px)`, t.style.opacity = "1";
+      const h = ((c = t == null ? void 0 : t.parentElement) == null ? void 0 : c.offsetWidth) ?? 0, l = ((r = t == null ? void 0 : t.parentElement) == null ? void 0 : r.offsetHeight) ?? 0, e = (a = t == null ? void 0 : t.parentElement) == null ? void 0 : a.getBoundingClientRect(), s = t.offsetHeight;
+      if (n) {
+        if (n === "center") {
+          t.style.position = "fixed", t.style.top = `calc(50vh - ${s / 2}px)`, t.style.left = `calc(50vw - ${p / 2}px)`, t.style.opacity = "1";
           return;
         }
-        if (i === "bottom") {
-          t.style.top = s + "px", t.style.opacity = "1";
+        if (n === "bottom") {
+          t.style.top = l + "px", t.style.opacity = "1";
           return;
         }
-        if (i === "top") {
-          t.style.top = -e + "px", t.style.opacity = "1";
+        if (n === "top") {
+          t.style.top = -s + "px", t.style.opacity = "1";
           return;
         }
       } else {
-        if (p < o.x + l) {
-          const n = u - l;
-          o.x - Math.abs(n) < 0 ? t.style.left = (n < 0 ? n / 2 : n) + "px" : t.style.left = n + "px";
+        if (y < e.x + p) {
+          const o = h - p;
+          e.x - Math.abs(o) < 0 ? t.style.left = (o < 0 ? o / 2 : o) + "px" : t.style.left = o + "px";
         }
-        x < o.y + e + s ? o.y - e > 0 ? t.style.top = -e + "px" : p > w ? t.style.top = s + "px" : (t.style.position = "fixed", t.style.top = `calc(50vh - ${e / 2}px)`, t.style.left = `calc(50vw - ${l / 2}px)`) : t.style.top = s + "px", t.style.opacity = "1";
+        u < e.y + s + l ? e.y - s > 0 ? i ? t.style.top = e.y - s + "px" : t.style.top = -s + "px" : y > m ? i ? t.style.top = e.y + l + "px" : t.style.top = l + "px" : (t.style.position = "fixed", t.style.top = `calc(50vh - ${s / 2}px)`, t.style.left = `calc(50vw - ${p / 2}px)`) : i ? t.style.top = e.y + l + "px" : t.style.top = l + "px", t.style.opacity = "1";
       }
     }
-  }, [a, i]), f;
+  }, [x, n, i]), f;
 };
 export {
-  H as useDatePickerPosition
+  W as useDatePickerPosition
 };

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -1,56 +1,56 @@
-import { jsxs as F, jsx as n, Fragment as k } from "react/jsx-runtime";
+import { jsxs as x, jsx as p, Fragment as k } from "react/jsx-runtime";
 import { c as q } from "../../index-DIxK0V-G.js";
 import { forwardRef as G, useState as H, useEffect as J, useMemo as K } from "react";
-import { imageTypes as g } from "./constants.js";
 import "../Button/Button.js";
 import { EButtonVariantDefault as Q } from "../Button/constants.js";
 import { ListFiles as W } from "../ListFiles/ListFiles.js";
 import { EFileItemVariant as X } from "../ListFiles/constants.js";
 import { ListPhotos as Y } from "../ListPhotos/ListPhotos.js";
 import { Uploader as Z } from "../Uploader/Uploader.js";
-import '../../assets/UploaderPhotos.css';const w = {
+import '../../assets/UploaderPhotos.css';const g = {
   "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
-}, c = (r) => "file" in r && r.file instanceof File ? g.includes(r.file.type) : "type" in r && typeof r.type == "string" ? g.includes(r.type) : !1, le = G(
-  (r, x) => {
+}, y = (r, d) => "file" in r && r.file instanceof File ? d.includes(r.file.type) : "type" in r && typeof r.type == "string" ? d.includes(r.type) : !1, le = G(
+  (r, d) => {
     const {
       type: s,
-      filesType: z,
-      arrayName: P,
-      maxSize: U,
-      onChange: o,
-      value: p,
-      maxFiles: d,
-      titleUploader: b,
-      buttonText: D = "Выберите файлы",
-      showOnlyUploadButton: h = !1,
-      uploadButtonVariant: E = Q.SecondaryAsphalt,
-      buttonSize: S = "m",
-      buttonClassName: V,
-      variantListFiles: L = X.white,
-      onMaxFilesExceeded: N,
-      onMaxSizeExceeded: B,
-      onInvalidFileType: _,
-      loadImage: j,
-      isDownloadingImage: A,
-      dataTestIdReactMap: i
-    } = r, [a, m] = H(
-      p || []
-    ), y = !!d && a.length >= d;
+      filesType: a,
+      arrayName: z,
+      maxSize: P,
+      onChange: l,
+      value: f,
+      maxFiles: m,
+      titleUploader: U,
+      buttonText: b = "Выберите файлы",
+      showOnlyUploadButton: v = !1,
+      uploadButtonVariant: D = Q.SecondaryAsphalt,
+      buttonSize: E = "m",
+      buttonClassName: S,
+      variantListFiles: V = X.white,
+      onMaxFilesExceeded: L,
+      onMaxSizeExceeded: N,
+      onInvalidFileType: B,
+      loadImage: _,
+      isDownloadingImage: j,
+      dataTestIdReactMap: t,
+      accept: A
+    } = r, [n, u] = H(
+      f || []
+    ), F = !!m && n.length >= m;
     J(() => {
-      p && m(p);
-    }, [p]);
-    const C = (t) => {
-      const l = t.value.map((e) => c(e.file) ? new Promise((f) => {
-        const u = new FileReader();
-        u.onload = () => {
-          f({
+      f && u(f);
+    }, [f]);
+    const C = (i) => {
+      const o = i.value.map((e) => y(e.file, a) ? new Promise((c) => {
+        const h = new FileReader();
+        h.onload = () => {
+          c({
             id: e.id,
-            url: u.result,
+            url: h.result,
             type: e.file.type,
             name: e.file.name,
             size: e.file.size
           });
-        }, u.readAsDataURL(e.file);
+        }, h.readAsDataURL(e.file);
       }) : Promise.resolve({
         id: e.id,
         url: "",
@@ -58,63 +58,64 @@ import '../../assets/UploaderPhotos.css';const w = {
         name: e.file.name,
         type: e.file.type
       }));
-      Promise.all(l).then((e) => {
-        m((f) => [...f, ...e]), o == null || o({ type: "add", data: t.value });
+      Promise.all(o).then((e) => {
+        u((c) => [...c, ...e]), l == null || l({ type: "add", data: i.value });
       });
-    }, v = (t) => {
-      m((l) => l.filter((e) => e.id !== t)), o == null || o({ type: "delete", data: t });
+    }, w = (i) => {
+      u((o) => o.filter((e) => e.id !== i)), l == null || l({ type: "delete", data: i });
     }, { photos: I, files: O } = K(() => {
-      const t = () => a.filter((e) => !c(e)), l = () => a.filter(c);
-      return s === "all" ? { files: t(), photos: l() } : s === "files" ? { photos: [], files: t() } : s === "photos" ? { files: [], photos: l() } : { files: [], photos: [] };
-    }, [a, s]);
-    return /* @__PURE__ */ F(
+      const i = () => n.filter((e) => !y(e, a)), o = () => n.filter((e) => y(e, a));
+      return s === "all" ? { files: i(), photos: o() } : s === "files" ? { photos: [], files: i() } : s === "photos" ? { files: [], photos: o() } : { files: [], photos: [] };
+    }, [n, a, s]);
+    return /* @__PURE__ */ x(
       "div",
       {
         "data-testid": "universal-uploader",
-        "data-testid-react": i == null ? void 0 : i.wrapper,
+        "data-testid-react": t == null ? void 0 : t.wrapper,
         className: q(
-          w["upload-file-wrapper"],
-          y && w.disabled
+          g["upload-file-wrapper"],
+          F && g.disabled
         ),
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ p(
             Z,
             {
-              dataTestIdReactMap: { wrapper: i == null ? void 0 : i.uploader },
-              filesType: z,
-              arrayName: P,
-              maxSize: U,
+              dataTestIdReactMap: { wrapper: t == null ? void 0 : t.uploader },
+              filesType: a,
+              arrayName: z,
+              maxSize: P,
               onChangeValue: C,
-              ref: x,
-              maxFiles: d && d - a.length,
-              isDisabled: y,
-              titleUploader: b,
-              showOnlyUploadButton: h,
-              buttonText: D,
-              uploadButtonVariant: E,
-              buttonSize: S,
-              buttonClassName: V,
-              onMaxFilesExceeded: N,
-              onMaxSizeExceeded: B,
-              onInvalidFileType: _
+              ref: d,
+              maxFiles: m && m - n.length,
+              isDisabled: F,
+              titleUploader: U,
+              showOnlyUploadButton: v,
+              buttonText: b,
+              uploadButtonVariant: D,
+              buttonSize: E,
+              buttonClassName: S,
+              onMaxFilesExceeded: L,
+              onMaxSizeExceeded: N,
+              onInvalidFileType: B,
+              accept: A
             }
           ),
-          !h && /* @__PURE__ */ F(k, { children: [
-            (s === "files" || s === "all") && /* @__PURE__ */ n("div", { "data-testid-react": i == null ? void 0 : i.listFiles, children: /* @__PURE__ */ n(
+          !v && /* @__PURE__ */ x(k, { children: [
+            (s === "files" || s === "all") && /* @__PURE__ */ p("div", { "data-testid-react": t == null ? void 0 : t.listFiles, children: /* @__PURE__ */ p(
               W,
               {
                 value: O,
-                onChange: (t) => v(t.deleteId),
-                variant: L
+                onChange: (i) => w(i.deleteId),
+                variant: V
               }
             ) }),
-            (s === "photos" || s === "all") && /* @__PURE__ */ n("div", { "data-testid-react": i == null ? void 0 : i.listPhotos, children: /* @__PURE__ */ n(
+            (s === "photos" || s === "all") && /* @__PURE__ */ p("div", { "data-testid-react": t == null ? void 0 : t.listPhotos, children: /* @__PURE__ */ p(
               Y,
               {
                 value: I,
-                onChange: (t) => v(t.deleteId),
-                loadImage: j,
-                isDownloadingImage: A
+                onChange: (i) => w(i.deleteId),
+                loadImage: _,
+                isDownloadingImage: j
               }
             ) })
           ] })

package/dist/components/Uploader/Uploader.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-import { imageTypesArr } from './constants';
 import { TDataTestIdReactMap } from '../../types';
 import { EButtonSize } from '../Button';
 import { TButtonDefaultFormProps } from '../Button/types';
@@ -9,7 +8,7 @@ export type TUploader = {
      * Массив разрешенных типов файлов для настройки валидации
      * 'jpeg' | 'jpg' | 'png' | 'tiff' | 'gif' | 'heic' | 'doc' | 'xls' | 'pdf' | 'docx' | 'txt' | 'xlsx'
      */
-    filesType: imageTypesArr[];
+    filesType: string[];
     /**
      * Наименование передаваемого массива файлов
      */
@@ -70,6 +69,7 @@ export type TUploader = {
      * Объект, для передачи в компонент и его элементы data-testid-react, для автоматизированного тестирования
      */
     dataTestIdReactMap?: TDataTestIdReactMap<'wrapper' | 'input' | 'label' | 'button' | 'buttonIcon' | 'title' | 'description'>;
+    accept?: Record<string, string>;
 };
 export type TUploadValue = {
     value: TFileItem[];