@sberbusiness/triplex-next 1.0.0 → 1.1.0

package/components/Tooltip/components/mobile/TooltipMobile.js

@@ -5,8 +5,8 @@ import { Portal as x } from "../../../Portal/Portal.js";
 import { DropdownMobile as _ } from "../../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody as h } from "../../../Dropdown/mobile/DropdownMobileBody.js";
 import { TooltipMobileCloseButton as y } from "./components/TooltipMobileCloseButton.js";
-import { c as B } from "../../../../chunks/vendor-CF2m175I.js";
-const T = "tooltipMobile__e6b5e0e8", g = "tooltipMobileContent__fc5c2108", H = "headerless__5699cb02", r = {
+import { c as B } from "../../../../chunks/vendor-D-uL_icH.js";
+const T = "tooltipMobile__bf2a5b68", g = "tooltipMobileContent__fc5d1607", H = "headerless__9af8f435", r = {
   tooltipMobile: T,
   tooltipMobileContent: g,
   headerless: H
@@ -18,13 +18,13 @@ const T = "tooltipMobile__e6b5e0e8", g = "tooltipMobileContent__fc5c2108", H = "
   disableAdaptiveMode: D,
   isOpen: o,
   onShow: t,
-  ...c
+  ...d
 }) => {
-  const { elements: e, setTooltipOpen: d } = f(C), i = u(null), m = B(r.tooltipMobile, { [r.headerless]: e.mobileHeader === null }, p);
+  const { elements: e, setTooltipOpen: a } = f(C), i = u(null), c = B(r.tooltipMobile, { [r.headerless]: e.mobileHeader === null }, p);
   M(() => {
     o && (t == null || t(i.current));
   }, [o]);
-  const a = () => {
+  const m = () => {
     var n;
     return /* @__PURE__ */ s(y, { ...(n = e.closeButton) == null ? void 0 : n.props });
   };
@@ -33,18 +33,18 @@ const T = "tooltipMobile__e6b5e0e8", g = "tooltipMobileContent__fc5c2108", H = "
     /* @__PURE__ */ s(x, { container: document.body, children: /* @__PURE__ */ l(
       _,
       {
-        className: m,
+        className: c,
         tabIndex: -1,
         opened: o,
-        setOpened: d,
-        ...c,
+        setOpened: a,
+        ...d,
         ref: i,
         children: [
           e.mobileHeader,
           /* @__PURE__ */ l(h, { className: r.tooltipMobileContent, children: [
             e.body,
             e.link,
-            e.mobileHeader === null && a()
+            e.mobileHeader === null && m()
           ] })
         ]
       }

package/components/Typography/Caption.js

@@ -1,11 +1,11 @@
-import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { c as T } from "../../chunks/vendor-CF2m175I.js";
-import { EFontWeightText as e, ECaptionSize as c, EFontType as f } from "./enums.js";
-import { t as s, m as R } from "../../chunks/utils-Ck6y6vsC.js";
-const E = "caption__10a4111d", b = "regular__a8215ed8", u = "semibold__2c8426c9", x = "c1__bd7081ca", S = "c2__d3f4e009", h = "d1__d91c0799", o = {
-  caption: E,
-  regular: b,
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { c as g } from "../../chunks/vendor-D-uL_icH.js";
+import { EFontWeightText as e, ECaptionSize as c, EFontType as y } from "./enums.js";
+import { t as s, m as T } from "../../chunks/utils-B0khB-Lq.js";
+const R = "caption__a0232eb3", E = "regular__b1f2b305", u = "semibold__c23bf0b4", x = "c1__8665eae4", S = "c2__cf697a46", h = "d1__8ff8abd4", o = {
+  caption: R,
+  regular: E,
   semibold: u,
   c1: x,
   c2: S,
@@ -17,23 +17,23 @@ const E = "caption__10a4111d", b = "regular__a8215ed8", u = "semibold__2c8426c9"
   [c.C1]: o.c1,
   [c.C2]: o.c2,
   [c.D1]: o.d1
-}, L = y(
+}, L = b(
   ({
     children: n,
     className: p,
     size: r,
     tag: i = "span",
-    type: m = f.PRIMARY,
+    type: m = y.PRIMARY,
     weight: l = e.REGULAR,
     underline: t,
     strikethrough: a,
-    ...d
+    ...f
   }, C) => {
-    const _ = T(
+    const _ = g(
       s.typography,
       o.caption,
       A[r],
-      R[m],
+      T[m],
       F[l],
       {
         [s.strikethrough]: !!a && !t,
@@ -42,7 +42,7 @@ const E = "caption__10a4111d", b = "regular__a8215ed8", u = "semibold__2c8426c9"
       },
       p
     );
-    return /* @__PURE__ */ g(i, { ref: C, className: _, ...d, children: n });
+    return /* @__PURE__ */ d(i, { ref: C, className: _, ...f, 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 d } from "../../chunks/vendor-CF2m175I.js";
-import { ETextSize as e, EFontWeightText as c, ELineType as b, EFontType as R } from "./enums.js";
-import { t, m as f } from "../../chunks/utils-Ck6y6vsC.js";
-const E = "text__185ea821", L = "regular__a8215ed8", A = "semibold__2c8426c9", u = "b1__b607b983", B = "b2__e457b50c", M = "b3__acc5d401", S = "b4__cd5b93be", s = {
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { c as C } from "../../chunks/vendor-D-uL_icH.js";
+import { ETextSize as o, EFontWeightText as b, ELineType as c, EFontType as R } from "./enums.js";
+import { t, m as d } from "../../chunks/utils-B0khB-Lq.js";
+const E = "text__77006390", L = "regular__b1f2b305", A = "semibold__c23bf0b4", u = "b1__cef053ea", B = "b2__5c9700c6", M = "b3__202d1cb8", S = "b4__bb326c0f", s = {
   text: E,
   regular: L,
   semibold: A,
@@ -12,44 +12,44 @@ const E = "text__185ea821", L = "regular__a8215ed8", A = "semibold__2c8426c9", u
   b3: M,
   b4: S
 }, h = {
-  [e.B1]: s.b1,
-  [e.B2]: s.b2,
-  [e.B3]: s.b3,
-  [e.B4]: s.b4
+  [o.B1]: s.b1,
+  [o.B2]: s.b2,
+  [o.B3]: s.b3,
+  [o.B4]: s.b4
 }, F = {
-  [c.REGULAR]: s.regular,
-  [c.SEMIBOLD]: s.semibold
+  [b.REGULAR]: s.regular,
+  [b.SEMIBOLD]: s.semibold
 }, N = {
-  [b.NORMAL]: "",
-  [b.COMPACT]: t.compact
-}, O = C(
+  [c.NORMAL]: "",
+  [c.COMPACT]: t.compact
+}, O = g(
   ({
     children: r,
     className: m,
     size: n,
     tag: p = "span",
     type: l = R.PRIMARY,
-    weight: T = c.REGULAR,
-    line: i = b.NORMAL,
-    underline: o,
+    weight: T = b.REGULAR,
+    line: i = c.NORMAL,
+    underline: e,
     strikethrough: a,
     ...x
   }, _) => {
-    const y = d(
+    const f = C(
       t.typography,
       s.text,
       h[n],
-      f[l],
+      d[l],
       F[T],
       N[i],
       {
-        [t.strikethrough]: !!a && !o,
-        [t.underline]: !!o && !a,
-        [t.underlineStrikethrough]: !!a && !!o
+        [t.strikethrough]: !!a && !e,
+        [t.underline]: !!e && !a,
+        [t.underlineStrikethrough]: !!a && !!e
       },
       m
     );
-    return /* @__PURE__ */ g(p, { ref: _, className: y, ...x, children: r });
+    return /* @__PURE__ */ y(p, { ref: _, className: f, ...x, children: r });
   }
 );
 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-CF2m175I.js";
-import { ETitleSize as a, EFontWeightTitle as o, EFontType as g } from "./enums.js";
-import { t as s, m as u } from "../../chunks/utils-Ck6y6vsC.js";
-const y = "title__a932cc92", E = "regular__a8215ed8", C = "semibold__2c8426c9", S = "medium__8bac9bef", M = "bold__e03f9ad3", R = "h1__cdd10c30", D = "h2__163371aa", F = "h3__89b5d55f", t = {
+import { jsx as _ } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import { c as f } from "../../chunks/vendor-D-uL_icH.js";
+import { ETitleSize as m, EFontWeightTitle as o, EFontType as g } from "./enums.js";
+import { t as s, m as u } from "../../chunks/utils-B0khB-Lq.js";
+const y = "title__850984cd", E = "regular__b1f2b305", C = "semibold__c23bf0b4", S = "medium__df283fb2", M = "bold__9b12ae0a", R = "h1__4845788b", D = "h2__80b774c2", F = "h3__8f42a1c0", t = {
   title: y,
   regular: E,
   semibold: C,
@@ -13,40 +13,40 @@ const y = "title__a932cc92", E = "regular__a8215ed8", C = "semibold__2c8426c9",
   h2: D,
   h3: F
 }, I = {
-  [a.H1]: t.h1,
-  [a.H2]: t.h2,
-  [a.H3]: t.h3
+  [m.H1]: t.h1,
+  [m.H2]: t.h2,
+  [m.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: i,
-    className: c,
-    size: m,
-    tag: r = `${m}`,
-    type: d = g.PRIMARY,
-    weight: n = o.SEMIBOLD,
+    children: a,
+    className: r,
+    size: i,
+    tag: c = `${i}`,
+    type: n = g.PRIMARY,
+    weight: b = o.SEMIBOLD,
     underline: e,
     strikethrough: l,
-    ...h
-  }, p) => {
-    const _ = f(
+    ...d
+  }, h) => {
+    const p = f(
       s.typography,
       t.title,
-      I[m],
-      u[d],
-      L[n],
+      I[i],
+      u[n],
+      L[b],
       {
         [s.strikethrough]: !!l && !e,
         [s.underline]: !!e && !l,
         [s.underlineStrikethrough]: !!l && !!e
       },
-      c
+      r
     );
-    return /* @__PURE__ */ T(r, { ref: p, className: _, ...h, children: i });
+    return /* @__PURE__ */ _(c, { ref: h, className: p, ...d, children: a });
   }
 );
 x.displayName = "Title";

package/components/Typography/utils.js

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

package/components/UploadZone/UploadZone.js

@@ -1,10 +1,112 @@
-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 { createRoot as C } from "react-dom/client";
+import { c as h } from "../../chunks/vendor-D-uL_icH.js";
+import { U as L, s as d } from "../../chunks/UploadZoneInput-R9729LZY.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(i).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;
+    });
+    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": "1.1.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

package/components/UploadZone/components/UploadZoneInput.js

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

package/components/UploadZone/index.js

@@ -1,6 +1,5 @@
-import { a as e, U as n } from "./components/UploadZoneInput.js";
+import { UploadZone as p } from "./UploadZone.js";
 export {
-  e as UploadZone,
-  n as UploadZoneContext
+  p as UploadZone
 };
 //# sourceMappingURL=index.js.map

package/components/UploadZone/types.js

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