@sberbusiness/triplex-next 1.24.0 → 1.26.0

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -5,7 +5,7 @@ import { c as x } from "../../../chunks/vendor-DudMBGKr.js";
 import "../../Suggest/SuggestContext.js";
 import { Suggest as S } from "../../Suggest/Suggest.js";
 import { ChipSuggestDropdown as C } from "./ChipSuggestDropdown.js";
-import { s as j } from "../../../chunks/Chip-DxpL0kHg.js";
+import { s as j } from "../../../chunks/Chip-Di8g8Z6j.js";
 const w = ({ className: u, displayedValue: c, label: r, prefix: y, targetProps: g, dropdownProps: l, ...o }, t) => {
   const { value: s, size: f } = o, i = p(null), n = p(null), a = (e) => {
     i.current = e, typeof t == "function" ? t(e) : t && (t.current = e);

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -6,7 +6,7 @@ import { useSuggestContext as k } from "../../Suggest/SuggestContext.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList as R } from "../../Dropdown/desktop/DropdownList.js";
-import { D as _ } from "../../../chunks/DropdownListItem-D_36RD5A.js";
+import { D as _ } from "../../../chunks/DropdownListItem-CjZLy9zZ.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,9 +21,9 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { Dropdown as x } from "../../Dropdown/Dropdown.js";
 import { ChipSuggestDesktopDropdownField as b } from "./desktop/ChipSuggestDesktopDropdownField.js";
 import { SuggestMobileDropdownContent as y } from "../../Suggest/SuggestMobileDropdownContent.js";
-const F = [L.ENTER], I = ({ children: c, size: i, targetRef: l, focusTrapProps: e, ...w }, r) => {
+const F = [L.ENTER], I = ({ children: c, size: n, targetRef: l, focusTrapProps: e, ...w }, r) => {
   const {
-    value: n,
+    value: i,
     options: d,
     dropdownListId: D,
     dropdownOpen: p,
@@ -43,7 +43,7 @@ const F = [L.ENTER], I = ({ children: c, size: i, targetRef: l, focusTrapProps:
   return /* @__PURE__ */ t(
     x,
     {
-      size: i,
+      size: n,
       targetRef: l,
       opened: p,
       setOpened: h,
@@ -62,12 +62,12 @@ const F = [L.ENTER], I = ({ children: c, size: i, targetRef: l, focusTrapProps:
             ...e == null ? void 0 : e.focusTrapOptions
           },
           children: /* @__PURE__ */ C("div", { role: "presentation", children: [
-            /* @__PURE__ */ t(b, { children: c }),
+            /* @__PURE__ */ t(b, { size: n, children: c }),
             /* @__PURE__ */ t(
               R,
               {
                 id: D,
-                size: i,
+                size: n,
                 dropdownOpened: p,
                 loading: a,
                 style: d.length === 0 ? { display: "none" } : void 0,
@@ -76,7 +76,7 @@ const F = [L.ENTER], I = ({ children: c, size: i, targetRef: l, focusTrapProps:
                   {
                     id: o.id,
                     keyCodesForSelection: F,
-                    selected: o.id === (n == null ? void 0 : n.id),
+                    selected: o.id === (i == null ? void 0 : i.id),
                     showNotificationIcon: o.showNotificationIcon,
                     onSelect: () => u(o),
                     children: o.content || o.label

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -1,44 +1,45 @@
-import { jsx as f } from "react/jsx-runtime";
-import E, { useCallback as r } from "react";
-import { useSuggestContext as P } from "../../Suggest/SuggestContext.js";
+import { jsx as m } from "react/jsx-runtime";
+import P, { useCallback as r } from "react";
+import { useSuggestContext as T } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as T } from "../../../chunks/Chip-DxpL0kHg.js";
-import { ChipClearButton as c } from "../ChipClearButton.js";
-import { ChipDropdownArrow as w } from "../ChipDropdownArrow.js";
+import { C as c } from "../../../chunks/Chip-Di8g8Z6j.js";
+import { ChipClearButton as w } from "../ChipClearButton.js";
+import { ChipDropdownArrow as B } from "../ChipDropdownArrow.js";
 import { isKey as n } from "../../../utils/keyboard.js";
-const B = ({ onKeyDown: p, onClick: s, clearSelected: i, ...u }, C) => {
-  const { value: d, dropdownOpen: t, setDropdownOpen: a } = P(), g = r(
+const R = ({ onKeyDown: p, onClick: s, clearSelected: a, size: d, ...C }, g) => {
+  const { value: f, dropdownOpen: t, setDropdownOpen: i } = T(), h = r(
     (o) => {
-      a(!t), s == null || s(o);
+      i(!t), s == null || s(o);
     },
-    [t, a, s]
-  ), h = r(
+    [t, i, s]
+  ), x = r(
     (o) => {
-      (n(o.code, "ENTER") || n(o.code, "SPACE")) && (a(!t), p == null || p(o));
+      (n(o.code, "ENTER") || n(o.code, "SPACE")) && (i(!t), p == null || p(o));
     },
-    [t, a, p]
-  ), m = r((o) => {
+    [t, i, p]
+  ), u = r((o) => {
     (n(o.code, "ENTER") || n(o.code, "SPACE")) && o.stopPropagation();
   }, []), e = r(
     (o) => {
-      o.stopPropagation(), i == null || i();
+      o.stopPropagation(), a == null || a();
     },
-    [i]
-  ), x = r(() => d === void 0 ? /* @__PURE__ */ f(w, { rotated: t }) : /* @__PURE__ */ f(c, { onClick: e, onKeyDown: m }), [d, t, e, m]);
-  return /* @__PURE__ */ f(
-    T,
+    [a]
+  ), E = r(() => f === void 0 ? /* @__PURE__ */ m(B, { rotated: t, size: d }) : /* @__PURE__ */ m(w, { onClick: e, onKeyDown: u }), [f, d, t, e, u]);
+  return /* @__PURE__ */ m(
+    c,
     {
-      selected: d !== void 0,
+      selected: f !== void 0,
       "aria-expanded": t,
-      postfix: x(),
-      onKeyDown: h,
-      onClick: g,
-      ...u,
-      ref: C
+      postfix: E(),
+      onKeyDown: x,
+      onClick: h,
+      size: d,
+      ...C,
+      ref: g
     }
   );
-}, D = E.forwardRef(B);
+}, k = P.forwardRef(R);
 export {
-  D as ChipSuggestTarget
+  k as ChipSuggestTarget
 };
 //# sourceMappingURL=ChipSuggestTarget.js.map

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -1,81 +1,91 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as v, useRef as z, useCallback as o } from "react";
-import { useSuggestContext as T } from "../../../Suggest/SuggestContext.js";
-import { FormFieldClear as k } from "../../../FormField/components/FormFieldClear.js";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { useState as D, useRef as L, useCallback as o } from "react";
+import { useSuggestContext as M } from "../../../Suggest/SuggestContext.js";
+import { FormFieldClear as T } from "../../../FormField/components/FormFieldClear.js";
 import "../../../FormField/components/FormFieldCounter.js";
 import "../../../FormField/components/FormFieldDescription.js";
-import { F as B } from "../../../../chunks/FormFieldInput-C7aO7-c1.js";
-import { FormFieldLabel as D } from "../../../FormField/components/FormFieldLabel.js";
+import { F as k } from "../../../../chunks/FormFieldInput-C2TczHnQ.js";
+import { FormFieldLabel as B } from "../../../FormField/components/FormFieldLabel.js";
 import "../../../FormField/components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as L } from "../../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPostfix as O } from "../../../FormField/components/FormFieldPostfix.js";
 import "../../../FormField/components/FormFieldPrefix.js";
 import "../../../FormField/components/FormFieldTarget.js";
 import "../../../FormField/components/FormFieldTextarea.js";
-import { FormField as M } from "../../../FormField/FormField.js";
-import { EComponentSize as a } from "../../../../enums/EComponentSize.js";
-import { Tooltip as n } from "../../../Tooltip/Tooltip.js";
-import { ETooltipSize as O } from "../../../Tooltip/enums.js";
-import { LoaderSmall as R } from "../../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as W } from "../../../Loader/LoaderSmall/enum.js";
+import { FormField as R } from "../../../FormField/FormField.js";
+import { EComponentSize as r } from "../../../../enums/EComponentSize.js";
+import { Tooltip as p } from "../../../Tooltip/Tooltip.js";
+import { ETooltipSize as W } from "../../../Tooltip/enums.js";
+import { LoaderSmall as b } from "../../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as E } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const E = "chipSuggestInputWrapper__06fbb4c6", j = {
-  chipSuggestInputWrapper: E
-}, oe = ({ children: m }) => {
+const j = "chipSuggestInputWrapper__797a8146", w = {
+  chipSuggestInputWrapper: j
+}, re = ({
+  children: m,
+  size: u
+}) => {
   const {
-    inputValue: r,
-    placeholder: u,
-    noOptionsText: c,
-    dropdownListId: d,
+    inputValue: i,
+    placeholder: c,
+    noOptionsText: d,
+    dropdownListId: g,
     activeDescendant: f,
-    loading: g,
-    tooltipOpen: h,
-    clearInputOnFocus: p,
+    loading: h,
+    tooltipOpen: F,
+    clearInputOnFocus: l,
     onFilter: e
-  } = T(), [F, l] = v(!1), s = z(null), S = o(() => e(""), [e]), I = o(
-    (b) => {
-      e(b.target.value);
+  } = M(), [S, s] = D(!1), a = L(null), I = o(() => e(""), [e]), C = o(
+    (z) => {
+      e(z.target.value);
     },
     [e]
-  ), C = o(() => {
-    l(!0), r.length !== 0 && p === !0 && e("");
-  }, [r.length, p, e]), x = o(() => l(!1), []);
-  return /* @__PURE__ */ i(M, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
-    /* @__PURE__ */ t(D, { children: m }),
-    /* @__PURE__ */ i(
-      n,
-      {
-        size: O.SM,
-        isOpen: !!h && F,
-        toggle: () => {
-        },
-        targetRef: s,
-        disableAdaptiveMode: !0,
-        children: [
-          /* @__PURE__ */ t(n.Body, { children: c }),
-          /* @__PURE__ */ t(n.Target, { children: /* @__PURE__ */ t(
-            B,
-            {
-              value: r,
-              placeholder: u,
-              "aria-controls": d,
-              "aria-activedescendant": f,
-              autoFocus: !0,
-              onFocus: C,
-              onBlur: x,
-              onChange: I,
-              ref: s
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ i(L, { children: [
-      /* @__PURE__ */ t(k, { onClick: S }),
-      g && /* @__PURE__ */ t(R, { theme: W.BRAND, size: a.SM })
-    ] })
-  ] });
+  ), x = o(() => {
+    s(!0), i.length !== 0 && l === !0 && e("");
+  }, [i.length, l, e]), v = o(() => s(!1), []);
+  return /* @__PURE__ */ n(
+    R,
+    {
+      className: w.chipSuggestInputWrapper,
+      size: u === r.LG ? r.MD : r.SM,
+      children: [
+        /* @__PURE__ */ t(B, { children: m }),
+        /* @__PURE__ */ n(
+          p,
+          {
+            size: W.SM,
+            isOpen: !!F && S,
+            toggle: () => {
+            },
+            targetRef: a,
+            disableAdaptiveMode: !0,
+            children: [
+              /* @__PURE__ */ t(p.Body, { children: d }),
+              /* @__PURE__ */ t(p.Target, { children: /* @__PURE__ */ t(
+                k,
+                {
+                  value: i,
+                  placeholder: c,
+                  "aria-controls": g,
+                  "aria-activedescendant": f,
+                  autoFocus: !0,
+                  onFocus: x,
+                  onBlur: v,
+                  onChange: C,
+                  ref: a
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(O, { children: [
+          /* @__PURE__ */ t(T, { onClick: I }),
+          h && /* @__PURE__ */ t(b, { theme: E.BRAND, size: r.SM })
+        ] })
+      ]
+    }
+  );
 };
 export {
-  oe as ChipSuggestDesktopDropdownField
+  re as ChipSuggestDesktopDropdownField
 };
 //# sourceMappingURL=ChipSuggestDesktopDropdownField.js.map

package/components/Chip/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../../chunks/Chip-DxpL0kHg.js";
+import { C as e } from "../../chunks/Chip-Di8g8Z6j.js";
 import { ChipDatePicker as t } from "./ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget as C } from "./ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton as h } from "./ChipClearButton.js";

package/components/ChipGroup/ChipGroup.js

@@ -1,26 +1,26 @@
-import { jsx as n } from "react/jsx-runtime";
-import p from "react";
-import { c as r } from "../../chunks/vendor-DudMBGKr.js";
-import { EComponentSize as c } from "../../enums/EComponentSize.js";
+import { jsx as a } from "react/jsx-runtime";
+import c from "react";
+import { c as p } from "../../chunks/vendor-DudMBGKr.js";
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const _ = "chipGroup__abd0724a", d = "oneLine__a3190f80", u = "multiLine__c4fad849", f = "lg__1db52a11", L = "md__80542c54", h = "sm__2ad88f9c", o = {
+const _ = "chipGroup__138dd88c", d = "oneLine__9814cc32", u = "multiLine__86554a26", f = "lg__b332de5a", L = "md__cf9a29e4", h = "sm__3ead4130", o = {
   chipGroup: _,
   oneLine: d,
   multiLine: u,
   lg: f,
   md: L,
   sm: h
-}, G = l(o), C = p.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = c.MD, ...s }, a) => /* @__PURE__ */ n(
+}, G = l(o), C = c.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = r.MD, ...s }, n) => /* @__PURE__ */ a(
     "div",
     {
-      className: r(o.chipGroup, G[m], t, {
+      className: p(o.chipGroup, G[m], t, {
         [o.multiLine]: !e,
         [o.oneLine]: !!e
       }),
       ...s,
-      ref: a,
-      "data-tx": "1.24.0",
+      ref: n,
+      "data-tx": "1.26.0",
       children: i
     }
   )