mimir-ui-kit 1.43.6 → 1.43.8

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/PromoSlider/PromoSlider.d.ts

@@ -53,7 +53,7 @@ type TProps = {
     /**
      * Функция, которая будет вызвана при клике на слайд.
      */
-    onSlideClick?: VoidFunction;
+    onSlideClick?: (slide: TPromoSlide) => void;
 };
 export declare const PromoSlider: ({ slides, onSlideClick, delay, spaceBetween, imageClassName, slideClassName, swiperClassName, contentClassName }: TProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PromoSlider/PromoSlider.js

@@ -1,20 +1,20 @@
-import { jsxs as Y, jsx as L, Fragment as F } from "react/jsx-runtime";
-import { c as C } from "../../index-DIxK0V-G.js";
+import { jsxs as Y, jsx as k, Fragment as F } from "react/jsx-runtime";
+import { c as H } from "../../index-DIxK0V-G.js";
 import { useState as j } from "react";
-import { g as R, b as G, e as U, c as $, n as B, d as A, S as q, A as Z, a as J } from "../../swiper-react-BvAw14a4.js";
+import { g as R, b as G, e as U, c as $, n as B, d as S, S as q, A as Z, a as J } from "../../swiper-react-BvAw14a4.js";
 import { Chip as Q } from "../Chip/Chip.js";
 import { AppImage as ee } from "../Image/Image.js";
 import '../../assets/PromoSlider.css';function te(P) {
   let {
     swiper: e,
-    extendParams: k,
+    extendParams: L,
     on: T,
     emit: x
   } = P;
   const p = R(), v = G();
   e.keyboard = {
     enabled: !1
-  }, k({
+  }, L({
     keyboard: {
       enabled: !1,
       onlyInViewport: !0,
@@ -28,12 +28,12 @@ import '../../assets/PromoSlider.css';function te(P) {
     } = e;
     let o = n;
     o.originalEvent && (o = o.originalEvent);
-    const g = o.keyCode || o.charCode, H = e.params.keyboard.pageUpDown, b = H && g === 33, _ = H && g === 34, y = g === 37, M = g === 39, t = g === 38, s = g === 40;
+    const g = o.keyCode || o.charCode, C = e.params.keyboard.pageUpDown, b = C && g === 33, _ = C && g === 34, y = g === 37, M = g === 39, t = g === 38, s = g === 40;
     if (!e.allowSlideNext && (e.isHorizontal() && M || e.isVertical() && s || _) || !e.allowSlidePrev && (e.isHorizontal() && y || e.isVertical() && t || b))
       return !1;
     if (!(o.shiftKey || o.altKey || o.ctrlKey || o.metaKey) && !(p.activeElement && p.activeElement.nodeName && (p.activeElement.nodeName.toLowerCase() === "input" || p.activeElement.nodeName.toLowerCase() === "textarea"))) {
       if (e.params.keyboard.onlyInViewport && (b || _ || y || M || t || s)) {
-        let N = !1;
+        let A = !1;
         if (U(e.el, `.${e.params.slideClass}, swiper-slide`).length > 0 && U(e.el, `.${e.params.slideActiveClass}`).length === 0)
           return;
         const w = e.el, m = w.clientWidth, d = w.clientHeight, a = v.innerWidth, f = v.innerHeight, l = $(w);
@@ -43,10 +43,10 @@ import '../../assets/PromoSlider.css';function te(P) {
           const c = D[r];
           if (c[0] >= 0 && c[0] <= a && c[1] >= 0 && c[1] <= f) {
             if (c[0] === 0 && c[1] === 0) continue;
-            N = !0;
+            A = !0;
           }
         }
-        if (!N) return;
+        if (!A) return;
       }
       e.isHorizontal() ? ((b || _ || y || M) && (o.preventDefault ? o.preventDefault() : o.returnValue = !1), ((_ || M) && !u || (b || y) && u) && e.slideNext(), ((b || y) && !u || (_ || M) && u) && e.slidePrev()) : ((b || _ || t || s) && (o.preventDefault ? o.preventDefault() : o.returnValue = !1), (_ || s) && e.slideNext(), (b || t) && e.slidePrev()), x("keyPress", g);
     }
@@ -69,12 +69,12 @@ import '../../assets/PromoSlider.css';function te(P) {
 function ne(P) {
   let {
     swiper: e,
-    extendParams: k,
+    extendParams: L,
     on: T,
     emit: x
   } = P;
   const p = G();
-  k({
+  L({
     mousewheel: {
       enabled: !1,
       releaseOnEdges: !1,
@@ -89,7 +89,7 @@ function ne(P) {
   }), e.mousewheel = {
     enabled: !1
   };
-  let v, I = A(), h;
+  let v, I = S(), h;
   const i = [];
   function n(t) {
     let m = 0, d = 0, a = 0, f = 0;
@@ -107,9 +107,9 @@ function ne(P) {
     e.enabled && (e.mouseEntered = !1);
   }
   function g(t) {
-    return e.params.mousewheel.thresholdDelta && t.delta < e.params.mousewheel.thresholdDelta || e.params.mousewheel.thresholdTime && A() - I < e.params.mousewheel.thresholdTime ? !1 : t.delta >= 6 && A() - I < 60 ? !0 : (t.direction < 0 ? (!e.isEnd || e.params.loop) && !e.animating && (e.slideNext(), x("scroll", t.raw)) : (!e.isBeginning || e.params.loop) && !e.animating && (e.slidePrev(), x("scroll", t.raw)), I = new p.Date().getTime(), !1);
+    return e.params.mousewheel.thresholdDelta && t.delta < e.params.mousewheel.thresholdDelta || e.params.mousewheel.thresholdTime && S() - I < e.params.mousewheel.thresholdTime ? !1 : t.delta >= 6 && S() - I < 60 ? !0 : (t.direction < 0 ? (!e.isEnd || e.params.loop) && !e.animating && (e.slideNext(), x("scroll", t.raw)) : (!e.isBeginning || e.params.loop) && !e.animating && (e.slidePrev(), x("scroll", t.raw)), I = new p.Date().getTime(), !1);
   }
-  function H(t) {
+  function C(t) {
     const s = e.params.mousewheel;
     if (t.direction < 0) {
       if (e.isEnd && !e.params.loop && s.releaseOnEdges)
@@ -119,7 +119,7 @@ function ne(P) {
     return !1;
   }
   function b(t) {
-    let s = t, N = !0;
+    let s = t, A = !0;
     if (!e.enabled || t.target.closest(`.${e.params.mousewheel.noMousewheelClass}`)) return;
     const w = e.params.mousewheel;
     e.params.cssMode && s.preventDefault();
@@ -141,28 +141,28 @@ function ne(P) {
     if (a === 0) return !0;
     w.invert && (a = -a);
     let D = e.getTranslate() + a * w.sensitivity;
-    if (D >= e.minTranslate() && (D = e.minTranslate()), D <= e.maxTranslate() && (D = e.maxTranslate()), N = e.params.loop ? !0 : !(D === e.minTranslate() || D === e.maxTranslate()), N && e.params.nested && s.stopPropagation(), !e.params.freeMode || !e.params.freeMode.enabled) {
+    if (D >= e.minTranslate() && (D = e.minTranslate()), D <= e.maxTranslate() && (D = e.maxTranslate()), A = e.params.loop ? !0 : !(D === e.minTranslate() || D === e.maxTranslate()), A && e.params.nested && s.stopPropagation(), !e.params.freeMode || !e.params.freeMode.enabled) {
       const r = {
-        time: A(),
+        time: S(),
         delta: Math.abs(a),
         direction: Math.sign(a),
         raw: t
       };
       i.length >= 2 && i.shift();
       const c = i.length ? i[i.length - 1] : void 0;
-      if (i.push(r), c ? (r.direction !== c.direction || r.delta > c.delta || r.time > c.time + 150) && g(r) : g(r), H(r))
+      if (i.push(r), c ? (r.direction !== c.direction || r.delta > c.delta || r.time > c.time + 150) && g(r) : g(r), C(r))
         return !0;
     } else {
       const r = {
-        time: A(),
+        time: S(),
         delta: Math.abs(a),
         direction: Math.sign(a)
       }, c = h && r.time < h.time + 500 && r.delta <= h.delta && r.direction === h.direction;
       if (!c) {
         h = void 0;
-        let S = e.getTranslate() + a * w.sensitivity;
+        let N = e.getTranslate() + a * w.sensitivity;
         const W = e.isBeginning, K = e.isEnd;
-        if (S >= e.minTranslate() && (S = e.minTranslate()), S <= e.maxTranslate() && (S = e.maxTranslate()), e.setTransition(0), e.setTranslate(S), e.updateProgress(), e.updateActiveIndex(), e.updateSlidesClasses(), (!W && e.isBeginning || !K && e.isEnd) && e.updateSlidesClasses(), e.params.loop && e.loopFix({
+        if (N >= e.minTranslate() && (N = e.minTranslate()), N <= e.maxTranslate() && (N = e.maxTranslate()), e.setTransition(0), e.setTranslate(N), e.updateProgress(), e.updateActiveIndex(), e.updateSlidesClasses(), (!W && e.isBeginning || !K && e.isEnd) && e.updateSlidesClasses(), e.params.loop && e.loopFix({
           direction: r.direction < 0 ? "next" : "prev",
           byMousewheel: !0
         }), e.params.freeMode.sticky) {
@@ -180,7 +180,7 @@ function ne(P) {
             h = r, i.splice(0), e.slideToClosest(e.params.speed, !0, void 0, 0.5);
           }, 500));
         }
-        if (c || x("scroll", s), e.params.autoplay && e.params.autoplayDisableOnInteraction && e.autoplay.stop(), w.releaseOnEdges && (S === e.minTranslate() || S === e.maxTranslate()))
+        if (c || x("scroll", s), e.params.autoplay && e.params.autoplayDisableOnInteraction && e.autoplay.stop(), w.releaseOnEdges && (N === e.minTranslate() || N === e.maxTranslate()))
           return !0;
       }
     }
@@ -217,12 +217,12 @@ const ae = "_swiper_f3z07_2", se = "_slide_f3z07_7", re = "_image_f3z07_14", ie
   "bullet-s": "_bullet-s_f3z07_48",
   "bullet-xs": "_bullet-xs_f3z07_49"
 }, V = 5, fe = 5e3, ue = 8, de = (P, e) => {
-  const k = e % V, T = Math.abs(P - k), x = 0, p = 1;
+  const L = e % V, T = Math.abs(P - L), x = 0, p = 1;
   return T === x ? E["bullet-active"] : T === p ? E["bullet-s"] : E["bullet-xs"];
 }, be = ({
   slides: P,
   onSlideClick: e,
-  delay: k = fe,
+  delay: L = fe,
   spaceBetween: T = ue,
   imageClassName: x,
   slideClassName: p,
@@ -243,24 +243,24 @@ const ae = "_swiper_f3z07_2", se = "_slide_f3z07_7", re = "_image_f3z07_14", ie
         enabled: !0
       },
       autoplay: {
-        delay: k,
+        delay: L,
         disableOnInteraction: !1,
         pauseOnMouseEnter: !0
       },
-      className: C(E.swiper, v),
+      className: H(E.swiper, v),
       children: [
         P.map((n) => {
           if (!n) return null;
-          const u = n != null && n.imageUrl ? /* @__PURE__ */ L(
+          const u = n != null && n.imageUrl ? /* @__PURE__ */ k(
             ee,
             {
-              className: C(E.image, x),
+              className: H(E.image, x),
               src: n.imageUrl,
               desktopImage: n.imageDesktop,
               mobileImage: n.imageMobile,
               alt: n.title
             }
-          ) : null, o = /* @__PURE__ */ L(
+          ) : null, o = /* @__PURE__ */ k(
             "a",
             {
               className: E.link,
@@ -270,35 +270,35 @@ const ae = "_swiper_f3z07_2", se = "_slide_f3z07_7", re = "_image_f3z07_14", ie
               children: u
             }
           ), g = () => n.url ? o : u;
-          return /* @__PURE__ */ L(
+          return /* @__PURE__ */ k(
             J,
             {
-              onClick: e,
-              className: C(E.slide, p),
+              onClick: () => e == null ? void 0 : e(n),
+              className: H(E.slide, p),
               children: /* @__PURE__ */ Y(F, { children: [
-                n.isPromotion && /* @__PURE__ */ L(
+                n.isPromotion && /* @__PURE__ */ k(
                   Q,
                   {
                     ...n.promotionProps,
-                    className: C(
+                    className: H(
                       n.promotionProps.className,
                       E.chip
                     )
                   }
                 ),
                 g(),
-                (n == null ? void 0 : n.content) && /* @__PURE__ */ L("div", { className: C(E.content, I), children: n == null ? void 0 : n.content })
+                (n == null ? void 0 : n.content) && /* @__PURE__ */ k("div", { className: H(E.content, I), children: n == null ? void 0 : n.content })
               ] })
             },
             n.id
           );
         }),
-        /* @__PURE__ */ L("div", { className: E["custom-pagination"], children: Array.from({ length: V }).map((n, u) => /* @__PURE__ */ L(
+        /* @__PURE__ */ k("div", { className: E["custom-pagination"], children: Array.from({ length: V }).map((n, u) => /* @__PURE__ */ k(
           "button",
           {
             tabIndex: u,
             type: "button",
-            className: C(E.bullet, de(u, h))
+            className: H(E.bullet, de(u, h))
           },
           u
         )) })

package/package.json

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