@lax-wp/design-system 0.13.33-beta.2 → 0.13.33-beta.4

package/dist/components/data-display/infinite-table/body/cell/DataCell.es.js

@@ -1,26 +1,25 @@
-import { jsxs as $, jsx as t, Fragment as Fe } from "react/jsx-runtime";
-import { useTheme as Ke } from "../../../../../hooks/useTheme.es.js";
-import { formatDate as B, formatCurrency as ie } from "../../../../../utils/formatters.es.js";
-import { getTableRowBgClassNamesByStatus as je } from "../../../../../constants/table.es.js";
-import { useTableConfig as We } from "../../../../../providers/design-system-provider/hooks.es.js";
-import H from "../../../../tooltip/Tooltip.es.js";
-import { Typography as Ue } from "../../../typography/Typography.es.js";
-import { OpenInNewRounded as Ye } from "@mui/icons-material";
+import { jsxs as M, jsx as t, Fragment as Fe } from "react/jsx-runtime";
+import { useTheme as Ie } from "../../../../../hooks/useTheme.es.js";
+import { formatDate as Y, formatCurrency as se } from "../../../../../utils/formatters.es.js";
+import { getTableRowBgClassNamesByStatus as Ke } from "../../../../../constants/table.es.js";
+import { useTableConfig as Ae } from "../../../../../providers/design-system-provider/hooks.es.js";
+import q from "../../../../tooltip/Tooltip.es.js";
+import { Typography as We } from "../../../typography/Typography.es.js";
+import { OpenInNewRounded as Ue } from "@mui/icons-material";
 import x from "../../../../../_virtual/index.es.js";
-import C, { useContext as Be, useCallback as M, useState as D, useRef as G, useEffect as b } from "react";
-import { Link as He } from "react-router-dom";
-import { TableContext as Ge } from "../../context.es.js";
-import { InlineEditField as Xe } from "./InlineEditField.es.js";
-import { CELL_DEFAULT_RIGHT_OFFSET as qe, CELL_INDENT_PER_LEVEL_PX as X, CELL_STICKY_SHADOW_DARK as Je, CELL_STICKY_SHADOW_LIGHT as Qe } from "../../constants.es.js";
-import { LoadingSpinnerIcon as q, KeyboardArrowDownIcon as Ze, KeyboardArrowRightFilledIcon as Pe, LinkIcon as Ee } from "../../../../icon/icons.generated.es.js";
-let J;
-const ue = (e) => {
+import g, { useContext as Be, useCallback as L, useState as D, useRef as G, useEffect as y } from "react";
+import { Link as Ye } from "react-router-dom";
+import { TableContext as qe } from "../../context.es.js";
+import { InlineEditField as Ge } from "./InlineEditField.es.js";
+import { LoadingSpinnerIcon as J, KeyboardArrowDownIcon as Je, KeyboardArrowRightFilledIcon as Qe, LinkIcon as Xe } from "../../../../icon/icons.generated.es.js";
+let Q;
+const ie = (e) => {
   const o = Number(e);
   if (Number.isNaN(o) || e === null || e === void 0)
     return "0ms";
   if (o >= 864e5) {
-    const p = Math.floor(o / 864e5), m = Math.floor(o % 864e5 / 36e5), i = Math.floor(o % 36e5 / 6e4), h = Math.floor(o % 6e4 / 1e3);
-    return `${p}d ${m}h ${i}m ${h}s`;
+    const p = Math.floor(o / 864e5), m = Math.floor(o % 864e5 / 36e5), i = Math.floor(o % 36e5 / 6e4), w = Math.floor(o % 6e4 / 1e3);
+    return `${p}d ${m}h ${i}m ${w}s`;
   }
   if (o >= 36e5) {
     const p = Math.floor(o / 36e5), m = Math.floor(o % 36e5 / 6e4), i = Math.floor(o % 6e4 / 1e3);
@@ -31,121 +30,121 @@ const ue = (e) => {
     return `${p}m ${m}s`;
   }
   return o >= 1e3 ? `${(o / 1e3).toFixed(2)}s` : `${o}ms`;
-}, eo = ({ children: e, withLink: o, linkTo: p, rowData: m, disableRowClick: i }) => o && !i ? /* @__PURE__ */ t(He, { to: p?.(m?.id, m) || "", children: e }) : e, oo = ({
+}, Ze = ({ children: e, withLink: o, linkTo: p, rowData: m, disableRowClick: i }) => o && !i ? /* @__PURE__ */ t(Ye, { to: p?.(m?.id, m) || "", children: e }) : e, He = ({
   cell: e,
   id: o,
   nextWidthSum: p,
   isLastCell: m,
   rowHovering: i,
-  index: h,
-  isFirstStickyCell: le,
-  handleCellClick: ce,
+  index: w,
+  isFirstStickyCell: ue,
+  handleCellClick: le,
   currentData: v,
   highlightSubstring: S,
-  is_read: me,
-  is_modified: de,
-  is_row_modified: fe,
-  is_deleted: I,
-  is_added: z,
-  level: y,
+  is_read: ce,
+  is_modified: me,
+  is_row_modified: de,
+  is_deleted: z,
+  is_added: j,
+  level: b,
   inlineEditing: k,
   isInlineEditing: d,
   setRowHovering: O,
-  handleCellValueChange: pe,
-  cellRef: we,
+  handleCellValueChange: fe,
+  cellRef: pe,
   handleUpdateCellData: he,
-  registerValidation: ye,
+  registerValidation: we,
   loadingExpand: be,
-  toggleRowExpand: Q,
-  isDraggingOver: ve,
+  toggleRowExpand: X,
+  isDraggingOver: ye,
   isLoading: V,
   is_incomplete: Z,
   pendingEdit: a,
   hasPendingEdit: u,
-  pendingValidationError: ke
+  pendingValidationError: ve
 }) => {
   const {
-    cascadingTableConfig: P,
-    originalsOnly: xe,
-    maxLevel: Te,
-    showNewItem: Ce,
+    cascadingTableConfig: H,
+    originalsOnly: ke,
+    maxLevel: xe,
+    showNewItem: Te,
     expandedRows: ge,
     rowLinkConfig: R,
-    multiSelectConfig: _e,
-    cellEditing: A,
-    cellEditingValue: F,
-    allowInlineEdit: E,
+    multiSelectConfig: Ce,
+    cellEditing: F,
+    cellEditingValue: I,
+    allowInlineEdit: P,
     fieldOperationLoading: Ne,
-    pendingEdits: Le
-  } = Be(Ge), $e = We(), K = (e?.column?.key ? e?.row?.original?.__cellMetadata?.[e.column.key] : void 0)?.is_locked ?? e?.column?.is_locked, j = (e?.column?.key ? Le?.[o]?.[e.column.key]?.validationError : null) || ke || null, ee = k === e.column.key && e?.column?.canEdit && !K && !e?.column?.is_disabled, Me = Ne === `${o}-${e?.column?.id}`, { theme: De } = Ke(), Se = De === "dark", Oe = M(() => O(o), [O, o]), Ve = M(() => O(null), [O]), g = $e?.formatDuration, [n, f] = D(
-    e?.column?.dataType === "duration" && e?.value ? g ? g(e.value) : ue(e.value) : e.value
-  ), [w, oe] = D(null), [W, Ie] = D(!1), [ze, te] = D(!1), [Re, re] = D(!1), _ = G(null), N = G(), L = G(), { selectedColumnIds: ae = [] } = _e || {}, ne = !Object.prototype.hasOwnProperty.call(e?.column?.meta ?? {}, "shouldHighlight") || e?.column?.meta?.shouldHighlight, se = M(() => {
-    _.current && Ie(_.current.scrollWidth > _.current.clientWidth);
-  }, []), U = M((r) => {
-    N.current && clearTimeout(N.current), r ? te(!0) : N.current = setTimeout(() => te(!1), 200);
-  }, []), Y = M((r) => {
-    L.current && clearTimeout(L.current), r ? re(!0) : L.current = setTimeout(() => re(!1), 200);
+    pendingEdits: _e
+  } = Be(qe), $e = Ae(), K = (e?.column?.key ? e?.row?.original?.__cellMetadata?.[e.column.key] : void 0)?.is_locked ?? e?.column?.is_locked, A = (e?.column?.key ? _e?.[o]?.[e.column.key]?.validationError : null) || ve || null, E = k === e.column.key && e?.column?.canEdit && !K && !e?.column?.is_disabled, Me = Ne === `${o}-${e?.column?.id}`, { theme: Le } = Ie(), De = Le === "dark", Se = L(() => O(o), [O, o]), Oe = L(() => O(null), [O]), C = $e?.formatDuration, [n, f] = D(
+    e?.column?.dataType === "duration" && e?.value ? C ? C(e.value) : ie(e.value) : e.value
+  ), [h, ee] = D(null), [W, Ve] = D(!1), [ze, oe] = D(!1), [je, te] = D(!1), N = G(null), _ = G(), $ = G(), { selectedColumnIds: re = [] } = Ce || {}, ae = !Object.prototype.hasOwnProperty.call(e?.column?.meta ?? {}, "shouldHighlight") || e?.column?.meta?.shouldHighlight, ne = L(() => {
+    N.current && Ve(N.current.scrollWidth > N.current.clientWidth);
+  }, []), U = L((r) => {
+    _.current && clearTimeout(_.current), r ? oe(!0) : _.current = setTimeout(() => oe(!1), 200);
+  }, []), B = L((r) => {
+    $.current && clearTimeout($.current), r ? te(!0) : $.current = setTimeout(() => te(!1), 200);
   }, []), T = x({
     "bg-amber-100 dark:bg-amber-900/30": u,
-    "bg-neutral-100 dark:bg-black-600": i === o && !d && !u && !(I || v?.is_deleted) && !(z || v?.is_added),
-    "bg-error-200 dark:bg-error-900": i === o && !d && !u && (I || v?.is_deleted),
-    "bg-success-100 dark:bg-success-800": i === o && !d && !u && (z || v?.is_added),
-    "bg-primary-50 dark:bg-black-700": !Z && !me && Ce && !V && i !== o && !d && !u,
-    "bg-warning-50 dark:bg-black-500": (Z || de || fe || v?.is_row_modified) && !V && i !== o && !d && !u,
-    "bg-error-100 dark:bg-error-975": (I || v?.is_deleted) && !V && i !== o && !d && !u,
-    "bg-success-50 dark:bg-success-900": (z || v?.is_added) && !V && i !== o && !d && !u,
-    "bg-primary-50 dark:bg-primary-900": (ve || d) && !u,
-    "bg-primary-50 dark:bg-primary-800": ae?.includes(e.column.id) && !d && !u,
-    [je[e?.row?.original?.__rowBgStatus]]: e?.row?.original?.__rowBgStatus && !d && !u
-  }), Ae = (r) => {
-    e.column?.disableRowClick || ce(r);
+    "bg-neutral-100 dark:bg-black-600": i === o && !d && !u && !(z || v?.is_deleted) && !(j || v?.is_added),
+    "bg-error-200 dark:bg-error-900": i === o && !d && !u && (z || v?.is_deleted),
+    "bg-success-100 dark:bg-success-800": i === o && !d && !u && (j || v?.is_added),
+    "bg-primary-50 dark:bg-black-700": !Z && !ce && Te && !V && i !== o && !d && !u,
+    "bg-warning-50 dark:bg-black-500": (Z || me || de || v?.is_row_modified) && !V && i !== o && !d && !u,
+    "bg-error-100 dark:bg-error-975": (z || v?.is_deleted) && !V && i !== o && !d && !u,
+    "bg-success-50 dark:bg-success-900": (j || v?.is_added) && !V && i !== o && !d && !u,
+    "bg-primary-50 dark:bg-primary-900": (ye || d) && !u,
+    "bg-primary-50 dark:bg-primary-800": re?.includes(e.column.id) && !d && !u,
+    [Ke[e?.row?.original?.__rowBgStatus]]: e?.row?.original?.__rowBgStatus && !d && !u
+  }), Re = (r) => {
+    e.column?.disableRowClick || le(r);
   };
-  b(() => (e?.row?.original?.status === "running" && e.column?.dataType === "duration" && (J = setInterval(() => {
-    const s = new Date(B(e?.row?.original?.created_at || e?.row?.original?.executed_on, { withTime: !0, format: "yyyy-MM-dd HH:mm:ss" })), c = Math.abs((/* @__PURE__ */ new Date()).getTime() - new Date(s).getTime());
-    f(g ? g(c) : ue(c));
+  y(() => (e?.row?.original?.status === "running" && e.column?.dataType === "duration" && (Q = setInterval(() => {
+    const s = new Date(Y(e?.row?.original?.created_at || e?.row?.original?.executed_on, { withTime: !0, format: "yyyy-MM-dd HH:mm:ss" })), c = Math.abs((/* @__PURE__ */ new Date()).getTime() - new Date(s).getTime());
+    f(C ? C(c) : ie(c));
   }, 500)), () => {
-    J && clearInterval(J);
-  }), [n, e.value, e?.row?.original?.created_at, e?.row?.original?.executed_on, e?.row?.original?.status, e.column?.dataType, g]), b(() => {
-    (e?.column?.tooltipCellKey || e?.column?.type?.toLowerCase() === "url") && (e?.column?.type?.toLowerCase() === "url" ? oe(e?.value) : oe(e?.row?.original?.[String(e?.column?.tooltipCellKey)]));
-  }, [e?.column?.tooltipCellKey, e?.row?.original, e?.column?.type, e?.value]), b(() => {
+    Q && clearInterval(Q);
+  }), [n, e.value, e?.row?.original?.created_at, e?.row?.original?.executed_on, e?.row?.original?.status, e.column?.dataType, C]), y(() => {
+    (e?.column?.tooltipCellKey || e?.column?.type?.toLowerCase() === "url") && (e?.column?.type?.toLowerCase() === "url" ? ee(e?.value) : ee(e?.row?.original?.[String(e?.column?.tooltipCellKey)]));
+  }, [e?.column?.tooltipCellKey, e?.row?.original, e?.column?.type, e?.value]), y(() => {
     if (e?.column?.type?.toLowerCase() === "currency")
       if (a?.value !== void 0) {
         const r = e?.row?.original?.__rawData, s = e?.column?.Header, c = a?.meta?.currency_code || r?.[s]?.currency_code || "USD";
-        f(ie(a.value, c));
+        f(se(a.value, c));
       } else {
         const r = e?.row?.original?.__rawData, s = e?.column?.Header;
-        f(ie(e?.value, r?.[s]?.currency_code || "USD"));
+        f(se(e?.value, r?.[s]?.currency_code || "USD"));
       }
-  }, [e?.value, e?.column?.type, e?.column?.Header, e?.row?.original?.__rawData, a?.value, a?.meta?.currency_code]), b(() => {
+  }, [e?.value, e?.column?.type, e?.column?.Header, e?.row?.original?.__rawData, a?.value, a?.meta?.currency_code]), y(() => {
     e?.column?.type?.toLowerCase() === "percentage" && (a?.value !== void 0 ? f(a.value?.toString() + "%" || "") : f(e?.value?.toString() + "%" || ""));
-  }, [e?.value, e?.column?.type, a?.value]), b(() => {
+  }, [e?.value, e?.column?.type, a?.value]), y(() => {
     const r = e?.column?.type?.toLowerCase() || "";
     if (["date", "datetime"].includes(r))
       if (a?.value !== void 0) {
-        const s = r === "datetime", c = B(a.value, { withTime: s, skipTimezone: !0 });
+        const s = r === "datetime", c = Y(a.value, { withTime: s, skipTimezone: !0 });
         f(c || a.value);
       } else f(e.value);
-  }, [e?.value, e?.column?.type, a?.value]), b(() => {
+  }, [e?.value, e?.column?.type, a?.value]), y(() => {
     const r = e?.column?.type?.toLowerCase() || "";
     ["currency", "percentage", "duration", "boolean", "date", "datetime"].includes(r) || (a?.value !== void 0 ? f(a.value) : e?.column?.dataType !== "duration" && f(e.value));
-  }, [e?.value, e?.column?.type, e?.column?.dataType, a?.value]), b(() => {
-    if (e?.column?.type?.toLowerCase() === "boolean" && E) {
+  }, [e?.value, e?.column?.type, e?.column?.dataType, a?.value]), y(() => {
+    if (e?.column?.type?.toLowerCase() === "boolean" && P) {
       const r = a?.value !== void 0 ? a.value : e?.value;
       f(r === !0 || r === "true" || r === "True" || r === "Yes" || r === 1 ? "Yes" : "No");
     }
-  }, [e?.value, e?.column?.type, E, a?.value]), b(() => () => {
-    N.current && clearTimeout(N.current), L.current && clearTimeout(L.current);
+  }, [e?.value, e?.column?.type, P, a?.value]), y(() => () => {
+    _.current && clearTimeout(_.current), $.current && clearTimeout($.current);
   }, []);
-  const l = C.isValidElement(n);
-  return /* @__PURE__ */ $(
+  const l = g.isValidElement(n);
+  return /* @__PURE__ */ M(
     "td",
     {
       id: e.value,
       "data-column-key": e?.column?.key,
       ...e.getCellProps(),
-      onClick: R?.isEnabled ? void 0 : Ae,
+      onClick: R?.isEnabled ? void 0 : Re,
       className: x(
-        "h-row",
+        "h-10",
         {
           "sticky left-0": e?.column?.sticky,
           relative: !e?.column?.sticky,
@@ -155,78 +154,78 @@ const ue = (e) => {
           "overflow-x-hidden overflow-y-visible": k !== e.column.key && l,
           "overflow-hidden": k !== e.column.key && !l
         },
-        j && !ee ? "outline outline-2 outline-error-500 -outline-offset-2 z-[5]" : "",
+        A && !E ? "outline outline-2 outline-error-500 -outline-offset-2 z-[5]" : "",
         `${T || "bg-white dark:bg-black-800"}`
       ),
-      style: { minWidth: `${e.column.width}px`, maxWidth: `${e.column.width}px`, right: e?.column?.sticky ? `${p}px` : qe, paddingLeft: y > 0 && h === 0 ? `${y * X}px` : void 0 },
-      onMouseEnter: Oe,
-      onMouseLeave: Ve,
+      style: { minWidth: `${e.column.width}px`, maxWidth: `${e.column.width}px`, right: e?.column?.sticky ? `${p}px` : "0px", paddingLeft: b > 0 && w === 0 ? `${b * 16}px` : void 0 },
+      onMouseEnter: Se,
+      onMouseLeave: Oe,
       children: [
-        /* @__PURE__ */ t(eo, { withLink: R?.isEnabled, linkTo: R?.linkTo || void 0, rowData: e?.row?.original, disableRowClick: e?.column?.disableRowClick, children: (Array.isArray(A) ? A.includes(`${o}-${e?.column?.id}`) : A === `${o}-${e?.column?.id}`) ? /* @__PURE__ */ $("div", { className: "h-row top-0 font-medium font-inter w-full absolute flex items-center px-4", children: [
+        /* @__PURE__ */ t(Ze, { withLink: R?.isEnabled, linkTo: R?.linkTo || void 0, rowData: e?.row?.original, disableRowClick: e?.column?.disableRowClick, children: (Array.isArray(F) ? F.includes(`${o}-${e?.column?.id}`) : F === `${o}-${e?.column?.id}`) ? /* @__PURE__ */ M("div", { className: "h-10 top-0 font-medium font-inter w-full absolute flex items-center px-4", children: [
           /* @__PURE__ */ t("span", { className: "text-neutral-400 dark:text-black-400 truncate", children: (() => {
-            const r = `${o}-${e?.column?.id}`, s = typeof F == "object" ? F?.[r] : F, c = e?.column?.type?.toLowerCase();
-            return c === "boolean" ? s === !0 || s === "true" || s === "True" ? "Yes" : "No" : (c === "date" || c === "datetime") && s ? B(s, { withTime: c === "datetime", skipTimezone: !0 }) || String(s) : s != null ? String(s) : n;
+            const r = `${o}-${e?.column?.id}`, s = typeof I == "object" ? I?.[r] : I, c = e?.column?.type?.toLowerCase();
+            return c === "boolean" ? s === !0 || s === "true" || s === "True" ? "Yes" : "No" : (c === "date" || c === "datetime") && s ? Y(s, { withTime: c === "datetime", skipTimezone: !0 }) || String(s) : s != null ? String(s) : n;
           })() }),
-          /* @__PURE__ */ t("div", { className: "ml-2 flex items-center gap-1.5", children: /* @__PURE__ */ t(q, { className: "spinner text-neutral-600 dark:text-white", size: 12 }) })
-        ] }) : k === e.column.key && e?.column?.canEdit && !K && !e?.column?.is_disabled ? /* @__PURE__ */ t("div", { className: "h-row w-full absolute top-0 left-0 flex items-center", style: { marginLeft: y > 0 && h === 0 ? `-${y * X}px` : void 0, width: y > 0 && h === 0 ? `calc(100% + ${y * X}px)` : "100%" }, children: /* @__PURE__ */ t(Xe, { cell: e, id: o, inlineEditing: k, cellRef: we, handleCellValueChange: pe, handleUpdateCellData: he, registerValidation: ye }) }) : /* @__PURE__ */ $(Fe, { children: [
-          y > 0 && h === 0 && /* @__PURE__ */ t("div", { className: "h-row border-l border-neutral-300 dark:border-black-600 ml-2" }),
+          /* @__PURE__ */ t("div", { className: "ml-2 flex items-center gap-1.5", children: /* @__PURE__ */ t(J, { className: "spinner text-neutral-600 dark:text-white", size: 12 }) })
+        ] }) : k === e.column.key && e?.column?.canEdit && !K && !e?.column?.is_disabled ? /* @__PURE__ */ t("div", { className: "h-10 w-full absolute top-0 left-0 flex items-center", style: { marginLeft: b > 0 && w === 0 ? `-${b * 16}px` : void 0, width: b > 0 && w === 0 ? `calc(100% + ${b * 16}px)` : "100%" }, children: /* @__PURE__ */ t(Ge, { cell: e, id: o, inlineEditing: k, cellRef: pe, handleCellValueChange: fe, handleUpdateCellData: he, registerValidation: we }) }) : /* @__PURE__ */ M(Fe, { children: [
+          b > 0 && w === 0 && /* @__PURE__ */ t("div", { className: "h-10 border-l border-neutral-300 dark:border-black-600 ml-2" }),
           /* @__PURE__ */ t("div", { className: "min-h-6", children: /* @__PURE__ */ t(
-            H,
+            q,
             {
-              title: w && e?.column?.type?.toLowerCase() !== "url" ? w : void 0,
-              hideTooltip: !w || e?.column?.type?.toLowerCase() === "url",
+              title: h && e?.column?.type?.toLowerCase() !== "url" ? h : void 0,
+              hideTooltip: !h || e?.column?.type?.toLowerCase() === "url",
               delayShow: !0,
               placement: "top",
-              children: /* @__PURE__ */ $(
+              children: /* @__PURE__ */ M(
                 "div",
                 {
-                  className: x(`h-row top-0 font-medium font-inter overflow-index-auto whitespace-nowrap text-ellipsis dark:text-black-200 w-full absolute flex items-center ${T || "bg-white dark:bg-black-800"}`, l ? "overflow-x-hidden overflow-y-visible" : "overflow-x-hidden", { "border border-b-0 border-t-0 border-primary-600 dark:border-blue-800": ae?.includes(e.column.id) }),
-                  style: e?.column?.sticky && le ? { boxShadow: Se ? Je : Qe } : {},
+                  className: x(`h-10 top-0 font-medium font-inter overflow-index-auto whitespace-nowrap text-ellipsis dark:text-black-200 w-full absolute flex items-center ${T || "bg-white dark:bg-black-800"}`, l ? "overflow-x-hidden overflow-y-visible" : "overflow-x-hidden", { "border border-b-0 border-t-0 border-primary-600 dark:border-blue-800": re?.includes(e.column.id) }),
+                  style: e?.column?.sticky && ue ? { boxShadow: `${De ? "-8px 0px 8px 0px rgba(255, 255, 255, 0.01)" : "-8px 0px 8px 0px rgba(0, 0, 0, 0.02)"}` } : {},
                   children: [
-                    P?.isCascading && !xe && h === 0 && /* @__PURE__ */ t("div", { className: x("w-[22px] h-row flex items-center px-4", `${T || "bg-white dark:bg-black-800"}`), id: "cascading", children: Te > y && (e?.row?.original?.__has_children || P?.showAllDropdown) && /* @__PURE__ */ t("div", { children: be ? /* @__PURE__ */ t(q, { className: "text-neutral-600 dark:text-white", size: 8 }) : /* @__PURE__ */ t("div", { children: ge?.[o]?.isOpen ? /* @__PURE__ */ t(Ze, { size: 20, className: "text-neutral-400 dark:text-neutral-400", onClick: (r) => {
-                      Q(), r.stopPropagation();
-                    } }) : /* @__PURE__ */ t(Pe, { size: 20, className: "text-neutral-400 dark:text-neutral-400", onClick: (r) => {
-                      Q(), r.stopPropagation();
+                    H?.isCascading && !ke && w === 0 && /* @__PURE__ */ t("div", { className: x("w-[22px] h-10 flex items-center px-4", `${T || "bg-white dark:bg-black-800"}`), id: "cascading", children: xe > b && (e?.row?.original?.__has_children || H?.showAllDropdown) && /* @__PURE__ */ t("div", { children: be ? /* @__PURE__ */ t(J, { className: "text-neutral-600 dark:text-white", size: 8 }) : /* @__PURE__ */ t("div", { children: ge?.[o]?.isOpen ? /* @__PURE__ */ t(Je, { size: 20, className: "text-neutral-400 dark:text-neutral-400", onClick: (r) => {
+                      X(), r.stopPropagation();
+                    } }) : /* @__PURE__ */ t(Qe, { size: 20, className: "text-neutral-400 dark:text-neutral-400", onClick: (r) => {
+                      X(), r.stopPropagation();
                     } }) }) }) }),
-                    e?.column?.type?.toLowerCase() === "url" && w ? /* @__PURE__ */ t(
-                      H,
+                    e?.column?.type?.toLowerCase() === "url" && h ? /* @__PURE__ */ t(
+                      q,
                       {
-                        title: /* @__PURE__ */ t("div", { onMouseEnter: () => U(!0), onMouseLeave: () => U(!1), children: /* @__PURE__ */ t("a", { href: w, target: "_blank", rel: "noopener noreferrer", onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ $("div", { className: "flex gap-1 items-center w-full", children: [
-                          /* @__PURE__ */ t("div", { className: "w-4 h-4", children: /* @__PURE__ */ t(Ee, { height: 16, width: 16 }) }),
-                          /* @__PURE__ */ t(Ue, { variant: "medium", size: "small", className: "truncate", appearance: "custom", children: w }),
-                          /* @__PURE__ */ t(Ye, { sx: { height: "16px", width: "16px", color: "#016DCF" } })
+                        title: /* @__PURE__ */ t("div", { onMouseEnter: () => U(!0), onMouseLeave: () => U(!1), children: /* @__PURE__ */ t("a", { href: h, target: "_blank", rel: "noopener noreferrer", onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ M("div", { className: "flex gap-1 items-center w-full", children: [
+                          /* @__PURE__ */ t("div", { className: "w-4 h-4", children: /* @__PURE__ */ t(Xe, { height: 16, width: 16 }) }),
+                          /* @__PURE__ */ t(We, { variant: "medium", size: "small", className: "truncate", appearance: "custom", children: h }),
+                          /* @__PURE__ */ t(Ue, { sx: { height: "16px", width: "16px", color: "#016DCF" } })
                         ] }) }) }),
                         placement: "top",
                         open: ze,
                         onOpenChange: U,
                         className: "block w-full min-w-0 overflow-hidden",
-                        children: /* @__PURE__ */ t("div", { className: "w-full h-full flex items-center px-4 min-w-0 overflow-hidden text-primary-400", children: /* @__PURE__ */ t("span", { ref: _, onMouseEnter: se, className: "truncate w-full", children: S && ne && !C.isValidElement(n) && typeof n != "object" ? S(n) : n }) })
+                        children: /* @__PURE__ */ t("div", { className: "w-full h-full flex items-center px-4 min-w-0 overflow-hidden text-primary-400", children: /* @__PURE__ */ t("span", { ref: N, onMouseEnter: ne, className: "truncate w-full", children: S && ae && !g.isValidElement(n) && typeof n != "object" ? S(n) : n }) })
                       }
                     ) : /* @__PURE__ */ t(
-                      H,
+                      q,
                       {
                         title: W && n && !l ? /* @__PURE__ */ t(
                           "div",
                           {
-                            onMouseEnter: () => Y(!0),
-                            onMouseLeave: () => Y(!1),
+                            onMouseEnter: () => B(!0),
+                            onMouseLeave: () => B(!1),
                             className: "max-h-96 overflow-y-auto whitespace-pre-wrap break-words no-scroll",
                             children: String(n)
                           }
                         ) : void 0,
                         placement: "top",
                         delayShow: !0,
-                        hideTooltip: !!w,
-                        open: W && !w && !l ? Re : void 0,
-                        onOpenChange: W && !w && !l ? Y : void 0,
+                        hideTooltip: !!h,
+                        open: W && !h && !l ? je : void 0,
+                        onOpenChange: W && !h && !l ? B : void 0,
                         className: x("block w-full min-w-0", l ? "overflow-x-hidden overflow-y-visible" : "overflow-hidden"),
                         children: /* @__PURE__ */ t("div", { className: x("w-full h-full flex items-center px-4 min-w-0", l ? "overflow-x-hidden overflow-y-visible" : "overflow-hidden"), children: /* @__PURE__ */ t(
                           "span",
                           {
-                            ref: l ? void 0 : _,
-                            onMouseEnter: l ? void 0 : se,
+                            ref: l ? void 0 : N,
+                            onMouseEnter: l ? void 0 : ne,
                             className: x(l ? "flex min-w-0 max-w-full items-center justify-start gap-1" : "truncate w-full"),
-                            children: S && ne && !C.isValidElement(n) && typeof n != "object" ? S(n) : C.isValidElement(n) ? typeof n.type == "string" ? n : C.cloneElement(n, {
+                            children: S && ae && !g.isValidElement(n) && typeof n != "object" ? S(n) : g.isValidElement(n) ? typeof n.type == "string" ? n : g.cloneElement(n, {
                               ...n.props,
                               containerWidth: e.column.width
                             }) : n
@@ -240,14 +239,14 @@ const ue = (e) => {
             }
           ) })
         ] }) }),
-        j && !ee && /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-0 right-0 h-row flex items-end pointer-events-none z-[5]", children: /* @__PURE__ */ t("div", { className: "w-full bg-error-50 dark:bg-error-975 px-1.5 py-0.5 truncate", children: /* @__PURE__ */ t("span", { className: "text-error-600 text-[10px] font-medium leading-none", children: j }) }) }),
-        Me && !(k === e.column.key && e?.column?.canEdit && !K && !e?.column?.is_disabled) && /* @__PURE__ */ t("div", { className: "absolute top-0 right-0 bg-white dark:bg-black-800 rounded-full w-5 h-5 flex items-center justify-center border border-primary-300 dark:border-primary-600 shadow-sm z-10", children: /* @__PURE__ */ t(q, { className: "text-primary-600 dark:text-white", size: 8 }) })
+        A && !E && /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-0 right-0 h-10 flex items-end pointer-events-none z-[5]", children: /* @__PURE__ */ t("div", { className: "w-full bg-error-50 dark:bg-error-975 px-1.5 py-0.5 truncate", children: /* @__PURE__ */ t("span", { className: "text-error-600 text-2xs font-medium leading-none", children: A }) }) }),
+        Me && !(k === e.column.key && e?.column?.canEdit && !K && !e?.column?.is_disabled) && /* @__PURE__ */ t("div", { className: "absolute top-0 right-0 bg-white dark:bg-black-800 rounded-full w-5 h-5 flex items-center justify-center border border-primary-300 dark:border-primary-600 shadow-sm z-10", children: /* @__PURE__ */ t(J, { className: "text-primary-600 dark:text-white", size: 8 }) })
       ]
     },
-    h
+    w
   );
-}, ko = C.memo(oo);
+}, ho = g.memo(He);
 export {
-  ko as DataCell
+  ho as DataCell
 };
 //# sourceMappingURL=DataCell.es.js.map

package/dist/components/data-display/infinite-table/body/cell/DataCell.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataCell.es.js","sources":["../../../../../../src/components/data-display/infinite-table/body/cell/DataCell.tsx"],"sourcesContent":["import { useTheme } from '../../../../../hooks/useTheme';\nimport { formatCurrency } from '../../../../../utils/formatters';\nimport { formatDate } from '../../../../../utils/formatters';\nimport { getTableRowBgClassNamesByStatus } from '../../../../../constants/table';\nimport type { ICell, IPendingEdit, ValidateAndSaveResult } from '../../types';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport { Typography } from '../../../../data-display/typography/Typography';\nimport { KeyboardArrowDownIcon, KeyboardArrowRightFilledIcon, LinkIcon, LoadingSpinnerIcon } from '../../../../icon';\nimport { OpenInNewRounded } from '@mui/icons-material';\nimport cn from 'classnames';\nimport React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { TableContext } from '../../context';\nimport { InlineEditField } from './InlineEditField';\nimport { CELL_DEFAULT_RIGHT_OFFSET, CELL_INDENT_PER_LEVEL_PX, CELL_STICKY_SHADOW_DARK, CELL_STICKY_SHADOW_LIGHT } from '../../constants';\n\ntype CellProps = {\n  cell: ICell;\n  id: string | number;\n  nextWidthSum: number;\n  isLastCell: boolean;\n  rowHovering: string | number | null;\n  index: number;\n  isFirstStickyCell: boolean;\n  handleCellClick: (e?: React.MouseEvent) => void | null;\n  currentData: { is_row_modified?: boolean; is_deleted?: boolean; is_added?: boolean };\n  highlightSubstring?: (value: string) => JSX.Element;\n  is_read: boolean;\n  is_modified: boolean;\n  is_row_modified: boolean;\n  is_deleted: boolean;\n  is_added: boolean;\n  level: number;\n  inlineEditing: string | null;\n  isInlineEditing?: boolean;\n  setRowHovering: (id: string | number | null) => void;\n  handleCellValueChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  cellRef: React.RefObject<HTMLDivElement>;\n  handleUpdateCellData: (directValue?: string | boolean | null, meta?: { currency_code?: string | null; reference?: unknown | null;[key: string]: unknown | null } | null) => void;\n  registerValidation?: (validateFn: () => ValidateAndSaveResult) => void;\n  loadingExpand: boolean;\n  toggleRowExpand: () => void;\n  isDraggingOver?: boolean;\n  isLoading?: boolean;\n  is_incomplete?: boolean;\n  pendingEdit?: IPendingEdit;\n  hasPendingEdit?: boolean;\n  pendingValidationError?: string | null;\n};\n\nlet interval: ReturnType<typeof setInterval> | undefined;\n\nconst formatDurationFallback = (duration: unknown): string => {\n  const durationInMs = Number(duration);\n\n  if (Number.isNaN(durationInMs) || duration === null || duration === undefined) {\n    return '0ms';\n  }\n\n  if (durationInMs >= 86400000) {\n    const days = Math.floor(durationInMs / 86400000);\n    const hours = Math.floor((durationInMs % 86400000) / 3600000);\n    const minutes = Math.floor((durationInMs % 3600000) / 60000);\n    const seconds = Math.floor((durationInMs % 60000) / 1000);\n    return `${days}d ${hours}h ${minutes}m ${seconds}s`;\n  }\n\n  if (durationInMs >= 3600000) {\n    const hours = Math.floor(durationInMs / 3600000);\n    const minutes = Math.floor((durationInMs % 3600000) / 60000);\n    const seconds = Math.floor((durationInMs % 60000) / 1000);\n    return `${hours}h ${minutes}m ${seconds}s`;\n  }\n\n  if (durationInMs >= 60000) {\n    const minutes = Math.floor(durationInMs / 60000);\n    const seconds = Math.floor((durationInMs % 60000) / 1000);\n    return `${minutes}m ${seconds}s`;\n  }\n\n  if (durationInMs >= 1000) {\n    return `${(durationInMs / 1000).toFixed(2)}s`;\n  }\n\n  return `${durationInMs}ms`;\n};\n\nconst CellWrapper = ({ children, withLink, linkTo, rowData, disableRowClick }: { children: React.ReactNode; withLink?: boolean; linkTo?: (id: string, _rowData?: Record<string, unknown>) => string; rowData?: Record<string, unknown>; disableRowClick?: boolean }) => {\n  return withLink && !disableRowClick ? <Link to={linkTo?.(rowData?.id as string, rowData) || ''}>{children}</Link> : children;\n};\n\nconst DataCellInner: React.FC<CellProps> = ({\n  cell, id, nextWidthSum, isLastCell, rowHovering, index, isFirstStickyCell, handleCellClick, currentData, highlightSubstring,\n  is_read, is_modified, is_row_modified, is_deleted, is_added, level, inlineEditing, isInlineEditing, setRowHovering,\n  handleCellValueChange, cellRef, handleUpdateCellData, registerValidation, loadingExpand, toggleRowExpand,\n  isDraggingOver, isLoading, is_incomplete, pendingEdit, hasPendingEdit, pendingValidationError,\n}) => {\n  const {\n    cascadingTableConfig, originalsOnly, maxLevel, showNewItem, expandedRows, rowLinkConfig, multiSelectConfig,\n    cellEditing, cellEditingValue, allowInlineEdit, fieldOperationLoading, pendingEdits: contextPendingEdits,\n  } = useContext(TableContext);\n\n  const tableConfig = useTableConfig();\n\n  const rowCellMeta = cell?.column?.key ? (cell?.row?.original?.__cellMetadata as Record<string, Record<string, unknown>> | undefined)?.[cell.column.key] : undefined;\n  const isLocked = rowCellMeta?.is_locked ?? cell?.column?.is_locked;\n  const cellValidationError = (cell?.column?.key ? contextPendingEdits?.[id]?.[cell.column.key]?.validationError : null) || pendingValidationError || null;\n  const isActuallyInlineEditing = inlineEditing === cell.column.key && cell?.column?.canEdit && !isLocked && !cell?.column?.is_disabled;\n  const isFieldOperationLoading = fieldOperationLoading === `${id}-${cell?.column?.id}`;\n  const { theme } = useTheme();\n  const isDark = theme === 'dark';\n  const onMouseEnter = useCallback(() => setRowHovering(id), [setRowHovering, id]);\n  const onMouseLeave = useCallback(() => setRowHovering(null), [setRowHovering]);\n\n  const getNodeExecutionDuration = tableConfig?.formatDuration;\n  const [cellValue, setCellValue] = useState(\n    cell?.column?.dataType === 'duration' && cell?.value\n      ? getNodeExecutionDuration\n        ? getNodeExecutionDuration(cell.value)\n        : formatDurationFallback(cell.value)\n      : cell.value,\n  );\n  const [tooltipText, setTooltipText] = useState<string | null>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n  const [urlTooltipOpen, setUrlTooltipOpen] = useState(false);\n  const [truncateTooltipOpen, setTruncateTooltipOpen] = useState(false);\n  const textRef = useRef<HTMLSpanElement>(null);\n  const urlTooltipTimer = useRef<ReturnType<typeof setTimeout>>();\n  const truncateTooltipTimer = useRef<ReturnType<typeof setTimeout>>();\n  const { selectedColumnIds = [] } = multiSelectConfig || {};\n  const shouldHighlight = !Object.prototype.hasOwnProperty.call(cell?.column?.meta ?? {}, 'shouldHighlight') || cell?.column?.meta?.shouldHighlight;\n\n  const checkTruncation = useCallback(() => {\n    if (textRef.current) {\n      setIsTruncated(textRef.current.scrollWidth > textRef.current.clientWidth);\n    }\n  }, []);\n\n  const handleUrlTooltipChange = useCallback((open: boolean) => {\n    if (urlTooltipTimer.current) {\n      clearTimeout(urlTooltipTimer.current);\n    }\n\n    if (open) {\n      setUrlTooltipOpen(true);\n    } else {\n      urlTooltipTimer.current = setTimeout(() => setUrlTooltipOpen(false), 200);\n    }\n  }, []);\n\n  const handleTruncateTooltipChange = useCallback((open: boolean) => {\n    if (truncateTooltipTimer.current) {\n      clearTimeout(truncateTooltipTimer.current);\n    }\n\n    if (open) {\n      setTruncateTooltipOpen(true);\n    } else {\n      truncateTooltipTimer.current = setTimeout(() => setTruncateTooltipOpen(false), 200);\n    }\n  }, []);\n\n  const bgColor = cn({\n    'bg-amber-100 dark:bg-amber-900/30': hasPendingEdit,\n    'bg-neutral-100 dark:bg-black-600': rowHovering === id && !isInlineEditing && !hasPendingEdit && !(is_deleted || currentData?.is_deleted) && !(is_added || currentData?.is_added),\n    'bg-error-200 dark:bg-error-900': rowHovering === id && !isInlineEditing && !hasPendingEdit && (is_deleted || currentData?.is_deleted),\n    'bg-success-100 dark:bg-success-800': rowHovering === id && !isInlineEditing && !hasPendingEdit && (is_added || currentData?.is_added),\n    'bg-primary-50 dark:bg-black-700': !is_incomplete && !is_read && showNewItem && !isLoading && rowHovering !== id && !isInlineEditing && !hasPendingEdit,\n    'bg-warning-50 dark:bg-black-500': (is_incomplete || is_modified || is_row_modified || currentData?.is_row_modified) && !isLoading && rowHovering !== id && !isInlineEditing && !hasPendingEdit,\n    'bg-error-100 dark:bg-error-975': (is_deleted || currentData?.is_deleted) && !isLoading && rowHovering !== id && !isInlineEditing && !hasPendingEdit,\n    'bg-success-50 dark:bg-success-900': (is_added || currentData?.is_added) && !isLoading && rowHovering !== id && !isInlineEditing && !hasPendingEdit,\n    'bg-primary-50 dark:bg-primary-900': (isDraggingOver || isInlineEditing) && !hasPendingEdit,\n    'bg-primary-50 dark:bg-primary-800': selectedColumnIds?.includes(cell.column.id) && !isInlineEditing && !hasPendingEdit,\n    [getTableRowBgClassNamesByStatus[cell?.row?.original?.__rowBgStatus as string]]: cell?.row?.original?.__rowBgStatus && !isInlineEditing && !hasPendingEdit,\n  });\n\n  const onClick = (e: React.MouseEvent) => { if (cell.column?.disableRowClick) return; handleCellClick(e); };\n\n  useEffect(() => {\n    const isRunning = cell?.row?.original?.status === 'running';\n    if (isRunning && cell.column?.dataType === 'duration') {\n      interval = setInterval(() => {\n        const startedTime = new Date(formatDate((cell?.row?.original?.created_at || cell?.row?.original?.executed_on) as string | undefined, { withTime: true, format: 'yyyy-MM-dd HH:mm:ss' }) as unknown as Date);\n        const timeDiff = Math.abs(new Date().getTime() - new Date(startedTime).getTime());\n        setCellValue(getNodeExecutionDuration ? getNodeExecutionDuration(timeDiff) : formatDurationFallback(timeDiff));\n      }, 500);\n    }\n    return () => { if (interval) clearInterval(interval); };\n  }, [cellValue, cell.value, cell?.row?.original?.created_at, cell?.row?.original?.executed_on, cell?.row?.original?.status, cell.column?.dataType, getNodeExecutionDuration]);\n\n  useEffect(() => {\n    if (cell?.column?.tooltipCellKey || cell?.column?.type?.toLowerCase() === 'url') {\n      if (cell?.column?.type?.toLowerCase() === 'url') setTooltipText(cell?.value as string | null);\n      else setTooltipText(cell?.row?.original?.[String(cell?.column?.tooltipCellKey)] as string | null);\n    }\n  }, [cell?.column?.tooltipCellKey, cell?.row?.original, cell?.column?.type, cell?.value]);\n\n  useEffect(() => {\n    if (cell?.column?.type?.toLowerCase() === 'currency') {\n      if (pendingEdit?.value !== undefined) {\n        const rawData = cell?.row?.original?.__rawData as Record<string, Record<string, unknown>> | undefined;\n        const headerKey = cell?.column?.Header as unknown as string;\n        const currencyCode = pendingEdit?.meta?.currency_code || rawData?.[headerKey]?.currency_code || 'USD';\n        setCellValue(formatCurrency(pendingEdit.value, currencyCode as string));\n      } else {\n        const rawData = cell?.row?.original?.__rawData as Record<string, Record<string, unknown>> | undefined;\n        const headerKey = cell?.column?.Header as unknown as string;\n        setCellValue(formatCurrency(cell?.value, (rawData?.[headerKey]?.currency_code as string) || 'USD'));\n      }\n    }\n  }, [cell?.value, cell?.column?.type, cell?.column?.Header, cell?.row?.original?.__rawData, pendingEdit?.value, pendingEdit?.meta?.currency_code]);\n\n  useEffect(() => {\n    if (cell?.column?.type?.toLowerCase() === 'percentage') {\n      if (pendingEdit?.value !== undefined) setCellValue(pendingEdit.value?.toString() + '%' || '');\n      else setCellValue(cell?.value?.toString() + '%' || '');\n    }\n  }, [cell?.value, cell?.column?.type, pendingEdit?.value]);\n\n  useEffect(() => {\n    const columnType = cell?.column?.type?.toLowerCase() || '';\n    if (['date', 'datetime'].includes(columnType)) {\n      if (pendingEdit?.value !== undefined) {\n        const hasTime = columnType === 'datetime';\n        const formattedValue = formatDate(pendingEdit.value as string, { withTime: hasTime, skipTimezone: true });\n        setCellValue(formattedValue || pendingEdit.value);\n      } else setCellValue(cell.value);\n    }\n  }, [cell?.value, cell?.column?.type, pendingEdit?.value]);\n\n  useEffect(() => {\n    const columnType = cell?.column?.type?.toLowerCase() || '';\n    if (['currency', 'percentage', 'duration', 'boolean', 'date', 'datetime'].includes(columnType)) return;\n    if (pendingEdit?.value !== undefined) setCellValue(pendingEdit.value);\n    else if (cell?.column?.dataType !== 'duration') setCellValue(cell.value);\n  }, [cell?.value, cell?.column?.type, cell?.column?.dataType, pendingEdit?.value]);\n\n  useEffect(() => {\n    if (cell?.column?.type?.toLowerCase() === 'boolean' && allowInlineEdit) {\n      const rawValue = pendingEdit?.value !== undefined ? pendingEdit.value : cell?.value;\n      const booleanValue = rawValue === true || rawValue === 'true' || rawValue === 'True' || rawValue === 'Yes' || rawValue === 1;\n      setCellValue(booleanValue ? 'Yes' : 'No');\n    }\n  }, [cell?.value, cell?.column?.type, allowInlineEdit, pendingEdit?.value]);\n\n  useEffect(() => {\n    return () => {\n      if (urlTooltipTimer.current) {\n        clearTimeout(urlTooltipTimer.current);\n      }\n      if (truncateTooltipTimer.current) {\n        clearTimeout(truncateTooltipTimer.current);\n      }\n    };\n  }, []);\n\n  const isUiElementCell = React.isValidElement(cellValue);\n\n  return (\n    <td\n      key={index} id={cell.value as string | undefined} data-column-key={cell?.column?.key} {...cell.getCellProps()}\n      onClick={rowLinkConfig?.isEnabled ? undefined : onClick}\n      className={cn('h-row', {\n        'sticky left-0': cell?.column?.sticky,\n        relative: !cell?.column?.sticky,\n        'w-full': isLastCell,\n        'overflow-visible': inlineEditing === cell.column.key,\n        /** Chips/badges: avoid vertical clip from overflow-x-hidden + truncate (see isUiElementCell branch below) */\n        'overflow-x-hidden overflow-y-visible': inlineEditing !== cell.column.key && isUiElementCell,\n        'overflow-hidden': inlineEditing !== cell.column.key && !isUiElementCell,\n      },\n        cellValidationError && !isActuallyInlineEditing ? 'outline outline-2 outline-error-500 -outline-offset-2 z-[5]' : '',\n        `${bgColor ? bgColor : 'bg-white dark:bg-black-800'}`,\n      )}\n      style={{ minWidth: `${cell.column.width}px`, maxWidth: `${cell.column.width}px`, right: cell?.column?.sticky ? `${nextWidthSum}px` : CELL_DEFAULT_RIGHT_OFFSET, paddingLeft: level > 0 && index === 0 ? `${level * CELL_INDENT_PER_LEVEL_PX}px` : undefined }}\n      onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}\n    >\n      <CellWrapper withLink={rowLinkConfig?.isEnabled} linkTo={rowLinkConfig?.linkTo || undefined} rowData={cell?.row?.original} disableRowClick={cell?.column?.disableRowClick}>\n        {(Array.isArray(cellEditing) ? cellEditing.includes(`${id}-${cell?.column?.id}`) : cellEditing === `${id}-${cell?.column?.id}`) ? (\n          <div className='h-row top-0 font-medium font-inter w-full absolute flex items-center px-4'>\n            <span className='text-neutral-400 dark:text-black-400 truncate'>\n              {(() => {\n                const currentCellId = `${id}-${cell?.column?.id}`;\n                const editValue = typeof cellEditingValue === 'object' ? cellEditingValue?.[currentCellId] : cellEditingValue;\n                const columnType = cell?.column?.type?.toLowerCase();\n\n                if (columnType === 'boolean') {\n                  return (editValue as unknown) === true || editValue === 'true' || editValue === 'True' ? 'Yes' : 'No';\n                }\n\n                if ((columnType === 'date' || columnType === 'datetime') && editValue) {\n                  const hasTime = columnType === 'datetime';\n                  return formatDate(editValue as string, { withTime: hasTime, skipTimezone: true }) || String(editValue);\n                }\n\n                return editValue !== undefined && editValue !== null ? String(editValue) : (cellValue as React.ReactNode);\n              })()}\n            </span>\n            <div className='ml-2 flex items-center gap-1.5'><LoadingSpinnerIcon className='spinner text-neutral-600 dark:text-white' size={12} /></div>\n          </div>\n        ) : inlineEditing === cell.column.key && cell?.column?.canEdit && !isLocked && !cell?.column?.is_disabled ? (\n          <div className='h-row w-full absolute top-0 left-0 flex items-center' style={{ marginLeft: level > 0 && index === 0 ? `-${level * CELL_INDENT_PER_LEVEL_PX}px` : undefined, width: level > 0 && index === 0 ? `calc(100% + ${level * CELL_INDENT_PER_LEVEL_PX}px)` : '100%' }}>\n            <InlineEditField cell={cell} id={id} inlineEditing={inlineEditing} cellRef={cellRef} handleCellValueChange={handleCellValueChange} handleUpdateCellData={handleUpdateCellData} registerValidation={registerValidation} />\n          </div>\n        ) : (\n          <>\n            {level > 0 && index === 0 && <div className='h-row border-l border-neutral-300 dark:border-black-600 ml-2' />}\n            <div className='min-h-6'>\n              <Tooltip\n                title={tooltipText && cell?.column?.type?.toLowerCase() !== 'url' ? tooltipText : undefined}\n                hideTooltip={!tooltipText || cell?.column?.type?.toLowerCase() === 'url'}\n                delayShow\n                placement='top'\n              >\n                <div className={cn(`h-row top-0 font-medium font-inter overflow-index-auto whitespace-nowrap text-ellipsis dark:text-black-200 w-full absolute flex items-center ${bgColor ? bgColor : 'bg-white dark:bg-black-800'}`, isUiElementCell ? 'overflow-x-hidden overflow-y-visible' : 'overflow-x-hidden', { 'border border-b-0 border-t-0 border-primary-600 dark:border-blue-800': selectedColumnIds?.includes(cell.column.id) })}\n                  style={cell?.column?.sticky && isFirstStickyCell ? { boxShadow: isDark ? CELL_STICKY_SHADOW_DARK : CELL_STICKY_SHADOW_LIGHT } : {}}>\n                  {cascadingTableConfig?.isCascading && !originalsOnly && index === 0 && (\n                    <div className={cn('w-[22px] h-row flex items-center px-4', `${bgColor ? bgColor : 'bg-white dark:bg-black-800'}`)} id='cascading'>\n                      {maxLevel! > level && (cell?.row?.original?.__has_children || cascadingTableConfig?.showAllDropdown) && (\n                        <div>{loadingExpand ? <LoadingSpinnerIcon className='text-neutral-600 dark:text-white' size={8} /> : <div>{expandedRows?.[id]?.isOpen ? <KeyboardArrowDownIcon size={20} className='text-neutral-400 dark:text-neutral-400' onClick={(e) => { toggleRowExpand(); e.stopPropagation(); }} /> : <KeyboardArrowRightFilledIcon size={20} className='text-neutral-400 dark:text-neutral-400' onClick={(e) => { toggleRowExpand(); e.stopPropagation(); }} />}</div>}</div>\n                      )}\n                    </div>\n                  )}\n\n                  {cell?.column?.type?.toLowerCase() === 'url' && tooltipText ? (\n                    <Tooltip\n                      title={(\n                        <div onMouseEnter={() => handleUrlTooltipChange(true)} onMouseLeave={() => handleUrlTooltipChange(false)}>\n                          <a href={tooltipText} target='_blank' rel='noopener noreferrer' onClick={(e) => e.stopPropagation()}>\n                            <div className='flex gap-1 items-center w-full'>\n                              <div className='w-4 h-4'>\n                                <LinkIcon height={16} width={16} />\n                              </div>\n                              <Typography variant='medium' size='small' className='truncate' appearance='custom'>{tooltipText}</Typography>\n                              <OpenInNewRounded sx={{ height: '16px', width: '16px', color: '#016DCF' }} />\n                            </div>\n                          </a>\n                        </div>\n                      )}\n                      placement='top'\n                      open={urlTooltipOpen}\n                      onOpenChange={handleUrlTooltipChange}\n                      className='block w-full min-w-0 overflow-hidden'\n                    >\n                      <div className='w-full h-full flex items-center px-4 min-w-0 overflow-hidden text-primary-400'>\n                        <span ref={textRef} onMouseEnter={checkTruncation} className='truncate w-full'>\n                          {highlightSubstring && shouldHighlight && !React.isValidElement(cellValue) && typeof cellValue !== 'object'\n                            ? highlightSubstring(cellValue as string)\n                            : cellValue as React.ReactNode}\n                        </span>\n                      </div>\n                    </Tooltip>\n                  ) : (\n                    <Tooltip\n                      title={\n                        isTruncated && cellValue && !isUiElementCell ? (\n                          <div\n                            onMouseEnter={() => handleTruncateTooltipChange(true)}\n                            onMouseLeave={() => handleTruncateTooltipChange(false)}\n                            className='max-h-96 overflow-y-auto whitespace-pre-wrap break-words no-scroll'\n                          >\n                            {String(cellValue)}\n                          </div>\n                        ) : undefined\n                      }\n                      placement='top'\n                      delayShow\n                      hideTooltip={!!tooltipText}\n                      open={isTruncated && !tooltipText && !isUiElementCell ? truncateTooltipOpen : undefined}\n                      onOpenChange={isTruncated && !tooltipText && !isUiElementCell ? handleTruncateTooltipChange : undefined}\n                      className={cn('block w-full min-w-0', isUiElementCell ? 'overflow-x-hidden overflow-y-visible' : 'overflow-hidden')}\n                    >\n                      <div className={cn('w-full h-full flex items-center px-4 min-w-0', isUiElementCell ? 'overflow-x-hidden overflow-y-visible' : 'overflow-hidden')}>\n                        <span\n                          ref={isUiElementCell ? undefined : textRef}\n                          onMouseEnter={isUiElementCell ? undefined : checkTruncation}\n                          className={cn(isUiElementCell ? 'flex min-w-0 max-w-full items-center justify-start gap-1' : 'truncate w-full')}\n                        >\n                          {highlightSubstring && shouldHighlight && !React.isValidElement(cellValue) && typeof cellValue !== 'object'\n                            ? highlightSubstring(cellValue as string)\n                            : React.isValidElement(cellValue)\n                              ? (typeof (cellValue as React.ReactElement<Record<string, unknown>>).type === 'string'\n                                ? cellValue\n                                : React.cloneElement(cellValue as React.ReactElement<Record<string, unknown>>, {\n                                  ...((cellValue as React.ReactElement<Record<string, unknown>>).props as Record<string, unknown>),\n                                  containerWidth: cell.column.width,\n                                }))\n                              : cellValue as React.ReactNode}\n                        </span>\n                      </div>\n                    </Tooltip>\n                  )}\n                </div>\n              </Tooltip>\n            </div>\n          </>\n        )}\n      </CellWrapper>\n      {cellValidationError && !isActuallyInlineEditing && (\n        <div className='absolute bottom-0 left-0 right-0 h-row flex items-end pointer-events-none z-[5]'>\n          <div className='w-full bg-error-50 dark:bg-error-975 px-1.5 py-0.5 truncate'><span className='text-error-600 text-[10px] font-medium leading-none'>{cellValidationError}</span></div>\n        </div>\n      )}\n      {isFieldOperationLoading && !(inlineEditing === cell.column.key && cell?.column?.canEdit && !isLocked && !cell?.column?.is_disabled) && (\n        <div className='absolute top-0 right-0 bg-white dark:bg-black-800 rounded-full w-5 h-5 flex items-center justify-center border border-primary-300 dark:border-primary-600 shadow-sm z-10'>\n          <LoadingSpinnerIcon className='text-primary-600 dark:text-white' size={8} />\n        </div>\n      )}\n    </td>\n  );\n};\n\nexport const DataCell = React.memo(DataCellInner);\n"],"names":["interval","formatDurationFallback","duration","durationInMs","days","hours","minutes","seconds","CellWrapper","children","withLink","linkTo","rowData","disableRowClick","jsx","Link","DataCellInner","cell","id","nextWidthSum","isLastCell","rowHovering","index","isFirstStickyCell","handleCellClick","currentData","highlightSubstring","is_read","is_modified","is_row_modified","is_deleted","is_added","level","inlineEditing","isInlineEditing","setRowHovering","handleCellValueChange","cellRef","handleUpdateCellData","registerValidation","loadingExpand","toggleRowExpand","isDraggingOver","isLoading","is_incomplete","pendingEdit","hasPendingEdit","pendingValidationError","cascadingTableConfig","originalsOnly","maxLevel","showNewItem","expandedRows","rowLinkConfig","multiSelectConfig","cellEditing","cellEditingValue","allowInlineEdit","fieldOperationLoading","contextPendingEdits","useContext","TableContext","tableConfig","useTableConfig","isLocked","cellValidationError","isActuallyInlineEditing","isFieldOperationLoading","theme","useTheme","isDark","onMouseEnter","useCallback","onMouseLeave","getNodeExecutionDuration","cellValue","setCellValue","useState","tooltipText","setTooltipText","isTruncated","setIsTruncated","urlTooltipOpen","setUrlTooltipOpen","truncateTooltipOpen","setTruncateTooltipOpen","textRef","useRef","urlTooltipTimer","truncateTooltipTimer","selectedColumnIds","shouldHighlight","checkTruncation","handleUrlTooltipChange","open","handleTruncateTooltipChange","bgColor","cn","getTableRowBgClassNamesByStatus","onClick","e","useEffect","startedTime","formatDate","timeDiff","rawData","headerKey","currencyCode","formatCurrency","columnType","hasTime","formattedValue","rawValue","isUiElementCell","React","jsxs","CELL_DEFAULT_RIGHT_OFFSET","CELL_INDENT_PER_LEVEL_PX","currentCellId","editValue","LoadingSpinnerIcon","InlineEditField","Fragment","Tooltip","CELL_STICKY_SHADOW_DARK","CELL_STICKY_SHADOW_LIGHT","KeyboardArrowDownIcon","KeyboardArrowRightFilledIcon","LinkIcon","Typography","OpenInNewRounded","DataCell"],"mappings":"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"}
+{"version":3,"file":"DataCell.es.js","sources":["../../../../../../src/components/data-display/infinite-table/body/cell/DataCell.tsx"],"sourcesContent":["import { useTheme } from '../../../../../hooks/useTheme';\nimport { formatCurrency } from '../../../../../utils/formatters';\nimport { formatDate } from '../../../../../utils/formatters';\nimport { getTableRowBgClassNamesByStatus } from '../../../../../constants/table';\nimport type { ICell, IPendingEdit, ValidateAndSaveResult } from '../../types';\nimport { useTableConfig } from '../../../../../providers/design-system-provider/hooks';\nimport Tooltip from '../../../../tooltip/Tooltip';\nimport { Typography } from '../../../../data-display/typography/Typography';\nimport { KeyboardArrowDownIcon, KeyboardArrowRightFilledIcon, LinkIcon, LoadingSpinnerIcon } from '../../../../icon';\nimport { OpenInNewRounded } from '@mui/icons-material';\nimport cn from 'classnames';\nimport React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { TableContext } from '../../context';\nimport { InlineEditField } from './InlineEditField';\n\ntype CellProps = {\n  cell: ICell;\n  id: string | number;\n  nextWidthSum: number;\n  isLastCell: boolean;\n  rowHovering: string | number | null;\n  index: number;\n  isFirstStickyCell: boolean;\n  handleCellClick: (e?: React.MouseEvent) => void | null;\n  currentData: { is_row_modified?: boolean; is_deleted?: boolean; is_added?: boolean };\n  highlightSubstring?: (value: string) => JSX.Element;\n  is_read: boolean;\n  is_modified: boolean;\n  is_row_modified: boolean;\n  is_deleted: boolean;\n  is_added: boolean;\n  level: number;\n  inlineEditing: string | null;\n  isInlineEditing?: boolean;\n  setRowHovering: (id: string | number | null) => void;\n  handleCellValueChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  cellRef: React.RefObject<HTMLDivElement>;\n  handleUpdateCellData: (directValue?: string | boolean | null, meta?: { currency_code?: string | null; reference?: unknown | null;[key: string]: unknown | null } | null) => void;\n  registerValidation?: (validateFn: () => ValidateAndSaveResult) => void;\n  loadingExpand: boolean;\n  toggleRowExpand: () => void;\n  isDraggingOver?: boolean;\n  isLoading?: boolean;\n  is_incomplete?: boolean;\n  pendingEdit?: IPendingEdit;\n  hasPendingEdit?: boolean;\n  pendingValidationError?: string | null;\n};\n\nlet interval: ReturnType<typeof setInterval> | undefined;\n\nconst formatDurationFallback = (duration: unknown): string => {\n  const durationInMs = Number(duration);\n\n  if (Number.isNaN(durationInMs) || duration === null || duration === undefined) {\n    return '0ms';\n  }\n\n  if (durationInMs >= 86400000) {\n    const days = Math.floor(durationInMs / 86400000);\n    const hours = Math.floor((durationInMs % 86400000) / 3600000);\n    const minutes = Math.floor((durationInMs % 3600000) / 60000);\n    const seconds = Math.floor((durationInMs % 60000) / 1000);\n    return `${days}d ${hours}h ${minutes}m ${seconds}s`;\n  }\n\n  if (durationInMs >= 3600000) {\n    const hours = Math.floor(durationInMs / 3600000);\n    const minutes = Math.floor((durationInMs % 3600000) / 60000);\n    const seconds = Math.floor((durationInMs % 60000) / 1000);\n    return `${hours}h ${minutes}m ${seconds}s`;\n  }\n\n  if (durationInMs >= 60000) {\n    const minutes = Math.floor(durationInMs / 60000);\n    const seconds = Math.floor((durationInMs % 60000) / 1000);\n    return `${minutes}m ${seconds}s`;\n  }\n\n  if (durationInMs >= 1000) {\n    return `${(durationInMs / 1000).toFixed(2)}s`;\n  }\n\n  return `${durationInMs}ms`;\n};\n\nconst CellWrapper = ({ children, withLink, linkTo, rowData, disableRowClick }: { children: React.ReactNode; withLink?: boolean; linkTo?: (id: string, _rowData?: Record<string, unknown>) => string; rowData?: Record<string, unknown>; disableRowClick?: boolean }) => {\n  return withLink && !disableRowClick ? <Link to={linkTo?.(rowData?.id as string, rowData) || ''}>{children}</Link> : children;\n};\n\nconst DataCellInner: React.FC<CellProps> = ({\n  cell, id, nextWidthSum, isLastCell, rowHovering, index, isFirstStickyCell, handleCellClick, currentData, highlightSubstring,\n  is_read, is_modified, is_row_modified, is_deleted, is_added, level, inlineEditing, isInlineEditing, setRowHovering,\n  handleCellValueChange, cellRef, handleUpdateCellData, registerValidation, loadingExpand, toggleRowExpand,\n  isDraggingOver, isLoading, is_incomplete, pendingEdit, hasPendingEdit, pendingValidationError,\n}) => {\n  const {\n    cascadingTableConfig, originalsOnly, maxLevel, showNewItem, expandedRows, rowLinkConfig, multiSelectConfig,\n    cellEditing, cellEditingValue, allowInlineEdit, fieldOperationLoading, pendingEdits: contextPendingEdits,\n  } = useContext(TableContext);\n\n  const tableConfig = useTableConfig();\n\n  const rowCellMeta = cell?.column?.key ? (cell?.row?.original?.__cellMetadata as Record<string, Record<string, unknown>> | undefined)?.[cell.column.key] : undefined;\n  const isLocked = rowCellMeta?.is_locked ?? cell?.column?.is_locked;\n  const cellValidationError = (cell?.column?.key ? contextPendingEdits?.[id]?.[cell.column.key]?.validationError : null) || pendingValidationError || null;\n  const isActuallyInlineEditing = inlineEditing === cell.column.key && cell?.column?.canEdit && !isLocked && !cell?.column?.is_disabled;\n  const isFieldOperationLoading = fieldOperationLoading === `${id}-${cell?.column?.id}`;\n  const { theme } = useTheme();\n  const isDark = theme === 'dark';\n  const onMouseEnter = useCallback(() => setRowHovering(id), [setRowHovering, id]);\n  const onMouseLeave = useCallback(() => setRowHovering(null), [setRowHovering]);\n\n  const getNodeExecutionDuration = tableConfig?.formatDuration;\n  const [cellValue, setCellValue] = useState(\n    cell?.column?.dataType === 'duration' && cell?.value\n      ? getNodeExecutionDuration\n        ? getNodeExecutionDuration(cell.value)\n        : formatDurationFallback(cell.value)\n      : cell.value,\n  );\n  const [tooltipText, setTooltipText] = useState<string | null>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n  const [urlTooltipOpen, setUrlTooltipOpen] = useState(false);\n  const [truncateTooltipOpen, setTruncateTooltipOpen] = useState(false);\n  const textRef = useRef<HTMLSpanElement>(null);\n  const urlTooltipTimer = useRef<ReturnType<typeof setTimeout>>();\n  const truncateTooltipTimer = useRef<ReturnType<typeof setTimeout>>();\n  const { selectedColumnIds = [] } = multiSelectConfig || {};\n  const shouldHighlight = !Object.prototype.hasOwnProperty.call(cell?.column?.meta ?? {}, 'shouldHighlight') || cell?.column?.meta?.shouldHighlight;\n\n  const checkTruncation = useCallback(() => {\n    if (textRef.current) {\n      setIsTruncated(textRef.current.scrollWidth > textRef.current.clientWidth);\n    }\n  }, []);\n\n  const handleUrlTooltipChange = useCallback((open: boolean) => {\n    if (urlTooltipTimer.current) {\n      clearTimeout(urlTooltipTimer.current);\n    }\n\n    if (open) {\n      setUrlTooltipOpen(true);\n    } else {\n      urlTooltipTimer.current = setTimeout(() => setUrlTooltipOpen(false), 200);\n    }\n  }, []);\n\n  const handleTruncateTooltipChange = useCallback((open: boolean) => {\n    if (truncateTooltipTimer.current) {\n      clearTimeout(truncateTooltipTimer.current);\n    }\n\n    if (open) {\n      setTruncateTooltipOpen(true);\n    } else {\n      truncateTooltipTimer.current = setTimeout(() => setTruncateTooltipOpen(false), 200);\n    }\n  }, []);\n\n  const bgColor = cn({\n    'bg-amber-100 dark:bg-amber-900/30': hasPendingEdit,\n    'bg-neutral-100 dark:bg-black-600': rowHovering === id && !isInlineEditing && !hasPendingEdit && !(is_deleted || currentData?.is_deleted) && !(is_added || currentData?.is_added),\n    'bg-error-200 dark:bg-error-900': rowHovering === id && !isInlineEditing && !hasPendingEdit && (is_deleted || currentData?.is_deleted),\n    'bg-success-100 dark:bg-success-800': rowHovering === id && !isInlineEditing && !hasPendingEdit && (is_added || currentData?.is_added),\n    'bg-primary-50 dark:bg-black-700': !is_incomplete && !is_read && showNewItem && !isLoading && rowHovering !== id && !isInlineEditing && !hasPendingEdit,\n    'bg-warning-50 dark:bg-black-500': (is_incomplete || is_modified || is_row_modified || currentData?.is_row_modified) && !isLoading && rowHovering !== id && !isInlineEditing && !hasPendingEdit,\n    'bg-error-100 dark:bg-error-975': (is_deleted || currentData?.is_deleted) && !isLoading && rowHovering !== id && !isInlineEditing && !hasPendingEdit,\n    'bg-success-50 dark:bg-success-900': (is_added || currentData?.is_added) && !isLoading && rowHovering !== id && !isInlineEditing && !hasPendingEdit,\n    'bg-primary-50 dark:bg-primary-900': (isDraggingOver || isInlineEditing) && !hasPendingEdit,\n    'bg-primary-50 dark:bg-primary-800': selectedColumnIds?.includes(cell.column.id) && !isInlineEditing && !hasPendingEdit,\n    [getTableRowBgClassNamesByStatus[cell?.row?.original?.__rowBgStatus as string]]: cell?.row?.original?.__rowBgStatus && !isInlineEditing && !hasPendingEdit,\n  });\n\n  const onClick = (e: React.MouseEvent) => { if (cell.column?.disableRowClick) return; handleCellClick(e); };\n\n  useEffect(() => {\n    const isRunning = cell?.row?.original?.status === 'running';\n    if (isRunning && cell.column?.dataType === 'duration') {\n      interval = setInterval(() => {\n        const startedTime = new Date(formatDate((cell?.row?.original?.created_at || cell?.row?.original?.executed_on) as string | undefined, { withTime: true, format: 'yyyy-MM-dd HH:mm:ss' }) as unknown as Date);\n        const timeDiff = Math.abs(new Date().getTime() - new Date(startedTime).getTime());\n        setCellValue(getNodeExecutionDuration ? getNodeExecutionDuration(timeDiff) : formatDurationFallback(timeDiff));\n      }, 500);\n    }\n    return () => { if (interval) clearInterval(interval); };\n  }, [cellValue, cell.value, cell?.row?.original?.created_at, cell?.row?.original?.executed_on, cell?.row?.original?.status, cell.column?.dataType, getNodeExecutionDuration]);\n\n  useEffect(() => {\n    if (cell?.column?.tooltipCellKey || cell?.column?.type?.toLowerCase() === 'url') {\n      if (cell?.column?.type?.toLowerCase() === 'url') setTooltipText(cell?.value as string | null);\n      else setTooltipText(cell?.row?.original?.[String(cell?.column?.tooltipCellKey)] as string | null);\n    }\n  }, [cell?.column?.tooltipCellKey, cell?.row?.original, cell?.column?.type, cell?.value]);\n\n  useEffect(() => {\n    if (cell?.column?.type?.toLowerCase() === 'currency') {\n      if (pendingEdit?.value !== undefined) {\n        const rawData = cell?.row?.original?.__rawData as Record<string, Record<string, unknown>> | undefined;\n        const headerKey = cell?.column?.Header as unknown as string;\n        const currencyCode = pendingEdit?.meta?.currency_code || rawData?.[headerKey]?.currency_code || 'USD';\n        setCellValue(formatCurrency(pendingEdit.value, currencyCode as string));\n      } else {\n        const rawData = cell?.row?.original?.__rawData as Record<string, Record<string, unknown>> | undefined;\n        const headerKey = cell?.column?.Header as unknown as string;\n        setCellValue(formatCurrency(cell?.value, (rawData?.[headerKey]?.currency_code as string) || 'USD'));\n      }\n    }\n  }, [cell?.value, cell?.column?.type, cell?.column?.Header, cell?.row?.original?.__rawData, pendingEdit?.value, pendingEdit?.meta?.currency_code]);\n\n  useEffect(() => {\n    if (cell?.column?.type?.toLowerCase() === 'percentage') {\n      if (pendingEdit?.value !== undefined) setCellValue(pendingEdit.value?.toString() + '%' || '');\n      else setCellValue(cell?.value?.toString() + '%' || '');\n    }\n  }, [cell?.value, cell?.column?.type, pendingEdit?.value]);\n\n  useEffect(() => {\n    const columnType = cell?.column?.type?.toLowerCase() || '';\n    if (['date', 'datetime'].includes(columnType)) {\n      if (pendingEdit?.value !== undefined) {\n        const hasTime = columnType === 'datetime';\n        const formattedValue = formatDate(pendingEdit.value as string, { withTime: hasTime, skipTimezone: true });\n        setCellValue(formattedValue || pendingEdit.value);\n      } else setCellValue(cell.value);\n    }\n  }, [cell?.value, cell?.column?.type, pendingEdit?.value]);\n\n  useEffect(() => {\n    const columnType = cell?.column?.type?.toLowerCase() || '';\n    if (['currency', 'percentage', 'duration', 'boolean', 'date', 'datetime'].includes(columnType)) return;\n    if (pendingEdit?.value !== undefined) setCellValue(pendingEdit.value);\n    else if (cell?.column?.dataType !== 'duration') setCellValue(cell.value);\n  }, [cell?.value, cell?.column?.type, cell?.column?.dataType, pendingEdit?.value]);\n\n  useEffect(() => {\n    if (cell?.column?.type?.toLowerCase() === 'boolean' && allowInlineEdit) {\n      const rawValue = pendingEdit?.value !== undefined ? pendingEdit.value : cell?.value;\n      const booleanValue = rawValue === true || rawValue === 'true' || rawValue === 'True' || rawValue === 'Yes' || rawValue === 1;\n      setCellValue(booleanValue ? 'Yes' : 'No');\n    }\n  }, [cell?.value, cell?.column?.type, allowInlineEdit, pendingEdit?.value]);\n\n  useEffect(() => {\n    return () => {\n      if (urlTooltipTimer.current) {\n        clearTimeout(urlTooltipTimer.current);\n      }\n      if (truncateTooltipTimer.current) {\n        clearTimeout(truncateTooltipTimer.current);\n      }\n    };\n  }, []);\n\n  const isUiElementCell = React.isValidElement(cellValue);\n\n  return (\n    <td\n      key={index} id={cell.value as string | undefined} data-column-key={cell?.column?.key} {...cell.getCellProps()}\n      onClick={rowLinkConfig?.isEnabled ? undefined : onClick}\n      className={cn('h-10', {\n        'sticky left-0': cell?.column?.sticky,\n        relative: !cell?.column?.sticky,\n        'w-full': isLastCell,\n        'overflow-visible': inlineEditing === cell.column.key,\n        /** Chips/badges: avoid vertical clip from overflow-x-hidden + truncate (see isUiElementCell branch below) */\n        'overflow-x-hidden overflow-y-visible': inlineEditing !== cell.column.key && isUiElementCell,\n        'overflow-hidden': inlineEditing !== cell.column.key && !isUiElementCell,\n      },\n        cellValidationError && !isActuallyInlineEditing ? 'outline outline-2 outline-error-500 -outline-offset-2 z-[5]' : '',\n        `${bgColor ? bgColor : 'bg-white dark:bg-black-800'}`,\n      )}\n      style={{ minWidth: `${cell.column.width}px`, maxWidth: `${cell.column.width}px`, right: cell?.column?.sticky ? `${nextWidthSum}px` : '0px', paddingLeft: level > 0 && index === 0 ? `${level * 16}px` : undefined }}\n      onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}\n    >\n      <CellWrapper withLink={rowLinkConfig?.isEnabled} linkTo={rowLinkConfig?.linkTo || undefined} rowData={cell?.row?.original} disableRowClick={cell?.column?.disableRowClick}>\n        {(Array.isArray(cellEditing) ? cellEditing.includes(`${id}-${cell?.column?.id}`) : cellEditing === `${id}-${cell?.column?.id}`) ? (\n          <div className='h-10 top-0 font-medium font-inter w-full absolute flex items-center px-4'>\n            <span className='text-neutral-400 dark:text-black-400 truncate'>\n              {(() => {\n                const currentCellId = `${id}-${cell?.column?.id}`;\n                const editValue = typeof cellEditingValue === 'object' ? cellEditingValue?.[currentCellId] : cellEditingValue;\n                const columnType = cell?.column?.type?.toLowerCase();\n\n                if (columnType === 'boolean') {\n                  return (editValue as unknown) === true || editValue === 'true' || editValue === 'True' ? 'Yes' : 'No';\n                }\n\n                if ((columnType === 'date' || columnType === 'datetime') && editValue) {\n                  const hasTime = columnType === 'datetime';\n                  return formatDate(editValue as string, { withTime: hasTime, skipTimezone: true }) || String(editValue);\n                }\n\n                return editValue !== undefined && editValue !== null ? String(editValue) : (cellValue as React.ReactNode);\n              })()}\n            </span>\n            <div className='ml-2 flex items-center gap-1.5'><LoadingSpinnerIcon className='spinner text-neutral-600 dark:text-white' size={12} /></div>\n          </div>\n        ) : inlineEditing === cell.column.key && cell?.column?.canEdit && !isLocked && !cell?.column?.is_disabled ? (\n          <div className='h-10 w-full absolute top-0 left-0 flex items-center' style={{ marginLeft: level > 0 && index === 0 ? `-${level * 16}px` : undefined, width: level > 0 && index === 0 ? `calc(100% + ${level * 16}px)` : '100%' }}>\n            <InlineEditField cell={cell} id={id} inlineEditing={inlineEditing} cellRef={cellRef} handleCellValueChange={handleCellValueChange} handleUpdateCellData={handleUpdateCellData} registerValidation={registerValidation} />\n          </div>\n        ) : (\n          <>\n            {level > 0 && index === 0 && <div className='h-10 border-l border-neutral-300 dark:border-black-600 ml-2' />}\n            <div className='min-h-6'>\n              <Tooltip\n                title={tooltipText && cell?.column?.type?.toLowerCase() !== 'url' ? tooltipText : undefined}\n                hideTooltip={!tooltipText || cell?.column?.type?.toLowerCase() === 'url'}\n                delayShow\n                placement='top'\n              >\n                <div className={cn(`h-10 top-0 font-medium font-inter overflow-index-auto whitespace-nowrap text-ellipsis dark:text-black-200 w-full absolute flex items-center ${bgColor ? bgColor : 'bg-white dark:bg-black-800'}`, isUiElementCell ? 'overflow-x-hidden overflow-y-visible' : 'overflow-x-hidden', { 'border border-b-0 border-t-0 border-primary-600 dark:border-blue-800': selectedColumnIds?.includes(cell.column.id) })}\n                  style={cell?.column?.sticky && isFirstStickyCell ? { boxShadow: `${isDark ? '-8px 0px 8px 0px rgba(255, 255, 255, 0.01)' : '-8px 0px 8px 0px rgba(0, 0, 0, 0.02)'}` } : {}}>\n                  {cascadingTableConfig?.isCascading && !originalsOnly && index === 0 && (\n                    <div className={cn('w-[22px] h-10 flex items-center px-4', `${bgColor ? bgColor : 'bg-white dark:bg-black-800'}`)} id='cascading'>\n                      {maxLevel! > level && (cell?.row?.original?.__has_children || cascadingTableConfig?.showAllDropdown) && (\n                        <div>{loadingExpand ? <LoadingSpinnerIcon className='text-neutral-600 dark:text-white' size={8} /> : <div>{expandedRows?.[id]?.isOpen ? <KeyboardArrowDownIcon size={20} className='text-neutral-400 dark:text-neutral-400' onClick={(e) => { toggleRowExpand(); e.stopPropagation(); }} /> : <KeyboardArrowRightFilledIcon size={20} className='text-neutral-400 dark:text-neutral-400' onClick={(e) => { toggleRowExpand(); e.stopPropagation(); }} />}</div>}</div>\n                      )}\n                    </div>\n                  )}\n\n                  {cell?.column?.type?.toLowerCase() === 'url' && tooltipText ? (\n                    <Tooltip\n                      title={(\n                        <div onMouseEnter={() => handleUrlTooltipChange(true)} onMouseLeave={() => handleUrlTooltipChange(false)}>\n                          <a href={tooltipText} target='_blank' rel='noopener noreferrer' onClick={(e) => e.stopPropagation()}>\n                            <div className='flex gap-1 items-center w-full'>\n                              <div className='w-4 h-4'>\n                                <LinkIcon height={16} width={16} />\n                              </div>\n                              <Typography variant='medium' size='small' className='truncate' appearance='custom'>{tooltipText}</Typography>\n                              <OpenInNewRounded sx={{ height: '16px', width: '16px', color: '#016DCF' }} />\n                            </div>\n                          </a>\n                        </div>\n                      )}\n                      placement='top'\n                      open={urlTooltipOpen}\n                      onOpenChange={handleUrlTooltipChange}\n                      className='block w-full min-w-0 overflow-hidden'\n                    >\n                      <div className='w-full h-full flex items-center px-4 min-w-0 overflow-hidden text-primary-400'>\n                        <span ref={textRef} onMouseEnter={checkTruncation} className='truncate w-full'>\n                          {highlightSubstring && shouldHighlight && !React.isValidElement(cellValue) && typeof cellValue !== 'object'\n                            ? highlightSubstring(cellValue as string)\n                            : cellValue as React.ReactNode}\n                        </span>\n                      </div>\n                    </Tooltip>\n                  ) : (\n                    <Tooltip\n                      title={\n                        isTruncated && cellValue && !isUiElementCell ? (\n                          <div\n                            onMouseEnter={() => handleTruncateTooltipChange(true)}\n                            onMouseLeave={() => handleTruncateTooltipChange(false)}\n                            className='max-h-96 overflow-y-auto whitespace-pre-wrap break-words no-scroll'\n                          >\n                            {String(cellValue)}\n                          </div>\n                        ) : undefined\n                      }\n                      placement='top'\n                      delayShow\n                      hideTooltip={!!tooltipText}\n                      open={isTruncated && !tooltipText && !isUiElementCell ? truncateTooltipOpen : undefined}\n                      onOpenChange={isTruncated && !tooltipText && !isUiElementCell ? handleTruncateTooltipChange : undefined}\n                      className={cn('block w-full min-w-0', isUiElementCell ? 'overflow-x-hidden overflow-y-visible' : 'overflow-hidden')}\n                    >\n                      <div className={cn('w-full h-full flex items-center px-4 min-w-0', isUiElementCell ? 'overflow-x-hidden overflow-y-visible' : 'overflow-hidden')}>\n                        <span\n                          ref={isUiElementCell ? undefined : textRef}\n                          onMouseEnter={isUiElementCell ? undefined : checkTruncation}\n                          className={cn(isUiElementCell ? 'flex min-w-0 max-w-full items-center justify-start gap-1' : 'truncate w-full')}\n                        >\n                          {highlightSubstring && shouldHighlight && !React.isValidElement(cellValue) && typeof cellValue !== 'object'\n                            ? highlightSubstring(cellValue as string)\n                            : React.isValidElement(cellValue)\n                              ? (typeof (cellValue as React.ReactElement<Record<string, unknown>>).type === 'string'\n                                ? cellValue\n                                : React.cloneElement(cellValue as React.ReactElement<Record<string, unknown>>, {\n                                  ...((cellValue as React.ReactElement<Record<string, unknown>>).props as Record<string, unknown>),\n                                  containerWidth: cell.column.width,\n                                }))\n                              : cellValue as React.ReactNode}\n                        </span>\n                      </div>\n                    </Tooltip>\n                  )}\n                </div>\n              </Tooltip>\n            </div>\n          </>\n        )}\n      </CellWrapper>\n      {cellValidationError && !isActuallyInlineEditing && (\n        <div className='absolute bottom-0 left-0 right-0 h-10 flex items-end pointer-events-none z-[5]'>\n          <div className='w-full bg-error-50 dark:bg-error-975 px-1.5 py-0.5 truncate'><span className='text-error-600 text-2xs font-medium leading-none'>{cellValidationError}</span></div>\n        </div>\n      )}\n      {isFieldOperationLoading && !(inlineEditing === cell.column.key && cell?.column?.canEdit && !isLocked && !cell?.column?.is_disabled) && (\n        <div className='absolute top-0 right-0 bg-white dark:bg-black-800 rounded-full w-5 h-5 flex items-center justify-center border border-primary-300 dark:border-primary-600 shadow-sm z-10'>\n          <LoadingSpinnerIcon className='text-primary-600 dark:text-white' size={8} />\n        </div>\n      )}\n    </td>\n  );\n};\n\nexport const DataCell = React.memo(DataCellInner);\n"],"names":["interval","formatDurationFallback","duration","durationInMs","days","hours","minutes","seconds","CellWrapper","children","withLink","linkTo","rowData","disableRowClick","jsx","Link","DataCellInner","cell","id","nextWidthSum","isLastCell","rowHovering","index","isFirstStickyCell","handleCellClick","currentData","highlightSubstring","is_read","is_modified","is_row_modified","is_deleted","is_added","level","inlineEditing","isInlineEditing","setRowHovering","handleCellValueChange","cellRef","handleUpdateCellData","registerValidation","loadingExpand","toggleRowExpand","isDraggingOver","isLoading","is_incomplete","pendingEdit","hasPendingEdit","pendingValidationError","cascadingTableConfig","originalsOnly","maxLevel","showNewItem","expandedRows","rowLinkConfig","multiSelectConfig","cellEditing","cellEditingValue","allowInlineEdit","fieldOperationLoading","contextPendingEdits","useContext","TableContext","tableConfig","useTableConfig","isLocked","cellValidationError","isActuallyInlineEditing","isFieldOperationLoading","theme","useTheme","isDark","onMouseEnter","useCallback","onMouseLeave","getNodeExecutionDuration","cellValue","setCellValue","useState","tooltipText","setTooltipText","isTruncated","setIsTruncated","urlTooltipOpen","setUrlTooltipOpen","truncateTooltipOpen","setTruncateTooltipOpen","textRef","useRef","urlTooltipTimer","truncateTooltipTimer","selectedColumnIds","shouldHighlight","checkTruncation","handleUrlTooltipChange","open","handleTruncateTooltipChange","bgColor","cn","getTableRowBgClassNamesByStatus","onClick","e","useEffect","startedTime","formatDate","timeDiff","rawData","headerKey","currencyCode","formatCurrency","columnType","hasTime","formattedValue","rawValue","isUiElementCell","React","jsxs","currentCellId","editValue","LoadingSpinnerIcon","InlineEditField","Fragment","Tooltip","KeyboardArrowDownIcon","KeyboardArrowRightFilledIcon","LinkIcon","Typography","OpenInNewRounded","DataCell"],"mappings":"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"}

package/dist/components/data-display/infinite-table/body/cell/LoaderCell.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("../../../../../_virtual/index.cjs.js"),m=require("react"),h=require("../../constants.cjs.js"),w=({cell:t,id:r,nextWidthSum:s,isLastCell:n,rowHovering:a,index:i,isFirstStickyCell:c})=>{const e=t?.column?.sticky,d=o("relative h-row",{"bg-neutral-100 dark:bg-black-600":a===r,"sticky left-0 bg-white dark:bg-black-600":e,"w-full":n}),b=o("h-row top-0 font-medium font-inter overflow-x-hidden overflow-y-auto whitespace-nowrap text-ellipsis px-4 w-full absolute flex items-center",{"bg-white dark:bg-black-800 border-b border-neutral-200 dark:border-black-700":e}),u=e&&c?{boxShadow:"-8px 0px 8px rgba(0, 0, 0, 0.02)"}:{},x={minWidth:`${t.column.width}px`,maxWidth:`${t.column.width}px`,right:e?`${s}px`:h.CELL_DEFAULT_RIGHT_OFFSET};return l.jsx("td",{className:d,role:"cell",style:x,children:l.jsx("div",{className:b,style:u,children:l.jsx("div",{className:"skeleton bg-neutral-200 dark:bg-black-600 animate-pulse h-4 min-w-[100px] w-full rounded"})})},i)},k=m.memo(w);exports.LoaderCell=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("../../../../../_virtual/index.cjs.js"),m=require("react"),h=({cell:t,id:r,nextWidthSum:s,isLastCell:a,rowHovering:n,index:i,isFirstStickyCell:c})=>{const e=t?.column?.sticky,d=o("relative h-10",{"bg-neutral-100 dark:bg-black-600":n===r,"sticky left-0 bg-white dark:bg-black-600":e,"w-full":a}),b=o("h-10 top-0 font-medium font-inter overflow-x-hidden overflow-y-auto whitespace-nowrap text-ellipsis px-4 w-full absolute flex items-center",{"bg-white dark:bg-black-800 border-b border-neutral-200 dark:border-black-700":e}),u=e&&c?{boxShadow:"-8px 0px 8px rgba(0, 0, 0, 0.02)"}:{},x={minWidth:`${t.column.width}px`,maxWidth:`${t.column.width}px`,right:e?`${s}px`:"0px"};return l.jsx("td",{className:d,role:"cell",style:x,children:l.jsx("div",{className:b,style:u,children:l.jsx("div",{className:"skeleton bg-neutral-200 dark:bg-black-600 animate-pulse h-4 min-w-[100px] w-full rounded"})})},i)},p=m.memo(h);exports.LoaderCell=p;
 //# sourceMappingURL=LoaderCell.cjs.js.map