@snmt-react-ui/async-select 1.5.2 → 1.5.3

package/dist/async-select.js

@@ -6780,25 +6780,25 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
     extraOptions: _,
     dropdownRender: A,
     optionRender: G,
-    isLoading: F,
-    readOnly: N
-  }, D) => {
-    const [j, T] = u(!1), [S, R] = u(!1), [Z, y] = u(!0), [v, Y] = u(i), K = r1(null);
+    isLoading: D,
+    readOnly: f
+  }, j) => {
+    const [T, y] = u(!1), [S, R] = u(!1), [Z, Y] = u(!0), [v, K] = u(i), O = r1(null);
     E(() => {
-      Y(i);
+      K(i);
     }, [i]);
     const m = (a) => {
-      T(a), n && n(a);
+      y(a), n && n(a);
     }, J = (a, L) => {
       var M;
       return !!((M = L == null ? void 0 : L.label) != null && M.toString().toLowerCase().includes(a.toLowerCase()));
     }, Q = () => {
       R(!0);
-    }, O = () => {
+    }, b = () => {
       R(!1);
-    }, f = x(
+    }, N = x(
       (a) => {
-        if (Y(a), l) {
+        if (K(a), l) {
           const M = a;
           o == null || o(M);
           return;
@@ -6808,19 +6808,19 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
       },
       [l, o]
     ), k1 = x(() => {
-      if (!N) {
+      if (!f) {
         if (l) {
-          f([]);
+          N([]);
           return;
         }
-        f("");
+        N("");
       }
-    }, [f, l, N]), U = x(
+    }, [N, l, f]), U = x(
       (a) => {
         const L = v.filter((M) => M !== a);
-        f(L), Y(L);
+        N(L), K(L);
       },
-      [f, v]
+      [N, v]
     ), i1 = x(
       (a) => (v == null ? void 0 : v.indexOf(a)) === 0 ? (
         // if the search input is empty
@@ -6849,14 +6849,14 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
           {
             values: a,
             onTagClose: U,
-            maxWidth: ((L = K.current) == null ? void 0 : L.clientWidth) || 0,
-            disabled: s || N,
+            maxWidth: ((L = O.current) == null ? void 0 : L.clientWidth) || 0,
+            disabled: s || f,
             options: w,
             extraOptions: _
           }
         );
       },
-      [s, _, U, w, N]
+      [s, _, U, w, f]
     ), m1 = x(
       ({ label: a, value: L, mode: M }) => M === "filter" ? i1(L) : /* @__PURE__ */ t("div", { onMouseDown: g1, className: "tag-wrapper", children: /* @__PURE__ */ t(C1, { onClose: () => U(L), closable: !s, children: /* @__PURE__ */ t(w1, { variant: "body4", children: typeof a == "object" ? a : X(L) }) }) }),
       [s, X, U, i1]
@@ -6865,17 +6865,17 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
       "div",
       {
         className: `snmt-select ${S ? "snmt-select-focused" : ""} 
-                ${l ? "" : "snmt-select-single"} ${N ? "snmt-select-read-only" : ""}`,
-        ref: K,
+                ${l ? "" : "snmt-select-single"} ${f ? "snmt-select-read-only" : ""}`,
+        ref: O,
         style: { width: g },
         children: [
           /* @__PURE__ */ t(
             v1,
             {
               className: "snmt-select-blank",
-              popupClassName: N ? "dropdown-read-only" : "",
+              popupClassName: f ? "dropdown-read-only" : "",
               id: V,
-              ref: D,
+              ref: j,
               showSearch: !!r,
               filterOption: r && J,
               onDropdownVisibleChange: m,
@@ -6884,19 +6884,19 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
               value: v || void 0,
               labelRender: (a) => X(a.value),
               mode: l === "filter" ? "multiple" : l,
-              onChange: f,
+              onChange: N,
               onFocus: Q,
-              onBlur: O,
+              onBlur: b,
               onSearch: (a) => {
-                y(!a), h && h(a);
+                Y(!a), h && h(a);
               },
-              onSelect: () => y(!0),
-              onDeselect: () => y(!0),
+              onSelect: () => Y(!0),
+              onDeselect: () => Y(!0),
               tagRender: (a) => m1({ ...a, mode: l }),
               maxTagCount: "responsive",
               maxTagPlaceholder: L1,
               onPopupScroll: p1,
-              prefix: N && !i && /* @__PURE__ */ t(t1, { size: 15 }),
+              prefix: D && /* @__PURE__ */ t(t1, { size: 15 }),
               suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(I, { children: [
                 l && v && !!v.length && /* @__PURE__ */ t("div", { onClick: k1, children: /* @__PURE__ */ t(P, { name: "cancel" }) }),
                 /* @__PURE__ */ t(
@@ -6904,8 +6904,8 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
                   {
                     name: "selectArrowIcon",
                     color: s ? W.GREY_DARK_1 : W.GREY_DARK_5,
-                    className: j ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => T(!j)
+                    className: T ? "select-arrow-rotated" : "select-arrow",
+                    onClick: () => y(!T)
                   }
                 )
               ] }) }),
@@ -6934,7 +6934,7 @@ const C1 = ({ children: i, width: o, size: e = "small", onClose: l, closable: r
                   }
                 )
               ] }),
-              dropdownRender: F ? () => /* @__PURE__ */ t(
+              dropdownRender: D ? () => /* @__PURE__ */ t(
                 "div",
                 {
                   style: {
@@ -6973,7 +6973,7 @@ function O3(i, o = 500) {
     clearTimeout(e.current), e.current = w;
   };
 }
-const b = {
+const F = {
   limit: 100,
   offset: 0
 }, $3 = q(
@@ -6994,34 +6994,34 @@ const b = {
     dropdownRender: B,
     readOnly: V
   }, _) => {
-    const [A, G] = u([]), [F, N] = u(b), [D, j] = u(!1), [T, S] = u(null), R = x(
+    const [A, G] = u([]), [D, f] = u(F), [j, T] = u(!1), [y, S] = u(null), R = x(
       async (m = !1, J) => {
-        if (!D) {
-          j(!0);
+        if (!j) {
+          T(!0);
           try {
-            const Q = m ? { ...b, search: J } : F, O = await i(Q);
+            const Q = m ? { ...F, search: J } : D, b = await i(Q);
             G(
-              (f) => m ? O.options : [...f, ...O.options]
-            ), S(O.count), N((f) => ({
-              ...f,
-              offset: f.offset + f.limit
+              (N) => m ? b.options : [...N, ...b.options]
+            ), S(b.count), f((N) => ({
+              ...N,
+              offset: N.offset + N.limit
             }));
           } finally {
-            j(!1);
+            T(!1);
           }
         }
       },
-      [F, i, D]
-    ), Z = O3(R), y = x(
+      [D, i, j]
+    ), Z = O3(R), Y = x(
       (m) => {
-        m === "" || m === void 0 || m === null ? (N(b), Z(!0)) : Z(!0, m);
+        m === "" || m === void 0 || m === null ? (f(F), Z(!0)) : Z(!0, m);
       },
       [Z]
     ), v = async (m) => {
-      m && T !== null && T > A.length && await R(!1);
-    }, Y = x(
+      m && y !== null && y > A.length && await R(!1);
+    }, K = x(
       (m) => {
-        m && !k && (G([]), N(b), R(!0)), n == null || n(m);
+        m && !k && (G([]), f(F), R(!0)), n == null || n(m);
       },
       // eslint-disable-next-line
       [k]
@@ -7029,7 +7029,7 @@ const b = {
     E(() => {
       k && R(!1);
     }, []);
-    const K = {
+    const O = {
       id: r,
       width: o,
       options: A,
@@ -7038,23 +7038,23 @@ const b = {
       placeholder: s,
       search: !0,
       value: l,
-      onSearchChange: y,
-      onDropdownVisibleChange: Y,
+      onSearchChange: Y,
+      onDropdownVisibleChange: K,
       scrollThresholdValue: g,
       onScrollToEnd: v,
       loadOnClosedState: k,
       disabled: w,
       extraOptions: h,
-      isLoading: D,
+      isLoading: j,
       optionRender: H,
       dropdownRender: B,
       readOnly: V
     };
     return u1(_, () => ({
       refetchOptions: async () => {
-        N(b), await R(!0);
+        f(F), await R(!0);
       }
-    })), p ? /* @__PURE__ */ t(l1, { ...K, onChange: e, value: l, mode: p }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(l1, { ...K, onChange: e, value: l }) });
+    })), p ? /* @__PURE__ */ t(l1, { ...O, onChange: e, value: l, mode: p }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(l1, { ...O, onChange: e, value: l }) });
   }
 );
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/async-select",
     "private": false,
-    "version": "1.5.2",
+    "version": "1.5.3",
     "type": "module",
     "main": "dist/async-select.js",
     "types": "dist/index.d.ts",
@@ -18,10 +18,10 @@
         "build": "tsc && vite build"
     },
     "dependencies": {
-        "@snmt-react-ui/select": "^1.13.0"
+        "@snmt-react-ui/select": "^1.13.1"
     },
     "peerDependencies": {
         "antd": "^5.18.3"
     },
-    "gitHead": "3110b4a7202e4a6ded1eea349bee8b81d67cfc02"
+    "gitHead": "87f6c40269debe98b4f49c9a61be7437ea9e38bd"
 }