@sberbusiness/triplex-next 1.5.0 → 1.6.1

package/components/TopOverlay/TopOverlay.js

@@ -0,0 +1,85 @@
+import { jsx as a, jsxs as I, Fragment as B } from "react/jsx-runtime";
+import { useState as y, useRef as g, useEffect as C } from "react";
+import { EOverlayDirection as R } from "../Overlay/OverlayBase.js";
+import { Overlay as O } from "../Overlay/Overlay.js";
+import { c as S, F as j } from "../../chunks/vendor-D3hUOusX.js";
+const D = "topOverlayMask__a85e84bc", E = "topOverlayWrapper__bafb8373", A = "closing__3e2eaa6b", V = "opened__526014d3", $ = "topOverlayPanel__6ee7474b", q = "topOverlay__cc4df0a6", t = {
+  topOverlayMask: D,
+  topOverlayWrapper: E,
+  closing: A,
+  opened: V,
+  topOverlayPanel: $,
+  topOverlay: q
+}, K = ({
+  children: _,
+  focusTrapProps: o,
+  opened: e,
+  onClose: l,
+  onOpen: n,
+  ...h
+}) => {
+  const [W, u] = y(!1), [x, d] = y(!1), [f, c] = y(0), p = g(e), s = g(null), m = () => {
+    if (s.current) {
+      const r = getComputedStyle(s.current).getPropertyValue("--lightBox-screen-top") || "0", i = s.current.getBoundingClientRect();
+      i.top < 0 ? c(
+        (v) => parseInt(v, 10) + Math.abs(i.top) + parseInt(r, 10)
+      ) : c(
+        // Оверлей расположен ниже, чем нужно.
+        (v) => parseInt(v, 10) - i.top + parseInt(r, 10)
+      );
+    }
+  }, b = () => {
+    m(), d(!0), n == null || n();
+  };
+  C(() => {
+    p.current && !e ? u(!0) : !p.current && e && m(), p.current = e;
+  }, [e]);
+  const k = () => {
+    u(!1), c(0), l == null || l();
+  }, M = () => d(!1), T = (r) => /* @__PURE__ */ I(B, { children: [
+    /* @__PURE__ */ a(O.Mask, { opened: r.opened, className: t.topOverlayMask }),
+    /* @__PURE__ */ a(O.Panel, { className: t.topOverlayPanel, ...r, children: _ })
+  ] }), F = () => {
+  }, N = S(t.topOverlayWrapper, {
+    [t.closing]: W,
+    [t.opened]: e
+  }), P = /* @__PURE__ */ a(
+    O,
+    {
+      onClose: k,
+      onClosing: M,
+      onOpen: b,
+      opened: e,
+      setOpened: F,
+      ...h,
+      className: t.topOverlay,
+      direction: R.TOP,
+      children: T
+    }
+  );
+  return /* @__PURE__ */ a(
+    j,
+    {
+      active: x,
+      ...o,
+      focusTrapOptions: {
+        clickOutsideDeactivates: !0,
+        preventScroll: !0,
+        ...o == null ? void 0 : o.focusTrapOptions
+      },
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          className: N,
+          ref: s,
+          style: f ? { top: `${f}px` } : void 0,
+          children: P
+        }
+      )
+    }
+  );
+};
+export {
+  K as TopOverlay
+};
+//# sourceMappingURL=TopOverlay.js.map

package/components/TopOverlay/index.js

@@ -0,0 +1,5 @@
+import { TopOverlay as e } from "./TopOverlay.js";
+export {
+  e as TopOverlay
+};
+//# sourceMappingURL=index.js.map

package/components/TreeView/TreeView.js

@@ -3,15 +3,16 @@ var h = (r, d, e) => d in r ? c(r, d, { enumerable: !0, configurable: !0, writab
 var s = (r, d, e) => h(r, typeof d != "symbol" ? d + "" : d, e);
 import { jsx as N } from "react/jsx-runtime";
 import { EVENT_KEY_CODES as u } from "../../utils/keyboard.js";
-import l from "react";
+import m from "react";
 import { TreeViewAbstractNodeUtils as i } from "./TreeViewAbstractNodeUtils.js";
-import { TreeViewContext as m } from "./TreeViewContext.js";
+import { TreeViewContext as l } from "./TreeViewContext.js";
 import { TreeViewAbstractNode as C } from "./TreeViewAbstractNode.js";
 import { TreeViewNode as f } from "./components/TreeViewNode.js";
 import { TreeViewGroup as b } from "./components/TreeViewGroup.js";
-import { c as v } from "../../chunks/vendor-9KVE23Ri.js";
-const w = "rootNode";
-class n extends l.Component {
+import { c as v } from "../../chunks/vendor-D3hUOusX.js";
+import { s as w } from "../../chunks/TreeView.module-CKfLtgeC.js";
+const R = "rootNode";
+class n extends m.Component {
   constructor(e) {
     super(e);
     s(this, "abstractRootNode");
@@ -51,7 +52,7 @@ class n extends l.Component {
     s(this, "handleKeyDown", (e) => {
       i.getActiveNode(this.abstractRootNode) && (u.ARROW_DOWN === e.keyCode ? (i.setActiveNextNode(this.abstractRootNode), e.preventDefault(), this.setState(({ updateCount: t }) => ({ updateCount: t++ }))) : u.ARROW_UP === e.keyCode && (i.setActivePrevNode(this.abstractRootNode), e.preventDefault(), this.setState(({ updateCount: t }) => ({ updateCount: t++ }))));
     });
-    this.abstractRootNode = new C({ id: w }), this.state = {
+    this.abstractRootNode = new C({ id: R }), this.state = {
       updateCount: 0
     };
   }
@@ -64,7 +65,7 @@ class n extends l.Component {
   render() {
     const { children: e, className: t, ...o } = this.props, { updateCount: a } = this.state;
     return /* @__PURE__ */ N(
-      m.Provider,
+      l.Provider,
       {
         value: {
           getNode: this.getNode,
@@ -76,7 +77,7 @@ class n extends l.Component {
           setOpenedNode: this.setOpenedNode,
           updateCount: a
         },
-        children: /* @__PURE__ */ N("ul", { className: v("cssClass[treeView]", t), role: "tree", ...o, ref: this.setTreeDOMNode, children: e })
+        children: /* @__PURE__ */ N("ul", { className: v(w.treeView, t), role: "tree", ...o, ref: this.setTreeDOMNode, children: e })
       }
     );
   }

package/components/TreeView/components/TreeViewGroup.js

@@ -1,6 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-const p = ({ children: e, ...r }) => /* @__PURE__ */ o("ul", { role: "group", className: "cssClass[treeViewGroup]", ...r, children: e });
+import { s } from "../../../chunks/TreeView.module-CKfLtgeC.js";
+const m = ({ children: r, ...e }) => /* @__PURE__ */ o("ul", { role: "group", className: s.treeViewGroup, ...e, children: r });
 export {
-  p as TreeViewGroup
+  m as TreeViewGroup
 };
 //# sourceMappingURL=TreeViewGroup.js.map

package/components/TreeView/components/TreeViewNode.js

@@ -3,11 +3,12 @@ var h = (r, d, e) => d in r ? p(r, d, { enumerable: !0, configurable: !0, writab
 var s = (r, d, e) => h(r, typeof d != "symbol" ? d + "" : d, e);
 import { jsx as a } from "react/jsx-runtime";
 import l from "react";
-import { TreeViewContext as x, withTreeViewContext as b } from "../TreeViewContext.js";
-import { TreeViewAbstractNode as m } from "../TreeViewAbstractNode.js";
+import { TreeViewContext as m, withTreeViewContext as x } from "../TreeViewContext.js";
+import { TreeViewAbstractNode as b } from "../TreeViewAbstractNode.js";
 import { TreeViewAbstractNodeUtils as n } from "../TreeViewAbstractNodeUtils.js";
-import { c as w } from "../../../chunks/vendor-9KVE23Ri.js";
-class C extends l.Component {
+import { c as w } from "../../../chunks/vendor-D3hUOusX.js";
+import { s as C } from "../../../chunks/TreeView.module-CKfLtgeC.js";
+class V extends l.Component {
   constructor(e) {
     super(e);
     s(this, "containerDOMNode");
@@ -35,7 +36,7 @@ class C extends l.Component {
       this.props.treeViewContext.setOpenedNode(this.abstractNode, e);
     });
     const { treeViewContext: t } = e;
-    this.abstractNode = new m({ id: e.id }), t.setOpenedNode(this.abstractNode, !!e.opened);
+    this.abstractNode = new b({ id: e.id }), t.setOpenedNode(this.abstractNode, !!e.opened);
     let o;
     e.prevNodeId && (o = n.getNode(e.prevNodeId, t.parentNode));
     let i;
@@ -50,14 +51,14 @@ class C extends l.Component {
     e.removeNode(this.abstractNode);
   }
   render() {
-    const { children: e, className: t, nextNodeId: o, opened: i, prevNodeId: V, treeViewContext: N, ...c } = this.props;
-    return /* @__PURE__ */ a(x.Provider, { value: { ...N, parentNode: this.abstractNode }, children: /* @__PURE__ */ a(
+    const { children: e, className: t, nextNodeId: o, opened: i, prevNodeId: f, treeViewContext: N, ...c } = this.props;
+    return /* @__PURE__ */ a(m.Provider, { value: { ...N, parentNode: this.abstractNode }, children: /* @__PURE__ */ a(
       "li",
       {
         role: "treeitem",
         tabIndex: this.abstractNode.getTabIndex(),
         "aria-expanded": this.abstractNode.getOpened(),
-        className: w("cssClass[treeViewNode]", t),
+        className: w(C.treeViewNode, t),
         ...c,
         onBlur: this.handleBlur,
         onFocus: this.handleFocus,
@@ -73,9 +74,9 @@ class C extends l.Component {
     ) });
   }
 }
-const A = b(C);
+const D = x(V);
 export {
-  A as TreeViewNode,
-  C as TreeViewNodeWithContext
+  D as TreeViewNode,
+  V as TreeViewNodeWithContext
 };
 //# sourceMappingURL=TreeViewNode.js.map

package/components/Typography/Caption.js

@@ -1,22 +1,22 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as _ } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
-import { c as y } from "../../chunks/vendor-9KVE23Ri.js";
-import { EFontWeightText as e, ECaptionSize as c, EFontType as T } from "./enums.js";
-import { t as s, m as R } from "../../chunks/utils-D9w2Kvyk.js";
-const b = "caption__4139643f", E = "regular__fefde1c0", u = "semibold__4136c70c", x = "c1__38c6f900", S = "c2__9039a370", h = "d1__bb5925f6", o = {
-  caption: b,
+import { c as y } from "../../chunks/vendor-D3hUOusX.js";
+import { EFontWeightText as c, ECaptionSize as e, EFontType as T } from "./enums.js";
+import { t as s, m as b } from "../../chunks/utils-PII_juCp.js";
+const R = "caption__2fb995fe", E = "regular__8549dd85", u = "semibold__5e9d2eb4", x = "c1__50b2ff36", S = "c2__19efabe5", h = "d1__96d8aafe", o = {
+  caption: R,
   regular: E,
   semibold: u,
   c1: x,
   c2: S,
   d1: h
 }, F = {
-  [e.REGULAR]: o.regular,
-  [e.SEMIBOLD]: o.semibold
+  [c.REGULAR]: o.regular,
+  [c.SEMIBOLD]: o.semibold
 }, A = {
-  [c.C1]: o.c1,
-  [c.C2]: o.c2,
-  [c.D1]: o.d1
+  [e.C1]: o.c1,
+  [e.C2]: o.c2,
+  [e.D1]: o.d1
 }, L = g(
   ({
     children: n,
@@ -24,16 +24,16 @@ const b = "caption__4139643f", E = "regular__fefde1c0", u = "semibold__4136c70c"
     size: r,
     tag: i = "span",
     type: m = T.PRIMARY,
-    weight: l = e.REGULAR,
+    weight: l = c.REGULAR,
     underline: t,
     strikethrough: a,
-    ...f
-  }, C) => {
-    const _ = y(
+    ...d
+  }, f) => {
+    const C = y(
       s.typography,
       o.caption,
       A[r],
-      R[m],
+      b[m],
       F[l],
       {
         [s.strikethrough]: !!a && !t,
@@ -42,7 +42,7 @@ const b = "caption__4139643f", E = "regular__fefde1c0", u = "semibold__4136c70c"
       },
       p
     );
-    return /* @__PURE__ */ d(i, { ref: C, className: _, ...f, children: n });
+    return /* @__PURE__ */ _(i, { ref: f, className: C, ...d, children: n });
   }
 );
 L.displayName = "Caption";

package/components/Typography/Text.js

@@ -1,9 +1,9 @@
 import { jsx as y } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { c as C } from "../../chunks/vendor-9KVE23Ri.js";
-import { ETextSize as o, EFontWeightText as c, ELineType as r, EFontType as R } from "./enums.js";
-import { t, m as d } from "../../chunks/utils-D9w2Kvyk.js";
-const E = "text__6c5ff75f", L = "regular__fefde1c0", A = "semibold__4136c70c", u = "b1__1843ca61", B = "b2__152d197f", M = "b3__f9cb2a09", S = "b4__44c1f36b", s = {
+import { forwardRef as f } from "react";
+import { c as g } from "../../chunks/vendor-D3hUOusX.js";
+import { ETextSize as e, EFontWeightText as r, ELineType as b, EFontType as C } from "./enums.js";
+import { t, m as R } from "../../chunks/utils-PII_juCp.js";
+const E = "text__74e58203", L = "regular__8549dd85", A = "semibold__5e9d2eb4", u = "b1__55889a26", B = "b2__d6f1d1bb", M = "b3__a902ef67", S = "b4__6363f38b", s = {
   text: E,
   regular: L,
   semibold: A,
@@ -12,44 +12,44 @@ const E = "text__6c5ff75f", L = "regular__fefde1c0", A = "semibold__4136c70c", u
   b3: M,
   b4: S
 }, h = {
-  [o.B1]: s.b1,
-  [o.B2]: s.b2,
-  [o.B3]: s.b3,
-  [o.B4]: s.b4
+  [e.B1]: s.b1,
+  [e.B2]: s.b2,
+  [e.B3]: s.b3,
+  [e.B4]: s.b4
 }, F = {
-  [c.REGULAR]: s.regular,
-  [c.SEMIBOLD]: s.semibold
+  [r.REGULAR]: s.regular,
+  [r.SEMIBOLD]: s.semibold
 }, N = {
-  [r.NORMAL]: "",
-  [r.COMPACT]: t.compact
-}, O = g(
+  [b.NORMAL]: "",
+  [b.COMPACT]: t.compact
+}, O = f(
   ({
-    children: b,
-    className: m,
-    size: n,
-    tag: p = "span",
-    type: l = R.PRIMARY,
-    weight: T = c.REGULAR,
-    line: i = r.NORMAL,
-    underline: e,
+    children: m,
+    className: n,
+    size: p,
+    tag: c = "span",
+    type: l = C.PRIMARY,
+    weight: T = r.REGULAR,
+    line: i = b.NORMAL,
+    underline: o,
     strikethrough: a,
-    ...f
-  }, x) => {
-    const _ = C(
+    ...x
+  }, _) => {
+    const d = g(
       t.typography,
       s.text,
-      h[n],
-      d[l],
+      h[p],
+      R[l],
       F[T],
       N[i],
       {
-        [t.strikethrough]: !!a && !e,
-        [t.underline]: !!e && !a,
-        [t.underlineStrikethrough]: !!a && !!e
+        [t.strikethrough]: !!a && !o,
+        [t.underline]: !!o && !a,
+        [t.underlineStrikethrough]: !!a && !!o
       },
-      m
+      n
     );
-    return /* @__PURE__ */ y(p, { ref: x, className: _, ...f, children: b });
+    return /* @__PURE__ */ y(c, { ref: _, className: d, ...x, children: m });
   }
 );
 O.displayName = "Text";

package/components/Typography/Title.js

@@ -1,9 +1,9 @@
-import { jsx as T } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { c as f } from "../../chunks/vendor-9KVE23Ri.js";
-import { ETitleSize as m, EFontWeightTitle as o, EFontType as g } from "./enums.js";
-import { t as e, m as u } from "../../chunks/utils-D9w2Kvyk.js";
-const y = "title__234143e8", E = "regular__fefde1c0", C = "semibold__4136c70c", S = "medium__5540ac6a", M = "bold__d076e3b8", R = "h1__3579978e", D = "h2__130de5ef", F = "h3__3c87b51a", t = {
+import { jsx as _ } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import { c as f } from "../../chunks/vendor-D3hUOusX.js";
+import { ETitleSize as a, EFontWeightTitle as o, EFontType as g } from "./enums.js";
+import { t as s, m as u } from "../../chunks/utils-PII_juCp.js";
+const y = "title__4190846a", E = "regular__8549dd85", C = "semibold__5e9d2eb4", S = "medium__fada9bb8", M = "bold__da78ab3b", R = "h1__0301bfb0", D = "h2__5b2195b4", F = "h3__25f4ca3f", t = {
   title: y,
   regular: E,
   semibold: C,
@@ -13,40 +13,40 @@ const y = "title__234143e8", E = "regular__fefde1c0", C = "semibold__4136c70c",
   h2: D,
   h3: F
 }, I = {
-  [m.H1]: t.h1,
-  [m.H2]: t.h2,
-  [m.H3]: t.h3
+  [a.H1]: t.h1,
+  [a.H2]: t.h2,
+  [a.H3]: t.h3
 }, L = {
   [o.MEDIUM]: t.medium,
   [o.REGULAR]: t.regular,
   [o.SEMIBOLD]: t.semibold,
   [o.BOLD]: t.bold
-}, x = b(
+}, x = T(
   ({
-    children: a,
+    children: i,
     className: r,
-    size: i,
-    tag: c = `${i}`,
-    type: n = g.PRIMARY,
-    weight: d = o.SEMIBOLD,
-    underline: s,
+    size: m,
+    tag: c = `${m}`,
+    type: d = g.PRIMARY,
+    weight: n = o.SEMIBOLD,
+    underline: e,
     strikethrough: l,
-    ...h
-  }, p) => {
-    const _ = f(
-      e.typography,
+    ...b
+  }, h) => {
+    const p = f(
+      s.typography,
       t.title,
-      I[i],
-      u[n],
-      L[d],
+      I[m],
+      u[d],
+      L[n],
       {
-        [e.strikethrough]: !!l && !s,
-        [e.underline]: !!s && !l,
-        [e.underlineStrikethrough]: !!l && !!s
+        [s.strikethrough]: !!l && !e,
+        [s.underline]: !!e && !l,
+        [s.underlineStrikethrough]: !!l && !!e
       },
       r
     );
-    return /* @__PURE__ */ T(c, { ref: p, className: _, ...h, children: a });
+    return /* @__PURE__ */ _(c, { ref: h, className: p, ...b, children: i });
   }
 );
 x.displayName = "Title";

package/components/Typography/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { m as p } from "../../chunks/utils-D9w2Kvyk.js";
+import { m as p } from "../../chunks/utils-PII_juCp.js";
 export {
   p as mapFontTypeToCssClass
 };

package/components/UnorderedList/UnorderedList.js

@@ -1,16 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
-import { c as d } from "../../chunks/vendor-9KVE23Ri.js";
+import { c as d } from "../../chunks/vendor-D3hUOusX.js";
 import { UnorderedListItem as i } from "./UnorderedListItem.js";
-const m = "unorderedList__7e6473dc", a = {
-  unorderedList: m
+const a = "unorderedList__86cc21a6", m = {
+  unorderedList: a
 }, n = Object.assign(
-  s.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
+  s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
     "ul",
     {
-      className: d(a.unorderedList, e),
-      ...r,
-      "data-tx": "1.5.0",
+      className: d(m.unorderedList, r),
+      ...e,
+      "data-tx": "1.6.1",
       ref: t
     }
   )),

package/components/UnorderedList/UnorderedListItem.js

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import m from "react";
-import { c as s } from "../../chunks/vendor-9KVE23Ri.js";
+import { c as s } from "../../chunks/vendor-D3hUOusX.js";
 import "../Typography/Title.js";
 import { Text as d } from "../Typography/Text.js";
 import "../Typography/Caption.js";
 import { ETextSize as i } from "../Typography/enums.js";
-const a = "unorderedListItem__c947dbe6", n = {
+const a = "unorderedListItem__1157380d", n = {
   unorderedListItem: a
 }, p = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
@@ -15,7 +15,7 @@ const a = "unorderedListItem__c947dbe6", n = {
       size: i.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.5.0",
+      "data-tx": "1.6.1",
       ref: r
     }
   )

package/components/UploadZone/UploadZone.js

@@ -4,8 +4,8 @@ var t = (s, n, e) => u(s, typeof n != "symbol" ? n + "" : n, e);
 import { jsx as g, jsxs as f } from "react/jsx-runtime";
 import Z, { createElement as l } from "react";
 import { createRoot as C } from "react-dom/client";
-import { c as h } from "../../chunks/vendor-9KVE23Ri.js";
-import { U as L, s as d } from "../../chunks/UploadZoneInput-C2-_7DoS.js";
+import { c as h } from "../../chunks/vendor-D3hUOusX.js";
+import { U as L, s as d } from "../../chunks/UploadZoneInput-Cr1wEu6A.js";
 import { UploadZoneContext as U } from "./UploadZoneContext.js";
 class c extends Z.PureComponent {
   constructor() {
@@ -88,7 +88,7 @@ class c extends Z.PureComponent {
             this.setState({ inputNode: v });
           }
         },
-        children: /* @__PURE__ */ f("div", { className: d.uploadZone, "data-tx": "1.5.0", children: [
+        children: /* @__PURE__ */ f("div", { className: d.uploadZone, "data-tx": "1.6.1", children: [
           /* @__PURE__ */ l(
             "div",
             {

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,7 +1,7 @@
 import "react";
 import "../UploadZoneContext.js";
-import "../../../chunks/vendor-9KVE23Ri.js";
-import { U as i } from "../../../chunks/UploadZoneInput-C2-_7DoS.js";
+import "../../../chunks/vendor-D3hUOusX.js";
+import { U as i } from "../../../chunks/UploadZoneInput-Cr1wEu6A.js";
 export {
   i as UploadZoneInput
 };

package/components/WindowResizeListener/WindowResizeListener.js

@@ -1,5 +1,5 @@
 import { useEffect as t } from "react";
-import { t as o } from "../../chunks/vendor-9KVE23Ri.js";
+import { t as o } from "../../chunks/vendor-D3hUOusX.js";
 const d = ({
   children: s,
   onResize: r,