mimir-ui-kit 1.43.7 → 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/package.json

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