mimir-ui-kit 1.41.4 → 1.41.6

package/dist/components/CardTrail/CardTrail.js

@@ -1,116 +1,118 @@
-import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { jsxs as N, jsx as s } from "react/jsx-runtime";
 import { c as i } from "../../index-DIxK0V-G.js";
-import { forwardRef as x, useRef as p, useState as B, useEffect as H, Children as O } from "react";
-import { DEFAULT_SPACE_BETWEEN as R, DEFAULT_SCROLL_STEP as j } from "./constants.js";
-import { hasHorizontalScroll as u, isScrollAtEdge as C } from "./utils.js";
-import { useMergeRefs as F } from "../../hooks/useMergeRefs/useMergeRefs.js";
-import { useThrottledCallback as U } from "../../hooks/useThrottledCallback/index.js";
-import { MergedButton as $ } from "../MergedButton/MergedButton.js";
-import '../../assets/CardTrail.css';const q = "_pointer_vv8gl_49", l = {
-  "card-trail": "_card-trail_vv8gl_3",
-  "card-trail-header": "_card-trail-header_vv8gl_7",
-  "card-trail-header-title": "_card-trail-header-title_vv8gl_15",
-  "card-trail-header-merged-button": "_card-trail-header-merged-button_vv8gl_29",
-  "card-trail-list": "_card-trail-list_vv8gl_32",
-  "card-trail-list-item": "_card-trail-list-item_vv8gl_45",
-  pointer: q
-}, P = x((b, N) => {
+import { forwardRef as H, useRef as E, useState as u, useEffect as O, Children as $ } from "react";
+import { DEFAULT_SPACE_BETWEEN as j, DEFAULT_SCROLL_STEP as V, DEFAULT_DIVIDED as q, DEFAULT_CARD_INDEX as X } from "./constants.js";
+import { hasHorizontalScroll as h, isScrollAtEdge as S } from "./utils.js";
+import { useMergeRefs as G } from "../../hooks/useMergeRefs/useMergeRefs.js";
+import { useThrottledCallback as J } from "../../hooks/useThrottledCallback/index.js";
+import { MergedButton as K } from "../MergedButton/MergedButton.js";
+import '../../assets/CardTrail.css';const P = "_pointer_c21mz_49", c = {
+  "card-trail": "_card-trail_c21mz_3",
+  "card-trail-header": "_card-trail-header_c21mz_7",
+  "card-trail-header-title": "_card-trail-header-title_c21mz_15",
+  "card-trail-header-merged-button": "_card-trail-header-merged-button_c21mz_29",
+  "card-trail-list": "_card-trail-list_c21mz_32",
+  "card-trail-list-item": "_card-trail-list-item_c21mz_45",
+  pointer: P
+}, lr = H((v, D) => {
   const {
-    cardClassName: S,
-    cardTrailClassName: E,
-    cardTrailHeaderClassName: T,
-    cardTrailListClassName: k,
-    cardTrailMergedButtonClassName: L,
-    children: h,
-    title: m,
-    spaceBetween: d = R,
-    scrollStep: f = j,
-    mergedButtonProps: c,
-    scrollToCard: _ = !1,
-    needButtons: w = !0
-  } = b, r = p(null), n = p(null), [o, y] = B({
+    cardClassName: T,
+    cardTrailClassName: z,
+    cardTrailHeaderClassName: L,
+    cardTrailListClassName: A,
+    cardTrailMergedButtonClassName: W,
+    children: m,
+    title: f,
+    spaceBetween: d = j,
+    scrollStep: _ = V,
+    mergedButtonProps: l,
+    scrollToCard: C = !1,
+    needButtons: k = !0,
+    dividedCardWidth: p = q,
+    currentCardIndex: g = X
+  } = v, r = E(null), n = E(null), [o, I] = u({
     leftButton: !0,
     rightButton: !1
-  }), [A, g] = B(
-    () => u(r == null ? void 0 : r.current)
-  ), W = F(r, N), z = U(() => {
-    const t = !C(r.current, "left"), e = !C(r.current, "right");
-    y({
-      leftButton: !t,
-      rightButton: !e
+  }), [w, B] = u(0), [y, b] = u(
+    () => h(r == null ? void 0 : r.current)
+  ), x = G(r, D), M = J(() => {
+    const e = !S(r.current, "left"), t = !S(r.current, "right");
+    I({
+      leftButton: !e,
+      rightButton: !t
     });
-  }, 300), M = (t) => () => {
+  }, 300), F = (e) => () => {
     var a;
-    if (!_)
+    if (!C)
       return;
-    const e = (a = r == null ? void 0 : r.current) == null ? void 0 : a.querySelector(
-      `[data-active-card='${t}']`
+    const t = (a = r == null ? void 0 : r.current) == null ? void 0 : a.querySelector(
+      `[data-active-card='${e}']`
     );
-    e && (e == null || e.scrollIntoView({
+    t && (t == null || t.scrollIntoView({
       behavior: "smooth",
       block: "nearest",
       inline: "center"
     }));
-  }, D = () => {
+  }, R = () => {
     var a;
     if (!r.current || o.leftButton) return;
-    const t = r.current, e = ((a = t.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
-    t.scrollBy({
-      left: -(e + d) * f,
+    const e = r.current, t = ((a = e.children[g]) == null ? void 0 : a.clientWidth) ?? 0;
+    B(t / p), e.scrollBy({
+      left: -(t + d) * _,
       behavior: "smooth"
     });
-  }, I = () => {
+  }, U = () => {
     var a;
     if (!r.current || o.rightButton) return;
-    const t = r.current, e = ((a = t.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
-    t.scrollBy({
-      left: (e + d) * f,
+    const e = r.current, t = ((a = e.children[g]) == null ? void 0 : a.clientWidth) ?? 0;
+    B(t / p), e.scrollBy({
+      left: (t + d) * _,
       behavior: "smooth"
     });
   };
-  return H(() => {
-    const t = r.current;
-    if (t)
+  return O(() => {
+    const e = r.current;
+    if (e)
       return n.current = new ResizeObserver(() => {
-        g(u(r == null ? void 0 : r.current));
-      }), n.current.observe(t), g(u(r == null ? void 0 : r.current)), () => {
+        b(h(r == null ? void 0 : r.current));
+      }), n.current.observe(e), b(h(r == null ? void 0 : r.current)), () => {
         n.current && n.current.disconnect();
       };
-  }, [h]), /* @__PURE__ */ v("section", { className: i(l["card-trail"], E), children: [
-    /* @__PURE__ */ v(
+  }, [m]), /* @__PURE__ */ N("section", { className: i(c["card-trail"], z), children: [
+    /* @__PURE__ */ N(
       "header",
       {
         className: i(
-          l["card-trail-header"],
-          T
+          c["card-trail-header"],
+          L
         ),
         children: [
-          m && /* @__PURE__ */ s("h3", { className: l["card-trail-header-title"], children: m }),
-          A && w && /* @__PURE__ */ s(
-            $,
+          f && /* @__PURE__ */ s("h3", { className: c["card-trail-header-title"], children: f }),
+          y && k && /* @__PURE__ */ s(
+            K,
             {
               buttonsWrapperClassName: i(
-                l["card-trail-header-merged-button"],
-                L
+                c["card-trail-header-merged-button"],
+                W
               ),
               buttons: [
                 {
                   isIconButton: !0,
                   iconName: "ArrowLeft16px",
                   variant: "gray",
-                  onClick: D,
+                  onClick: R,
                   disabled: o.leftButton,
                   size: "s",
-                  ...c == null ? void 0 : c.leftButton
+                  ...l == null ? void 0 : l.leftButton
                 },
                 {
                   isIconButton: !0,
                   iconName: "ArrowRight16px",
                   variant: "gray",
-                  onClick: I,
+                  onClick: U,
                   size: "s",
                   disabled: o.rightButton,
-                  ...c == null ? void 0 : c.rightButton
+                  ...l == null ? void 0 : l.rightButton
                 }
               ]
             }
@@ -121,22 +123,22 @@ import '../../assets/CardTrail.css';const q = "_pointer_vv8gl_49", l = {
     /* @__PURE__ */ s(
       "ul",
       {
-        onScroll: z,
-        style: { gap: d },
-        className: i(l["card-trail-list"], k),
-        ref: W,
-        children: O.map(h, (t, e) => /* @__PURE__ */ s(
+        onScroll: M,
+        style: { gap: d, scrollPadding: `0 ${w}px` },
+        className: i(c["card-trail-list"], A),
+        ref: x,
+        children: $.map(m, (e, t) => /* @__PURE__ */ s(
           "li",
           {
-            onClick: M(e),
-            "data-active-card": e,
-            "data-testid": `card-trail-item-${e}`,
+            onClick: F(t),
+            "data-active-card": t,
+            "data-testid": `card-trail-item-${t}`,
             className: i(
-              l["card-trail-list-item"],
-              { [l.pointer]: _ },
-              S
+              c["card-trail-list-item"],
+              { [c.pointer]: C },
+              T
             ),
-            children: t
+            children: e
           }
         ))
       }
@@ -144,5 +146,5 @@ import '../../assets/CardTrail.css';const q = "_pointer_vv8gl_49", l = {
   ] });
 });
 export {
-  P as CardTrail
+  lr as CardTrail
 };

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

@@ -1,2 +1,4 @@
 export declare const DEFAULT_SPACE_BETWEEN = 10;
 export declare const DEFAULT_SCROLL_STEP = 1;
+export declare const DEFAULT_CARD_INDEX = 1;
+export declare const DEFAULT_DIVIDED = 1;

package/dist/components/CardTrail/constants.js

@@ -1,5 +1,7 @@
-const E = 10, L = 1;
+const E = 10, D = 1, _ = 1, A = 1;
 export {
-  L as DEFAULT_SCROLL_STEP,
+  _ as DEFAULT_CARD_INDEX,
+  A as DEFAULT_DIVIDED,
+  D as DEFAULT_SCROLL_STEP,
   E as DEFAULT_SPACE_BETWEEN
 };

package/dist/components/DatePicker/DatePicker.js

@@ -10,7 +10,7 @@ import { YearPickerModal as ot } from "./YearPickerModal.js";
 import { useClickOutside as mt } from "../../hooks/useClickOutside/useClickOutside.js";
 import { Icon as X } from "../../icons/Icon.js";
 import { formating as n } from "../../utils/index.js";
-import { I as pt } from "../../Input-DAmc_HxO.js";
+import { I as pt } from "../../Input-BU_6U1CW.js";
 import { EInputStatus as dt, EInputSize as E } from "../Input/constants.js";
 const ft = {
   days: ct,

package/dist/components/Drawer/Drawer.js

@@ -1,124 +1,124 @@
-import { jsxs as _, jsx as o, Fragment as G } from "react/jsx-runtime";
-import { c as s } from "../../index-DIxK0V-G.js";
-import { forwardRef as K, useState as w, useRef as V, useCallback as u, useEffect as W } from "react";
-import { EDrawerPosition as v } from "./constants.js";
+import { jsxs as m, jsx as o, Fragment as G } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { forwardRef as K, useState as v, useRef as V, useCallback as _, useEffect as W } from "react";
+import { EDrawerPosition as k } from "./constants.js";
 import { useMediaQuery as Y } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery as q } from "../../hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll as J } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
 import { useResizeObserver as U } from "../../hooks/useResizeObserver/useResizeObserver.js";
-import { Button as k } from "../Button/Button.js";
-import { EButtonVariantDefault as Z, EButtonSize as r } from "../Button/constants.js";
+import { Button as C } from "../Button/Button.js";
+import { EButtonVariantDefault as Z, EButtonSize as a } from "../Button/constants.js";
 import { Loader as $ } from "../Loader/Loader.js";
 import { Portal as ee } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const oe = "_drawer_1xs4d_3", te = "_content_1xs4d_27", se = "_header_1xs4d_45", ne = "_title_1xs4d_59", re = "_space_1xs4d_73", ie = "_inner_1xs4d_84", ae = "_button_1xs4d_87", le = "_footer_1xs4d_92", ce = "_left_1xs4d_105", de = "_right_1xs4d_109", me = "_full_1xs4d_113", _e = "_bottom_1xs4d_123", ue = "_opened_1xs4d_140", fe = "_overlay_1xs4d_196", he = "_unmount_1xs4d_212", e = {
+import '../../assets/Drawer.css';const oe = "_drawer_13ua6_2", te = "_content_13ua6_26", ne = "_header_13ua6_44", se = "_title_13ua6_58", ae = "_space_13ua6_72", re = "_inner_13ua6_83", ie = "_button_13ua6_86", le = "_footer_13ua6_91", ce = "_left_13ua6_104", ue = "_right_13ua6_108", de = "_full_13ua6_112", me = "_bottom_13ua6_122", _e = "_opened_13ua6_139", fe = "_overlay_13ua6_195", he = "_unmount_13ua6_211", e = {
   drawer: oe,
   content: te,
-  "is-loading": "_is-loading_1xs4d_41",
-  header: se,
-  "sticky-header": "_sticky-header_1xs4d_53",
-  title: ne,
-  space: re,
-  inner: ie,
-  button: ae,
+  "is-loading": "_is-loading_13ua6_40",
+  header: ne,
+  "sticky-header": "_sticky-header_13ua6_52",
+  title: se,
+  space: ae,
+  inner: re,
+  button: ie,
   footer: le,
-  "footer-button": "_footer-button_1xs4d_101",
+  "footer-button": "_footer-button_13ua6_100",
   left: ce,
-  right: de,
-  full: me,
-  bottom: _e,
-  "full-bottom-height": "_full-bottom-height_1xs4d_134",
-  opened: ue,
-  "is-closing": "_is-closing_1xs4d_159",
+  right: ue,
+  full: de,
+  bottom: me,
+  "full-bottom-height": "_full-bottom-height_13ua6_133",
+  opened: _e,
+  "is-closing": "_is-closing_13ua6_158",
   overlay: fe,
   unmount: he
-}, pe = 300, Oe = K(
-  (C, B) => {
+}, pe = 300, Ie = K(
+  (B, E) => {
     const {
-      as: E = "div",
-      isOpen: n,
-      onClose: i,
-      title: M,
-      className: O,
+      as: M = "div",
+      isOpen: s,
+      onClose: r,
+      title: O,
+      className: I,
       unmount: f = !0,
-      isLoading: a = !1,
-      stickyHeader: I,
-      fullBottomHeight: L = !1,
-      position: l = v.RIGHT,
-      paddingRight: R = 8,
+      isLoading: i = !1,
+      stickyHeader: L,
+      fullBottomHeight: R = !1,
+      position: l = k.RIGHT,
+      paddingRight: T = 8,
       footer: c,
-      children: T,
-      classNameTitle: S,
-      classNameHeader: D,
+      children: S,
+      classNameTitle: D,
+      classNameHeader: x,
       classNameInner: z,
       classNameContent: H,
       classNameFooter: A,
       closeOnClickOutside: h = !0,
       showCloseButton: p = !0,
       ...P
-    } = C, [x, g] = w(!1), [X, N] = w(!1), y = V(), d = Y(q.XS1), { ref: j } = U({
-      enabled: l === v.BOTTOM
+    } = B, [g, N] = v(!1), [X, y] = v(!1), b = V(), u = Y(q.XS1), { ref: j } = U({
+      enabled: l === k.BOTTOM
     });
     J({
-      on: n && !x,
-      paddingRight: R
+      on: s && !g,
+      paddingRight: T
     });
-    const t = u(() => {
-      i && (g(!0), y.current = setTimeout(() => {
-        i(), g(!1);
+    const t = _(() => {
+      r && (N(!0), b.current = setTimeout(() => {
+        r(), N(!1);
       }, pe));
-    }, [i]), F = u(() => {
+    }, [r]), F = _(() => {
       h && t();
-    }, [h, t]), m = u(
+    }, [h, t]), d = _(
       (Q) => {
         Q.key === "Escape" && t();
       },
       [t]
     );
-    W(() => (n && (N(!0), window.addEventListener("keydown", m)), () => {
-      N(!1), clearTimeout(y.current), window.removeEventListener("keydown", m);
-    }), [n, m]);
-    const b = {
+    W(() => (s && (y(!0), window.addEventListener("keydown", d)), () => {
+      y(!1), clearTimeout(b.current), window.removeEventListener("keydown", d);
+    }), [s, d]);
+    const w = {
       [e.opened]: X,
-      [e["is-closing"]]: x,
-      [e["full-bottom-height"]]: L,
-      [e["is-loading"]]: a
+      [e["is-closing"]]: g,
+      [e["full-bottom-height"]]: R,
+      [e["is-loading"]]: i
     };
-    return !n && f ? null : /* @__PURE__ */ _(ee, { children: [
+    return !s && f ? null : /* @__PURE__ */ m(ee, { children: [
       /* @__PURE__ */ o(
-        E,
+        M,
         {
-          ref: B,
-          "aria-hidden": !n,
+          ref: E,
+          "aria-hidden": !s,
           role: "dialog",
-          className: s(e.drawer, e[l], b, O),
+          className: n(e.drawer, e[l], w, I),
           ...P,
           children: /* @__PURE__ */ o(
             "section",
             {
               ref: j,
-              className: s(
+              className: n(
                 e.content,
                 H,
                 e[l],
                 {
-                  [e["is-loading"]]: !!a
+                  [e["is-loading"]]: !!i
                 }
               ),
-              children: a ? /* @__PURE__ */ o($, {}) : /* @__PURE__ */ _(G, { children: [
-                /* @__PURE__ */ _(
+              children: i ? /* @__PURE__ */ o($, {}) : /* @__PURE__ */ m(G, { children: [
+                /* @__PURE__ */ m(
                   "header",
                   {
-                    className: s(e.header, D, {
-                      [e["sticky-header"]]: I
+                    className: n(e.header, x, {
+                      [e["sticky-header"]]: L
                     }),
                     children: [
-                      /* @__PURE__ */ o("h2", { className: s(e.title, S), children: M }),
+                      /* @__PURE__ */ o("h2", { className: n(e.title, D), children: O }),
                       /* @__PURE__ */ o("div", { className: e.space, children: p && /* @__PURE__ */ o(
-                        k,
+                        C,
                         {
                           variant: Z.SecondaryWhite,
                           isIconButton: !0,
-                          size: d ? r.S : r.M,
+                          size: u ? a.S : a.M,
                           iconName: "Close16px",
                           onClick: t,
                           className: e.button
@@ -127,12 +127,12 @@ import '../../assets/Drawer.css';const oe = "_drawer_1xs4d_3", te = "_content_1x
                     ]
                   }
                 ),
-                /* @__PURE__ */ o("div", { className: s(e.inner, z), children: T }),
-                /* @__PURE__ */ o("footer", { className: s(e.footer, A), children: typeof c == "function" ? c({ handleClose: t }) : c || p && /* @__PURE__ */ o(
-                  k,
+                /* @__PURE__ */ o("div", { className: n(e.inner, z), children: S }),
+                /* @__PURE__ */ o("footer", { className: n(e.footer, A), children: typeof c == "function" ? c({ handleClose: t }) : c || p && /* @__PURE__ */ o(
+                  C,
                   {
-                    size: d ? r.M : r.XXL,
-                    full: d,
+                    size: u ? a.M : a.XXL,
+                    full: u,
                     onClick: t,
                     className: e["footer-button"],
                     children: "Закрыть"
@@ -146,12 +146,12 @@ import '../../assets/Drawer.css';const oe = "_drawer_1xs4d_3", te = "_content_1x
       /* @__PURE__ */ o(
         "div",
         {
-          className: s(
+          className: n(
             e.overlay,
             {
               [e.unmount]: !f
             },
-            b
+            w
           ),
           "data-testid": "drawer-overlay",
           onClick: F
@@ -162,5 +162,5 @@ import '../../assets/Drawer.css';const oe = "_drawer_1xs4d_3", te = "_content_1x
 );
 export {
   pe as ANIMATION_DELAY,
-  Oe as Drawer
+  Ie as Drawer
 };