mimir-ui-kit 1.41.3 → 1.41.5

package/dist/components/CardTrail/CardTrail.js

@@ -1,105 +1,114 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
 import { c as i } from "../../index-DIxK0V-G.js";
-import { forwardRef as D, useRef as I, useState as p, useEffect as x, Children as H } from "react";
+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 _, isScrollAtEdge as C } from "./utils.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_pmokd_47", l = {
-  "card-trail": "_card-trail_pmokd_3",
-  "card-trail-header": "_card-trail-header_pmokd_7",
-  "card-trail-header-title": "_card-trail-header-title_pmokd_15",
-  "card-trail-header-merged-button": "_card-trail-header-merged-button_pmokd_28",
-  "card-trail-list": "_card-trail-list_pmokd_31",
-  "card-trail-list-item": "_card-trail-list-item_pmokd_43",
+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
-}, Y = D((g, B) => {
+}, P = x((b, N) => {
   const {
-    cardClassName: k,
-    cardTrailClassName: N,
-    cardTrailHeaderClassName: b,
-    cardTrailListClassName: S,
-    cardTrailMergedButtonClassName: E,
-    children: d,
+    cardClassName: S,
+    cardTrailClassName: E,
+    cardTrailHeaderClassName: T,
+    cardTrailListClassName: k,
+    cardTrailMergedButtonClassName: L,
+    children: h,
     title: m,
-    spaceBetween: s = R,
-    scrollStep: h = j,
+    spaceBetween: d = R,
+    scrollStep: f = j,
     mergedButtonProps: c,
-    scrollToCard: u = !1
-  } = g, t = I(null), [o, T] = p({
+    scrollToCard: _ = !1,
+    needButtons: w = !0
+  } = b, r = p(null), n = p(null), [o, y] = B({
     leftButton: !0,
     rightButton: !1
-  }), [L, v] = p(
-    () => _(t == null ? void 0 : t.current)
-  ), y = F(t, B), A = U(() => {
-    const e = !C(t.current, "left"), r = !C(t.current, "right");
-    T({
-      leftButton: !e,
-      rightButton: !r
+  }), [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
     });
-  }, 300), W = (e) => () => {
+  }, 300), M = (t) => () => {
     var a;
-    if (!u)
+    if (!_)
       return;
-    const r = (a = t == null ? void 0 : t.current) == null ? void 0 : a.querySelector(
-      `[data-active-card='${e}']`
+    const e = (a = r == null ? void 0 : r.current) == null ? void 0 : a.querySelector(
+      `[data-active-card='${t}']`
     );
-    r && (r == null || r.scrollIntoView({
+    e && (e == null || e.scrollIntoView({
       behavior: "smooth",
       block: "nearest",
       inline: "center"
     }));
-  }, w = () => {
+  }, D = () => {
     var a;
-    if (!t.current || o.leftButton) return;
-    const e = t.current, r = ((a = e.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
-    e.scrollBy({
-      left: -(r + s) * h,
+    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,
       behavior: "smooth"
     });
-  }, M = () => {
+  }, I = () => {
     var a;
-    if (!t.current || o.rightButton) return;
-    const e = t.current, r = ((a = e.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
-    e.scrollBy({
-      left: (r + s) * h,
+    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,
       behavior: "smooth"
     });
   };
-  return x(() => {
-    v(_(t == null ? void 0 : t.current));
-  }, [d]), /* @__PURE__ */ f("section", { className: i(l["card-trail"], N), children: [
-    /* @__PURE__ */ f(
+  return H(() => {
+    const t = r.current;
+    if (t)
+      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)), () => {
+        n.current && n.current.disconnect();
+      };
+  }, [h]), /* @__PURE__ */ v("section", { className: i(l["card-trail"], E), children: [
+    /* @__PURE__ */ v(
       "header",
       {
         className: i(
           l["card-trail-header"],
-          b
+          T
         ),
         children: [
-          m && /* @__PURE__ */ n("h3", { className: l["card-trail-header-title"], children: m }),
-          L && /* @__PURE__ */ n(
+          m && /* @__PURE__ */ s("h3", { className: l["card-trail-header-title"], children: m }),
+          A && w && /* @__PURE__ */ s(
             $,
             {
               buttonsWrapperClassName: i(
                 l["card-trail-header-merged-button"],
-                E
+                L
               ),
               buttons: [
                 {
                   isIconButton: !0,
                   iconName: "ArrowLeft16px",
                   variant: "gray",
-                  onClick: w,
+                  onClick: D,
                   disabled: o.leftButton,
+                  size: "s",
                   ...c == null ? void 0 : c.leftButton
                 },
                 {
                   isIconButton: !0,
                   iconName: "ArrowRight16px",
                   variant: "gray",
-                  onClick: M,
+                  onClick: I,
+                  size: "s",
                   disabled: o.rightButton,
                   ...c == null ? void 0 : c.rightButton
                 }
@@ -109,25 +118,25 @@ import '../../assets/CardTrail.css';const q = "_pointer_pmokd_47", l = {
         ]
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ s(
       "ul",
       {
-        onScroll: A,
-        style: { gap: s },
-        className: i(l["card-trail-list"], S),
-        ref: y,
-        children: H.map(d, (e, r) => /* @__PURE__ */ n(
+        onScroll: z,
+        style: { gap: d },
+        className: i(l["card-trail-list"], k),
+        ref: W,
+        children: O.map(h, (t, e) => /* @__PURE__ */ s(
           "li",
           {
-            onClick: W(r),
-            "data-active-card": r,
-            "data-testid": `card-trail-item-${r}`,
+            onClick: M(e),
+            "data-active-card": e,
+            "data-testid": `card-trail-item-${e}`,
             className: i(
               l["card-trail-list-item"],
-              { [l.pointer]: u },
-              k
+              { [l.pointer]: _ },
+              S
             ),
-            children: e
+            children: t
           }
         ))
       }
@@ -135,5 +144,5 @@ import '../../assets/CardTrail.css';const q = "_pointer_pmokd_47", l = {
   ] });
 });
 export {
-  Y as CardTrail
+  P as CardTrail
 };

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
 };