@sberbusiness/triplex-next 0.31.0 → 0.32.0

package/components/Stepper/StepperStep.js

@@ -7,7 +7,7 @@ import { isKey as g } from "../../utils/keyboard.js";
 import { StepperExtendedContext as H } from "./StepperExtendedContext.js";
 import { EFocusSource as o } from "../../enums/EFocusSource.js";
 import { EStepperStepType as y } from "./enums.js";
-import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-A6WoCp_l.js";
+import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-zBMxIbHq.js";
 import { IconWrapper as L } from "../IconWrapper/IconWrapper.js";
 const Q = F(t), X = ({
   children: N,
@@ -69,7 +69,7 @@ const Q = F(t), X = ({
       ...T,
       ref: M,
       children: [
-        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.31.0", children: [
+        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "0.32.0", children: [
           h && P(),
           N
         ] }),

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S as t } from "../../chunks/StepperStepArrowBorder-A6WoCp_l.js";
+import { S as t } from "../../chunks/StepperStepArrowBorder-zBMxIbHq.js";
 export {
   t as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext as I } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-D093kwGL.js";
+import "../../chunks/DropdownListItem-Bp1g9j21.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as B } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as F } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,7 +21,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text as j } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const k = "suggestDropdownMobileBody__ed62c693", z = "suggestDropdownMobileNoOptionsText__da1f51b4", g = {
+const k = "suggestDropdownMobileBody__8efccb5e", z = "suggestDropdownMobileNoOptionsText__9a9b0947", g = {
   suggestDropdownMobileBody: k,
   suggestDropdownMobileNoOptionsText: z
 }, A = () => {
@@ -32,12 +32,12 @@ const k = "suggestDropdownMobileBody__ed62c693", z = "suggestDropdownMobileNoOpt
     placeholder: a,
     noOptionsText: u,
     loading: w,
-    clearInputOnFocus: d,
+    clearInputOnFocus: p,
     dropdownListLoading: b,
     onSelect: f,
     onFilter: t,
     onScrollEnd: l,
-    closeDropdown: p
+    closeDropdown: d
   } = I(), h = S(null), D = n(
     (o) => {
       if (l === void 0)
@@ -46,14 +46,14 @@ const k = "suggestDropdownMobileBody__ed62c693", z = "suggestDropdownMobileNoOpt
       y - C - N < 1 && l();
     },
     [l]
-  ), M = n(() => p(), [p]), x = n(
+  ), M = n(() => d(), [d]), x = n(
     (o) => {
       t(o.target.value);
     },
     [t]
   ), T = n(() => {
-    i.length !== 0 && d === !0 && t("");
-  }, [i.length, d, t]);
+    i.length !== 0 && p === !0 && t("");
+  }, [i.length, p, t]);
   return /* @__PURE__ */ c(m, { children: [
     /* @__PURE__ */ e(
       O,

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-B6H-gTlk.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.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-DEkpK71h.js";
+import { F as O } from "../../chunks/FormFieldInput-DZ9wvF_L.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 ao } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as ho } from "../../../chunks/FormFieldInput-DEkpK71h.js";
+import { F as ho } from "../../../chunks/FormFieldInput-DZ9wvF_L.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-D093kwGL.js";
+import "../../../chunks/DropdownListItem-Bp1g9j21.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -4,7 +4,7 @@ import { Portal as _ } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.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-D093kwGL.js";
+import { D as O } from "../../../chunks/DropdownListItem-Bp1g9j21.js";
 import { EDropdownWidth as u } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

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-B6H-gTlk.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.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 A } from "../../../consts/DataTestId.js";
 import { FormFieldClear as G } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as N } from "../../../chunks/FormFieldInput-DEkpK71h.js";
+import { F as N } from "../../../chunks/FormFieldInput-DZ9wvF_L.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 T } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as V } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-B6H-gTlk.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.js";
 const po = ({
   value: r,
   options: b,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import z, { useState as D, 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-D093kwGL.js";
+import "../../../chunks/DropdownListItem-Bp1g9j21.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as A } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose as G } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,7 +15,7 @@ import { DropdownMobileList as L } from "../../Dropdown/mobile/DropdownMobileLis
 import { DropdownMobileListItem as Q } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader as U } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown as W } from "../../Dropdown/Dropdown.js";
-import { s as X, S as Y } from "../../../chunks/SuggestFieldMobileDropdownHint-B6H-gTlk.js";
+import { s as X, S as Y } from "../../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.js";
 const Z = ({
   value: o,
   options: M,

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -4,7 +4,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S as g } from "../../../chunks/SuggestFieldMobileDropdownHint-B6H-gTlk.js";
+import { S as g } from "../../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.js";
 export {
   g 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-B6H-gTlk.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-DoCjNfsA.js";
 export {
   r as SuggestFieldMobile,
   t as SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,7 +1,7 @@
 import { jsxs as W, jsx as T } from "react/jsx-runtime";
 import H, { useState as S, useRef as u, useEffect as I, useImperativeHandle as V } from "react";
 import { c as g } from "../../chunks/vendor-z35N2Tap.js";
-const $ = "swipeableArea__a2b2123c", k = "content__f85fa713", q = "disableScroll__ba6f6517", G = "disablePointerEvents__940defb9", J = "swipeAnimationFinish__9df21186", K = "leftContent__821a9d07", Q = "rightContent__a82d6fe7", o = {
+const $ = "swipeableArea__e7e3ac9b", k = "content__7caa5a0f", q = "disableScroll__5792e655", G = "disablePointerEvents__87b82ebb", J = "swipeAnimationFinish__605ab505", K = "leftContent__67ecf782", Q = "rightContent__c6cef9b5", o = {
   swipeableArea: $,
   content: k,
   disableScroll: q,
@@ -10,29 +10,29 @@ const $ = "swipeableArea__a2b2123c", k = "content__f85fa713", q = "disableScroll
   leftContent: K,
   rightContent: Q
 }, m = 24, R = o.swipeAnimationFinish, U = o.disableScroll, Z = o.disablePointerEvents, y = { clientX: 0, clientY: 0 }, tt = H.forwardRef(
-  ({ children: B, className: X, leftSwipeableArea: C, rightSwipeableArea: A, onSwipeLeft: _, onSwipeRight: b, ...L }, x) => {
-    const [p, a] = S(!1), [l, d] = S(), [s, e] = S(0), r = u(null), i = u(null), n = u(0), f = u(y), E = u(null), O = () => {
+  ({ children: B, className: X, leftSwipeableArea: C, rightSwipeableArea: b, onSwipeLeft: A, onSwipeRight: _, ...L }, x) => {
+    const [p, a] = S(!1), [l, d] = S(), [s, e] = S(0), r = u(null), c = u(null), n = u(0), h = u(y), E = u(null), O = () => {
       a(!0);
       const t = n.current - s;
-      n.current === 0 ? t > 0 ? t > m ? (e(-i.current.getBoundingClientRect().width), _ == null || _()) : e(0) : Math.abs(t) > m ? (e(r.current.getBoundingClientRect().width), b == null || b()) : e(0) : n.current > 0 ? t > 0 && e(
+      n.current === 0 ? t > 0 ? t > m ? (e(-c.current.getBoundingClientRect().width), A == null || A()) : e(0) : Math.abs(t) > m ? (e(r.current.getBoundingClientRect().width), _ == null || _()) : e(0) : n.current > 0 ? t > 0 && e(
         t > m ? 0 : r.current.getBoundingClientRect().width
       ) : n.current < 0 && t < 0 && e(
-        Math.abs(t) > m ? 0 : -i.current.getBoundingClientRect().width
+        Math.abs(t) > m ? 0 : -c.current.getBoundingClientRect().width
       );
     }, w = () => {
-      f.current = y, d(void 0), document.removeEventListener("touchend", w);
+      h.current = y, d(void 0), document.removeEventListener("touchend", w);
     };
     I(() => {
       !l && s !== n.current && O();
     }, [l]);
     const D = (t) => {
-      f.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = s, document.addEventListener("touchend", w);
+      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = s, document.addEventListener("touchend", w);
     }, P = (t) => {
       if (t.touches.length != 1)
         return;
-      const c = t.touches[0].clientX - f.current.clientX, z = t.touches[0].clientY - f.current.clientY;
+      const i = t.touches[0].clientX - h.current.clientX, z = t.touches[0].clientY - h.current.clientY;
       if (!l) {
-        Math.abs(z) > Math.abs(c) ? d(
+        Math.abs(z) > Math.abs(i) ? d(
           "vertical"
           /* vertical */
         ) : d(
@@ -43,25 +43,25 @@ const $ = "swipeableArea__a2b2123c", k = "content__f85fa713", q = "disableScroll
       }
       if (l === "vertical")
         return;
-      const h = n.current + c;
-      n.current === 0 ? c > 0 && C ? e(
-        Math.min(h, r.current.getBoundingClientRect().width)
-      ) : c < 0 && A && e(
-        Math.max(h, -i.current.getBoundingClientRect().width)
-      ) : n.current > 0 ? c < 0 && e(Math.max(0, h)) : n.current < 0 && c > 0 && e(Math.min(0, h));
-    }, Y = () => a(!1), F = () => i.current ? Math.abs(s) / i.current.getBoundingClientRect().width : 1, j = () => r.current ? Math.abs(s) / r.current.getBoundingClientRect().width : 1;
+      const f = n.current + i;
+      n.current === 0 ? i > 0 && C ? e(
+        Math.min(f, r.current.getBoundingClientRect().width)
+      ) : i < 0 && b && e(
+        Math.max(f, -c.current.getBoundingClientRect().width)
+      ) : n.current > 0 ? i < 0 && e(Math.max(0, f)) : n.current < 0 && i > 0 && e(Math.min(0, f));
+    }, Y = () => a(!1), F = () => c.current ? Math.abs(s) / c.current.getBoundingClientRect().width : 1, j = () => r.current ? Math.abs(s) / r.current.getBoundingClientRect().width : 1;
     I(() => {
-      const t = (c) => {
-        c.touches.length == 1 && E.current && !E.current.contains(c.target) && (a(!0), e(0), d(void 0));
+      const t = (i) => {
+        i.touches.length == 1 && E.current && !E.current.contains(i.target) && (a(!0), e(0), d(void 0));
       };
       return document.addEventListener("touchstart", t), () => document.removeEventListener("touchstart", t);
     }, []);
     const v = () => {
       r.current && (a(!0), e(r.current.getBoundingClientRect().width));
     }, M = () => {
-      i.current && (a(!0), e(-i.current.getBoundingClientRect().width));
+      c.current && (a(!0), e(-c.current.getBoundingClientRect().width));
     }, N = () => {
-      (i.current || r.current) && (a(!0), e(0));
+      (c.current || r.current) && (a(!0), e(0));
     };
     return V(
       x,
@@ -82,7 +82,7 @@ const $ = "swipeableArea__a2b2123c", k = "content__f85fa713", q = "disableScroll
       {
         className: g(o.swipeableArea, X),
         ...L,
-        "data-tx": "0.31.0",
+        "data-tx": "0.32.0",
         ref: E,
         children: [
           typeof C < "u" ? /* @__PURE__ */ T(
@@ -96,15 +96,15 @@ const $ = "swipeableArea__a2b2123c", k = "content__f85fa713", q = "disableScroll
               children: C
             }
           ) : null,
-          typeof A < "u" ? /* @__PURE__ */ T(
+          typeof b < "u" ? /* @__PURE__ */ T(
             "div",
             {
               className: g(o.rightContent, {
                 [R]: p
               }),
-              ref: i,
+              ref: c,
               style: { opacity: F() },
-              children: A
+              children: b
             }
           ) : null,
           /* @__PURE__ */ T(

package/components/Table/ChipPanel.js

@@ -1,12 +1,12 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as p } from "../../chunks/vendor-z35N2Tap.js";
+import { jsx as p } from "react/jsx-runtime";
+import { c as e } from "../../chunks/vendor-z35N2Tap.js";
 import { ChipPanelLinks as l } from "./ChipPanelLinks.js";
-const c = "chipPanel__f971e917", o = {
+const c = "chipPanel__ab25998a", o = {
   chipPanel: c
-}, i = ({ children: s, className: a, ...e }) => /* @__PURE__ */ n("div", { className: p(o.chipPanel, a), ...e, children: s });
-i.Links = l;
-i.displayName = "ChipPanel";
+}, a = ({ children: i, className: s, ...n }) => /* @__PURE__ */ p("div", { className: e(o.chipPanel, s), ...n, children: i });
+a.Links = l;
+a.displayName = "ChipPanel";
 export {
-  i as ChipPanel
+  a as ChipPanel
 };
 //# sourceMappingURL=ChipPanel.js.map

package/components/Table/ChipPanelLinks.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { c as t } from "../../chunks/vendor-z35N2Tap.js";
 import { Text as o } from "../Typography/Text.js";
 import { EFontWeightText as a, ETextSize as p } from "../Typography/enums.js";
-const c = "chipPanelLinks__35c1ff17", l = {
+const c = "chipPanelLinks__c4813f29", l = {
   chipPanelLinks: c
 }, m = ({ children: i, className: s, ...e }) => /* @__PURE__ */ n(
   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-z35N2Tap.js";
-const s = "filterPanel__5925f49c", i = {
+const s = "filterPanel__a5852e5f", i = {
   filterPanel: s
 }, n = ({ children: e, className: l, ...t }) => /* @__PURE__ */ a(
   "div",
   {
     className: r(i.filterPanel, l),
     ...t,
-    "data-tx": "0.31.0",
+    "data-tx": "0.32.0",
     children: e
   }
 );

package/components/Table/MasterTable.js

@@ -1,11 +1,11 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { useState as s } from "react";
 import { MasterTableContext as n } from "./MasterTableContext.js";
 import { c as p } from "../../chunks/vendor-z35N2Tap.js";
 import { NoColumns as b } from "./NoColumns.js";
 import { FilterPanel as c } from "./FilterPanel.js";
-import { ChipPanel as T } from "./ChipPanel.js";
-import { TableBasic as f } from "./TableBasic/TableBasic.js";
+import { ChipPanel as f } from "./ChipPanel.js";
+import { TableBasic as T } 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";
@@ -15,25 +15,25 @@ import "./TableFooter/components/TableFooterSummaryAmount.js";
 import "./TableFooter/components/TableFooterSummarySelectAllButton.js";
 import "./TableFooter/components/TableFooterSummarySelectedCount.js";
 import "./TableBasicSettings/components/ColumnSettingsSortableListItem.js";
-const C = "masterTable__5aeed183", x = {
+const C = "masterTable__18894dbf", x = {
   masterTable: C
-}, t = ({ children: o, className: a, loading: r = !1, ...m }) => {
+}, t = ({ children: e, className: r, loading: a = !1, ...m }) => {
   const [i, l] = s([]);
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ o(
     n.Provider,
     {
       value: {
         columns: i,
-        loading: r,
+        loading: a,
         setColumns: l
       },
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ o(
         "div",
         {
-          className: p(x.masterTable, a),
+          className: p(x.masterTable, r),
           ...m,
-          "data-tx": "0.31.0",
-          children: o
+          "data-tx": "0.32.0",
+          children: e
         }
       )
     }
@@ -42,8 +42,8 @@ const C = "masterTable__5aeed183", x = {
 t.displayName = "MasterTable";
 t.NoColumns = b;
 t.FilterPanel = c;
-t.ChipPanel = T;
-t.TableBasic = f;
+t.ChipPanel = f;
+t.TableBasic = T;
 t.TableBasicSettings = P;
 t.TableFooter = u;
 t.PaginationPanel = d;

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-z35N2Tap.js";
 import { Gap as l } from "../Gap/Gap.js";
 import { ServicesetupSysIcon96 as r } from "@sberbusiness/icons-next";
-const i = "noColumns__7ff0924a", a = "content__0c446238", s = {
+const i = "noColumns__288bf7b4", a = "content__8b0a1423", 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-z35N2Tap.js";
-const s = "paginationPanel__bb3084d9", e = {
+const s = "paginationPanel__65f60d80", e = {
   paginationPanel: s
 }, l = ({ children: a, className: n, ...i }) => /* @__PURE__ */ t(
   "div",
   {
     className: o(e.paginationPanel, n),
     ...i,
-    "data-tx": "0.31.0",
+    "data-tx": "0.32.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-z35N2Tap.js";
 import { MasterTableContext as L } from "../MasterTableContext.js";
-import { s as a } from "../../../chunks/utils-B99NmqsA.js";
+import { s as a } from "../../../chunks/utils-CP79T5VE.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-z35N2Tap.js";
-import { s as r } from "../../../../chunks/utils-B99NmqsA.js";
+import { s as r } from "../../../../chunks/utils-CP79T5VE.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-z35N2Tap.js";
-import { s as n, m as z } from "../../../../chunks/utils-B99NmqsA.js";
+import { s as n, m as z } from "../../../../chunks/utils-CP79T5VE.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

@@ -1,45 +1,45 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { getAriaHTMLAttributes as H } from "../../../../utils/html/AriaAttributes.js";
 import { getDataHTMLAttributes as D } from "../../../../utils/html/DataAttributes.js";
 import { DataTestId as L } from "../../../../consts/DataTestId.js";
 import { c as p } from "../../../../chunks/vendor-z35N2Tap.js";
-import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-B99NmqsA.js";
+import { s as M, a as S, m as X, b as $ } from "../../../../chunks/utils-CP79T5VE.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";
-const j = ({ columns: y, data: C, onClickRow: n }) => {
-  const { rowKey: b, rowData: d, rowLayout: l, ariaAttributes: c, dataAttributes: r, selected: T = !1 } = C, h = p({ [M.selected]: T, selected: T }), B = n ? () => n(b) : void 0, E = r ? r["test-id"] : void 0, g = (e, t, O, m) => {
+const j = ({ columns: y, data: C, onClickRow: d }) => {
+  const { rowKey: b, rowData: n, rowLayout: l, ariaAttributes: c, dataAttributes: r, selected: T = !1 } = C, g = p({ [M.selected]: T, selected: T }), h = d ? () => d(b) : void 0, B = r ? r["test-id"] : void 0, E = (e, t, x, m) => {
     if (e.hidden)
       return null;
-    const o = e.renderCell ? e.renderCell(t) : t, s = e.cellType ?? a.TEXT, w = e.verticalAlign ?? (s === a.TEXT ? f.BASELINE : f.TOP), z = p(
-      $(s),
+    const o = e.renderCell ? e.renderCell(t) : t, i = e.cellType ?? a.TEXT, O = e.verticalAlign ?? (i === a.TEXT ? f.BASELINE : f.TOP), w = p(
+      $(i),
       X(e.horizontalAlign),
-      S(w)
-    ), K = e.width ? { width: e.width } : void 0, v = () => o ? s === a.CHECKBOX || s === a.COMPONENTS ? o : /* @__PURE__ */ i(N, { size: A.B3, children: o }) : /* @__PURE__ */ i(N, { size: A.B3, children: "---" });
-    return /* @__PURE__ */ i(
+      S(O)
+    ), z = e.width ? { width: e.width } : void 0, K = () => o ? i === a.CHECKBOX || i === a.COMPONENTS ? o : /* @__PURE__ */ s(N, { size: A.B3, tag: "div", children: o }) : /* @__PURE__ */ s(N, { size: A.B3, tag: "div", children: "---" });
+    return /* @__PURE__ */ s(
       "td",
       {
-        className: z,
-        ...O,
+        className: w,
+        ...x,
         "data-test-id": m && `${m}__${e.fieldKey}${L.Table.TableBasic.td}`,
-        style: K,
-        children: v()
+        style: z,
+        children: K()
       },
       e.fieldKey
     );
-  }, x = y.map((e) => {
+  }, v = y.map((e) => {
     const { fieldKey: t } = e;
-    if (Object.keys(d).indexOf(t) !== -1)
-      return g(e, d[t], l == null ? void 0 : l[t], E);
+    if (Object.keys(n).indexOf(t) !== -1)
+      return E(e, n[t], l == null ? void 0 : l[t], B);
   });
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     "tr",
     {
-      className: h,
-      onClick: B,
+      className: g,
+      onClick: h,
       ...!!c && H(c),
       ...!!r && D(r),
-      children: x
+      children: v
     }
   );
 };

package/components/Table/TableBasicSettings/TableBasicSettings.js

@@ -1,17 +1,17 @@
 import { jsx as n } from "react/jsx-runtime";
-import { useRef as i } from "react";
-import { ButtonDropdownExtended as a } from "../../Button/ButtonDropdownExtended.js";
+import { useRef as a } from "react";
+import { ButtonDropdownExtended as i } from "../../Button/ButtonDropdownExtended.js";
 import { c as l } from "../../../chunks/vendor-z35N2Tap.js";
 import { TableBasicSettingsBody as u } from "./components/TableBasicSettingsBody.js";
 import { ColumnSettings as w } from "./components/ColumnSettings.js";
 import { TableBasicSettingsFooter as B } from "./components/TableBasicSettingsFooter.js";
 import { TableBasicSettingsHeader as D } from "./components/TableBasicSettingsHeader.js";
 import { Link as x } from "../../Link/Link.js";
-const k = "tableSettingsLink__b204fe87", L = "tableSettingsDropdown__05855b67", d = {
+const k = "tableSettingsLink__a02f851a", L = "tableSettingsDropdown__c33a6084", d = {
   tableSettingsLink: k,
   tableSettingsDropdown: L
-}, t = ({ children: m, className: p, linkTitle: c, ...b }) => {
-  const r = i(null), s = i(null), f = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
+}, t = ({ children: m, className: p, linkTitle: c, ...f }) => {
+  const r = a(null), s = a(null), g = ({ opened: e, setOpened: o }) => /* @__PURE__ */ n(
     x,
     {
       href: "#",
@@ -24,8 +24,8 @@ const k = "tableSettingsLink__b204fe87", L = "tableSettingsDropdown__05855b67",
       ref: r,
       children: c
     }
-  ), g = ({ className: e, ...o }) => /* @__PURE__ */ n(
-    a.Dropdown,
+  ), b = ({ className: e, ...o }) => /* @__PURE__ */ n(
+    i.Dropdown,
     {
       className: l(d.tableSettingsDropdown, e),
       ...o,
@@ -35,13 +35,13 @@ const k = "tableSettingsLink__b204fe87", L = "tableSettingsDropdown__05855b67",
     }
   );
   return /* @__PURE__ */ n(
-    a,
+    i,
     {
       className: l(d.tableSettingsLink, p),
-      renderButton: f,
-      renderDropdown: g,
+      renderButton: g,
+      renderDropdown: b,
       dropdownRef: s,
-      ...b
+      ...f
     }
   );
 };

package/components/Table/TableBasicSettings/components/ColumnSettingsSortableListItemTarget.js

@@ -3,7 +3,7 @@ import i from "react";
 import { ListSortableItemTarget as g } from "../../../List/components/ListSortableItemTarget.js";
 import { ListSortableItemControls as n } from "../../../List/components/ListSortableItemControls.js";
 import { c as l } from "../../../../chunks/vendor-z35N2Tap.js";
-const c = "columnSettingsSortableListItemTarget__5b9b7829", S = "dragging__4c2b1117", r = {
+const c = "columnSettingsSortableListItemTarget__792dee74", S = "dragging__8c861680", r = {
   columnSettingsSortableListItemTarget: c,
   dragging: S
 }, b = i.forwardRef(

package/components/Table/TableBasicSettings/components/ColumnSettingsStaticListItem.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import e from "react";
 import { c as o } from "../../../../chunks/vendor-z35N2Tap.js";
 import { ListItem as c } from "../../../List/components/ListItem.js";
-const n = "columnSettingsStaticListItem__1fdaf67d", a = {
+const n = "columnSettingsStaticListItem__4e079ecf", a = {
   columnSettingsStaticListItem: n
 }, r = e.forwardRef(
   ({ className: t, ...i }, s) => /* @__PURE__ */ m(c, { className: o(a.columnSettingsStaticListItem, t), ...i, ref: s })

package/components/Table/TableBasicSettings/components/TableBasicSettingsBody.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import o from "react";
 import { c } from "../../../../chunks/vendor-z35N2Tap.js";
-const B = "tableBasicSettingsBody__377aaf9a", l = {
+const B = "tableBasicSettingsBody__f5e7a88c", l = {
   tableBasicSettingsBody: B
 }, d = o.forwardRef(
   ({ children: t, className: s, ...a }, e) => /* @__PURE__ */ i("div", { className: c(l.tableBasicSettingsBody, s), ref: e, ...a, children: t })