@lax-wp/design-system 0.13.33-beta.6 → 0.13.33

package/dist/components/forms/select-field/SelectField.es.js

@@ -1,48 +1,41 @@
-import { jsx as t, jsxs as p, Fragment as De } from "react/jsx-runtime";
-import { Select as Be, Skeleton as X } from "antd";
+import { jsx as l, jsxs as p, Fragment as Pe } from "react/jsx-runtime";
+import { Select as De, Skeleton as Z } from "antd";
 /* empty css                   */
-import S from "../../../_virtual/index.es.js";
-import Le from "lodash/debounce";
-import { forwardRef as _e, useState as O, useRef as ze, useEffect as Fe, useMemo as H, useCallback as I } from "react";
-import { useTranslation as Ke } from "react-i18next";
+import k from "../../../_virtual/index.es.js";
+import Be from "lodash/debounce";
+import { forwardRef as ze, useState as O, useRef as Le, useEffect as Fe, useMemo as _, useCallback as I } from "react";
+import { useTranslation as $e } from "react-i18next";
 import { Typography as G } from "../../data-display/typography/Typography.es.js";
-import { HelpIcon as Oe } from "../../icons/HelpIcon.es.js";
-import { Label as He } from "../../data-display/label/Label.es.js";
-import { Tag as Me } from "../../data-display/tag/Tag.es.js";
-import { BoltOutlined as Te, NoteAddOutlined as Re } from "@mui/icons-material";
-import { AIExtractedIndicator as $e } from "../../icons/AIExtractedIndicator.es.js";
-import { AIStarIcon as qe } from "../../icons/AIStarIcon.es.js";
-import { InputLabel as Je } from "../shared/InputLabel.es.js";
+import { HelpIcon as Ke } from "../../icons/HelpIcon.es.js";
+import { Label as Oe } from "../../data-display/label/Label.es.js";
+import { Tag as _e } from "../../data-display/tag/Tag.es.js";
+import { BoltOutlined as He, NoteAddOutlined as Me } from "@mui/icons-material";
+import { AIExtractedIndicator as Re } from "../../icons/AIExtractedIndicator.es.js";
+import { AIStarIcon as Te } from "../../icons/AIStarIcon.es.js";
+import { InputLabel as qe } from "../shared/InputLabel.es.js";
 import E from "../../tooltip/Tooltip.es.js";
-import { shouldShowConfidenceScore as Y, getConfidenceScoreBadgeFill as Ze, getConfidenceScoreBadgeColor as Qe, getConfidenceScoreBadgeTextColor as Ue, getConfidenceScoreBadgeClass as We } from "../../../utils/confidenceScoreUtils.es.js";
-const Xe = {
-  sm: "[&_.ant-select-selector]:!min-h-6",
-  // 24px
-  md: "[&_.ant-select-selector]:!min-h-8",
-  // 32px
-  lg: "[&_.ant-select-selector]:!min-h-10"
-  // 40px
-}, Ye = (c) => Array.isArray(c) ? c.map(
-  (o) => typeof o == "string" || typeof o == "number" ? o : o.value
-) : c || null, Ge = (c) => c.filter(
-  (o, r, n) => n.findIndex(
-    (m) => m.value === o.value && m.label === o.label
+import { shouldShowConfidenceScore as U, getConfidenceScoreBadgeFill as Je, getConfidenceScoreBadgeColor as Qe, getConfidenceScoreBadgeTextColor as We, getConfidenceScoreBadgeClass as Xe } from "../../../utils/confidenceScoreUtils.es.js";
+const Ye = (c) => Array.isArray(c) ? c.map(
+  (a) => typeof a == "string" || typeof a == "number" ? a : a.value
+) : c || null, Ze = (c) => c.filter(
+  (a, r, n) => n.findIndex(
+    (m) => m.value === a.value && m.label === a.label
   ) === r
-), Ve = ({
+), Ue = ({
   options: c,
-  value: o,
+  value: a,
   defaultValue: r
-}) => c?.length ? Ge(
+}) => c?.length ? Ze(
   c.map((n) => ({ ...n, color: n.color }))
-) : Array.isArray(o) && o.length && typeof o[0] == "object" && "label" in o[0] ? o.map((n) => ({
+) : Array.isArray(a) && a.length && typeof a[0] == "object" && "label" in a[0] ? a.map((n) => ({
   label: String(n?.label || ""),
   value: String(n?.value || ""),
   color: n?.color
-})) : o && typeof o == "object" && "label" in o ? [
+})) : a && typeof a == "object" && "label" in a ? [
   {
-    label: String(o.label || ""),
-    value: String(o.value || ""),
-    color: o?.color
+    label: String(a.label || ""),
+    value: String(a.value || ""),
+    color: a?.color
   }
 ] : Array.isArray(r) && r.length && typeof r[0] == "object" && "label" in r[0] ? r.map((n) => ({
   label: String(n?.label || ""),
@@ -54,21 +47,21 @@ const Xe = {
     value: String(r.value || ""),
     color: r?.color
   }
-] : [], et = ({
+] : [], Ge = ({
   hasExistingData: c
-}) => /* @__PURE__ */ t("div", { className: "!w-full px-3 py-1.5", children: c ? /* @__PURE__ */ t(X, { paragraph: { rows: 1, width: "100%" } }) : /* @__PURE__ */ t(X, {}) }), tt = ({
+}) => /* @__PURE__ */ l("div", { className: "!w-full px-3 py-1.5", children: c ? /* @__PURE__ */ l(Z, { paragraph: { rows: 1, width: "100%" } }) : /* @__PURE__ */ l(Z, {}) }), Ve = ({
   showSelectAll: c,
-  mode: o,
+  mode: a,
   options: r,
   searchValue: n,
   handleSelectAll: m,
   isAllSelected: y,
   menu: j,
   isLoading: A,
-  hasExistingData: w,
+  hasExistingData: S,
   t: v
-}) => /* @__PURE__ */ p(De, { children: [
-  c && o === "multiple" && r.length > 0 && n.trim().length === 0 && /* @__PURE__ */ t(
+}) => /* @__PURE__ */ p(Pe, { children: [
+  c && a === "multiple" && r.length > 0 && n.trim().length === 0 && /* @__PURE__ */ l(
     "div",
     {
       role: "button",
@@ -80,7 +73,7 @@ const Xe = {
       onKeyDown: (f) => {
         (f.key === "Enter" || f.key === " ") && (f.preventDefault(), m());
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ l(
         G,
         {
           size: "small",
@@ -93,18 +86,18 @@ const Xe = {
     }
   ),
   j,
-  A && /* @__PURE__ */ t(et, { hasExistingData: w })
-] }), lt = _e(
+  A && /* @__PURE__ */ l(Ge, { hasExistingData: S })
+] }), el = ze(
   ({
     label: c,
-    value: o,
+    value: a,
     mode: r,
     errorMessage: n,
     selectOptions: m = [],
     required: y = !1,
     tags: j,
     className: A,
-    onInputChange: w,
+    onInputChange: S,
     tooltip: v,
     originalCase: f = !1,
     isAiExtracted: V = !1,
@@ -112,44 +105,43 @@ const Xe = {
     confidenceType: x = "high",
     confidenceTooltip: D,
     sourceMeta: ee = [],
-    onConfidenceScoreClick: te,
+    onConfidenceScoreClick: le,
     isGTN: B = !1,
-    gtnName: le = null,
+    gtnName: te = null,
     onChange: g,
-    onSearch: C,
-    debounceTimeout: M = 500,
+    onSearch: w,
+    debounceTimeout: H = 500,
     filterOption: re = !0,
-    onScroll: ae,
-    isLoading: oe = !1,
+    onScroll: oe,
+    isLoading: ae = !1,
     allowClear: ne = !0,
-    autoClearSearchValue: se = !0,
-    fullOpacityLabel: rt = !1,
-    showAllTags: ie = !1,
+    autoClearSearchValue: ie = !0,
+    fullOpacityLabel: ll = !1,
+    showAllTags: se = !1,
     customTagRender: ce,
-    inputStyles: at,
-    disabled: L = !1,
+    inputStyles: tl,
+    disabled: z = !1,
     showSelectAll: de = !1,
     labelClassName: ue,
     riskDetails: d,
     isRiskAnalysisOpen: b = !1,
-    RiskDetailsCard: T,
-    AddToDocumentIcon: ot,
-    primaryColorShades: nt,
+    RiskDetailsCard: M,
+    AddToDocumentIcon: rl,
+    primaryColorShades: ol,
     UserAvatar: R,
-    onAddGTNToDocument: $,
+    onAddGTNToDocument: T,
     isRequiredConditional: pe,
     isLiveField: me = !1,
     labelExtra: fe,
-    inputEmphasis: _ = "default",
-    inputSize: be = "md",
+    inputEmphasis: L = "default",
     ...h
-  }, ge) => {
-    const { t: q } = Ke(), [N, z] = O(!1), he = _ === "modified" && !n && !(b && d?.color), ye = _ === "deleted" && !n && !(b && d?.color), ve = _ === "success" && !n && !(b && d?.color), xe = ze(null), [J, Se] = O(!1), [we, Ce] = O("");
+  }, be) => {
+    const { t: q } = $e(), [C, F] = O(!1), ge = L === "modified" && !n && !(b && d?.color), he = L === "deleted" && !n && !(b && d?.color), ye = L === "success" && !n && !(b && d?.color), ve = Le(null), [J, xe] = O(!1), [Se, we] = O("");
     Fe(() => {
       const e = "select-field-scrollbar-styles";
       if (document.getElementById(e)) return;
-      const l = document.createElement("style");
-      l.id = e, l.textContent = `
+      const t = document.createElement("style");
+      t.id = e, t.textContent = `
         [class*="virtual-list-scrollbar"]:not([class*="thumb"]) {
           width: 8px !important;
           background: transparent !important;
@@ -161,136 +153,136 @@ const Xe = {
         .dark [class*="virtual-list-scrollbar-thumb"] {
           background: #454545 !important;
         }
-      `, document.head.appendChild(l);
+      `, document.head.appendChild(t);
     }, []);
-    const Ne = () => {
-      if ($) {
+    const Ce = () => {
+      if (T) {
         let e = "";
-        s == null ? e = "" : typeof s == "string" || typeof s == "number" ? e = String(s) : Array.isArray(s) ? e = s.map(
-          (a) => typeof a == "object" && a !== null && "value" in a ? a.value : a
-        ).join(", ") : typeof s == "object" && "value" in s && (e = String(s.value)), $({
-          key: le,
+        i == null ? e = "" : typeof i == "string" || typeof i == "number" ? e = String(i) : Array.isArray(i) ? e = i.map(
+          (o) => typeof o == "object" && o !== null && "value" in o ? o.value : o
+        ).join(", ") : typeof i == "object" && "value" in i && (e = String(i.value)), T({
+          key: te,
           value: e
         });
       }
-    }, s = Ye(o), Z = H(
-      () => C ? Le(C, M) : null,
-      [C, M]
-    ), ke = (e, l) => {
-      if (xe.current && h.id) {
-        const a = document.getElementById(h.id);
-        if (a) {
-          const i = Array.isArray(l) ? l.map((W) => W.value) : l?.value;
-          a.dataset.selectedValue = JSON.stringify(i);
-          const F = new Event("change", { bubbles: !0 });
-          Object.defineProperty(F, "target", {
+    }, i = Ye(a), Q = _(
+      () => w ? Be(w, H) : null,
+      [w, H]
+    ), Ne = (e, t) => {
+      if (ve.current && h.id) {
+        const o = document.getElementById(h.id);
+        if (o) {
+          const s = Array.isArray(t) ? t.map((Y) => Y.value) : t?.value;
+          o.dataset.selectedValue = JSON.stringify(s);
+          const $ = new Event("change", { bubbles: !0 });
+          Object.defineProperty($, "target", {
             writable: !1,
-            value: a
-          }), a.dispatchEvent(F);
+            value: o
+          }), o.dispatchEvent($);
           const K = new CustomEvent("pilot-change", {
             bubbles: !0,
             detail: {
               selector: `#${h.id}`,
-              value: i,
+              value: s,
               type: "change"
             }
           });
-          a.dispatchEvent(K);
+          o.dispatchEvent(K);
         }
       }
       if (r === "tags") {
-        const a = Array.isArray(e) ? e : [e];
-        g?.(a?.map((i) => ({ label: i, value: i })));
+        const o = Array.isArray(e) ? e : [e];
+        g?.(o?.map((s) => ({ label: s, value: s })));
       } else
-        g?.(l);
-    }, u = Ve({
+        g?.(t);
+    }, u = Ue({
       options: m,
-      value: o,
+      value: a,
       defaultValue: h?.defaultValue
-    }), Ie = H(() => u.length > 0 || s != null, [u, s]), Q = H(() => {
+    }), ke = _(() => u.length > 0 || i != null, [u, i]), W = _(() => {
       if (!r || r !== "multiple" || u.length === 0) return !1;
-      const e = Array.isArray(s) ? s : [];
-      return u.map((a) => a.value).every(
-        (a) => e.some(
-          (i) => typeof i == "object" && i !== null && "value" in i ? String(i.value) === String(a) : String(i) === String(a)
+      const e = Array.isArray(i) ? i : [];
+      return u.map((o) => o.value).every(
+        (o) => e.some(
+          (s) => typeof s == "object" && s !== null && "value" in s ? String(s.value) === String(o) : String(s) === String(o)
         )
       );
-    }, [s, u, r]), Ee = () => {
-      !r || r !== "multiple" || !g || g(Q ? [] : u);
-    }, U = I((e) => {
+    }, [i, u, r]), Ie = () => {
+      !r || r !== "multiple" || !g || g(W ? [] : u);
+    }, X = I((e) => {
       if (!e) return;
-      const l = new Event("submit", {
+      const t = new Event("submit", {
         bubbles: !0,
         cancelable: !0
       });
-      e.dispatchEvent(l);
-      const a = e.querySelector(
+      e.dispatchEvent(t);
+      const o = e.querySelector(
         'button[type="submit"]'
       );
-      a && a.click();
-    }, []), je = I(
+      o && o.click();
+    }, []), Ee = I(
       (e) => {
-        if (e.key === "Enter" && !J && (e.preventDefault(), e.stopPropagation(), s)) {
-          const l = e.currentTarget.closest("form");
-          U(l);
+        if (e.key === "Enter" && !J && (e.preventDefault(), e.stopPropagation(), i)) {
+          const t = e.currentTarget.closest("form");
+          X(t);
         }
       },
-      [J, s, U]
-    ), Ae = I(
+      [J, i, X]
+    ), je = I(
       (e) => {
-        const { label: l, value: a, onClose: i } = e, K = u.find(
-          (k) => String(k.value) === String(a)
+        const { label: t, value: o, onClose: s } = e, K = u.find(
+          (N) => String(N.value) === String(o)
         )?.color || "primary";
-        return /* @__PURE__ */ t("div", { className: "cursor-pointer me-1 inline-flex", children: /* @__PURE__ */ t(
-          Me,
+        return /* @__PURE__ */ l("div", { className: "cursor-pointer me-1 inline-flex", children: /* @__PURE__ */ l(
+          _e,
           {
-            label: l,
+            label: t,
             color: K,
             className: "!px-0.5 !py-0 !rounded",
             size: "md",
-            onMouseDown: (k) => {
-              k.preventDefault(), k.stopPropagation();
+            onMouseDown: (N) => {
+              N.preventDefault(), N.stopPropagation();
             },
-            onClick: L ? void 0 : i,
+            onClick: z ? void 0 : s,
             isHashColor: !0,
             removable: !0,
-            onRemove: i
+            onRemove: s
           }
         ) });
       },
-      [u, L]
-    ), Pe = I(
+      [u, z]
+    ), Ae = I(
       (e) => {
-        Ce(e), (w || Z)?.(e);
+        we(e), (S || Q)?.(e);
       },
-      [w, Z]
+      [S, Q]
     );
     return /* @__PURE__ */ p(
       "div",
       {
-        ref: ge,
-        className: S(
+        ref: be,
+        className: k(
           "flex gap-0.5 w-full relative",
-          N && B ? "border rounded-lg border-primary-100 bg-primary-50 p-1" : ""
+          C && B ? "border rounded-lg border-primary-100 bg-primary-50 p-1" : ""
         ),
-        onMouseEnter: () => z(!0),
-        onMouseLeave: () => z(!1),
+        onMouseEnter: () => F(!0),
+        onMouseLeave: () => F(!1),
         id: h.id,
         children: [
-          B && !N ? /* @__PURE__ */ t("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
+          B && !C ? /* @__PURE__ */ l("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
           /* @__PURE__ */ p(
             "div",
             {
-              className: S(
+              className: k(
                 "w-full flex flex-col gap-1 risk-analysis-select-field",
                 A
               ),
               onMouseDown: (e) => e.stopPropagation(),
-              onKeyDownCapture: je,
+              onKeyDownCapture: Ee,
               role: "group",
               "aria-labelledby": c ? "select-field-label" : void 0,
               children: [
-                c ? /* @__PURE__ */ t(
+                c ? /* @__PURE__ */ l(
                   "label",
                   {
                     id: "select-field-label",
@@ -298,18 +290,27 @@ const Xe = {
                     className: `text-xs font-medium text-gray-600 dark:text-black-300 inline-flex items-center gap-1 ${f ? "" : "capitalize"} ${ue || ""}`,
                     children: /* @__PURE__ */ p("div", { className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1", children: [
                       /* @__PURE__ */ p("div", { className: "inline-flex min-w-0 items-center gap-1 flex-wrap", children: [
-                        /* @__PURE__ */ t(
-                          Je,
+                        /* @__PURE__ */ l(
+                          qe,
                           {
                             label: c || "",
                             required: y || !1,
                             isRequiredConditional: pe || !1
                           }
                         ),
-                        me && /* @__PURE__ */ t(Te, { className: "!text-base text-primary-600 rotate-[15deg]" }),
-                        V && !Y(P) && /* @__PURE__ */ t($e, {}),
-                        /* @__PURE__ */ t(He, { labels: j }),
-                        v && /* @__PURE__ */ t(E, { placement: "top", title: v, children: /* @__PURE__ */ t(
+                        me && /* @__PURE__ */ l(
+                          He,
+                          {
+                            sx: {
+                              fontSize: 16,
+                              color: "var(--color-primary-600)",
+                              rotate: "15deg"
+                            }
+                          }
+                        ),
+                        V && !U(P) && /* @__PURE__ */ l(Re, {}),
+                        /* @__PURE__ */ l(Oe, { labels: j }),
+                        v && /* @__PURE__ */ l(E, { placement: "top", title: v, children: /* @__PURE__ */ l(
                           "div",
                           {
                             className: "cursor-pointer",
@@ -318,13 +319,13 @@ const Xe = {
                             onKeyDown: (e) => {
                               (e.key === "Enter" || e.key === " ") && e.preventDefault();
                             },
-                            children: /* @__PURE__ */ t(Oe, { className: "w-icon-sm h-icon-sm" })
+                            children: /* @__PURE__ */ l(Ke, {})
                           }
                         ) }),
                         fe
                       ] }),
                       /* @__PURE__ */ p("div", { className: "flex items-center gap-1 justify-self-end", children: [
-                        Y(P) && x ? /* @__PURE__ */ t(
+                        U(P) && x ? /* @__PURE__ */ l(
                           E,
                           {
                             placement: "top-end",
@@ -334,21 +335,21 @@ const Xe = {
                             children: /* @__PURE__ */ p(
                               "div",
                               {
-                                className: S(
-                                  "inline-flex min-w-12 items-center gap-1 rounded-md px-1 py-0.5",
-                                  We(x)
+                                className: k(
+                                  "inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",
+                                  Xe(x)
                                 ),
-                                onClick: () => te?.(ee),
+                                onClick: () => le?.(ee),
                                 children: [
-                                  /* @__PURE__ */ t(
-                                    qe,
+                                  /* @__PURE__ */ l(
+                                    Te,
                                     {
                                       size: 12,
                                       fill: Qe(x),
-                                      fillSecondary: Ze(x)
+                                      fillSecondary: Je(x)
                                     }
                                   ),
-                                  /* @__PURE__ */ p("span", { className: S("text-xs font-medium leading-4", Ue(x)), children: [
+                                  /* @__PURE__ */ p("span", { className: k("text-xs font-medium leading-4", We(x)), children: [
                                     P,
                                     "%"
                                   ] })
@@ -357,32 +358,32 @@ const Xe = {
                             )
                           }
                         ) : null,
-                        B && N ? /* @__PURE__ */ t(
+                        B && C ? /* @__PURE__ */ l(
                           "button",
                           {
                             id: "btn-select-field-base-add-to-document",
                             className: "cursor-pointer",
-                            onClick: Ne,
+                            onClick: Ce,
                             type: "button",
-                            children: /* @__PURE__ */ t(E, { placement: "top", title: q("Add to document"), children: /* @__PURE__ */ t(Re, { className: "!text-base text-primary-600" }) })
+                            children: /* @__PURE__ */ l(E, { placement: "top", title: q("Add to document"), children: /* @__PURE__ */ l(
+                              Me,
+                              {
+                                className: "text-primary-600",
+                                sx: { fontSize: 16 }
+                              }
+                            ) })
                           }
                         ) : null
                       ] })
                     ] })
                   }
                 ) : null,
-                /* @__PURE__ */ t(
-                  Be,
+                /* @__PURE__ */ l(
+                  De,
                   {
-                    onOpenChange: Se,
-                    disabled: L,
-                    className: S(
-                      "w-full h-8 flex items-center justify-center text-black-900 dark:text-black-200 text-sm",
-                      Xe[be],
-                      n && y ? "ant-select-status-error" : "",
-                      b && d?.color ? "risk-select-field" : "",
-                      he ? "select-field-emphasis-modified" : ye ? "select-field-emphasis-deleted" : ve ? "select-field-emphasis-success" : ""
-                    ),
+                    onOpenChange: xe,
+                    disabled: z,
+                    className: `w-full text-black-900 dark:text-black-200 ${n && y ? "ant-select-status-error" : "#e2e8f0"} ${b && d?.color ? "risk-select-field" : ""} ${ge ? "select-field-emphasis-modified" : he ? "select-field-emphasis-deleted" : ye ? "select-field-emphasis-success" : ""}`,
                     classNames: {
                       popup: {
                         root: "!z-[5001]"
@@ -395,72 +396,72 @@ const Xe = {
                     },
                     "aria-required": y,
                     mode: r,
-                    value: s,
-                    onChange: ke,
-                    filterOption: C ? re : (e, l) => (l?.label || "")?.toLowerCase()?.includes(e?.toLowerCase()),
+                    value: i,
+                    onChange: Ne,
+                    filterOption: w ? re : (e, t) => (t?.label || "")?.toLowerCase()?.includes(e?.toLowerCase()),
                     showSearch: !0,
-                    onSearch: Pe || void 0,
-                    onPopupScroll: ae,
+                    onSearch: Ae || void 0,
+                    onPopupScroll: oe,
                     popupClassName: "select-field-dropdown-popup",
-                    popupRender: (e) => /* @__PURE__ */ t(
-                      tt,
+                    popupRender: (e) => /* @__PURE__ */ l(
+                      Ve,
                       {
                         showSelectAll: de,
                         mode: r,
                         options: u,
-                        searchValue: we,
-                        handleSelectAll: Ee,
-                        isAllSelected: Q,
+                        searchValue: Se,
+                        handleSelectAll: Ie,
+                        isAllSelected: W,
                         menu: e,
-                        isLoading: oe,
-                        hasExistingData: Ie,
+                        isLoading: ae,
+                        hasExistingData: ke,
                         t: q
                       }
                     ),
                     options: u.map(
                       ({
                         label: e,
-                        value: l,
-                        color: a,
-                        ...i
+                        value: t,
+                        color: o,
+                        ...s
                       }) => ({
                         label: String(e),
-                        value: String(l),
-                        key: String(l),
-                        id: String(l),
-                        color: a,
-                        ...i
+                        value: String(t),
+                        key: String(t),
+                        id: String(t),
+                        color: o,
+                        ...s
                       })
                     ),
                     optionRender: (e) => {
-                      const l = e?.data?.fullname;
-                      if (l && R) {
-                        const [a, i] = l.split(" ");
+                      const t = e?.data?.fullname;
+                      if (t && R) {
+                        const [o, s] = t.split(" ");
                         return /* @__PURE__ */ p("div", { className: "flex items-center justify-start gap-1", children: [
-                          /* @__PURE__ */ t(
+                          /* @__PURE__ */ l(
                             R,
                             {
-                              firstName: a,
-                              lastName: i,
+                              firstName: o,
+                              lastName: s,
                               profilePic: e?.data?.url || "",
                               size: "xs",
                               enablePopper: !0,
                               userId: e?.data?.value
                             }
                           ),
-                          /* @__PURE__ */ t("span", { className: "ml-2", children: e.label })
+                          /* @__PURE__ */ l("span", { className: "ml-2", children: e.label })
                         ] });
                       }
-                      return /* @__PURE__ */ t("span", { children: e.label });
+                      return /* @__PURE__ */ l("span", { children: e.label });
                     },
-                    autoClearSearchValue: se,
+                    autoClearSearchValue: ie,
                     onClear: () => g && g(r === "tags" || r === "multiple" ? [] : null),
-                    maxTagCount: r === "tags" && ie ? void 0 : "responsive",
-                    maxTagPlaceholder: (e) => /* @__PURE__ */ t(
+                    maxTagCount: r === "tags" && se ? void 0 : "responsive",
+                    maxTagPlaceholder: (e) => /* @__PURE__ */ l(
                       E,
                       {
                         placement: "top",
-                        title: e.length > 3 ? e.slice(0, 3).map(({ label: l }) => l).join(", ") + "..." : e.map(({ label: l }) => l).join(", "),
+                        title: e.length > 3 ? e.slice(0, 3).map(({ label: t }) => t).join(", ") + "..." : e.map(({ label: t }) => t).join(", "),
                         children: /* @__PURE__ */ p("span", { children: [
                           "+",
                           e.length,
@@ -468,12 +469,12 @@ const Xe = {
                         ] })
                       }
                     ),
-                    tagRender: ce || Ae,
+                    tagRender: ce || je,
                     allowClear: ne,
                     ...h
                   }
                 ),
-                n && /* @__PURE__ */ t(
+                n && /* @__PURE__ */ l(
                   G,
                   {
                     className: "text-error-500",
@@ -486,7 +487,7 @@ const Xe = {
               ]
             }
           ),
-          N && d && b && T && /* @__PURE__ */ t(
+          C && d && b && M && /* @__PURE__ */ l(
             "div",
             {
               role: "tooltip",
@@ -495,9 +496,9 @@ const Xe = {
               onClick: (e) => e.stopPropagation(),
               onMouseDown: (e) => e.preventDefault(),
               onKeyDown: (e) => {
-                e.key === "Escape" && z(!1);
+                e.key === "Escape" && F(!1);
               },
-              children: /* @__PURE__ */ t(T, { riskDetails: d })
+              children: /* @__PURE__ */ l(M, { riskDetails: d })
             }
           )
         ]
@@ -505,8 +506,8 @@ const Xe = {
     );
   }
 );
-lt.displayName = "SelectField";
+el.displayName = "SelectField";
 export {
-  lt as SelectField
+  el as SelectField
 };
 //# sourceMappingURL=SelectField.es.js.map