@snmt-react-ui/async-select 1.8.22 → 1.8.23

package/dist/async-select.js

@@ -1,8 +1,8 @@
 import "./index.css";
 import { jsx as t, Fragment as U, jsxs as c } from "react/jsx-runtime";
-import { createContext as n1, forwardRef as g1, useRef as Y, useImperativeHandle as u1, useState as _, useEffect as Z, useCallback as W, useContext as r1, useMemo as A1 } from "react";
-import { Select as G1, Flex as B1, Avatar as W1, Checkbox as y1, Tooltip as R1, Typography as x1, Tag as T1, Popover as D1 } from "antd";
-var b1 = Object.defineProperty, K1 = (i, o, e) => o in i ? b1(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, j1 = (i, o, e) => K1(i, o + "", e), Y1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+import { createContext as n1, forwardRef as g1, useRef as Y, useImperativeHandle as u1, useState as _, useEffect as A, useCallback as W, useContext as r1, useMemo as A1 } from "react";
+import { Select as G1, Flex as B1, Avatar as W1, Checkbox as y1, Tooltip as _1, Typography as x1, Tag as T1, Popover as b1 } from "antd";
+var D1 = Object.defineProperty, K1 = (i, o, e) => o in i ? D1(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e, j1 = (i, o, e) => K1(i, o + "", e), Y1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function O1() {
   if (console && console.warn) {
     for (var i = arguments.length, o = new Array(i), e = 0; e < i; e++)
@@ -38,8 +38,8 @@ const H1 = (i, o) => () => {
   const l = o.languages[0], n = o.options ? o.options.fallbackLng : !1, a = o.languages[o.languages.length - 1];
   if (l.toLowerCase() === "cimode") return !0;
   const p = (r, m) => {
-    const d = o.services.backendConnector.state[`${r}|${m}`];
-    return d === -1 || d === 2;
+    const C = o.services.backendConnector.state[`${r}|${m}`];
+    return C === -1 || C === 2;
   };
   return e.bindI18n && e.bindI18n.indexOf("languageChanging") > -1 && o.services.backendConnector.backend && o.isLanguageChangingTo && !p(o.isLanguageChangingTo, i) ? !1 : !!(o.hasResourceBundle(l, i) || !o.services.backendConnector.backend || o.options.resources && !o.options.partialBundledLanguages || p(l, i) && (!n || p(a, i)));
 }, S1 = function(i, o) {
@@ -97,7 +97,7 @@ class i2 {
 }
 const t2 = (i, o) => {
   const e = Y();
-  return Z(() => {
+  return A(() => {
     e.current = i;
   }, [i, o]), e.current;
 }, E1 = (i, o, e, l) => i.getFixedT(o, e, l), l2 = (i, o, e, l) => W(E1(i, o, e, l), [i, o, e, l]), n2 = function(i) {
@@ -110,8 +110,8 @@ const t2 = (i, o) => {
   } = r1(o2) || {}, a = e || l || e2();
   if (a && !a.reportNamespaces && (a.reportNamespaces = new i2()), !a) {
     p1("You will need to pass in an i18next instance by using initReactI18next");
-    const u = (R, x) => P(x) ? x : U1(x) && P(x.defaultValue) ? x.defaultValue : Array.isArray(R) ? R[R.length - 1] : R, H = [u, {}, !1];
-    return H.t = u, H.i18n = {}, H.ready = !1, H;
+    const u = (x, H) => P(H) ? H : U1(H) && P(H.defaultValue) ? H.defaultValue : Array.isArray(x) ? x[x.length - 1] : x, E = [u, {}, !1];
+    return E.t = u, E.i18n = {}, E.ready = !1, E;
   }
   a.options.react && a.options.react.wait !== void 0 && p1("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const p = {
@@ -122,35 +122,35 @@ const t2 = (i, o) => {
     useSuspense: r,
     keyPrefix: m
   } = p;
-  let d = i;
-  d = P(d) ? [d] : d || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(d);
-  const h = (a.isInitialized || a.initializedStoreOnce) && d.every((u) => S1(u, a, p)), s = l2(a, o.lng || null, p.nsMode === "fallback" ? d : d[0], m), N = () => s, v = () => E1(a, o.lng || null, p.nsMode === "fallback" ? d : d[0], m), [I, V] = _(N);
-  let f = d.join();
-  o.lng && (f = `${o.lng}${f}`);
-  const A = t2(f), B = Y(!0);
-  Z(() => {
+  let C = i;
+  C = P(C) ? [C] : C || ["translation"], a.reportNamespaces.addUsedNamespaces && a.reportNamespaces.addUsedNamespaces(C);
+  const h = (a.isInitialized || a.initializedStoreOnce) && C.every((u) => S1(u, a, p)), s = l2(a, o.lng || null, p.nsMode === "fallback" ? C : C[0], m), f = () => s, N = () => E1(a, o.lng || null, p.nsMode === "fallback" ? C : C[0], m), [V, Z] = _(f);
+  let L = C.join();
+  o.lng && (L = `${o.lng}${L}`);
+  const G = t2(L), M = Y(!0);
+  A(() => {
     const {
       bindI18n: u,
-      bindI18nStore: H
+      bindI18nStore: E
     } = p;
-    B.current = !0, !h && !r && (o.lng ? N1(a, o.lng, d, () => {
-      B.current && V(v);
-    }) : v1(a, d, () => {
-      B.current && V(v);
-    })), h && A && A !== f && B.current && V(v);
-    const R = () => {
-      B.current && V(v);
+    M.current = !0, !h && !r && (o.lng ? N1(a, o.lng, C, () => {
+      M.current && Z(N);
+    }) : v1(a, C, () => {
+      M.current && Z(N);
+    })), h && G && G !== L && M.current && Z(N);
+    const x = () => {
+      M.current && Z(N);
     };
-    return u && a && a.on(u, R), H && a && a.store.on(H, R), () => {
-      B.current = !1, u && a && u.split(" ").forEach((x) => a.off(x, R)), H && a && H.split(" ").forEach((x) => a.store.off(x, R));
+    return u && a && a.on(u, x), E && a && a.store.on(E, x), () => {
+      M.current = !1, u && a && u.split(" ").forEach((H) => a.off(H, x)), E && a && E.split(" ").forEach((H) => a.store.off(H, x));
     };
-  }, [a, f]), Z(() => {
-    B.current && h && V(N);
+  }, [a, L]), A(() => {
+    M.current && h && Z(f);
   }, [a, m, h]);
-  const y = [I, a, h];
-  if (y.t = I, y.i18n = a, y.ready = h, h || !h && !r) return y;
+  const y = [V, a, h];
+  if (y.t = V, y.i18n = a, y.ready = h, h || !h && !r) return y;
   throw new Promise((u) => {
-    o.lng ? N1(a, o.lng, d, () => u()) : v1(a, d, () => u());
+    o.lng ? N1(a, o.lng, C, () => u()) : v1(a, C, () => u());
   });
 }, t1 = ({
   children: i,
@@ -188,7 +188,7 @@ const t2 = (i, o) => {
     }
   );
 };
-var b = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", 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))(b || {});
+var D = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", 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))(D || {});
 const m1 = n1({
   locale: "en",
   theme: "light"
@@ -202,9 +202,9 @@ const s2 = ({
   disabled: n = !1,
   disableUncheck: a = !1
 }) => {
-  const [p, r] = _(i), [m, d] = _(o);
-  Z(() => {
-    r(i), d(o);
+  const [p, r] = _(i), [m, C] = _(o);
+  A(() => {
+    r(i), C(o);
   }, [i, o]);
   const { theme: h } = r1(m1);
   return /* @__PURE__ */ t(
@@ -214,7 +214,7 @@ const s2 = ({
       checked: p,
       indeterminate: m,
       onChange: (s) => {
-        a && p || (d(!1), r(s.target.checked), l && l(s));
+        a && p || (C(!1), r(s.target.checked), l && l(s));
       },
       disabled: n,
       children: e
@@ -828,7 +828,7 @@ const h2 = ({
       )
     ]
   }
-), _2 = ({
+), R2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -861,7 +861,7 @@ const h2 = ({
       )
     ]
   }
-), R2 = ({
+), _2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -1322,7 +1322,7 @@ const h2 = ({
       )
     ]
   }
-), D2 = ({
+), b2 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#004ED7",
@@ -1351,7 +1351,7 @@ const h2 = ({
       )
     ]
   }
-), b2 = ({
+), D2 = ({
   width: i = 10,
   height: o = 10,
   color: e = "#001E52",
@@ -2702,8 +2702,8 @@ const h2 = ({
   disabled: a = !1,
   onClick: p
 }) => {
-  const [r, m] = _(n), { theme: d } = r1(I1), h = a ? d && d === "dark" ? g.GREY_LIGHT_4 : g.GREY_DARK_1 : l, s = a ? void 0 : p;
-  return Z(() => {
+  const [r, m] = _(n), { theme: C } = r1(I1), h = a ? C && C === "dark" ? g.GREY_LIGHT_4 : g.GREY_DARK_1 : l, s = a ? void 0 : p;
+  return A(() => {
     if (n) {
       s && !a && m(`${n} clickable`);
       return;
@@ -2760,9 +2760,9 @@ const h2 = ({
       case "history":
         return M2({ width: o, height: e, color: h, className: r, onClick: s });
       case "logOut":
-        return _2({ width: o, height: e, color: h, className: r, onClick: s });
-      case "settings":
         return R2({ width: o, height: e, color: h, className: r, onClick: s });
+      case "settings":
+        return _2({ width: o, height: e, color: h, className: r, onClick: s });
       case "trash":
         return x2({ width: o, height: e, color: h, className: r, onClick: s });
       case "settings4":
@@ -2818,7 +2818,7 @@ const h2 = ({
           onClick: s
         });
       case "expandActiveArrowIcon":
-        return D2({
+        return b2({
           width: o,
           height: e,
           color: h,
@@ -2826,7 +2826,7 @@ const h2 = ({
           onClick: s
         });
       case "sortUp":
-        return b2({ width: o, height: e, color: h, className: r, onClick: s });
+        return D2({ width: o, height: e, color: h, className: r, onClick: s });
       case "sortDown":
         return K2({ width: o, height: e, color: h, className: r, onClick: s });
       case "search":
@@ -2900,7 +2900,7 @@ const h2 = ({
     }
   })() });
 }, f5 = ({ children: i, title: o, arrow: e = !0, open: l, placement: n = "top" }) => /* @__PURE__ */ t(
-  R1,
+  _1,
   {
     overlayClassName: "snmt-tooltip",
     title: o,
@@ -2909,7 +2909,7 @@ const h2 = ({
     placement: n,
     children: i
   }
-), { Title: M5, Text: _5 } = x1, R5 = {
+), { Title: M5, Text: R5 } = x1, _5 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -2926,28 +2926,31 @@ const h2 = ({
     /** This prop allows you to enable tooltip if text size is too big */
     trim: r = !1
   }, m) => {
-    const d = Y(null);
-    u1(m, () => d.current);
+    const C = Y(null);
+    u1(m, () => C.current);
     const [h, s] = _(!1);
-    Z(() => {
+    A(() => {
+      var L;
       if (!r) return;
-      const f = () => {
-        d.current && s(d.current.scrollWidth > d.current.clientWidth);
-      }, A = new ResizeObserver(f);
-      return d.current && A.observe(d.current), () => {
-        A.disconnect();
+      const G = () => {
+        C.current && s(C.current.scrollWidth > C.current.clientWidth);
+      };
+      G();
+      const M = new ResizeObserver(G);
+      return C.current && M.observe(C.current), (L = C.current) != null && L.parentElement && M.observe(C.current.parentElement), () => {
+        M.disconnect();
       };
-    }, [r, h]);
-    const N = o === "h1" || o === "h2" || o === "h3" || o === "h4";
-    let v = `snmt-typography snmt-typography-${o}`;
-    i && i !== "inherit" && (v += ` snmt-typography-align-${i}`), a && (v += " collapsed"), r && (v += " collapsed");
-    const I = {
-      className: v,
+    }, [r]);
+    const f = o === "h1" || o === "h2" || o === "h3" || o === "h4";
+    let N = `snmt-typography snmt-typography-${o}`;
+    i && i !== "inherit" && (N += ` snmt-typography-align-${i}`), a && (N += " collapsed"), r && (N += " collapsed");
+    const V = {
+      className: N,
       style: { color: e, whiteSpace: r ? "nowrap" : p, display: r ? "block" : "" },
       onClick: n,
-      ref: d
-    }, V = N ? /* @__PURE__ */ t(M5, { level: R5[o], ...I, children: l }) : /* @__PURE__ */ t(_5, { ...I, children: l });
-    return r && h ? /* @__PURE__ */ t(f5, { placement: "top", title: l, children: V }) : V;
+      ref: C
+    }, Z = f ? /* @__PURE__ */ t(M5, { level: _5[o], ...V, children: l }) : /* @__PURE__ */ t(R5, { ...V, children: l });
+    return r && h ? /* @__PURE__ */ t(f5, { placement: "top", title: l, children: Z }) : Z;
   }
 );
 var k = /* @__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.BLUE_DARK_3 = "var(--blue-dark-3)", 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))(k || {});
@@ -3358,7 +3361,7 @@ const H5 = ({
       )
     ]
   }
-), D5 = ({
+), b5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -3405,7 +3408,7 @@ const H5 = ({
       )
     ]
   }
-), b5 = ({
+), D5 = ({
   width: i = 20,
   height: o = 20,
   color: e = "#001E52",
@@ -4785,7 +4788,7 @@ const H5 = ({
       )
     ]
   }
-), _3 = ({
+), R3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -4854,7 +4857,7 @@ const H5 = ({
       )
     ]
   }
-), R3 = ({
+), _3 = ({
   className: i,
   color: o = k.GREY_DARK_5,
   height: e = 24,
@@ -5342,7 +5345,7 @@ const H5 = ({
       )
     ]
   }
-), D3 = ({
+), b3 = ({
   width: i = 24,
   height: o = 24,
   color: e = k.GREY_DARK_2,
@@ -5369,7 +5372,7 @@ const H5 = ({
       }
     )
   }
-), b3 = ({
+), D3 = ({
   width: i = 24,
   height: o = 24,
   color: e = k.GREY_DARK_2,
@@ -5431,8 +5434,8 @@ const H5 = ({
   disabled: a = !1,
   onClick: p
 }) => {
-  const [r, m] = _(n), { theme: d } = r1(V1), h = a ? d && d === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : l, s = a ? void 0 : p;
-  return Z(() => {
+  const [r, m] = _(n), { theme: C } = r1(V1), h = a ? C && C === "dark" ? k.GREY_LIGHT_4 : k.GREY_DARK_1 : l, s = a ? void 0 : p;
+  return A(() => {
     if (n) {
       s && !a && m(`${n} clickable`);
       return;
@@ -5467,9 +5470,9 @@ const H5 = ({
       case "attention":
         return T5({ width: o, height: e, color: h, className: r, onClick: s });
       case "users":
-        return D5({ width: o, height: e, color: h, className: r, onClick: s });
+        return b5({ width: o, height: e, color: h, className: r, onClick: s });
       case "mySkillsMatrix":
-        return b5({
+        return D5({
           width: o,
           height: e,
           color: h,
@@ -5589,11 +5592,11 @@ const H5 = ({
       case "bell":
         return f3({ width: o, height: e, color: h, className: r, onClick: s });
       case "contract":
-        return _3({ width: o, height: e, color: h, className: r, onClick: s });
+        return R3({ width: o, height: e, color: h, className: r, onClick: s });
       case "trash2":
         return M3({ width: o, height: e, color: h, className: r, onClick: s });
       case "resourceManager":
-        return R3({ width: o, height: e, color: h, className: r, onClick: s });
+        return _3({ width: o, height: e, color: h, className: r, onClick: s });
       case "settings2":
         return x3({ width: o, height: e, color: h, className: r, onClick: s });
       case "image":
@@ -5621,9 +5624,9 @@ const H5 = ({
       case "openPointCircle":
         return T3({ width: o, height: e, color: h, className: r, onClick: s });
       case "community":
-        return D3({ width: o, height: e, color: h, className: r, onClick: s });
-      case "docs":
         return b3({ width: o, height: e, color: h, className: r, onClick: s });
+      case "docs":
+        return D3({ width: o, height: e, color: h, className: r, onClick: s });
       default:
         return /* @__PURE__ */ t(U, { children: "No Icon provided" });
     }
@@ -5674,7 +5677,7 @@ const Z1 = ({
     }
   );
 }, O3 = ({ children: i, title: o, arrow: e = !0, open: l, placement: n = "top" }) => /* @__PURE__ */ t(
-  R1,
+  _1,
   {
     overlayClassName: "snmt-tooltip",
     title: o,
@@ -5700,28 +5703,31 @@ const Z1 = ({
     /** This prop allows you to enable tooltip if text size is too big */
     trim: r = !1
   }, m) => {
-    const d = Y(null);
-    u1(m, () => d.current);
+    const C = Y(null);
+    u1(m, () => C.current);
     const [h, s] = _(!1);
-    Z(() => {
+    A(() => {
+      var L;
       if (!r) return;
-      const f = () => {
-        d.current && s(d.current.scrollWidth > d.current.clientWidth);
-      }, A = new ResizeObserver(f);
-      return d.current && A.observe(d.current), () => {
-        A.disconnect();
+      const G = () => {
+        C.current && s(C.current.scrollWidth > C.current.clientWidth);
+      };
+      G();
+      const M = new ResizeObserver(G);
+      return C.current && M.observe(C.current), (L = C.current) != null && L.parentElement && M.observe(C.current.parentElement), () => {
+        M.disconnect();
       };
-    }, [r, h]);
-    const N = o === "h1" || o === "h2" || o === "h3" || o === "h4";
-    let v = `snmt-typography snmt-typography-${o}`;
-    i && i !== "inherit" && (v += ` snmt-typography-align-${i}`), a && (v += " collapsed"), r && (v += " collapsed");
-    const I = {
-      className: v,
+    }, [r]);
+    const f = o === "h1" || o === "h2" || o === "h3" || o === "h4";
+    let N = `snmt-typography snmt-typography-${o}`;
+    i && i !== "inherit" && (N += ` snmt-typography-align-${i}`), a && (N += " collapsed"), r && (N += " collapsed");
+    const V = {
+      className: N,
       style: { color: e, whiteSpace: r ? "nowrap" : p, display: r ? "block" : "" },
       onClick: n,
-      ref: d
-    }, V = N ? /* @__PURE__ */ t(F3, { level: U3[o], ...I, children: l }) : /* @__PURE__ */ t(S3, { ...I, children: l });
-    return r && h ? /* @__PURE__ */ t(O3, { placement: "top", title: l, children: V }) : V;
+      ref: C
+    }, Z = f ? /* @__PURE__ */ t(F3, { level: U3[o], ...V, children: l }) : /* @__PURE__ */ t(S3, { ...V, children: l });
+    return r && h ? /* @__PURE__ */ t(O3, { placement: "top", title: l, children: Z }) : Z;
   }
 ), $3 = ({
   children: i,
@@ -5733,7 +5739,7 @@ const Z1 = ({
 }) => {
   const [p, r] = _(!1);
   return /* @__PURE__ */ t(
-    D1,
+    b1,
     {
       content: o,
       arrow: !1,
@@ -5768,33 +5774,33 @@ const J3 = ({
   options: a,
   extraOptions: p
 }) => {
-  const { locale: r } = r1(m1), { t: m } = n2("common", { lng: r }), [d, h] = _(!1);
-  if (Z(() => {
+  const { locale: r } = r1(m1), { t: m } = n2("common", { lng: r }), [C, h] = _(!1);
+  if (A(() => {
     i.length || h(!1);
   }, [i]), !i.length)
     return null;
-  const s = (N) => {
-    var v, I;
-    return ((v = a == null ? void 0 : a.find((f) => f.value === N)) == null ? void 0 : v.label) || ((I = p == null ? void 0 : p.find((f) => f.value === N)) == null ? void 0 : I.label) || N;
+  const s = (f) => {
+    var N, V;
+    return ((N = a == null ? void 0 : a.find((L) => L.value === f)) == null ? void 0 : N.label) || ((V = p == null ? void 0 : p.find((L) => L.value === f)) == null ? void 0 : V.label) || f;
   };
   return /* @__PURE__ */ c(
     $3,
     {
       content: (
         // 90: paddings + margins + gaps and so on
-        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(t1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: N }) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { style: { maxWidth: e - 90 }, className: "snmt-popover-from-select", children: /* @__PURE__ */ t(t1, { gap: 6, flexWrap: "wrap", children: i.map(({ value: f }) => /* @__PURE__ */ t(
           Z1,
           {
-            onClose: () => o(N),
+            onClose: () => o(f),
             closable: l,
             disabled: n,
-            children: s(N)
+            children: s(f)
           },
-          N
+          f
         )) }) })
       ),
       placement: "bottomRight",
-      isOpen: d,
+      isOpen: C,
       setIsOpen: h,
       children: [
         i.length,
@@ -5822,41 +5828,41 @@ const J3 = ({
     width: p,
     disabled: r = !1,
     required: m = !1,
-    clearable: d = !1,
+    clearable: C = !1,
     scrollThresholdValue: h = 50,
     onSearchChange: s,
-    onDropdownVisibleChange: N,
-    onScrollToEnd: v,
-    onPopupScroll: I,
-    id: V,
-    extraOptions: f,
-    dropdownRender: A,
-    optionRender: B,
+    onDropdownVisibleChange: f,
+    onScrollToEnd: N,
+    onPopupScroll: V,
+    id: Z,
+    extraOptions: L,
+    dropdownRender: G,
+    optionRender: M,
     isLoading: y,
     readOnly: u,
-    error: H
-  }, R) => {
-    const [x, K] = _(!1), [O, T] = _(!1), [F, $] = _(!0), [E, D] = _(i), Q = Y(null);
-    Z(() => {
-      D(i);
+    error: E
+  }, x) => {
+    const [H, K] = _(!1), [O, T] = _(!1), [F, $] = _(!0), [I, b] = _(i), Q = Y(null);
+    A(() => {
+      b(i);
     }, [i]);
-    const s1 = (C) => {
-      K(C), N && N(C);
-    }, h1 = (C, w) => {
-      var M;
-      return !!((M = w == null ? void 0 : w.label) != null && M.toString().toLowerCase().includes(C.toLowerCase()));
+    const s1 = (d) => {
+      K(d), f && f(d);
+    }, h1 = (d, w) => {
+      var R;
+      return !!((R = w == null ? void 0 : w.label) != null && R.toString().toLowerCase().includes(d.toLowerCase()));
     }, X = () => {
       T(!0);
     }, z = () => {
       T(!1);
     }, j = W(
-      (C) => {
-        if (D(C), l) {
-          const M = C;
-          o == null || o(M);
+      (d) => {
+        if (b(d), l) {
+          const R = d;
+          o == null || o(R);
           return;
         }
-        const w = C;
+        const w = d;
         o == null || o(w);
       },
       [l, o]
@@ -5869,52 +5875,52 @@ const J3 = ({
         j("");
       }
     }, [r, j, l, u]), S = W(
-      (C) => {
-        const w = E.filter((M) => M !== C);
-        j(w), D(w);
+      (d) => {
+        const w = I.filter((R) => R !== d);
+        j(w), b(w);
       },
-      [j, E]
+      [j, I]
     ), e1 = W(
-      (C) => (E == null ? void 0 : E.indexOf(C)) === 0 ? (
+      (d) => (I == null ? void 0 : I.indexOf(d)) === 0 ? (
         // if the search input is empty
         // then display the placeholder, else do not display it
         /* @__PURE__ */ t("span", { className: "custom-placeholder", children: F ? e : "" })
       ) : /* @__PURE__ */ t(U, {}),
-      [F, E, e]
-    ), a1 = (C) => {
-      C.preventDefault(), C.stopPropagation();
-    }, C1 = async (C) => {
-      const { target: w } = C;
-      w.scrollTop + w.offsetHeight >= w.scrollHeight - h && (v == null || v(!0)), I && await I(C);
+      [F, I, e]
+    ), a1 = (d) => {
+      d.preventDefault(), d.stopPropagation();
+    }, C1 = async (d) => {
+      const { target: w } = d;
+      w.scrollTop + w.offsetHeight >= w.scrollHeight - h && (N == null || N(!0)), V && await V(d);
     }, J = W(
-      (C) => {
-        var w, M;
-        return ((w = a.find((o1) => o1.value === C)) == null ? void 0 : w.label) || ((M = f == null ? void 0 : f.find(
-          (o1) => o1.value === C
-        )) == null ? void 0 : M.label) || C;
+      (d) => {
+        var w, R;
+        return ((w = a.find((o1) => o1.value === d)) == null ? void 0 : w.label) || ((R = L == null ? void 0 : L.find(
+          (o1) => o1.value === d
+        )) == null ? void 0 : R.label) || d;
       },
-      [f, a]
+      [L, a]
     ), d1 = W(
-      (C) => {
+      (d) => {
         var w;
         return /* @__PURE__ */ t(
           J3,
           {
-            values: C,
+            values: d,
             onTagClose: S,
             maxWidth: ((w = Q.current) == null ? void 0 : w.clientWidth) || 0,
             disabled: r,
             closable: !u,
             options: a,
-            extraOptions: f
+            extraOptions: L
           }
         );
       },
-      [r, f, S, a, u]
-    ), L = W(
-      ({ label: C, value: w, mode: M }) => M === "filter" ? e1(w) : /* @__PURE__ */ t("div", { onMouseDown: a1, className: "tag-wrapper", children: /* @__PURE__ */ t(Z1, { onClose: () => S(w), disabled: r, children: typeof C == "object" ? C : J(w) }) }),
+      [r, L, S, a, u]
+    ), v = W(
+      ({ label: d, value: w, mode: R }) => R === "filter" ? e1(w) : /* @__PURE__ */ t("div", { onMouseDown: a1, className: "tag-wrapper", children: /* @__PURE__ */ t(Z1, { onClose: () => S(w), disabled: r, children: typeof d == "object" ? d : J(w) }) }),
       [r, J, S, e1]
-    ), G = Array.isArray(E) && E.length > 0 || !!E && typeof E == "string" && E.trim() !== "";
+    ), B = Array.isArray(I) && I.length > 0 || !!I && typeof I == "string" && I.trim() !== "";
     return /* @__PURE__ */ c("div", { className: "snmt-select-container", children: [
       /* @__PURE__ */ c(
         "div",
@@ -5929,33 +5935,33 @@ const J3 = ({
               {
                 className: "snmt-select-blank",
                 popupClassName: u ? "dropdown-read-only" : "",
-                id: V,
-                ref: R,
+                id: Z,
+                ref: x,
                 showSearch: !!n,
                 filterOption: n && h1,
                 onDropdownVisibleChange: s1,
                 disabled: r,
-                value: E || void 0,
-                labelRender: (C) => {
-                  const w = J(C.value);
-                  return r ? /* @__PURE__ */ t("span", { style: { color: b.GREY_DARK_1 }, children: w }) : w;
+                value: I || void 0,
+                labelRender: (d) => {
+                  const w = J(d.value);
+                  return r ? /* @__PURE__ */ t("span", { style: { color: D.GREY_DARK_1 }, children: w }) : w;
                 },
                 mode: l === "filter" ? "multiple" : l,
                 onChange: j,
                 onFocus: X,
                 onBlur: z,
-                onSearch: (C) => {
-                  $(!C), s && s(C);
+                onSearch: (d) => {
+                  $(!d), s && s(d);
                 },
                 onSelect: () => $(!0),
                 onDeselect: () => $(!0),
-                tagRender: (C) => L({ ...C, mode: l }),
+                tagRender: (d) => v({ ...d, mode: l }),
                 maxTagCount: "responsive",
                 maxTagPlaceholder: d1,
                 onPopupScroll: C1,
                 prefix: y && /* @__PURE__ */ t(f1, { size: 15 }),
                 suffixIcon: /* @__PURE__ */ t("div", { className: "wrapper-suffix-icon", children: l !== "filter" && /* @__PURE__ */ c(U, { children: [
-                  E && !!E.length && (l || d) && /* @__PURE__ */ t(
+                  I && !!I.length && (l || C) && /* @__PURE__ */ t(
                     "div",
                     {
                       onClick: c1,
@@ -5966,7 +5972,7 @@ const J3 = ({
                         i1,
                         {
                           name: "cancel",
-                          color: r ? b.GREY_DARK_1 : b.GREY_DARK_5
+                          color: r ? D.GREY_DARK_1 : D.GREY_DARK_5
                         }
                       )
                     }
@@ -5975,39 +5981,39 @@ const J3 = ({
                     i1,
                     {
                       name: "selectArrowIcon",
-                      color: r ? b.GREY_DARK_1 : b.GREY_DARK_5,
-                      className: x ? "select-arrow-rotated" : "select-arrow",
-                      onClick: () => K(!x)
+                      color: r ? D.GREY_DARK_1 : D.GREY_DARK_5,
+                      className: H ? "select-arrow-rotated" : "select-arrow",
+                      onClick: () => K(!H)
                     }
                   )
                 ] }) }),
-                removeIcon: /* @__PURE__ */ t(i1, { name: "errorSmall", color: b.GREY_DARK_1 }),
+                removeIcon: /* @__PURE__ */ t(i1, { name: "errorSmall", color: D.GREY_DARK_1 }),
                 options: a,
-                optionRender: (C) => B ? B(C.data) : /* @__PURE__ */ c(t1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                optionRender: (d) => M ? M(d.data) : /* @__PURE__ */ c(t1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
                   /* @__PURE__ */ c(t1, { alignItems: "center", gap: 12, children: [
                     l && /* @__PURE__ */ t(
                       s2,
                       {
-                        checked: !!(E != null && E.includes(C.value))
+                        checked: !!(I != null && I.includes(d.value))
                       }
                     ),
                     /* @__PURE__ */ c(t1, { alignItems: "center", gap: 8, children: [
-                      C.data.image && /* @__PURE__ */ t(r2, { src: C.data.image, size: 20 }),
-                      /* @__PURE__ */ t("span", { children: C.label })
+                      d.data.image && /* @__PURE__ */ t(r2, { src: d.data.image, size: 20 }),
+                      /* @__PURE__ */ t("span", { children: d.label })
                     ] })
                   ] }),
-                  !l && E === C.value && /* @__PURE__ */ t(
+                  !l && I === d.value && /* @__PURE__ */ t(
                     i1,
                     {
                       name: "ok",
-                      color: b.BLUE_PRIMARY,
+                      color: D.BLUE_PRIMARY,
                       width: 16,
                       height: 16
                     }
                   )
                 ] }),
-                dropdownRender: (C) => /* @__PURE__ */ c("div", { className: "dropdown-container", children: [
-                  /* @__PURE__ */ t("div", { className: "dropdown-menu", children: A ? A(C) : C }),
+                dropdownRender: (d) => /* @__PURE__ */ c("div", { className: "dropdown-container", children: [
+                  /* @__PURE__ */ t("div", { className: "dropdown-menu", children: G ? G(d) : d }),
                   y && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(f1, { size: 28 }) })
                 ] })
               }
@@ -6016,14 +6022,14 @@ const J3 = ({
               /* @__PURE__ */ t(
                 "label",
                 {
-                  className: `${O || G ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${O ? "label-focused" : ""} ${y ? "label-loading" : ""} ${H ? "label-error" : ""}`,
+                  className: `${O || B ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${O ? "label-focused" : ""} ${y ? "label-loading" : ""} ${E ? "label-error" : ""}`,
                   children: m ? `${e}*` : e
                 }
               ),
               /* @__PURE__ */ t(
                 "fieldset",
                 {
-                  className: `${O ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${G ? "fieldset-filled" : ""} ${H ? "fieldset-error" : ""}`,
+                  className: `${O ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${B ? "fieldset-filled" : ""} ${E ? "fieldset-error" : ""}`,
                   children: /* @__PURE__ */ t("legend", { children: /* @__PURE__ */ t("span", { children: m ? `${e}*` : e }) })
                 }
               )
@@ -6031,24 +6037,24 @@ const J3 = ({
           ]
         }
       ),
-      H && /* @__PURE__ */ c(t1, { justifyContent: "flex-start", gap: 6, children: [
+      E && /* @__PURE__ */ c(t1, { justifyContent: "flex-start", gap: 6, children: [
         /* @__PURE__ */ t(
           i1,
           {
             name: "attention",
-            color: b.NOTIFICATION_ERROR_DARK,
+            color: D.NOTIFICATION_ERROR_DARK,
             height: 16,
             width: 16
           }
         ),
-        typeof H == "string" ? /* @__PURE__ */ t(P3, { color: b.NOTIFICATION_ERROR_DARK, variant: "body4", children: H }) : H
+        typeof E == "string" ? /* @__PURE__ */ t(P3, { color: D.NOTIFICATION_ERROR_DARK, variant: "body4", children: E }) : E
       ] })
     ] });
   }
 );
 function q3(i, o = 500) {
   const e = Y();
-  return Z(() => () => {
+  return A(() => () => {
     e.current && clearTimeout(e.current);
   }, []), (...n) => {
     const a = setTimeout(() => {
@@ -6057,9 +6063,9 @@ function q3(i, o = 500) {
     clearTimeout(e.current), e.current = a;
   };
 }
-function _1(i) {
+function R1(i) {
   const o = Y(i);
-  return Z(() => {
+  return A(() => {
     o.current = i;
   }, [i]), o.current;
 }
@@ -6076,36 +6082,36 @@ const k1 = 100, q = {
     scrollThresholdValue: p,
     placeholder: r,
     mode: m,
-    loadOnClosedState: d,
+    loadOnClosedState: C,
     preloadOptions: h,
     extraOptions: s,
-    onDropdownVisibleChange: N,
-    optionRender: v,
-    dropdownRender: I,
-    readOnly: V,
-    clearable: f = !1,
-    required: A = !1,
-    error: B
+    onDropdownVisibleChange: f,
+    optionRender: N,
+    dropdownRender: V,
+    readOnly: Z,
+    clearable: L = !1,
+    required: G = !1,
+    error: M
   }, y) => {
-    const [u, H] = _(), [R, x] = _(q), [K, O] = _(!1), [T, F] = _(), [$, E] = _(!1), [D, Q] = _(
+    const [u, E] = _(), [x, H] = _(q), [K, O] = _(!1), [T, F] = _(), [$, I] = _(!1), [b, Q] = _(
       s ?? []
-    ), s1 = _1(R.offset), h1 = _1(T), [X, z] = _(!1), j = Y(!1), c1 = W(
+    ), s1 = R1(x.offset), h1 = R1(T), [X, z] = _(!1), j = Y(!1), c1 = W(
       async ({
-        limit: L = k1,
-        offset: G,
-        search: C
+        limit: v = k1,
+        offset: B,
+        search: d
       }) => {
         O(!0);
         try {
           const w = await i({
-            limit: L,
-            offset: G,
-            search: C
+            limit: v,
+            offset: B,
+            search: d
           });
-          H(
-            (M) => G === 0 ? w.options : [...M ?? [], ...w.options]
-          ), x((M) => ({
-            ...M,
+          E(
+            (R) => B === 0 ? w.options : [...R ?? [], ...w.options]
+          ), H((R) => ({
+            ...R,
             count: w.count
           }));
         } catch (w) {
@@ -6115,59 +6121,59 @@ const k1 = 100, q = {
         }
       },
       [i]
-    ), S = q3((L) => {
-      F(L), L || x(q);
+    ), S = q3((v) => {
+      F(v), v || H(q);
     }), e1 = W(
-      (L) => S(L),
+      (v) => S(v),
       [S]
     ), a1 = W(
-      async (L) => {
-        K || L && R.count && R.count > ((u == null ? void 0 : u.length) ?? 0) && x((G) => ({
-          ...G,
-          offset: G.offset + k1
+      async (v) => {
+        K || v && x.count && x.count > ((u == null ? void 0 : u.length) ?? 0) && H((B) => ({
+          ...B,
+          offset: B.offset + k1
         }));
       },
-      [K, u == null ? void 0 : u.length, R.count]
+      [K, u == null ? void 0 : u.length, x.count]
     ), C1 = W(
-      (L) => {
-        E(L), !L && T && (F(void 0), x(q), z(!0)), N == null || N(L);
+      (v) => {
+        I(v), !v && T && (F(void 0), H(q), z(!0)), f == null || f(v);
       },
-      [N, T]
+      [f, T]
     );
-    Z(() => {
+    A(() => {
       if (!j.current || K) return;
-      (X || $ && (s1 !== R.offset || h1 !== T || !u)) && (c1({ offset: R.offset, limit: k1, search: T }), X && z(!1));
-    }, [X, $, R.offset, T, s1, h1, u, K]), Z(() => {
-      (d || h) && c1(q), j.current = !0;
-    }, []), Z(() => {
-      s && Q((L) => {
-        const G = s.filter(
-          (C) => !L.some((w) => w.value === C.value)
+      (X || $ && (s1 !== x.offset || h1 !== T || !u)) && (c1({ offset: x.offset, limit: k1, search: T }), X && z(!1));
+    }, [X, $, x.offset, T, s1, h1, u, K]), A(() => {
+      (C || h) && c1(q), j.current = !0;
+    }, []), A(() => {
+      s && Q((v) => {
+        const B = s.filter(
+          (d) => !v.some((w) => w.value === d.value)
         );
-        return [...L, ...G];
+        return [...v, ...B];
       });
     }, [s]);
     const J = W(
-      (L) => {
-        e && e(L);
-        let G = [];
-        if (m ? G = Array.isArray(L) ? L : [] : G = L ? [L] : [], T) {
-          const C = G.filter(
-            (w) => !(D != null && D.some((M) => M.value === w))
+      (v) => {
+        e && e(v);
+        let B = [];
+        if (m ? B = Array.isArray(v) ? v : [] : B = v ? [v] : [], T) {
+          const d = B.filter(
+            (w) => !(b != null && b.some((R) => R.value === w))
           );
-          C.length > 0 && Q((w = []) => [
+          d.length > 0 && Q((w = []) => [
             ...w,
-            ...C.map((M) => {
-              const w1 = u == null ? void 0 : u.find((o1) => o1.value === M);
+            ...d.map((R) => {
+              const w1 = u == null ? void 0 : u.find((o1) => o1.value === R);
               return {
-                value: M,
-                label: (w1 == null ? void 0 : w1.label) ?? M
+                value: R,
+                label: (w1 == null ? void 0 : w1.label) ?? R
               };
             })
-          ]), F(void 0), x(q), z(!0);
+          ]), F(void 0), H(q), z(!0);
         }
       },
-      [e, T, m, u, D]
+      [e, T, m, u, b]
     ), d1 = A1(
       () => ({
         id: n,
@@ -6183,14 +6189,14 @@ const k1 = 100, q = {
         scrollThresholdValue: p,
         onScrollToEnd: a1,
         disabled: a,
-        extraOptions: D,
+        extraOptions: b,
         isLoading: K,
-        optionRender: v,
-        dropdownRender: I,
-        readOnly: V,
-        clearable: f,
-        required: A,
-        error: B
+        optionRender: N,
+        dropdownRender: V,
+        readOnly: Z,
+        clearable: L,
+        required: G,
+        error: M
       }),
       [
         n,
@@ -6205,19 +6211,19 @@ const k1 = 100, q = {
         p,
         a1,
         a,
-        D,
+        b,
         K,
-        v,
-        I,
+        N,
         V,
-        f,
-        A,
-        B
+        Z,
+        L,
+        G,
+        M
       ]
     );
     return u1(y, () => ({
       refetchOptions: async () => {
-        x(q), F(void 0), z(!0);
+        H(q), F(void 0), z(!0);
       }
     })), m ? /* @__PURE__ */ t(M1, { ...d1, value: l, mode: m }) : /* @__PURE__ */ t("div", { className: "snmt-async-select", children: /* @__PURE__ */ t(M1, { ...d1, value: l }) });
   }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/async-select",
     "private": false,
-    "version": "1.8.22",
+    "version": "1.8.23",
     "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.18.0"
+        "@snmt-react-ui/select": "^1.18.1"
     },
     "peerDependencies": {
         "antd": "^5.18.3"
     },
-    "gitHead": "f5de9c8d5c401e3f6a75c2ad1a4c89bef998e47a"
+    "gitHead": "17d865b0e12710b8f2abbe30a08abfa5f245144d"
 }