@sberbusiness/triplex-next 0.19.1 → 0.21.0

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -1,8 +1,10 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
+import { useCallback as h } from "react";
+import { Portal as u } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
-import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as $ } from "../../Dropdown/desktop/DropdownList.js";
-import { D as h } from "../../../chunks/DropdownListItem-B89w0ZP6.js";
+import { DropdownDesktop as x } from "../../Dropdown/desktop/DropdownDesktop.js";
+import { DropdownList as L } from "../../Dropdown/desktop/DropdownList.js";
+import { D as O } from "../../../chunks/DropdownListItem-BdLTF7q1.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -14,63 +16,65 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { Dropdown as C } from "../../Dropdown/Dropdown.js";
-import { EVENT_KEY_CODES as L } from "../../../utils/keyboard.js";
-import { DataTestId as d } from "../../../consts/DataTestId.js";
-const _ = [L.ENTER], G = ({
-  size: e,
-  value: t,
-  options: i,
-  targetRef: s,
-  listId: c,
-  dataTestId: r,
-  opened: p,
-  listLoading: E,
-  listRef: x,
-  renderList: n,
-  renderListItem: D,
-  onSelect: f,
-  setOpened: l,
-  ...w
+import "../../Dropdown/Dropdown.js";
+import { EVENT_KEY_CODES as T } from "../../../utils/keyboard.js";
+import { DataTestId as c } from "../../../consts/DataTestId.js";
+const y = [T.ENTER], z = ({
+  size: l,
+  value: m,
+  options: d,
+  targetRef: D,
+  listId: E,
+  dataTestId: t,
+  opened: s,
+  listLoading: e,
+  onMouseDown: o,
+  onSelect: g,
+  onScrollEnd: p,
+  renderList: f,
+  renderListItem: n,
+  ...S
 }) => {
-  const S = n === void 0 ? $ : n, g = D === void 0 ? h : D;
-  return /* @__PURE__ */ m(
-    C,
+  const a = f === void 0 ? L : f, w = n === void 0 ? O : n, C = h(
+    (r) => {
+      r.preventDefault(), o == null || o(r);
+    },
+    [o]
+  ), $ = h(
+    (r) => {
+      if (p === void 0 || e)
+        return;
+      const { scrollHeight: k, scrollTop: _, clientHeight: b } = r.currentTarget;
+      k - _ - b < 1 && p();
+    },
+    [p, e]
+  );
+  return /* @__PURE__ */ i(u, { container: document.body, children: /* @__PURE__ */ i(
+    x,
     {
-      size: e,
-      targetRef: s,
-      "data-test-id": r && `${r}${d.Suggest.dropdown}`,
-      opened: p,
+      size: l,
+      targetRef: D,
+      "data-test-id": t && `${t}${c.Suggest.dropdown}`,
+      opened: s,
+      ...S,
       fixedWidth: !0,
-      setOpened: l,
-      ...w,
-      children: /* @__PURE__ */ m(
-        S,
+      onMouseDown: C,
+      children: /* @__PURE__ */ i(a, { id: E, size: l, dropdownOpened: s, loading: e, onScroll: $, children: d == null ? void 0 : d.map((r) => /* @__PURE__ */ i(
+        w,
         {
-          id: c,
-          size: e,
-          dropdownOpened: p,
-          loading: E,
-          onMouseDown: (o) => o.preventDefault(),
-          children: i == null ? void 0 : i.map((o) => /* @__PURE__ */ m(
-            g,
-            {
-              id: o.id,
-              keyCodesForSelection: _,
-              "data-test-id": r && `${r}${d.Suggest.dropdown}${d.Dropdown.listItem}`,
-              selected: o.id === (t == null ? void 0 : t.id),
-              onMouseDown: (u) => u.preventDefault(),
-              onSelect: () => f(o),
-              children: o.content || o.label
-            },
-            o.id
-          ))
-        }
-      )
+          id: r.id,
+          keyCodesForSelection: y,
+          "data-test-id": t && `${t}${c.Suggest.dropdown}${c.Dropdown.listItem}`,
+          selected: r.id === (m == null ? void 0 : m.id),
+          onSelect: () => g(r),
+          children: r.content || r.label
+        },
+        r.id
+      )) })
     }
-  );
+  ) });
 };
 export {
-  G as SuggestFieldDesktopDropdown
+  z as SuggestFieldDesktopDropdown
 };
 //# sourceMappingURL=SuggestFieldDesktopDropdown.js.map

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-B6hhbNqZ.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-DNKfDfM3.js";
 import { SuggestField as m } from "./SuggestField.js";
 export {
   m as SuggestField,

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 y } 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 y } from "../../FormField/components/FormFieldClear.js";
+import { FormFieldClear as A } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldTarget.js";
-import { F as A } from "../../../chunks/FormFieldInput-CC-nRhb4.js";
+import { F as G } from "../../../chunks/FormFieldInput-C75omt8Y.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
 import "../../FormField/components/FormFieldPrefix.js";
 import "../../FormField/components/FormFieldTextarea.js";
-import { LoaderSmall as G } from "../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as N } from "../../Loader/LoaderSmall/enum.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-B6hhbNqZ.js";
-const no = ({
+import "../../../chunks/SuggestFieldMobileDropdownHint-DNKfDfM3.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 ? A : 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, s] = j(!1), i = F(null), d = F(!1), C = c === void 0 ? G : c;
+  v(() => {
+    d.current && !e && i.current && i.current.scrollIntoView({ block: "center" }), d.current = e;
+  }, [e]);
+  const E = B(
+    (L) => {
+      var f;
+      s(!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(y, { onClick: l }),
-        d && /* @__PURE__ */ t(G, { theme: N.BRAND, size: n }),
-        S
+      postfix: /* @__PURE__ */ u(R.Fragment, { children: [
+        a !== void 0 && /* @__PURE__ */ t(A, { onClick: a }),
+        p && /* @__PURE__ */ t(N, { theme: T.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}${y.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: s,
             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 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-B89w0ZP6.js";
+import "../../../chunks/DropdownListItem-BdLTF7q1.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 z } from "../../Dropdown/mobile/DropdownMobileBody.js";
+import { DropdownMobileClose as A } from "../../Dropdown/mobile/DropdownMobileClose.js";
 import "../../Dropdown/mobile/DropdownMobileFooter.js";
-import { DropdownMobileHeader as N } from "../../Dropdown/mobile/DropdownMobileHeader.js";
+import { DropdownMobileHeader as G } from "../../Dropdown/mobile/DropdownMobileHeader.js";
 import "../../Dropdown/mobile/DropdownMobileInner.js";
-import { DropdownMobileInput as O } from "../../Dropdown/mobile/DropdownMobileInput.js";
-import { DropdownMobileList as P } from "../../Dropdown/mobile/DropdownMobileList.js";
-import { DropdownMobileListItem as T } from "../../Dropdown/mobile/DropdownMobileListItem.js";
-import { DropdownMobileLoader as q } from "../../Dropdown/mobile/DropdownMobileLoader.js";
-import { Dropdown as z } from "../../Dropdown/Dropdown.js";
-import { s as A, S as E } from "../../../chunks/SuggestFieldMobileDropdownHint-B6hhbNqZ.js";
-const G = ({
+import { DropdownMobileInput as J } from "../../Dropdown/mobile/DropdownMobileInput.js";
+import { DropdownMobileList as K } from "../../Dropdown/mobile/DropdownMobileList.js";
+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-DNKfDfM3.js";
+const Y = ({
   value: o,
-  options: f,
-  placeholder: h,
-  tooltipHint: l,
-  opened: g,
-  loading: b,
-  dropdownListLoading: a,
-  clearInputOnFocus: w,
-  setOpened: n,
-  onSelect: s,
-  onFilter: D,
-  onScrollEnd: d
-}, M) => {
-  const [F, t] = H((o == null ? void 0 : o.label) || ""), C = p(null), u = 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: F,
+  tooltipHint: h,
+  opened: R,
+  loading: a,
+  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(
-    z,
+    }
+    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: N } = r.currentTarget;
+      P - T - N < 1 && c();
+    },
+    [c, n]
+  );
+  return /* @__PURE__ */ t(
+    U,
     {
-      setOpened: (r) => {
-        n(r), r || s(o);
-      },
-      opened: g,
-      targetRef: u,
-      ref: M,
+      opened: R,
+      setOpened: e,
+      targetRef: I,
+      onClose: V,
       mobileViewProps: {
-        children: /* @__PURE__ */ c(m, { children: [
-          /* @__PURE__ */ e(
-            N,
+        children: /* @__PURE__ */ w(D, { children: [
+          /* @__PURE__ */ t(
+            G,
             {
-              controlButtons: /* @__PURE__ */ c(m, { children: [
-                b && /* @__PURE__ */ e(q, {}),
-                /* @__PURE__ */ e(k, { onClick: S })
+              controlButtons: /* @__PURE__ */ w(D, { children: [
+                a && /* @__PURE__ */ t(Q, {}),
+                /* @__PURE__ */ t(A, { onClick: H })
               ] }),
-              children: /* @__PURE__ */ e(
-                O,
+              children: /* @__PURE__ */ t(
+                J,
                 {
-                  value: F,
-                  placeholder: h,
+                  value: d,
+                  placeholder: F,
                   autoFocus: !0,
-                  onFocus: I,
-                  onChange: R
+                  onFocus: k,
+                  onChange: x
                 }
               )
             }
           ),
-          /* @__PURE__ */ e(j, { className: A.suggestFieldMobileBody, onScroll: B, children: l ? /* @__PURE__ */ e(E, { children: l }) : /* @__PURE__ */ e(P, { loading: a, ref: C, children: f.map((r) => /* @__PURE__ */ e(
-            T,
+          /* @__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(
+            L,
             {
               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(G);
+}, po = q.forwardRef(Y);
 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-B6hhbNqZ.js";
+import { S as d } from "../../../chunks/SuggestFieldMobileDropdownHint-DNKfDfM3.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-B6hhbNqZ.js";
+import { S as l } from "../../../chunks/SuggestFieldMobileDropdownHint-DNKfDfM3.js";
 export {
   r as SuggestFieldMobile,
   t as SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,7 +1,7 @@
 import { jsxs as j, jsx as A } from "react/jsx-runtime";
-import z, { useState as b, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
-import { c as g } from "../../chunks/vendor-DE8Zvm0w.js";
-const H = "swipeableArea__e9faba7b", V = "content__a0aeaf1e", $ = "disableScroll__db30769a", k = "disablePointerEvents__9a35f6df", q = "swipeAnimationFinish__cb3490d3", G = "leftContent__820c1f14", J = "rightContent__0492d910", s = {
+import z, { useState as _, useRef as u, useEffect as M, useImperativeHandle as W } from "react";
+import { c as g } from "../../chunks/vendor-DaOifQgP.js";
+const H = "swipeableArea__79b3f025", V = "content__10370d1e", $ = "disableScroll__c031ae2f", k = "disablePointerEvents__65743ac0", q = "swipeAnimationFinish__f3792f72", G = "leftContent__815b6d98", J = "rightContent__16480a16", s = {
   swipeableArea: H,
   content: V,
   disableScroll: $,
@@ -9,9 +9,9 @@ const H = "swipeableArea__e9faba7b", V = "content__a0aeaf1e", $ = "disableScroll
   swipeAnimationFinish: q,
   leftContent: G,
   rightContent: J
-}, p = 24, _ = s.swipeAnimationFinish, K = s.disableScroll, Q = s.disablePointerEvents, N = { clientX: 0, clientY: 0 }, U = z.forwardRef(
+}, 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] = b(!1), [l, d] = b(), [o, e] = b(0), i = u(null), r = u(null), n = u(0), h = u(N), w = u(null), X = () => {
+    const [S, a] = _(!1), [l, d] = _(), [o, e] = _(0), i = u(null), r = u(null), n = u(0), h = u(N), w = u(null), X = () => {
       a(!0);
       const t = n.current - o;
       n.current === 0 ? t > 0 ? e(
@@ -23,14 +23,14 @@ const H = "swipeableArea__e9faba7b", V = "content__a0aeaf1e", $ = "disableScroll
       ) : n.current < 0 && t < 0 && e(
         Math.abs(t) > p ? 0 : -r.current.getBoundingClientRect().width
       );
-    }, E = () => {
-      h.current = N, d(void 0), document.removeEventListener("touchend", E);
+    }, R = () => {
+      h.current = N, d(void 0), document.removeEventListener("touchend", R);
     };
     M(() => {
       !l && o !== n.current && X();
     }, [l]);
     const x = (t) => {
-      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", E);
+      h.current = { clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }, n.current = o, document.addEventListener("touchend", R);
     }, O = (t) => {
       if (t.touches.length != 1)
         return;
@@ -60,7 +60,7 @@ const H = "swipeableArea__e9faba7b", V = "content__a0aeaf1e", $ = "disableScroll
       };
       return document.addEventListener("touchstart", t), () => document.removeEventListener("touchstart", t);
     }, []);
-    const R = () => {
+    const b = () => {
       i.current && (a(!0), e(i.current.getBoundingClientRect().width));
     }, T = () => {
       r.current && (a(!0), e(-r.current.getBoundingClientRect().width));
@@ -77,23 +77,23 @@ const H = "swipeableArea__e9faba7b", V = "content__a0aeaf1e", $ = "disableScroll
           T();
         },
         swipeRight: () => {
-          R();
+          b();
         }
       }),
-      [v, T, R]
+      [v, T, b]
     ), /* @__PURE__ */ j(
       "div",
       {
         className: g(s.swipeableArea, I),
         ...y,
-        "data-tx": "0.19.1",
+        "data-tx": "0.21.0",
         ref: w,
         children: [
           typeof m < "u" ? /* @__PURE__ */ A(
             "div",
             {
               className: g(s.leftContent, {
-                [_]: S
+                [E]: S
               }),
               ref: i,
               style: { opacity: Y() },
@@ -104,7 +104,7 @@ const H = "swipeableArea__e9faba7b", V = "content__a0aeaf1e", $ = "disableScroll
             "div",
             {
               className: g(s.rightContent, {
-                [_]: S
+                [E]: S
               }),
               ref: r,
               style: { opacity: P() },
@@ -117,7 +117,7 @@ const H = "swipeableArea__e9faba7b", V = "content__a0aeaf1e", $ = "disableScroll
               className: g(s.content, {
                 [Q]: o !== 0,
                 [K]: l === "horizontal",
-                [_]: S
+                [E]: S
               }),
               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-DE8Zvm0w.js";
-const s = "filterPanel__f1471101", i = {
+import { c as r } from "../../chunks/vendor-DaOifQgP.js";
+const s = "filterPanel__66189eb3", i = {
   filterPanel: s
 }, n = ({ children: e, className: l, ...t }) => /* @__PURE__ */ a(
   "div",
   {
     className: r(i.filterPanel, l),
     ...t,
-    "data-tx": "0.19.1",
+    "data-tx": "0.21.0",
     children: e
   }
 );