@snmt-react-ui/city-select 1.3.0 → 1.3.1

package/dist/city-select.js

@@ -1238,8 +1238,8 @@ const Q1 = async (e) => {
         method: "POST",
         body: r,
         duplex: "half"
-      }), E;
-      w.isFormData(r) && (E = R.headers.get("content-type")) && c.setContentType(E), R.body && (r = vr(R.body, Nr, Rr(
+      }), x;
+      w.isFormData(r) && (x = R.headers.get("content-type")) && c.setContentType(x), R.body && (r = vr(R.body, Nr, Rr(
         O,
         kt(d)
       ), null, yn));
@@ -1254,25 +1254,25 @@ const Q1 = async (e) => {
       withCredentials: u
     });
     let b = await fetch(L);
-    const x = Ln && (l === "stream" || l === "response");
-    if (Ln && (a || x)) {
+    const E = Ln && (l === "stream" || l === "response");
+    if (Ln && (a || E)) {
       const R = {};
       ["status", "statusText", "headers"].forEach((D) => {
         R[D] = b[D];
       });
-      const E = w.toFiniteNumber(b.headers.get("content-length"));
+      const x = w.toFiniteNumber(b.headers.get("content-length"));
       b = new Response(
         vr(b.body, Nr, a && Rr(
-          E,
+          x,
           kt(a, !0)
-        ), x && N, yn),
+        ), E && N, yn),
         R
       );
     }
     l = l || "text";
     let S = await yt[w.findKey(yt, l) || "text"](b, e);
-    return !x && N(), g && g(), await new Promise((R, E) => {
-      Go(R, E, {
+    return !E && N(), g && g(), await new Promise((R, x) => {
+      Go(R, x, {
         data: S,
         headers: G.from(b.headers),
         status: b.status,
@@ -2923,8 +2923,8 @@ const xl = async (e) => {
         method: "POST",
         body: r,
         duplex: "half"
-      }), E;
-      C.isFormData(r) && (E = R.headers.get("content-type")) && c.setContentType(E), R.body && (r = Br(R.body, Fr, Dr(
+      }), x;
+      C.isFormData(r) && (x = R.headers.get("content-type")) && c.setContentType(x), R.body && (r = Br(R.body, Fr, Dr(
         O,
         Lt(d)
       ), null, xn));
@@ -2939,25 +2939,25 @@ const xl = async (e) => {
       withCredentials: u
     });
     let b = await fetch(L);
-    const x = On && (l === "stream" || l === "response");
-    if (On && (a || x)) {
+    const E = On && (l === "stream" || l === "response");
+    if (On && (a || E)) {
       const R = {};
       ["status", "statusText", "headers"].forEach((D) => {
         R[D] = b[D];
       });
-      const E = C.toFiniteNumber(b.headers.get("content-length"));
+      const x = C.toFiniteNumber(b.headers.get("content-length"));
       b = new Response(
         Br(b.body, Fr, a && Dr(
-          E,
+          x,
           Lt(a, !0)
-        ), x && N, xn),
+        ), E && N, xn),
         R
       );
     }
     l = l || "text";
     let S = await bt[C.findKey(bt, l) || "text"](b, e);
-    return !x && N(), g && g(), await new Promise((R, E) => {
-      mi(R, E, {
+    return !E && N(), g && g(), await new Promise((R, x) => {
+      mi(R, x, {
         data: S,
         headers: Z.from(b.headers),
         status: b.status,
@@ -7762,8 +7762,8 @@ const A0 = async (e) => {
         method: "POST",
         body: r,
         duplex: "half"
-      }), E;
-      k.isFormData(r) && (E = R.headers.get("content-type")) && c.setContentType(E), R.body && (r = zr(R.body, Jr, Yr(
+      }), x;
+      k.isFormData(r) && (x = R.headers.get("content-type")) && c.setContentType(x), R.body && (r = zr(R.body, Jr, Yr(
         O,
         vt(d)
       ), null, jn));
@@ -7778,25 +7778,25 @@ const A0 = async (e) => {
       withCredentials: u
     });
     let b = await fetch(L);
-    const x = Pn && (l === "stream" || l === "response");
-    if (Pn && (a || x)) {
+    const E = Pn && (l === "stream" || l === "response");
+    if (Pn && (a || E)) {
       const R = {};
       ["status", "statusText", "headers"].forEach((D) => {
         R[D] = b[D];
       });
-      const E = k.toFiniteNumber(b.headers.get("content-length"));
+      const x = k.toFiniteNumber(b.headers.get("content-length"));
       b = new Response(
         zr(b.body, Jr, a && Yr(
-          E,
+          x,
           vt(a, !0)
-        ), x && N, jn),
+        ), E && N, jn),
         R
       );
     }
     l = l || "text";
     let S = await Rt[k.findKey(Rt, l) || "text"](b, e);
-    return !x && N(), g && g(), await new Promise((R, E) => {
-      Ui(R, E, {
+    return !E && N(), g && g(), await new Promise((R, x) => {
+      Ui(R, x, {
         data: S,
         headers: $.from(b.headers),
         status: b.status,
@@ -12573,8 +12573,8 @@ const Sh = async (e) => {
         method: "POST",
         body: r,
         duplex: "half"
-      }), E;
-      y.isFormData(r) && (E = R.headers.get("content-type")) && c.setContentType(E), R.body && (r = lo(R.body, ho, co(
+      }), x;
+      y.isFormData(r) && (x = R.headers.get("content-type")) && c.setContentType(x), R.body && (r = lo(R.body, ho, co(
         O,
         Nt(d)
       ), null, Un));
@@ -12589,25 +12589,25 @@ const Sh = async (e) => {
       withCredentials: u
     });
     let b = await fetch(L);
-    const x = Vn && (l === "stream" || l === "response");
-    if (Vn && (a || x)) {
+    const E = Vn && (l === "stream" || l === "response");
+    if (Vn && (a || E)) {
       const R = {};
       ["status", "statusText", "headers"].forEach((D) => {
         R[D] = b[D];
       });
-      const E = y.toFiniteNumber(b.headers.get("content-length"));
+      const x = y.toFiniteNumber(b.headers.get("content-length"));
       b = new Response(
         lo(b.body, ho, a && co(
-          E,
+          x,
           Nt(a, !0)
-        ), x && N, Un),
+        ), E && N, Un),
         R
       );
     }
     l = l || "text";
     let S = await Et[y.findKey(Et, l) || "text"](b, e);
-    return !x && N(), g && g(), await new Promise((R, E) => {
-      ds(R, E, {
+    return !E && N(), g && g(), await new Promise((R, x) => {
+      ds(R, x, {
         data: S,
         headers: q.from(b.headers),
         status: b.status,
@@ -13148,14 +13148,14 @@ const ks = ({ children: e, width: t, size: n = "small", onClose: r }) => {
     he(() => {
       O(e);
     }, [e]);
-    const x = (B) => {
+    const E = (B) => {
       p(B);
     }, S = (B, V) => {
       var Y;
       return !!((Y = V == null ? void 0 : V.label) != null && Y.toString().toLowerCase().includes(B.toLowerCase()));
     }, R = () => {
       g(!0);
-    }, E = () => {
+    }, x = () => {
       g(!1);
     }, D = (B) => {
       if (O(B), r) {
@@ -13192,14 +13192,14 @@ const ks = ({ children: e, width: t, size: n = "small", onClose: r }) => {
             ref: c,
             showSearch: !!o,
             filterOption: o && S,
-            onDropdownVisibleChange: x,
+            onDropdownVisibleChange: E,
             placeholder: n ? d ? `${n}*` : n : void 0,
             disabled: a,
             value: N || void 0,
             mode: r === "filter" ? "multiple" : r,
             onChange: D,
             onFocus: R,
-            onBlur: E,
+            onBlur: x,
             onSearch: (B) => L(!B),
             onSelect: () => L(!0),
             onDeselect: () => L(!0),
@@ -13631,15 +13631,15 @@ class At extends Qt {
     } = this.extractFromKey(t[t.length - 1], n), d = a[a.length - 1], l = n.lng || this.language, c = n.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
     if (l && l.toLowerCase() === "cimode") {
       if (c) {
-        const x = n.nsSeparator || this.options.nsSeparator;
+        const E = n.nsSeparator || this.options.nsSeparator;
         return o ? {
-          res: `${d}${x}${s}`,
+          res: `${d}${E}${s}`,
           usedKey: s,
           exactUsedKey: s,
           usedLng: l,
           usedNS: d,
           usedParams: this.getUsedParamsDetails(n)
-        } : `${d}${x}${s}`;
+        } : `${d}${E}${s}`;
       }
       return o ? {
         res: s,
@@ -13656,35 +13656,35 @@ class At extends Qt {
     if (O && p && (typeof p != "string" && typeof p != "boolean" && typeof p != "number") && L.indexOf(v) < 0 && !(typeof N == "string" && Array.isArray(p))) {
       if (!n.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
-        const x = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(f, p, {
+        const E = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(f, p, {
           ...n,
           ns: a
         }) : `key '${s} (${this.language})' returned an object instead of string.`;
-        return o ? (u.res = x, u.usedParams = this.getUsedParamsDetails(n), u) : x;
+        return o ? (u.res = E, u.usedParams = this.getUsedParamsDetails(n), u) : E;
       }
       if (i) {
-        const x = Array.isArray(p), S = x ? [] : {}, R = x ? g : f;
-        for (const E in p)
-          if (Object.prototype.hasOwnProperty.call(p, E)) {
-            const D = `${R}${i}${E}`;
-            S[E] = this.translate(D, {
+        const E = Array.isArray(p), S = E ? [] : {}, R = E ? g : f;
+        for (const x in p)
+          if (Object.prototype.hasOwnProperty.call(p, x)) {
+            const D = `${R}${i}${x}`;
+            S[x] = this.translate(D, {
               ...n,
               joinArrays: !1,
               ns: a
-            }), S[E] === D && (S[E] = p[E]);
+            }), S[x] === D && (S[x] = p[x]);
           }
         p = S;
       }
     } else if (O && typeof N == "string" && Array.isArray(p))
       p = p.join(N), p && (p = this.extendTranslation(p, t, n, r));
     else {
-      let x = !1, S = !1;
-      const R = n.count !== void 0 && typeof n.count != "string", E = At.hasDefaultValue(n), D = R ? this.pluralResolver.getSuffix(l, n.count, n) : "", De = n.ordinal && R ? this.pluralResolver.getSuffix(l, n.count, {
+      let E = !1, S = !1;
+      const R = n.count !== void 0 && typeof n.count != "string", x = At.hasDefaultValue(n), D = R ? this.pluralResolver.getSuffix(l, n.count, n) : "", De = n.ordinal && R ? this.pluralResolver.getSuffix(l, n.count, {
         ordinal: !1
       }) : "", Fe = R && !n.ordinal && n.count === 0 && this.pluralResolver.shouldUseIntlApi(), ge = Fe && n[`defaultValue${this.options.pluralSeparator}zero`] || n[`defaultValue${D}`] || n[`defaultValue${De}`] || n.defaultValue;
-      !this.isValidLookup(p) && E && (x = !0, p = ge), this.isValidLookup(p) || (S = !0, p = s);
-      const B = (n.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && S ? void 0 : p, V = E && ge !== p && this.options.updateMissing;
-      if (S || x || V) {
+      !this.isValidLookup(p) && x && (E = !0, p = ge), this.isValidLookup(p) || (S = !0, p = s);
+      const B = (n.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && S ? void 0 : p, V = x && ge !== p && this.options.updateMissing;
+      if (S || E || V) {
         if (this.logger.log(V ? "updateKey" : "missingKey", l, d, s, V ? ge : p), i) {
           const z = this.resolve(s, {
             ...n,
@@ -13700,7 +13700,7 @@ class At extends Qt {
         else
           this.options.saveMissingTo === "all" ? Y = this.languageUtils.toResolveHierarchy(n.lng || this.language) : Y.push(n.lng || this.language);
         const pr = (z, me, He) => {
-          const gr = E && He !== p ? He : B;
+          const gr = x && He !== p ? He : B;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(z, d, me, gr, V, n) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(z, d, me, gr, V, n), this.emit("missingKey", z, d, me, p);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && R ? Y.forEach((z) => {
@@ -13710,7 +13710,7 @@ class At extends Qt {
           });
         }) : pr(Y, s, ge));
       }
-      p = this.extendTranslation(p, t, n, u, r), S && p === s && this.options.appendNamespaceToMissingKey && (p = `${d}:${s}`), (S || x) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? p = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${s}` : s, x ? p : void 0) : p = this.options.parseMissingKeyHandler(p));
+      p = this.extendTranslation(p, t, n, u, r), S && p === s && this.options.appendNamespaceToMissingKey && (p = `${d}:${s}`), (S || E) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? p = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${d}:${s}` : s, E ? p : void 0) : p = this.options.parseMissingKeyHandler(p));
     }
     return o ? (u.res = p, u.usedParams = this.getUsedParamsDetails(n), u) : p;
   }
@@ -13779,12 +13779,12 @@ class At extends Qt {
           if (this.i18nFormat && this.i18nFormat.addLookupKeys)
             this.i18nFormat.addLookupKeys(O, c, N, L, n);
           else {
-            let x;
-            p && (x = this.pluralResolver.getSuffix(N, n.count, n));
+            let E;
+            p && (E = this.pluralResolver.getSuffix(N, n.count, n));
             const S = `${this.options.pluralSeparator}zero`, R = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
-            if (p && (O.push(c + x), n.ordinal && x.indexOf(R) === 0 && O.push(c + x.replace(R, this.options.pluralSeparator)), f && O.push(c + S)), g) {
-              const E = `${c}${this.options.contextSeparator}${n.context}`;
-              O.push(E), p && (O.push(E + x), n.ordinal && x.indexOf(R) === 0 && O.push(E + x.replace(R, this.options.pluralSeparator)), f && O.push(E + S));
+            if (p && (O.push(c + E), n.ordinal && E.indexOf(R) === 0 && O.push(c + E.replace(R, this.options.pluralSeparator)), f && O.push(c + S)), g) {
+              const x = `${c}${this.options.contextSeparator}${n.context}`;
+              O.push(x), p && (O.push(x + E), n.ordinal && E.indexOf(R) === 0 && O.push(x + E.replace(R, this.options.pluralSeparator)), f && O.push(x + S));
             }
           }
           let b;
@@ -14985,8 +14985,8 @@ function Ou(e) {
   } = Xe(Ru) || {}, i = n || r || bu();
   if (i && !i.reportNamespaces && (i.reportNamespaces = new Nu()), !i) {
     $n("You will need to pass in an i18next instance by using initReactI18next");
-    const x = (R, E) => typeof E == "string" ? E : E && typeof E == "object" && typeof E.defaultValue == "string" ? E.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, S = [x, {}, !1];
-    return S.t = x, S.i18n = {}, S.ready = !1, S;
+    const E = (R, x) => typeof x == "string" ? x : x && typeof x == "object" && typeof x.defaultValue == "string" ? x.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, S = [E, {}, !1];
+    return S.t = E, S.i18n = {}, S.ready = !1, S;
   }
   i.options.react && i.options.react.wait !== void 0 && $n("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const s = {
@@ -14999,13 +14999,13 @@ function Ou(e) {
   } = s;
   let l = e;
   l = typeof l == "string" ? [l] : l || ["translation"], i.reportNamespaces.addUsedNamespaces && i.reportNamespaces.addUsedNamespaces(l);
-  const c = (i.isInitialized || i.initializedStoreOnce) && l.every((x) => pu(x, i, s)), u = xu(i, t.lng || null, s.nsMode === "fallback" ? l : l[0], d), p = () => u, f = () => Ns(i, t.lng || null, s.nsMode === "fallback" ? l : l[0], d), [g, v] = K(p);
+  const c = (i.isInitialized || i.initializedStoreOnce) && l.every((E) => pu(E, i, s)), u = xu(i, t.lng || null, s.nsMode === "fallback" ? l : l[0], d), p = () => u, f = () => Ns(i, t.lng || null, s.nsMode === "fallback" ? l : l[0], d), [g, v] = K(p);
   let L = l.join();
   t.lng && (L = `${t.lng}${L}`);
   const N = Eu(L), O = _t(!0);
   he(() => {
     const {
-      bindI18n: x,
+      bindI18n: E,
       bindI18nStore: S
     } = s;
     O.current = !0, !c && !a && (t.lng ? Eo(i, t.lng, l, () => {
@@ -15016,8 +15016,8 @@ function Ou(e) {
     function R() {
       O.current && v(f);
     }
-    return x && i && i.on(x, R), S && i && i.store.on(S, R), () => {
-      O.current = !1, x && i && x.split(" ").forEach((E) => i.off(E, R)), S && i && S.split(" ").forEach((E) => i.store.off(E, R));
+    return E && i && i.on(E, R), S && i && i.store.on(S, R), () => {
+      O.current = !1, E && i && E.split(" ").forEach((x) => i.off(x, R)), S && i && S.split(" ").forEach((x) => i.store.off(x, R));
     };
   }, [i, L]), he(() => {
     O.current && c && v(p);
@@ -15025,8 +15025,8 @@ function Ou(e) {
   const b = [g, i, c];
   if (b.t = g, b.i18n = i, b.ready = c, c || !c && !a)
     return b;
-  throw new Promise((x) => {
-    t.lng ? Eo(i, t.lng, l, () => x()) : No(i, l, () => x());
+  throw new Promise((E) => {
+    t.lng ? Eo(i, t.lng, l, () => E()) : No(i, l, () => E());
   });
 }
 const Su = "City", Au = {
@@ -15048,50 +15048,49 @@ W.use(vu).init({
 });
 const Fu = Tt(
   ({ width: e, selectedCountry: t, onChange: n, value: r }, o) => {
-    const [i, s] = K([]), [a, d] = K([]), [l, c] = K(1), [, u] = K(!1), p = 21e3, f = 100, g = _t(t), { locale: v, axios: L } = Xe(Es), { t: N } = Ou("common", { lng: v }), O = (x) => {
-      const S = x.map((R) => {
-        const E = t && t.length > 0 ? R.name : `${R.name}-${R.countryId}`;
+    const [i, s] = K([]), [a, d] = K([]), [l, c] = K(1), [, u] = K(!1), p = 21e3, f = 100, g = _t(t), { locale: v, axios: L } = Xe(Es), { t: N } = Ou("common", { lng: v }), O = (E) => {
+      const S = E.map((R) => {
+        const x = t && t.length > 0 ? R.name : `${R.name}-${R.countryId}`;
         return {
           label: R.name,
-          value: E
+          value: x
         };
       });
       s((R) => [...R, ...S]);
-    };
-    he(() => {
-      r && n(r);
-      const x = a.map((S) => {
-        const R = t && t.length > 0 ? S.name : `${S.name}-${S.countryId}`;
-        return {
-          label: S.name,
-          value: R
-        };
-      });
-      s(x), g.current = t;
-    }, [t, n, r, a]);
-    const b = async (x) => {
-      const S = x ? (x - 1) * f : 1;
+    }, b = async (E, S) => {
+      const R = E ? (E - 1) * f : 0;
       try {
-        const R = t ? { countryId: t, offset: S, limit: f } : { offset: S, limit: f }, E = await (L == null ? void 0 : L.post("/cities/search", R)), D = (E == null ? void 0 : E.data.data) || [];
-        d((De) => [...De, ...D]), O(D);
+        const x = t && t.length > 0 ? { countryId: t, offset: R, limit: f, search: S } : { offset: R, limit: f, search: S }, D = await (L == null ? void 0 : L.post("/cities/search", x)), De = D == null ? void 0 : D.data.data;
+        O(De);
       } catch {
         d([]);
       }
     };
     return he(() => {
       b();
-    }, [t]), /* @__PURE__ */ h("div", { className: "snmt-city-select", children: /* @__PURE__ */ h(
+    }, [t]), he(() => {
+      n("");
+      const E = a.map((S) => {
+        const R = t && t.length > 0 ? S.name : `${S.name}-${S.countryId}`;
+        return {
+          label: S.name,
+          value: R
+        };
+      });
+      s(E), g.current = t, r && n(r);
+    }, [t, n, r, a]), /* @__PURE__ */ h("div", { className: "snmt-city-select", children: /* @__PURE__ */ h(
       Vh,
       {
         width: e,
         options: i,
         onChange: n,
         ref: o,
+        search: !0,
         value: r,
         placeholder: N("placeholder"),
-        onPopupScroll: async (x) => {
-          const { target: S } = x;
-          if (S.scrollTop + S.offsetHeight === S.scrollHeight) {
+        onPopupScroll: async (E) => {
+          const { target: S } = E;
+          if (S.scrollTop + S.offsetHeight >= S.scrollHeight - 50) {
             u(!0);
             const R = l + 1;
             i.length < p && (await b(R), c(R)), u(!1);

package/dist/useDebounce.d.ts

@@ -0,0 +1,3 @@
+type AnyFunction = (...args: any[]) => void;
+export declare function useDebounce<Func extends AnyFunction>(func: Func, delay?: number): Func;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/city-select",
     "private": false,
-    "version": "1.3.0",
+    "version": "1.3.1",
     "type": "module",
     "main": "dist/city-select.js",
     "types": "dist/index.d.ts",
@@ -19,12 +19,12 @@
     },
     "dependencies": {
         "@snmt-react-ui/core": "^1.5.0",
-        "@snmt-react-ui/select": "^1.3.37",
+        "@snmt-react-ui/select": "^1.3.38",
         "i18next": "^23.11.5",
         "react-i18next": "^14.1.1"
     },
     "peerDependencies": {
         "antd": "^5.18.3"
     },
-    "gitHead": "e3d1ada22643bc9b45b4e9a846a8666f508d6ead"
+    "gitHead": "2d4f780f78d01dd2fbec20b08b9f9c7c69292c07"
 }