@snmt-react-ui/user-select 1.1.0 → 1.1.1

package/dist/user-select.js

@@ -3,7 +3,7 @@ var Xs = (e, t, r) => t in e ? Js(e, t, { enumerable: !0, configurable: !0, writ
 var On = (e, t, r) => Xs(e, typeof t != "symbol" ? t + "" : t, r);
 import "./index.css";
 import { jsx as h, jsxs as C, Fragment as Ue } from "react/jsx-runtime";
-import { createContext as lt, forwardRef as ct, useState as G, useRef as Kt, useEffect as ce, useCallback as Le, useContext as ht } from "react";
+import { createContext as lt, forwardRef as ct, useState as G, useRef as Kt, useEffect as ce, useCallback as ve, useContext as ht } from "react";
 import { Select as Qs, Flex as e1, Avatar as t1, Checkbox as r1, Typography as qo, Tag as zo, Popover as n1 } from "antd";
 import { SNMTUiContext as o1 } from "@snmt-react-ui/core";
 const Lt = ({
@@ -1443,7 +1443,7 @@ function _a(e, t, r) {
 const Dr = {
   assertOptions: _a,
   validators: fn
-}, we = Dr.validators;
+}, ke = Dr.validators;
 let Ae = class {
   constructor(e) {
     this.defaults = e, this.interceptors = {
@@ -1480,14 +1480,14 @@ let Ae = class {
     typeof e == "string" ? (t = t || {}, t.url = e) : t = e || {}, t = Be(this.defaults, t);
     const { transitional: r, paramsSerializer: n, headers: o } = t;
     r !== void 0 && Dr.assertOptions(r, {
-      silentJSONParsing: we.transitional(we.boolean),
-      forcedJSONParsing: we.transitional(we.boolean),
-      clarifyTimeoutError: we.transitional(we.boolean)
+      silentJSONParsing: ke.transitional(ke.boolean),
+      forcedJSONParsing: ke.transitional(ke.boolean),
+      clarifyTimeoutError: ke.transitional(ke.boolean)
     }, !1), n != null && (w.isFunction(n) ? t.paramsSerializer = {
       serialize: n
     } : Dr.assertOptions(n, {
-      encode: we.function,
-      serialize: we.function
+      encode: ke.function,
+      serialize: ke.function
     }, !0)), t.method = (t.method || this.defaults.method || "get").toLowerCase();
     let i = o && w.merge(
       o.common,
@@ -3175,7 +3175,7 @@ function cc(e, t, r) {
 const Kr = {
   assertOptions: cc,
   validators: Cn
-}, ke = Kr.validators;
+}, ye = Kr.validators;
 let Te = class {
   constructor(e) {
     this.defaults = e, this.interceptors = {
@@ -3212,14 +3212,14 @@ let Te = class {
     typeof e == "string" ? (t = t || {}, t.url = e) : t = e || {}, t = Pe(this.defaults, t);
     const { transitional: r, paramsSerializer: n, headers: o } = t;
     r !== void 0 && Kr.assertOptions(r, {
-      silentJSONParsing: ke.transitional(ke.boolean),
-      forcedJSONParsing: ke.transitional(ke.boolean),
-      clarifyTimeoutError: ke.transitional(ke.boolean)
+      silentJSONParsing: ye.transitional(ye.boolean),
+      forcedJSONParsing: ye.transitional(ye.boolean),
+      clarifyTimeoutError: ye.transitional(ye.boolean)
     }, !1), n != null && (k.isFunction(n) ? t.paramsSerializer = {
       serialize: n
     } : Kr.assertOptions(n, {
-      encode: ke.function,
-      serialize: ke.function
+      encode: ye.function,
+      serialize: ye.function
     }, !0)), t.method = (t.method || this.defaults.method || "get").toLowerCase();
     let i = o && k.merge(
       o.common,
@@ -8166,7 +8166,7 @@ function w5(e, t, r) {
 const Jr = {
   assertOptions: w5,
   validators: bn
-}, ye = Jr.validators;
+}, be = Jr.validators;
 let _e = class {
   constructor(e) {
     this.defaults = e, this.interceptors = {
@@ -8203,14 +8203,14 @@ let _e = class {
     typeof e == "string" ? (t = t || {}, t.url = e) : t = e || {}, t = De(this.defaults, t);
     const { transitional: r, paramsSerializer: n, headers: o } = t;
     r !== void 0 && Jr.assertOptions(r, {
-      silentJSONParsing: ye.transitional(ye.boolean),
-      forcedJSONParsing: ye.transitional(ye.boolean),
-      clarifyTimeoutError: ye.transitional(ye.boolean)
+      silentJSONParsing: be.transitional(be.boolean),
+      forcedJSONParsing: be.transitional(be.boolean),
+      clarifyTimeoutError: be.transitional(be.boolean)
     }, !1), n != null && (y.isFunction(n) ? t.paramsSerializer = {
       serialize: n
     } : Jr.assertOptions(n, {
-      encode: ye.function,
-      serialize: ye.function
+      encode: be.function,
+      serialize: be.function
     }, !0)), t.method = (t.method || this.defaults.method || "get").toLowerCase();
     let i = o && y.merge(
       o.common,
@@ -13119,7 +13119,7 @@ function v6(e, t, r) {
 const on = {
   assertOptions: v6,
   validators: En
-}, be = on.validators;
+}, Le = on.validators;
 class Me {
   constructor(t) {
     this.defaults = t, this.interceptors = {
@@ -13156,14 +13156,14 @@ class Me {
     typeof t == "string" ? (r = r || {}, r.url = t) : r = t || {}, r = He(this.defaults, r);
     const { transitional: n, paramsSerializer: o, headers: i } = r;
     n !== void 0 && on.assertOptions(n, {
-      silentJSONParsing: be.transitional(be.boolean),
-      forcedJSONParsing: be.transitional(be.boolean),
-      clarifyTimeoutError: be.transitional(be.boolean)
+      silentJSONParsing: Le.transitional(Le.boolean),
+      forcedJSONParsing: Le.transitional(Le.boolean),
+      clarifyTimeoutError: Le.transitional(Le.boolean)
     }, !1), o != null && (b.isFunction(o) ? r.paramsSerializer = {
       serialize: o
     } : on.assertOptions(o, {
-      encode: be.function,
-      serialize: be.function
+      encode: Le.function,
+      serialize: Le.function
     }, !0)), r.method = (r.method || this.defaults.method || "get").toLowerCase();
     let s = i && b.merge(
       i.common,
@@ -13510,39 +13510,47 @@ const Ks = ({ children: e, width: t, size: r = "small", onClose: n, closable: o
   values: e,
   onTagClose: t,
   maxWidth: r,
-  disabled: n
+  disabled: n,
+  options: o,
+  extraOptions: i
 }) => {
-  const [o, i] = G(!1);
+  const [s, a] = G(!1);
   ce(() => {
-    e.length || i(!1);
+    e.length || a(!1);
   }, [e]);
-  const s = (a) => {
-    a.preventDefault(), a.stopPropagation();
+  const d = (l) => {
+    l.preventDefault(), l.stopPropagation();
+  };
+  if (!e.length)
+    return null;
+  const c = (l) => {
+    var u, g;
+    return ((u = o == null ? void 0 : o.find((f) => f.value === l)) == null ? void 0 : u.label) || ((g = i == null ? void 0 : i.find((f) => f.value === l)) == null ? void 0 : g.label) || l;
   };
-  return e.length ? /* @__PURE__ */ h("div", { onMouseDown: s, className: "wrapper", children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ h("div", { onMouseDown: d, className: "wrapper", children: /* @__PURE__ */ h(
     A6,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ h("div", { style: { maxWidth: r - 90 }, children: /* @__PURE__ */ h(Lt, { gap: 6, flexWrap: "wrap", children: e.map(({ value: a, label: d }) => /* @__PURE__ */ h(
+        /* @__PURE__ */ h("div", { style: { maxWidth: r - 90 }, children: /* @__PURE__ */ h(Lt, { gap: 6, flexWrap: "wrap", children: e.map(({ value: l }) => /* @__PURE__ */ h(
           Ks,
           {
-            onClose: () => t(a),
+            onClose: () => t(l),
             closable: !n,
-            children: d
+            children: c(l)
           },
-          a
+          l
         )) }) })
       ),
       placement: "bottomRight",
-      isOpen: o,
-      setIsOpen: i,
-      children: /* @__PURE__ */ h(zo, { className: `overflow-button ${o ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ C(Gs, { variant: "body4", color: o ? Ve.BLUE_PRIMARY : void 0, children: [
+      isOpen: s,
+      setIsOpen: a,
+      children: /* @__PURE__ */ h(zo, { className: `overflow-button ${s ? "open" : ""}`, bordered: !1, children: /* @__PURE__ */ C(Gs, { variant: "body4", color: s ? Ve.BLUE_PRIMARY : void 0, children: [
         e.length,
         " more"
       ] }) })
     }
-  ) }) : null;
+  ) });
 }, _o = ct(
   ({
     value: e,
@@ -13583,13 +13591,13 @@ const Ks = ({ children: e, width: t, size: r = "small", onClose: n, closable: o
       }
       const K = A;
       t == null || t(K);
-    }, ve = () => {
+    }, Re = () => {
       if (n) {
         Z([]);
         return;
       }
       Z("");
-    }, Re = (A) => {
+    }, Ne = (A) => {
       const K = O.filter((me) => me !== A);
       Z(K), D(K);
     }, kt = (A) => (O == null ? void 0 : O.indexOf(A)) === 0 ? (
@@ -13600,7 +13608,7 @@ const Ks = ({ children: e, width: t, size: r = "small", onClose: n, closable: o
     }, ge = async (A) => {
       const { target: K } = A;
       K.scrollTop + K.offsetHeight >= K.scrollHeight - c && (g == null || g(!0)), f && await f(A);
-    }, Ne = (A) => {
+    }, we = (A) => {
       var K, me;
       return ((K = i.find((dr) => dr.value === A)) == null ? void 0 : K.label) || ((me = p == null ? void 0 : p.find((dr) => dr.value === A)) == null ? void 0 : me.label) || A;
     };
@@ -13623,6 +13631,7 @@ const Ks = ({ children: e, width: t, size: r = "small", onClose: n, closable: o
               placeholder: r ? d ? `${r}*` : r : void 0,
               disabled: a,
               value: O || void 0,
+              labelRender: (A) => we(A.value),
               mode: n === "filter" ? "multiple" : n,
               onChange: Z,
               onFocus: Ce,
@@ -13640,9 +13649,9 @@ const Ks = ({ children: e, width: t, size: r = "small", onClose: n, closable: o
                 return /* @__PURE__ */ h("div", { onMouseDown: q, className: "tag-wrapper", children: /* @__PURE__ */ h(
                   Ks,
                   {
-                    onClose: () => Re(A.value),
+                    onClose: () => Ne(A.value),
                     closable: !a,
-                    children: /* @__PURE__ */ h(Gs, { variant: "body4", children: K ? A.label : Ne(A.value) })
+                    children: /* @__PURE__ */ h(Gs, { variant: "body4", children: K ? A.label : we(A.value) })
                   }
                 ) });
               },
@@ -13653,15 +13662,17 @@ const Ks = ({ children: e, width: t, size: r = "small", onClose: n, closable: o
                   T6,
                   {
                     values: A,
-                    onTagClose: Re,
+                    onTagClose: Ne,
                     maxWidth: ((K = H.current) == null ? void 0 : K.clientWidth) || 0,
-                    disabled: a
+                    disabled: a,
+                    options: i,
+                    extraOptions: p
                   }
                 );
               },
               onPopupScroll: ge,
               suffixIcon: /* @__PURE__ */ h("div", { className: "wrapper-suffix-icon", children: n !== "filter" && /* @__PURE__ */ C(Ue, { children: [
-                n && O && !!O.length && /* @__PURE__ */ h("div", { onClick: ve, children: /* @__PURE__ */ h(yt, { name: "cancel" }) }),
+                n && O && !!O.length && /* @__PURE__ */ h("div", { onClick: Re, children: /* @__PURE__ */ h(yt, { name: "cancel" }) }),
                 /* @__PURE__ */ h(
                   yt,
                   {
@@ -13739,7 +13750,7 @@ const Sr = {
     loadOnClosedState: c,
     extraOptions: l
   }, u) => {
-    const [g, f] = G([]), [m, p] = G(Sr), [R, v] = G(!1), [L, S] = G(null), N = Le(
+    const [g, f] = G([]), [m, p] = G(Sr), [R, v] = G(!1), [L, S] = G(null), N = ve(
       async (I = !1, ae) => {
         if (!R) {
           v(!0);
@@ -13757,14 +13768,14 @@ const Sr = {
         }
       },
       [m, e, R]
-    ), E = _6(N), x = Le(
+    ), E = _6(N), x = ve(
       (I) => {
         (I === "" || I === void 0 || I === null) && p(Sr), E(!0, I);
       },
       [E]
     ), O = async (I) => {
       I && L !== null && L > g.length && await N(!1);
-    }, D = Le(
+    }, D = ve(
       (I) => {
         I && !c && N(!1);
       },
@@ -13914,7 +13925,7 @@ const z6 = (e, t) => {
   return ce(() => {
     r.current = e;
   }, [e, t]), r.current;
-}, qs = (e, t, r, n) => e.getFixedT(t, r, n), Y6 = (e, t, r, n) => Le(qs(e, t, r, n), [e, t, r, n]), J6 = function(e) {
+}, qs = (e, t, r, n) => e.getFixedT(t, r, n), Y6 = (e, t, r, n) => ve(qs(e, t, r, n), [e, t, r, n]), J6 = function(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: r
@@ -14364,22 +14375,22 @@ class Wt extends ur {
           });
           q && q.res && this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
         }
-        let ve = [];
-        const Re = this.languageUtils.getFallbackCodes(this.options.fallbackLng, r.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && Re && Re[0])
-          for (let q = 0; q < Re.length; q++)
-            ve.push(Re[q]);
-        else this.options.saveMissingTo === "all" ? ve = this.languageUtils.toResolveHierarchy(r.lng || this.language) : ve.push(r.lng || this.language);
-        const kt = (q, ge, Ne) => {
-          const A = O && Ne !== g ? Ne : le;
+        let Re = [];
+        const Ne = this.languageUtils.getFallbackCodes(this.options.fallbackLng, r.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && Ne && Ne[0])
+          for (let q = 0; q < Ne.length; q++)
+            Re.push(Ne[q]);
+        else this.options.saveMissingTo === "all" ? Re = this.languageUtils.toResolveHierarchy(r.lng || this.language) : Re.push(r.lng || this.language);
+        const kt = (q, ge, we) => {
+          const A = O && we !== g ? we : le;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(q, d, ge, A, Z, r) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(q, d, ge, A, Z, r), this.emit("missingKey", q, d, ge, g);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && x ? ve.forEach((q) => {
+        this.options.saveMissing && (this.options.saveMissingPlurals && x ? Re.forEach((q) => {
           const ge = this.pluralResolver.getSuffixes(q, r);
-          I && r[`defaultValue${this.options.pluralSeparator}zero`] && ge.indexOf(`${this.options.pluralSeparator}zero`) < 0 && ge.push(`${this.options.pluralSeparator}zero`), ge.forEach((Ne) => {
-            kt([q], s + Ne, r[`defaultValue${Ne}`] || ae);
+          I && r[`defaultValue${this.options.pluralSeparator}zero`] && ge.indexOf(`${this.options.pluralSeparator}zero`) < 0 && ge.push(`${this.options.pluralSeparator}zero`), ge.forEach((we) => {
+            kt([q], s + we, r[`defaultValue${we}`] || ae);
           });
-        }) : kt(ve, s, ae));
+        }) : kt(Re, s, ae));
       }
       g = this.extendTranslation(g, t, r, u, n), E && g === s && this.options.appendNamespaceToMissingKey && (g = `${d}:${s}`), (E || N) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? g = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${s}` : s, N ? g : void 0) : g = this.options.parseMissingKeyHandler(g));
     }
@@ -15468,13 +15479,13 @@ $.use(Z6).init({
 });
 const M7 = ct(
   ({ fetchParams: e, mode: t = void 0, placeholder: r, disabled: n, value: o, onChange: i, onError: s }, a) => {
-    const { axios: d, locale: c } = ht(o1), { t: l } = J6("common", { lng: c }), [u, g] = G([]), [f, m] = G(!0), p = Le(
+    const { axios: d, locale: c } = ht(o1), { t: l } = J6("common", { lng: c }), [u, g] = G([]), [f, m] = G(!0), p = ve(
       (N) => {
         let E = "";
         return N.deletedAt && (E += `[${l("deleted")}] `), N.status === Tt.ARCHIVED && (E += `[${l("archived")}] `), `${E}${N.firstName} ${N.lastName}`;
       },
       [l]
-    ), R = Le(
+    ), R = ve(
       async ({
         offset: N,
         limit: E,
@@ -15507,7 +15518,7 @@ const M7 = ct(
         }
       },
       [d, e, s, p]
-    ), v = Le(
+    ), v = ve(
       async (N) => {
         var E, x, O;
         try {
@@ -15549,7 +15560,7 @@ const M7 = ct(
         g(x), m(!1);
       })();
     }, [v, o]);
-    const L = Le(
+    const L = ve(
       async ({
         limit: N,
         offset: E,

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/user-select",
     "private": false,
-    "version": "1.1.0",
+    "version": "1.1.1",
     "type": "module",
     "main": "dist/user-select.js",
     "types": "dist/index.d.ts",
@@ -18,15 +18,15 @@
         "build": "tsc && vite build"
     },
     "dependencies": {
-        "@snmt-react-ui/async-select": "^1.2.2",
+        "@snmt-react-ui/async-select": "^1.2.3",
         "@snmt-react-ui/core": "^1.6.0",
         "@snmt-react-ui/loader": "^1.2.0",
-        "@snmt-react-ui/select": "^1.8.2"
+        "@snmt-react-ui/select": "^1.8.3"
     },
     "peerDependencies": {
         "antd": "^5.22.3",
         "i18next": "^23.11.1",
         "react-i18next": "^14.1.0"
     },
-    "gitHead": "7f9b1f1c9ede6d9bb0e8d1c0404e6fad6f135ab0"
+    "gitHead": "3d8e739899178b34e6cf0575f7f79127f95aeba6"
 }