@snmt-react-ui/city-select 2.5.0 → 2.5.1

package/dist/city-select.js

@@ -4,7 +4,7 @@ var H1 = (i, e, t) => de(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as o, Fragment as n1, jsxs as u } from "react/jsx-runtime";
 import { SNMTUiContext as ge } from "@snmt-react-ui/core";
-import { createContext as o1, forwardRef as m1, useState as O, useRef as X, useEffect as B, useCallback as W, useImperativeHandle as ue, useContext as e1 } from "react";
+import { createContext as o1, forwardRef as m1, useState as S, useRef as X, useEffect as B, useCallback as Z, useImperativeHandle as ue, useContext as e1 } from "react";
 import { Select as Ce, Flex as pe, Avatar as fe, Checkbox as we, Typography as me, Tag as ke, Popover as Le } from "antd";
 var ve = Object.defineProperty, Ne = (i, e, t) => e in i ? ve(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, xe = (i, e, t) => Ne(i, e + "", t), Re = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Me() {
@@ -88,8 +88,8 @@ let Se = {
 };
 const Oe = () => Se;
 let Ae;
-const Be = () => Ae, Ze = o1();
-class We {
+const Be = () => Ae, We = o1();
+class Ze {
   constructor() {
     xe(this, "getUsedNamespaces", () => Object.keys(this.usedNamespaces)), this.usedNamespaces = {};
   }
@@ -104,15 +104,15 @@ const je = (i, e) => {
   return B(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, q1 = (i, e, t, s) => i.getFixedT(e, t, s), Te = (i, e, t, s) => W(q1(i, e, t, s), [i, e, t, s]), De = function(i) {
+}, q1 = (i, e, t, s) => i.getFixedT(e, t, s), Te = (i, e, t, s) => Z(q1(i, e, t, s), [i, e, t, s]), De = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
   } = e, {
     i18n: s,
     defaultNS: n
-  } = e1(Ze) || {}, l = t || s || Be();
-  if (l && !l.reportNamespaces && (l.reportNamespaces = new We()), !l) {
+  } = e1(We) || {}, l = t || s || Be();
+  if (l && !l.reportNamespaces && (l.reportNamespaces = new Ze()), !l) {
     R1("You will need to pass in an i18next instance by using initReactI18next");
     const f = (b, R) => q(R) ? R : Ee(R) && q(R.defaultValue) ? R.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, w = [f, {}, !1];
     return w.t = f, w.i18n = {}, w.ready = !1, w;
@@ -128,7 +128,7 @@ const je = (i, e) => {
   } = c;
   let g = i;
   g = q(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => be(f, l, c)), h = Te(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => q1(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, v] = O(C);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => be(f, l, c)), h = Te(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => q1(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, v] = S(C);
   let k = g.join();
   e.lng && (k = `${e.lng}${k}`);
   const E = je(k), N = X(!0);
@@ -206,7 +206,7 @@ const Ke = ({
   disabled: n = !1,
   disableUncheck: l = !1
 }) => {
-  const [c, r] = O(i), [d, g] = O(e);
+  const [c, r] = S(i), [d, g] = S(e);
   B(() => {
     r(i), g(e);
   }, [i, e]);
@@ -1916,7 +1916,7 @@ const Pe = ({
       }
     )
   }
-), Zt = ({
+), Wt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 20,
@@ -1943,7 +1943,7 @@ const Pe = ({
       }
     )
   }
-), Wt = ({
+), Zt = ({
   className: i,
   color: e = M.GREY_DARK_5,
   height: t = 5,
@@ -3283,7 +3283,7 @@ const Pe = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [r, d] = O(n), { theme: g } = e1(Q1), a = l ? g && g === "dark" ? M.GREY_LIGHT_4 : M.GREY_DARK_1 : s, h = l ? void 0 : c;
+  const [r, d] = S(n), { theme: g } = e1(Q1), a = l ? g && g === "dark" ? M.GREY_LIGHT_4 : M.GREY_DARK_1 : s, h = l ? void 0 : c;
   return B(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
@@ -3295,7 +3295,7 @@ const Pe = ({
       case "nextIcon":
         return Bt({ width: e, height: t, color: a, className: r, onClick: h });
       case "prevIcon":
-        return Zt({ width: e, height: t, color: a, className: r, onClick: h });
+        return Wt({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowUp":
         return Pe({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDown":
@@ -3463,7 +3463,7 @@ const Pe = ({
       case "arrowUpFilled":
         return jt({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownFilled":
-        return Wt({ width: e, height: t, color: a, className: r, onClick: h });
+        return Zt({ width: e, height: t, color: a, className: r, onClick: h });
       case "link":
         return Tt({ width: e, height: t, color: a, className: r, onClick: h });
       case "telegram":
@@ -4031,7 +4031,7 @@ const R2 = ({
       )
     ] })
   }
-), Z2 = ({
+), W2 = ({
   width: i = 16,
   height: e = 16,
   color: t = "#001E52",
@@ -4067,7 +4067,7 @@ const R2 = ({
       )
     ]
   }
-), W2 = ({
+), Z2 = ({
   width: i = 11,
   height: e = 32,
   color: t = "#001E52",
@@ -6043,7 +6043,7 @@ const R2 = ({
       )
     ]
   }
-), Z5 = ({
+), W5 = ({
   className: i,
   color: e = y.GREY_DARK_5,
   height: t = 24,
@@ -6092,7 +6092,7 @@ const R2 = ({
       )
     ]
   }
-), W5 = ({
+), Z5 = ({
   className: i,
   color: e = y.GREY_DARK_5,
   height: t = 24,
@@ -6633,7 +6633,7 @@ const R2 = ({
   disabled: l = !1,
   onClick: c
 }) => {
-  const [r, d] = O(n), { theme: g } = e1(X1), a = l ? g && g === "dark" ? y.GREY_LIGHT_4 : y.GREY_DARK_1 : s, h = l ? void 0 : c;
+  const [r, d] = S(n), { theme: g } = e1(X1), a = l ? g && g === "dark" ? y.GREY_LIGHT_4 : y.GREY_DARK_1 : s, h = l ? void 0 : c;
   return B(() => {
     if (n) {
       h && !l && d(`${n} clickable`);
@@ -6673,9 +6673,9 @@ const R2 = ({
       case "plus":
         return B2({ width: e, height: t, color: a, className: r, onClick: h });
       case "time":
-        return Z2({ width: e, height: t, color: a, className: r, onClick: h });
+        return W2({ width: e, height: t, color: a, className: r, onClick: h });
       case "arrowDownLong":
-        return W2({
+        return Z2({
           width: e,
           height: t,
           color: a,
@@ -6849,9 +6849,9 @@ const R2 = ({
       case "settings2":
         return B5({ width: e, height: t, color: a, className: r, onClick: h });
       case "image":
-        return Z5({ width: e, height: t, color: a, className: r, onClick: h });
-      case "upload":
         return W5({ width: e, height: t, color: a, className: r, onClick: h });
+      case "upload":
+        return Z5({ width: e, height: t, color: a, className: r, onClick: h });
       case "edit":
         return j5({ width: e, height: t, color: a, className: r, onClick: h });
       case "location":
@@ -6939,7 +6939,7 @@ const ee = ({
   placement: n = "topRight",
   noPadding: l = !1
 }) => {
-  const [c, r] = O(!1);
+  const [c, r] = S(!1);
   return /* @__PURE__ */ o(
     Le,
     {
@@ -6976,7 +6976,7 @@ const n3 = ({
   options: l,
   extraOptions: c
 }) => {
-  const { locale: r } = e1(E1), { t: d } = De("common", { lng: r }), [g, a] = O(!1);
+  const { locale: r } = e1(E1), { t: d } = De("common", { lng: r }), [g, a] = S(!1);
   if (B(() => {
     i.length || a(!1);
   }, [i]), !i.length)
@@ -7043,31 +7043,31 @@ const n3 = ({
     isLoading: _,
     readOnly: f
   }, w) => {
-    const [b, R] = O(!1), [K, j] = O(!1), [F, T] = O(!0), [Z, Y] = O(i), D = X(null);
+    const [b, R] = S(!1), [D, Y] = S(!1), [G, j] = S(!0), [W, U] = S(i), P = X(null);
     B(() => {
-      Y(i);
+      U(i);
     }, [i]);
-    const V = (x) => {
+    const F = (x) => {
       R(x), C && C(x);
-    }, $ = (x, H) => {
-      var G;
-      return !!((G = H == null ? void 0 : H.label) != null && G.toString().toLowerCase().includes(x.toLowerCase()));
+    }, V = (x, H) => {
+      var K;
+      return !!((K = H == null ? void 0 : H.label) != null && K.toString().toLowerCase().includes(x.toLowerCase()));
     }, t1 = () => {
-      j(!0);
-    }, S = () => {
-      j(!1);
-    }, I = W(
+      Y(!0);
+    }, O = () => {
+      Y(!1);
+    }, I = Z(
       (x) => {
-        if (Y(x), s) {
-          const G = x;
-          e == null || e(G);
+        if (U(x), s) {
+          const K = x;
+          e == null || e(K);
           return;
         }
         const H = x;
         e == null || e(H);
       },
       [s, e]
-    ), U = W(() => {
+    ), T = Z(() => {
       if (!f) {
         if (s) {
           I([]);
@@ -7075,33 +7075,33 @@ const n3 = ({
         }
         I("");
       }
-    }, [I, s, f]), z = W(
+    }, [I, s, f]), z = Z(
       (x) => {
-        const H = Z.filter((G) => G !== x);
-        I(H), Y(H);
+        const H = W.filter((K) => K !== x);
+        I(H), U(H);
       },
-      [I, Z]
-    ), _1 = W(
-      (x) => (Z == null ? void 0 : Z.indexOf(x)) === 0 ? (
+      [I, W]
+    ), _1 = Z(
+      (x) => (W == null ? void 0 : W.indexOf(x)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
-        /* @__PURE__ */ o("span", { className: "custom-placeholder", children: F ? t : "" })
+        /* @__PURE__ */ o("span", { className: "custom-placeholder", children: G ? t : "" })
       ) : /* @__PURE__ */ o(n1, {}),
-      [F, Z, t]
+      [G, W, t]
     ), re = (x) => {
       x.preventDefault(), x.stopPropagation();
     }, le = async (x) => {
       const { target: H } = x;
       H.scrollTop + H.offsetHeight >= H.scrollHeight - a && (p == null || p(!0)), m && await m(x);
-    }, L1 = W(
+    }, L1 = Z(
       (x) => {
-        var H, G;
-        return ((H = l.find((v1) => v1.value === x)) == null ? void 0 : H.label) || ((G = k == null ? void 0 : k.find(
+        var H, K;
+        return ((H = l.find((v1) => v1.value === x)) == null ? void 0 : H.label) || ((K = k == null ? void 0 : k.find(
           (v1) => v1.value === x
-        )) == null ? void 0 : G.label) || x;
+        )) == null ? void 0 : K.label) || x;
       },
       [k, l]
-    ), ae = W(
+    ), ae = Z(
       (x) => {
         var H;
         return /* @__PURE__ */ o(
@@ -7109,7 +7109,7 @@ const n3 = ({
           {
             values: x,
             onTagClose: z,
-            maxWidth: ((H = D.current) == null ? void 0 : H.clientWidth) || 0,
+            maxWidth: ((H = P.current) == null ? void 0 : H.clientWidth) || 0,
             disabled: r,
             closable: !f,
             options: l,
@@ -7118,16 +7118,16 @@ const n3 = ({
         );
       },
       [r, k, z, l, f]
-    ), he = W(
-      ({ label: x, value: H, mode: G }) => G === "filter" ? _1(H) : /* @__PURE__ */ o("div", { onMouseDown: re, className: "tag-wrapper", children: /* @__PURE__ */ o(ee, { onClose: () => z(H), disabled: r, children: typeof x == "object" ? x : L1(H) }) }),
+    ), he = Z(
+      ({ label: x, value: H, mode: K }) => K === "filter" ? _1(H) : /* @__PURE__ */ o("div", { onMouseDown: re, className: "tag-wrapper", children: /* @__PURE__ */ o(ee, { onClose: () => z(H), disabled: r, children: typeof x == "object" ? x : L1(H) }) }),
       [r, L1, z, _1]
     );
     return /* @__PURE__ */ u(
       "div",
       {
-        className: `snmt-select ${K ? "snmt-select-focused" : ""} 
+        className: `snmt-select ${D ? "snmt-select-focused" : ""} 
                 ${s ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
-        ref: D,
+        ref: P,
         style: { width: c },
         children: [
           /* @__PURE__ */ o(
@@ -7138,28 +7138,28 @@ const n3 = ({
               id: v,
               ref: w,
               showSearch: !!n,
-              filterOption: n && $,
-              onDropdownVisibleChange: V,
+              filterOption: n && V,
+              onDropdownVisibleChange: F,
               placeholder: t ? d ? `${t}*` : t : void 0,
               disabled: r,
-              value: Z || void 0,
+              value: W || void 0,
               labelRender: (x) => L1(x.value),
               mode: s === "filter" ? "multiple" : s,
               onChange: I,
               onFocus: t1,
-              onBlur: S,
+              onBlur: O,
               onSearch: (x) => {
-                T(!x), h && h(x);
+                j(!x), h && h(x);
               },
-              onSelect: () => T(!0),
-              onDeselect: () => T(!0),
+              onSelect: () => j(!0),
+              onDeselect: () => j(!0),
               tagRender: (x) => he({ ...x, mode: s }),
               maxTagCount: "responsive",
               maxTagPlaceholder: ae,
               onPopupScroll: le,
               prefix: _ && /* @__PURE__ */ o(O1, { size: 15 }),
               suffixIcon: /* @__PURE__ */ o("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ u(n1, { children: [
-                Z && !!Z.length && (s || g) && /* @__PURE__ */ o("div", { onClick: U, children: /* @__PURE__ */ o(
+                W && !!W.length && (s || g) && /* @__PURE__ */ o("div", { onClick: T, children: /* @__PURE__ */ o(
                   d1,
                   {
                     name: "cancel",
@@ -7183,7 +7183,7 @@ const n3 = ({
                   s && /* @__PURE__ */ o(
                     Ke,
                     {
-                      checked: !!(Z != null && Z.includes(x.value))
+                      checked: !!(W != null && W.includes(x.value))
                     }
                   ),
                   /* @__PURE__ */ u(u1, { alignItems: "center", gap: 8, children: [
@@ -7191,7 +7191,7 @@ const n3 = ({
                     /* @__PURE__ */ o("span", { children: x.label })
                   ] })
                 ] }),
-                !s && Z === x.value && /* @__PURE__ */ o(
+                !s && W === x.value && /* @__PURE__ */ o(
                   d1,
                   {
                     name: "ok",
@@ -7217,7 +7217,7 @@ const n3 = ({
           /* @__PURE__ */ o(
             "fieldset",
             {
-              className: `${K ? "fieldset-focused" : ""}
+              className: `${D ? "fieldset-focused" : ""}
                      ${r ? "fieldset-disabled" : ""} 
                      ${typeof i == "string" && i ? "fieldset-filled" : ""} 
                      ${typeof i == "object" && i != null && i.length ? "fieldset-filled" : ""}`,
@@ -7260,70 +7260,72 @@ const r1 = {
     optionRender: C,
     dropdownRender: p,
     readOnly: m,
-    clearable: v
-  }, k) => {
-    const [E, N] = O([]), [_, f] = O(r1), [w, b] = O(!1), [R, K] = O(null), j = W(
-      async (V = !1, $) => {
-        if (!w) {
-          b(!0);
+    clearable: v,
+    required: k = !1
+  }, E) => {
+    const [N, _] = S([]), [f, w] = S(r1), [b, R] = S(!1), [D, Y] = S(null), G = Z(
+      async (V = !1, t1) => {
+        if (!b) {
+          R(!0);
           try {
-            const t1 = V ? { ...r1, search: $ } : _, S = await i(t1);
-            N(
-              (I) => V ? S.options : [...I, ...S.options]
-            ), K(S.count), f((I) => ({
-              ...I,
-              offset: I.offset + I.limit
+            const O = V ? { ...r1, search: t1 } : f, I = await i(O);
+            _(
+              (T) => V ? I.options : [...T, ...I.options]
+            ), Y(I.count), w((T) => ({
+              ...T,
+              offset: T.offset + T.limit
             }));
           } finally {
-            b(!1);
+            R(!1);
           }
         }
       },
-      [_, i, w]
-    ), F = o3(j), T = W(
+      [f, i, b]
+    ), j = o3(G), W = Z(
       (V) => {
-        V === "" || V === void 0 || V === null ? (f(r1), F(!0)) : F(!0, V);
+        V === "" || V === void 0 || V === null ? (w(r1), j(!0)) : j(!0, V);
       },
-      [F]
-    ), Z = async (V) => {
-      V && R !== null && R > E.length && await j(!1);
-    }, Y = W(
+      [j]
+    ), U = async (V) => {
+      V && D !== null && D > N.length && await G(!1);
+    }, P = Z(
       (V) => {
-        V && !g && (N([]), f(r1), j(!0)), h == null || h(V);
+        V && !g && (_([]), w(r1), G(!0)), h == null || h(V);
       },
       // eslint-disable-next-line
       [g]
     );
     B(() => {
-      g && j(!1);
+      g && G(!1);
     }, []);
-    const D = {
+    const F = {
       id: n,
       width: e,
-      options: E,
+      options: N,
       onChange: t,
-      ref: k,
+      ref: E,
       placeholder: r,
       search: !0,
       value: s,
-      onSearchChange: T,
-      onDropdownVisibleChange: Y,
+      onSearchChange: W,
+      onDropdownVisibleChange: P,
       scrollThresholdValue: c,
-      onScrollToEnd: Z,
+      onScrollToEnd: U,
       loadOnClosedState: g,
       disabled: l,
       extraOptions: a,
-      isLoading: w,
+      isLoading: b,
       optionRender: C,
       dropdownRender: p,
       readOnly: m,
-      clearable: v
+      clearable: v,
+      required: k
     };
-    return ue(k, () => ({
+    return ue(E, () => ({
       refetchOptions: async () => {
-        f(r1), await j(!0);
+        w(r1), await G(!0);
       }
-    })), d ? /* @__PURE__ */ o(A1, { ...D, onChange: t, value: s, mode: d }) : /* @__PURE__ */ o("div", { className: "snmt-async-select", children: /* @__PURE__ */ o(A1, { ...D, onChange: t, value: s }) });
+    })), d ? /* @__PURE__ */ o(A1, { ...F, onChange: t, value: s, mode: d }) : /* @__PURE__ */ o("div", { className: "snmt-async-select", children: /* @__PURE__ */ o(A1, { ...F, onChange: t, value: s }) });
   }
 ), L = (i) => typeof i == "string", l1 = () => {
   let i, e;
@@ -7335,17 +7337,17 @@ const r1 = {
   i.forEach((s) => {
     e[s] && (t[s] = e[s]);
   });
-}, a3 = /###/g, Z1 = (i) => i && i.indexOf("###") > -1 ? i.replace(a3, ".") : i, W1 = (i) => !i || L(i), h1 = (i, e, t) => {
+}, a3 = /###/g, W1 = (i) => i && i.indexOf("###") > -1 ? i.replace(a3, ".") : i, Z1 = (i) => !i || L(i), h1 = (i, e, t) => {
   const s = L(e) ? e.split(".") : e;
   let n = 0;
   for (; n < s.length - 1; ) {
-    if (W1(i)) return {};
-    const l = Z1(s[n]);
+    if (Z1(i)) return {};
+    const l = W1(s[n]);
     !i[l] && t && (i[l] = new t()), Object.prototype.hasOwnProperty.call(i, l) ? i = i[l] : i = {}, ++n;
   }
-  return W1(i) ? {} : {
+  return Z1(i) ? {} : {
     obj: i,
-    k: Z1(s[n])
+    k: W1(s[n])
   };
 }, j1 = (i, e, t) => {
   const {
@@ -7490,7 +7492,7 @@ class f1 {
     return e = e || this.options, e.prefix = e.prefix || this.prefix, new f1(this.logger, e);
   }
 }
-var P = new f1();
+var $ = new f1();
 class k1 {
   constructor() {
     this.observers = {};
@@ -7615,7 +7617,7 @@ const D1 = {};
 class w1 extends k1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), l3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = P.create("translator");
+    super(), l3(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = $.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -7696,12 +7698,12 @@ class w1 extends k1 {
         const f = Array.isArray(C), w = f ? [] : {}, b = f ? m : p;
         for (const R in C)
           if (Object.prototype.hasOwnProperty.call(C, R)) {
-            const K = `${b}${l}${R}`;
-            w[R] = this.translate(K, {
+            const D = `${b}${l}${R}`;
+            w[R] = this.translate(D, {
               ...t,
               joinArrays: !1,
               ns: r
-            }), w[R] === K && (w[R] = C[R]);
+            }), w[R] === D && (w[R] = C[R]);
           }
         C = w;
       }
@@ -7709,35 +7711,35 @@ class w1 extends k1 {
       C = C.join(E), C && (C = this.extendTranslation(C, e, t, s));
     else {
       let f = !1, w = !1;
-      const b = t.count !== void 0 && !L(t.count), R = w1.hasDefaultValue(t), K = b ? this.pluralResolver.getSuffix(g, t.count, t) : "", j = t.ordinal && b ? this.pluralResolver.getSuffix(g, t.count, {
+      const b = t.count !== void 0 && !L(t.count), R = w1.hasDefaultValue(t), D = b ? this.pluralResolver.getSuffix(g, t.count, t) : "", Y = t.ordinal && b ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", F = b && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), T = F && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${K}`] || t[`defaultValue${j}`] || t.defaultValue;
-      !this.isValidLookup(C) && R && (f = !0, C = T), this.isValidLookup(C) || (w = !0, C = c);
-      const Y = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && w ? void 0 : C, D = R && T !== C && this.options.updateMissing;
-      if (w || f || D) {
-        if (this.logger.log(D ? "updateKey" : "missingKey", g, d, c, D ? T : C), l) {
-          const S = this.resolve(c, {
+      }) : "", G = b && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), j = G && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${D}`] || t[`defaultValue${Y}`] || t.defaultValue;
+      !this.isValidLookup(C) && R && (f = !0, C = j), this.isValidLookup(C) || (w = !0, C = c);
+      const U = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && w ? void 0 : C, P = R && j !== C && this.options.updateMissing;
+      if (w || f || P) {
+        if (this.logger.log(P ? "updateKey" : "missingKey", g, d, c, P ? j : C), l) {
+          const O = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          S && S.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 V = [];
-        const $ = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && $ && $[0])
-          for (let S = 0; S < $.length; S++)
-            V.push($[S]);
-        else this.options.saveMissingTo === "all" ? V = this.languageUtils.toResolveHierarchy(t.lng || this.language) : V.push(t.lng || this.language);
-        const t1 = (S, I, U) => {
-          const z = R && U !== C ? U : Y;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(S, d, I, z, D, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(S, d, I, z, D, t), this.emit("missingKey", S, d, I, C);
+          O && O.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 F = [];
+        const V = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && V && V[0])
+          for (let O = 0; O < V.length; O++)
+            F.push(V[O]);
+        else this.options.saveMissingTo === "all" ? F = this.languageUtils.toResolveHierarchy(t.lng || this.language) : F.push(t.lng || this.language);
+        const t1 = (O, I, T) => {
+          const z = R && T !== C ? T : U;
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(O, d, I, z, P, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(O, d, I, z, P, t), this.emit("missingKey", O, d, I, C);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && b ? V.forEach((S) => {
-          const I = this.pluralResolver.getSuffixes(S, t);
-          F && t[`defaultValue${this.options.pluralSeparator}zero`] && I.indexOf(`${this.options.pluralSeparator}zero`) < 0 && I.push(`${this.options.pluralSeparator}zero`), I.forEach((U) => {
-            t1([S], c + U, t[`defaultValue${U}`] || T);
+        this.options.saveMissing && (this.options.saveMissingPlurals && b ? F.forEach((O) => {
+          const I = this.pluralResolver.getSuffixes(O, t);
+          G && t[`defaultValue${this.options.pluralSeparator}zero`] && I.indexOf(`${this.options.pluralSeparator}zero`) < 0 && I.push(`${this.options.pluralSeparator}zero`), I.forEach((T) => {
+            t1([O], c + T, t[`defaultValue${T}`] || j);
           });
-        }) : t1(V, c, T));
+        }) : t1(F, c, j));
       }
       C = this.extendTranslation(C, e, t, h, s), w && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (w || f) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, f ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
     }
@@ -7861,7 +7863,7 @@ class w1 extends k1 {
 const N1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class G1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = P.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = $.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = p1(e), !e || e.indexOf("-") < 0) return null;
@@ -8061,7 +8063,7 @@ const L3 = ["v1", "v2", "v3"], v3 = ["v4"], K1 = {
 class x3 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = P.create("pluralResolver"), (!this.options.compatibilityJSON || v3.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = N3(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = $.create("pluralResolver"), (!this.options.compatibilityJSON || v3.includes(this.options.compatibilityJSON)) && (typeof Intl > "u" || !Intl.PluralRules) && (this.options.compatibilityJSON = "v3", this.logger.error("Your environment seems not to be Intl API compatible, use an Intl.PluralRules polyfill. Will fallback to the compatibilityJSON v3 format handling.")), this.rules = N3(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -8129,7 +8131,7 @@ const P1 = function(i, e, t) {
 class R3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = P.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = $.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
   }
   init() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -8284,7 +8286,7 @@ const M3 = (i) => {
 class y3 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = P.create("formatter"), this.options = e, this.formats = {
+    this.logger = $.create("formatter"), this.options = e, this.formats = {
       number: s1((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s
@@ -8367,7 +8369,7 @@ const b3 = (i, e) => {
 class E3 extends k1 {
   constructor(e, t, s) {
     let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = P.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
+    super(), this.backend = e, this.store = t, this.services = s, this.languageUtils = s.languageUtils, this.options = n, this.logger = $.create("backendConnector"), this.waitingReads = [], this.maxParallelReads = n.maxParallelReads || 10, this.readingCalls = 0, this.maxRetries = n.maxRetries >= 0 ? n.maxRetries : 5, this.retryTimeout = n.retryTimeout >= 1 ? n.retryTimeout : 350, this.state = {}, this.queue = [], this.backend && this.backend.init && this.backend.init(s, n.backend, n);
   }
   queueLoad(e, t, s, n) {
     const l = {}, c = {}, r = {}, d = {};
@@ -8564,7 +8566,7 @@ const F1 = () => ({
 class c1 extends k1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = $1(e), this.services = {}, this.logger = P, this.modules = {
+    if (super(), this.options = $1(e), this.services = {}, this.logger = $, this.modules = {
       external: []
     }, _3(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
@@ -8589,13 +8591,13 @@ class c1 extends k1 {
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const l = (a) => a ? typeof a == "function" ? new a() : a : null;
     if (!this.options.isClone) {
-      this.modules.logger ? P.init(l(this.modules.logger), this.options) : P.init(null, this.options);
+      this.modules.logger ? $.init(l(this.modules.logger), this.options) : $.init(null, this.options);
       let a;
       this.modules.formatter ? a = this.modules.formatter : typeof Intl < "u" && (a = y3);
       const h = new G1(this.options);
       this.store = new T1(this.options.resources, this.options);
       const C = this.services;
-      C.logger = P, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new x3(h, {
+      C.logger = $, C.resourceStore = this.store, C.languageUtils = h, C.pluralResolver = new x3(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
@@ -8883,7 +8885,7 @@ const se = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, B3 = (i) => A3[i], Z3 = (i) => i.replace(O3, B3);
+}, B3 = (i) => A3[i], W3 = (i) => i.replace(O3, B3);
 let b1 = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
@@ -8892,9 +8894,9 @@ let b1 = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: Z3
+  unescape: W3
 };
-const W3 = function() {
+const Z3 = function() {
   let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   b1 = {
     ...b1,
@@ -8907,7 +8909,7 @@ const T3 = (i) => {
 }, D3 = () => ne, G3 = {
   type: "3rdParty",
   init(i) {
-    W3(i.options.react), T3(i);
+    Z3(i.options.react), T3(i);
   }
 }, K3 = o1();
 class P3 {
@@ -8926,7 +8928,7 @@ const F3 = (i, e) => {
   return B(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, oe = (i, e, t, s) => i.getFixedT(e, t, s), $3 = (i, e, t, s) => W(oe(i, e, t, s), [i, e, t, s]), Y3 = function(i) {
+}, oe = (i, e, t, s) => i.getFixedT(e, t, s), $3 = (i, e, t, s) => Z(oe(i, e, t, s), [i, e, t, s]), Y3 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -8950,7 +8952,7 @@ const F3 = (i, e) => {
   } = c;
   let g = i;
   g = Q(g) ? [g] : g || ["translation"], l.reportNamespaces.addUsedNamespaces && l.reportNamespaces.addUsedNamespaces(g);
-  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => I3(f, l, c)), h = $3(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => oe(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, v] = O(C);
+  const a = (l.isInitialized || l.initializedStoreOnce) && g.every((f) => I3(f, l, c)), h = $3(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), C = () => h, p = () => oe(l, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [m, v] = S(C);
   let k = g.join();
   e.lng && (k = `${e.lng}${k}`);
   const E = F3(k), N = X(!0);
@@ -8997,15 +8999,15 @@ A.use(G3).init({
 });
 const n0 = m1(
   ({ width: i, selectedCountry: e, onChange: t, value: s, id: n, disabled: l }, c) => {
-    const [r, d] = O(
+    const [r, d] = S(
       []
-    ), [g, a] = O(!1), h = X(r), { locale: C, axiosPeople: p } = e1(ge);
+    ), [g, a] = S(!1), h = X(r), { locale: C, axiosPeople: p } = e1(ge);
     if (!p)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities. 
                 Please provide it via SNMTUiContext.`
       );
-    const { t: m } = Y3("common", { lng: C }), v = W(
+    const { t: m } = Y3("common", { lng: C }), v = Z(
       async (E) => {
         try {
           const f = (await p.post("v1/cities/search", {
@@ -9035,7 +9037,7 @@ const n0 = m1(
         d(_);
       })();
     }, [v, s]);
-    const k = W(
+    const k = Z(
       async ({
         limit: E,
         offset: N,
@@ -9051,9 +9053,9 @@ const n0 = m1(
           f.filters = {}, e && e.length > 0 && (f.filters.countryId = [e]), _ && (f.search = _);
           const w = await p.post("v1/cities/search", f), b = (w == null ? void 0 : w.data.data) || [], R = w == null ? void 0 : w.data.metadata.count;
           return {
-            options: b.map((j) => ({
-              value: j.geoNameId,
-              label: j.name
+            options: b.map((Y) => ({
+              value: Y.geoNameId,
+              label: Y.name
             })),
             count: R,
             limit: E

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/city-select",
     "private": false,
-    "version": "2.5.0",
+    "version": "2.5.1",
     "type": "module",
     "main": "dist/city-select.js",
     "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
         "build": "tsc && vite build"
     },
     "dependencies": {
-        "@snmt-react-ui/async-select": "^1.6.4",
+        "@snmt-react-ui/async-select": "^1.7.0",
         "@snmt-react-ui/core": "^2.1.0",
         "i18next": "^23.11.5",
         "react-i18next": "^14.1.1",
@@ -27,5 +27,5 @@
     "peerDependencies": {
         "antd": "^5.22.0"
     },
-    "gitHead": "c9dbd6930def88ad1e138719997c66da0ffe65a4"
+    "gitHead": "ace8423c66d4f4f62ce7a72d3110e19580ea6e7c"
 }