mimir-ui-kit 1.43.7 → 1.43.9

package/dist/components/CardTrail/CardTrail.d.ts

@@ -60,6 +60,10 @@ export type TProps = {
      * Класс, применяемый к карточке.
      */
     cardClassName?: string;
+    /**
+     * Колбэк, вызываемый при клике на стрелку.
+     */
+    onArrowClick?: () => void;
 };
 export declare const CardTrail: import('react').ForwardRefExoticComponent<TProps & {
     children?: import('react').ReactNode | undefined;

package/dist/components/CardTrail/CardTrail.js

@@ -1,67 +1,68 @@
-import { jsxs as w, jsx as d } from "react/jsx-runtime";
-import { c as l } from "../../index-DIxK0V-G.js";
-import { forwardRef as Y, useRef as f, useState as _, useEffect as G, Children as J } from "react";
-import { DEFAULT_SPACE_BETWEEN as K, DEFAULT_SCROLL_STEP as Q, DEFAULT_DIVIDED as Z, DEFAULT_CARD_INDEX as rr } from "./constants.js";
-import { hasHorizontalScroll as g, getCSSVariableNumericValue as D, isScrollAtEdge as L } from "./utils.js";
-import { useMergeRefs as tr } from "../../hooks/useMergeRefs/useMergeRefs.js";
-import { useThrottledCallback as er } from "../../hooks/useThrottledCallback/index.js";
-import { MergedButton as ar } from "../MergedButton/MergedButton.js";
-import '../../assets/CardTrail.css';const ir = "_pointer_1wzbr_50", i = {
+import { jsxs as L, jsx as u } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { forwardRef as G, useRef as _, useState as g, useEffect as J, Children as K } from "react";
+import { DEFAULT_SPACE_BETWEEN as Q, DEFAULT_SCROLL_STEP as Z, DEFAULT_DIVIDED as rr, DEFAULT_CARD_INDEX as tr } from "./constants.js";
+import { hasHorizontalScroll as p, getCSSVariableNumericValue as z, isScrollAtEdge as W } from "./utils.js";
+import { useMergeRefs as er } from "../../hooks/useMergeRefs/useMergeRefs.js";
+import { useThrottledCallback as ar } from "../../hooks/useThrottledCallback/index.js";
+import { MergedButton as ir } from "../MergedButton/MergedButton.js";
+import '../../assets/CardTrail.css';const cr = "_pointer_1wzbr_50", i = {
   "card-trail": "_card-trail_1wzbr_3",
   "card-trail-header": "_card-trail-header_1wzbr_7",
   "card-trail-header-title": "_card-trail-header-title_1wzbr_15",
   "card-trail-header-merged-button": "_card-trail-header-merged-button_1wzbr_29",
   "card-trail-list": "_card-trail-list_1wzbr_32",
   "card-trail-list-item": "_card-trail-list-item_1wzbr_46",
-  pointer: ir
+  pointer: cr
 };
-let z = {};
-const mr = Y((W, A) => {
+let w = {};
+const fr = G((R, I) => {
   const {
-    cardClassName: R,
-    cardTrailClassName: k,
-    cardTrailHeaderClassName: I,
-    cardTrailListClassName: y,
-    cardTrailMergedButtonClassName: M,
-    children: p,
-    title: u,
-    spaceBetween: n = K,
-    scrollStep: b = Q,
-    dividedCardWidth: V = Z,
-    currentCardIndex: h = rr,
+    cardClassName: A,
+    cardTrailClassName: y,
+    cardTrailHeaderClassName: M,
+    cardTrailListClassName: V,
+    cardTrailMergedButtonClassName: k,
+    children: b,
+    title: h,
+    spaceBetween: s = Q,
+    scrollStep: C = Z,
+    dividedCardWidth: x = rr,
+    currentCardIndex: m = tr,
     mergedButtonProps: c,
-    scrollToCard: C = !1,
-    needButtons: B = !0,
-    padding: N = 0
-  } = W, r = f(null), S = f(!0), o = f(null), [s, x] = _({
+    scrollToCard: B = !1,
+    needButtons: N = !0,
+    padding: S = 0,
+    onArrowClick: l
+  } = R, r = _(null), E = _(!0), d = _(null), [o, U] = g({
     leftButton: !0,
     rightButton: !1
-  }), [U, F] = _(0), [E, T] = _(
-    () => g(r == null ? void 0 : r.current)
-  ), H = tr(r, A), O = er(() => {
-    var v;
-    if (S.current) {
-      S.current = !1;
-      const m = r.current, P = ((v = m == null ? void 0 : m.children[h]) == null ? void 0 : v.clientWidth) ?? 0, X = D(N);
-      F(
-        P / V + X + n
+  }), [F, H] = g(0), [T, v] = g(
+    () => p(r == null ? void 0 : r.current)
+  ), O = er(r, I), $ = ar(() => {
+    var D;
+    if (E.current) {
+      E.current = !1;
+      const f = r.current, X = ((D = f == null ? void 0 : f.children[m]) == null ? void 0 : D.clientWidth) ?? 0, Y = z(S);
+      H(
+        X / x + Y + s
       );
     }
-    const t = D(N);
-    z = {
+    const t = z(S);
+    w = {
       paddingLeft: t,
       paddingRight: t,
       marginLeft: -t,
       marginRight: -t
     };
-    const e = !L(r.current, "left"), a = !L(r.current, "right");
-    x({
+    const e = !W(r.current, "left"), a = !W(r.current, "right");
+    U({
       leftButton: !e,
       rightButton: !a
     });
-  }, 300), $ = (t) => () => {
+  }, 300), j = (t) => () => {
     var a;
-    if (!C)
+    if (!B)
       return;
     const e = (a = r == null ? void 0 : r.current) == null ? void 0 : a.querySelector(
       `[data-active-card='${t}']`
@@ -71,55 +72,55 @@ const mr = Y((W, A) => {
       block: "nearest",
       inline: "center"
     }));
-  }, j = () => {
+  }, q = () => {
     var a;
-    if (!r.current || s.leftButton) return;
-    const t = r.current, e = ((a = t.children[h]) == null ? void 0 : a.clientWidth) ?? 0;
+    if (l == null || l(), !r.current || o.leftButton) return;
+    const t = r.current, e = ((a = t.children[m]) == null ? void 0 : a.clientWidth) ?? 0;
     t.scrollBy({
-      left: -(e + n) * b,
+      left: -(e + s) * C,
       behavior: "smooth"
     });
-  }, q = () => {
+  }, P = () => {
     var a;
-    if (!r.current || s.rightButton) return;
-    const t = r.current, e = ((a = t.children[h]) == null ? void 0 : a.clientWidth) ?? 0;
+    if (l == null || l(), !r.current || o.rightButton) return;
+    const t = r.current, e = ((a = t.children[m]) == null ? void 0 : a.clientWidth) ?? 0;
     t.scrollBy({
-      left: (e + n) * b,
+      left: (e + s) * C,
       behavior: "smooth"
     });
   };
-  return G(() => {
+  return J(() => {
     const t = r.current;
     if (t)
-      return o.current = new ResizeObserver(() => {
-        T(g(r == null ? void 0 : r.current));
-      }), o.current.observe(t), T(g(r == null ? void 0 : r.current)), () => {
-        o.current && o.current.disconnect();
+      return d.current = new ResizeObserver(() => {
+        v(p(r == null ? void 0 : r.current));
+      }), d.current.observe(t), v(p(r == null ? void 0 : r.current)), () => {
+        d.current && d.current.disconnect();
       };
-  }, [p]), /* @__PURE__ */ w("section", { className: l(i["card-trail"], k), children: [
-    (u || E && B) && /* @__PURE__ */ w(
+  }, [b]), /* @__PURE__ */ L("section", { className: n(i["card-trail"], y), children: [
+    (h || T && N) && /* @__PURE__ */ L(
       "header",
       {
-        className: l(
+        className: n(
           i["card-trail-header"],
-          I
+          M
         ),
         children: [
-          u && /* @__PURE__ */ d("h3", { className: i["card-trail-header-title"], children: u }),
-          E && B && /* @__PURE__ */ d(
-            ar,
+          h && /* @__PURE__ */ u("h3", { className: i["card-trail-header-title"], children: h }),
+          T && N && /* @__PURE__ */ u(
+            ir,
             {
-              buttonsWrapperClassName: l(
+              buttonsWrapperClassName: n(
                 i["card-trail-header-merged-button"],
-                M
+                k
               ),
               buttons: [
                 {
                   isIconButton: !0,
                   iconName: "ArrowLeft16px",
                   variant: "gray",
-                  onClick: j,
-                  disabled: s.leftButton,
+                  onClick: q,
+                  disabled: o.leftButton,
                   size: "s",
                   ...c == null ? void 0 : c.leftButton
                 },
@@ -127,9 +128,9 @@ const mr = Y((W, A) => {
                   isIconButton: !0,
                   iconName: "ArrowRight16px",
                   variant: "gray",
-                  onClick: q,
+                  onClick: P,
                   size: "s",
-                  disabled: s.rightButton,
+                  disabled: o.rightButton,
                   ...c == null ? void 0 : c.rightButton
                 }
               ]
@@ -138,27 +139,27 @@ const mr = Y((W, A) => {
         ]
       }
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ u(
       "ul",
       {
-        onScroll: O,
+        onScroll: $,
         style: {
-          gap: n,
-          scrollPadding: `0 ${U}px`,
-          ...z
+          gap: s,
+          scrollPadding: `0 ${F}px`,
+          ...w
         },
-        className: l(i["card-trail-list"], y),
-        ref: H,
-        children: J.map(p, (t, e) => /* @__PURE__ */ d(
+        className: n(i["card-trail-list"], V),
+        ref: O,
+        children: K.map(b, (t, e) => /* @__PURE__ */ u(
           "li",
           {
-            onClick: $(e),
+            onClick: j(e),
             "data-active-card": e,
             "data-testid": `card-trail-item-${e}`,
-            className: l(
+            className: n(
               i["card-trail-list-item"],
-              { [i.pointer]: C },
-              R
+              { [i.pointer]: B },
+              A
             ),
             children: t
           }
@@ -168,5 +169,5 @@ const mr = Y((W, A) => {
   ] });
 });
 export {
-  mr as CardTrail
+  fr as CardTrail
 };

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

@@ -27,6 +27,10 @@ type TProps = SwiperProps & {
      * Показывать стрелки навигации и количество слайдов.
      */
     needNavigation?: boolean;
+    /**
+     * Приостанавливать автопрокрутку при наведении на слайдер.
+     */
+    pauseOnMouseEnter?: boolean;
     /**
      * Функция, которая будет вызвана при клике на слайд.
      */
@@ -88,5 +92,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, ...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, pauseOnMouseEnter, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Slider/Slider.js

@@ -1,35 +1,35 @@
 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 { 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 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,
+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 = {
+  swiper: ne,
+  slide: ae,
+  link: oe,
+  image: ie,
+  navigation: le,
   "navigation-content": "_navigation-content_zqjj3_37",
-  pagination: le,
+  pagination: ce,
   "is-full": "_is-full_zqjj3_60",
-  slides: ce,
-  separator: de,
-  progress: pe,
+  slides: de,
+  separator: pe,
+  progress: ue,
   "progress-bar-bottom": "_progress-bar-bottom_zqjj3_85",
   "progress-bar": "_progress-bar_zqjj3_85",
-  descriptions: ue
-}, me = 15e3, E = F(
+  descriptions: me
+}, _e = 15e3, E = F(
   ({
     variant: t = "white"
   }) => {
-    const n = W(), p = u(() => {
+    const n = ee(), p = u(() => {
       n.slideNext();
     }, [n]), c = u(() => {
       n.slidePrev();
-    }, [n]), m = X(
+    }, [n]), m = Z(
       () => [
         {
           isIconButton: !0,
@@ -46,10 +46,10 @@ import '../../assets/Slider.css';const te = "_swiper_zqjj3_2", ne = "_slide_zqjj
       ],
       [c, t, p]
     );
-    return /* @__PURE__ */ s(re, { buttons: m });
+    return /* @__PURE__ */ s(te, { buttons: m });
   }
 ), b = F(
-  Z((t, n) => /* @__PURE__ */ s(
+  V((t, n) => /* @__PURE__ */ s(
     "div",
     {
       "data-testid": "progress-bar-wrapper",
@@ -65,7 +65,7 @@ import '../../assets/Slider.css';const te = "_swiper_zqjj3_2", ne = "_slide_zqjj
     }
   ))
 );
-function qe({
+function ze({
   images: t,
   children: n,
   gap: p,
@@ -84,17 +84,18 @@ function qe({
   needNavigation: i = !0,
   leftDescription: C,
   rightDescription: y,
-  delay: D = me,
-  ...U
+  delay: D = _e,
+  pauseOnMouseEnter: U = !1,
+  ...Y
 }) {
-  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(() => {
+  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(() => {
     if (h.current && i) {
       const r = h.current.swiper;
-      G(r.realIndex + 1);
+      H(r.realIndex + 1);
     }
-  }, [i]), Q = u(
+  }, [i]), X = u(
     (r, l) => {
       if (d.current && i) {
         const g = r.params.autoplay.delay, w = l / g * 100;
@@ -104,23 +105,24 @@ function qe({
     [i]
   );
   return /* @__PURE__ */ o(
-    ee,
+    se,
     {
-      ...U,
+      ...Y,
       ref: h,
       className: a(e.swiper, m),
       loop: !0,
       spaceBetween: p,
       autoplay: {
         delay: D,
-        disableOnInteraction: !1
+        disableOnInteraction: !1,
+        pauseOnMouseEnter: U
       },
       fadeEffect: {
         crossFade: !0
       },
-      modules: [se],
-      onAutoplayTimeLeft: Q,
-      onSlideChange: K,
+      modules: [re],
+      onAutoplayTimeLeft: X,
+      onSlideChange: Q,
       children: [
         /* @__PURE__ */ s(
           "div",
@@ -246,5 +248,5 @@ function qe({
   );
 }
 export {
-  qe as default
+  ze as default
 };

package/package.json

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