@sberbusiness/triplex-next 0.30.0 → 0.31.0

package/components/Chip/ChipMultiselect.js

@@ -1,55 +1,56 @@
 import { jsx as t } 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-CgSrMLOj.js";
-import { ChipClearButton as E } from "./ChipClearButton.js";
-import { ChipDropdownArrow as K } from "./ChipDropdownArrow.js";
+import y from "react";
+import { MultiselectField as x } from "../MultiselectField/MultiselectField.js";
+import { s as D, C as E } from "../../chunks/Chip-Cteq3rht.js";
+import { ChipClearButton as K } from "./ChipClearButton.js";
+import { ChipDropdownArrow as g } from "./ChipDropdownArrow.js";
 import { isKey as i } from "../../utils/keyboard.js";
-import { c as g } from "../../chunks/vendor-z35N2Tap.js";
-const B = w.forwardRef(
-  ({ children: c, className: p, clearSelected: m, disabled: s, label: n, displayedValue: C, selected: a, size: r, ...d }, f) => {
-    const h = (o) => {
+import { c as B } from "../../chunks/vendor-z35N2Tap.js";
+const N = y.forwardRef(
+  ({ children: c, className: p, clearSelected: m, disabled: s, label: n, displayedValue: C, selected: a, size: r, type: d, ...f }, h) => {
+    const u = (o) => {
       (i(o.code, "ENTER") || i(o.code, "SPACE")) && o.stopPropagation();
-    }, u = (o) => {
+    }, w = (o) => {
       o.stopPropagation(), m();
     };
     return /* @__PURE__ */ t(
-      y,
+      x,
       {
         size: r,
         renderTarget: ({ opened: o, setOpened: e }) => /* @__PURE__ */ t(
-          D,
+          E,
           {
             "aria-expanded": o,
             disabled: s,
             size: r,
+            type: d,
             onClick: () => e(!o),
             onKeyDown: (l) => {
               (i(l.code, "ENTER") || i(l.code, "SPACE")) && e(!o);
             },
             postfix: a ? /* @__PURE__ */ t(
-              E,
+              K,
               {
                 size: r,
-                onKeyDown: h,
-                onClick: u
+                onKeyDown: u,
+                onClick: w
               }
-            ) : /* @__PURE__ */ t(K, { size: r, rotated: o }),
-            ref: f,
+            ) : /* @__PURE__ */ t(g, { size: r, rotated: o }),
+            ref: h,
             role: "listbox",
             selected: !!a,
             children: a ? C ?? n : n
           }
         ),
-        className: g(x.chipGroupItem, p),
-        ...d,
+        className: B(D.chipGroupItem, p),
+        ...f,
         children: c
       }
     );
   }
 );
-B.displayName = "ChipMultiselect";
+N.displayName = "ChipMultiselect";
 export {
-  B as ChipMultiselect
+  N as ChipMultiselect
 };
 //# sourceMappingURL=ChipMultiselect.js.map

package/components/Chip/ChipOptions.js

@@ -1,16 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
 import a from "react";
 import { OptionsStrokeSrvIcon24 as i } from "@sberbusiness/icons-next";
-import { C } from "../../chunks/Chip-CgSrMLOj.js";
-import { ChipClearButton as m } from "./ChipClearButton.js";
-const c = "chipOptionsContent__142d79ae", f = {
-  chipOptionsContent: c
+import { C } from "../../chunks/Chip-Cteq3rht.js";
+import { ChipClearButton as c } from "./ChipClearButton.js";
+const m = "chipOptionsContent__dc36ac8d", f = {
+  chipOptionsContent: m
 }, l = a.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(m, { onClick: (r) => {
+      postfix: n ? /* @__PURE__ */ t(c, { onClick: (r) => {
         r.stopPropagation(), e();
       }, size: p.size }) : /* @__PURE__ */ t("span", {}),
       selected: n,

package/components/Chip/ChipSelect/ChipSelect.js

@@ -1,50 +1,63 @@
 import { jsx as t } from "react/jsx-runtime";
-import S from "react";
-import { SelectExtendedField as C } from "../../SelectExtendedField/SelectExtendedField.js";
+import C from "react";
+import { c as w } from "../../../chunks/vendor-z35N2Tap.js";
+import { SelectExtendedField as D } from "../../SelectExtendedField/SelectExtendedField.js";
 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-CgSrMLOj.js";
-import { c as g } from "../../../chunks/vendor-z35N2Tap.js";
-const y = S.forwardRef(
-  ({ className: m, clearSelected: c, disabled: p, size: o, label: i, displayedValue: d, onChange: l, options: n, value: e, ...s }, f) => {
-    const a = (r) => /* @__PURE__ */ t(
-      w,
+import { SelectExtendedFieldDropdownDefault as T } from "../../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { ChipSelectTarget as g } from "./ChipSelectTarget.js";
+import { s as y } from "../../../chunks/Chip-Cteq3rht.js";
+const E = C.forwardRef(
+  ({
+    className: m,
+    disabled: c,
+    value: e,
+    options: p,
+    onChange: d,
+    type: l,
+    size: o,
+    clearSelected: n,
+    label: i,
+    displayedValue: s,
+    ...f
+  }, a) => {
+    const h = (r) => /* @__PURE__ */ t(
+      T,
       {
         ...r,
         mobileTitle: i,
         size: o,
-        onChange: l,
-        options: n,
+        onChange: d,
+        options: p,
         value: e
       }
-    ), h = ({ opened: r, setOpened: x }) => /* @__PURE__ */ t(
-      D,
+    ), x = ({ opened: r, setOpened: S }) => /* @__PURE__ */ t(
+      g,
       {
-        selected: e !== void 0,
-        disabled: p,
-        onClear: c,
+        type: l,
         size: o,
+        selected: e !== void 0,
+        disabled: c,
+        onClear: n,
         opened: r,
-        setOpened: x,
-        children: e ? d ?? e.label : i
+        setOpened: S,
+        children: e ? s ?? e.label : i
       }
     );
     return /* @__PURE__ */ t(
-      C,
+      D,
       {
-        className: g(T.chipGroupItem, m),
-        renderTarget: h,
-        ...s,
-        ref: f,
-        children: a
+        className: w(y.chipGroupItem, m),
+        renderTarget: x,
+        ...f,
+        ref: a,
+        children: h
       }
     );
   }
 );
-y.displayName = "ChipSelect";
+E.displayName = "ChipSelect";
 export {
-  y as ChipSelect
+  E as ChipSelect
 };
 //# sourceMappingURL=ChipSelect.js.map

package/components/Chip/ChipSelect/ChipSelectTarget.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import g, { useCallback as t } from "react";
-import { C as x } from "../../../chunks/Chip-CgSrMLOj.js";
+import { C as x } from "../../../chunks/Chip-Cteq3rht.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,21 +1,20 @@
 import { jsx as o } from "react/jsx-runtime";
-import D, { useRef as E } from "react";
-import { u as w, l as C, c as K } from "../../chunks/vendor-z35N2Tap.js";
-import { ChipIcon as R } from "./ChipIcon.js";
+import E, { useRef as w } from "react";
+import { u as C, l as K, c as R } from "../../chunks/vendor-z35N2Tap.js";
+import { ChipIcon as N } from "./ChipIcon.js";
 import { SortStrokeSrvIcon24 as l } from "@sberbusiness/icons-next";
-import { SelectExtendedField as N } from "../SelectExtendedField/SelectExtendedField.js";
+import { SelectExtendedField as T } from "../SelectExtendedField/SelectExtendedField.js";
 import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
 import "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
-import { SelectExtendedFieldDropdownDefault as T } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
+import { SelectExtendedFieldDropdownDefault as b } from "../SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js";
 import { isKey as s } from "../../utils/keyboard.js";
-import { IconWrapper as b } from "../IconWrapper/IconWrapper.js";
-import { s as k } from "../../chunks/Chip-CgSrMLOj.js";
-const q = D.forwardRef(
-  ({ className: p, defaultValue: d, disabled: n, label: f, onChange: u, options: h, value: t, size: i, ...x }, I) => {
-    const c = E(w()), m = !!t && !C.isEqual(d, t), S = ({ opened: r, setOpened: a }) => /* @__PURE__ */ o(
-      R,
+import { IconWrapper as k } from "../IconWrapper/IconWrapper.js";
+import { s as q } from "../../chunks/Chip-Cteq3rht.js";
+const F = E.forwardRef(
+  ({ className: p, defaultValue: d, disabled: n, label: f, onChange: u, options: h, value: t, size: i, type: x, ...I }, S) => {
+    const c = w(C()), m = !!t && !K.isEqual(d, t), y = ({ opened: r, setOpened: a }) => /* @__PURE__ */ o(
+      N,
       {
-        ref: I,
         disabled: n,
         selected: m,
         onClick: () => a(!r),
@@ -23,13 +22,15 @@ const q = D.forwardRef(
           !r && (s(e.code, "ENTER") || s(e.code, "SPACE")) && (e.preventDefault(), a(!0));
         },
         size: i,
+        type: x,
         role: "combobox",
         "aria-expanded": r,
         "aria-controls": c.current,
-        children: /* @__PURE__ */ o(b, { active: r, disabled: n, displayContents: !0, children: m ? /* @__PURE__ */ o(l, { paletteIndex: 6 }) : /* @__PURE__ */ o(l, { paletteIndex: 5 }) })
+        ref: S,
+        children: /* @__PURE__ */ o(k, { active: r, disabled: n, displayContents: !0, children: m ? /* @__PURE__ */ o(l, { paletteIndex: 6 }) : /* @__PURE__ */ o(l, { paletteIndex: 5 }) })
       }
-    ), y = (r) => /* @__PURE__ */ o(
-      T,
+    ), D = (r) => /* @__PURE__ */ o(
+      b,
       {
         ...r,
         size: i,
@@ -41,18 +42,18 @@ const q = D.forwardRef(
       }
     );
     return /* @__PURE__ */ o(
-      N,
+      T,
       {
-        className: K(k.chipGroupItem, p),
-        renderTarget: S,
-        ...x,
-        children: y
+        className: R(q.chipGroupItem, p),
+        renderTarget: y,
+        ...I,
+        children: D
       }
     );
   }
 );
-q.displayName = "ChipSort";
+F.displayName = "ChipSort";
 export {
-  q as ChipSort
+  F as ChipSort
 };
 //# sourceMappingURL=ChipSort.js.map

package/components/Chip/ChipSuggest/ChipSuggest.js

@@ -1,21 +1,21 @@
-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-z35N2Tap.js";
+import { ChipSuggestTarget as R } from "./ChipSuggestTarget.js";
+import { jsxs as d, jsx as m } from "react/jsx-runtime";
+import x, { useRef as p } from "react";
+import { c as S } from "../../../chunks/vendor-z35N2Tap.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-CgSrMLOj.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) => {
+import { Suggest as C } from "../../Suggest/Suggest.js";
+import { ChipSuggestDropdown as j } from "./ChipSuggestDropdown.js";
+import { s as w } from "../../../chunks/Chip-Cteq3rht.js";
+const y = ({ className: c, type: g, displayedValue: u, label: r, prefix: v, targetProps: n, dropdownProps: l, ...o }, t) => {
+  const { value: s, size: i } = o, f = p(null), a = p(null), h = (e) => {
     f.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
   };
-  return /* @__PURE__ */ R(S, { className: x(j.chipGroupItem, c), ...o, ref: a, children: [
-    /* @__PURE__ */ m(h, { size: i, ...u, ref: l, children: s ? g ?? s.label : r }),
-    /* @__PURE__ */ m(C, { size: i, targetRef: f, ...n, children: r })
+  return /* @__PURE__ */ d(C, { className: S(w.chipGroupItem, c), ...o, ref: h, children: [
+    /* @__PURE__ */ m(R, { size: i, ...n, type: g, ref: a, children: s ? u ?? s.label : r }),
+    /* @__PURE__ */ m(j, { size: i, targetRef: f, ...l, children: r })
   ] });
-}, b = d.forwardRef(w);
+}, k = x.forwardRef(y);
 export {
-  b as ChipSuggest
+  k as ChipSuggest
 };
 //# sourceMappingURL=ChipSuggest.js.map

package/components/Chip/ChipSuggest/ChipSuggestDropdown.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-DsKl9Gi-.js";
+import { D as R } from "../../../chunks/DropdownListItem-D093kwGL.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 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 c } from "../../../chunks/Chip-CgSrMLOj.js";
+import { C as c } from "../../../chunks/Chip-Cteq3rht.js";
 import { ChipClearButton as w } from "../ChipClearButton.js";
 import { ChipDropdownArrow as B } from "../ChipDropdownArrow.js";
 import { isKey as n } from "../../../utils/keyboard.js";

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

@@ -4,7 +4,7 @@ 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 k } from "../../../../chunks/FormFieldInput-DM8lK78a.js";
+import { F as k } from "../../../../chunks/FormFieldInput-DEkpK71h.js";
 import { FormFieldLabel as B } from "../../../FormField/components/FormFieldLabel.js";
 import "../../../FormField/components/FormFieldMaskedInput.js";
 import { FormFieldPostfix as O } from "../../../FormField/components/FormFieldPostfix.js";
@@ -18,7 +18,7 @@ import { ETooltipSize as W } from "../../../Tooltip/enums.js";
 import { LoaderSmall as b } from "../../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme as E } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const j = "chipSuggestInputWrapper__6124cafa", w = {
+const j = "chipSuggestInputWrapper__841146e1", w = {
   chipSuggestInputWrapper: j
 }, re = ({
   children: m,
@@ -28,8 +28,8 @@ const j = "chipSuggestInputWrapper__6124cafa", w = {
     inputValue: i,
     placeholder: c,
     noOptionsText: d,
-    dropdownListId: f,
-    activeDescendant: g,
+    dropdownListId: g,
+    activeDescendant: f,
     loading: h,
     tooltipOpen: F,
     clearInputOnFocus: l,
@@ -65,8 +65,8 @@ const j = "chipSuggestInputWrapper__6124cafa", w = {
                 {
                   value: i,
                   placeholder: c,
-                  "aria-controls": f,
-                  "aria-activedescendant": g,
+                  "aria-controls": g,
+                  "aria-activedescendant": f,
                   autoFocus: !0,
                   onFocus: x,
                   onBlur: v,

package/components/Chip/enums.js

@@ -0,0 +1,5 @@
+var t = /* @__PURE__ */ ((r) => (r.TYPE_1 = "type_1", r.TYPE_2 = "type_2", r))(t || {});
+export {
+  t as EChipType
+};
+//# sourceMappingURL=enums.js.map

package/components/Chip/index.js

@@ -1,29 +1,31 @@
-import { C as e } from "../../chunks/Chip-CgSrMLOj.js";
-import { ChipDatePicker as t } from "./ChipDatePicker/ChipDatePicker.js";
-import { ChipDatePickerTarget as C } from "./ChipDatePicker/ChipDatePickerTarget.js";
-import { ChipClearButton as h } from "./ChipClearButton.js";
-import { ChipDropdownArrow as x } from "./ChipDropdownArrow.js";
-import { ChipIcon as g } from "./ChipIcon.js";
-import { ChipMultiselect as l } from "./ChipMultiselect.js";
-import { ChipOptions as S } from "./ChipOptions.js";
-import { ChipSelect as u } from "./ChipSelect/ChipSelect.js";
-import { ChipSelectTarget as T } from "./ChipSelect/ChipSelectTarget.js";
-import { ChipSort as w } from "./ChipSort.js";
-import { ChipSuggestTarget as d } from "./ChipSuggest/ChipSuggestTarget.js";
-import { ChipSuggest as B } from "./ChipSuggest/ChipSuggest.js";
+import { EChipType as e } from "./enums.js";
+import { C as t } from "../../chunks/Chip-Cteq3rht.js";
+import { ChipDatePicker as C } from "./ChipDatePicker/ChipDatePicker.js";
+import { ChipDatePickerTarget as h } from "./ChipDatePicker/ChipDatePickerTarget.js";
+import { ChipClearButton as x } from "./ChipClearButton.js";
+import { ChipDropdownArrow as g } from "./ChipDropdownArrow.js";
+import { ChipIcon as l } from "./ChipIcon.js";
+import { ChipMultiselect as S } from "./ChipMultiselect.js";
+import { ChipOptions as u } from "./ChipOptions.js";
+import { ChipSelect as D } from "./ChipSelect/ChipSelect.js";
+import { ChipSelectTarget as w } from "./ChipSelect/ChipSelectTarget.js";
+import { ChipSort as d } from "./ChipSort.js";
+import { ChipSuggestTarget as A } from "./ChipSuggest/ChipSuggestTarget.js";
+import { ChipSuggest as E } from "./ChipSuggest/ChipSuggest.js";
 export {
-  e as Chip,
-  h as ChipClearButton,
-  t as ChipDatePicker,
-  C as ChipDatePickerTarget,
-  x as ChipDropdownArrow,
-  g as ChipIcon,
-  l as ChipMultiselect,
-  S as ChipOptions,
-  u as ChipSelect,
-  T as ChipSelectTarget,
-  w as ChipSort,
-  B as ChipSuggest,
-  d as ChipSuggestTarget
+  t as Chip,
+  x as ChipClearButton,
+  C as ChipDatePicker,
+  h as ChipDatePickerTarget,
+  g as ChipDropdownArrow,
+  l as ChipIcon,
+  S as ChipMultiselect,
+  u as ChipOptions,
+  D as ChipSelect,
+  w as ChipSelectTarget,
+  d as ChipSort,
+  E as ChipSuggest,
+  A as ChipSuggestTarget,
+  e as EChipType
 };
 //# sourceMappingURL=index.js.map

package/components/ChipGroup/ChipGroup.js

@@ -1,17 +1,17 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import p from "react";
 import { c as r } from "../../chunks/vendor-z35N2Tap.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 d = "chipGroup__07e61abd", _ = "oneLine__17eacf30", u = "multiLine__8891d1ff", f = "lg__5ceccd89", L = "md__bbdd4b24", h = "sm__51b0ae47", o = {
+const d = "chipGroup__472ae2ea", _ = "oneLine__a97da159", u = "multiLine__c252d3d0", f = "lg__71319e2b", L = "md__2af5502e", h = "sm__cedb5a5d", o = {
   chipGroup: d,
   oneLine: _,
   multiLine: u,
   lg: f,
   md: L,
   sm: h
-}, G = l(o), b = p.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = a.MD, ...s }, n) => /* @__PURE__ */ c(
+}, G = l(o), C = p.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = c.MD, ...s }, a) => /* @__PURE__ */ n(
     "div",
     {
       className: r(o.chipGroup, G[m], t, {
@@ -19,14 +19,14 @@ const d = "chipGroup__07e61abd", _ = "oneLine__17eacf30", u = "multiLine__8891d1
         [o.oneLine]: !!e
       }),
       ...s,
-      ref: n,
-      "data-tx": "0.30.0",
+      ref: a,
+      "data-tx": "0.31.0",
       children: i
     }
   )
 );
-b.displayName = "ChipGroup";
+C.displayName = "ChipGroup";
 export {
-  b as ChipGroup
+  C as ChipGroup
 };
 //# sourceMappingURL=ChipGroup.js.map