@sberbusiness/triplex-next 1.14.0 → 1.16.0

package/components/Chip/ChipDropdownArrow.js

@@ -1,13 +1,13 @@
 import { jsx as t } from "react/jsx-runtime";
 import { CaretdownStrokeSrvIcon20 as p } from "@sberbusiness/icons-next";
-import { c } from "../../chunks/vendor-DucOfXwy.js";
-const d = "chipDropdownArrow__2c386f7c", e = "rotated__af1c99c8", o = {
-  chipDropdownArrow: d,
+import { c as d } from "../../chunks/vendor-Dlne6Znf.js";
+const c = "chipDropdownArrow__82c06d03", e = "rotated__543404f2", o = {
+  chipDropdownArrow: c,
   rotated: e
 }, n = ({ rotated: r }) => /* @__PURE__ */ t(
   p,
   {
-    className: c(o.chipDropdownArrow, { [o.rotated]: r }),
+    className: d(o.chipDropdownArrow, { [o.rotated]: r }),
     paletteIndex: 5
   }
 );

package/components/Chip/ChipIcon.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import f from "react";
-import { C as t } from "../../chunks/Chip-CBP_avtm.js";
+import { C as t } from "../../chunks/Chip-D_XuO-fG.js";
 const a = f.forwardRef(({ children: p, ...r }, i) => /* @__PURE__ */ o(t, { ...r, prefix: p, postfix: /* @__PURE__ */ o("span", {}), ref: i }));
 a.displayName = "ChipIcon";
 export {

package/components/Chip/ChipMultiselect.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
 import w from "react";
 import { MultiselectField as y } from "../MultiselectField/MultiselectField.js";
-import { s as x, C as D } from "../../chunks/Chip-CBP_avtm.js";
+import { s as x, C as D } from "../../chunks/Chip-D_XuO-fG.js";
 import { ChipClearButton as E } from "./ChipClearButton.js";
 import { ChipDropdownArrow as K } from "./ChipDropdownArrow.js";
 import { isKey as t } from "../../utils/keyboard.js";
-import { c as g } from "../../chunks/vendor-DucOfXwy.js";
+import { c as g } from "../../chunks/vendor-Dlne6Znf.js";
 const B = w.forwardRef(
   ({ children: s, className: c, clearSelected: p, disabled: m, label: a, displayedValue: d, selected: i, size: e, ...f }, C) => {
     const h = (o) => {

package/components/Chip/ChipOptions.js

@@ -1,22 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
 import r from "react";
 import { OptionsStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { C } from "../../chunks/Chip-CBP_avtm.js";
-import { ChipClearButton as f } from "./ChipClearButton.js";
-const m = "chipOptionsContent__794357a3", c = {
-  chipOptionsContent: m
+import { C } from "../../chunks/Chip-D_XuO-fG.js";
+import { ChipClearButton as c } from "./ChipClearButton.js";
+const f = "chipOptionsContent__4828a90c", m = {
+  chipOptionsContent: f
 }, l = r.forwardRef(
   ({ children: o, clearSelected: e, selected: n, ...p }, s) => /* @__PURE__ */ t(
     C,
     {
       prefix: n ? /* @__PURE__ */ t(i, { paletteIndex: 6 }) : /* @__PURE__ */ t(i, { paletteIndex: 5 }),
-      postfix: n ? /* @__PURE__ */ t(f, { onClick: (a) => {
+      postfix: n ? /* @__PURE__ */ t(c, { onClick: (a) => {
         a.stopPropagation(), e();
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,
       ...p,
       ref: s,
-      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: c.chipOptionsContent, children: o }) : o
+      children: typeof o < "u" ? /* @__PURE__ */ t("span", { className: m.chipOptionsContent, children: o }) : o
     }
   )
 );

package/components/Chip/ChipSelect/ChipSelect.js

@@ -5,8 +5,8 @@ import "../../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../../SelectExtendedField/components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdownDefault as w } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { ChipSelectTarget as D } from "./ChipSelectTarget.js";
-import { s as T } from "../../../chunks/Chip-CBP_avtm.js";
-import { c as g } from "../../../chunks/vendor-DucOfXwy.js";
+import { s as T } from "../../../chunks/Chip-D_XuO-fG.js";
+import { c as g } from "../../../chunks/vendor-Dlne6Znf.js";
 const u = S.forwardRef(
   ({ className: d, clearSelected: m, disabled: c, size: o, label: i, displayedValue: l, onChange: p, options: s, value: e, ...n }, f) => {
     const a = (r) => /* @__PURE__ */ t(

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import T, { useCallback as t } from "react";
-import { C as g } from "../../../chunks/Chip-CBP_avtm.js";
+import { C as g } from "../../../chunks/Chip-D_XuO-fG.js";
 import { ChipDropdownArrow as x } from "../ChipDropdownArrow.js";
 import { ChipClearButton as y } from "../ChipClearButton.js";
 import { isKey as a } from "../../../utils/keyboard.js";

package/components/Chip/ChipSort.js

@@ -1,55 +1,64 @@
-import { jsx as o } from "react/jsx-runtime";
-import b from "react";
-import { l as u, c as l } from "../../chunks/vendor-DucOfXwy.js";
-import { ChipIcon as C } from "./ChipIcon.js";
-import { SortStrokeSrvIcon24 as a } from "@sberbusiness/icons-next";
-import { SelectExtendedField as E } from "../SelectExtendedField/SelectExtendedField.js";
+import { jsx as r } from "react/jsx-runtime";
+import y, { useRef as C } from "react";
+import { u as b, l as N, c } from "../../chunks/vendor-Dlne6Znf.js";
+import { ChipIcon as R } from "./ChipIcon.js";
+import { SortStrokeSrvIcon24 as s } from "@sberbusiness/icons-next";
+import { SelectExtendedField as K } from "../SelectExtendedField/SelectExtendedField.js";
 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-CBP_avtm.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(
-      C,
+import { SelectExtendedFieldDropdownDefault as T } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { s as k } from "../../chunks/Chip-D_XuO-fG.js";
+import { isKey as m } from "../../utils/keyboard.js";
+const q = y.forwardRef(
+  ({ className: d, defaultValue: p, disabled: f, label: u, onChange: x, options: h, value: e, size: i, ...I }, S) => {
+    const a = C(b()), l = !!e && !N.isEqual(p, e), E = ({ opened: o, setOpened: n }) => {
+      const w = (t) => {
+        !o && (m(t.code, "ENTER") || m(t.code, "SPACE")) && (t.preventDefault(), n(!0));
+      };
+      return /* @__PURE__ */ r(
+        R,
+        {
+          className: c("hoverable", {
+            active: !!o
+          }),
+          ref: S,
+          disabled: f,
+          selected: l,
+          onClick: () => n(!o),
+          onKeyDown: w,
+          size: i,
+          role: "combobox",
+          "aria-expanded": o,
+          "aria-controls": a.current,
+          children: l ? /* @__PURE__ */ r(s, { paletteIndex: 6 }) : /* @__PURE__ */ r(s, { paletteIndex: 5 })
+        }
+      );
+    }, D = (o) => /* @__PURE__ */ r(
+      T,
       {
-        className: l("hoverable", {
-          active: !!e
-        }),
-        ref: x,
-        disabled: p,
-        selected: i,
-        onClick: () => I(!0),
-        size: t,
-        role: "combobox",
-        "aria-expanded": e,
-        children: i ? /* @__PURE__ */ o(a, { paletteIndex: 6 }) : /* @__PURE__ */ o(a, { paletteIndex: 5 })
-      }
-    ), S = (e) => /* @__PURE__ */ o(
-      w,
-      {
-        ...e,
-        size: t,
-        mobileTitle: s,
-        onChange: c,
-        options: n,
-        value: r,
-        fixedWidth: !1
+        ...o,
+        size: i,
+        mobileTitle: u,
+        onChange: x,
+        options: h,
+        value: e,
+        fixedWidth: !1,
+        listId: a.current
       }
     );
-    return /* @__PURE__ */ o(
-      E,
+    return /* @__PURE__ */ r(
+      K,
       {
-        className: l(D.chipGroupItem, m),
-        renderTarget: h,
-        ...f,
-        children: S
+        className: c(k.chipGroupItem, d),
+        renderTarget: E,
+        ...I,
+        children: D
       }
     );
   }
 );
-N.displayName = "ChipSort";
+q.displayName = "ChipSort";
 export {
-  N as ChipSort
+  q as ChipSort
 };
 //# sourceMappingURL=ChipSort.js.map

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -1,11 +1,11 @@
 import { ChipSuggestTarget as h } from "./ChipSuggestTarget.js";
 import { jsxs as R, jsx as m } from "react/jsx-runtime";
 import d, { useRef as p } from "react";
-import { c as x } from "../../../chunks/vendor-DucOfXwy.js";
+import { c as x } from "../../../chunks/vendor-Dlne6Znf.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-CBP_avtm.js";
+import { s as j } from "../../../chunks/Chip-D_XuO-fG.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,13 +1,12 @@
 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-DucOfXwy.js";
+import { h as S } from "../../../chunks/vendor-Dlne6Znf.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 R } from "../../Dropdown/desktop/DropdownList.js";
-import { D as _ } from "../../../chunks/DropdownListItem-C6I9gVRb.js";
+import { DropdownList as x } from "../../Dropdown/desktop/DropdownList.js";
+import { D as R } from "../../../chunks/DropdownListItem-DzngoNVf.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -19,6 +18,7 @@ import "../../Dropdown/mobile/DropdownMobileList.js";
 import "../../Dropdown/mobile/DropdownMobileListItem.js";
 import "../../Loader/LoaderSmall/LoaderSmall.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
+import { Dropdown as _ } from "../../Dropdown/Dropdown.js";
 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) => {
@@ -41,7 +41,7 @@ const F = [L.ENTER], v = ({ children: l, size: i, targetRef: c, focusTrapProps:
     [m, s]
   );
   return /* @__PURE__ */ e(
-    x,
+    _,
     {
       size: i,
       targetRef: c,
@@ -65,7 +65,7 @@ const F = [L.ENTER], v = ({ children: l, size: i, targetRef: c, focusTrapProps:
           children: /* @__PURE__ */ C("div", { role: "presentation", children: [
             /* @__PURE__ */ e(b, { children: l }),
             /* @__PURE__ */ e(
-              R,
+              x,
               {
                 id: w,
                 size: i,
@@ -73,7 +73,7 @@ const F = [L.ENTER], v = ({ children: l, size: i, targetRef: c, focusTrapProps:
                 loading: f,
                 style: d.length === 0 ? { display: "none" } : void 0,
                 children: d.map((o) => /* @__PURE__ */ e(
-                  _,
+                  R,
                   {
                     id: o.id,
                     keyCodesForSelection: F,

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx as f } from "react/jsx-runtime";
 import E, { useCallback as r } from "react";
 import { useSuggestContext as P } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as T } from "../../../chunks/Chip-CBP_avtm.js";
+import { C as T } from "../../../chunks/Chip-D_XuO-fG.js";
 import { ChipClearButton as c } from "../ChipClearButton.js";
 import { ChipDropdownArrow as w } from "../ChipDropdownArrow.js";
 import { isKey as n } from "../../../utils/keyboard.js";

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-D2lqfg4n.js";
+import { F as M } from "../../../../chunks/FormFieldInput-TbDWEJtn.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__cb503dca", j = {
+const E = "chipSuggestInputWrapper__5c181ecc", j = {
   chipSuggestInputWrapper: E
 }, oe = ({ children: m }) => {
   const {
@@ -31,7 +31,7 @@ const E = "chipSuggestInputWrapper__cb503dca", j = {
     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__cb503dca", 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,7 +53,7 @@ const E = "chipSuggestInputWrapper__cb503dca", j = {
         children: [
           /* @__PURE__ */ t(n.Body, { children: c }),
           /* @__PURE__ */ t(n.Target, { children: /* @__PURE__ */ t(
-            L,
+            M,
             {
               value: r,
               placeholder: u,
@@ -69,9 +69,9 @@ const E = "chipSuggestInputWrapper__cb503dca", j = {
         ]
       }
     ),
-    /* @__PURE__ */ i(M, { children: [
-      /* @__PURE__ */ t(D, { onClick: S }),
-      f && /* @__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,4 +1,4 @@
-import { C as e } from "../../chunks/Chip-CBP_avtm.js";
+import { C as e } from "../../chunks/Chip-D_XuO-fG.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,32 +1,32 @@
-import { jsx as p } from "react/jsx-runtime";
-import r from "react";
-import { c as a } from "../../chunks/vendor-DucOfXwy.js";
-import { EComponentSize as c } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const f = "chipGroup__9a63bf93", _ = "oneLine__085fee0b", u = "multiLine__f23eb726", d = "lg__3b4f8138", L = "md__f1c9da3b", h = "sm__4efa410d", o = {
-  chipGroup: f,
+import { jsx as c } from "react/jsx-runtime";
+import p from "react";
+import { c as r } from "../../chunks/vendor-Dlne6Znf.js";
+import { EComponentSize as a } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as f } from "../../utils/classNameMaps.js";
+const l = "chipGroup__bc96ab5f", _ = "oneLine__66483c8c", u = "multiLine__f8d6176f", d = "lg__8af48d24", L = "md__0c0b8f61", h = "sm__f0f67afb", o = {
+  chipGroup: l,
   oneLine: _,
   multiLine: u,
   lg: d,
   md: L,
   sm: h
-}, G = l(o), b = r.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = c.MD, ...s }, n) => /* @__PURE__ */ p(
+}, G = f(o), C = p.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, n) => /* @__PURE__ */ c(
     "div",
     {
-      className: a(o.chipGroup, G[m], t, {
+      className: r(o.chipGroup, G[m], t, {
         [o.multiLine]: !e,
         [o.oneLine]: !!e
       }),
       ...s,
       ref: n,
-      "data-tx": "1.14.0",
+      "data-tx": "1.16.0",
       children: i
     }
   )
 );
-b.displayName = "ChipGroup";
+C.displayName = "ChipGroup";
 export {
-  b as ChipGroup
+  C as ChipGroup
 };
 //# sourceMappingURL=ChipGroup.js.map