@lax-wp/design-system 0.13.34 → 0.13.36

package/dist/components/forms/date-time-field/DateTimeField.es.js

@@ -1,11 +1,11 @@
 import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { DatePicker as ue, Tooltip as Le } from "antd";
+import { DatePicker as de, Tooltip as Le } from "antd";
 import B from "../../../_virtual/index.es.js";
 import { useTranslation as Ne } from "react-i18next";
 import l from "dayjs";
-import Oe from "dayjs/plugin/customParseFormat";
-import Pe from "dayjs/plugin/localeData";
-import Re from "dayjs/plugin/utc";
+import Re from "dayjs/plugin/customParseFormat";
+import Oe from "dayjs/plugin/localeData";
+import Pe from "dayjs/plugin/utc";
 import _e from "dayjs/plugin/weekday";
 import { forwardRef as $e, useState as V, useRef as X, useCallback as Y, useEffect as A } from "react";
 import { Typography as we } from "../../data-display/typography/Typography.es.js";
@@ -13,17 +13,17 @@ import { Label as qe } from "../../data-display/label/Label.es.js";
 import { AIExtractedIndicator as Ke } from "../../icons/AIExtractedIndicator.es.js";
 import { AIStarIcon as Te } from "../../icons/AIStarIcon.es.js";
 import { HelpIcon as Ue } from "../../icons/HelpIcon.es.js";
-import de from "../../tooltip/Tooltip.es.js";
+import fe from "../../tooltip/Tooltip.es.js";
 import { BoltOutlined as Ze, NoteAddOutlined as je } from "@mui/icons-material";
-import { InputLabel as We } from "../shared/InputLabel.es.js";
-import { shouldShowConfidenceScore as fe, getConfidenceScoreBadgeFill as ze, getConfidenceScoreBadgeColor as Xe, getConfidenceScoreBadgeTextColor as Je, getConfidenceScoreBadgeClass as Qe } from "../../../utils/confidenceScoreUtils.es.js";
+import { InputLabel as ze } from "../shared/InputLabel.es.js";
+import { shouldShowConfidenceScore as Ye, getConfidenceScoreBadgeFill as We, getConfidenceScoreBadgeColor as Xe, getConfidenceScoreBadgeTextColor as Je, getConfidenceScoreBadgeClass as Qe } from "../../../utils/confidenceScoreUtils.es.js";
+l.extend(Pe);
 l.extend(Re);
-l.extend(Oe);
 l.extend(_e);
-l.extend(Pe);
-const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YYYY-MM-DDTHH:mm:ss", De = {
+l.extend(Oe);
+const Ge = "MM/DD/YYYY", W = "MM/DD/YYYY - hh:mm A", pe = "YYYY-MM-DD", De = "YYYY-MM-DDTHH:mm:ss", Me = {
   ENTER: "Enter"
-}, he = [
+}, Ee = [
   "MM/DD/YYYY",
   "M/DD/YYYY",
   "MM/D/YYYY",
@@ -60,12 +60,12 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
   "M/DD/YY HH:mm",
   "MM/D/YY HH:mm",
   "M/D/YY HH:mm",
-  ...he,
+  ...Ee,
   "YYYY-MM-DDTHH:mm:ss.SSSZ",
   "YYYY-MM-DDTHH:mm:ssZ"
 ], tt = () => Math.random().toString(36).substring(2, 9), F = (c, m = !1) => {
   if (!c) return null;
-  const d = m ? et : he;
+  const d = m ? et : Ee;
   for (const p of d) {
     const b = l(c, p, !0);
     if (b.isValid())
@@ -73,7 +73,7 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
   }
   const u = l(c);
   return u.isValid() ? u : null;
-}, Me = (c, m) => {
+}, he = (c, m) => {
   const d = X(m);
   A(() => {
     d.current = m;
@@ -94,44 +94,44 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
     errorMessage: D,
     handleOnChange: M,
     showTime: o = !0,
-    tags: Ee,
-    needConfirm: ge = !1,
-    simpleMode: be,
-    originalCase: ve = !1,
+    tags: ge,
+    needConfirm: be = !1,
+    simpleMode: ve,
+    originalCase: ye = !1,
     dateFormat: J = void 0,
     tooltip: Q,
-    isAiExtracted: ye = !1,
+    isAiExtracted: Se = !1,
     confidenceScore: L,
     confidenceType: v = "high",
     confidenceTooltip: N,
-    sourceMeta: Se = [],
-    onConfidenceScoreClick: Fe,
-    isGTN: O = !1,
+    sourceMeta: Fe = [],
+    onConfidenceScoreClick: Ae,
+    isGTN: R = !1,
     gtnName: G = null,
-    shouldPopOnParent: Ae = !1,
+    shouldPopOnParent: ee = !1,
     allowTimezoneConversion: h = !0,
     inputStyle: xe,
-    labelClassName: ke,
-    isLiveField: He = !1,
-    labelExtra: ee,
-    inputEmphasis: P = "default",
+    labelClassName: Ie,
+    isLiveField: ke = !1,
+    labelExtra: te,
+    inputEmphasis: O = "default",
     riskDetails: E,
-    isRiskAnalysisOpen: R = !1,
-    RiskDetailsCard: te,
+    isRiskAnalysisOpen: P = !1,
+    RiskDetailsCard: re,
     onAddGTNToDocument: x,
     formatDateForGTN: _,
     ...$
-  }, Ie) => {
-    const { t: Ce } = Ne(), w = !!(R && E?.color), re = P === "modified" && !D && !w, ne = P === "deleted" && !D && !w, oe = P === "success" && !D && !w, [k, q] = V(!1), [le, g] = V(null), [ae, K] = V(
+  }, He) => {
+    const { t: Ce } = Ne(), w = !!(P && E?.color), ne = O === "modified" && !D && !w, oe = O === "deleted" && !D && !w, le = O === "success" && !D && !w, [I, q] = V(!1), [ae, g] = V(null), [se, K] = V(
       null
-    ), [H, se] = V(!1), s = J || (o ? z : Ge), a = $?.id || `date-picker-${tt()}`, y = X(null), I = X(!1);
-    Me("paste", (e) => {
+    ), [k, ie] = V(!1), s = J || (o ? W : Ge), a = $?.id || `date-picker-${tt()}`, y = X(null), H = X(!1);
+    he("paste", (e) => {
       document.activeElement?.id === a && (e.preventDefault(), navigator.clipboard.readText().then((t) => {
         const r = F(t, o);
         r && T(r);
       }));
-    }), Me("keydown", (e) => {
-      if (e.key === De.ENTER && document.activeElement instanceof HTMLInputElement && document.activeElement.id === a) {
+    }), he("keydown", (e) => {
+      if (e.key === Me.ENTER && document.activeElement instanceof HTMLInputElement && document.activeElement.id === a) {
         const t = F(document?.activeElement?.value, o);
         t && T(t);
       }
@@ -163,7 +163,7 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
     }, []), S = Y(
       (e) => {
         if (!h) {
-          const t = o ? pe : Ye;
+          const t = o ? De : pe;
           if (M(e ? e.format(t) : null), e) {
             const r = document.getElementById(a);
             if (r) {
@@ -203,7 +203,7 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
           M(null);
       },
       [h, M, o, a, s]
-    ), ie = Y(
+    ), ce = Y(
       (e) => {
         if (!e) return null;
         if (!h)
@@ -232,7 +232,7 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
       (e) => {
         if (e?.isValid() || e === null) {
           g(e);
-          const t = o ? pe : Ye, r = h ? e?.toISOString() : e ? e.format(t) : "";
+          const t = o ? De : pe, r = h ? e?.toISOString() : e ? e.format(t) : "";
           if (M(r || null), e?.isValid()) {
             const i = document.getElementById(a);
             if (i) {
@@ -253,10 +253,10 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
       [h, s, M, a, o]
     );
     A(() => {
-      g(ie(m));
-    }, [m, ie]), A(() => {
-      ae && K(null);
-    }, [ae]), A(() => {
+      g(ce(m));
+    }, [m, ce]), A(() => {
+      se && K(null);
+    }, [se]), A(() => {
       const e = document.getElementById(a);
       if (!e) return;
       const t = (r) => {
@@ -276,8 +276,8 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
             setTimeout(() => {
               document.querySelectorAll(
                 ".ant-picker-dropdown:not(.ant-picker-dropdown-hidden)"
-              ).forEach((W) => {
-                W instanceof HTMLElement && (W.style.display = "none", W.classList.add("ant-picker-dropdown-hidden"));
+              ).forEach((z) => {
+                z instanceof HTMLElement && (z.style.display = "none", z.classList.add("ant-picker-dropdown-hidden"));
               });
             }, 50);
           }, 50));
@@ -293,8 +293,8 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
         );
       };
     }, [a, s, S, o]);
-    const ce = Y((e) => {
-      if (e.key === De.ENTER && !H) {
+    const me = Y((e) => {
+      if (e.key === Me.ENTER && !k) {
         e.preventDefault(), e.stopPropagation();
         const t = e.target.closest("form");
         if (t) {
@@ -302,26 +302,26 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
           r ? r.click() : t.requestSubmit();
         }
       }
-    }, [H]), me = Y((e) => {
-      if (e && I.current) {
-        I.current = !1, se(!1);
+    }, [k]), ue = Y((e) => {
+      if (e && H.current) {
+        H.current = !1, ie(!1);
         return;
       }
-      se(e), e || (I.current = !0, requestAnimationFrame(() => {
+      ie(e), e || (H.current = !0, requestAnimationFrame(() => {
         y.current?.focus(), requestAnimationFrame(() => {
-          I.current = !1;
+          H.current = !1;
         });
       }));
     }, []);
-    return be ? /* @__PURE__ */ n("div", { onKeyDownCapture: ce, children: /* @__PURE__ */ n(
-      ue,
+    return ve ? /* @__PURE__ */ n("div", { onKeyDownCapture: me, children: /* @__PURE__ */ n(
+      de,
       {
         ...$,
         showTime: o,
-        open: H,
+        open: k,
         format: s,
-        placeholder: s === z ? "MM/DD/YYYY hh:mm" : s,
-        value: le,
+        placeholder: s === W ? "MM/DD/YYYY hh:mm" : s,
+        value: ae,
         needConfirm: !1,
         onChange: (e) => {
           g(e), S(e), K(e?.toISOString() || null);
@@ -329,7 +329,7 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
         className: b,
         showNow: !1,
         onFocus: Ve,
-        onOpenChange: me,
+        onOpenChange: ue,
         onBlur: (e) => {
           const t = e.target.value;
           if (t) {
@@ -339,29 +339,31 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
         },
         ref: y,
         disabled: p,
-        id: a
+        id: a,
+        getPopupContainer: ee ? (e) => e.parentElement : () => document.body,
+        styles: { popup: { root: { zIndex: 9999 } } }
       }
     ) }) : /* @__PURE__ */ f(
       "div",
       {
-        ref: Ie,
+        ref: He,
         className: B(
           "flex gap-0.5 relative",
-          k && O ? "border rounded-lg border-primary-100 bg-primary-50 p-1" : ""
+          I && R ? "border rounded-lg border-primary-100 bg-primary-50 p-1" : ""
         ),
         onMouseEnter: () => q(!0),
         onMouseLeave: () => q(!1),
         children: [
-          O && !k ? /* @__PURE__ */ n("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
-          /* @__PURE__ */ f("div", { className: `w-full flex flex-col font-inter ${b || ""}`, onKeyDownCapture: ce, children: [
-            c || ee ? /* @__PURE__ */ n(
+          R && !I ? /* @__PURE__ */ n("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
+          /* @__PURE__ */ f("div", { className: `w-full flex flex-col font-inter ${b || ""}`, onKeyDownCapture: me, children: [
+            c || te ? /* @__PURE__ */ n(
               "label",
               {
-                className: `mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${ve ? "" : "capitalize"} ${ke || ""}`,
+                className: `mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${ye ? "" : "capitalize"} ${Ie || ""}`,
                 children: /* @__PURE__ */ f("div", { className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1", children: [
                   /* @__PURE__ */ f("div", { className: "inline-flex min-w-0 items-center gap-1 flex-wrap", children: [
-                    (c || d || u) && /* @__PURE__ */ n(We, { label: c || "", required: d || !1, isRequiredConditional: u || !1 }),
-                    He && /* @__PURE__ */ n(
+                    (c || d || u) && /* @__PURE__ */ n(ze, { label: c || "", required: d || !1, isRequiredConditional: u || !1 }),
+                    ke && /* @__PURE__ */ n(
                       Ze,
                       {
                         sx: {
@@ -371,14 +373,14 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
                         }
                       }
                     ),
-                    ye && !fe(L) && /* @__PURE__ */ n(Ke, {}),
-                    /* @__PURE__ */ n(qe, { labels: Ee }),
-                    Q && /* @__PURE__ */ n(de, { placement: "top", title: Q, children: /* @__PURE__ */ n("div", { className: "cursor-pointer", children: /* @__PURE__ */ n(Ue, { className: "w-icon-sm h-icon-sm" }) }) }),
-                    ee
+                    Se && !Ye(L) && /* @__PURE__ */ n(Ke, {}),
+                    /* @__PURE__ */ n(qe, { labels: ge }),
+                    Q && /* @__PURE__ */ n(fe, { placement: "top", title: Q, children: /* @__PURE__ */ n("div", { className: "cursor-pointer", children: /* @__PURE__ */ n(Ue, { className: "w-icon-sm h-icon-sm" }) }) }),
+                    te
                   ] }),
                   /* @__PURE__ */ f("div", { className: "flex items-center gap-1 justify-self-end", children: [
-                    fe(L) && v ? /* @__PURE__ */ n(
-                      de,
+                    Ye(L) && v ? /* @__PURE__ */ n(
+                      fe,
                       {
                         placement: "top-end",
                         title: N ?? "",
@@ -391,14 +393,14 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
                               "inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",
                               Qe(v)
                             ),
-                            onClick: () => Fe?.(Se),
+                            onClick: () => Ae?.(Fe),
                             children: [
                               /* @__PURE__ */ n(
                                 Te,
                                 {
                                   size: 12,
                                   fill: Xe(v),
-                                  fillSecondary: ze(v)
+                                  fillSecondary: We(v)
                                 }
                               ),
                               /* @__PURE__ */ f("span", { className: B("text-xs font-medium leading-4", Je(v)), children: [
@@ -410,7 +412,7 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
                         )
                       }
                     ) : null,
-                    O && k && x ? /* @__PURE__ */ n(
+                    R && I && x ? /* @__PURE__ */ n(
                       "button",
                       {
                         id: "btn-date-field-add-to-document",
@@ -433,43 +435,46 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
               }
             ) : null,
             /* @__PURE__ */ n(
-              ue,
+              de,
               {
                 ...$,
                 showTime: o ? { use12Hours: !0 } : !1,
-                open: H,
+                open: k,
                 format: s,
-                placeholder: s === z ? "MM/DD/YYYY - HH:MM" : s,
+                placeholder: s === W ? "MM/DD/YYYY - HH:MM" : s,
                 className: B(
                   "w-full h-8 text-sm font-medium dark:text-black-300",
                   D && "border-red-400",
-                  R && E?.color && `bg-${E.color}-50 border-${E.color}-300`,
-                  ne && "!border-[var(--Error-200,#FECACA)] !bg-[var(--Error-50,#FEF2F2)] !text-[#475467]",
-                  re && "!border-[var(--Warning-200,#FEDF89)] !bg-[var(--Warning-50,#FFFAEB)]",
-                  oe && "!border-[var(--Success-200,#BBF7D0)] !bg-[var(--Success-50,#F0FDF4)] !text-[#101828]"
+                  P && E?.color && `bg-${E.color}-50 border-${E.color}-300`,
+                  oe && "!border-[var(--Error-200,#FECACA)] !bg-[var(--Error-50,#FEF2F2)] !text-[#475467]",
+                  ne && "!border-[var(--Warning-200,#FEDF89)] !bg-[var(--Warning-50,#FFFAEB)]",
+                  le && "!border-[var(--Success-200,#BBF7D0)] !bg-[var(--Success-50,#F0FDF4)] !text-[#101828]"
                 ),
                 styles: {
                   root: {
                     ...xe,
                     borderRadius: "7px",
-                    ...ne && {
+                    ...oe && {
                       borderColor: "var(--Error-200, #FECACA)",
                       backgroundColor: "var(--Error-50, #FEF2F2)",
                       color: "#475467"
                     },
-                    ...re && {
+                    ...ne && {
                       borderColor: "var(--Warning-200, #FEDF89)",
                       backgroundColor: "var(--Warning-50, #FFFAEB)"
                     },
-                    ...oe && {
+                    ...le && {
                       borderColor: "var(--Success-200, #BBF7D0)",
                       backgroundColor: "var(--Success-50, #F0FDF4)",
                       color: "#101828"
                     }
+                  },
+                  popup: {
+                    root: { zIndex: 9999 }
                   }
                 },
                 showNow: !1,
-                value: le,
+                value: ae,
                 onChange: (e) => {
                   g(e), S(e), K(e?.toISOString() || null);
                 },
@@ -480,12 +485,12 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
                     r && (g(r), S(r));
                   }
                 },
-                needConfirm: ge,
+                needConfirm: be,
                 ref: y,
                 disabled: p,
                 inputReadOnly: !1,
-                onOpenChange: me,
-                getPopupContainer: Ae ? (e) => e.parentElement : () => document.body,
+                onOpenChange: ue,
+                getPopupContainer: ee ? (e) => e.parentElement : () => document.body,
                 id: a,
                 autoComplete: "off"
               }
@@ -501,7 +506,7 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
               }
             )
           ] }),
-          k && E && R && te && /* @__PURE__ */ n(
+          I && E && P && re && /* @__PURE__ */ n(
             "div",
             {
               role: "tooltip",
@@ -512,7 +517,7 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
               onKeyDown: (e) => {
                 e.key === "Escape" && q(!1);
               },
-              children: /* @__PURE__ */ n(te, { riskDetails: E })
+              children: /* @__PURE__ */ n(re, { riskDetails: E })
             }
           )
         ]
@@ -523,7 +528,7 @@ const Ge = "MM/DD/YYYY", z = "MM/DD/YYYY - hh:mm A", Ye = "YYYY-MM-DD", pe = "YY
 rt.displayName = "DateTimeField";
 export {
   rt as DateTimeField,
-  z as UNIVERSAL_DATETIME_FORMAT,
+  W as UNIVERSAL_DATETIME_FORMAT,
   Ge as UNIVERSAL_DATE_FORMAT
 };
 //# sourceMappingURL=DateTimeField.es.js.map