@sberbusiness/triplex-next 1.29.0 → 1.31.0

package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js

@@ -0,0 +1,13 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as n } from "../../../chunks/vendor-82AnkPpo.js";
+const r = "collapsibleTreeLeafContent__bb1bbff9", f = {
+  collapsibleTreeLeafContent: r
+}, i = s(
+  ({ children: e, className: o, ...l }, t) => /* @__PURE__ */ a("div", { ref: t, className: n(f.collapsibleTreeLeafContent, o), ...l, children: e })
+);
+i.displayName = "CollapsibleTreeLeafContent";
+export {
+  i as CollapsibleTreeLeafContent
+};
+//# sourceMappingURL=CollapsibleTreeLeafContent.js.map

package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { CollapsibleTreeExtended as a } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
+import { CollapsibleTreeLeafContent as s } from "./CollapsibleTreeLeafContent.js";
+import { y as d } from "../../../chunks/vendor-82AnkPpo.js";
+const i = "collapsibleTreeLeafNode__a6be8cb2", p = {
+  collapsibleTreeLeafNode: i
+}, t = ({ node: e, prevNodeId: l, nextNodeId: r }) => /* @__PURE__ */ o(
+  a.Node,
+  {
+    className: p.collapsibleTreeLeafNode,
+    id: e.id,
+    opened: !0,
+    toggle: d,
+    prevNodeId: l,
+    nextNodeId: r,
+    renderHeader: () => /* @__PURE__ */ o(s, { children: e.content }),
+    renderBody: () => null
+  }
+);
+t.displayName = "CollapsibleTreeLeafNode";
+export {
+  t as CollapsibleTreeLeafNode
+};
+//# sourceMappingURL=CollapsibleTreeLeafNode.js.map

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js

@@ -0,0 +1,44 @@
+import { jsxs as b, jsx as m } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { CaretrightStrokeSrvIcon24 as f } from "@sberbusiness/icons-next";
+import { c as a } from "../../../chunks/vendor-82AnkPpo.js";
+const _ = "collapsibleTreeNodeHeader__f210d34e", x = "interactive__ecc5cbba", H = "chevron__d580fdea", T = "opened__99d66326", r = {
+  collapsibleTreeNodeHeader: _,
+  interactive: x,
+  chevron: H,
+  opened: T
+}, N = v(
+  ({ children: c, className: n, opened: o, toggle: d, onClick: t, hasChildNodes: e, ...i }, l) => {
+    const s = (p) => {
+      e && d(!o), t == null || t(p);
+    };
+    return /* @__PURE__ */ b(
+      "button",
+      {
+        ...i,
+        ref: l,
+        type: "button",
+        className: a(r.collapsibleTreeNodeHeader, n, { [r.interactive]: e }),
+        onClick: s,
+        "aria-expanded": e ? o : void 0,
+        disabled: !e,
+        children: [
+          e && /* @__PURE__ */ m(
+            f,
+            {
+              paletteIndex: 5,
+              className: a(r.chevron, { [r.opened]: o }),
+              "aria-hidden": !0
+            }
+          ),
+          c
+        ]
+      }
+    );
+  }
+);
+N.displayName = "CollapsibleTreeNodeHeader";
+export {
+  N as CollapsibleTreeNodeHeader
+};
+//# sourceMappingURL=CollapsibleTreeNodeHeader.js.map

package/components/CollapsibleTree/components/CollapsibleTreeNodeLabel.js

@@ -0,0 +1,12 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { EFontWeightText as m, ETextSize as p } from "../../Typography/enums.js";
+import { Text as f } from "../../Typography/Text.js";
+const s = l(
+  ({ size: e = p.B1, weight: o = m.SEMIBOLD, children: r, ...t }, a) => /* @__PURE__ */ i(f, { ref: a, tag: "span", size: e, weight: o, ...t, children: r })
+);
+s.displayName = "CollapsibleTreeNodeLabel";
+export {
+  s as CollapsibleTreeNodeLabel
+};
+//# sourceMappingURL=CollapsibleTreeNodeLabel.js.map

package/components/CollapsibleTree/index.js

@@ -0,0 +1,11 @@
+import { CollapsibleTree as l } from "./CollapsibleTree.js";
+import { CollapsibleTreeNodeHeader as p } from "./components/CollapsibleTreeNodeHeader.js";
+import { CollapsibleTreeNodeLabel as b } from "./components/CollapsibleTreeNodeLabel.js";
+import { isCollapsibleTreeNodeLeaf as i } from "./types.js";
+export {
+  l as CollapsibleTree,
+  p as CollapsibleTreeNodeHeader,
+  b as CollapsibleTreeNodeLabel,
+  i as isCollapsibleTreeNodeLeaf
+};
+//# sourceMappingURL=index.js.map

package/components/CollapsibleTree/types.js

@@ -0,0 +1,5 @@
+const o = (e) => "content" in e;
+export {
+  o as isCollapsibleTreeNodeLeaf
+};
+//# sourceMappingURL=types.js.map

package/components/CollapsibleTreeExtended/CollapsibleTreeExtended.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { TreeView as l } from "../TreeView/TreeView.js";
+import { CollapsibleTreeExtendedNode as d } from "./components/CollapsibleTreeExtendedNode.js";
+const e = (o) => /* @__PURE__ */ r(l, { ...o });
+e.displayName = "CollapsibleTreeExtended";
+e.Node = d;
+export {
+  e as CollapsibleTreeExtended
+};
+//# sourceMappingURL=CollapsibleTreeExtended.js.map

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -0,0 +1,71 @@
+var f = Object.defineProperty;
+var C = (c, d, e) => d in c ? f(c, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[d] = e;
+var a = (c, d, e) => C(c, typeof d != "symbol" ? d + "" : d, e);
+import { jsx as g } from "react/jsx-runtime";
+import u from "react";
+import { TreeView as h } from "../../TreeView/TreeView.js";
+import { AccordionBase as x } from "../../AccordionBase/protected/AccordionBase.js";
+import { c as y } from "../../../chunks/vendor-82AnkPpo.js";
+const T = "collapsibleTreeExtendedNodeContent__752efc7c", b = {
+  collapsibleTreeExtendedNodeContent: T
+};
+class B extends u.Component {
+  constructor() {
+    super(...arguments);
+    /**
+     * Изменяет состояние ноды — раскрыта/свернута.
+     * В controlled-режиме делегирует в `props.toggle`, в uncontrolled — переключает внутреннее состояние TreeView.
+     * Эта функция передается дочерним компонентам и вызывается из них.
+     */
+    a(this, "toggle", ({ openedNode: e, setOpenedNode: s }) => (t) => {
+      const { opened: l, toggle: o } = this.props, r = l !== void 0;
+      (r ? l : e) !== t && (r ? o == null || o(t) : s(t));
+    });
+    /** Рендер-функция для передачи дочерних нод. */
+    a(this, "renderBody", (e) => (s) => {
+      const { activeNode: t, openedNode: l, hasChildNodes: o } = e, { animating: r } = s, { opened: p, renderBody: n } = this.props, m = {
+        activeNode: t,
+        animating: r,
+        hasChildNodes: o,
+        opened: p !== void 0 ? p : l,
+        toggle: this.toggle(e)
+      };
+      return o ? /* @__PURE__ */ g(h.Group, { children: n(m) }) : n(m);
+    });
+    /** Рендер-функция не сворачиваемой части ноды. */
+    a(this, "renderHeader", (e) => (s) => {
+      const { activeNode: t, openedNode: l, hasChildNodes: o, isLastNode: r } = e, { animating: p } = s, { opened: n, renderHeader: i } = this.props;
+      return i({
+        activeNode: t,
+        animating: p,
+        hasChildNodes: o,
+        isLastNode: r,
+        opened: n !== void 0 ? n : l,
+        toggle: this.toggle(e)
+      });
+    });
+  }
+  render() {
+    const { opened: e, onToggle: s, renderBody: t, renderHeader: l, toggle: o, ...r } = this.props, p = e !== void 0;
+    return /* @__PURE__ */ g(h.Node, { opened: e, ...r, children: (n) => {
+      const i = p ? e : n.openedNode;
+      return /* @__PURE__ */ g(
+        x,
+        {
+          expandAnimationClassName: y(b.collapsibleTreeExtendedNodeContent, {
+            collapsed: !i
+          }),
+          renderBody: this.renderBody(n),
+          renderHeader: this.renderHeader(n),
+          isOpen: i,
+          onToggle: s
+        }
+      );
+    } });
+  }
+}
+a(B, "displayName", "CollapsibleTreeExtendedNode");
+export {
+  B as CollapsibleTreeExtendedNode
+};
+//# sourceMappingURL=CollapsibleTreeExtendedNode.js.map

package/components/CollapsibleTreeExtended/index.js

@@ -0,0 +1,7 @@
+import { CollapsibleTreeExtended as l } from "./CollapsibleTreeExtended.js";
+import { CollapsibleTreeExtendedNode as d } from "./components/CollapsibleTreeExtendedNode.js";
+export {
+  l as CollapsibleTreeExtended,
+  d as CollapsibleTreeExtendedNode
+};
+//# sourceMappingURL=index.js.map

package/components/Confirm/Confirm.js

@@ -2,14 +2,14 @@ import { jsx as i } from "react/jsx-runtime";
 import { ConfirmClose as p } from "./components/ConfirmClose.js";
 import { ConfirmContent as l } from "./components/ConfirmContent.js";
 import { ConfirmControls as f } from "./components/ConfirmControls.js";
-import { c as C } from "../../chunks/vendor-C_uS77iF.js";
+import { c as C } from "../../chunks/vendor-82AnkPpo.js";
 import { Island as t } from "../Island/Island.js";
 import { EIslandType as I } from "../Island/enums.js";
 import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { EConfirmParentComponent as o } from "./enums.js";
-import { s as r } from "../../chunks/Confirm.module-CLPl_MFI.js";
+import { s as r } from "../../chunks/Confirm.module-B7EimS-c.js";
 const d = {
   [o.LIGHTBOX]: r.isInLightBox,
   [o.SIDE_OVERLAY_SM]: r.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import s from "react";
 import { CrossStrokeSrvIcon20 as i } from "@sberbusiness/icons-next";
-import { c as f } from "../../../chunks/vendor-C_uS77iF.js";
-import { s as n } from "../../../chunks/Confirm.module-CLPl_MFI.js";
+import { c as f } from "../../../chunks/vendor-82AnkPpo.js";
+import { s as n } from "../../../chunks/Confirm.module-B7EimS-c.js";
 import { Button as p } from "../../Button/Button.js";
 import { EButtonTheme as a } from "../../Button/enums.js";
 import { EComponentSize as l } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { ConfirmContentSubTitle as r } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle as e } from "./ConfirmContentTitle.js";
-import { c as s } from "../../../chunks/vendor-C_uS77iF.js";
-import { s as f } from "../../../chunks/Confirm.module-CLPl_MFI.js";
+import { c as s } from "../../../chunks/vendor-82AnkPpo.js";
+import { s as f } from "../../../chunks/Confirm.module-B7EimS-c.js";
 const o = ({ children: t, className: m, ...i }) => /* @__PURE__ */ n("div", { className: s(m, f.confirmContent), ...i, children: t });
 o.displayName = "ConfirmContent";
 o.Title = e;

package/components/Confirm/components/ConfirmContentTitle.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import { ETitleSize as e } from "../../Typography/enums.js";
 import { Title as s } from "../../Typography/Title.js";
-import { c as n } from "../../../chunks/vendor-C_uS77iF.js";
-import { s as l } from "../../../chunks/Confirm.module-CLPl_MFI.js";
+import { c as n } from "../../../chunks/vendor-82AnkPpo.js";
+import { s as l } from "../../../chunks/Confirm.module-B7EimS-c.js";
 const f = ({
   children: t,
   className: o,

package/components/Confirm/components/ConfirmControls.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { c as t } from "../../../chunks/vendor-C_uS77iF.js";
-import { s as i } from "../../../chunks/Confirm.module-CLPl_MFI.js";
+import { c as t } from "../../../chunks/vendor-82AnkPpo.js";
+import { s as i } from "../../../chunks/Confirm.module-B7EimS-c.js";
 const l = ({ children: o, className: s, ...r }) => /* @__PURE__ */ m("div", { className: t(s, i.confirmControls), ...r, children: o });
 l.displayName = "ConfirmControls";
 export {

package/components/DatePickerExtended/DatePickerExtended.js

@@ -5,7 +5,7 @@ import { Calendar as W } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-C7Maa_Sz.js";
+import "../../chunks/DropdownListItem-Dy7ejFWN.js";
 import { EDropdownAlignment as X } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -103,7 +103,7 @@ const ee = G.forwardRef((l, r) => {
       onKeyDown: _,
       onMouseDown: F,
       ...V,
-      "data-tx": "1.29.0",
+      "data-tx": "1.31.0",
       ref: (e) => {
         s.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
       },

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l, Fragment as m } from "react/jsx-runtime";
-import u, { useContext as f } from "react";
-import { g as D } from "../../chunks/vendor-C_uS77iF.js";
+import f, { useContext as u } from "react";
+import { g as D } from "../../chunks/vendor-82AnkPpo.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
@@ -14,11 +14,11 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const h = "datePickerExtendedMobileDropdown__a44ec658", E = {
+const h = "datePickerExtendedMobileDropdown__7f25104f", E = {
   datePickerExtendedMobileDropdown: h
-}, C = u.forwardRef(
+}, C = f.forwardRef(
   (i, d) => {
-    const { children: P, targetRef: r, setOpened: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: s } = f(x);
+    const { children: P, targetRef: r, setOpened: a, renderHeaderTarget: c, renderCalendar: t, focusTrapProps: o, ...p } = i, { mouseUsedRef: n, setDropdownOpen: s } = u(x);
     return /* @__PURE__ */ e(
       w,
       {

package/components/DateRange/DateRange.js

@@ -3,26 +3,26 @@ import c from "moment";
 import { CaretleftStrokeSrvIcon20 as D, RangeStrokeSrvIcon16 as Y, CaretrightStrokeSrvIcon20 as C } from "@sberbusiness/icons-next";
 import { dateFormatYYYYMMDD as r } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit as E } from "./enums.js";
-import { c as i } from "../../chunks/vendor-C_uS77iF.js";
-const F = "dateRange__bf8de235", M = "dateRangeButton__b46050ee", h = "separator__6d030c8c", d = {
+import { c as f } from "../../chunks/vendor-82AnkPpo.js";
+const F = "dateRange__acc265d2", M = "dateRangeButton__49853fff", h = "separator__3a9f368f", d = {
   dateRange: F,
   dateRangeButton: M,
   separator: h
 }, j = ({
   children: y,
-  className: R,
-  value: g,
+  className: p,
+  value: R,
   onChange: o,
   shiftAmount: n = 1,
   shiftUnit: s = E.MONTH,
-  hideNavigation: p,
-  renderPickerFrom: f,
+  hideNavigation: i,
+  renderPickerFrom: g,
   renderPickerTo: u,
   renderButtonForward: S,
-  renderButtonBack: b,
-  ...k
+  renderButtonBack: k,
+  ...x
 }) => {
-  const [t, a] = g, x = i(d.dateRange, R), B = (e) => {
+  const [t, a] = R, b = f(d.dateRange, p), B = (e) => {
     !e || !a || e <= a ? o([e, a]) : o([e, ""]);
   }, I = (e) => {
     !e || !t || e >= t ? o([t, e]) : o(["", e]);
@@ -43,14 +43,14 @@ const F = "dateRange__bf8de235", M = "dateRangeButton__b46050ee", h = "separator
       m.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: x, ...k, children: [
-    !p && b({
+  return /* @__PURE__ */ v("div", { className: b, ...x, children: [
+    !i && k({
       children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
+      className: f(d.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
       onClick: N
     }),
-    f({
+    g({
       onChange: B,
       value: t
     }),
@@ -59,9 +59,9 @@ const F = "dateRange__bf8de235", M = "dateRangeButton__b46050ee", h = "separator
       onChange: I,
       value: a
     }),
-    !p && S({
+    !i && S({
       children: /* @__PURE__ */ l(C, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
+      className: f(d.dateRangeButton, { disabled: !(t && a) }),
       disabled: !(t && a),
       onClick: _
     })

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,11 +3,11 @@ import { DesignTokensCore as l } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark as a } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents as c } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark as f } from "./DesignTokensComponentsThemeDark.js";
-import { m as T } from "../../chunks/vendor-C_uS77iF.js";
+import { m as T } from "../../chunks/vendor-82AnkPpo.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "1.29.0";
+    let o = "1.31.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (m) => `--${r}-${e}-${m}-${o}: ${n.getTokenValue(
         t[e][m],