@snmt-react-ui/user-select 2.11.0 → 2.11.2

package/dist/user-select.js

@@ -151,8 +151,8 @@ const c5 = (i, e) => {
   }, [h, p]), Y(() => {
     A.current && a && f(g);
   }, [h, l, a]);
-  const y = [L, h, a];
-  if (y.t = L, y.i18n = h, y.ready = a, a || !a && !C) return y;
+  const b = [L, h, a];
+  if (b.t = L, b.i18n = h, b.ready = a, a || !a && !C) return b;
   throw new Promise((m) => {
     e.lng ? s2(h, e.lng, r, () => m()) : i2(h, r, () => m());
   });
@@ -696,7 +696,7 @@ const R5 = ({
       }
     )
   }
-), y5 = ({
+), b5 = ({
   width: i = 20,
   height: e = 20,
   color: t = k.GREY_DARK_5,
@@ -757,7 +757,7 @@ const R5 = ({
       )
     ]
   }
-), b5 = ({
+), y5 = ({
   width: i = 20,
   height: e = 20,
   color: t = k.GREY_DARK_5,
@@ -2652,9 +2652,9 @@ const R5 = ({
       case "add":
         return G5({ width: e, height: t, color: l, className: a, onClick: r });
       case "list":
-        return y5({ width: e, height: t, color: l, className: a, onClick: r });
-      case "dragAndDrop":
         return b5({ width: e, height: t, color: l, className: a, onClick: r });
+      case "dragAndDrop":
+        return y5({ width: e, height: t, color: l, className: a, onClick: r });
       case "filter":
         return D5({ width: e, height: t, color: l, className: a, onClick: r });
       case "attention":
@@ -2807,7 +2807,7 @@ const R5 = ({
         return /* @__PURE__ */ n(l1, { children: "No Icon provided" });
     }
   })() });
-}, { Title: G7, Text: y7 } = H1, b7 = {
+}, { Title: G7, Text: b7 } = H1, y7 = {
   h1: 1,
   h2: 2,
   h3: 3,
@@ -2854,7 +2854,7 @@ const R5 = ({
         }
       } : void 0
     };
-    return g ? /* @__PURE__ */ n(G7, { level: b7[e], ...L, children: s }) : /* @__PURE__ */ n(y7, { ...L, children: s });
+    return g ? /* @__PURE__ */ n(G7, { level: y7[e], ...L, children: s }) : /* @__PURE__ */ n(b7, { ...L, children: s });
   }
 );
 var v = /* @__PURE__ */ ((i) => (i.GREY_LIGHT_0 = "var(--grey-light-0)", i.GREY_LIGHT_0_5 = "var(--grey-light-0-5)", 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_0_5 = "var(--blue-light-0-5)", 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.CYAN_LIGHT = "var(--cyan-light)", i.CYAN_DARK = "var(--cyan-dark)", i.MAGENTA_LIGHT = "var(--magenta-light)", i.MAGENTA_DARK = "var(--magenta-dark)", i.GOLD_LIGHT = "var(--gold-light)", i.GOLD_DARK = "var(--gold-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))(v || {});
@@ -4632,7 +4632,7 @@ const T7 = ({
       )
     ]
   }
-), y0 = ({
+), b0 = ({
   className: i,
   color: e = v.GREY_DARK_5,
   height: t = 24,
@@ -4701,7 +4701,7 @@ const T7 = ({
       )
     ]
   }
-), b0 = ({
+), y0 = ({
   className: i,
   color: e = v.GREY_DARK_5,
   height: t = 24,
@@ -5268,9 +5268,9 @@ const T7 = ({
       case "copy":
         return G0({ width: e, height: t, color: l, className: a, onClick: r });
       case "contract":
-        return y0({ width: e, height: t, color: l, className: a, onClick: r });
-      case "resourceManager":
         return b0({ width: e, height: t, color: l, className: a, onClick: r });
+      case "resourceManager":
+        return y0({ width: e, height: t, color: l, className: a, onClick: r });
       case "image":
         return D0({ width: e, height: t, color: l, className: a, onClick: r });
       case "edit":
@@ -6531,7 +6531,7 @@ const o9 = ({
       )
     ]
   }
-), y9 = ({
+), b9 = ({
   width: i = 20,
   height: e = 20,
   color: t = "#004ED7",
@@ -6560,7 +6560,7 @@ const o9 = ({
       )
     ]
   }
-), b9 = ({
+), y9 = ({
   width: i = 10,
   height: e = 10,
   color: t = "#001E52",
@@ -7726,7 +7726,7 @@ const o9 = ({
       }
     )
   }
-), y1 = ({
+), b1 = ({
   name: i,
   width: e,
   height: t,
@@ -7831,7 +7831,7 @@ const o9 = ({
           onClick: r
         });
       case "expandActiveArrowIcon":
-        return y9({
+        return b9({
           width: e,
           height: t,
           color: l,
@@ -7839,7 +7839,7 @@ const o9 = ({
           onClick: r
         });
       case "sortUp":
-        return b9({ width: e, height: t, color: l, className: a, onClick: r });
+        return y9({ width: e, height: t, color: l, className: a, onClick: r });
       case "sortDown":
         return D9({ width: e, height: t, color: l, className: a, onClick: r });
       case "search":
@@ -7946,7 +7946,7 @@ const o9 = ({
 }) => {
   const o = {
     approved: /* @__PURE__ */ n(
-      y1,
+      b1,
       {
         name: "checkCircle",
         width: 14,
@@ -7954,9 +7954,9 @@ const o9 = ({
         color: W.NOTIFICATION_SUCCESS_DARK
       }
     ),
-    pending: /* @__PURE__ */ n(y1, { name: "history", width: 14, height: 14, color: W.NOTIFICATION_WARNING_DARK }),
+    pending: /* @__PURE__ */ n(b1, { name: "history", width: 14, height: 14, color: W.NOTIFICATION_WARNING_DARK }),
     rejected: /* @__PURE__ */ n(
-      y1,
+      b1,
       {
         name: "cancelCircle",
         width: 14,
@@ -7964,7 +7964,7 @@ const o9 = ({
         color: W.NOTIFICATION_ERROR_DARK
       }
     ),
-    canceled: /* @__PURE__ */ n(y1, { name: "cancelCircle", width: 14, height: 14, color: W.GREY_DARK_2 })
+    canceled: /* @__PURE__ */ n(b1, { name: "cancelCircle", width: 14, height: 14, color: W.GREY_DARK_2 })
   }, h = {
     approved: W.NOTIFICATION_SUCCESS_LIGHT,
     pending: W.NOTIFICATION_WARNING_LIGHT,
@@ -8588,7 +8588,7 @@ const m4 = ({
       )
     ]
   }
-), y4 = ({
+), b4 = ({
   width: i = 20,
   height: e = 20,
   color: t = R.GREY_DARK_5,
@@ -8635,7 +8635,7 @@ const m4 = ({
       )
     ]
   }
-), b4 = ({
+), y4 = ({
   width: i = 20,
   height: e = 20,
   color: t = R.GREY_DARK_5,
@@ -10364,9 +10364,9 @@ const m4 = ({
       case "attention":
         return G4({ width: e, height: t, color: l, className: a, onClick: r });
       case "users":
-        return y4({ width: e, height: t, color: l, className: a, onClick: r });
+        return b4({ width: e, height: t, color: l, className: a, onClick: r });
       case "mySkillsMatrix":
-        return b4({
+        return y4({
           width: e,
           height: t,
           color: l,
@@ -10561,17 +10561,17 @@ const G3 = d1((i, e) => {
     onPopupScroll: p,
     id: H,
     extraOptions: A,
-    dropdownRender: y,
+    dropdownRender: b,
     optionRender: m,
     isLoading: x,
     readOnly: V,
     error: M,
     selectedItemVariant: K = "default",
-    variant: F = "outlined"
+    variant: P = "outlined"
   } = i;
   let s1;
   h && h !== "single" && (s1 = i.overflowBehaviour ?? "responsive");
-  const [I, B] = O(!1), [P, $] = O(!1), [b, j] = O(!1), [J, Z] = O(!0), [G, S] = O(t), C1 = e1(null);
+  const [I, B] = O(!1), [F, $] = O(!1), [y, j] = O(!1), [J, Z] = O(!0), [G, S] = O(t), C1 = e1(null);
   Y(() => {
     S(t);
   }, [t]);
@@ -10664,152 +10664,158 @@ const G3 = d1((i, e) => {
     },
     [r, o1, g1, G1, K, C]
   ), n1 = Array.isArray(G) && G.length > 0 || !!G && typeof G == "string" && G.trim() !== "";
-  return /* @__PURE__ */ d("div", { className: "snmt-select-container", children: [
-    /* @__PURE__ */ d(
-      "div",
-      {
-        className: `snmt-select ${P ? "snmt-select-focused" : ""} 
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: `snmt-select-container ${P === "borderless" ? "snmt-select-container-borderless" : ""}`,
+      children: [
+        /* @__PURE__ */ d(
+          "div",
+          {
+            className: `snmt-select ${F ? "snmt-select-focused" : ""} 
                     ${h ? "" : "snmt-select-single"} 
                     ${V ? "snmt-select-read-only" : ""} 
                     ${s1 === "static" ? "snmt-select-static" : ""} 
-                    ${F === "borderless" ? "snmt-select-borderless" : ""}`,
-        ref: C1,
-        style: { width: l },
-        children: [
-          /* @__PURE__ */ n(
-            B2,
-            {
-              className: "snmt-select-blank",
-              popupClassName: V ? "dropdown-read-only" : "",
-              id: H,
-              ref: e,
-              showSearch: !!c,
-              filterOption: c && E1,
-              onDropdownVisibleChange: V1,
-              disabled: r,
-              value: G || void 0,
-              labelRender: (_) => {
-                const T = o1(_.value);
-                return r ? /* @__PURE__ */ n("span", { style: { color: X.GREY_DARK_1 }, children: T }) : T;
-              },
-              mode: y3(h, K),
-              variant: F,
-              onChange: h1,
-              onFocus: A1,
-              onBlur: I1,
-              onMouseEnter: () => j(!0),
-              onMouseLeave: () => j(!1),
-              onSearch: (_) => {
-                Z(!_), u && u(_);
-              },
-              onSelect: () => Z(!0),
-              onDeselect: () => Z(!0),
-              tagRender: (_) => t1({ ..._, mode: h }),
-              maxTagCount: s1 === "responsive" ? "responsive" : void 0,
-              maxCount: h === "single" && K === "badge" ? 1 : void 0,
-              maxTagPlaceholder: (_) => Q(_, K),
-              onPopupScroll: q,
-              prefix: x && /* @__PURE__ */ n(n2, { size: "small" }),
-              suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: h !== "filter" && /* @__PURE__ */ d(l1, { children: [
-                G && !!G.length && w && /* @__PURE__ */ n(
-                  "div",
-                  {
-                    onClick: Z1,
-                    style: {
-                      cursor: r ? "not-allowed" : "pointer"
-                    },
-                    children: /* @__PURE__ */ n(
-                      v1,
+                    ${P === "borderless" ? "snmt-select-borderless" : ""}`,
+            ref: C1,
+            style: { width: l },
+            children: [
+              /* @__PURE__ */ n(
+                B2,
+                {
+                  className: "snmt-select-blank",
+                  popupClassName: V ? "dropdown-read-only" : "",
+                  id: H,
+                  ref: e,
+                  showSearch: !!c,
+                  filterOption: c && E1,
+                  onDropdownVisibleChange: V1,
+                  disabled: r,
+                  value: G || void 0,
+                  labelRender: (_) => {
+                    const T = o1(_.value);
+                    return r ? /* @__PURE__ */ n("span", { style: { color: X.GREY_DARK_1 }, children: T }) : T;
+                  },
+                  mode: b3(h, K),
+                  variant: P,
+                  onChange: h1,
+                  onFocus: A1,
+                  onBlur: I1,
+                  onMouseEnter: () => j(!0),
+                  onMouseLeave: () => j(!1),
+                  onSearch: (_) => {
+                    Z(!_), u && u(_);
+                  },
+                  onSelect: () => Z(!0),
+                  onDeselect: () => Z(!0),
+                  tagRender: (_) => t1({ ..._, mode: h }),
+                  maxTagCount: s1 === "responsive" ? "responsive" : void 0,
+                  maxCount: h === "single" && K === "badge" ? 1 : void 0,
+                  maxTagPlaceholder: (_) => Q(_, K),
+                  onPopupScroll: q,
+                  prefix: x && /* @__PURE__ */ n(n2, { size: "small" }),
+                  suffixIcon: /* @__PURE__ */ n("div", { className: "wrapper-suffix-icon", children: h !== "filter" && /* @__PURE__ */ d(l1, { children: [
+                    G && !!G.length && w && /* @__PURE__ */ n(
+                      "div",
                       {
-                        name: "cancel",
-                        color: r ? X.GREY_DARK_1 : X.GREY_DARK_2
+                        onClick: Z1,
+                        style: {
+                          cursor: r ? "not-allowed" : "pointer"
+                        },
+                        children: /* @__PURE__ */ n(
+                          v1,
+                          {
+                            name: "cancel",
+                            color: r ? X.GREY_DARK_1 : X.GREY_DARK_2
+                          }
+                        )
                       }
-                    )
-                  }
-                ),
-                F === "borderless" && (b || P) && /* @__PURE__ */ n(
-                  A3,
-                  {
-                    isActive: I,
-                    onClick: () => B(!I)
-                  }
-                ),
-                F === "outlined" && /* @__PURE__ */ n(
-                  v1,
-                  {
-                    name: "selectArrowIcon",
-                    color: r ? X.GREY_DARK_1 : X.GREY_DARK_5,
-                    className: I ? "select-arrow-rotated" : "select-arrow",
-                    onClick: () => B(!I)
-                  }
-                )
-              ] }) }),
-              removeIcon: /* @__PURE__ */ n(v1, { name: "cancelCircle", color: X.GREY_DARK_1 }),
-              options: C,
-              optionRender: (_) => m ? m(_.data) : /* @__PURE__ */ d(R1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
-                /* @__PURE__ */ d(R1, { alignItems: "center", gap: 12, children: [
-                  h && /* @__PURE__ */ n(
-                    N5,
-                    {
-                      checked: !!(G != null && G.includes(_.value))
-                    }
-                  ),
-                  /* @__PURE__ */ d(R1, { alignItems: "center", gap: 8, children: [
-                    _.data.image !== void 0 && /* @__PURE__ */ n(
-                      L5,
+                    ),
+                    P === "borderless" && (y || F) && /* @__PURE__ */ n(
+                      A3,
                       {
-                        src: _.data.image,
-                        variant: "xsmall",
-                        fallbackText: _.data.imageFallbackText ? _.data.imageFallbackText : ""
+                        isActive: I,
+                        onClick: () => B(!I)
                       }
                     ),
-                    /* @__PURE__ */ n("span", { children: _.label })
+                    P === "outlined" && /* @__PURE__ */ n(
+                      v1,
+                      {
+                        name: "selectArrowIcon",
+                        color: r ? X.GREY_DARK_1 : X.GREY_DARK_5,
+                        className: I ? "select-arrow-rotated" : "select-arrow",
+                        onClick: () => B(!I)
+                      }
+                    )
+                  ] }) }),
+                  removeIcon: /* @__PURE__ */ n(v1, { name: "cancelCircle", color: X.GREY_DARK_1 }),
+                  options: C,
+                  optionRender: (_) => m ? m(_.data) : /* @__PURE__ */ d(R1, { justifyContent: "space-between", alignItems: "center", flex: "1", children: [
+                    /* @__PURE__ */ d(R1, { alignItems: "center", gap: 12, children: [
+                      h && /* @__PURE__ */ n(
+                        N5,
+                        {
+                          checked: !!(G != null && G.includes(_.value))
+                        }
+                      ),
+                      /* @__PURE__ */ d(R1, { alignItems: "center", gap: 8, children: [
+                        _.data.image !== void 0 && /* @__PURE__ */ n(
+                          L5,
+                          {
+                            src: _.data.image,
+                            variant: "xsmall",
+                            fallbackText: _.data.imageFallbackText ? _.data.imageFallbackText : ""
+                          }
+                        ),
+                        /* @__PURE__ */ n("span", { children: _.label })
+                      ] })
+                    ] }),
+                    !h && G === _.value && /* @__PURE__ */ n(v1, { name: "check", color: X.BLUE_DARK_1 })
+                  ] }),
+                  dropdownRender: (_) => /* @__PURE__ */ d("div", { className: "dropdown-container", children: [
+                    /* @__PURE__ */ n("div", { className: "dropdown-menu", children: b ? b(_) : _ }),
+                    x && /* @__PURE__ */ n("div", { className: "loading-overlay", children: /* @__PURE__ */ n(n2, {}) })
                   ] })
-                ] }),
-                !h && G === _.value && /* @__PURE__ */ n(v1, { name: "check", color: X.BLUE_DARK_1 })
-              ] }),
-              dropdownRender: (_) => /* @__PURE__ */ d("div", { className: "dropdown-container", children: [
-                /* @__PURE__ */ n("div", { className: "dropdown-menu", children: y ? y(_) : _ }),
-                x && /* @__PURE__ */ n("div", { className: "loading-overlay", children: /* @__PURE__ */ n(n2, {}) })
-              ] })
-            }
-          ),
-          o && F !== "borderless" && /* @__PURE__ */ n(
-            "label",
-            {
-              className: `${P || n1 ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${P ? "label-focused" : ""} ${x ? "label-loading" : ""} ${M ? "label-error" : ""}`,
-              children: a ? `${o}*` : o
-            }
-          ),
+                }
+              ),
+              o && P !== "borderless" && /* @__PURE__ */ n(
+                "label",
+                {
+                  className: `${F || n1 ? "label-floating" : ""} ${r ? "label-disabled" : ""} ${F ? "label-focused" : ""} ${x ? "label-loading" : ""} ${M ? "label-error" : ""}`,
+                  children: a ? `${o}*` : o
+                }
+              ),
+              /* @__PURE__ */ n(
+                "fieldset",
+                {
+                  className: `${F ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${n1 ? "fieldset-filled" : ""} ${M ? "fieldset-error" : ""} 
+                        ${y ? "fieldset-hovered" : ""}`,
+                  children: /* @__PURE__ */ n("legend", { children: o && P !== "borderless" && /* @__PURE__ */ n("span", { children: a ? `${o}*` : o }) })
+                }
+              )
+            ]
+          }
+        ),
+        M && /* @__PURE__ */ d(R1, { justifyContent: "flex-start", gap: 6, children: [
           /* @__PURE__ */ n(
-            "fieldset",
+            v1,
             {
-              className: `${P ? "fieldset-focused" : ""} ${r ? "fieldset-disabled" : ""} ${n1 ? "fieldset-filled" : ""} ${M ? "fieldset-error" : ""} 
-                        ${b ? "fieldset-hovered" : ""}`,
-              children: /* @__PURE__ */ n("legend", { children: o && F !== "borderless" && /* @__PURE__ */ n("span", { children: a ? `${o}*` : o }) })
+              name: "attention",
+              color: X.NOTIFICATION_ERROR_DARK,
+              height: 16,
+              width: 16
             }
-          )
-        ]
-      }
-    ),
-    M && /* @__PURE__ */ d(R1, { justifyContent: "flex-start", gap: 6, children: [
-      /* @__PURE__ */ n(
-        v1,
-        {
-          name: "attention",
-          color: X.NOTIFICATION_ERROR_DARK,
-          height: 16,
-          width: 16
-        }
-      ),
-      typeof M == "string" ? /* @__PURE__ */ n(Q0, { color: X.NOTIFICATION_ERROR_DARK, variant: "body4", children: M }) : M
-    ] })
-  ] });
+          ),
+          typeof M == "string" ? /* @__PURE__ */ n(Q0, { color: X.NOTIFICATION_ERROR_DARK, variant: "body4", children: M }) : M
+        ] })
+      ]
+    }
+  );
 });
-function y3(i, e) {
+function b3(i, e) {
   return i === "filter" || i === "single" && e === "badge" ? "multiple" : i === "single" ? void 0 : i;
 }
-function b3(i, e = 500) {
+function y3(i, e = 500) {
   const t = e1();
   return Y(() => () => {
     t.current && clearTimeout(t.current);
@@ -10847,9 +10853,9 @@ const S1 = 100, f1 = {
     readOnly: p,
     clearable: H = !0,
     required: A = !1,
-    error: y,
+    error: b,
     variant: m = "outlined"
-  } = i, [x, V] = O(), [M, K] = O(f1), [F, s1] = O(!1), [I, B] = O(), [P, $] = O(!1), [b, j] = O(
+  } = i, [x, V] = O(), [M, K] = O(f1), [P, s1] = O(!1), [I, B] = O(), [F, $] = O(!1), [y, j] = O(
     g ?? []
   ), J = r2(M.offset), Z = r2(I), [G, S] = O(!1), C1 = e1(!1), V1 = U(
     async ({
@@ -10877,19 +10883,19 @@ const S1 = 100, f1 = {
       }
     },
     [t]
-  ), E1 = b3((D) => {
+  ), E1 = y3((D) => {
     B(D), D || K(f1);
   }), A1 = U(
     (D) => E1(D),
     [E1]
   ), I1 = U(
     async (D) => {
-      F || D && M.count && M.count > ((x == null ? void 0 : x.length) ?? 0) && K((q) => ({
+      P || D && M.count && M.count > ((x == null ? void 0 : x.length) ?? 0) && K((q) => ({
         ...q,
         offset: q.offset + S1
       }));
     },
-    [F, x == null ? void 0 : x.length, M.count]
+    [P, x == null ? void 0 : x.length, M.count]
   ), h1 = U(
     (D) => {
       $(D), !D && I && (B(void 0), K(f1), S(!0)), u == null || u(D);
@@ -10897,8 +10903,8 @@ const S1 = 100, f1 = {
     [u, I]
   );
   Y(() => {
-    !C1.current || F || (G || P && (J !== M.offset || Z !== I || !x)) && (V1({ offset: M.offset, limit: S1, search: I }), G && S(!1));
-  }, [G, P, M.offset, I, J, Z, x, F]), Y(() => {
+    !C1.current || P || (G || F && (J !== M.offset || Z !== I || !x)) && (V1({ offset: M.offset, limit: S1, search: I }), G && S(!1));
+  }, [G, F, M.offset, I, J, Z, x, P]), Y(() => {
     (a || w) && V1(f1), C1.current = !0;
   }, []), Y(() => {
     g && j((D) => {
@@ -10914,7 +10920,7 @@ const S1 = 100, f1 = {
       let q = [];
       if (r ? q = Array.isArray(D) ? D : [] : q = D ? [D] : [], I) {
         const o1 = q.filter(
-          (Q) => !(b != null && b.some((t1) => t1.value === Q))
+          (Q) => !(y != null && y.some((t1) => t1.value === Q))
         );
         o1.length > 0 && j((Q = []) => [
           ...Q,
@@ -10930,7 +10936,7 @@ const S1 = 100, f1 = {
         ]), B(void 0), K(f1), S(!0);
       }
     },
-    [o, I, r, x, b]
+    [o, I, r, x, y]
   ), g1 = e2(
     () => ({
       id: h,
@@ -10944,13 +10950,13 @@ const S1 = 100, f1 = {
       scrollThresholdValue: C,
       onScrollToEnd: I1,
       disabled: c,
-      isLoading: F,
+      isLoading: P,
       optionRender: L,
       dropdownRender: f,
       readOnly: p,
       clearable: H,
       required: A,
-      error: y,
+      error: b,
       variant: m
     }),
     [
@@ -10964,13 +10970,13 @@ const S1 = 100, f1 = {
       C,
       I1,
       c,
-      F,
+      P,
       L,
       f,
       p,
       H,
       A,
-      y,
+      b,
       m
     ]
   );
@@ -10980,7 +10986,7 @@ const S1 = 100, f1 = {
     }
   }));
   const G1 = e2(() => {
-    const D = r && r !== "single", q = i.selectedItemVariant === "badge", o1 = q ? x || [] : x || [], Q = b, t1 = i, n1 = D ? {
+    const D = r && r !== "single", q = i.selectedItemVariant === "badge", o1 = q ? x || [] : x || [], Q = y, t1 = i, n1 = D ? {
       mode: r,
       overflowBehaviour: t1.overflowBehaviour,
       value: t1.value
@@ -10995,7 +11001,7 @@ const S1 = 100, f1 = {
       options: o1,
       extraOptions: Q
     };
-  }, [r, i, g1, b, x]);
+  }, [r, i, g1, y, x]);
   return /* @__PURE__ */ n("div", { className: "snmt-async-select", children: /* @__PURE__ */ n(G3, { ...G1 }) });
 });
 var D1 = /* @__PURE__ */ ((i) => (i.ACTIVE = "Active", i.ARCHIVED = "Archived", i))(D1 || {});
@@ -11123,7 +11129,7 @@ const X3 = (i, e) => {
   return Y(() => {
     t.current = i;
   }, [i, e]), t.current;
-}, y2 = (i, e, t, s) => i.getFixedT(e, t, s), e6 = (i, e, t, s) => U(y2(i, e, t, s), [i, e, t, s]), t6 = function(i) {
+}, b2 = (i, e, t, s) => i.getFixedT(e, t, s), e6 = (i, e, t, s) => U(b2(i, e, t, s), [i, e, t, s]), t6 = function(i) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
     i18n: t
@@ -11147,7 +11153,7 @@ const X3 = (i, e) => {
   } = c;
   let r = i;
   r = w1(r) ? [r] : r || ["translation"], h.reportNamespaces.addUsedNamespaces && h.reportNamespaces.addUsedNamespaces(r);
-  const a = (h.isInitialized || h.initializedStoreOnce) && r.every((m) => B3(m, h, c)), w = e6(h, e.lng || null, c.nsMode === "fallback" ? r : r[0], l), g = () => w, u = () => y2(h, e.lng || null, c.nsMode === "fallback" ? r : r[0], l), [L, f] = O(g);
+  const a = (h.isInitialized || h.initializedStoreOnce) && r.every((m) => B3(m, h, c)), w = e6(h, e.lng || null, c.nsMode === "fallback" ? r : r[0], l), g = () => w, u = () => b2(h, e.lng || null, c.nsMode === "fallback" ? r : r[0], l), [L, f] = O(g);
   let p = r.join();
   e.lng && (p = `${e.lng}${p}`);
   const H = X3(p), A = e1(!0);
@@ -11170,8 +11176,8 @@ const X3 = (i, e) => {
   }, [h, p]), Y(() => {
     A.current && a && f(g);
   }, [h, l, a]);
-  const y = [L, h, a];
-  if (y.t = L, y.i18n = h, y.ready = a, a || !a && !C) return y;
+  const b = [L, h, a];
+  if (b.t = L, b.i18n = h, b.ready = a, a || !a && !C) return b;
   throw new Promise((m) => {
     e.lng ? c2(h, e.lng, r, () => m()) : h2(h, r, () => m());
   });
@@ -11226,9 +11232,9 @@ const X3 = (i, e) => {
 }, n6 = (i, e, t) => {
   const s = T1(i, t);
   return s !== void 0 ? s : T1(e, t);
-}, b2 = (i, e, t) => {
+}, y2 = (i, e, t) => {
   for (const s in e)
-    s !== "__proto__" && s !== "constructor" && (s in i ? E(i[s]) || i[s] instanceof String || E(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : b2(i[s], e[s], t) : i[s] = e[s]);
+    s !== "__proto__" && s !== "constructor" && (s in i ? E(i[s]) || i[s] instanceof String || E(e[s]) || e[s] instanceof String ? t && (i[s] = e[s]) : y2(i[s], e[s], t) : i[s] = e[s]);
   return i;
 }, m1 = (i) => i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
 var r6 = {
@@ -11423,7 +11429,7 @@ class w2 extends Y1 {
     }, C = [e, t];
     e.indexOf(".") > -1 && (C = e.split("."), o = s, s = t, t = C[1]), this.addNamespaces(t);
     let l = T1(this.data, C) || {};
-    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), o ? b2(l, s, h) : l = {
+    c.skipCopy || (s = JSON.parse(JSON.stringify(s))), o ? y2(l, s, h) : l = {
       ...l,
       ...s
     }, u2(this.data, C, l), c.silent || this.emit("added", e, t, s);
@@ -11532,8 +11538,8 @@ class B1 extends Y1 {
     }
     const w = this.resolve(e, t);
     let g = w && w.res;
-    const u = w && w.usedKey || c, L = w && w.exactUsedKey || c, f = Object.prototype.toString.apply(g), p = ["[object Number]", "[object Function]", "[object RegExp]"], H = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, A = !this.i18nFormat || this.i18nFormat.handleAsObject, y = !E(g) && typeof g != "boolean" && typeof g != "number";
-    if (A && g && y && p.indexOf(f) < 0 && !(E(H) && Array.isArray(g))) {
+    const u = w && w.usedKey || c, L = w && w.exactUsedKey || c, f = Object.prototype.toString.apply(g), p = ["[object Number]", "[object Function]", "[object RegExp]"], H = t.joinArrays !== void 0 ? t.joinArrays : this.options.joinArrays, A = !this.i18nFormat || this.i18nFormat.handleAsObject, b = !E(g) && typeof g != "boolean" && typeof g != "number";
+    if (A && g && b && p.indexOf(f) < 0 && !(E(H) && Array.isArray(g))) {
       if (!t.returnObjects && !this.options.returnObjects) {
         this.options.returnedObjectHandler || this.logger.warn("accessing an object - but returnObjects options is not enabled!");
         const m = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(u, g, {
@@ -11559,11 +11565,11 @@ class B1 extends Y1 {
       g = g.join(H), g && (g = this.extendTranslation(g, e, t, s));
     else {
       let m = !1, x = !1;
-      const V = t.count !== void 0 && !E(t.count), M = B1.hasDefaultValue(t), K = V ? this.pluralResolver.getSuffix(r, t.count, t) : "", F = t.ordinal && V ? this.pluralResolver.getSuffix(r, t.count, {
+      const V = t.count !== void 0 && !E(t.count), M = B1.hasDefaultValue(t), K = V ? this.pluralResolver.getSuffix(r, t.count, t) : "", P = t.ordinal && V ? this.pluralResolver.getSuffix(r, t.count, {
         ordinal: !1
-      }) : "", s1 = V && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), I = s1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${K}`] || t[`defaultValue${F}`] || t.defaultValue;
+      }) : "", s1 = V && !t.ordinal && t.count === 0 && this.pluralResolver.shouldUseIntlApi(), I = s1 && t[`defaultValue${this.options.pluralSeparator}zero`] || t[`defaultValue${K}`] || t[`defaultValue${P}`] || t.defaultValue;
       !this.isValidLookup(g) && M && (m = !0, g = I), this.isValidLookup(g) || (x = !0, g = c);
-      const P = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && x ? void 0 : g, $ = M && I !== g && this.options.updateMissing;
+      const F = (t.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && x ? void 0 : g, $ = M && I !== g && this.options.updateMissing;
       if (x || m || $) {
         if (this.logger.log($ ? "updateKey" : "missingKey", r, l, c, $ ? I : g), h) {
           const Z = this.resolve(c, {
@@ -11572,22 +11578,22 @@ class B1 extends Y1 {
           });
           Z && Z.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 b = [];
+        let y = [];
         const j = this.languageUtils.getFallbackCodes(this.options.fallbackLng, t.lng || this.language);
         if (this.options.saveMissingTo === "fallback" && j && j[0])
           for (let Z = 0; Z < j.length; Z++)
-            b.push(j[Z]);
-        else this.options.saveMissingTo === "all" ? b = this.languageUtils.toResolveHierarchy(t.lng || this.language) : b.push(t.lng || this.language);
+            y.push(j[Z]);
+        else this.options.saveMissingTo === "all" ? y = this.languageUtils.toResolveHierarchy(t.lng || this.language) : y.push(t.lng || this.language);
         const J = (Z, G, S) => {
-          const C1 = M && S !== g ? S : P;
+          const C1 = M && S !== g ? S : F;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(Z, l, G, C1, $, t) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(Z, l, G, C1, $, t), this.emit("missingKey", Z, l, G, g);
         };
-        this.options.saveMissing && (this.options.saveMissingPlurals && V ? b.forEach((Z) => {
+        this.options.saveMissing && (this.options.saveMissingPlurals && V ? y.forEach((Z) => {
           const G = this.pluralResolver.getSuffixes(Z, t);
           s1 && t[`defaultValue${this.options.pluralSeparator}zero`] && G.indexOf(`${this.options.pluralSeparator}zero`) < 0 && G.push(`${this.options.pluralSeparator}zero`), G.forEach((S) => {
             J([Z], c + S, t[`defaultValue${S}`] || I);
           });
-        }) : J(b, c, I));
+        }) : J(y, c, I));
       }
       g = this.extendTranslation(g, e, t, w, s), x && g === c && this.options.appendNamespaceToMissingKey && (g = `${l}:${c}`), (x || m) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? g = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${l}:${c}` : c, m ? g : void 0) : g = this.options.parseMissingKeyHandler(g));
     }
@@ -11664,9 +11670,9 @@ class B1 extends Y1 {
               A.push(M), g && (A.push(M + m), t.ordinal && m.indexOf(V) === 0 && A.push(M + m.replace(V, this.options.pluralSeparator)), u && A.push(M + x));
             }
           }
-          let y;
-          for (; y = A.pop(); )
-            this.isValidLookup(s) || (h = y, s = this.getResource(H, p, y, t));
+          let b;
+          for (; b = A.pop(); )
+            this.isValidLookup(s) || (h = b, s = this.getResource(H, p, b, t));
         }));
       });
     }), {
@@ -12405,7 +12411,7 @@ const k2 = () => ({
     maxReplaces: 1e3,
     skipOnVariables: !0
   }
-}), v2 = (i) => (E(i.ns) && (i.ns = [i.ns]), E(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), E(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), b1 = () => {
+}), v2 = (i) => (E(i.ns) && (i.ns = [i.ns]), E(i.fallbackLng) && (i.fallbackLng = [i.fallbackLng]), E(i.fallbackNS) && (i.fallbackNS = [i.fallbackNS]), i.supportedLngs && i.supportedLngs.indexOf("cimode") < 0 && (i.supportedLngs = i.supportedLngs.concat(["cimode"])), i), y1 = () => {
 }, _6 = (i) => {
   Object.getOwnPropertyNames(Object.getPrototypeOf(i)).forEach((t) => {
     typeof i[t] == "function" && (i[t] = i[t].bind(i));
@@ -12463,7 +12469,7 @@ class M1 extends Y1 {
         u.init && u.init(this);
       });
     }
-    if (this.format = this.options.interpolation.format, s || (s = b1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
+    if (this.format = this.options.interpolation.format, s || (s = y1), this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
       const a = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
       a.length > 0 && a[0] !== "dev" && (this.options.lng = a[0]);
     }
@@ -12486,7 +12492,7 @@ class M1 extends Y1 {
     return this.options.resources || !this.options.initImmediate ? r() : setTimeout(r, 0), l;
   }
   loadResources(e) {
-    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : b1;
+    let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : y1;
     const o = E(e) ? e : this.language;
     if (typeof e == "function" && (s = e), !this.options.resources || this.options.partialBundledLanguages) {
       if (o && o.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return s();
@@ -12504,7 +12510,7 @@ class M1 extends Y1 {
   }
   reloadResources(e, t, s) {
     const o = N1();
-    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = b1), this.services.backendConnector.reload(e, t, (h) => {
+    return typeof e == "function" && (s = e, e = void 0), typeof t == "function" && (s = t, t = void 0), e || (e = this.languages), t || (t = this.options.ns), s || (s = y1), this.services.backendConnector.reload(e, t, (h) => {
       o.resolve(), s(h);
     }), o;
   }
@@ -12617,7 +12623,7 @@ class M1 extends Y1 {
     return new M1(e, t);
   }
   cloneInstance() {
-    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : b1;
+    let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : y1;
     const s = e.forkResourceStore;
     s && delete e.forkResourceStore;
     const o = {
@@ -12699,7 +12705,7 @@ const T6 = d1(
     required: a,
     error: w
   }, g) => {
-    const { axiosPeople: u, locale: L } = c1(P2), { t: f } = t6("common", { lng: L }), [p, H] = O([]), [A, y] = O(!0), m = e1(p), x = e1(null);
+    const { axiosPeople: u, locale: L } = c1(P2), { t: f } = t6("common", { lng: L }), [p, H] = O([]), [A, b] = O(!0), m = e1(p), x = e1(null);
     if (p1(g, () => x.current), !u)
       throw new Error(
         `UserSelect requires "axiosPeople" to fetch users. 
@@ -12715,14 +12721,14 @@ const T6 = d1(
       async ({
         offset: I,
         limit: B,
-        search: P
+        search: F
       }) => {
-        var $, b, j;
+        var $, y, j;
         try {
           const J = await u.post("v1/users/search", {
             offset: I,
             limit: B,
-            search: P,
+            search: F,
             ...i,
             includeCount: !0
           }), { data: Z, metadata: G } = J.data;
@@ -12738,7 +12744,7 @@ const T6 = d1(
         } catch (J) {
           return c && c({
             status: (($ = J.response) == null ? void 0 : $.status) ?? 500,
-            message: ((j = (b = J.response) == null ? void 0 : b.data) == null ? void 0 : j.message) ?? "Error while fetching options"
+            message: ((j = (y = J.response) == null ? void 0 : y.data) == null ? void 0 : j.message) ?? "Error while fetching options"
           }), {
             options: [],
             count: 0
@@ -12748,15 +12754,15 @@ const T6 = d1(
       [u, i, V, l, c]
     ), K = U(
       async (I) => {
-        var B, P, $;
+        var B, F, $;
         try {
-          const b = I.filter(
+          const y = I.filter(
             (Z) => !m.current.some((G) => G.value === Z)
           );
           let j = [];
-          b.length && (j = (await u.post("v1/users/search", {
+          y.length && (j = (await u.post("v1/users/search", {
             filters: {
-              id: b,
+              id: y,
               status: [D1.ACTIVE, D1.ARCHIVED]
             }
           })).data.data);
@@ -12767,10 +12773,10 @@ const T6 = d1(
             imageFallbackText: Z.avatarUrl ? "" : N2(`${Z.firstName} ${Z.lastName}`)
           }));
           return [...m.current, ...J];
-        } catch (b) {
+        } catch (y) {
           return c && c({
-            status: ((B = b.response) == null ? void 0 : B.status) ?? 500,
-            message: (($ = (P = b.response) == null ? void 0 : P.data) == null ? void 0 : $.message) ?? "Error while fetching selected items"
+            status: ((B = y.response) == null ? void 0 : B.status) ?? 500,
+            message: (($ = (F = y.response) == null ? void 0 : F.data) == null ? void 0 : $.message) ?? "Error while fetching selected items"
           }), [];
         }
       },
@@ -12783,26 +12789,26 @@ const T6 = d1(
       (I = x.current) == null || I.refetchOptions();
     }, [i]), Y(() => {
       if (!o) {
-        y(!1);
+        b(!1);
         return;
       }
       (async () => {
-        const B = Array.isArray(o) ? o : [o], P = await K(B);
-        H(P), y(!1);
+        const B = Array.isArray(o) ? o : [o], F = await K(B);
+        H(F), b(!1);
       })();
     }, [K, o]);
-    const F = U(
+    const P = U(
       async ({
         limit: I,
         offset: B,
-        search: P
+        search: F
       }) => {
-        const { count: $, ...b } = await M({
+        const { count: $, ...y } = await M({
           offset: B,
           limit: I,
-          search: P
+          search: F
         });
-        let j = b.options;
+        let j = y.options;
         return C && B === 0 && (j = [{ value: null, label: "None" }, ...j]), {
           options: j,
           count: $,
@@ -12828,7 +12834,7 @@ const T6 = d1(
         mode: e,
         value: o,
         onChange: h,
-        loadOptions: F,
+        loadOptions: P,
         preloadOptions: !0,
         extraOptions: p
       }
@@ -12839,7 +12845,7 @@ const T6 = d1(
         value: o,
         mode: void 0,
         onChange: h,
-        loadOptions: F,
+        loadOptions: P,
         preloadOptions: !0,
         extraOptions: p
       }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@snmt-react-ui/user-select",
     "private": false,
-    "version": "2.11.0",
+    "version": "2.11.2",
     "type": "module",
     "main": "dist/user-select.js",
     "types": "dist/index.d.ts",
@@ -18,15 +18,15 @@
         "build": "tsc && vite build"
     },
     "dependencies": {
-        "@snmt-react-ui/async-select": "^1.12.0",
+        "@snmt-react-ui/async-select": "^1.12.2",
         "@snmt-react-ui/core": "^2.8.1",
         "@snmt-react-ui/loader": "^2.2.0",
-        "@snmt-react-ui/select": "^1.26.0"
+        "@snmt-react-ui/select": "^1.26.2"
     },
     "peerDependencies": {
         "antd": "^5.22.3",
         "i18next": "^23.11.1",
         "react-i18next": "^14.1.0"
     },
-    "gitHead": "db733fad80937cf2feb900cd7907e50bb10dd760"
+    "gitHead": "42d20da0aeaaa5f031b320255ef5d879870f8989"
 }