@sberbusiness/triplex-next 0.25.0 → 0.27.0

package/components/Chip/ChipSuggest/ChipSuggestDropdown.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
 import E, { useCallback as O } from "react";
 import { F as S } from "../../../chunks/vendor---Om3uMV.js";
 import { EVENT_KEY_CODES as L } from "../../../utils/keyboard.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 F } from "../../Dropdown/desktop/DropdownList.js";
-import { D as R } from "../../../chunks/DropdownListItem-wT8cLRdZ.js";
+import { D as R } from "../../../chunks/DropdownListItem-BflrX8i-.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,62 +21,62 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { Dropdown as b } from "../../Dropdown/Dropdown.js";
 import { ChipSuggestDesktopDropdownField as x } from "./desktop/ChipSuggestDesktopDropdownField.js";
 import { SuggestMobileDropdownContent as y } from "../../Suggest/SuggestMobileDropdownContent.js";
-const I = [L.ENTER], N = ({ children: c, size: i, targetRef: l, focusTrapProps: t, ...w }, r) => {
+const I = [L.ENTER], N = ({ children: c, size: n, targetRef: l, focusTrapProps: e, ...w }, r) => {
   const {
-    value: n,
+    value: i,
     options: d,
     dropdownListId: D,
     dropdownOpen: p,
     dropdownListLoading: f,
     dropdownRef: a,
-    closeDropdown: s,
+    closeDropdown: m,
     onSelect: u,
-    setDropdownOpen: m
+    setDropdownOpen: s
   } = k(), g = (o) => {
     a.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
   }, h = O(
     (o) => {
-      o ? m(!0) : s();
+      o ? s(!0) : m();
     },
-    [m, s]
+    [s, m]
   );
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     b,
     {
-      size: i,
+      size: n,
       targetRef: l,
       opened: p,
       setOpened: h,
       mobileViewProps: {
-        children: /* @__PURE__ */ e(y, {})
+        children: /* @__PURE__ */ t(y, {})
       },
       ...w,
       ref: g,
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ t(
         S,
         {
-          ...t,
+          ...e,
           focusTrapOptions: {
             clickOutsideDeactivates: !0,
             returnFocusOnDeactivate: !0,
-            ...t == null ? void 0 : t.focusTrapOptions
+            ...e == null ? void 0 : e.focusTrapOptions
           },
           children: /* @__PURE__ */ C("div", { role: "presentation", children: [
-            /* @__PURE__ */ e(x, { children: c }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(x, { size: n, children: c }),
+            /* @__PURE__ */ t(
               F,
               {
                 id: D,
-                size: i,
+                size: n,
                 dropdownOpened: p,
                 loading: f,
                 style: d.length === 0 ? { display: "none" } : void 0,
-                children: d.map((o) => /* @__PURE__ */ e(
+                children: d.map((o) => /* @__PURE__ */ t(
                   R,
                   {
                     id: o.id,
                     keyCodesForSelection: I,
-                    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
@@ -90,8 +90,8 @@ const I = [L.ENTER], N = ({ children: c, size: i, targetRef: l, focusTrapProps:
       )
     }
   );
-}, to = E.forwardRef(N);
+}, eo = E.forwardRef(N);
 export {
-  to as ChipSuggestDropdown
+  eo as ChipSuggestDropdown
 };
 //# sourceMappingURL=ChipSuggestDropdown.js.map

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -1,44 +1,45 @@
-import { jsx as m } from "react/jsx-runtime";
-import E, { useCallback as t } from "react";
-import { useSuggestContext as P } from "../../Suggest/SuggestContext.js";
+import { jsx as f } from "react/jsx-runtime";
+import P, { useCallback as t } from "react";
+import { useSuggestContext as T } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as T } from "../../../chunks/Chip-BEnNi0nL.js";
-import { ChipClearButton as c } from "../ChipClearButton.js";
-import { ChipDropdownArrow as w } from "../ChipDropdownArrow.js";
+import { C as c } from "../../../chunks/Chip-BWrXp8b3.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: r, setDropdownOpen: a } = P(), g = t(
+const R = ({ onKeyDown: p, onClick: s, clearSelected: i, size: d, ...e }, g) => {
+  const { value: m, dropdownOpen: r, setDropdownOpen: a } = T(), h = t(
     (o) => {
       a(!r), s == null || s(o);
     },
     [r, a, s]
-  ), h = t(
+  ), x = t(
     (o) => {
       (n(o.code, "ENTER") || n(o.code, "SPACE")) && (a(!r), p == null || p(o));
     },
     [r, a, p]
-  ), f = t((o) => {
+  ), u = t((o) => {
     (n(o.code, "ENTER") || n(o.code, "SPACE")) && o.stopPropagation();
-  }, []), e = t(
+  }, []), C = t(
     (o) => {
       o.stopPropagation(), i == null || i();
     },
     [i]
-  ), x = t(() => d === void 0 ? /* @__PURE__ */ m(w, { rotated: r }) : /* @__PURE__ */ m(c, { onClick: e, onKeyDown: f }), [d, r, e, f]);
-  return /* @__PURE__ */ m(
-    T,
+  ), E = t(() => m === void 0 ? /* @__PURE__ */ f(B, { rotated: r, size: d }) : /* @__PURE__ */ f(w, { onClick: C, onKeyDown: u }), [m, d, r, C, u]);
+  return /* @__PURE__ */ f(
+    c,
     {
-      selected: d !== void 0,
+      selected: m !== void 0,
       "aria-expanded": r,
-      postfix: x(),
-      onKeyDown: h,
-      onClick: g,
-      ...u,
-      ref: C
+      postfix: E(),
+      onKeyDown: x,
+      onClick: h,
+      size: d,
+      ...e,
+      ref: g
     }
   );
-}, k = E.forwardRef(B);
+}, q = P.forwardRef(R);
 export {
-  k as ChipSuggestTarget
+  q 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 z, useRef as T, useCallback as o } from "react";
-import { useSuggestContext as k } from "../../../Suggest/SuggestContext.js";
-import { FormFieldClear as B } 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 D } from "../../../../chunks/FormFieldInput-Dj2JAqj2.js";
-import { FormFieldLabel as L } from "../../../FormField/components/FormFieldLabel.js";
+import { F as b } from "../../../../chunks/FormFieldInput-q8qt9K5c.js";
+import { FormFieldLabel as k } from "../../../FormField/components/FormFieldLabel.js";
 import "../../../FormField/components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as M } from "../../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPostfix as B } from "../../../FormField/components/FormFieldPostfix.js";
 import "../../../FormField/components/FormFieldPrefix.js";
 import "../../../FormField/components/FormFieldTarget.js";
 import "../../../FormField/components/FormFieldTextarea.js";
 import { FormField as O } from "../../../FormField/FormField.js";
-import { EComponentSize as a } from "../../../../enums/EComponentSize.js";
-import { Tooltip as n } from "../../../Tooltip/Tooltip.js";
+import { EComponentSize as r } from "../../../../enums/EComponentSize.js";
+import { Tooltip as p } from "../../../Tooltip/Tooltip.js";
 import { ETooltipSize as R } from "../../../Tooltip/enums.js";
 import { LoaderSmall as W } from "../../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as b } from "../../../Loader/LoaderSmall/enum.js";
+import { ELoaderSmallTheme as E } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const E = "chipSuggestInputWrapper__f94df0f9", j = {
-  chipSuggestInputWrapper: E
-}, oe = ({ children: m }) => {
+const j = "chipSuggestInputWrapper__bf19018f", w = {
+  chipSuggestInputWrapper: j
+}, re = ({
+  children: m,
+  size: u
+}) => {
   const {
-    inputValue: r,
-    placeholder: u,
-    noOptionsText: c,
-    dropdownListId: d,
-    activeDescendant: f,
-    loading: g,
-    tooltipOpen: h,
-    clearInputOnFocus: p,
+    inputValue: i,
+    placeholder: c,
+    noOptionsText: d,
+    dropdownListId: f,
+    activeDescendant: g,
+    loading: h,
+    tooltipOpen: F,
+    clearInputOnFocus: l,
     onFilter: e
-  } = k(), [F, l] = z(!1), s = T(null), S = o(() => e(""), [e]), I = o(
-    (v) => {
-      e(v.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(O, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
-    /* @__PURE__ */ t(L, { children: m }),
-    /* @__PURE__ */ i(
-      n,
-      {
-        size: R.SM,
-        isOpen: !!h && F,
-        toggle: () => {
-        },
-        targetRef: s,
-        disableAdaptiveMode: !0,
-        children: [
-          /* @__PURE__ */ t(n.Body, { children: c }),
-          /* @__PURE__ */ t(n.Target, { children: /* @__PURE__ */ t(
-            D,
-            {
-              value: r,
-              placeholder: u,
-              "aria-controls": d,
-              "aria-activedescendant": f,
-              autoFocus: !0,
-              onFocus: C,
-              onBlur: x,
-              onChange: I,
-              ref: s
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ i(M, { children: [
-      /* @__PURE__ */ t(B, { onClick: S }),
-      g && /* @__PURE__ */ t(W, { theme: b.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(
+    O,
+    {
+      className: w.chipSuggestInputWrapper,
+      size: u === r.LG ? r.MD : r.SM,
+      children: [
+        /* @__PURE__ */ t(k, { children: m }),
+        /* @__PURE__ */ n(
+          p,
+          {
+            size: R.SM,
+            isOpen: !!F && S,
+            toggle: () => {
+            },
+            targetRef: a,
+            disableAdaptiveMode: !0,
+            children: [
+              /* @__PURE__ */ t(p.Body, { children: d }),
+              /* @__PURE__ */ t(p.Target, { children: /* @__PURE__ */ t(
+                b,
+                {
+                  value: i,
+                  placeholder: c,
+                  "aria-controls": f,
+                  "aria-activedescendant": g,
+                  autoFocus: !0,
+                  onFocus: x,
+                  onBlur: v,
+                  onChange: C,
+                  ref: a
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(B, { children: [
+          /* @__PURE__ */ t(T, { onClick: I }),
+          h && /* @__PURE__ */ t(W, { 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-BEnNi0nL.js";
+import { C as e } from "../../chunks/Chip-BWrXp8b3.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,17 +1,17 @@
 import { jsx as n } from "react/jsx-runtime";
 import p from "react";
 import { c as r } from "../../chunks/vendor---Om3uMV.js";
-import { EComponentSize as a } from "../../enums/EComponentSize.js";
+import { EComponentSize as c } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const _ = "chipGroup__86a1dd99", u = "oneLine__8ae5ce81", d = "multiLine__12163d41", f = "lg__9cc77e7a", L = "md__94cffb69", h = "sm__a48c751f", o = {
+const _ = "chipGroup__a8e46f64", f = "oneLine__0aac7f25", u = "multiLine__841f4851", d = "lg__b15111a3", L = "md__6d5a6142", h = "sm__a2bfa498", o = {
   chipGroup: _,
-  oneLine: u,
-  multiLine: d,
-  lg: f,
+  oneLine: f,
+  multiLine: u,
+  lg: d,
   md: L,
   sm: h
 }, G = l(o), C = p.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, c) => /* @__PURE__ */ n(
+  ({ children: i, className: t, oneLine: e, size: m = c.MD, ...s }, a) => /* @__PURE__ */ n(
     "div",
     {
       className: r(o.chipGroup, G[m], t, {
@@ -19,8 +19,8 @@ const _ = "chipGroup__86a1dd99", u = "oneLine__8ae5ce81", d = "multiLine__12163d
         [o.oneLine]: !!e
       }),
       ...s,
-      ref: c,
-      "data-tx": "0.25.0",
+      ref: a,
+      "data-tx": "0.27.0",
       children: i
     }
   )