@lax-wp/design-system 0.14.48 → 0.14.50

package/dist/components/data-display/label-value/LabelValue.es.js

@@ -1,165 +1,178 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as Ne, useState as w, useRef as ke, useEffect as Se } from "react";
-import d from "../../../_virtual/index.es.js";
-import { HelpIcon as Le } from "../../icons/HelpIcon.es.js";
-import { SearchIcon as Ie } from "../../icons/SearchIcon.es.js";
-import { Typography as L } from "../typography/Typography.es.js";
-import { decodeHTMLEntities as Te, formatCurrency as I, formatBooleanValue as K, formatDate as C, isISODateString as ze } from "../../../utils/formatters.es.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { forwardRef as Ie, useState as w, useRef as Ee, useEffect as _e } from "react";
+import p from "../../../_virtual/index.es.js";
+import { HelpIcon as ze } from "../../icons/HelpIcon.es.js";
+import { SearchIcon as De } from "../../icons/SearchIcon.es.js";
+import { Typography as E } from "../typography/Typography.es.js";
+import { decodeHTMLEntities as Me, formatCurrency as _, formatBooleanValue as q, formatDate as N, isISODateString as Re } from "../../../utils/formatters.es.js";
 import { CURRENCIES as $e } from "../../forms/currency-input/currency.constant.es.js";
-import { Label as Me } from "../label/Label.es.js";
-import { motion as _e } from "framer-motion";
-import { BoltOutlined as De, ArrowUpwardRounded as Ee, ArrowDownwardRounded as je, OpenInNew as Re } from "@mui/icons-material";
-import N from "../../tooltip/Tooltip.es.js";
+import { Label as Ae } from "../label/Label.es.js";
+import { motion as je } from "framer-motion";
+import { BoltOutlined as Oe, ArrowUpwardRounded as Ue, ArrowDownwardRounded as Be, OpenInNew as Pe } from "@mui/icons-material";
+import T from "../../tooltip/Tooltip.es.js";
 import { AIExtractedIndicator as He } from "../../icons/AIExtractedIndicator.es.js";
 import { AIStarIcon as Ze } from "../../icons/AIStarIcon.es.js";
-import { shouldShowConfidenceScore as Oe, getConfidenceScoreBadgeFill as Be, getConfidenceScoreBadgeColor as Fe, getConfidenceScoreBadgeHoverClass as Ue } from "../../../utils/confidenceScoreUtils.es.js";
-import P from "dayjs";
-import { ContentCopyIcon as Ae, CheckFilledIcon as Ke } from "../../icon/icons.generated.es.js";
-const Pe = Ne(
+import { APP_DATA_TYPES as m } from "../datatype-icon/DataTypeIcon.es.js";
+import { LabelValueDataTypeIcon as Ye } from "../datatype-icon/LabelValueDataTypeIcon.es.js";
+import { shouldShowConfidenceScore as Fe, getConfidenceScoreBadgeFill as Ke, getConfidenceScoreBadgeColor as Ge, getConfidenceScoreBadgeHoverClass as qe } from "../../../utils/confidenceScoreUtils.es.js";
+import J from "dayjs";
+import { ContentCopyIcon as Je, CheckFilledIcon as Qe } from "../../icon/icons.generated.es.js";
+const We = {
+  string: { dataType: m.STRING },
+  number: { dataType: m.NUMBER },
+  boolean: { dataType: m.BOOLEAN },
+  currency: { dataType: m.CURRENCY },
+  date: { dataType: m.DATE },
+  datetime: { dataType: m.DATETIME },
+  percentage: { dataType: m.NUMBER, label: "Percentage" },
+  url: { dataType: m.STRING, label: "URL" }
+}, Xe = Ie(
   ({
-    id: Y,
+    id: Q,
     label: l,
     value: e,
-    className: q,
+    className: W,
     type: o = "string",
-    tags: G,
-    tooltip: T,
+    tags: X,
+    tooltip: z,
     items: s,
-    isModified: J = !1,
-    isChanged: Q = !1,
-    size: W = "medium",
-    isHighlighted: X = !1,
+    isModified: v = !1,
+    isChanged: V = !1,
+    size: k = "medium",
+    isHighlighted: ee = !1,
     deletedValue: n,
-    highlightColor: v = "warning",
-    isSearchActive: V = !1,
-    originalValue: z = !1,
-    showDiff: $ = !1,
-    isLiveField: ee = !1,
-    isAiExtracted: re = !1,
-    confidenceScore: te,
-    confidenceType: y = "high",
-    confidenceTooltip: oe,
-    sourceMeta: ae = [],
-    onConfidenceScoreClick: ne,
-    deltaChange: p,
-    theme: Ye = "light",
-    onUpload: M,
-    acceptsUpload: se = !1,
-    MasterDataModal: _,
-    riskDetails: f,
-    isRiskAnalysisOpen: D = !1,
-    RiskDetailsCard: E,
-    "aria-label": ie,
-    decodeEntities: ce = !0,
-    onAiExtractedIndicatorClick: le,
-    copyOnHover: me = !1,
-    urlAlias: j,
-    allowTimezoneConversion: de = !1
-  }, pe) => {
-    const [c, fe] = w(!0), [ue, R] = w(!1), [he, H] = w(null), [Z, k] = w(!1), [x, O] = w(!1), g = ke(null);
-    Se(() => () => {
+    highlightColor: re = "warning",
+    isSearchActive: te = !1,
+    originalValue: D = !1,
+    showDiff: M = !1,
+    isLiveField: oe = !1,
+    isAiExtracted: ae = !1,
+    confidenceScore: ne,
+    confidenceType: b = "high",
+    confidenceTooltip: se,
+    sourceMeta: ie = [],
+    onConfidenceScoreClick: ce,
+    deltaChange: f,
+    theme: ve = "light",
+    onUpload: R,
+    acceptsUpload: le = !1,
+    MasterDataModal: $,
+    riskDetails: u,
+    isRiskAnalysisOpen: A = !1,
+    RiskDetailsCard: j,
+    "aria-label": de,
+    decodeEntities: me = !0,
+    onAiExtractedIndicatorClick: pe,
+    copyOnHover: fe = !1,
+    urlAlias: O,
+    showTypeIcon: ue = !1,
+    dataType: U,
+    allowTimezoneConversion: he = !1
+  }, ye) => {
+    const [c, ge] = w(!0), [we, B] = w(!1), [be, P] = w(null), [H, S] = w(!1), [x, Z] = w(!1), g = Ee(null);
+    _e(() => () => {
       g.current && clearTimeout(g.current);
     }, []);
-    const m = (r) => ce ? Te(r) : r, u = 100, B = () => {
-      fe(!c);
-    }, S = () => /* @__PURE__ */ t(
+    const d = (t) => me ? Me(t) : t, h = 100, L = U ? { dataType: U } : We[String(o).toLowerCase()], xe = k === "small" ? 14 : k === "large" ? 18 : 16, Y = () => {
+      ge(!c);
+    }, I = () => /* @__PURE__ */ r(
       "button",
       {
         id: `btn-label-value-${c ? "Show more" : "Show less"}`,
         className: "text-primary-400 text-sm hover:text-primary-500 cursor-pointer whitespace-nowrap",
-        onClick: B,
-        onKeyDown: (r) => {
-          (r.key === "Enter" || r.key === " ") && (r.preventDefault(), B());
+        onClick: Y,
+        onKeyDown: (t) => {
+          (t.key === "Enter" || t.key === " ") && (t.preventDefault(), Y());
         },
         "aria-label": c ? "Show more content" : "Show less content",
         type: "button",
         children: c ? "Show more" : "Show less"
       }
-    ), F = (r) => {
-      if (j)
+    ), F = (t) => {
+      if (O)
         return /* @__PURE__ */ i(
           "a",
           {
-            href: r,
+            href: t,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "inline-flex items-center gap-1 font-semibold text-neutral-900 dark:text-white hover:text-primary-600 dark:hover:text-primary-400 transition-colors",
             children: [
-              j,
-              /* @__PURE__ */ t(Re, { sx: { fontSize: 16 }, className: "text-primary-600 dark:text-primary-400" })
+              O,
+              /* @__PURE__ */ r(Pe, { sx: { fontSize: 16 }, className: "text-primary-600 dark:text-primary-400" })
             ]
           }
         );
-      const a = m(r);
-      return a.length <= u ? /* @__PURE__ */ t("a", { href: r, className: "text-primary-600 truncate", children: a }) : /* @__PURE__ */ i("p", { children: [
-        /* @__PURE__ */ t("a", { href: r, className: "text-primary-600 break-all", children: a.slice(0, c ? u : a.length) }),
+      const a = d(t);
+      return a.length <= h ? /* @__PURE__ */ r("a", { href: t, className: "text-primary-600 truncate", children: a }) : /* @__PURE__ */ i("p", { children: [
+        /* @__PURE__ */ r("a", { href: t, className: "text-primary-600 break-all", children: a.slice(0, c ? h : a.length) }),
         c ? "... " : " ",
-        S()
+        I()
       ] });
-    }, U = (r) => {
-      R(!0), H({ ...r, value: e });
-    }, ge = () => {
-      R(!1), H(null);
-    }, we = () => {
-      const r = e == null || typeof e == "object" ? "" : String(e);
-      r && navigator.clipboard?.writeText(r).then(() => {
-        O(!0), g.current && clearTimeout(g.current), g.current = setTimeout(() => O(!1), 1500);
+    }, K = (t) => {
+      B(!0), P({ ...t, value: e });
+    }, Ce = () => {
+      B(!1), P(null);
+    }, Ne = () => {
+      const t = e == null || typeof e == "object" ? "" : String(e);
+      t && navigator.clipboard?.writeText(t).then(() => {
+        Z(!0), g.current && clearTimeout(g.current), g.current = setTimeout(() => Z(!1), 1500);
       }).catch(() => {
       });
-    }, ye = (r) => {
-      const a = r.target.files?.[0];
-      a && M && M(a), r.target.value = "";
-    }, b = () => {
-      const r = typeof e == "string" && ze(e);
-      if (V && typeof e == "object")
+    }, Te = (t) => {
+      const a = t.target.files?.[0];
+      a && R && R(a), t.target.value = "";
+    }, C = () => {
+      const t = typeof e == "string" && Re(e);
+      if (te && typeof e == "object")
         return e;
       if (e || o?.toLowerCase() === "boolean" && e === 0 || o?.toLowerCase() === "currency" && Number(e) >= 0) {
-        if ((e === !0 || e === "True") && !z && o?.toLowerCase() !== "choice")
+        if ((e === !0 || e === "True") && !D && o?.toLowerCase() !== "choice")
           return "Yes";
-        if ((e === !1 || e === "False") && !z && o?.toLowerCase() !== "choice")
+        if ((e === !1 || e === "False") && !D && o?.toLowerCase() !== "choice")
           return "No";
         if (o?.toLowerCase() === "url")
           return F(e);
         if (o?.toLowerCase() === "boolean")
-          return K(e);
+          return q(e);
         if (o?.toLowerCase() === "currency") {
-          const a = I(e, s?.currency_code) || "-", h = s?.currency_code ? $e.find((Ce) => Ce.value === s.currency_code)?.label : void 0, be = h ? `${s.currency_code} — ${h}` : s?.currency_code ?? "";
-          return h ? /* @__PURE__ */ t(N, { title: be, placement: "top", children: /* @__PURE__ */ t("span", { children: a }) }) : a;
+          const a = _(e, s?.currency_code) || "-", y = s?.currency_code ? $e.find((Le) => Le.value === s.currency_code)?.label : void 0, Se = y ? `${s.currency_code} — ${y}` : s?.currency_code ?? "";
+          return y ? /* @__PURE__ */ r(T, { title: Se, placement: "top", children: /* @__PURE__ */ r("span", { children: a }) }) : a;
         } else if (o?.toLowerCase() === "datetime") {
           const a = typeof e == "string" && e.includes("Z") ? e.replace(/\.000Z$/, "Z") : e;
-          return C(a, {
-            skipTimezone: !de,
+          return N(a, {
+            skipTimezone: !he,
             withTime: !0
           });
-        } else if (o?.toLowerCase() === "date" || r) {
+        } else if (o?.toLowerCase() === "date" || t) {
           let a = e;
           if (typeof e == "string" && e.includes("Z"))
             a = e.replace(/\.000Z$/, "Z");
           else if (typeof e == "string" && !e.includes("Z")) {
-            const h = P(e);
-            a = P(h).isValid() ? h.toString() : e;
+            const y = J(e);
+            a = J(y).isValid() ? y.toString() : e;
           }
-          return C(a, {
+          return N(a, {
             skipTimezone: !0,
             withTime: !1
           });
         } else {
           if (o?.toLowerCase() === "percentage")
             return `${e}%`;
-          if (typeof e == "string" && e.length > u) {
-            const a = m(e);
+          if (typeof e == "string" && e.length > h) {
+            const a = d(e);
             return /* @__PURE__ */ i("p", { children: [
-              a.slice(0, c ? u : a.length),
+              a.slice(0, c ? h : a.length),
               c ? "... " : " ",
-              S()
+              I()
             ] });
           } else
-            return typeof e == "string" ? m(e) : e;
+            return typeof e == "string" ? d(e) : e;
         }
       }
       return "-";
-    }, A = () => {
-      switch (W) {
+    }, G = () => {
+      switch (k) {
         case "small":
           return "extra-small";
         case "large":
@@ -167,8 +180,8 @@ const Pe = Ne(
         default:
           return "small";
       }
-    }, xe = () => {
-      switch (v) {
+    }, ke = () => {
+      switch (re) {
         case "success":
           return "bg-success-100";
         case "warning":
@@ -184,94 +197,95 @@ const Pe = Ne(
     return /* @__PURE__ */ i(
       "div",
       {
-        id: Y || "",
-        ref: pe,
-        className: d(
+        id: Q || "",
+        ref: ye,
+        className: p(
           "font-medium relative",
-          q
+          W
         ),
-        onMouseEnter: () => k(!0),
-        onMouseLeave: () => k(!1),
-        "aria-label": ie || `Label: ${l}, Value: ${e}`,
+        onMouseEnter: () => S(!0),
+        onMouseLeave: () => S(!1),
+        "aria-label": de || `Label: ${l}, Value: ${e}`,
         children: [
           /* @__PURE__ */ i(
-            L,
+            E,
             {
               variant: "medium",
-              size: A(),
+              size: G(),
               className: "flex gap-1 items-center flex-wrap",
               appearance: "subtitle",
               children: [
-                typeof l == "string" ? m(l) : l,
+                ue && L && /* @__PURE__ */ r(Ye, { dataType: L.dataType, tooltip: L.label, size: xe }),
+                typeof l == "string" ? d(l) : l,
                 " ",
-                /* @__PURE__ */ t(Me, { labels: G?.map((r) => ({ ...r, color: r.color || "primary" })) }),
-                ee && /* @__PURE__ */ t(De, { sx: { fontSize: 16, color: "var(--color-primary-600)", rotate: "15deg" } }),
-                re && (Oe(te) && y ? /* @__PURE__ */ t(
-                  N,
+                /* @__PURE__ */ r(Ae, { labels: X?.map((t) => ({ ...t, color: t.color || "primary" })) }),
+                oe && /* @__PURE__ */ r(Oe, { sx: { fontSize: 16, color: "var(--color-primary-600)", rotate: "15deg" } }),
+                ae && (Fe(ne) && b ? /* @__PURE__ */ r(
+                  T,
                   {
                     placement: "top",
-                    title: oe || "",
+                    title: se || "",
                     className: "cursor-pointer",
-                    children: /* @__PURE__ */ t(
+                    children: /* @__PURE__ */ r(
                       "div",
                       {
-                        className: d("cursor-pointer w-3 h-3 flex items-center justify-center rounded-full", Ue(y)),
-                        onClick: () => ne?.(ae),
-                        children: /* @__PURE__ */ t(
+                        className: p("cursor-pointer w-3 h-3 flex items-center justify-center rounded-full", qe(b)),
+                        onClick: () => ce?.(ie),
+                        children: /* @__PURE__ */ r(
                           Ze,
                           {
                             size: 12,
-                            fill: Fe(y),
-                            fillSecondary: Be(y)
+                            fill: Ge(b),
+                            fillSecondary: Ke(b)
                           }
                         )
                       }
                     )
                   }
-                ) : /* @__PURE__ */ t(He, { onClick: () => le?.(b()) })),
-                T && /* @__PURE__ */ t(
-                  N,
+                ) : /* @__PURE__ */ r(He, { onClick: () => pe?.(C()) })),
+                z && /* @__PURE__ */ r(
+                  T,
                   {
                     placement: "top",
-                    title: T,
+                    title: z,
                     whiteSpace: "pre-wrap",
-                    children: /* @__PURE__ */ t(
+                    children: /* @__PURE__ */ r(
                       "div",
                       {
                         className: "cursor-pointer",
                         role: "button",
                         tabIndex: 0,
-                        onKeyDown: (r) => {
-                          (r.key === "Enter" || r.key === " ") && r.preventDefault();
+                        onKeyDown: (t) => {
+                          (t.key === "Enter" || t.key === " ") && t.preventDefault();
                         },
-                        children: /* @__PURE__ */ t(Le, { size: 14 })
+                        children: /* @__PURE__ */ r(ze, { size: 14 })
                       }
                     )
                   }
                 ),
-                me && Z && /* @__PURE__ */ t(N, { title: x ? "Copied" : `Copy ${l ?? "value"}`, placement: "top", whiteSpace: "pre-wrap", children: /* @__PURE__ */ t(
+                fe && H && /* @__PURE__ */ r(T, { title: x ? "Copied" : `Copy ${l ?? "value"}`, placement: "top", whiteSpace: "pre-wrap", children: /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
-                    onClick: we,
+                    onClick: Ne,
                     "aria-label": x ? `Copied ${l ?? "value"}` : `Copy ${l ?? "value"}`,
                     className: "p-1 flex items-center justify-center rounded text-neutral-500 hover:!text-primary-600 hover:bg-neutral-100 dark:text-primary-400 dark:hover:!text-primary-600 dark:hover:bg-neutral-800 cursor-pointer",
                     children: /* @__PURE__ */ i("span", { className: "relative inline-flex h-4 w-4 items-center justify-center", children: [
-                      /* @__PURE__ */ t(
-                        Ae,
+                      /* @__PURE__ */ r(
+                        Je,
                         {
                           size: 16,
-                          className: d(
+                          className: p(
                             "absolute inset-0 text-primary-600 dark:text-primary-500 transition-all duration-200 ease-out",
                             x ? "opacity-0 scale-50 rotate-[-90deg]" : "opacity-100 scale-100 rotate-0"
                           )
                         }
                       ),
-                      /* @__PURE__ */ t(
-                        Ke,
+                      /* @__PURE__ */ r(
+                        Qe,
                         {
                           size: 16,
-                          className: d(
+                          className: p(
                             "absolute inset-0 text-primary-600 dark:text-primary-500 transition-all duration-200 ease-out",
                             x ? "opacity-100 scale-100 rotate-0" : "opacity-0 scale-50 rotate-90"
                           )
@@ -284,55 +298,55 @@ const Pe = Ne(
             }
           ),
           /* @__PURE__ */ i(
-            L,
+            E,
             {
               variant: "medium",
-              size: A(),
-              className: d(
+              size: G(),
+              className: p(
                 "text-- whitespace-normal break-all flex gap-1 pt-0.5",
-                J && "bg-neutral-50 dark:bg-black-700 p-1 rounded",
-                D && f?.color && `bg-${f.color}-50 border-${f.color}-300 px-0.5 rounded-lg`
+                v && "bg-neutral-50 dark:bg-black-700 p-1 rounded",
+                A && u?.color && `bg-${u.color}-50 border-${u.color}-300 px-0.5 rounded-lg`
               ),
               appearance: "body",
               children: [
-                $ && n && e ? /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ t("span", { className: "line-through", children: m(n) }),
-                  /* @__PURE__ */ t("span", { children: b() })
-                ] }) : Q || X ? /* @__PURE__ */ t("mark", { className: d("rounded-md py-0.5 px-1", xe()), children: b() }) : b(),
-                o?.toLowerCase() === "currency" && p !== 0 && p !== void 0 && p !== null && /* @__PURE__ */ i(
-                  _e.span,
+                M && n && e ? /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ r("span", { className: "line-through", children: d(n) }),
+                  /* @__PURE__ */ r("span", { children: C() })
+                ] }) : V || ee ? /* @__PURE__ */ r("mark", { className: p("rounded-md py-0.5 px-1", ke()), children: C() }) : C(),
+                o?.toLowerCase() === "currency" && f !== 0 && f !== void 0 && f !== null && /* @__PURE__ */ i(
+                  je.span,
                   {
                     initial: { opacity: 0, y: 2 },
                     animate: { opacity: 1, y: 0 },
                     transition: { duration: 0.25 },
-                    className: d(
+                    className: p(
                       "inline-flex items-center gap-1 ml-1.5 text-xs font-medium",
-                      p > 0 ? "text-emerald-600 dark:text-emerald-400" : "text-red-600 dark:text-red-400"
+                      f > 0 ? "text-emerald-600 dark:text-emerald-400" : "text-red-600 dark:text-red-400"
                     ),
                     children: [
-                      /* @__PURE__ */ t("span", { className: "flex items-center justify-center w-4 h-4", children: p > 0 ? /* @__PURE__ */ t(Ee, { sx: { fontSize: 16 }, className: "text-emerald-600 dark:text-emerald-400" }) : /* @__PURE__ */ t(je, { sx: { fontSize: 16 }, className: "text-red-600 dark:text-red-400" }) }),
-                      /* @__PURE__ */ t("span", { children: I(Math.abs(p), s?.currency_code || "USD") })
+                      /* @__PURE__ */ r("span", { className: "flex items-center justify-center w-4 h-4", children: f > 0 ? /* @__PURE__ */ r(Ue, { sx: { fontSize: 16 }, className: "text-emerald-600 dark:text-emerald-400" }) : /* @__PURE__ */ r(Be, { sx: { fontSize: 16 }, className: "text-red-600 dark:text-red-400" }) }),
+                      /* @__PURE__ */ r("span", { children: _(Math.abs(f), s?.currency_code || "USD") })
                     ]
                   }
                 ),
-                s?.is_master_data && s?.reference && e && /* @__PURE__ */ t(
+                s?.is_master_data && s?.reference && e && /* @__PURE__ */ r(
                   "button",
                   {
-                    onClick: () => U(s),
-                    onKeyDown: (r) => {
-                      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), U(s));
+                    onClick: () => K(s),
+                    onKeyDown: (t) => {
+                      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), K(s));
                     },
                     "aria-label": `Search master data for ${l}`,
                     type: "button",
                     className: "cursor-pointer",
-                    children: /* @__PURE__ */ t(Ie, { width: 20, height: 20 })
+                    children: /* @__PURE__ */ r(De, { width: 20, height: 20 })
                   }
                 ),
-                se && /* @__PURE__ */ t(
+                le && /* @__PURE__ */ r(
                   "input",
                   {
                     type: "file",
-                    onChange: ye,
+                    onChange: Te,
                     className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer",
                     "aria-label": `Upload file for ${l}`
                   }
@@ -340,49 +354,49 @@ const Pe = Ne(
               ]
             }
           ),
-          n && !$ && /* @__PURE__ */ t(
-            L,
+          n && !M && /* @__PURE__ */ r(
+            E,
             {
               variant: "medium",
               size: "extra-small",
               className: "pt-0.5",
               appearance: "body",
-              children: /* @__PURE__ */ t("mark", { className: "rounded-md py-0.5 px-1 bg-error-100", children: /* @__PURE__ */ t("del", { children: n || o?.toLowerCase() === "boolean" && n === "0" ? n === "True" && o?.toLowerCase() !== "choice" ? "Yes" : n === "False" && o?.toLowerCase() !== "choice" ? "No" : o?.toLowerCase() === "boolean" ? K(n) : o?.toLowerCase() === "currency" ? I(n, s?.currency_code) : o?.toLowerCase() === "date" ? C(n, {
+              children: /* @__PURE__ */ r("mark", { className: "rounded-md py-0.5 px-1 bg-error-100", children: /* @__PURE__ */ r("del", { children: n || o?.toLowerCase() === "boolean" && n === "0" ? n === "True" && o?.toLowerCase() !== "choice" ? "Yes" : n === "False" && o?.toLowerCase() !== "choice" ? "No" : o?.toLowerCase() === "boolean" ? q(n) : o?.toLowerCase() === "currency" ? _(n, s?.currency_code) : o?.toLowerCase() === "date" ? N(n, {
                 skipTimezone: !0,
                 withTime: !1
-              }) : o?.toLowerCase() === "datetime" ? C(n, {
+              }) : o?.toLowerCase() === "datetime" ? N(n, {
                 skipTimezone: !0,
                 withTime: !0
-              }) : o?.toLowerCase() === "percentage" ? `${n}%` : o?.toLowerCase() === "url" ? F(n) : n.length > u ? /* @__PURE__ */ i("p", { children: [
-                m(n).slice(0, c ? u : m(n).length),
+              }) : o?.toLowerCase() === "percentage" ? `${n}%` : o?.toLowerCase() === "url" ? F(n) : n.length > h ? /* @__PURE__ */ i("p", { children: [
+                d(n).slice(0, c ? h : d(n).length),
                 c ? "... " : " ",
-                S()
-              ] }) : m(n) : "-" }) })
+                I()
+              ] }) : d(n) : "-" }) })
             }
           ),
-          _ && /* @__PURE__ */ t(
-            _,
+          $ && /* @__PURE__ */ r(
+            $,
             {
-              isVisible: ue,
-              onClose: ge,
-              masterdataInfo: he
+              isVisible: we,
+              onClose: Ce,
+              masterdataInfo: be
             }
           ),
-          Z && f && D && /* @__PURE__ */ t(
+          H && u && A && /* @__PURE__ */ r(
             "div",
             {
               className: "absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",
-              onClick: (r) => r.stopPropagation(),
-              onMouseDown: (r) => r.preventDefault(),
-              onKeyDown: (r) => {
-                r.key === "Escape" && k(!1);
+              onClick: (t) => t.stopPropagation(),
+              onMouseDown: (t) => t.preventDefault(),
+              onKeyDown: (t) => {
+                t.key === "Escape" && S(!1);
               },
               role: "tooltip",
               "aria-label": "Risk analysis details",
               tabIndex: 0,
-              children: E ? /* @__PURE__ */ t(E, { riskDetails: f }) : /* @__PURE__ */ t("div", { className: "shadow-lg p-4", children: /* @__PURE__ */ i("div", { className: "text-sm", children: [
-                /* @__PURE__ */ t("h4", { className: "font-semibold mb-2", children: "Risk Details" }),
-                /* @__PURE__ */ t("p", { className: "text-neutral-600 dark:text-neutral-300", children: f.description || "Risk analysis information" })
+              children: j ? /* @__PURE__ */ r(j, { riskDetails: u }) : /* @__PURE__ */ r("div", { className: "shadow-lg p-4", children: /* @__PURE__ */ i("div", { className: "text-sm", children: [
+                /* @__PURE__ */ r("h4", { className: "font-semibold mb-2", children: "Risk Details" }),
+                /* @__PURE__ */ r("p", { className: "text-neutral-600 dark:text-neutral-300", children: u.description || "Risk analysis information" })
               ] }) })
             }
           )
@@ -391,8 +405,8 @@ const Pe = Ne(
     );
   }
 );
-Pe.displayName = "LabelValue";
+Xe.displayName = "LabelValue";
 export {
-  Pe as LabelValue
+  Xe as LabelValue
 };
 //# sourceMappingURL=LabelValue.es.js.map