@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/TreeView/components/TreeViewNode.js

@@ -0,0 +1,82 @@
+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 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-BlJo2ILB.js";
+import { s as C } from "../../../chunks/TreeView.module-oFkxX2oe.js";
+class V 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 b({ 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: O, 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(C.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 D = x(V);
+export {
+  D as TreeViewNode,
+  V as TreeViewNodeWithContext
+};
+//# sourceMappingURL=TreeViewNode.js.map

package/components/Triggers/TriggerClickOnKeyDownEvent.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import { KeyDownListener as i } from "../KeyDownListener/KeyDownListener.js";
+const c = ({
+  children: e,
+  eventKeyCode: r,
+  targetRef: t
+}) => /* @__PURE__ */ o(i, { onMatch: () => {
+  const n = t.current;
+  n && n.offsetParent !== null && n.click();
+}, eventKeyCode: r, children: e });
+c.displayName = "TriggerClickOnKeyDownEvent";
+export {
+  c as TriggerClickOnKeyDownEvent
+};
+//# sourceMappingURL=TriggerClickOnKeyDownEvent.js.map

package/components/Typography/Caption.js

@@ -1,14 +1,14 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { c as y } from "../../chunks/vendor-CF2m175I.js";
+import { jsx as g } from "react/jsx-runtime";
+import f from "react";
+import { c as y } from "../../chunks/vendor-BlJo2ILB.js";
 import { EFontWeightText as e, ECaptionSize as c, EFontType as T } from "./enums.js";
-import { t as s, m as b } from "../../chunks/utils-DF32MMDm.js";
-const R = "caption__3d6f14ee", E = "regular__e446d5ca", u = "semibold__b4b0e32d", x = "c1__6357eb7f", S = "c2__28dff173", h = "d1__534fd762", o = {
-  caption: R,
-  regular: E,
-  semibold: u,
-  c1: x,
-  c2: S,
+import { t as s, m as R } from "../../chunks/utils-CxR_OPBn.js";
+const E = "caption__3f2fc78c", u = "regular__9286e244", x = "semibold__56dcc4a0", S = "c1__88132870", b = "c2__08264646", h = "d1__9d8d0ce9", o = {
+  caption: E,
+  regular: u,
+  semibold: x,
+  c1: S,
+  c2: b,
   d1: h
 }, F = {
   [e.REGULAR]: o.regular,
@@ -17,23 +17,23 @@ const R = "caption__3d6f14ee", E = "regular__e446d5ca", u = "semibold__b4b0e32d"
   [c.C1]: o.c1,
   [c.C2]: o.c2,
   [c.D1]: o.d1
-}, L = g(
+}, L = f.forwardRef(
   ({
     children: n,
     className: p,
     size: r,
-    tag: i = "span",
+    tag: i,
     type: m = T.PRIMARY,
     weight: l = e.REGULAR,
     underline: t,
     strikethrough: a,
     ...d
-  }, f) => {
-    const C = y(
+  }, C) => {
+    const _ = y(
       s.typography,
       o.caption,
       A[r],
-      b[m],
+      R[m],
       F[l],
       {
         [s.strikethrough]: !!a && !t,
@@ -42,7 +42,7 @@ const R = "caption__3d6f14ee", E = "regular__e446d5ca", u = "semibold__b4b0e32d"
       },
       p
     );
-    return /* @__PURE__ */ _(i, { ref: f, className: C, ...d, children: n });
+    return /* @__PURE__ */ g(i || "span", { ref: C, className: _, ...d, children: n });
   }
 );
 L.displayName = "Caption";

package/components/Typography/Text.js

@@ -1,9 +1,9 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { c as g } from "../../chunks/vendor-CF2m175I.js";
-import { ETextSize as o, EFontWeightText as b, ELineType as r, EFontType as C } from "./enums.js";
-import { t, m as R } from "../../chunks/utils-DF32MMDm.js";
-const E = "text__a35dffd8", L = "regular__e446d5ca", A = "semibold__b4b0e32d", u = "b1__f17a03b7", B = "b2__a3fdd17d", M = "b3__6b5b5386", S = "b4__b95e7d5b", s = {
+import { jsx as g } from "react/jsx-runtime";
+import C from "react";
+import { c as R } from "../../chunks/vendor-BlJo2ILB.js";
+import { ETextSize as e, EFontWeightText as c, ELineType as r, EFontType as d } from "./enums.js";
+import { t as s, m as f } from "../../chunks/utils-CxR_OPBn.js";
+const E = "text__e8832d9c", L = "regular__9286e244", A = "semibold__56dcc4a0", u = "b1__7888a9da", B = "b2__3996fe0c", M = "b3__a693f7c1", S = "b4__15a1bab7", t = {
   text: E,
   regular: L,
   semibold: A,
@@ -12,44 +12,44 @@ const E = "text__a35dffd8", L = "regular__e446d5ca", A = "semibold__b4b0e32d", u
   b3: M,
   b4: S
 }, h = {
-  [o.B1]: s.b1,
-  [o.B2]: s.b2,
-  [o.B3]: s.b3,
-  [o.B4]: s.b4
+  [e.B1]: t.b1,
+  [e.B2]: t.b2,
+  [e.B3]: t.b3,
+  [e.B4]: t.b4
 }, F = {
-  [b.REGULAR]: s.regular,
-  [b.SEMIBOLD]: s.semibold
+  [c.REGULAR]: t.regular,
+  [c.SEMIBOLD]: t.semibold
 }, N = {
   [r.NORMAL]: "",
-  [r.COMPACT]: t.compact
-}, O = y(
+  [r.COMPACT]: s.compact
+}, O = C.forwardRef(
   ({
-    children: m,
-    className: n,
-    size: c,
-    tag: p = "span",
-    type: l = C.PRIMARY,
-    weight: T = b.REGULAR,
+    children: b,
+    className: m,
+    size: n,
+    tag: p,
+    type: l = d.PRIMARY,
+    weight: T = c.REGULAR,
     line: i = r.NORMAL,
-    underline: e,
+    underline: o,
     strikethrough: a,
-    ...d
-  }, x) => {
-    const _ = g(
-      t.typography,
-      s.text,
-      h[c],
-      R[l],
+    ...x
+  }, _) => {
+    const y = R(
+      s.typography,
+      t.text,
+      h[n],
+      f[l],
       F[T],
       N[i],
       {
-        [t.strikethrough]: !!a && !e,
-        [t.underline]: !!e && !a,
-        [t.underlineStrikethrough]: !!a && !!e
+        [s.strikethrough]: !!a && !o,
+        [s.underline]: !!o && !a,
+        [s.underlineStrikethrough]: !!a && !!o
       },
-      n
+      m
     );
-    return /* @__PURE__ */ f(p, { ref: x, className: _, ...d, children: m });
+    return /* @__PURE__ */ g(p || "span", { ref: _, className: y, ...x, children: b });
   }
 );
 O.displayName = "Text";

package/components/Typography/Title.js

@@ -1,52 +1,52 @@
-import { jsx as b } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { c as T } from "../../chunks/vendor-CF2m175I.js";
-import { ETitleSize as m, EFontWeightTitle as o, EFontType as g } from "./enums.js";
-import { t as s, m as u } from "../../chunks/utils-DF32MMDm.js";
-const y = "title__9d247837", E = "regular__e446d5ca", C = "semibold__b4b0e32d", S = "medium__1e52ff35", M = "bold__ef36853b", R = "h1__7ffe1104", D = "h2__b77f9060", F = "h3__b680db15", t = {
+import { jsx as T } from "react/jsx-runtime";
+import b from "react";
+import { c as f } from "../../chunks/vendor-BlJo2ILB.js";
+import { ETitleSize as a, EFontWeightTitle as o, EFontType as g } from "./enums.js";
+import { t as s, m as u } from "../../chunks/utils-CxR_OPBn.js";
+const y = "title__ebfdc8ad", E = "regular__9286e244", C = "semibold__56dcc4a0", R = "medium__5081fb72", S = "bold__e85c16f8", M = "h1__85dbed00", D = "h2__21aa12d8", F = "h3__368d395e", t = {
   title: y,
   regular: E,
   semibold: C,
-  medium: S,
-  bold: M,
-  h1: R,
+  medium: R,
+  bold: S,
+  h1: M,
   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 = f(
+}, x = b.forwardRef(
   ({
-    children: r,
-    className: a,
-    size: i,
-    tag: c = `${i}`,
-    type: n = g.PRIMARY,
-    weight: d = o.SEMIBOLD,
+    children: i,
+    className: m,
+    size: r,
+    tag: c,
+    type: d = g.PRIMARY,
+    weight: n = o.SEMIBOLD,
     underline: e,
     strikethrough: l,
     ...h
   }, p) => {
-    const _ = T(
+    const _ = f(
       s.typography,
       t.title,
-      I[i],
-      u[n],
-      L[d],
+      I[r],
+      u[d],
+      L[n],
       {
         [s.strikethrough]: !!l && !e,
         [s.underline]: !!e && !l,
         [s.underlineStrikethrough]: !!l && !!e
       },
-      a
+      m
     );
-    return /* @__PURE__ */ b(c, { ref: p, className: _, ...h, children: r });
+    return /* @__PURE__ */ T(c || "h1", { ref: p, className: _, ...h, children: i });
   }
 );
 x.displayName = "Title";

package/components/Typography/index.js

@@ -1,17 +1,19 @@
-import { Title as o } from "./Title.js";
-import { Text as p } from "./Text.js";
-import { Caption as T } from "./Caption.js";
-import { ECaptionSize as E, EFontType as n, EFontWeightText as f, EFontWeightTitle as m, ELineType as l, ETextSize as z, ETitleSize as F } from "./enums.js";
+import { Title as o, mapFontWeightTitleToCssClass as i, mapTitleSizeToCssClass as T } from "./Title.js";
+import { Text as r } from "./Text.js";
+import { Caption as l } from "./Caption.js";
+import { ECaptionSize as x, EFontType as E, EFontWeightText as a, EFontWeightTitle as m, ELineType as C, ETextSize as f, ETitleSize as z } from "./enums.js";
 export {
-  T as Caption,
-  E as ECaptionSize,
-  n as EFontType,
-  f as EFontWeightText,
+  l as Caption,
+  x as ECaptionSize,
+  E as EFontType,
+  a as EFontWeightText,
   m as EFontWeightTitle,
-  l as ELineType,
-  z as ETextSize,
-  F as ETitleSize,
-  p as Text,
-  o as Title
+  C as ELineType,
+  f as ETextSize,
+  z as ETitleSize,
+  r as Text,
+  o as Title,
+  i as mapFontWeightTitleToCssClass,
+  T as mapTitleSizeToCssClass
 };
 //# sourceMappingURL=index.js.map

package/components/Typography/utils.js

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

package/components/UnorderedList/UnorderedList.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import s from "react";
+import { c as d } from "../../chunks/vendor-BlJo2ILB.js";
+import { UnorderedListItem as i } from "./UnorderedListItem.js";
+const m = "unorderedList__1be20674", n = {
+  unorderedList: m
+}, a = Object.assign(
+  s.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ o(
+    "ul",
+    {
+      className: d(n.unorderedList, r),
+      ...e,
+      "data-tx": "0.10.0",
+      ref: t
+    }
+  )),
+  {
+    Item: i
+  }
+);
+a.displayName = "UnorderedList";
+export {
+  a as UnorderedList
+};
+//# sourceMappingURL=UnorderedList.js.map

package/components/UnorderedList/UnorderedListItem.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import m from "react";
+import { c as s } from "../../chunks/vendor-BlJo2ILB.js";
+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__68678274", n = {
+  unorderedListItem: a
+}, p = m.forwardRef(
+  ({ className: t, ...e }, r) => /* @__PURE__ */ o(
+    i,
+    {
+      className: s(n.unorderedListItem, t),
+      size: d.B3,
+      tag: "li",
+      ...e,
+      "data-tx": "0.10.0",
+      ref: r
+    }
+  )
+);
+p.displayName = "UnorderedListItem";
+export {
+  p as UnorderedListItem
+};
+//# sourceMappingURL=UnorderedListItem.js.map

package/components/UnorderedList/index.js

@@ -0,0 +1,7 @@
+import { UnorderedList as o } from "./UnorderedList.js";
+import { UnorderedListItem as d } from "./UnorderedListItem.js";
+export {
+  o as UnorderedList,
+  d as UnorderedListItem
+};
+//# sourceMappingURL=index.js.map

package/components/UnorderedList/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/UploadZone/UploadZone.js

@@ -1,10 +1,113 @@
-import "react/jsx-runtime";
-import "react";
-import "react-dom/client";
-import "../../chunks/vendor-CF2m175I.js";
-import { a as e, U as i } from "./components/UploadZoneInput.js";
+var m = Object.defineProperty;
+var u = (s, n, e) => n in s ? m(s, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[n] = e;
+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 C from "react-dom";
+import { c as h } from "../../chunks/vendor-BlJo2ILB.js";
+import { U as L, s as d } from "../../chunks/UploadZoneInput-CQ9bTi-y.js";
+import { UploadZoneContext as U } from "./UploadZoneContext.js";
+class c extends Z.PureComponent {
+  constructor() {
+    super(...arguments);
+    // Описание - https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element.
+    // Если counter > 0 - означает, что перетаскиваемый объект в пределах окна браузера.
+    /** Каунтер для подсчёта drag-перемещений по странице. */
+    t(this, "counter", 0);
+    /** Элемент-обёртка для дроп-зоны. */
+    t(this, "dropZoneWrapperDiv", null);
+    t(this, "state", {
+      hoverOnDrag: !1,
+      inputNode: void 0
+    });
+    t(this, "addListeners", (e) => {
+      e && (e.addEventListener("dragenter", this.handleDragEnter), e.addEventListener("dragleave", this.handleDragLeave));
+    });
+    t(this, "removeListeners", (e) => {
+      e && (e.removeEventListener("dragenter", this.handleDragEnter), e.removeEventListener("dragleave", this.handleDragLeave));
+    });
+    t(this, "createDropZoneDiv", () => {
+      const { children: e, className: r, onChange: o, renderContainerContent: a, dropZoneContainer: D, ...p } = this.props, i = document.createElement("div");
+      return C.render(
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: h(d.uploadZoneContainerDragArea, r),
+            onDragOver: this.handlePreventDefault,
+            onDrop: this.fileDrop,
+            ...p,
+            key: "uploadZoneDragArea",
+            role: "none"
+          },
+          a == null ? void 0 : a()
+        ),
+        i
+      ), i;
+    });
+    t(this, "handleAreaClick", (e) => {
+      e.stopPropagation(), this.openUploadDialog();
+    });
+    t(this, "openUploadDialog", () => {
+      const { inputNode: e } = this.state;
+      e == null || e.click();
+    });
+    t(this, "handlePreventDefault", (e) => {
+      const { onDragOver: r } = this.props;
+      e.preventDefault(), r == null || r(e);
+    });
+    t(this, "handleDragEnter", () => {
+      this.counter++, this.counter === 1 && this.setState({ hoverOnDrag: !0 });
+    });
+    t(this, "handleDragLeave", () => {
+      this.counter--, this.counter === 0 && this.setState({ hoverOnDrag: !1 });
+    });
+    t(this, "fileDrop", (e) => {
+      const { onDrop: r, onChange: o } = this.props;
+      e.preventDefault(), r == null || r(e), o(e.dataTransfer.files, e), this.setState({ hoverOnDrag: !1 }), this.counter = 0;
+    });
+  }
+  componentDidMount() {
+    this.addListeners(this.props.dropZoneContainer);
+  }
+  componentDidUpdate(e, r) {
+    const { dropZoneContainer: o } = this.props, { hoverOnDrag: a } = this.state;
+    o !== e.dropZoneContainer && (this.removeListeners(e.dropZoneContainer), this.addListeners(o)), a !== r.hoverOnDrag && o && (a ? (this.dropZoneWrapperDiv = this.createDropZoneDiv(), o.appendChild(this.dropZoneWrapperDiv)) : this.dropZoneWrapperDiv && o.removeChild(this.dropZoneWrapperDiv));
+  }
+  componentWillUnmount() {
+    this.removeListeners(this.props.dropZoneContainer);
+  }
+  render() {
+    const { children: e, className: r, onChange: o, renderContainerContent: a, dropZoneContainer: D, ...p } = this.props, { inputNode: i } = this.state;
+    return /* @__PURE__ */ g(
+      U.Provider,
+      {
+        value: {
+          inputNode: i,
+          onChange: o,
+          openUploadDialog: this.openUploadDialog,
+          setInputNode: (v) => {
+            this.setState({ inputNode: v });
+          }
+        },
+        children: /* @__PURE__ */ f("div", { className: d.uploadZone, "data-tx": "0.10.0", children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: h(d.uploadZoneDragArea, r),
+              onClick: this.handleAreaClick,
+              ...p,
+              key: "uploadZoneDragArea",
+              role: "none"
+            }
+          ),
+          e({ openUploadDialog: this.openUploadDialog })
+        ] })
+      }
+    );
+  }
+}
+t(c, "displayName", "UploadZone"), t(c, "Input", L);
 export {
-  e as UploadZone,
-  i as UploadZoneContext
+  c as UploadZone
 };
 //# sourceMappingURL=UploadZone.js.map

package/components/UploadZone/UploadZoneContext.js

@@ -0,0 +1,11 @@
+import o from "react";
+const t = o.createContext({
+  onChange: () => {
+  },
+  openUploadDialog: () => {
+  }
+});
+export {
+  t as UploadZoneContext
+};
+//# sourceMappingURL=UploadZoneContext.js.map