@snmt-react-ui/city-select 2.3.0 → 2.3.1

package/dist/city-select.js

@@ -6784,10 +6784,10 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
     extraOptions: N,
     dropdownRender: v,
     optionRender: E,
-    isLoading: M,
-    readOnly: H
+    isLoading: R,
+    readOnly: V
   }, L) => {
-    const [R, b] = O(!1), [x, Z] = O(!1), [J, U] = O(!0), [y, I] = O(i), B = r1(null);
+    const [M, b] = O(!1), [x, Z] = O(!1), [J, U] = O(!0), [y, I] = O(i), B = r1(null);
     W(() => {
       I(i);
     }, [i]);
@@ -6800,7 +6800,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
       Z(!0);
     }, $ = () => {
       Z(!1);
-    }, V = G(
+    }, H = G(
       (f) => {
         if (I(f), o) {
           const j = f;
@@ -6812,19 +6812,19 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
       },
       [o, e]
     ), Y = G(() => {
-      if (!H) {
+      if (!V) {
         if (o) {
-          V([]);
+          H([]);
           return;
         }
-        V("");
+        H("");
       }
-    }, [V, o, H]), T = G(
+    }, [H, o, V]), T = G(
       (f) => {
         const _ = y.filter((j) => j !== f);
-        V(_), I(_);
+        H(_), I(_);
       },
-      [V, y]
+      [H, y]
     ), t1 = G(
       (f) => (y == null ? void 0 : y.indexOf(f)) === 0 ? (
         // if the search input is empty
@@ -6854,13 +6854,13 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
             values: f,
             onTagClose: T,
             maxWidth: ((_ = B.current) == null ? void 0 : _.clientWidth) || 0,
-            disabled: r || H,
+            disabled: r || V,
             options: l,
             extraOptions: N
           }
         );
       },
-      [r, N, T, l, H]
+      [r, N, T, l, V]
     ), le = G(
       ({ label: f, value: _, mode: j }) => j === "filter" ? t1(_) : /* @__PURE__ */ n("div", { onMouseDown: se, className: "tag-wrapper", children: /* @__PURE__ */ n(Q1, { onClose: () => T(_), closable: !r, children: /* @__PURE__ */ n(q1, { variant: "body4", children: typeof f == "object" ? f : m1(_) }) }) }),
       [r, m1, T, t1]
@@ -6869,7 +6869,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
       "div",
       {
         className: `snmt-select ${x ? "snmt-select-focused" : ""} 
-                ${o ? "" : "snmt-select-single"} ${H ? "snmt-select-read-only" : ""}`,
+                ${o ? "" : "snmt-select-single"} ${V ? "snmt-select-read-only" : ""}`,
         ref: B,
         style: { width: c },
         children: [
@@ -6877,7 +6877,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
             de,
             {
               className: "snmt-select-blank",
-              popupClassName: H ? "dropdown-read-only" : "",
+              popupClassName: V ? "dropdown-read-only" : "",
               id: w,
               ref: L,
               showSearch: !!s,
@@ -6888,7 +6888,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
               value: y || void 0,
               labelRender: (f) => m1(f.value),
               mode: o === "filter" ? "multiple" : o,
-              onChange: V,
+              onChange: H,
               onFocus: F,
               onBlur: $,
               onSearch: (f) => {
@@ -6900,7 +6900,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
               maxTagCount: "responsive",
               maxTagPlaceholder: re,
               onPopupScroll: ne,
-              prefix: H && !i && /* @__PURE__ */ n(b1, { size: 15 }),
+              prefix: R && /* @__PURE__ */ n(b1, { size: 15 }),
               suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: o !== "filter" && /* @__PURE__ */ u(e1, { children: [
                 o && y && !!y.length && /* @__PURE__ */ n("div", { onClick: Y, children: /* @__PURE__ */ n(a1, { name: "cancel" }) }),
                 /* @__PURE__ */ n(
@@ -6908,8 +6908,8 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
                   {
                     name: "selectArrowIcon",
                     color: r ? X.GREY_DARK_1 : X.GREY_DARK_5,
-                    className: R ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => b(!R)
+                    className: M ? "select-arrow-rotated" : "select-arrow",
+                    onClick: () => b(!M)
                   }
                 )
               ] }) }),
@@ -6938,7 +6938,7 @@ const Q1 = ({ children: i, width: e, size: t = "small", onClose: o, closable: s
                   }
                 )
               ] }),
-              dropdownRender: M ? () => /* @__PURE__ */ n(
+              dropdownRender: R ? () => /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
@@ -7323,8 +7323,8 @@ class p1 extends w1 {
     }
     const h = this.resolve(e, t);
     let C = h && h.res;
-    const p = h && h.usedKey || c, w = h && h.exactUsedKey || c, N = Object.prototype.toString.apply(C), v = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, M = !this.i18nFormat || this.i18nFormat.handleAsObject;
-    if (M && C && (typeof C != "string" && typeof C != "boolean" && typeof C != "number") && v.indexOf(N) < 0 && !(typeof E == "string" && Array.isArray(C))) {
+    const p = h && h.usedKey || c, w = h && h.exactUsedKey || c, N = Object.prototype.toString.apply(C), v = ["[object Number]", "[object Function]", "[object RegExp]"], E = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, R = !this.i18nFormat || this.i18nFormat.handleAsObject;
+    if (R && C && (typeof C != "string" && typeof C != "boolean" && typeof C != "number") && v.indexOf(N) < 0 && !(typeof E == "string" && Array.isArray(C))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const L = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(p, C, {
@@ -7334,53 +7334,53 @@ class p1 extends w1 {
         return s ? (h.res = L, h.usedParams = this.getUsedParamsDetails(t), h) : L;
       }
       if (l) {
-        const L = Array.isArray(C), R = L ? [] : {}, b = L ? w : p;
+        const L = Array.isArray(C), M = L ? [] : {}, b = L ? w : p;
         for (const x in C)
           if (Object.prototype.hasOwnProperty.call(C, x)) {
             const Z = `${b}${l}${x}`;
-            R[x] = this.translate(Z, {
+            M[x] = this.translate(Z, {
               ...t,
               joinArrays: !1,
               ns: r
-            }), R[x] === Z && (R[x] = C[x]);
+            }), M[x] === Z && (M[x] = C[x]);
           }
-        C = R;
+        C = M;
       }
-    } else if (M && typeof E == "string" && Array.isArray(C))
+    } else if (R && typeof E == "string" && Array.isArray(C))
       C = C.join(E), C && (C = this.extendTranslation(C, e, t, o));
     else {
-      let L = !1, R = !1;
+      let L = !1, M = !1;
       const b = t.count !== void 0 && typeof t.count != "string", x = p1.hasDefaultValue(t), Z = b ? this.pluralResolver.getSuffix(g, t.count, t) : "", J = t.ordinal && b ? this.pluralResolver.getSuffix(g, t.count, {
         ordinal: !1
       }) : "", U = b && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), y = U && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${Z}`] || t[`defaultValue${J}`] || t.defaultValue;
-      !this.isValidLookup(C) && x && (L = !0, C = y), this.isValidLookup(C) || (R = !0, C = c);
-      const B = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && R ? void 0 : C, D = x && y !== C && this.options.updateMissing;
-      if (R || L || D) {
+      !this.isValidLookup(C) && x && (L = !0, C = y), this.isValidLookup(C) || (M = !0, C = c);
+      const B = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && M ? void 0 : C, D = x && y !== C && this.options.updateMissing;
+      if (M || L || D) {
         if (this.logger.log(D ? "updateKey" : "missingKey", g, d, c, D ? y : C), l) {
-          const V = this.resolve(c, {
+          const H = this.resolve(c, {
             ...t,
             keySeparator: !1
           });
-          V && V.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.");
+          H && H.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 P = [];
         const F = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && F && F[0])
-          for (let V = 0; V < F.length; V++)
-            P.push(F[V]);
+          for (let H = 0; H < F.length; H++)
+            P.push(F[H]);
         else this.options.saveMissingTo === "all" ? P = this.languageUtils.toResolveHierarchy(t.lng || this.language) : P.push(t.lng || this.language);
-        const $ = (V, Y, T) => {
+        const $ = (H, Y, T) => {
           const t1 = x && T !== C ? T : B;
-          this.options.missingKeyHandler ? this.options.missingKeyHandler(V, d, Y, t1, D, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(V, d, Y, t1, D, t), this.emit("missingKey", V, d, Y, C);
+          this.options.missingKeyHandler ? this.options.missingKeyHandler(H, d, Y, t1, D, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(H, d, Y, t1, D, t), this.emit("missingKey", H, d, Y, C);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && b ? P.forEach((V) => {
-          const Y = this.pluralResolver.getSuffixes(V, t);
+        this.options.saveMissing && (this.options.saveMissingPlurals && b ? P.forEach((H) => {
+          const Y = this.pluralResolver.getSuffixes(H, t);
           U && t[`defaultValue${this.options.pluralSeparator}zero`] && Y.indexOf(`${this.options.pluralSeparator}zero`) < 0 && Y.push(`${this.options.pluralSeparator}zero`), Y.forEach((T) => {
-            $([V], c + T, t[`defaultValue${T}`] || y);
+            $([H], c + T, t[`defaultValue${T}`] || y);
           });
         }) : $(P, c, y));
       }
-      C = this.extendTranslation(C, e, t, h, o), R && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (R || L) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, L ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
+      C = this.extendTranslation(C, e, t, h, o), M && C === c && this.options.appendNamespaceToMissingKey && (C = `${d}:${c}`), (M || L) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? C = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${c}` : c, L ? C : void 0) : C = this.options.parseMissingKeyHandler(C));
     }
     return s ? (h.res = C, h.usedParams = this.getUsedParamsDetails(t), h) : C;
   }
@@ -7443,21 +7443,21 @@ class p1 extends w1 {
         this.isValidLookup(o) || (r = v, !S1[`${N[0]}-${v}`] && this.utils && this.utils.hasLoadedNamespace && !this.utils.hasLoadedNamespace(r) && (S1[`${N[0]}-${v}`] = !0, this.logger.warn(`key "${s}" for languages "${N.join(", ")}" won't get resolved as namespace "${r}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!")), N.forEach((E) => {
           if (this.isValidLookup(o)) return;
           c = E;
-          const M = [a];
+          const R = [a];
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
-            this.i18nFormat.addLookupKeys(M, a, E, v, t);
+            this.i18nFormat.addLookupKeys(R, a, E, v, t);
           else {
             let L;
             C && (L = this.pluralResolver.getSuffix(E, t.count, t));
-            const R = `${this.options.pluralSeparator}zero`, b = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (C && (M.push(a + L), t.ordinal && L.indexOf(b) === 0 && M.push(a + L.replace(b, this.options.pluralSeparator)), p && M.push(a + R)), w) {
+            const M = `${this.options.pluralSeparator}zero`, b = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (C && (R.push(a + L), t.ordinal && L.indexOf(b) === 0 && R.push(a + L.replace(b, this.options.pluralSeparator)), p && R.push(a + M)), w) {
               const x = `${a}${this.options.contextSeparator}${t.context}`;
-              M.push(x), C && (M.push(x + L), t.ordinal && L.indexOf(b) === 0 && M.push(x + L.replace(b, this.options.pluralSeparator)), p && M.push(x + R));
+              R.push(x), C && (R.push(x + L), t.ordinal && L.indexOf(b) === 0 && R.push(x + L.replace(b, this.options.pluralSeparator)), p && R.push(x + M));
             }
           }
-          let H;
-          for (; H = M.pop(); )
-            this.isValidLookup(o) || (l = H, o = this.getResource(E, v, H, t));
+          let V;
+          for (; V = R.pop(); )
+            this.isValidLookup(o) || (l = V, o = this.getResource(E, v, V, t));
         }));
       });
     }), {
@@ -7784,9 +7784,9 @@ class Qi {
       nestingSuffixEscaped: N,
       nestingOptionsSeparator: v,
       maxReplaces: E,
-      alwaysFormat: M
+      alwaysFormat: R
     } = e.interpolation;
-    this.escape = t !== void 0 ? t : Di, this.escapeValue = o !== void 0 ? o : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = l ? Q(l) : c || "{{", this.suffix = r ? Q(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = C ? Q(C) : p || Q("$t("), this.nestingSuffix = w ? Q(w) : N || Q(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = M !== void 0 ? M : !1, this.resetRegExp();
+    this.escape = t !== void 0 ? t : Di, this.escapeValue = o !== void 0 ? o : !0, this.useRawValueToEscape = s !== void 0 ? s : !1, this.prefix = l ? Q(l) : c || "{{", this.suffix = r ? Q(r) : d || "}}", this.formatSeparator = g || ",", this.unescapePrefix = a ? "" : h || "-", this.unescapeSuffix = this.unescapePrefix ? "" : a || "", this.nestingPrefix = C ? Q(C) : p || Q("$t("), this.nestingSuffix = w ? Q(w) : N || Q(")"), this.nestingOptionsSeparator = v || ",", this.maxReplaces = E || 1e3, this.alwaysFormat = R !== void 0 ? R : !1, this.resetRegExp();
   }
   reset() {
     this.options && this.init(this.options);
@@ -8567,8 +8567,8 @@ const m5 = (i, e) => {
   } = l1(f5) || {}, l = t || o || C5();
   if (l && !l.reportNamespaces && (l.reportNamespaces = new w5()), !l) {
     R1("You will need to pass in an i18next instance by using initReactI18next");
-    const L = (b, x) => z(x) ? x : r5(x) && z(x.defaultValue) ? x.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, R = [L, {}, !1];
-    return R.t = L, R.i18n = {}, R.ready = !1, R;
+    const L = (b, x) => z(x) ? x : r5(x) && z(x.defaultValue) ? x.defaultValue : Array.isArray(b) ? b[b.length - 1] : b, M = [L, {}, !1];
+    return M.t = L, M.i18n = {}, M.ready = !1, M;
   }
   l.options.react && l.options.react.wait !== void 0 && R1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const c = {
@@ -8584,28 +8584,28 @@ const m5 = (i, e) => {
   const a = (l.isInitialized || l.initializedStoreOnce) && g.every((L) => n5(L, l, c)), h = k5(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), [w, N] = O(C);
   let v = g.join();
   e.lng && (v = `${e.lng}${v}`);
-  const E = m5(v), M = r1(!0);
+  const E = m5(v), R = r1(!0);
   W(() => {
     const {
       bindI18n: L,
-      bindI18nStore: R
+      bindI18nStore: M
     } = c;
-    M.current = !0, !a && !r && (e.lng ? T1(l, e.lng, g, () => {
-      M.current && N(p);
+    R.current = !0, !a && !r && (e.lng ? T1(l, e.lng, g, () => {
+      R.current && N(p);
     }) : D1(l, g, () => {
-      M.current && N(p);
-    })), a && E && E !== v && M.current && N(p);
+      R.current && N(p);
+    })), a && E && E !== v && R.current && N(p);
     const b = () => {
-      M.current && N(p);
+      R.current && N(p);
     };
-    return L && l && l.on(L, b), R && l && l.store.on(R, b), () => {
-      M.current = !1, L && l && L.split(" ").forEach((x) => l.off(x, b)), R && l && R.split(" ").forEach((x) => l.store.off(x, b));
+    return L && l && l.on(L, b), M && l && l.store.on(M, b), () => {
+      R.current = !1, L && l && L.split(" ").forEach((x) => l.off(x, b)), M && l && M.split(" ").forEach((x) => l.store.off(x, b));
     };
   }, [l, v]), W(() => {
-    M.current && a && N(C);
+    R.current && a && N(C);
   }, [l, d, a]);
-  const H = [w, l, a];
-  if (H.t = w, H.i18n = l, H.ready = a, a || !a && !r) return H;
+  const V = [w, l, a];
+  if (V.t = w, V.i18n = l, V.ready = a, a || !a && !r) return V;
   throw new Promise((L) => {
     e.lng ? T1(l, e.lng, g, () => L()) : D1(l, g, () => L());
   });
@@ -8666,22 +8666,22 @@ const P1 = {
   offset: 0
 }, W5 = f1(
   ({ width: i, selectedCountry: e, onChange: t, value: o, id: s, disabled: l }, c) => {
-    const [r, d] = O([]), [g, a] = O(P1), [h, C] = O(null), [p, w] = O([]), [N, v] = O(!1), [E, M] = O(!1), H = r1(e), { locale: L, axiosPeople: R } = l1(ce);
-    if (!R)
+    const [r, d] = O([]), [g, a] = O(P1), [h, C] = O(null), [p, w] = O([]), [N, v] = O(!1), [E, R] = O(!1), V = r1(e), { locale: L, axiosPeople: M } = l1(ce);
+    if (!M)
       throw new Error(
         `CitySelect requires "axiosPeople" to fetch cities. 
                 Please provide it via SNMTUiContext.`
       );
     const { t: b } = L5("common", { lng: L }), x = G(
       async (y) => {
-        y ? M(!0) : v(!0);
+        y ? R(!0) : v(!0);
         try {
           const I = {
             offset: g.offset,
             limit: g.limit
           };
           e && e.length > 0 && (I.countryId = e), y && (I.search = y);
-          const B = await R.post("v1/cities/search", I), D = (B == null ? void 0 : B.data.data) || [], P = B == null ? void 0 : B.data.metadata.count, F = D.map(($) => ({
+          const B = await M.post("v1/cities/search", I), D = (B == null ? void 0 : B.data.data) || [], P = B == null ? void 0 : B.data.metadata.count, F = D.map(($) => ({
             key: K1(),
             label: $.name,
             value: $.geoNameId
@@ -8690,10 +8690,10 @@ const P1 = {
             ($) => g.offset === 0 ? F : [...$, ...F]
           ), w(D), C(P);
         } finally {
-          v(!1), M(!1);
+          v(!1), R(!1);
         }
       },
-      [R, g, e]
+      [M, g, e]
     );
     W(() => {
       a(P1);
@@ -8708,11 +8708,11 @@ const P1 = {
       }));
       d(
         (I) => g.offset === 0 ? y : [...I, ...y]
-      ), H.current = e, o && t(o);
+      ), V.current = e, o && t(o);
     }, [e, t, o, p, g.offset]);
     const Z = _5(x), J = G(
       (y) => {
-        a((I) => ({ ...I, offset: 0, search: y })), M(!0), Z(y);
+        a((I) => ({ ...I, offset: 0, search: y })), R(!0), Z(y);
       },
       [Z]
     ), U = async (y) => {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/city-select",
     "private": false,
-    "version": "2.3.0",
+    "version": "2.3.1",
     "type": "module",
     "main": "dist/city-select.js",
     "types": "dist/index.d.ts",
@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@snmt-react-ui/core": "^2.1.0",
-        "@snmt-react-ui/select": "^1.13.0",
+        "@snmt-react-ui/select": "^1.13.1",
         "i18next": "^23.11.5",
         "react-i18next": "^14.1.1",
         "uuid": "^10.0.0"
@@ -27,5 +27,5 @@
     "peerDependencies": {
         "antd": "^5.22.0"
     },
-    "gitHead": "1c62f906731e5202b370cd64a425b97b796e3f47"
+    "gitHead": "87f6c40269debe98b4f49c9a61be7437ea9e38bd"
 }