@sberbusiness/triplex-next 0.15.0 → 0.16.0

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-CQvFfbck.js";
-import { c as g } from "../../../chunks/vendor-CalMVkfj.js";
+import { s as T } from "../../../chunks/Chip-Is4KDVHc.js";
+import { c as g } from "../../../chunks/vendor-DE8Zvm0w.js";
 const y = S.forwardRef(
   ({ className: m, clearSelected: d, disabled: c, size: o, label: i, displayedValue: p, onChange: l, options: s, value: e, ...n }, f) => {
     const a = (r) => /* @__PURE__ */ t(

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import T, { useCallback as t } from "react";
-import { C as g } from "../../../chunks/Chip-CQvFfbck.js";
+import { C as g } from "../../../chunks/Chip-Is4KDVHc.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 C, c as l } from "../../chunks/vendor-CalMVkfj.js";
-import { ChipIcon as E } from "./ChipIcon.js";
-import { SortStrokeSrvIcon24 as m } from "@sberbusiness/icons-next";
-import { SelectExtendedField as u } 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 as l } from "../../chunks/vendor-DE8Zvm0w.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-CQvFfbck.js";
-const N = b.forwardRef(
-  ({ className: a, defaultValue: p, disabled: d, label: s, onChange: c, options: n, value: r, size: t, ...f }, x) => {
-    const i = !!r && !C.isEqual(p, r), h = ({ opened: e, setOpened: I }) => /* @__PURE__ */ o(
-      E,
+import { SelectExtendedFieldDropdownDefault as T } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { s as k } from "../../chunks/Chip-Is4KDVHc.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()), 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(), c(!0));
+      };
+      return /* @__PURE__ */ r(
+        R,
+        {
+          className: l("hoverable", {
+            active: !!o
+          }),
+          ref: S,
+          disabled: f,
+          selected: n,
+          onClick: () => c(!o),
+          onKeyDown: w,
+          size: i,
+          role: "combobox",
+          "aria-expanded": o,
+          "aria-controls": a.current,
+          children: n ? /* @__PURE__ */ r(s, { paletteIndex: 6 }) : /* @__PURE__ */ r(s, { paletteIndex: 5 })
+        }
+      );
+    }, D = (o) => /* @__PURE__ */ r(
+      T,
       {
-        className: l("hoverable", {
-          active: !!e
-        }),
-        ref: x,
-        disabled: d,
-        selected: i,
-        onClick: () => I(!0),
-        size: t,
-        role: "combobox",
-        "aria-expanded": e,
-        children: i ? /* @__PURE__ */ o(m, { paletteIndex: 6 }) : /* @__PURE__ */ o(m, { 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(
-      u,
+    return /* @__PURE__ */ r(
+      K,
       {
-        className: l(D.chipGroupItem, a),
-        renderTarget: h,
-        ...f,
-        children: S
+        className: l(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-CalMVkfj.js";
+import { c as x } from "../../../chunks/vendor-DE8Zvm0w.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-CQvFfbck.js";
+import { s as j } from "../../../chunks/Chip-Is4KDVHc.js";
 const w = ({ className: c, displayedValue: g, label: r, prefix: y, targetProps: u, dropdownProps: n, ...o }, t) => {
   const { value: s, size: i } = o, f = p(null), l = p(null), a = (e) => {
     f.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 E, { useCallback as O } from "react";
-import { F as S } from "../../../chunks/vendor-CalMVkfj.js";
+import { F as S } from "../../../chunks/vendor-DE8Zvm0w.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 F } from "../../../chunks/DropdownListItem-CcCakDyr.js";
+import { D as F } from "../../../chunks/DropdownListItem-BdSacGyt.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import E, { useCallback as t } from "react";
 import { useSuggestContext as P } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as T } from "../../../chunks/Chip-CQvFfbck.js";
+import { C as T } from "../../../chunks/Chip-Is4KDVHc.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 k } from "../../../Suggest/SuggestContext.js";
-import { FormField as B } from "../../../FormField/FormField.js";
+import { useSuggestContext as b } from "../../../Suggest/SuggestContext.js";
+import { FormField as k } from "../../../FormField/FormField.js";
 import "../../../FormField/components/FormFieldDescription.js";
 import "../../../FormField/components/FormFieldCounter.js";
-import { FormFieldLabel as D } from "../../../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as L } from "../../../FormField/components/FormFieldClear.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 M } from "../../../../chunks/FormFieldInput-M-BWeUyG.js";
+import { F as L } from "../../../../chunks/FormFieldInput-DDUEO0k6.js";
 import "../../../FormField/components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as O } from "../../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPostfix as M } 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 R } from "../../../Tooltip/enums.js";
-import { LoaderSmall as W } from "../../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as b } from "../../../Loader/LoaderSmall/enum.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__020c70fd", j = {
+const E = "chipSuggestInputWrapper__4d6b9d25", j = {
   chipSuggestInputWrapper: E
 }, oe = ({ children: m }) => {
   const {
@@ -26,12 +26,12 @@ const E = "chipSuggestInputWrapper__020c70fd", j = {
     placeholder: u,
     noOptionsText: c,
     dropdownListId: d,
-    activeDescendant: f,
-    loading: g,
+    activeDescendant: g,
+    loading: f,
     tooltipOpen: h,
     clearInputOnFocus: p,
     onFilter: e
-  } = k(), [F, l] = z(!1), s = T(null), S = o(() => e(""), [e]), I = o(
+  } = b(), [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__020c70fd", j = {
   ), C = o(() => {
     l(!0), r.length !== 0 && p === !0 && e("");
   }, [r.length, p, e]), x = o(() => l(!1), []);
-  return /* @__PURE__ */ i(B, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
-    /* @__PURE__ */ t(D, { children: m }),
+  return /* @__PURE__ */ i(k, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
+    /* @__PURE__ */ t(B, { children: m }),
     /* @__PURE__ */ i(
       n,
       {
-        size: R.SM,
+        size: O.SM,
         isOpen: !!h && F,
         toggle: () => {
         },
@@ -53,12 +53,12 @@ const E = "chipSuggestInputWrapper__020c70fd", j = {
         children: [
           /* @__PURE__ */ t(n.Body, { children: c }),
           /* @__PURE__ */ t(n.Target, { children: /* @__PURE__ */ t(
-            M,
+            L,
             {
               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__020c70fd", j = {
         ]
       }
     ),
-    /* @__PURE__ */ i(O, { children: [
-      /* @__PURE__ */ t(L, { onClick: S }),
-      g && /* @__PURE__ */ t(W, { theme: b.BRAND, size: a.SM })
+    /* @__PURE__ */ i(M, { children: [
+      /* @__PURE__ */ t(D, { onClick: S }),
+      f && /* @__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-CQvFfbck.js";
+import { C as e } from "../../chunks/Chip-Is4KDVHc.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-CalMVkfj.js";
+import { jsx as n } from "react/jsx-runtime";
+import p from "react";
+import { c as r } from "../../chunks/vendor-DE8Zvm0w.js";
 import { EComponentSize as c } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
-const _ = "chipGroup__b43b4b47", u = "oneLine__1aea62b4", d = "multiLine__6a228df5", b = "lg__d5508e5a", f = "md__b20b1b92", L = "sm__64072b2d", o = {
-  chipGroup: _,
-  oneLine: u,
-  multiLine: d,
-  lg: b,
-  md: f,
-  sm: L
-}, h = l(o), G = r.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = c.MD, ...s }, n) => /* @__PURE__ */ p(
+const d = "chipGroup__a15eba63", _ = "oneLine__a4a6a4c8", u = "multiLine__3d7b859d", f = "lg__a61d61c2", L = "md__17ef363b", h = "sm__c78a7dda", o = {
+  chipGroup: d,
+  oneLine: _,
+  multiLine: u,
+  lg: f,
+  md: L,
+  sm: h
+}, G = l(o), C = p.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: a = c.MD, ...m }, s) => /* @__PURE__ */ n(
     "div",
     {
-      className: a(o.chipGroup, h[m], t, {
+      className: r(o.chipGroup, G[a], t, {
         [o.multiLine]: !e,
         [o.oneLine]: !!e
       }),
-      ...s,
-      ref: n,
-      "data-tx": "0.15.0",
+      ...m,
+      ref: s,
+      "data-tx": "0.16.0",
       children: i
     }
   )
 );
-G.displayName = "ChipGroup";
+C.displayName = "ChipGroup";
 export {
-  G as ChipGroup
+  C as ChipGroup
 };
 //# sourceMappingURL=ChipGroup.js.map