mimir-ui-kit 1.43.0 → 1.43.1

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { SwiperProps } from 'swiper/react';
 import { EProgressBarPosition } from './constants';
 
-type TSlideImage = {
+export type TSlideImage = {
     image?: string;
     imageDesktop?: string;
     imageMobile?: string;
@@ -14,6 +14,10 @@ type TProps = SwiperProps & {
      * Задержка перехода между слайдами
      */
     delay?: number;
+    /**
+     * Расстояние между слайдами
+     */
+    gap?: number;
     /**
      * Ширина пагинации слайдера на весь размер родительского контейнера
      */
@@ -71,5 +75,5 @@ type TProps = SwiperProps & {
      */
     images?: TSlideImage[];
 };
-export default function Slider({ images, children, 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, sliderBottomPanelClassName, descriptionsClassName, progressBarPosition, isFullPaginationWidth, needNavigation, leftDescription, rightDescription, delay, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Slider/Slider.js

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

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

@@ -0,0 +1 @@
+export declare const formatSlideNumber: (num: number) => string;

package/dist/components/Slider/utils.js

@@ -0,0 +1,4 @@
+const r = (t) => t.toString().padStart(2, "0");
+export {
+  r as formatSlideNumber
+};

package/package.json

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