mimir-ui-kit 1.43.1 → 1.43.3

package/dist/components/DatePicker/YearPickerModal.js

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

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { SwiperProps } from 'swiper/react';
 import { EProgressBarPosition } from './constants';
+import { TButtonPropsWithoutStyles } from '../MergedButton';
 
 export type TSlideImage = {
     image?: string;
@@ -62,6 +63,10 @@ type TProps = SwiperProps & {
      * Дополнительные классы для нижней панели
      */
     sliderBottomPanelClassName?: string;
+    /**
+     * Дополнительные классы для контента панели навигации.
+     */
+    navigationContentClassName?: string;
     /**
      * Дополнительные классы для описания слайдов
      */
@@ -70,10 +75,18 @@ type TProps = SwiperProps & {
      * Контент для слайдера.
      */
     children?: ReactNode | ((props: TSlideImage) => ReactNode);
+    /**
+     * Контент для панели навигации.
+     */
+    navigationContent?: ReactNode;
+    /**
+     * Вариант кнопок навигации.
+     */
+    buttonsVariant?: TButtonPropsWithoutStyles['variant'];
     /**
      * Массив данных для отрисовки слайдов.
      */
     images?: TSlideImage[];
 };
-export default function Slider({ images, children, gap, onSlideClick, swiperClassName, slideClassName, imageClassName, navigationClassName, sliderBottomPanelClassName, descriptionsClassName, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, ...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, leftDescription, rightDescription, delay, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Slider/Slider.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.43.1",
+  "version": "1.43.3",
   "type": "module",
   "exports": {
     ".": {