@sberbusiness/triplex-next 1.7.0 → 1.9.0

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -0,0 +1,44 @@
+import { jsx as p } from "react/jsx-runtime";
+import T, { useCallback as t } from "react";
+import { C as g } from "../../../chunks/Chip-DXegvfGS.js";
+import { ChipDropdownArrow as x } from "../ChipDropdownArrow.js";
+import { ChipClearButton as y } from "../ChipClearButton.js";
+import { isKey as a } from "../../../utils/keyboard.js";
+const D = T.forwardRef((f, C) => {
+  const { children: m, selected: l, onKeyDown: i, onClick: n, onClear: s, opened: e, setOpened: r, ...h } = f, u = t(
+    (o) => {
+      !e && (a(o.code, "ENTER") || a(o.code, "SPACE")) ? (o.preventDefault(), r(!0)) : e && a(o.code, "TAB") && r(!1), i == null || i(o);
+    },
+    [e, r, i]
+  ), w = t(
+    (o) => {
+      r(!e), n == null || n(o);
+    },
+    [e, r, n]
+  ), c = t((o) => {
+    (a(o.code, "ENTER") || a(o.code, "SPACE")) && o.stopPropagation();
+  }, []), d = t(
+    (o) => {
+      o.stopPropagation(), s();
+    },
+    [s]
+  ), E = t(() => l ? /* @__PURE__ */ p(y, { onClick: d, onKeyDown: c }) : /* @__PURE__ */ p(x, { rotated: e }), [l, e, d, c]);
+  return /* @__PURE__ */ p(
+    g,
+    {
+      postfix: E(),
+      selected: l,
+      "aria-expanded": e,
+      onKeyDown: u,
+      onClick: w,
+      ...h,
+      ref: C,
+      children: m
+    }
+  );
+});
+D.displayName = "ChipSelectTarget";
+export {
+  D as ChipSelectTarget
+};
+//# sourceMappingURL=ChipSelectTarget.js.map

package/components/Chip/ChipSelect/index.js

@@ -0,0 +1,7 @@
+import { ChipSelect as t } from "./ChipSelect.js";
+import { ChipSelectTarget as p } from "./ChipSelectTarget.js";
+export {
+  t as ChipSelect,
+  p as ChipSelectTarget
+};
+//# sourceMappingURL=index.js.map

package/components/Chip/ChipSort.js

@@ -7,7 +7,7 @@ import { SelectExtendedField as E } from "../SelectExtendedField/SelectExtendedF
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault as w } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
-import { s as D } from "../../chunks/Chip-eRAmMCbK.js";
+import { s as D } from "../../chunks/Chip-DXegvfGS.js";
 const N = b.forwardRef(
   ({ className: m, defaultValue: d, disabled: p, label: s, onChange: c, options: n, value: r, size: t, ...f }, x) => {
     const i = !!r && !u.isEqual(d, r), h = ({ opened: e, setOpened: I }) => /* @__PURE__ */ o(

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -5,7 +5,7 @@ import { c as x } from "../../../chunks/vendor-D3hUOusX.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-eRAmMCbK.js";
+import { s as j } from "../../../chunks/Chip-DXegvfGS.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

@@ -1,12 +1,13 @@
-import { jsxs as E, jsx as r } from "react/jsx-runtime";
-import S, { useCallback as h } from "react";
-import { EVENT_KEY_CODES as C } from "../../../utils/keyboard.js";
-import { useSuggestContext as L } from "../../Suggest/SuggestContext.js";
-import { Dropdown as O } from "../../Dropdown/Dropdown.js";
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
+import E, { useCallback as O } from "react";
+import { h as S } from "../../../chunks/vendor-D3hUOusX.js";
+import { EVENT_KEY_CODES as L } from "../../../utils/keyboard.js";
+import { useSuggestContext as k } from "../../Suggest/SuggestContext.js";
+import { Dropdown as x } from "../../Dropdown/Dropdown.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as _ } from "../../Dropdown/desktop/DropdownList.js";
-import { D as x } from "../../../chunks/DropdownListItem-DjvVx10v.js";
+import { DropdownList as R } from "../../Dropdown/desktop/DropdownList.js";
+import { D as _ } from "../../../chunks/DropdownListItem-ToJzPBLf.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -18,68 +19,79 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import { ChipSuggestDesktopDropdownField as R } from "./desktop/ChipSuggestDesktopDropdownField.js";
-import { SuggestMobileDropdownContent as b } from "../../Suggest/SuggestMobileDropdownContent.js";
-const y = [C.ENTER], k = ({ children: s, size: p, targetRef: l, ...c }, e) => {
+import { ChipSuggestDesktopDropdownField as b } from "./desktop/ChipSuggestDesktopDropdownField.js";
+import { SuggestMobileDropdownContent as y } from "../../Suggest/SuggestMobileDropdownContent.js";
+const F = [L.ENTER], v = ({ children: l, size: i, targetRef: c, focusTrapProps: t, ...D }, r) => {
   const {
-    value: t,
-    options: i,
-    dropdownListId: f,
-    dropdownOpen: d,
-    dropdownListLoading: w,
-    dropdownRef: D,
-    closeDropdown: n,
-    onSelect: g,
+    value: n,
+    options: d,
+    dropdownListId: w,
+    dropdownOpen: p,
+    dropdownListLoading: f,
+    dropdownRef: a,
+    closeDropdown: s,
+    onSelect: u,
     setDropdownOpen: m
-  } = L(), u = (o) => {
-    D.current = o, typeof e == "function" ? e(o) : e && (e.current = o);
-  }, a = h(
+  } = k(), g = (o) => {
+    a.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
+  }, h = O(
     (o) => {
-      o ? m(!0) : n();
+      o ? m(!0) : s();
     },
-    [m, n]
+    [m, s]
   );
-  return /* @__PURE__ */ E(
-    O,
+  return /* @__PURE__ */ e(
+    x,
     {
-      size: p,
-      targetRef: l,
-      opened: d,
+      size: i,
+      targetRef: c,
+      opened: p,
       fixedWidth: !1,
-      setOpened: a,
+      setOpened: h,
       mobileViewProps: {
-        children: /* @__PURE__ */ r(b, {})
+        children: /* @__PURE__ */ e(y, {})
       },
-      ...c,
-      ref: u,
-      children: [
-        /* @__PURE__ */ r(R, { children: s }),
-        /* @__PURE__ */ r(
-          _,
-          {
-            id: f,
-            size: p,
-            dropdownOpened: d,
-            loading: w,
-            style: i.length === 0 ? { display: "none" } : void 0,
-            children: i.map((o) => /* @__PURE__ */ r(
-              x,
+      ...D,
+      ref: g,
+      children: /* @__PURE__ */ e(
+        S.FocusTrap,
+        {
+          ...t,
+          focusTrapOptions: {
+            clickOutsideDeactivates: !0,
+            returnFocusOnDeactivate: !0,
+            ...t == null ? void 0 : t.focusTrapOptions
+          },
+          children: /* @__PURE__ */ C("div", { role: "presentation", children: [
+            /* @__PURE__ */ e(b, { children: l }),
+            /* @__PURE__ */ e(
+              R,
               {
-                id: o.id,
-                keyCodesForSelection: y,
-                selected: o.id === (t == null ? void 0 : t.id),
-                onSelect: () => g(o),
-                children: o.content || o.label
-              },
-              o.id
-            ))
-          }
-        )
-      ]
+                id: w,
+                size: i,
+                dropdownOpened: p,
+                loading: f,
+                style: d.length === 0 ? { display: "none" } : void 0,
+                children: d.map((o) => /* @__PURE__ */ e(
+                  _,
+                  {
+                    id: o.id,
+                    keyCodesForSelection: F,
+                    selected: o.id === (n == null ? void 0 : n.id),
+                    onSelect: () => u(o),
+                    children: o.content || o.label
+                  },
+                  o.id
+                ))
+              }
+            )
+          ] })
+        }
+      )
     }
   );
-}, $ = S.forwardRef(k);
+}, to = E.forwardRef(v);
 export {
-  $ as ChipSuggestDropdown
+  to as ChipSuggestDropdown
 };
 //# sourceMappingURL=ChipSuggestDropdown.js.map

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

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

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

@@ -1,24 +1,24 @@
 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 b } from "../../../Suggest/SuggestContext.js";
-import { FormField as k } from "../../../FormField/FormField.js";
+import { useSuggestContext as k } from "../../../Suggest/SuggestContext.js";
+import { FormField as B } from "../../../FormField/FormField.js";
 import "../../../FormField/components/FormFieldDescription.js";
 import "../../../FormField/components/FormFieldCounter.js";
-import { FormFieldLabel as B } from "../../../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as D } from "../../../FormField/components/FormFieldClear.js";
+import { FormFieldLabel as D } from "../../../FormField/components/FormFieldLabel.js";
+import { FormFieldClear as L } from "../../../FormField/components/FormFieldClear.js";
 import "../../../FormField/components/FormFieldTarget.js";
-import { F as L } from "../../../../chunks/FormFieldInput-Dc0f4nno.js";
+import { F as M } from "../../../../chunks/FormFieldInput-kWDtKz1V.js";
 import "../../../FormField/components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as M } from "../../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPostfix as O } from "../../../FormField/components/FormFieldPostfix.js";
 import "../../../FormField/components/FormFieldPrefix.js";
 import "../../../FormField/components/FormFieldTextarea.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 { 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 "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const E = "chipSuggestInputWrapper__a8bf4034", j = {
+const E = "chipSuggestInputWrapper__0300a35a", j = {
   chipSuggestInputWrapper: E
 }, oe = ({ children: m }) => {
   const {
@@ -26,12 +26,12 @@ const E = "chipSuggestInputWrapper__a8bf4034", j = {
     placeholder: u,
     noOptionsText: c,
     dropdownListId: d,
-    activeDescendant: f,
-    loading: g,
+    activeDescendant: g,
+    loading: f,
     tooltipOpen: h,
     clearInputOnFocus: p,
     onFilter: e
-  } = b(), [F, l] = z(!1), s = T(null), S = o(() => e(""), [e]), I = o(
+  } = k(), [F, l] = z(!1), s = T(null), S = o(() => e(""), [e]), I = o(
     (v) => {
       e(v.target.value);
     },
@@ -39,12 +39,12 @@ const E = "chipSuggestInputWrapper__a8bf4034", j = {
   ), C = o(() => {
     l(!0), r.length !== 0 && p === !0 && e("");
   }, [r.length, p, e]), x = o(() => l(!1), []);
-  return /* @__PURE__ */ i(k, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
-    /* @__PURE__ */ t(B, { children: m }),
+  return /* @__PURE__ */ i(B, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
+    /* @__PURE__ */ t(D, { children: m }),
     /* @__PURE__ */ i(
       n,
       {
-        size: O.SM,
+        size: R.SM,
         isOpen: !!h && F,
         toggle: () => {
         },
@@ -53,12 +53,12 @@ const E = "chipSuggestInputWrapper__a8bf4034", j = {
         children: [
           /* @__PURE__ */ t(n.Body, { children: c }),
           /* @__PURE__ */ t(n.Target, { children: /* @__PURE__ */ t(
-            L,
+            M,
             {
               value: r,
               placeholder: u,
               "aria-controls": d,
-              "aria-activedescendant": f,
+              "aria-activedescendant": g,
               autoFocus: !0,
               onFocus: C,
               onBlur: x,
@@ -69,9 +69,9 @@ const E = "chipSuggestInputWrapper__a8bf4034", j = {
         ]
       }
     ),
-    /* @__PURE__ */ i(M, { children: [
-      /* @__PURE__ */ t(D, { onClick: S }),
-      g && /* @__PURE__ */ t(R, { theme: W.BRAND, size: a.SM })
+    /* @__PURE__ */ i(O, { children: [
+      /* @__PURE__ */ t(L, { onClick: S }),
+      f && /* @__PURE__ */ t(W, { theme: b.BRAND, size: a.SM })
     ] })
   ] });
 };

package/components/Chip/index.js

@@ -1,23 +1,25 @@
-import { C as p } from "../../chunks/Chip-eRAmMCbK.js";
+import { C as p } from "../../chunks/Chip-DXegvfGS.js";
 import { ChipClearButton as e } from "./ChipClearButton.js";
 import { ChipDropdownArrow as C } from "./ChipDropdownArrow.js";
 import { ChipIcon as h } from "./ChipIcon.js";
 import { ChipMultiselect as x } from "./ChipMultiselect.js";
-import { ChipOptions as s } from "./ChipOptions.js";
-import { ChipSelect as n } from "./ChipSelect.js";
-import { ChipSort as S } from "./ChipSort.js";
-import { ChipSuggestTarget as c } from "./ChipSuggest/ChipSuggestTarget.js";
-import { ChipSuggest as d } from "./ChipSuggest/ChipSuggest.js";
+import { ChipOptions as l } from "./ChipOptions.js";
+import { ChipSelect as S } from "./ChipSelect/ChipSelect.js";
+import { ChipSelectTarget as c } from "./ChipSelect/ChipSelectTarget.js";
+import { ChipSort as u } from "./ChipSort.js";
+import { ChipSuggestTarget as T } from "./ChipSuggest/ChipSuggestTarget.js";
+import { ChipSuggest as A } from "./ChipSuggest/ChipSuggest.js";
 export {
   p as Chip,
   e as ChipClearButton,
   C as ChipDropdownArrow,
   h as ChipIcon,
   x as ChipMultiselect,
-  s as ChipOptions,
-  n as ChipSelect,
-  S as ChipSort,
-  d as ChipSuggest,
-  c as ChipSuggestTarget
+  l as ChipOptions,
+  S as ChipSelect,
+  c as ChipSelectTarget,
+  u as ChipSort,
+  A as ChipSuggest,
+  T as ChipSuggestTarget
 };
 //# sourceMappingURL=index.js.map

package/components/ChipGroup/ChipGroup.js

@@ -1,26 +1,26 @@
-import { jsx as n } from "react/jsx-runtime";
-import c from "react";
-import { c as p } from "../../chunks/vendor-D3hUOusX.js";
-import { EComponentSize as r } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const f = "chipGroup__88d0d3a1", _ = "oneLine__a14af088", u = "multiLine__b9f61cbf", d = "lg__ef7f6a61", L = "md__91a8cacd", h = "sm__ac9213f3", o = {
-  chipGroup: f,
+import { jsx as p } from "react/jsx-runtime";
+import r from "react";
+import { c as a } from "../../chunks/vendor-D3hUOusX.js";
+import { EComponentSize as c } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
+const l = "chipGroup__16978f61", _ = "oneLine__7e3f297d", u = "multiLine__ab9ff3a3", d = "lg__06488349", L = "md__61904f7e", h = "sm__fa979f73", o = {
+  chipGroup: l,
   oneLine: _,
   multiLine: u,
   lg: d,
   md: L,
   sm: h
-}, G = l(o), C = c.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: a = r.MD, ...m }, s) => /* @__PURE__ */ n(
+}, G = f(o), C = r.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = c.MD, ...s }, n) => /* @__PURE__ */ p(
     "div",
     {
-      className: p(o.chipGroup, G[a], t, {
+      className: a(o.chipGroup, G[m], t, {
         [o.multiLine]: !e,
         [o.oneLine]: !!e
       }),
-      ...m,
-      ref: s,
-      "data-tx": "1.7.0",
+      ...s,
+      ref: n,
+      "data-tx": "1.9.0",
       children: i
     }
   )