@sberbusiness/triplex-next 1.19.0 → 1.20.0

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -1,89 +1,93 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import k, { useState as v, useRef as F, useEffect as B } from "react";
-import { EComponentSize as C } from "../../../enums/EComponentSize.js";
-import { SuggestFieldMobileDropdown as I } from "./SuggestFieldMobileDropdown.js";
-import { TextFieldBase as M } from "../../TextField/TextFieldBase.js";
-import { DataTestId as _ } from "../../../consts/DataTestId.js";
+import R, { useState as j, useRef as F, useEffect as v, useCallback as B } from "react";
+import { EComponentSize as I } from "../../../enums/EComponentSize.js";
+import { SuggestFieldMobileDropdown as M } from "./SuggestFieldMobileDropdown.js";
+import { TextFieldBase as _ } from "../../TextField/TextFieldBase.js";
+import { DataTestId as $ } from "../../../consts/DataTestId.js";
 import "../../FormField/FormField.js";
 import "../../FormField/components/FormFieldDescription.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as $ } from "../../FormField/components/FormFieldClear.js";
+import { FormFieldClear as y } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldTarget.js";
-import { F as y } from "../../../chunks/FormFieldInput-Bf7Hleek.js";
+import { F as A } from "../../../chunks/FormFieldInput-C4pLJsXx.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTextarea.js";
-import { LoaderSmall as A } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as G } from "../../Loader/LoaderSmall/enum.js";
+import { LoaderSmall as G } from "../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as N } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-B1GcRtym.js";
-const no = ({
+import "../../../chunks/SuggestFieldMobileDropdownHint-BfOcMGUs.js";
+const lo = ({
   value: r,
-  options: x,
-  size: n = C.LG,
-  placeholder: p,
+  options: b,
+  size: n = I.LG,
+  placeholder: l,
   "data-test-id": m,
-  postfix: S,
-  tooltipHint: b,
-  loading: d,
+  postfix: x,
+  tooltipHint: S,
+  loading: p,
   dropdownListLoading: g,
   clearInputOnFocus: w,
   onFilter: D,
   onSelect: O,
-  onClear: l,
+  onClear: a,
   onScrollEnd: h,
-  renderInput: s,
-  inputProps: e,
-  ...E
+  renderInput: c,
+  inputProps: o,
+  ...k
 }) => {
-  const [o, c] = v(!1), i = F(null), a = F(!1), L = s === void 0 ? y : s;
-  B(() => {
-    a.current && !o && i.current && i.current.scrollIntoView({ block: "center" }), a.current = o;
-  }, [o]);
-  const R = (j) => {
-    var f;
-    c(!0), (f = e.onFocus) == null || f.call(e, j);
-  };
+  const [e, d] = j(!1), i = F(null), s = F(!1), C = c === void 0 ? A : c;
+  v(() => {
+    s.current && !e && i.current && i.current.scrollIntoView({ block: "center" }), s.current = e;
+  }, [e]);
+  const E = B(
+    (L) => {
+      var f;
+      d(!0), (f = o.onFocus) == null || f.call(o, L);
+    },
+    [o]
+  );
   return /* @__PURE__ */ u(
-    M,
+    _,
     {
       "data-test-id": m,
       size: n,
-      postfix: /* @__PURE__ */ u(k.Fragment, { children: [
-        l !== void 0 && /* @__PURE__ */ t($, { onClick: l }),
-        d && /* @__PURE__ */ t(A, { theme: G.BRAND, size: n }),
-        S
+      postfix: /* @__PURE__ */ u(R.Fragment, { children: [
+        a !== void 0 && /* @__PURE__ */ t(y, { onClick: a }),
+        p && /* @__PURE__ */ t(G, { theme: N.BRAND, size: n }),
+        x
       ] }),
-      ...E,
+      ...k,
       ref: i,
       children: [
         /* @__PURE__ */ t(
-          L,
+          C,
           {
             value: r ? r.label : "",
-            placeholder: p,
+            placeholder: l,
             role: "combobox",
-            "aria-expanded": o,
-            "data-test-id": m && `${m}${_.Suggest.input}`,
-            ...e,
+            "aria-autocomplete": "list",
+            "aria-expanded": e,
+            "data-test-id": m && `${m}${$.Suggest.input}`,
+            ...o,
             readOnly: !0,
-            onFocus: R
+            onFocus: E
           }
         ),
         /* @__PURE__ */ t(
-          I,
+          M,
           {
             value: r,
-            options: x,
-            placeholder: p,
-            tooltipHint: b,
-            opened: o,
-            loading: d,
+            options: b,
+            placeholder: l,
+            tooltipHint: S,
+            opened: e,
+            loading: p,
             dropdownListLoading: g,
             clearInputOnFocus: w,
-            setOpened: c,
+            setOpened: d,
             onFilter: D,
             onSelect: O,
             onScrollEnd: h
@@ -94,6 +98,6 @@ const no = ({
   );
 };
 export {
-  no as SuggestFieldMobile
+  lo as SuggestFieldMobile
 };
 //# sourceMappingURL=SuggestFieldMobile.js.map

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -1,100 +1,108 @@
-import { jsx as e, jsxs as c, Fragment as m } from "react/jsx-runtime";
-import y, { useState as H, useRef as p, useEffect as V } from "react";
+import { jsx as t, jsxs as w, Fragment as D } from "react/jsx-runtime";
+import N, { 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-DkfeETTd.js";
+import "../../../chunks/DropdownListItem-JDPG7EtK.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
-import { DropdownMobileBody as j } from "../../Dropdown/mobile/DropdownMobileBody.js";
-import { DropdownMobileClose as k } from "../../Dropdown/mobile/DropdownMobileClose.js";
+import { DropdownMobileBody as q } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as z } from "../../Dropdown/mobile/DropdownMobileClose.js";
 import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as _ } from "../../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as A } from "../../Dropdown/mobile/DropdownMobileHeader.js";
 import "../../Dropdown/mobile/DropdownMobileInner.js";
-import { DropdownMobileInput as N } from "../../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList as O } from "../../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as P } from "../../Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader as T } from "../../Dropdown/mobile/DropdownMobileLoader.js";
-import { Dropdown as q } from "../../Dropdown/Dropdown.js";
-import { s as z, S as A } from "../../../chunks/SuggestFieldMobileDropdownHint-B1GcRtym.js";
-const E = ({
+import { DropdownMobileInput as G } from "../../Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList as J } from "../../Dropdown/mobile/DropdownMobileList.js";
+import { DropdownMobileListItem as K } from "../../Dropdown/mobile/DropdownMobileListItem.js";
+import { DropdownMobileLoader as L } from "../../Dropdown/mobile/DropdownMobileLoader.js";
+import { Dropdown as Q } from "../../Dropdown/Dropdown.js";
+import { s as U, S as W } from "../../../chunks/SuggestFieldMobileDropdownHint-BfOcMGUs.js";
+const X = ({
   value: o,
-  options: f,
-  placeholder: h,
-  tooltipHint: l,
-  opened: g,
-  loading: a,
-  dropdownListLoading: b,
-  clearInputOnFocus: w,
-  setOpened: n,
-  onSelect: s,
-  onFilter: D,
-  onScrollEnd: d
-}, M) => {
-  const [F, t] = H((o == null ? void 0 : o.label) || ""), u = p(null), C = p(null);
-  V(() => {
-    t((o == null ? void 0 : o.label) || "");
-  }, [o]);
-  const I = () => {
-    t(w === !1 && (o == null ? void 0 : o.label) || "");
-  }, R = (r) => {
-    const { value: i } = r.target;
-    t(i), D(i);
-  }, S = () => {
-    n(!1), s(o);
-  }, B = (r) => {
-    if (!d)
+  options: C,
+  placeholder: a,
+  tooltipHint: h,
+  opened: F,
+  loading: R,
+  dropdownListLoading: n,
+  clearInputOnFocus: b,
+  setOpened: e,
+  onSelect: l,
+  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(() => {
+    s(b ? "" : (o == null ? void 0 : o.label) || "");
+  }, [b, o == null ? void 0 : o.label]), x = i(
+    (r) => {
+      s(r.target.value), g(r.target.value);
+    },
+    [g]
+  ), H = i(() => {
+    e(!1);
+  }, [e]), V = i(() => {
+    if (f.current) {
+      f.current = !1;
       return;
-    const { clientHeight: i, scrollHeight: L, scrollTop: x } = r.target;
-    L - x === i && d();
-  };
-  return /* @__PURE__ */ e(
-    q,
+    }
+    d.length === 0 && o !== void 0 && l(void 0);
+  }, [d.length, l, o]), j = i(
+    (r) => {
+      if (c === void 0 || n)
+        return;
+      const { scrollHeight: P, scrollTop: T, clientHeight: _ } = r.currentTarget;
+      P - T - _ < 1 && c();
+    },
+    [c, n]
+  );
+  return /* @__PURE__ */ t(
+    Q,
     {
-      setOpened: (r) => {
-        n(r), r || s(o);
-      },
-      opened: g,
-      targetRef: C,
-      ref: M,
+      opened: F,
+      setOpened: e,
+      targetRef: I,
+      onClose: V,
       mobileViewProps: {
-        children: /* @__PURE__ */ c(m, { children: [
-          /* @__PURE__ */ e(
-            _,
+        children: /* @__PURE__ */ w(D, { children: [
+          /* @__PURE__ */ t(
+            A,
             {
-              controlButtons: /* @__PURE__ */ c(m, { children: [
-                a && /* @__PURE__ */ e(T, {}),
-                /* @__PURE__ */ e(k, { onClick: S })
+              controlButtons: /* @__PURE__ */ w(D, { children: [
+                R && /* @__PURE__ */ t(L, {}),
+                /* @__PURE__ */ t(z, { onClick: H })
               ] }),
-              children: /* @__PURE__ */ e(
-                N,
+              children: /* @__PURE__ */ t(
+                G,
                 {
-                  value: F,
-                  placeholder: h,
+                  value: d,
+                  placeholder: a,
                   autoFocus: !0,
-                  onFocus: I,
-                  onChange: R
+                  onFocus: k,
+                  onChange: x
                 }
               )
             }
           ),
-          /* @__PURE__ */ e(j, { className: z.suggestFieldMobileBody, onScroll: B, children: l ? /* @__PURE__ */ e(A, { children: l }) : /* @__PURE__ */ e(O, { loading: b, ref: u, children: f.map((r) => /* @__PURE__ */ e(
-            P,
+          /* @__PURE__ */ t(q, { className: U.suggestFieldMobileBody, onScroll: j, children: h ? /* @__PURE__ */ t(W, { children: h }) : /* @__PURE__ */ t(J, { loading: n, ref: y, children: C.map((r) => /* @__PURE__ */ t(
+            K,
             {
               id: r.id,
               selected: r.id === (o == null ? void 0 : o.id),
               onSelect: () => {
-                s(r), n(!1);
+                f.current = !0, l(r), e(!1);
               },
               children: r.content || r.label
             },
             r.id
           )) }) })
         ] })
-      }
+      },
+      ref: B
     }
   );
-}, co = y.forwardRef(E);
+}, po = N.forwardRef(X);
 export {
-  co as SuggestFieldMobileDropdown
+  po as SuggestFieldMobileDropdown
 };
 //# sourceMappingURL=SuggestFieldMobileDropdown.js.map

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-B1GcRtym.js";
+import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-BfOcMGUs.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-B1GcRtym.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-BfOcMGUs.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-Dlne6Znf.js";
-const H = "swipeableArea__029fc412", V = "content__7c65729a", $ = "disableScroll__509fc9d5", k = "disablePointerEvents__d5f1dce9", q = "swipeAnimationFinish__f3307cea", G = "leftContent__979b0383", J = "rightContent__aa45fa1c", s = {
+import { jsxs as j, jsx as _ } from "react/jsx-runtime";
+import z, { useState as w, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
+import { c as g } from "../../chunks/vendor-BIl4KTrD.js";
+const H = "swipeableArea__1b5b9b60", V = "content__5a1a0db5", $ = "disableScroll__4bf72f23", k = "disablePointerEvents__3b1e1beb", q = "swipeAnimationFinish__38aaff12", G = "leftContent__f7defe82", J = "rightContent__3bc3ba8b", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -9,28 +9,28 @@ const H = "swipeableArea__029fc412", V = "content__7c65729a", $ = "disableScroll
   swipeAnimationFinish: q,
   leftContent: G,
   rightContent: J
-}, p = 24, E = 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), f = u(N), _ = u(null), X = () => {
+}, b = 24, A = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
+  ({ children: L, className: I, leftSwipeableArea: p, rightSwipeableArea: m, ...y }, B) => {
+    const [C, a] = w(!1), [l, d] = w(), [o, e] = w(0), i = u(null), r = u(null), n = u(0), f = u(N), S = u(null), X = () => {
       a(!0);
       const t = n.current - o;
       n.current === 0 ? t > 0 ? e(
-        t > p ? -r.current.getBoundingClientRect().width : 0
+        t > b ? -r.current.getBoundingClientRect().width : 0
       ) : e(
-        Math.abs(t) > p ? i.current.getBoundingClientRect().width : 0
+        Math.abs(t) > b ? i.current.getBoundingClientRect().width : 0
       ) : n.current > 0 ? t > 0 && e(
-        t > p ? 0 : i.current.getBoundingClientRect().width
+        t > b ? 0 : i.current.getBoundingClientRect().width
       ) : n.current < 0 && t < 0 && e(
-        Math.abs(t) > p ? 0 : -r.current.getBoundingClientRect().width
+        Math.abs(t) > b ? 0 : -r.current.getBoundingClientRect().width
       );
-    }, R = () => {
-      f.current = N, d(void 0), document.removeEventListener("touchend", R);
+    }, E = () => {
+      f.current = N, d(void 0), document.removeEventListener("touchend", E);
     };
     M(() => {
       !l && o !== n.current && X();
     }, [l]);
     const x = (t) => {
-      f.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", R);
+      f.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", E);
     }, O = (t) => {
       if (t.touches.length != 1)
         return;
@@ -48,21 +48,21 @@ const H = "swipeableArea__029fc412", V = "content__7c65729a", $ = "disableScroll
       if (l === "vertical")
         return;
       const h = n.current + c;
-      n.current === 0 ? c > 0 && m ? e(
+      n.current === 0 ? c > 0 && p ? e(
         Math.min(h, i.current.getBoundingClientRect().width)
-      ) : c < 0 && C && e(
+      ) : c < 0 && m && e(
         Math.max(h, -r.current.getBoundingClientRect().width)
       ) : n.current > 0 ? c < 0 && e(Math.max(0, h)) : n.current < 0 && c > 0 && e(Math.min(0, h));
     }, 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 && _.current && !_.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);
     }, []);
-    const T = () => {
+    const R = () => {
       i.current && (a(!0), e(i.current.getBoundingClientRect().width));
-    }, b = () => {
+    }, T = () => {
       r.current && (a(!0), e(-r.current.getBoundingClientRect().width));
     }, v = () => {
       (r.current || i.current) && (a(!0), e(0));
@@ -74,50 +74,50 @@ const H = "swipeableArea__029fc412", V = "content__7c65729a", $ = "disableScroll
           v();
         },
         swipeLeft: () => {
-          b();
+          T();
         },
         swipeRight: () => {
-          T();
+          R();
         }
       }),
-      [v, b, T]
+      [v, T, R]
     ), /* @__PURE__ */ j(
       "div",
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "1.19.0",
-        ref: _,
+        "data-tx": "1.20.0",
+        ref: S,
         children: [
-          typeof m < "u" ? /* @__PURE__ */ w(
+          typeof p < "u" ? /* @__PURE__ */ _(
             "div",
             {
               className: g(s.leftContent, {
-                [E]: S
+                [A]: C
               }),
               ref: i,
               style: { opacity: Y() },
-              children: m
+              children: p
             }
           ) : null,
-          typeof C < "u" ? /* @__PURE__ */ w(
+          typeof m < "u" ? /* @__PURE__ */ _(
             "div",
             {
               className: g(s.rightContent, {
-                [E]: S
+                [A]: C
               }),
               ref: r,
               style: { opacity: P() },
-              children: C
+              children: m
             }
           ) : null,
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ _(
             "div",
             {
               className: g(s.content, {
                 [Q]: o !== 0,
                 [K]: l === "horizontal",
-                [E]: S
+                [A]: C
               }),
               onTouchStart: x,
               onTouchMove: O,

package/components/Table/FilterPanel.js

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

package/components/Table/MasterTable.js

@@ -1,17 +1,17 @@
 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-Dlne6Znf.js";
+import { c as b } from "../../chunks/vendor-BIl4KTrD.js";
 import { NoColumns as p } from "./NoColumns.js";
 import { FilterPanel as T } from "./FilterPanel.js";
-import { TabsLinePanel as c } from "./TabsLinePanel.js";
-import { TableBasic as f } from "./TableBasic/TableBasic.js";
+import { TabsLinePanel as f } from "./TabsLinePanel.js";
+import { TableBasic as c } 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 "./TableBasicSettings/components/ColumnSettings.js";
 import "./TableBasic/enums.js";
-const x = "masterTable__2669a10e", g = {
+const x = "masterTable__f3d7b1f2", g = {
   masterTable: x
 }, e = ({ children: t, className: o, loading: r = !1, ...m }) => {
   const [s, l] = i([]);
@@ -28,7 +28,7 @@ const x = "masterTable__2669a10e", g = {
         {
           className: b(g.masterTable, o),
           ...m,
-          "data-tx": "1.19.0",
+          "data-tx": "1.20.0",
           children: t
         }
       )
@@ -38,8 +38,8 @@ const x = "masterTable__2669a10e", g = {
 e.displayName = "MasterTable";
 e.NoColumns = p;
 e.FilterPanel = T;
-e.TabsLinePanel = c;
-e.TableBasic = f;
+e.TabsLinePanel = f;
+e.TableBasic = c;
 e.TableBasicSettings = P;
 e.TableFooter = u;
 e.PaginationPanel = d;

package/components/Table/NoColumns.js

@@ -1,17 +1,17 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as e } from "../../chunks/vendor-Dlne6Znf.js";
-import { Gap as a } from "../Gap/Gap.js";
-import { ServicesetupSysIcon96 as l } from "@sberbusiness/icons-next";
-const r = "noColumns__1a0510a0", i = "content__557af77a", s = {
-  noColumns: r,
-  content: i
-}, p = ({ children: n, className: t, ...m }) => /* @__PURE__ */ c("div", { className: e(s.noColumns, t), ...m, children: [
-  /* @__PURE__ */ o(l, {}),
-  /* @__PURE__ */ o(a, { size: 8 }),
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { c as e } from "../../chunks/vendor-BIl4KTrD.js";
+import { Gap as l } from "../Gap/Gap.js";
+import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
+const i = "noColumns__f9c5d4fd", a = "content__2c689ded", s = {
+  noColumns: i,
+  content: a
+}, d = ({ children: n, className: t, ...c }) => /* @__PURE__ */ m("div", { className: e(s.noColumns, t), ...c, children: [
+  /* @__PURE__ */ o(r, {}),
+  /* @__PURE__ */ o(l, { size: 8 }),
   /* @__PURE__ */ o("div", { className: s.content, children: n })
 ] });
-p.displayName = "NoColumns";
+d.displayName = "NoColumns";
 export {
-  p as NoColumns
+  d as NoColumns
 };
 //# sourceMappingURL=NoColumns.js.map

package/components/Table/PaginationPanel.js

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

package/components/Table/TableBasic/TableBasic.js

@@ -1,8 +1,8 @@
 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-Dlne6Znf.js";
+import { i as T } from "../../../chunks/vendor-BIl4KTrD.js";
 import { MasterTableContext as L } from "../MasterTableContext.js";
-import { s as a } from "../../../chunks/utils-9cQ-Vroa.js";
+import { s as a } from "../../../chunks/utils-C8q6y8Et.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-Dlne6Znf.js";
-import { s as r } from "../../../../chunks/utils-9cQ-Vroa.js";
+import { c as p } from "../../../../chunks/vendor-BIl4KTrD.js";
+import { s as r } from "../../../../chunks/utils-C8q6y8Et.js";
 const B = ({ columns: c, data: o, highlightRowOnHover: t, onClickRow: e }) => {
   if (o.length === 0)
     return null;

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

@@ -4,8 +4,8 @@ import { isNullOrUndefined as b } from "../../../../utils/isNullOrUndefined.js";
 import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
 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-Dlne6Znf.js";
-import { s as n, m as z } from "../../../../chunks/utils-9cQ-Vroa.js";
+import { c as d } from "../../../../chunks/vendor-BIl4KTrD.js";
+import { s as n, m as z } from "../../../../chunks/utils-C8q6y8Et.js";
 import { Text as B } from "../../../Typography/Text.js";
 import { ETextSize as v } from "../../../Typography/enums.js";
 const w = ({ columns: u, onOrderBy: l }) => {