@snmt-react-ui/city-select 2.6.6 → 2.6.8

package/dist/city-select.js

@@ -4,7 +4,7 @@ var B1 = (i, e, t) => me(i, typeof e != "symbol" ? e + "" : e, t);
 import "./index.css";
 import { jsx as r, Fragment as i1, jsxs as C } from "react/jsx-runtime";
 import { SNMTUiContext as ke } from "@snmt-react-ui/core";
-import { createContext as d1, forwardRef as k1, useState as A, useRef as Y, useEffect as Z, useCallback as D, useMemo as Le, useImperativeHandle as ne, useContext as r1 } from "react";
+import { createContext as d1, forwardRef as k1, useState as A, useRef as Y, useEffect as j, useCallback as D, useMemo as Le, useImperativeHandle as ne, useContext as r1 } from "react";
 import { Select as ve, Flex as Ne, Avatar as xe, Checkbox as Re, Typography as re, Tag as Me, Popover as ye } from "antd";
 var be = Object.defineProperty, Ee = (i, e, t) => e in i ? be(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, He = (i, e, t) => Ee(i, e + "", t), _e = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ie() {
@@ -14,11 +14,11 @@ function Ie() {
     s1(e[0]) && (e[0] = `react-i18next:: ${e[0]}`), console.warn(...e);
   }
 }
-const Z1 = {};
-function S1() {
+const j1 = {};
+function O1() {
   for (var i = arguments.length, e = new Array(i), t = 0; t < i; t++)
     e[t] = arguments[t];
-  s1(e[0]) && Z1[e[0]] || (s1(e[0]) && (Z1[e[0]] = /* @__PURE__ */ new Date()), Ie(...e));
+  s1(e[0]) && j1[e[0]] || (s1(e[0]) && (j1[e[0]] = /* @__PURE__ */ new Date()), Ie(...e));
 }
 const oe = (i, e) => () => {
   if (i.isInitialized)
@@ -31,13 +31,13 @@ const oe = (i, e) => () => {
     };
     i.on("initialized", t);
   }
-}, j1 = (i, e, t) => {
+}, Z1 = (i, e, t) => {
   i.loadNamespaces(e, oe(i, t));
 }, D1 = (i, e, t, s) => {
   s1(t) && (t = [t]), t.forEach((n) => {
     i.options.ns.indexOf(n) < 0 && i.options.ns.push(n);
   }), i.loadLanguages(e, oe(i, s));
-}, Se = function(i, e) {
+}, Oe = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const s = e.languages[0], n = e.options ? e.options.fallbackLng : !1, o = e.languages[e.languages.length - 1];
   if (s.toLowerCase() === "cimode") return !0;
@@ -46,14 +46,14 @@ const oe = (i, e) => () => {
     return g === -1 || g === 2;
   };
   return t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && e.services.backendConnector.backend && e.isLanguageChangingTo && !c(e.isLanguageChangingTo, i) ? !1 : !!(e.hasResourceBundle(s, i) || !e.services.backendConnector.backend || e.options.resources && !e.options.partialBundledLanguages || c(s, i) && (!n || c(o, i)));
-}, Oe = function(i, e) {
+}, Se = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  return !e.languages || !e.languages.length ? (S1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
+  return !e.languages || !e.languages.length ? (O1("i18n.languages were undefined or empty", e.languages), !0) : e.options.ignoreJSONStructure !== void 0 ? e.hasLoadedNamespace(i, {
     lng: t.lng,
     precheck: (s, n) => {
       if (t.bindI18n && t.bindI18n.indexOf("languageChanging") > -1 && s.services.backendConnector.backend && s.isLanguageChangingTo && !n(s.isLanguageChangingTo, i)) return !1;
     }
-  }) : Se(i, e, t);
+  }) : Oe(i, e, t);
 }, s1 = (i) => typeof i == "string", Ve = (i) => typeof i == "object" && i !== null, Ae = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Te = {
   "&amp;": "&",
   "&#38;": "&",
@@ -75,8 +75,8 @@ const oe = (i, e) => () => {
   "&#8230;": "…",
   "&#x2F;": "/",
   "&#47;": "/"
-}, Be = (i) => Te[i], Ze = (i) => i.replace(Ae, Be);
-let je = {
+}, Be = (i) => Te[i], je = (i) => i.replace(Ae, Be);
+let Ze = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
   transEmptyNodeValue: "",
@@ -84,9 +84,9 @@ let je = {
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: Ze
+  unescape: je
 };
-const De = () => je;
+const De = () => Ze;
 let We;
 const Ge = () => We, Ke = d1();
 class Pe {
@@ -101,7 +101,7 @@ class Pe {
 }
 const $e = (i, e) => {
   const t = Y();
-  return Z(() => {
+  return j(() => {
     t.current = i;
   }, [i, e]), t.current;
 }, ae = (i, e, t, s) => i.getFixedT(e, t, s), Fe = (i, e, t, s) => D(ae(i, e, t, s), [i, e, t, s]), Ye = function(i) {
@@ -113,11 +113,11 @@ const $e = (i, e) => {
     defaultNS: n
   } = r1(Ke) || {}, o = t || s || Ge();
   if (o && !o.reportNamespaces && (o.reportNamespaces = new Pe()), !o) {
-    S1("You will need to pass in an i18next instance by using initReactI18next");
+    O1("You will need to pass in an i18next instance by using initReactI18next");
     const f = (N, m) => s1(m) ? m : Ve(m) && s1(m.defaultValue) ? m.defaultValue : Array.isArray(N) ? N[N.length - 1] : N, w = [f, {}, !1];
     return w.t = f, w.i18n = {}, w.ready = !1, w;
   }
-  o.options.react && o.options.react.wait !== void 0 && S1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  o.options.react && o.options.react.wait !== void 0 && O1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
     ...De(),
     ...o.options.react,
@@ -128,18 +128,18 @@ const $e = (i, e) => {
   } = c;
   let g = i;
   g = s1(g) ? [g] : g || ["translation"], o.reportNamespaces.addUsedNamespaces && o.reportNamespaces.addUsedNamespaces(g);
-  const l = (o.isInitialized || o.initializedStoreOnce) && g.every((f) => Oe(f, o, c)), h = Fe(o, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => ae(o, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [v, x] = A(u);
+  const l = (o.isInitialized || o.initializedStoreOnce) && g.every((f) => Se(f, o, c)), h = Fe(o, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), u = () => h, p = () => ae(o, e.lng || null, c.nsMode === "fallback" ? g : g[0], d), [v, x] = A(u);
   let L = g.join();
   e.lng && (L = `${e.lng}${L}`);
   const H = $e(L), M = Y(!0);
-  Z(() => {
+  j(() => {
     const {
       bindI18n: f,
       bindI18nStore: w
     } = c;
     M.current = !0, !l && !a && (e.lng ? D1(o, e.lng, g, () => {
       M.current && x(p);
-    }) : j1(o, g, () => {
+    }) : Z1(o, g, () => {
       M.current && x(p);
     })), l && H && H !== L && M.current && x(p);
     const N = () => {
@@ -148,13 +148,13 @@ const $e = (i, e) => {
     return f && o && o.on(f, N), w && o && o.store.on(w, N), () => {
       M.current = !1, f && o && f.split(" ").forEach((m) => o.off(m, N)), w && o && w.split(" ").forEach((m) => o.store.off(m, N));
     };
-  }, [o, L]), Z(() => {
+  }, [o, L]), j(() => {
     M.current && l && x(u);
   }, [o, d, l]);
   const _ = [v, o, l];
   if (_.t = v, _.i18n = o, _.ready = l, l || !l && !a) return _;
   throw new Promise((f) => {
-    e.lng ? D1(o, e.lng, g, () => f()) : j1(o, g, () => f());
+    e.lng ? D1(o, e.lng, g, () => f()) : Z1(o, g, () => f());
   });
 }, p1 = ({
   children: i,
@@ -192,7 +192,7 @@ const $e = (i, e) => {
     }
   );
 };
-var q = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(q || {});
+var z = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_1 = "var(--grey-light-1)", i.GREY_LIGHT_2 = "var(--grey-light-2)", i.GREY_LIGHT_3 = "var(--grey-light-3)", i.GREY_LIGHT_4 = "var(--grey-light-4)", i.GREY_DARK_1 = "var(--grey-dark-1)", i.GREY_DARK_2 = "var(--grey-dark-2)", i.GREY_DARK_3 = "var(--grey-dark-3)", i.GREY_DARK_4 = "var(--grey-dark-4)", i.GREY_DARK_5 = "var(--grey-dark-5)", i.BLUE_PRIMARY = "var(--blue-primary)", i.BLUE_HOVER = "var(--blue-hover)", i.BLUE_LIGHT_1 = "var(--blue-light-1)", i.BLUE_LIGHT_2 = "var(--blue-light-2)", i.BLUE_LIGHT_3 = "var(--blue-light-3)", i.BLUE_LIGHT_4 = "var(--blue-light-4)", i.BLUE_DARK_1 = "var(--blue-dark-1)", i.PURPLE_LIGHT = "var(--purple-light)", i.PURPLE_DARK = "var(--purple-dark)", i.NOTIFICATION_WARNING_LIGHT = "var(--notification-warning-light)", i.NOTIFICATION_WARNING_DARK = "var(--notification-warning-dark)", i.NOTIFICATION_SUCCESS_LIGHT = "var(--notification-success-light)", i.NOTIFICATION_SUCCESS_DARK = "var(--notification-success-dark)", i.NOTIFICATION_ERROR_LIGHT = "var(--notification-error-light)", i.NOTIFICATION_ERROR_DARK = "var(--notification-error-dark)", i.NOTIFICATION_ERROR_DARK_MODE = "var(--notification-error-dark-mode)", i))(z || {});
 const T1 = d1({
   locale: "en",
   theme: "light"
@@ -207,7 +207,7 @@ const ze = ({
   disableUncheck: o = !1
 }) => {
   const [c, a] = A(i), [d, g] = A(e);
-  Z(() => {
+  j(() => {
     a(i), g(e);
   }, [i, e]);
   const { theme: l } = r1(T1);
@@ -1508,7 +1508,7 @@ const Je = ({
       }
     )
   }
-), St = ({
+), Ot = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 20,
@@ -1535,7 +1535,7 @@ const Je = ({
       }
     )
   }
-), Ot = ({
+), St = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 5,
@@ -1689,7 +1689,7 @@ const Je = ({
       }
     )
   }
-), Zt = ({
+), jt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -1748,7 +1748,7 @@ const Je = ({
       )
     ]
   }
-), jt = ({
+), Zt = ({
   className: i,
   color: e = b.GREY_DARK_5,
   height: t = 24,
@@ -2728,7 +2728,7 @@ const Je = ({
   onClick: c
 }) => {
   const [a, d] = A(n), { theme: g } = r1(le), l = o ? g && g === "dark" ? b.GREY_LIGHT_4 : b.GREY_DARK_1 : s, h = o ? void 0 : c;
-  return Z(() => {
+  return j(() => {
     if (n) {
       h && !o && d(`${n} clickable`);
       return;
@@ -2739,7 +2739,7 @@ const Je = ({
       case "nextIcon":
         return It({ width: e, height: t, color: l, className: a, onClick: h });
       case "prevIcon":
-        return St({ width: e, height: t, color: l, className: a, onClick: h });
+        return Ot({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDown":
         return Je({ width: e, height: t, color: l, className: a, onClick: h });
       case "info":
@@ -2867,17 +2867,17 @@ const Je = ({
       case "arrowUpFilled":
         return Vt({ width: e, height: t, color: l, className: a, onClick: h });
       case "arrowDownFilled":
-        return Ot({ width: e, height: t, color: l, className: a, onClick: h });
+        return St({ width: e, height: t, color: l, className: a, onClick: h });
       case "link":
         return At({ width: e, height: t, color: l, className: a, onClick: h });
       case "telegram":
         return Bt({ width: e, height: t, color: l, className: a, onClick: h });
       case "mail":
-        return jt({ width: e, height: t, color: l, className: a, onClick: h });
+        return Zt({ width: e, height: t, color: l, className: a, onClick: h });
       case "github":
         return Tt({ width: e, height: t, color: l, className: a, onClick: h });
       case "linkedIn":
-        return Zt({ width: e, height: t, color: l, className: a, onClick: h });
+        return jt({ width: e, height: t, color: l, className: a, onClick: h });
       case "emptyStateIcon":
         return Dt({ width: e, height: t, color: l, className: a, onClick: h });
       case "filtersIcon":
@@ -3593,7 +3593,7 @@ const p2 = ({
       )
     ]
   }
-), S2 = ({
+), O2 = ({
   width: i = 18,
   height: e = 16,
   color: t = "#001E52",
@@ -3632,7 +3632,7 @@ const p2 = ({
       )
     ]
   }
-), O2 = ({
+), S2 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#001E52",
@@ -3812,7 +3812,7 @@ const p2 = ({
       )
     ]
   }
-), Z2 = ({
+), j2 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#88A4FF",
@@ -3860,7 +3860,7 @@ const p2 = ({
       )
     ]
   }
-), j2 = ({
+), Z2 = ({
   width: i = 14,
   height: e = 14,
   color: t = "#8E8E93",
@@ -5474,7 +5474,7 @@ const p2 = ({
   onClick: c
 }) => {
   const [a, d] = A(n), { theme: g } = r1(he), l = o ? g && g === "dark" ? E.GREY_LIGHT_4 : E.GREY_DARK_1 : s, h = o ? void 0 : c;
-  return Z(() => {
+  return j(() => {
     if (n) {
       h && !o && d(`${n} clickable`);
       return;
@@ -5539,9 +5539,9 @@ const p2 = ({
           onClick: h
         });
       case "history":
-        return S2({ width: e, height: t, color: l, className: a, onClick: h });
-      case "logOut":
         return O2({ width: e, height: t, color: l, className: a, onClick: h });
+      case "logOut":
+        return S2({ width: e, height: t, color: l, className: a, onClick: h });
       case "settings":
         return V2({ width: e, height: t, color: l, className: a, onClick: h });
       case "trash":
@@ -5551,9 +5551,9 @@ const p2 = ({
       case "success":
         return B2({ width: e, height: t, color: l, className: a, onClick: h });
       case "errorSmall":
-        return Z2({ width: e, height: t, color: l, className: a, onClick: h });
-      case "infoMedium":
         return j2({ width: e, height: t, color: l, className: a, onClick: h });
+      case "infoMedium":
+        return Z2({ width: e, height: t, color: l, className: a, onClick: h });
       case "attentionMedium":
         return D2({
           width: e,
@@ -5723,7 +5723,7 @@ const ce = ({
       ) : i
     }
   );
-}, { Title: Si, Text: Oi } = re, Vi = {
+}, { Title: Oi, Text: Si } = re, Vi = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -5741,7 +5741,7 @@ const ce = ({
     const d = e === "h1" || e === "h2" || e === "h3" || e === "h4";
     let g = `snmt-typography snmt-typography-${e}`;
     return i && i !== "inherit" && (g += ` snmt-typography-align-${i}`), o && (g += " collapsed"), d ? /* @__PURE__ */ r(
-      Si,
+      Oi,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -5751,7 +5751,7 @@ const ce = ({
         children: s
       }
     ) : /* @__PURE__ */ r(
-      Oi,
+      Si,
       {
         className: g,
         style: { color: t, whiteSpace: c },
@@ -5797,7 +5797,7 @@ var Bi = { exports: {} };
     } };
   });
 })(Bi);
-const Zi = ({
+const ji = ({
   values: i,
   onTagClose: e,
   maxWidth: t,
@@ -5807,7 +5807,7 @@ const Zi = ({
   extraOptions: c
 }) => {
   const { locale: a } = r1(T1), { t: d } = Ye("common", { lng: a }), [g, l] = A(!1);
-  if (Z(() => {
+  if (j(() => {
     i.length || l(!1);
   }, [i]), !i.length)
     return null;
@@ -5874,19 +5874,19 @@ const Zi = ({
     readOnly: f,
     error: w
   }, N) => {
-    const [m, I] = A(!1), [T, j] = A(!1), [G, Q] = A(!0), [S, K] = A(i), U = Y(null);
-    Z(() => {
+    const [m, I] = A(!1), [T, Z] = A(!1), [G, Q] = A(!0), [O, K] = A(i), U = Y(null);
+    j(() => {
       K(i);
     }, [i]);
-    const J = (k) => {
+    const q = (k) => {
       I(k), u && u(k);
     }, X = (k, y) => {
       var V;
       return !!((V = y == null ? void 0 : y.label) != null && V.toString().toLowerCase().includes(k.toLowerCase()));
     }, B = () => {
-      j(!0);
+      Z(!0);
     }, $ = () => {
-      j(!1);
+      Z(!1);
     }, P = D(
       (k) => {
         if (K(k), s) {
@@ -5899,26 +5899,26 @@ const Zi = ({
       },
       [s, e]
     ), e1 = D(() => {
-      if (!f) {
+      if (!(f || a)) {
         if (s) {
           P([]);
           return;
         }
         P("");
       }
-    }, [P, s, f]), t1 = D(
+    }, [a, P, s, f]), t1 = D(
       (k) => {
-        const y = S.filter((V) => V !== k);
+        const y = O.filter((V) => V !== k);
         P(y), K(y);
       },
-      [P, S]
+      [P, O]
     ), g1 = D(
-      (k) => (S == null ? void 0 : S.indexOf(k)) === 0 ? (
+      (k) => (O == null ? void 0 : O.indexOf(k)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
         /* @__PURE__ */ r("span", { className: "custom-placeholder", children: G ? t : "" })
       ) : /* @__PURE__ */ r(i1, {}),
-      [G, S, t]
+      [G, O, t]
     ), L1 = (k) => {
       k.preventDefault(), k.stopPropagation();
     }, v1 = async (k) => {
@@ -5936,7 +5936,7 @@ const Zi = ({
       (k) => {
         var y;
         return /* @__PURE__ */ r(
-          Zi,
+          ji,
           {
             values: k,
             onTagClose: t1,
@@ -5949,10 +5949,10 @@ const Zi = ({
         );
       },
       [a, L, t1, o, f]
-    ), O = D(
+    ), S = D(
       ({ label: k, value: y, mode: V }) => V === "filter" ? g1(y) : /* @__PURE__ */ r("div", { onMouseDown: L1, className: "tag-wrapper", children: /* @__PURE__ */ r(ce, { onClose: () => t1(y), disabled: a, children: typeof k == "object" ? k : o1(y) }) }),
       [a, o1, t1, g1]
-    ), F = Array.isArray(S) && S.length > 0 || !!S && typeof S == "string" && S.trim() !== "";
+    ), F = Array.isArray(O) && O.length > 0 || !!O && typeof O == "string" && O.trim() !== "";
     return /* @__PURE__ */ C("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ C(
         "div",
@@ -5971,10 +5971,13 @@ const Zi = ({
                 ref: N,
                 showSearch: !!n,
                 filterOption: n && X,
-                onDropdownVisibleChange: J,
+                onDropdownVisibleChange: q,
                 disabled: a,
-                value: S || void 0,
-                labelRender: (k) => o1(k.value),
+                value: O || void 0,
+                labelRender: (k) => {
+                  const y = o1(k.value);
+                  return a ? /* @__PURE__ */ r("span", { style: { color: z.GREY_DARK_2 }, children: y }) : y;
+                },
                 mode: s === "filter" ? "multiple" : s,
                 onChange: P,
                 onFocus: B,
@@ -5984,37 +5987,46 @@ const Zi = ({
                 },
                 onSelect: () => Q(!0),
                 onDeselect: () => Q(!0),
-                tagRender: (k) => O({ ...k, mode: s }),
+                tagRender: (k) => S({ ...k, mode: s }),
                 maxTagCount: "responsive",
                 maxTagPlaceholder: N1,
                 onPopupScroll: v1,
                 prefix: _ && /* @__PURE__ */ r(W1, { size: 15 }),
                 suffixIcon: /* @__PURE__ */ r("div", { className: "wrapper-suffix-icon", children: s !== "filter" && /* @__PURE__ */ C(i1, { children: [
-                  S && !!S.length && (s || g) && /* @__PURE__ */ r("div", { onClick: e1, children: /* @__PURE__ */ r(
-                    u1,
+                  O && !!O.length && (s || g) && /* @__PURE__ */ r(
+                    "div",
                     {
-                      name: "cancel",
-                      color: a ? q.GREY_DARK_1 : q.GREY_DARK_5
+                      onClick: e1,
+                      style: {
+                        cursor: a ? "not-allowed" : "pointer"
+                      },
+                      children: /* @__PURE__ */ r(
+                        u1,
+                        {
+                          name: "cancel",
+                          color: a ? z.GREY_DARK_1 : z.GREY_DARK_5
+                        }
+                      )
                     }
-                  ) }),
+                  ),
                   /* @__PURE__ */ r(
                     u1,
                     {
                       name: "selectArrowIcon",
-                      color: a ? q.GREY_DARK_1 : q.GREY_DARK_5,
+                      color: a ? z.GREY_DARK_1 : z.GREY_DARK_5,
                       className: m ? "select-arrow-rotated" : "select-arrow",
                       onClick: () => I(!m)
                     }
                   )
                 ] }) }),
-                removeIcon: /* @__PURE__ */ r(u1, { name: "errorSmall", color: q.GREY_DARK_2 }),
+                removeIcon: /* @__PURE__ */ r(u1, { name: "errorSmall", color: z.GREY_DARK_2 }),
                 options: o,
                 optionRender: (k) => M ? M(k.data) : /* @__PURE__ */ C(p1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ C(p1, { alignItems: "center", gap: 12, children: [
                     s && /* @__PURE__ */ r(
                       ze,
                       {
-                        checked: !!(S != null && S.includes(k.value))
+                        checked: !!(O != null && O.includes(k.value))
                       }
                     ),
                     /* @__PURE__ */ C(p1, { alignItems: "center", gap: 8, children: [
@@ -6022,11 +6034,11 @@ const Zi = ({
                       /* @__PURE__ */ r("span", { children: k.label })
                     ] })
                   ] }),
-                  !s && S === k.value && /* @__PURE__ */ r(
+                  !s && O === k.value && /* @__PURE__ */ r(
                     u1,
                     {
                       name: "ok",
-                      color: q.BLUE_PRIMARY,
+                      color: z.BLUE_PRIMARY,
                       width: 16,
                       height: 16
                     }
@@ -6058,15 +6070,15 @@ const Zi = ({
         }
       ),
       w && /* @__PURE__ */ C(p1, { justifyContent: "flex-start", gap: 6, children: [
-        /* @__PURE__ */ r(u1, { name: "attention", color: q.NOTIFICATION_ERROR_DARK }),
-        typeof w == "string" ? /* @__PURE__ */ r(Ai, { color: q.NOTIFICATION_ERROR_DARK, variant: "body4", children: w }) : w
+        /* @__PURE__ */ r(u1, { name: "attention", color: z.NOTIFICATION_ERROR_DARK }),
+        typeof w == "string" ? /* @__PURE__ */ r(Ai, { color: z.NOTIFICATION_ERROR_DARK, variant: "body4", children: w }) : w
       ] })
     ] });
   }
 );
-function ji(i, e = 500) {
+function Zi(i, e = 500) {
   const t = Y();
-  return Z(() => () => {
+  return j(() => () => {
     t.current && clearTimeout(t.current);
   }, []), (...s) => {
     const n = setTimeout(() => {
@@ -6077,7 +6089,7 @@ function ji(i, e = 500) {
 }
 function K1(i) {
   const e = Y(i);
-  return Z(() => {
+  return j(() => {
     e.current = i;
   }, [i]), e.current;
 }
@@ -6105,18 +6117,18 @@ const H1 = 100, l1 = {
     required: H = !1,
     error: M
   }, _) => {
-    const [f, w] = A(), [N, m] = A(l1), [I, T] = A(!1), [j, G] = A(), [Q, S] = A(!1), [K, U] = A(
+    const [f, w] = A(), [N, m] = A(l1), [I, T] = A(!1), [Z, G] = A(), [Q, O] = A(!1), [K, U] = A(
       h ?? []
-    ), J = K1(N.offset), X = K1(j), [B, $] = A(!1), P = Y(!1), e1 = D(
+    ), q = K1(N.offset), X = K1(Z), [B, $] = A(!1), P = Y(!1), e1 = D(
       async ({
-        limit: O = H1,
+        limit: S = H1,
         offset: F,
         search: k
       }) => {
         T(!0);
         try {
           const y = await i({
-            limit: O,
+            limit: S,
             offset: F,
             search: k
           });
@@ -6133,42 +6145,42 @@ const H1 = 100, l1 = {
         }
       },
       [i]
-    ), t1 = ji((O) => {
-      G(O), O || m(l1);
+    ), t1 = Zi((S) => {
+      G(S), S || m(l1);
     }), g1 = D(
-      (O) => t1(O),
+      (S) => t1(S),
       [t1]
     ), L1 = D(
-      async (O) => {
-        I || O && N.count && N.count > ((f == null ? void 0 : f.length) ?? 0) && m((F) => ({
+      async (S) => {
+        I || S && N.count && N.count > ((f == null ? void 0 : f.length) ?? 0) && m((F) => ({
           ...F,
           offset: F.offset + H1
         }));
       },
       [I, f == null ? void 0 : f.length, N.count]
     ), v1 = D(
-      (O) => {
-        S(O), !O && j && (G(void 0), m(l1), $(!0)), u == null || u(O);
+      (S) => {
+        O(S), !S && Z && (G(void 0), m(l1), $(!0)), u == null || u(S);
       },
-      [u, j]
+      [u, Z]
     );
-    Z(() => {
-      !P.current || I || (B || Q && (J !== N.offset || X !== j || !f)) && (e1({ offset: N.offset, limit: H1, search: j }), B && $(!1));
-    }, [B, Q, N.offset, j, J, X, f, I]), Z(() => {
+    j(() => {
+      !P.current || I || (B || Q && (q !== N.offset || X !== Z || !f)) && (e1({ offset: N.offset, limit: H1, search: Z }), B && $(!1));
+    }, [B, Q, N.offset, Z, q, X, f, I]), j(() => {
       (g || l) && e1(l1), P.current = !0;
-    }, []), Z(() => {
-      h && U((O) => {
+    }, []), j(() => {
+      h && U((S) => {
         const F = h.filter(
-          (k) => !O.some((y) => y.value === k.value)
+          (k) => !S.some((y) => y.value === k.value)
         );
-        return [...O, ...F];
+        return [...S, ...F];
       });
     }, [h]);
     const o1 = D(
-      (O) => {
-        t && t(O);
+      (S) => {
+        t && t(S);
         let F = [];
-        if (d ? F = Array.isArray(O) ? O : [] : F = O ? [O] : [], j) {
+        if (d ? F = Array.isArray(S) ? S : [] : F = S ? [S] : [], Z) {
           const k = F.filter(
             (y) => !(K != null && K.some((V) => V.value === y))
           );
@@ -6184,7 +6196,7 @@ const H1 = 100, l1 = {
           ]), G(void 0), m(l1), $(!0);
         }
       },
-      [t, j, d, f, K]
+      [t, Z, d, f, K]
     ), N1 = Le(
       () => ({
         id: n,
@@ -6326,7 +6338,7 @@ const Ui = [" ", ",", "?", "!", ";"], zi = new Yi(20), Ji = (i, e, t) => {
     c > 0 && !n.test(i.substring(0, c)) && (o = !0);
   }
   return o;
-}, O1 = function(i, e) {
+}, S1 = function(i, e) {
   let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : ".";
   if (!i) return;
   if (i[e]) return i[e];
@@ -6403,7 +6415,7 @@ class y1 {
     return e = e || this.options, e.prefix = e.prefix || this.prefix, new y1(this.logger, e);
   }
 }
-var z = new y1();
+var J = new y1();
 class E1 {
   constructor() {
     this.observers = {};
@@ -6459,7 +6471,7 @@ class U1 extends E1 {
     let a;
     e.indexOf(".") > -1 ? a = e.split(".") : (a = [e, t], s && (Array.isArray(s) ? a.push(...s) : R(s) && o ? a.push(...s.split(o)) : a.push(s)));
     const d = R1(this.data, a);
-    return !d && !t && !s && e.indexOf(".") > -1 && (e = a[0], t = a[1], s = a.slice(2).join(".")), d || !c || !R(s) ? d : O1(this.data && this.data[e] && this.data[e][t], s, o);
+    return !d && !t && !s && e.indexOf(".") > -1 && (e = a[0], t = a[1], s = a.slice(2).join(".")), d || !c || !R(s) ? d : S1(this.data && this.data[e] && this.data[e][t], s, o);
   }
   addResource(e, t, s, n) {
     let o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
@@ -6528,7 +6540,7 @@ const z1 = {};
 class b1 extends E1 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    super(), Wi(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = z.create("translator");
+    super(), Wi(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], e, this), this.options = t, this.options.keySeparator === void 0 && (this.options.keySeparator = "."), this.logger = J.create("translator");
   }
   changeLanguage(e) {
     e && (this.language = e);
@@ -6624,9 +6636,9 @@ class b1 extends E1 {
       let f = !1, w = !1;
       const N = t.count !== void 0 && !R(t.count), m = b1.hasDefaultValue(t), I = N ? this.pluralResolver.getSuffix(g, t.count, t) : "", T = t.ordinal && N ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
-      }) : "", j = N && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), G = j && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${I}`] || t[`defaultValue${T}`] || t.defaultValue;
+      }) : "", Z = N && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), G = Z && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${I}`] || t[`defaultValue${T}`] || t.defaultValue;
       !this.isValidLookup(u) && m && (f = !0, u = G), this.isValidLookup(u) || (w = !0, u = c);
-      const S = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && w ? void 0 : u, K = m && G !== u && this.options.updateMissing;
+      const O = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && w ? void 0 : u, K = m && G !== u && this.options.updateMissing;
       if (w || f || K) {
         if (this.logger.log(K ? "updateKey" : "missingKey", g, d, c, K ? G : u), o) {
           const B = this.resolve(c, {
@@ -6636,18 +6648,18 @@ class b1 extends E1 {
           B && B.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 U = [];
-        const J = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
-        if (this.options.saveMissingTo === "fallback" && J && J[0])
-          for (let B = 0; B < J.length; B++)
-            U.push(J[B]);
+        const q = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && q && q[0])
+          for (let B = 0; B < q.length; B++)
+            U.push(q[B]);
         else this.options.saveMissingTo === "all" ? U = this.languageUtils.toResolveHierarchy(t.lng || this.language) : U.push(t.lng || this.language);
         const X = (B, $, P) => {
-          const e1 = m && P !== u ? P : S;
+          const e1 = m && P !== u ? P : O;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(B, d, $, e1, K, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(B, d, $, e1, K, t), this.emit("missingKey", B, d, $, u);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && N ? U.forEach((B) => {
           const $ = this.pluralResolver.getSuffixes(B, t);
-          j && t[`defaultValue${this.options.pluralSeparator}zero`] && $.indexOf(`${this.options.pluralSeparator}zero`) < 0 && $.push(`${this.options.pluralSeparator}zero`), $.forEach((P) => {
+          Z && t[`defaultValue${this.options.pluralSeparator}zero`] && $.indexOf(`${this.options.pluralSeparator}zero`) < 0 && $.push(`${this.options.pluralSeparator}zero`), $.forEach((P) => {
             X([B], c + P, t[`defaultValue${P}`] || G);
           });
         }) : X(U, c, G));
@@ -6774,7 +6786,7 @@ class b1 extends E1 {
 const _1 = (i) => i.charAt(0).toUpperCase() + i.slice(1);
 class J1 {
   constructor(e) {
-    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = z.create("languageUtils");
+    this.options = e, this.supportedLngs = this.options.supportedLngs || !1, this.logger = J.create("languageUtils");
   }
   getScriptPartFromCode(e) {
     if (e = M1(e), !e || e.indexOf("-") < 0) return null;
@@ -6974,7 +6986,7 @@ const e0 = ["v1", "v2", "v3"], t0 = ["v4"], q1 = {
 class s0 {
   constructor(e) {
     let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    this.languageUtils = e, this.options = t, this.logger = z.create("pluralResolver"), (!this.options.compatibilityJSON || t0.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 = i0(), this.pluralRulesCache = {};
+    this.languageUtils = e, this.options = t, this.logger = J.create("pluralResolver"), (!this.options.compatibilityJSON || t0.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 = i0(), this.pluralRulesCache = {};
   }
   addRule(e, t) {
     this.rules[e] = t;
@@ -7037,12 +7049,12 @@ class s0 {
 }
 const Q1 = function(i, e, t) {
   let s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : ".", n = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, o = Pi(i, e, t);
-  return !o && n && R(t) && (o = O1(i, t, s), o === void 0 && (o = O1(e, t, s))), o;
+  return !o && n && R(t) && (o = S1(i, t, s), o === void 0 && (o = S1(e, t, s))), o;
 }, I1 = (i) => i.replace(/\$/g, "$$$$");
 class n0 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = z.create("interpolator"), this.options = e, this.format = e.interpolation && e.interpolation.format || ((t) => t), this.init(e);
+    this.logger = J.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] : {};
@@ -7197,7 +7209,7 @@ const r0 = (i) => {
 class o0 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.logger = z.create("formatter"), this.options = e, this.formats = {
+    this.logger = J.create("formatter"), this.options = e, this.formats = {
       number: c1((t, s) => {
         const n = new Intl.NumberFormat(t, {
           ...s
@@ -7280,7 +7292,7 @@ const a0 = (i, e) => {
 class l0 extends E1 {
   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 = z.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 = J.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 o = {}, c = {}, a = {}, d = {};
@@ -7477,7 +7489,7 @@ const X1 = () => ({
 class m1 extends E1 {
   constructor() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 ? arguments[1] : void 0;
-    if (super(), this.options = ee(e), this.services = {}, this.logger = z, this.modules = {
+    if (super(), this.options = ee(e), this.services = {}, this.logger = J, this.modules = {
       external: []
     }, h0(this), t && !this.isInitialized && !e.isClone) {
       if (!this.options.initImmediate)
@@ -7502,13 +7514,13 @@ class m1 extends E1 {
     }), t.keySeparator !== void 0 && (this.options.userDefinedKeySeparator = t.keySeparator), t.nsSeparator !== void 0 && (this.options.userDefinedNsSeparator = t.nsSeparator);
     const o = (l) => l ? typeof l == "function" ? new l() : l : null;
     if (!this.options.isClone) {
-      this.modules.logger ? z.init(o(this.modules.logger), this.options) : z.init(null, this.options);
+      this.modules.logger ? J.init(o(this.modules.logger), this.options) : J.init(null, this.options);
       let l;
       this.modules.formatter ? l = this.modules.formatter : typeof Intl < "u" && (l = o0);
       const h = new J1(this.options);
       this.store = new U1(this.options.resources, this.options);
       const u = this.services;
-      u.logger = z, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new s0(h, {
+      u.logger = J, u.resourceStore = this.store, u.languageUtils = h, u.pluralResolver = new s0(h, {
         prepend: this.options.pluralSeparator,
         compatibilityJSON: this.options.compatibilityJSON,
         simplifyPluralSuffix: this.options.simplifyPluralSuffix
@@ -7836,7 +7848,7 @@ class R0 {
 }
 const M0 = (i, e) => {
   const t = Y();
-  return Z(() => {
+  return j(() => {
     t.current = i;
   }, [i, e]), t.current;
 }, pe = (i, e, t, s) => i.getFixedT(e, t, s), y0 = (i, e, t, s) => D(pe(i, e, t, s), [i, e, t, s]), b0 = function(i) {
@@ -7867,7 +7879,7 @@ const M0 = (i, e) => {
   let L = g.join();
   e.lng && (L = `${e.lng}${L}`);
   const H = M0(L), M = Y(!0);
-  Z(() => {
+  j(() => {
     const {
       bindI18n: f,
       bindI18nStore: w
@@ -7883,7 +7895,7 @@ const M0 = (i, e) => {
     return f && o && o.on(f, N), w && o && o.store.on(w, N), () => {
       M.current = !1, f && o && f.split(" ").forEach((m) => o.off(m, N)), w && o && w.split(" ").forEach((m) => o.store.off(m, N));
     };
-  }, [o, L]), Z(() => {
+  }, [o, L]), j(() => {
     M.current && l && x(u);
   }, [o, d, l]);
   const _ = [v, o, l];
@@ -7896,9 +7908,9 @@ const M0 = (i, e) => {
 }, _0 = "Город", I0 = {
   placeholder: _0
 };
-function S0(i) {
+function O0(i) {
   const e = Y(i);
-  return Z(() => {
+  return j(() => {
     e.current = i;
   }, [i]), e.current;
 }
@@ -7914,11 +7926,11 @@ W.use(N0).init({
     }
   }
 });
-const j0 = k1(
+const Z0 = k1(
   ({ width: i, selectedCountry: e, onChange: t, value: s, id: n, disabled: o, clearable: c }, a) => {
     const [d, g] = A(
       []
-    ), [l, h] = A(!1), { locale: u, axiosPeople: p } = r1(ke), v = Y(!1), x = Y(null), L = Y(d), H = S0(e);
+    ), [l, h] = A(!1), { locale: u, axiosPeople: p } = r1(ke), v = Y(!1), x = Y(null), L = Y(d), H = O0(e);
     if (!p)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities. 
@@ -7949,13 +7961,13 @@ const j0 = k1(
       },
       [p, e, t]
     );
-    Z(() => {
+    j(() => {
       (async () => {
         if (!s) return;
         const N = await _(s);
         g(N);
       })();
-    }, []), Z(() => {
+    }, []), j(() => {
       var w;
       H !== e ? v.current && (t(null), g([]), L.current = [], (w = x.current) == null || w.refetchOptions()) : v.current = !0;
     }, [e, t, H]);
@@ -7973,11 +7985,11 @@ const j0 = k1(
             includeCount: !0
           };
           I.filters = {}, e && e.length > 0 && (I.filters.countryId = [e]), m && (I.search = m);
-          const T = await p.post("v1/cities/search", I), j = (T == null ? void 0 : T.data.data) || [], G = T == null ? void 0 : T.data.metadata.count;
+          const T = await p.post("v1/cities/search", I), Z = (T == null ? void 0 : T.data.data) || [], G = T == null ? void 0 : T.data.metadata.count;
           return {
-            options: j.map((S) => ({
-              value: S.geoNameId,
-              label: S.name
+            options: Z.map((O) => ({
+              value: O.geoNameId,
+              label: O.name
             })),
             count: G,
             limit: w
@@ -8015,5 +8027,5 @@ const j0 = k1(
   }
 );
 export {
-  j0 as CitySelect
+  Z0 as CitySelect
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/city-select",
     "private": false,
-    "version": "2.6.6",
+    "version": "2.6.8",
     "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.8.7",
+        "@snmt-react-ui/async-select": "^1.8.9",
         "@snmt-react-ui/core": "^2.2.0",
         "i18next": "^23.11.5",
         "react-i18next": "^14.1.1",
@@ -27,5 +27,5 @@
     "peerDependencies": {
         "antd": "^5.22.0"
     },
-    "gitHead": "1292201e0621ef8c1a3c5d7eceac56fe68213648"
+    "gitHead": "80d3cbe0d67b94370191b14fa1618cdf126ece68"
 }