@sberbusiness/triplex-next 0.22.0 → 0.23.0

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -1,13 +1,13 @@
 import { jsxs as c, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { useRef as B, useCallback as r } from "react";
-import { useSuggestContext as F } from "./SuggestContext.js";
+import { useRef as S, useCallback as n } from "react";
+import { useSuggestContext as I } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-C5KVFMFN.js";
+import "../../chunks/DropdownListItem-C4JE2xV7.js";
 import "../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as N } from "../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as I } from "../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as B } from "../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as F } from "../Dropdown/mobile/DropdownMobileClose.js";
 import "../Dropdown/mobile/DropdownMobileFooter.js";
 import { DropdownMobileHeader as O } from "../Dropdown/mobile/DropdownMobileHeader.js";
 import "../Dropdown/mobile/DropdownMobileInner.js";
@@ -20,46 +20,46 @@ import { ETextSize as E, EFontType as H } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__9411c08a", z = "suggestDropdownMobileNoOptionsText__c3494a38", g = {
+const k = "suggestDropdownMobileBody__b2e719b4", z = "suggestDropdownMobileNoOptionsText__dff00433", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
   const {
-    value: n,
+    value: r,
     options: s,
     inputValue: i,
     placeholder: u,
     noOptionsText: a,
     loading: w,
-    clearInputOnFocus: p,
+    clearInputOnFocus: d,
     dropdownListLoading: b,
-    onSelect: D,
+    onSelect: f,
     onFilter: t,
     onScrollEnd: l,
-    closeDropdown: d
-  } = F(), h = B(null), M = r(
+    closeDropdown: p
+  } = I(), h = S(null), D = n(
     (o) => {
       if (l === void 0)
         return;
-      const { scrollHeight: y, scrollTop: C, clientHeight: S } = o.currentTarget;
-      y - C - S < 1 && l();
+      const { scrollHeight: y, scrollTop: C, clientHeight: N } = o.currentTarget;
+      y - C - N < 1 && l();
     },
     [l]
-  ), f = r(() => d(), [d]), x = r(
+  ), M = n(() => p(), [p]), x = n(
     (o) => {
       t(o.target.value);
     },
     [t]
-  ), T = r(() => {
-    i.length !== 0 && p === !0 && t("");
-  }, [i.length, p, t]);
+  ), T = n(() => {
+    i.length !== 0 && d === !0 && t("");
+  }, [i.length, d, t]);
   return /* @__PURE__ */ c(m, { children: [
     /* @__PURE__ */ e(
       O,
       {
         controlButtons: /* @__PURE__ */ c(m, { children: [
           w && /* @__PURE__ */ e(v, {}),
-          /* @__PURE__ */ e(I, { onClick: f })
+          /* @__PURE__ */ e(F, { onClick: M })
         ] }),
         children: /* @__PURE__ */ e(
           L,
@@ -73,7 +73,7 @@ const k = "suggestDropdownMobileBody__9411c08a", z = "suggestDropdownMobileNoOpt
         )
       }
     ),
-    /* @__PURE__ */ e(N, { className: g.suggestDropdownMobileBody, onScroll: M, children: s.length === 0 ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e(B, { className: g.suggestDropdownMobileBody, onScroll: D, children: s.length === 0 ? /* @__PURE__ */ e(
       j,
       {
         className: g.suggestDropdownMobileNoOptionsText,
@@ -86,9 +86,10 @@ const k = "suggestDropdownMobileBody__9411c08a", z = "suggestDropdownMobileNoOpt
       _,
       {
         id: o.id,
-        selected: o.id === (n == null ? void 0 : n.id),
+        selected: o.id === (r == null ? void 0 : r.id),
+        showNotificationIcon: o.showNotificationIcon,
         onSelect: () => {
-          D(o);
+          f(o);
         },
         children: o.content || o.label
       },

package/components/SuggestField/SuggestField.js

@@ -2,13 +2,13 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop as S } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as b } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-BZd9-Rmk.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-8Km5bFV3.js";
 import { jsx as o } from "react/jsx-runtime";
 import { MobileView as I } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as O } from "../../chunks/FormFieldInput-Dp--anY3.js";
+import { F as O } from "../../chunks/FormFieldInput-Dr_WBweC.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -9,7 +9,7 @@ import { EFormFieldStatus as q } from "../../FormField/enums.js";
 import { FormFieldClear as go } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as ho } from "../../../chunks/FormFieldInput-Dp--anY3.js";
+import { F as ho } from "../../../chunks/FormFieldInput-Dr_WBweC.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext as po } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C5KVFMFN.js";
+import "../../../chunks/DropdownListItem-C4JE2xV7.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -1,11 +1,11 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useCallback as E } from "react";
-import { Portal as b } from "../../Portal/Portal.js";
+import { useCallback as h } from "react";
+import { Portal as _ } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
-import { DropdownDesktop as L } from "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as O } from "../../Dropdown/desktop/DropdownList.js";
-import { D as u } from "../../../chunks/DropdownListItem-C5KVFMFN.js";
-import { EDropdownWidth as x } from "../../Dropdown/desktop/enums.js";
+import { DropdownDesktop as b } from "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as L } from "../../Dropdown/desktop/DropdownList.js";
+import { D as O } from "../../../chunks/DropdownListItem-C4JE2xV7.js";
+import { EDropdownWidth as u } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -18,56 +18,57 @@ import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import "../../Dropdown/Dropdown.js";
-import { EVENT_KEY_CODES as y } from "../../../utils/keyboard.js";
-import { DataTestId as c } from "../../../consts/DataTestId.js";
-const A = [y.ENTER], rr = ({
+import { EVENT_KEY_CODES as x } from "../../../utils/keyboard.js";
+import { DataTestId as e } from "../../../consts/DataTestId.js";
+const y = [x.ENTER], rr = ({
   size: l,
   value: m,
   options: d,
-  targetRef: h,
+  targetRef: E,
   listId: D,
   dataTestId: t,
   opened: s,
   listLoading: p,
   onMouseDown: o,
-  onSelect: g,
-  onScrollEnd: e,
+  onSelect: w,
+  onScrollEnd: c,
   renderList: f,
   renderListItem: n,
-  ...S
+  ...a
 }) => {
-  const w = f === void 0 ? O : f, a = n === void 0 ? u : n, C = E(
+  const g = f === void 0 ? L : f, S = n === void 0 ? O : n, C = h(
     (r) => {
       r.preventDefault(), o == null || o(r);
     },
     [o]
-  ), T = E(
+  ), T = h(
     (r) => {
-      if (e === void 0 || p)
+      if (c === void 0 || p)
         return;
-      const { scrollHeight: $, scrollTop: k, clientHeight: _ } = r.currentTarget;
-      $ - k - _ < 1 && e();
+      const { scrollHeight: $, scrollTop: k, clientHeight: N } = r.currentTarget;
+      $ - k - N < 1 && c();
     },
-    [e, p]
+    [c, p]
   );
-  return /* @__PURE__ */ i(b, { container: document.body, children: /* @__PURE__ */ i(
-    L,
+  return /* @__PURE__ */ i(_, { container: document.body, children: /* @__PURE__ */ i(
+    b,
     {
       size: l,
-      targetRef: h,
-      "data-test-id": t && `${t}${c.Suggest.dropdown}`,
+      targetRef: E,
+      "data-test-id": t && `${t}${e.Suggest.dropdown}`,
       opened: s,
-      ...S,
-      width: x.TARGET,
+      ...a,
+      width: u.TARGET,
       onMouseDown: C,
-      children: /* @__PURE__ */ i(w, { id: D, size: l, dropdownOpened: s, loading: p, onScroll: T, children: d == null ? void 0 : d.map((r) => /* @__PURE__ */ i(
-        a,
+      children: /* @__PURE__ */ i(g, { id: D, size: l, dropdownOpened: s, loading: p, onScroll: T, children: d == null ? void 0 : d.map((r) => /* @__PURE__ */ i(
+        S,
         {
           id: r.id,
-          keyCodesForSelection: A,
-          "data-test-id": t && `${t}${c.Suggest.dropdown}${c.Dropdown.listItem}`,
+          keyCodesForSelection: y,
+          "data-test-id": t && `${t}${e.Suggest.dropdown}${e.Dropdown.listItem}`,
           selected: r.id === (m == null ? void 0 : m.id),
-          onSelect: () => g(r),
+          showNotificationIcon: r.showNotificationIcon,
+          onSelect: () => w(r),
           children: r.content || r.label
         },
         r.id

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown as r } from "./desktop/SuggestFieldDesktopD
 import { SuggestFieldDesktop as g } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile as i } from "./mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as l } from "./mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../../chunks/SuggestFieldMobileDropdownHint-BZd9-Rmk.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-8Km5bFV3.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -7,7 +7,7 @@ import { DataTestId as y } from "../../../consts/DataTestId.js";
 import { FormFieldClear as A } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as G } from "../../../chunks/FormFieldInput-Dp--anY3.js";
+import { F as G } from "../../../chunks/FormFieldInput-Dr_WBweC.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -18,7 +18,7 @@ import "../../FormField/FormField.js";
 import { LoaderSmall as N } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as T } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-BZd9-Rmk.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-8Km5bFV3.js";
 const lo = ({
   value: r,
   options: b,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import q, { useState as M, useRef as p, useCallback as i } from "react";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C5KVFMFN.js";
+import "../../../chunks/DropdownListItem-C4JE2xV7.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as z } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as A } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,24 +15,24 @@ import { DropdownMobileList as K } from "../../Dropdown/mobile/DropdownMobileLis
 import { DropdownMobileListItem as L } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader as Q } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown as U } from "../../Dropdown/Dropdown.js";
-import { s as W, S as X } from "../../../chunks/SuggestFieldMobileDropdownHint-BZd9-Rmk.js";
+import { s as W, S as X } from "../../../chunks/SuggestFieldMobileDropdownHint-8Km5bFV3.js";
 const Y = ({
   value: o,
   options: C,
-  placeholder: F,
+  placeholder: a,
   tooltipHint: h,
-  opened: R,
-  loading: a,
+  opened: F,
+  loading: I,
   dropdownListLoading: n,
   clearInputOnFocus: b,
   setOpened: e,
-  onSelect: l,
+  onSelect: c,
   onFilter: g,
-  onScrollEnd: c
-}, B) => {
-  const [d, s] = M((o == null ? void 0 : o.label) || ""), [m, S] = M(o);
-  (o == null ? void 0 : o.id) !== (m == null ? void 0 : m.id) && (S(o), s((o == null ? void 0 : o.label) || ""));
-  const f = p(!1), y = p(null), I = p(null), k = i(() => {
+  onScrollEnd: l
+}, R) => {
+  const [d, s] = M((o == null ? void 0 : o.label) || ""), [m, B] = M(o);
+  (o == null ? void 0 : o.id) !== (m == null ? void 0 : m.id) && (B(o), s((o == null ? void 0 : o.label) || ""));
+  const f = p(!1), S = p(null), y = p(null), k = i(() => {
     s(b ? "" : (o == null ? void 0 : o.label) || "");
   }, [b, o == null ? void 0 : o.label]), x = i(
     (r) => {
@@ -41,42 +41,42 @@ const Y = ({
     [g]
   ), H = i(() => {
     e(!1);
-  }, [e]), V = i(() => {
+  }, [e]), N = i(() => {
     if (f.current) {
       f.current = !1;
       return;
     }
-    d.length === 0 && o !== void 0 && l(void 0);
-  }, [d.length, l, o]), j = i(
+    d.length === 0 && o !== void 0 && c(void 0);
+  }, [d.length, c, o]), V = i(
     (r) => {
-      if (c === void 0 || n)
+      if (l === void 0 || n)
         return;
-      const { scrollHeight: P, scrollTop: T, clientHeight: N } = r.currentTarget;
-      P - T - N < 1 && c();
+      const { scrollHeight: j, scrollTop: P, clientHeight: T } = r.currentTarget;
+      j - P - T < 1 && l();
     },
-    [c, n]
+    [l, n]
   );
   return /* @__PURE__ */ t(
     U,
     {
-      opened: R,
+      opened: F,
       setOpened: e,
-      targetRef: I,
-      onClose: V,
+      targetRef: y,
+      onClose: N,
       mobileViewProps: {
         children: /* @__PURE__ */ w(D, { children: [
           /* @__PURE__ */ t(
             G,
             {
               controlButtons: /* @__PURE__ */ w(D, { children: [
-                a && /* @__PURE__ */ t(Q, {}),
+                I && /* @__PURE__ */ t(Q, {}),
                 /* @__PURE__ */ t(A, { onClick: H })
               ] }),
               children: /* @__PURE__ */ t(
                 J,
                 {
                   value: d,
-                  placeholder: F,
+                  placeholder: a,
                   autoFocus: !0,
                   onFocus: k,
                   onChange: x
@@ -84,13 +84,14 @@ const Y = ({
               )
             }
           ),
-          /* @__PURE__ */ t(z, { className: W.suggestFieldMobileBody, onScroll: j, children: h ? /* @__PURE__ */ t(X, { children: h }) : /* @__PURE__ */ t(K, { loading: n, ref: y, children: C.map((r) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t(z, { className: W.suggestFieldMobileBody, onScroll: V, children: h ? /* @__PURE__ */ t(X, { children: h }) : /* @__PURE__ */ t(K, { loading: n, ref: S, children: C.map((r) => /* @__PURE__ */ t(
             L,
             {
               id: r.id,
               selected: r.id === (o == null ? void 0 : o.id),
+              showNotificationIcon: r.showNotificationIcon,
               onSelect: () => {
-                f.current = !0, l(r), e(!1);
+                f.current = !0, c(r), e(!1);
               },
               children: r.content || r.label
             },
@@ -98,7 +99,7 @@ const Y = ({
           )) }) })
         ] })
       },
-      ref: B
+      ref: R
     }
   );
 }, po = q.forwardRef(Y);

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -3,7 +3,7 @@ import "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-BZd9-Rmk.js";
+import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-8Km5bFV3.js";
 export {
   d as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile as r } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown as t } from "./SuggestFieldMobileDropdown.js";
-import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-BZd9-Rmk.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-8Km5bFV3.js";
 export {
   r as SuggestFieldMobile,
   t as SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,7 +1,7 @@
 import { jsxs as j, jsx as w } from "react/jsx-runtime";
 import z, { useState as A, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
 import { c as g } from "../../chunks/vendor---Om3uMV.js";
-const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll__ac084ab8", k = "disablePointerEvents__d80717a8", q = "swipeAnimationFinish__02773ca3", G = "leftContent__119e7564", J = "rightContent__56b2d993", s = {
+const H = "swipeableArea__77bc6eab", V = "content__6d87b477", $ = "disableScroll__3717e4cd", k = "disablePointerEvents__3b69b0f8", q = "swipeAnimationFinish__7d7bccf0", G = "leftContent__f684bebd", J = "rightContent__cf2e3c59", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -10,8 +10,8 @@ const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll
   leftContent: G,
   rightContent: J
 }, p = 24, _ = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
-  ({ children: L, className: I, leftSwipeableArea: m, rightSwipeableArea: C, ...y }, B) => {
-    const [S, a] = A(!1), [l, d] = A(), [o, e] = A(0), i = u(null), r = u(null), n = u(0), h = u(N), b = u(null), X = () => {
+  ({ children: L, className: I, leftSwipeableArea: m, rightSwipeableArea: b, ...y }, B) => {
+    const [C, a] = A(!1), [l, d] = A(), [o, e] = A(0), i = u(null), r = u(null), n = u(0), h = u(N), S = u(null), X = () => {
       a(!0);
       const t = n.current - o;
       n.current === 0 ? t > 0 ? e(
@@ -50,13 +50,13 @@ const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll
       const f = n.current + c;
       n.current === 0 ? c > 0 && m ? e(
         Math.min(f, i.current.getBoundingClientRect().width)
-      ) : c < 0 && C && e(
+      ) : c < 0 && b && e(
         Math.max(f, -r.current.getBoundingClientRect().width)
       ) : n.current > 0 ? c < 0 && e(Math.max(0, f)) : n.current < 0 && c > 0 && e(Math.min(0, f));
     }, D = () => a(!1), P = () => r.current ? Math.abs(o) / r.current.getBoundingClientRect().width : 1, Y = () => i.current ? Math.abs(o) / i.current.getBoundingClientRect().width : 1;
     M(() => {
       const t = (c) => {
-        c.touches.length == 1 && b.current && !b.current.contains(c.target) && (a(!0), e(0), d(void 0));
+        c.touches.length == 1 && S.current && !S.current.contains(c.target) && (a(!0), e(0), d(void 0));
       };
       return document.addEventListener("touchstart", t), () => document.removeEventListener("touchstart", t);
     }, []);
@@ -86,29 +86,29 @@ const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "0.22.0",
-        ref: b,
+        "data-tx": "0.23.0",
+        ref: S,
         children: [
           typeof m < "u" ? /* @__PURE__ */ w(
             "div",
             {
               className: g(s.leftContent, {
-                [_]: S
+                [_]: C
               }),
               ref: i,
               style: { opacity: Y() },
               children: m
             }
           ) : null,
-          typeof C < "u" ? /* @__PURE__ */ w(
+          typeof b < "u" ? /* @__PURE__ */ w(
             "div",
             {
               className: g(s.rightContent, {
-                [_]: S
+                [_]: C
               }),
               ref: r,
               style: { opacity: P() },
-              children: C
+              children: b
             }
           ) : null,
           /* @__PURE__ */ w(
@@ -117,7 +117,7 @@ const H = "swipeableArea__bb440ab9", V = "content__0ed46b4d", $ = "disableScroll
               className: g(s.content, {
                 [Q]: o !== 0,
                 [K]: l === "horizontal",
-                [_]: S
+                [_]: C
               }),
               onTouchStart: x,
               onTouchMove: O,

package/components/Table/FilterPanel.js

@@ -1,13 +1,13 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { c as r } from "../../chunks/vendor---Om3uMV.js";
-const s = "filterPanel__1a7c31d6", i = {
+const s = "filterPanel__5b8e7ada", i = {
   filterPanel: s
-}, n = ({ children: e, className: l, ...t }) => /* @__PURE__ */ a(
+}, n = ({ children: e, className: l, ...a }) => /* @__PURE__ */ t(
   "div",
   {
     className: r(i.filterPanel, l),
-    ...t,
-    "data-tx": "0.22.0",
+    ...a,
+    "data-tx": "0.23.0",
     children: e
   }
 );

package/components/Table/MasterTable.js

@@ -2,16 +2,16 @@ import { jsx as a } from "react/jsx-runtime";
 import { useState as i } from "react";
 import { MasterTableContext as n } from "./MasterTableContext.js";
 import { c as b } from "../../chunks/vendor---Om3uMV.js";
-import { NoColumns as p } from "./NoColumns.js";
-import { FilterPanel as T } from "./FilterPanel.js";
-import { TabsLinePanel as c } from "./TabsLinePanel.js";
+import { NoColumns as c } from "./NoColumns.js";
+import { FilterPanel as p } from "./FilterPanel.js";
+import { TabsLinePanel as T } from "./TabsLinePanel.js";
 import { TableBasic as f } from "./TableBasic/TableBasic.js";
 import { TableBasicSettings as P } from "./TableBasicSettings/TableBasicSettings.js";
-import { TableFooter as u } from "./TableFooter/TableFooter.js";
-import { PaginationPanel as d } from "./PaginationPanel.js";
+import { TableFooter as d } from "./TableFooter/TableFooter.js";
+import { PaginationPanel as u } from "./PaginationPanel.js";
 import "./TableBasicSettings/components/ColumnSettings.js";
 import "./TableBasic/enums.js";
-const x = "masterTable__1f5bb56e", g = {
+const x = "masterTable__9cd0eddc", g = {
   masterTable: x
 }, e = ({ children: t, className: o, loading: r = !1, ...m }) => {
   const [s, l] = i([]);
@@ -28,7 +28,7 @@ const x = "masterTable__1f5bb56e", g = {
         {
           className: b(g.masterTable, o),
           ...m,
-          "data-tx": "0.22.0",
+          "data-tx": "0.23.0",
           children: t
         }
       )
@@ -36,13 +36,13 @@ const x = "masterTable__1f5bb56e", g = {
   );
 };
 e.displayName = "MasterTable";
-e.NoColumns = p;
-e.FilterPanel = T;
-e.TabsLinePanel = c;
+e.NoColumns = c;
+e.FilterPanel = p;
+e.TabsLinePanel = T;
 e.TableBasic = f;
 e.TableBasicSettings = P;
-e.TableFooter = u;
-e.PaginationPanel = d;
+e.TableFooter = d;
+e.PaginationPanel = u;
 export {
   e as MasterTable
 };

package/components/Table/NoColumns.js

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as e } from "../../chunks/vendor---Om3uMV.js";
 import { Gap as l } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
-const i = "noColumns__4861d6c6", a = "content__d52800e2", s = {
+const i = "noColumns__0236337b", a = "content__4c8d4288", s = {
   noColumns: i,
   content: a
 }, p = ({ children: n, className: t, ...m }) => /* @__PURE__ */ c("div", { className: e(s.noColumns, t), ...m, children: [

package/components/Table/PaginationPanel.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../chunks/vendor---Om3uMV.js";
-const s = "paginationPanel__1258c029", e = {
+const s = "paginationPanel__f3813bb5", e = {
   paginationPanel: s
 }, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
   "div",
   {
     className: o(e.paginationPanel, n),
     ...i,
-    "data-tx": "0.22.0",
+    "data-tx": "0.23.0",
     children: a
   }
 );

package/components/Table/TableBasic/TableBasic.js

@@ -2,7 +2,7 @@ import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { useContext as B, useEffect as N } from "react";
 import { i as T } from "../../../chunks/vendor---Om3uMV.js";
 import { MasterTableContext as L } from "../MasterTableContext.js";
-import { s as a } from "../../../chunks/utils-BgxjtTHV.js";
+import { s as a } from "../../../chunks/utils-CyxIcdb6.js";
 import { TableBasicHeader as g } from "./components/TableBasicHeader.js";
 import { TableBasicBody as C } from "./components/TableBasicBody.js";
 import { LoaderMiddle as E } from "../../Loader/LoaderMiddle/LoaderMiddle.js";

package/components/Table/TableBasic/components/TableBasicBody.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { TableBasicRow as b } from "./TableBasicRow.js";
 import { c as p } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as r } from "../../../../chunks/utils-BgxjtTHV.js";
+import { s as r } from "../../../../chunks/utils-CyxIcdb6.js";
 const B = ({ columns: c, data: o, highlightRowOnHover: t, onClickRow: e }) => {
   if (o.length === 0)
     return null;

package/components/Table/TableBasic/components/TableBasicHeader.js

@@ -5,7 +5,7 @@ import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttribute
 import { getDataHTMLAttributes as y } from "../../../../utils/html/DataAttributes.js";
 import { ECellType as T, EHorizontalAlign as s, EOrderDirection as t } from "../enums.js";
 import { c as d } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as n, m as z } from "../../../../chunks/utils-BgxjtTHV.js";
+import { s as n, m as z } from "../../../../chunks/utils-CyxIcdb6.js";
 import { Text as B } from "../../../Typography/Text.js";
 import { ETextSize as v } from "../../../Typography/enums.js";
 const w = ({ columns: u, onOrderBy: l }) => {

package/components/Table/TableBasic/components/TableBasicRow.js

@@ -3,7 +3,7 @@ import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttribute
 import { getDataHTMLAttributes as D } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId as L } from "../../../../consts/DataTestId.js";
 import { c as p } from "../../../../chunks/vendor---Om3uMV.js";
-import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-BgxjtTHV.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-CyxIcdb6.js";
 import { ECellType as a, EVerticalAlign as f } from "../enums.js";
 import { ETextSize as A } from "../../../Typography/enums.js";
 import { Text as N } from "../../../Typography/Text.js";