@sberbusiness/triplex-next 0.28.0 → 0.30.0

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 x from "react";
+import { TreeView as h } from "../../TreeView/TreeView.js";
+import { AccordionBase as y } from "../../AccordionBase/protected/AccordionBase.js";
+import { c as u } from "../../../chunks/vendor-z35N2Tap.js";
+const T = "collapsibleTreeExtendedNodeContent__6df5e524", b = {
+  collapsibleTreeExtendedNodeContent: T
+};
+class B extends x.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(
+        y,
+        {
+          expandAnimationClassName: u(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---Om3uMV.js";
+import { c as C } from "../../chunks/vendor-z35N2Tap.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-C9UyoM6r.js";
+import { s as r } from "../../chunks/Confirm.module-D-Z-baL7.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 n } from "../../../chunks/vendor---Om3uMV.js";
-import { s as f } from "../../../chunks/Confirm.module-C9UyoM6r.js";
+import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as f } from "../../../chunks/Confirm.module-D-Z-baL7.js";
 import { Button as p } from "../../Button/Button.js";
 import { EButtonTheme as a } from "../../Button/enums.js";
 import { EComponentSize as c } 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---Om3uMV.js";
-import { s as f } from "../../../chunks/Confirm.module-C9UyoM6r.js";
+import { c as s } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as f } from "../../../chunks/Confirm.module-D-Z-baL7.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---Om3uMV.js";
-import { s as l } from "../../../chunks/Confirm.module-C9UyoM6r.js";
+import { c as n } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as l } from "../../../chunks/Confirm.module-D-Z-baL7.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---Om3uMV.js";
-import { s as i } from "../../../chunks/Confirm.module-C9UyoM6r.js";
+import { c as t } from "../../../chunks/vendor-z35N2Tap.js";
+import { s as i } from "../../../chunks/Confirm.module-D-Z-baL7.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/DateField/DateField.js

@@ -3,7 +3,7 @@ import W, { useState as X, useRef as l, useEffect as Z } from "react";
 import y from "moment";
 import { DatePickerExtended as _ } from "../DatePickerExtended/DatePickerExtended.js";
 import { dateFormatYYYYMMDD as $, globalLimitRange as ee } from "../../consts/DateConst.js";
-import { DateFieldUtils as m } from "./utils.js";
+import { DateFieldUtils as f } from "./utils.js";
 import { DateFieldTarget as te } from "./DateFieldTarget.js";
 import { inputDateFormat as b } from "./constants.js";
 import { Tooltip as S } from "../Tooltip/Tooltip.js";
@@ -11,18 +11,8 @@ import { ETooltipSize as re } from "../Tooltip/enums.js";
 import { MobileView as ae } from "../MobileView/MobileView.js";
 import { DropdownMobileMaskedInput as T } from "../Dropdown/mobile/DropdownMobileMaskedInput.js";
 import { DateFieldContext as ne } from "./DateFieldContext.js";
-import "../FormField/components/FormFieldClear.js";
-import "../FormField/components/FormFieldCounter.js";
-import "../FormField/components/FormFieldDescription.js";
-import "../../chunks/FormFieldInput-Cb-NqZOL.js";
-import "../FormField/components/FormFieldLabel.js";
 import { FormFieldMaskedInput as ie } from "../FormField/components/FormFieldMaskedInput.js";
-import "../FormField/components/FormFieldPostfix.js";
-import "../FormField/components/FormFieldPrefix.js";
-import "../FormField/components/FormFieldTarget.js";
-import "../FormField/components/FormFieldTextarea.js";
-import "../FormField/FormField.js";
-const oe = W.forwardRef((x, p) => {
+const oe = W.forwardRef((x, d) => {
   const {
     size: I,
     status: E,
@@ -34,25 +24,25 @@ const oe = W.forwardRef((x, p) => {
     format: a = $,
     limitRange: i = ee,
     disabledDays: o,
-    onChange: d,
+    onChange: c,
     onClear: L,
-    onDropdownOpen: f,
+    onDropdownOpen: m,
     onDropdownClose: g,
     invalidDateHint: j,
     targetProps: A,
     ...B
   } = x, [r, D] = X(
-    m.getPickerValues(s, a, i, o)
-  ), C = l(null), c = l(r), F = l(!1), R = l(!1), h = l(!1), u = l(!1);
+    f.getPickerValues(s, a, i, o)
+  ), C = l(null), p = l(r), F = l(!1), R = l(!1), h = l(!1), u = l(!1);
   Z(() => {
-    const e = m.getPickerValues(s, a, i, o);
-    e.inputString !== r.inputString && D(e), c.current = e;
+    const e = f.getPickerValues(s, a, i, o);
+    e.inputString !== r.inputString && D(e), p.current = e;
   }, [s, a, i, o]);
   const H = (e) => {
-    C.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+    C.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
   }, N = () => {
     const { maskedInputProps: e, ...t } = A || {}, { onChange: k, ...K } = e || {};
-    return /* @__PURE__ */ n(ne.Provider, { value: { inputFocusedRef: F, onChange: d, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ n(ne.Provider, { value: { inputFocusedRef: F, onChange: c, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
       te,
       {
         size: I,
@@ -84,25 +74,25 @@ const oe = W.forwardRef((x, p) => {
     }
   ), V = (e) => {
     let t = null;
-    e.target.value.length === b.length ? (t = y(e.target.value, b, !0), (!t.isValid() || !m.isAvailableDate(t, t.format(a), i, o)) && (t = null), u.current = !t) : u.current = !1, D({ calendarDate: t, inputString: e.target.value });
+    e.target.value.length === b.length ? (t = y(e.target.value, b, !0), (!t.isValid() || !f.isAvailableDate(t, t.format(a), i, o)) && (t = null), u.current = !t) : u.current = !1, D({ calendarDate: t, inputString: e.target.value });
   }, w = () => {
     if (r.inputString.length === 0 && s.length !== 0)
-      return d(r.inputString);
+      return c(r.inputString);
     const e = y(r.inputString, b, !0);
     if (e.isValid()) {
       const t = e.format(a);
       if (t === s)
         return;
-      if (m.isAvailableDate(e, t, i, o))
-        return d(t);
+      if (f.isAvailableDate(e, t, i, o))
+        return c(t);
     }
-    r.inputString !== c.current.inputString && (u.current = !1, D(c.current));
+    r.inputString !== p.current.inputString && (u.current = !1, D(p.current));
   }, q = () => {
-    R.current = !0, f == null || f();
+    R.current = !0, m == null || m();
   }, G = () => {
-    R.current = !1, h.current ? h.current = !1 : !F.current && r.inputString !== c.current.inputString && w(), g == null || g();
+    R.current = !1, h.current ? h.current = !1 : !F.current && r.inputString !== p.current.inputString && w(), g == null || g();
   }, J = (e) => {
-    h.current = !0, u.current = !1, d(e.format(a));
+    h.current = !0, u.current = !1, c(e.format(a));
   }, M = () => /* @__PURE__ */ n(
     _,
     {

package/components/DatePickerExtended/DatePickerExtended.js

@@ -5,7 +5,7 @@ import { Calendar as X } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DEMHVloq.js";
+import "../../chunks/DropdownListItem-DsKl9Gi-.js";
 import { EDropdownAlignment as Y } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -103,7 +103,7 @@ const ee = I.forwardRef((l, r) => {
       onKeyDown: F,
       onMouseDown: N,
       ...V,
-      "data-tx": "0.28.0",
+      "data-tx": "0.30.0",
       ref: (e) => {
         a.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 s, Fragment as m } from "react/jsx-runtime";
 import f, { useContext as u } from "react";
-import { F as D } from "../../chunks/vendor---Om3uMV.js";
+import { F as D } from "../../chunks/vendor-z35N2Tap.js";
 import { Dropdown as w } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext as x } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.js";
@@ -14,7 +14,7 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const h = "datePickerExtendedMobileDropdown__21f4541c", C = {
+const h = "datePickerExtendedMobileDropdown__82f42c64", C = {
   datePickerExtendedMobileDropdown: h
 }, E = f.forwardRef(
   (i, d) => {

package/components/DatePickerExtended/index.js

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

package/components/DateRange/DateRange.js

@@ -3,66 +3,66 @@ 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---Om3uMV.js";
-const F = "dateRange__99d6e3fa", M = "dateRangeButton__a463cbdf", h = "separator__7889f8bd", d = {
+import { c as i } from "../../chunks/vendor-z35N2Tap.js";
+const F = "dateRange__48ccf72b", M = "dateRangeButton__cda3aaa6", h = "separator__1ee9e540", d = {
   dateRange: F,
   dateRangeButton: M,
   separator: h
 }, j = ({
   children: y,
-  className: p,
-  value: R,
+  className: R,
+  value: g,
   onChange: o,
   shiftAmount: n = 1,
   shiftUnit: s = E.MONTH,
-  hideNavigation: f,
-  renderPickerFrom: g,
+  hideNavigation: p,
+  renderPickerFrom: f,
   renderPickerTo: u,
   renderButtonForward: S,
-  renderButtonBack: b,
-  ...k
+  renderButtonBack: k,
+  ...b
 }) => {
-  const [t, a] = R, x = i(d.dateRange, p), B = (e) => {
-    !e || !a || e <= a ? o([e, a]) : o([e, ""]);
+  const [a, t] = g, x = i(d.dateRange, R), B = (e) => {
+    !e || !t || e <= t ? o([e, t]) : o([e, ""]);
   }, I = (e) => {
-    !e || !t || e >= t ? o([t, e]) : o(["", e]);
+    !e || !a || e >= a ? o([a, e]) : o(["", e]);
   }, N = () => {
-    if (!t || !a)
+    if (!a || !t)
       return;
-    const e = c(t, r), m = c(a, r);
+    const e = c(a, r), m = c(t, r);
     o([
       e.subtract(n, s).format(r),
       m.subtract(n, s).format(r)
     ]);
   }, _ = () => {
-    if (!t || !a)
+    if (!a || !t)
       return;
-    const e = c(t, r), m = c(a, r);
+    const e = c(a, r), m = c(t, r);
     o([
       e.add(n, s).format(r),
       m.add(n, s).format(r)
     ]);
   };
-  return /* @__PURE__ */ v("div", { className: x, ...k, children: [
-    !f && b({
+  return /* @__PURE__ */ v("div", { className: x, ...b, children: [
+    !p && k({
       children: /* @__PURE__ */ l(D, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
-      disabled: !(t && a),
+      className: i(d.dateRangeButton, { disabled: !(a && t) }),
+      disabled: !(a && t),
       onClick: N
     }),
-    g({
+    f({
       onChange: B,
-      value: t
+      value: a
     }),
     /* @__PURE__ */ l(Y, { className: d.separator, paletteIndex: 5 }),
     u({
       onChange: I,
-      value: a
+      value: t
     }),
-    !f && S({
+    !p && S({
       children: /* @__PURE__ */ l(C, { paletteIndex: 5 }),
-      className: i(d.dateRangeButton, { disabled: !(t && a) }),
-      disabled: !(t && a),
+      className: i(d.dateRangeButton, { disabled: !(a && t) }),
+      disabled: !(a && t),
       onClick: _
     })
   ] });

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,11 +3,11 @@ import { DesignTokensCore as m } 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 { k as l } from "../../chunks/vendor---Om3uMV.js";
+import { k as l } from "../../chunks/vendor-z35N2Tap.js";
 const n = {
   getCSSVariableByTokenGroup: (t, s) => {
     const e = Object.keys(t)[0], r = "triplex-next";
-    let o = "0.28.0";
+    let o = "0.30.0";
     return o = o.replace(/\./g, "-"), Object.keys(t[e]).map(
       (T) => `--${r}-${e}-${T}-${o}: ${n.getTokenValue(
         t[e][T],