@sberbusiness/triplex-next 1.2.0 → 1.3.0

package/components/TreeView/components/TreeViewNode.js

@@ -0,0 +1,81 @@
+var p = Object.defineProperty;
+var h = (r, d, e) => d in r ? p(r, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[d] = e;
+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 { TreeViewAbstractNodeUtils as n } from "../TreeViewAbstractNodeUtils.js";
+import { c as w } from "../../../chunks/vendor-CehxOAkM.js";
+class C extends l.Component {
+  constructor(e) {
+    super(e);
+    s(this, "containerDOMNode");
+    // Абстрактная нода текущей ViewNode.
+    s(this, "abstractNode");
+    /**
+     * Обработчик события blur.
+     * Если нода была активна - становится неактивной.
+     */
+    s(this, "handleBlur", (e) => {
+      const { onBlur: t, treeViewContext: o } = this.props;
+      e.stopPropagation(), o.setActiveNode(this.abstractNode, !1), t == null || t(e);
+    });
+    /**
+     * Обработчик события focus.
+     * При всплытии фокуса до контейнера ноды - ноды становится активной.
+     */
+    s(this, "handleFocus", (e) => {
+      const { onFocus: t, treeViewContext: o } = this.props;
+      e.stopPropagation(), o.setActiveNode(this.abstractNode, !0), t == null || t(e);
+    });
+    s(this, "setContainerDOMNode", (e) => this.containerDOMNode = e);
+    /** Устанавливает флаг opened ноды. */
+    s(this, "setOpenedNode", () => (e) => {
+      this.props.treeViewContext.setOpenedNode(this.abstractNode, e);
+    });
+    const { treeViewContext: t } = e;
+    this.abstractNode = new m({ id: e.id }), t.setOpenedNode(this.abstractNode, !!e.opened);
+    let o;
+    e.prevNodeId && (o = n.getNode(e.prevNodeId, t.parentNode));
+    let i;
+    e.nextNodeId && (i = n.getNode(e.nextNodeId, t.parentNode)), t.registerNode(this.abstractNode, t.parentNode, o, i);
+  }
+  componentDidUpdate(e) {
+    const { opened: t, treeViewContext: o } = this.props, { opened: i } = e;
+    t !== i && o.setOpenedNode(this.abstractNode, !!t);
+  }
+  componentWillUnmount() {
+    const { treeViewContext: e } = this.props;
+    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(
+      "li",
+      {
+        role: "treeitem",
+        tabIndex: this.abstractNode.getTabIndex(),
+        "aria-expanded": this.abstractNode.getOpened(),
+        className: w("cssClass[treeViewNode]", t),
+        ...c,
+        onBlur: this.handleBlur,
+        onFocus: this.handleFocus,
+        ref: this.setContainerDOMNode,
+        children: e({
+          activeNode: this.abstractNode.getActive(),
+          hasChildNodes: !!this.abstractNode.getChildren().length,
+          isLastNode: n.isLastNode(this.abstractNode),
+          openedNode: this.abstractNode.getOpened(),
+          setOpenedNode: this.setOpenedNode()
+        })
+      }
+    ) });
+  }
+}
+const A = b(C);
+export {
+  A as TreeViewNode,
+  C as TreeViewNodeWithContext
+};
+//# sourceMappingURL=TreeViewNode.js.map

package/components/Typography/Caption.js

@@ -1,35 +1,35 @@
 import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { c as y } from "../../chunks/vendor-CehxOAkM.js";
-import { EFontWeightText as n, ECaptionSize as c, EFontType as T } from "./enums.js";
-import { t as s, m as R } from "../../chunks/utils-D7E_PKCe.js";
-const b = "caption__59c52037", E = "regular__ad991f34", u = "semibold__3cc0a469", x = "c1__1c8d5fba", S = "c2__572e5d01", h = "d1__b1677963", o = {
-  caption: b,
-  regular: E,
+import { forwardRef as y } from "react";
+import { c as T } from "../../chunks/vendor-CehxOAkM.js";
+import { EFontWeightText as e, ECaptionSize as c, EFontType as f } from "./enums.js";
+import { t as s, m as R } from "../../chunks/utils-DWPj89gs.js";
+const E = "caption__4add0b07", b = "regular__d452c69e", u = "semibold__32086415", x = "c1__a0974c94", S = "c2__e5caec28", h = "d1__ef21669c", o = {
+  caption: E,
+  regular: b,
   semibold: u,
   c1: x,
   c2: S,
   d1: h
 }, F = {
-  [n.REGULAR]: o.regular,
-  [n.SEMIBOLD]: o.semibold
+  [e.REGULAR]: o.regular,
+  [e.SEMIBOLD]: o.semibold
 }, A = {
   [c.C1]: o.c1,
   [c.C2]: o.c2,
   [c.D1]: o.d1
-}, L = f(
+}, L = y(
   ({
-    children: e,
+    children: n,
     className: p,
     size: r,
     tag: i = "span",
-    type: m = T.PRIMARY,
-    weight: l = n.REGULAR,
+    type: m = f.PRIMARY,
+    weight: l = e.REGULAR,
     underline: t,
     strikethrough: a,
     ...d
   }, C) => {
-    const _ = y(
+    const _ = T(
       s.typography,
       o.caption,
       A[r],
@@ -42,7 +42,7 @@ const b = "caption__59c52037", E = "regular__ad991f34", u = "semibold__3cc0a469"
       },
       p
     );
-    return /* @__PURE__ */ g(i, { ref: C, className: _, ...d, children: e });
+    return /* @__PURE__ */ g(i, { ref: C, className: _, ...d, children: n });
   }
 );
 L.displayName = "Caption";

package/components/Typography/Text.js

@@ -1,9 +1,9 @@
 import { jsx as g } from "react/jsx-runtime";
 import { forwardRef as C } from "react";
-import { c as f } from "../../chunks/vendor-CehxOAkM.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-D7E_PKCe.js";
-const E = "text__a1c04ab9", L = "regular__ad991f34", A = "semibold__3cc0a469", u = "b1__3c09c520", B = "b2__330943ed", M = "b3__865a25a3", S = "b4__48f405ea", s = {
+import { c as d } from "../../chunks/vendor-CehxOAkM.js";
+import { ETextSize as o, EFontWeightText as r, ELineType as c, EFontType as R } from "./enums.js";
+import { t, m as f } from "../../chunks/utils-DWPj89gs.js";
+const E = "text__a91c93f7", L = "regular__d452c69e", A = "semibold__32086415", u = "b1__5ad52649", B = "b2__67149ac2", M = "b3__0194d249", S = "b4__0058728a", s = {
   text: E,
   regular: L,
   semibold: A,
@@ -17,29 +17,29 @@ const E = "text__a1c04ab9", L = "regular__ad991f34", A = "semibold__3cc0a469", u
   [o.B3]: s.b3,
   [o.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
+  [c.NORMAL]: "",
+  [c.COMPACT]: t.compact
 }, O = C(
   ({
     children: m,
     className: n,
-    size: b,
-    tag: p = "span",
+    size: p,
+    tag: b = "span",
     type: l = R.PRIMARY,
-    weight: T = c.REGULAR,
-    line: i = r.NORMAL,
+    weight: T = r.REGULAR,
+    line: i = c.NORMAL,
     underline: e,
     strikethrough: a,
     ...x
   }, _) => {
-    const y = f(
+    const y = d(
       t.typography,
       s.text,
-      h[b],
-      d[l],
+      h[p],
+      f[l],
       F[T],
       N[i],
       {
@@ -49,7 +49,7 @@ const E = "text__a1c04ab9", L = "regular__ad991f34", A = "semibold__3cc0a469", u
       },
       n
     );
-    return /* @__PURE__ */ g(p, { ref: _, className: y, ...x, children: m });
+    return /* @__PURE__ */ g(b, { ref: _, className: y, ...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-CehxOAkM.js";
-import { ETitleSize as m, EFontWeightTitle as o, EFontType as g } from "./enums.js";
-import { t as s, m as u } from "../../chunks/utils-D7E_PKCe.js";
-const y = "title__56c7b764", E = "regular__ad991f34", C = "semibold__3cc0a469", S = "medium__33c18dbe", M = "bold__05ef1c5f", R = "h1__e284fde4", D = "h2__193ec3db", F = "h3__ec63291a", t = {
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import { c as g } from "../../chunks/vendor-CehxOAkM.js";
+import { ETitleSize as m, EFontWeightTitle as o, EFontType as f } from "./enums.js";
+import { t as s, m as u } from "../../chunks/utils-DWPj89gs.js";
+const y = "title__69416325", E = "regular__d452c69e", C = "semibold__32086415", S = "medium__1bb4e03b", M = "bold__da853a03", R = "h1__cb4f42b5", D = "h2__670531bf", F = "h3__ccc4b7e6", t = {
   title: y,
   regular: E,
   semibold: C,
@@ -21,19 +21,19 @@ const y = "title__56c7b764", E = "regular__ad991f34", C = "semibold__3cc0a469",
   [o.REGULAR]: t.regular,
   [o.SEMIBOLD]: t.semibold,
   [o.BOLD]: t.bold
-}, x = b(
+}, x = T(
   ({
     children: a,
-    className: c,
+    className: r,
     size: i,
-    tag: r = `${i}`,
-    type: n = g.PRIMARY,
+    tag: c = `${i}`,
+    type: n = f.PRIMARY,
     weight: d = o.SEMIBOLD,
     underline: e,
     strikethrough: l,
     ...h
   }, p) => {
-    const _ = f(
+    const _ = g(
       s.typography,
       t.title,
       I[i],
@@ -44,9 +44,9 @@ const y = "title__56c7b764", E = "regular__ad991f34", C = "semibold__3cc0a469",
         [s.underline]: !!e && !l,
         [s.underlineStrikethrough]: !!l && !!e
       },
-      c
+      r
     );
-    return /* @__PURE__ */ T(r, { ref: p, className: _, ...h, children: a });
+    return /* @__PURE__ */ b(c, { ref: p, className: _, ...h, children: a });
   }
 );
 x.displayName = "Title";

package/components/Typography/utils.js

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

package/components/UnorderedList/UnorderedList.js

@@ -2,15 +2,15 @@ import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { c as d } from "../../chunks/vendor-CehxOAkM.js";
 import { UnorderedListItem as i } from "./UnorderedListItem.js";
-const m = "unorderedList__03c15bdc", a = {
+const m = "unorderedList__08566e25", a = {
   unorderedList: m
 }, n = Object.assign(
-  s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
+  s.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o(
     "ul",
     {
-      className: d(a.unorderedList, r),
-      ...e,
-      "data-tx": "1.2.0",
+      className: d(a.unorderedList, e),
+      ...r,
+      "data-tx": "1.3.0",
       ref: t
     }
   )),

package/components/UnorderedList/UnorderedListItem.js

@@ -5,23 +5,23 @@ import "../Typography/Title.js";
 import { Text as i } from "../Typography/Text.js";
 import "../Typography/Caption.js";
 import { ETextSize as d } from "../Typography/enums.js";
-const a = "unorderedListItem__ca7f7872", f = {
+const a = "unorderedListItem__59147ebb", n = {
   unorderedListItem: a
-}, n = m.forwardRef(
+}, p = m.forwardRef(
   ({ className: t, ...e }, r) => /* @__PURE__ */ o(
     i,
     {
-      className: s(f.unorderedListItem, t),
+      className: s(n.unorderedListItem, t),
       size: d.B3,
       tag: "li",
       ...e,
-      "data-tx": "1.2.0",
+      "data-tx": "1.3.0",
       ref: r
     }
   )
 );
-n.displayName = "UnorderedListItem";
+p.displayName = "UnorderedListItem";
 export {
-  n as UnorderedListItem
+  p as UnorderedListItem
 };
 //# sourceMappingURL=UnorderedListItem.js.map

package/components/UploadZone/UploadZone.js

@@ -5,7 +5,7 @@ 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-CehxOAkM.js";
-import { U as L, s as d } from "../../chunks/UploadZoneInput-CioKsqkV.js";
+import { U as L, s as d } from "../../chunks/UploadZoneInput-Bkv3b0F5.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.2.0", children: [
+        children: /* @__PURE__ */ f("div", { className: d.uploadZone, "data-tx": "1.3.0", children: [
           /* @__PURE__ */ l(
             "div",
             {

package/components/UploadZone/components/UploadZoneInput.js

@@ -1,7 +1,7 @@
 import "react";
 import "../UploadZoneContext.js";
 import "../../../chunks/vendor-CehxOAkM.js";
-import { U as i } from "../../../chunks/UploadZoneInput-CioKsqkV.js";
+import { U as i } from "../../../chunks/UploadZoneInput-Bkv3b0F5.js";
 export {
   i as UploadZoneInput
 };