@sberbusiness/triplex-next 1.21.0 → 1.23.0

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import g, { useCallback as t } from "react";
-import { C as x } from "../../../chunks/Chip-CtmEt4Cp.js";
+import { C as x } from "../../../chunks/Chip-EVPZneh2.js";
 import { ChipDropdownArrow as y } from "../ChipDropdownArrow.js";
 import { ChipClearButton as D } from "../ChipClearButton.js";
 import { isKey as a } from "../../../utils/keyboard.js";

package/components/Chip/ChipSort.js

@@ -1,36 +1,36 @@
 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-CuCj7SgU.js";
+import { u as b, l as N, c as l } from "../../chunks/vendor-BiObpx9E.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 T } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
-import { s as k } from "../../chunks/Chip-CtmEt4Cp.js";
+import { s as k } from "../../chunks/Chip-EVPZneh2.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 a = C(b()), n = !!e && !N.isEqual(p, e), E = ({ opened: o, setOpened: c }) => {
       const w = (t) => {
-        !o && (m(t.code, "ENTER") || m(t.code, "SPACE")) && (t.preventDefault(), n(!0));
+        !o && (m(t.code, "ENTER") || m(t.code, "SPACE")) && (t.preventDefault(), c(!0));
       };
       return /* @__PURE__ */ r(
         R,
         {
-          className: c("hoverable", {
+          className: l("hoverable", {
             active: !!o
           }),
           ref: S,
           disabled: f,
-          selected: l,
-          onClick: () => n(!o),
+          selected: n,
+          onClick: () => c(!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 })
+          children: n ? /* @__PURE__ */ r(s, { paletteIndex: 6 }) : /* @__PURE__ */ r(s, { paletteIndex: 5 })
         }
       );
     }, D = (o) => /* @__PURE__ */ r(
@@ -42,14 +42,13 @@ const q = y.forwardRef(
         onChange: x,
         options: h,
         value: e,
-        fixedWidth: !1,
         listId: a.current
       }
     );
     return /* @__PURE__ */ r(
       K,
       {
-        className: c(k.chipGroupItem, d),
+        className: l(k.chipGroupItem, d),
         renderTarget: E,
         ...I,
         children: D

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-CuCj7SgU.js";
+import { c as x } from "../../../chunks/vendor-BiObpx9E.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-CtmEt4Cp.js";
+import { s as j } from "../../../chunks/Chip-EVPZneh2.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,12 @@
-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 { g as S } from "../../../chunks/vendor-CuCj7SgU.js";
+import { g as S } from "../../../chunks/vendor-BiObpx9E.js";
 import { EVENT_KEY_CODES as L } from "../../../utils/keyboard.js";
 import { useSuggestContext as k } from "../../Suggest/SuggestContext.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
-import { DropdownList as x } from "../../Dropdown/desktop/DropdownList.js";
-import { D as R } from "../../../chunks/DropdownListItem-gGRZUigY.js";
+import { DropdownList as R } from "../../Dropdown/desktop/DropdownList.js";
+import { D as _ } from "../../../chunks/DropdownListItem-BOB8eQXM.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -18,66 +18,66 @@ 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 { 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], v = ({ children: l, size: i, targetRef: c, focusTrapProps: t, ...D }, r) => {
+const F = [L.ENTER], I = ({ children: c, size: i, targetRef: l, focusTrapProps: e, ...w }, r) => {
   const {
     value: n,
     options: d,
-    dropdownListId: w,
+    dropdownListId: D,
     dropdownOpen: p,
-    dropdownListLoading: f,
-    dropdownRef: a,
+    dropdownListLoading: a,
+    dropdownRef: f,
     closeDropdown: s,
     onSelect: u,
     setDropdownOpen: m
   } = k(), g = (o) => {
-    a.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
+    f.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
   }, h = O(
     (o) => {
       o ? m(!0) : s();
     },
     [m, s]
   );
-  return /* @__PURE__ */ e(
-    _,
+  return /* @__PURE__ */ t(
+    x,
     {
       size: i,
-      targetRef: c,
+      targetRef: l,
       opened: p,
-      fixedWidth: !1,
       setOpened: h,
       mobileViewProps: {
-        children: /* @__PURE__ */ e(y, {})
+        children: /* @__PURE__ */ t(y, {})
       },
-      ...D,
+      ...w,
       ref: g,
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ t(
         S.FocusTrap,
         {
-          ...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(b, { children: l }),
-            /* @__PURE__ */ e(
-              x,
+            /* @__PURE__ */ t(b, { children: c }),
+            /* @__PURE__ */ t(
+              R,
               {
-                id: w,
+                id: D,
                 size: i,
                 dropdownOpened: p,
-                loading: f,
+                loading: a,
                 style: d.length === 0 ? { display: "none" } : void 0,
-                children: d.map((o) => /* @__PURE__ */ e(
-                  R,
+                children: d.map((o) => /* @__PURE__ */ t(
+                  _,
                   {
                     id: o.id,
                     keyCodesForSelection: F,
                     selected: o.id === (n == null ? void 0 : n.id),
+                    showNotificationIcon: o.showNotificationIcon,
                     onSelect: () => u(o),
                     children: o.content || o.label
                   },
@@ -90,8 +90,8 @@ const F = [L.ENTER], v = ({ children: l, size: i, targetRef: c, focusTrapProps:
       )
     }
   );
-}, to = E.forwardRef(v);
+}, eo = E.forwardRef(I);
 export {
-  to as ChipSuggestDropdown
+  eo as ChipSuggestDropdown
 };
 //# sourceMappingURL=ChipSuggestDropdown.js.map

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

package/components/Chip/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../../chunks/Chip-CtmEt4Cp.js";
+import { C as e } from "../../chunks/Chip-EVPZneh2.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 } from "../../chunks/vendor-CuCj7SgU.js";
+import { jsx as n } from "react/jsx-runtime";
+import p from "react";
+import { c as r } from "../../chunks/vendor-BiObpx9E.js";
 import { EComponentSize as a } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const _ = "chipGroup__1e18d611", u = "oneLine__6c99f3b3", d = "multiLine__14e0da59", f = "lg__204efd52", L = "md__73c4932b", h = "sm__b32bb778", o = {
+const _ = "chipGroup__318e2bc8", d = "oneLine__206c56a2", u = "multiLine__428c9979", f = "lg__5b37cce1", L = "md__d83806dd", h = "sm__597a5ed1", o = {
   chipGroup: _,
-  oneLine: u,
-  multiLine: d,
+  oneLine: d,
+  multiLine: u,
   lg: f,
   md: L,
   sm: h
-}, G = l(o), b = r.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, n) => /* @__PURE__ */ p(
+}, G = l(o), C = p.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, c) => /* @__PURE__ */ n(
     "div",
     {
-      className: c(o.chipGroup, G[m], t, {
+      className: r(o.chipGroup, G[m], t, {
         [o.multiLine]: !e,
         [o.oneLine]: !!e
       }),
       ...s,
-      ref: n,
-      "data-tx": "1.21.0",
+      ref: c,
+      "data-tx": "1.23.0",
       children: i
     }
   )
 );
-b.displayName = "ChipGroup";
+C.displayName = "ChipGroup";
 export {
-  b as ChipGroup
+  C as ChipGroup
 };
 //# sourceMappingURL=ChipGroup.js.map