@lax-wp/design-system 0.13.32 → 0.13.33-beta.0

package/dist/components/data-display/infinite-table/body/rows/row.es.js

@@ -1,102 +1,101 @@
-import { jsx as l, jsxs as Ui } from "react/jsx-runtime";
-import { useContext as Pi, useState as F, useRef as bi, useEffect as Ki, useCallback as Ii, useMemo as Ci, createElement as le } from "react";
-import { getTableRowBgClassNamesByStatus as hi } from "../../../../../constants/table.es.js";
-import { useTableConfig as te } from "../../../../../providers/design-system-provider/hooks.es.js";
-import { useDraggable as ae, useDroppable as oe } from "@dnd-kit/core";
-import { useSortable as de } from "@dnd-kit/sortable";
-import { CSS as re } from "@dnd-kit/utilities";
-import { SubdirectoryArrowLeftRounded as Yi } from "@mui/icons-material";
-import se from "@mui/icons-material/AddRounded";
+import { jsx as l, jsxs as $i } from "react/jsx-runtime";
+import { useContext as Ni, useState as T, useRef as pi, useEffect as ji, useCallback as Di, useMemo as bi, createElement as ee } from "react";
+import { getTableRowBgClassNamesByStatus as Ci } from "../../../../../constants/table.es.js";
+import { useTableConfig as ne } from "../../../../../providers/design-system-provider/hooks.es.js";
+import { useDraggable as le, useDroppable as te } from "@dnd-kit/core";
+import { useSortable as oe } from "@dnd-kit/sortable";
+import { CSS as ae } from "@dnd-kit/utilities";
+import { SubdirectoryArrowLeftRounded as Ui } from "@mui/icons-material";
+import de from "@mui/icons-material/AddRounded";
 import vi from "../../../../../_virtual/index.es.js";
-import { createPortal as ge } from "react-dom";
-import { TableContext as Oi } from "../../context.es.js";
-import { ActionCell as ce } from "../cell/ActionCell.es.js";
-import { CheckboxCell as ue } from "../cell/CheckboxCell.es.js";
-import { DataCell as me } from "../cell/DataCell.es.js";
-import { validateCellValue as qi } from "../../validateCell.es.js";
-import { LoaderCell as _e } from "../cell/LoaderCell.es.js";
-import { PendingEditCell as fe } from "../cell/PendingEditCell.es.js";
-import { RowActionCell as pe } from "../cell/RowActionCell.es.js";
-import { RowOptionsCell as be } from "../cell/RowOptionsCell.es.js";
-const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M, style: yi, level: e = 0, expandedRows: g, rows: ei }) => {
+import { createPortal as re } from "react-dom";
+import { TableContext as Ii } from "../../context.es.js";
+import { ActionCell as se } from "../cell/ActionCell.es.js";
+import { CheckboxCell as ge } from "../cell/CheckboxCell.es.js";
+import { DataCell as ce } from "../cell/DataCell.es.js";
+import { validateCellValue as Ki } from "../../validateCell.es.js";
+import { LoaderCell as ue } from "../cell/LoaderCell.es.js";
+import { PendingEditCell as _e } from "../cell/PendingEditCell.es.js";
+import { RowActionCell as me } from "../cell/RowActionCell.es.js";
+import { RowOptionsCell as fe } from "../cell/RowOptionsCell.es.js";
+const ze = ({ row: i, isLastRow: G, lastRow: J, highlightSubstring: Q, index: F, style: hi, level: e = 0, expandedRows: g, rows: X }) => {
   const {
-    lastNonStickyColumnIndex: H,
+    lastNonStickyColumnIndex: M,
     checkboxConfig: a,
-    onRowClick: E,
+    onRowClick: S,
     rowOptions: f,
-    disableOptionsForRowIndex: W = null,
-    getSumOfNextVisibleColumnWidth: ni,
-    onRowEdit: $,
-    inlineEditColumns: Ri,
-    tableActions: li,
-    dndSortableUtils: ti,
-    withSortable: m,
+    disableOptionsForRowIndex: H = null,
+    getSumOfNextVisibleColumnWidth: Z,
+    onRowEdit: W,
+    inlineEditColumns: Ei,
+    tableActions: w,
+    dndSortableUtils: ii,
+    withSortable: c,
     withDraggable: x,
-    getInnerRowData: ai,
-    showNewItem: j,
-    rawData: B,
+    getInnerRowData: ei,
+    showNewItem: $,
+    rawData: O,
     dragConfig: p,
-    getFullRowDataOnClick: oi,
-    selectedRowId: r,
-    rowWrapper: U,
-    isCellClickDisabled: ki,
-    rowAdditionalActions: D,
-    hoverConfig: di,
+    getFullRowDataOnClick: ni,
+    rowWrapper: u,
+    isCellClickDisabled: li,
+    rowAdditionalActions: ti,
+    hoverConfig: D,
     addPendingEdit: N,
-    removePendingEdit: P,
-    fieldOperationLoading: ri,
+    removePendingEdit: oi,
+    fieldOperationLoading: B,
     clearRowPendingEdits: L,
-    saveRowPendingEdits: K,
-    pendingEdits: A
-  } = Pi(Oi), O = te(), si = !!a, { activeInlineEdit: gi, setActiveInlineEdit: V } = Pi(Oi), t = gi?.rowId === i.original.id ? gi?.columnKey : null, c = !!t, ci = (n) => {
-    V?.(n === null ? null : { rowId: String(i.original.id), columnKey: n });
-  }, [b, Y] = F(null), [ui, u] = F(null), [y, q] = F(null), [C, R] = F(!1), [k, G] = F(!1), mi = bi(null);
-  Ki(() => {
-    const n = mi.current, s = t;
-    if (n && !s) {
-      const v = A?.[i.original.id]?.[n];
-      if (v) {
-        const d = i.cells?.find((_) => _.column?.key === n);
+    saveRowPendingEdits: A,
+    pendingEdits: V
+  } = Ni(Ii), P = ne(), ai = !!a, { activeInlineEdit: di, setActiveInlineEdit: z } = Ni(Ii), t = di?.rowId === i.original.id ? di?.columnKey : null, _ = !!t, ri = (n) => {
+    z?.(n === null ? null : { rowId: String(i.original.id), columnKey: n });
+  }, [b, j] = T(null), [si, s] = T(null), [E, U] = T(null), [C, R] = T(!1), [k, Ri] = T(!1), o = pi(null);
+  ji(() => {
+    const n = o.current, r = t;
+    if (n && !r) {
+      const h = V?.[i.original.id]?.[n];
+      if (h) {
+        const d = i.cells?.find((m) => m.column?.key === n);
         if (d) {
-          const _ = qi(v.value, d.column);
-          !_.isValid && N && N(String(i.original.id), n, {
-            ...v,
-            validationError: _.error
+          const m = Ki(h.value, d.column);
+          !m.isValid && N && N(String(i.original.id), n, {
+            ...h,
+            validationError: m.error
           });
         }
       }
     }
-    mi.current = s ?? null;
-  }, [t, i.original.id, i.cells, A, N]), Ki(() => {
-    if (B) {
+    o.current = r ?? null;
+  }, [t, i.original.id, i.cells, V, N]), ji(() => {
+    if (O) {
       const n = String(i?.original?.id);
-      q(B[n]?.[i?.cells[0].column.Header] || B[n]?.[0]);
+      U(O[n]?.[i?.cells[0].column.Header] || O[n]?.[0]);
     }
-  }, [B, i?.original?.id, i?.cells]);
-  const o = de({ id: i.original.id, data: { ...i.original }, disabled: !m }), h = ae({ id: i.original.id, data: { ...i.original }, disabled: !!m }), { listeners: _i, transform: fi, setNodeRef: pi, isDragging: z, attributes: Si, active: T, over: I, ...Ji } = m ? o : h, { setNodeRef: Bi } = oe({
+  }, [O, i?.original?.id, i?.cells]);
+  const v = oe({ id: i.original.id, data: { ...i.original }, disabled: !c }), gi = le({ id: i.original.id, data: { ...i.original }, disabled: !!c }), { listeners: ci, transform: ui, setNodeRef: _i, isDragging: K, attributes: mi, active: ki, over: I, ...qi } = c ? v : gi, { setNodeRef: Pi } = te({
     id: `table-file-dropzone-${i?.original?.id}`,
     data: { type: "table-file-dropzone", folderId: i?.original?.id, isFolder: i?.original?.type === "folder" }
-  }), Qi = {
-    transform: re.Transform.toString(fi),
-    transition: m ? Ji.transition : void 0,
-    cursor: z ? "grabbing" : "grab",
-    opacity: z ? "0.5" : "1"
-  }, Xi = () => !T || !I || !m ? !1 : ti?.checkOverEachItem ? ti.checkOverEachItem(T, I) && !!I : T.data.current?.type !== I.data.current?.type && !!I, Li = (n) => {
-    u(n.target.value);
-  }, Zi = () => {
-    ri || ci(null);
-  }, Ei = bi(null), Ai = Ii(
+  }), Gi = {
+    transform: ae.Transform.toString(ui),
+    transition: c ? qi.transition : void 0,
+    cursor: K ? "grabbing" : "grab",
+    opacity: K ? "0.5" : "1"
+  }, Ji = () => !ki || !I || !c ? !1 : ii?.checkOverEachItem ? ii.checkOverEachItem(ki, I) && !!I : ki.data.current?.type !== I.data.current?.type && !!I, Oi = (n) => {
+    s(n.target.value);
+  }, Qi = () => {
+    B || ri(null);
+  }, yi = pi(null), Bi = Di(
     (n) => {
-      Ei.current = n;
+      yi.current = n;
     },
     []
-  ), Vi = bi(O);
-  Vi.current = O;
-  const zi = Ii(() => {
+  ), Li = pi(P);
+  Li.current = P;
+  const Ai = Di(() => {
     L && L(String(i.original.id));
-  }, [L, i.original.id]), Ti = Ii(() => {
-    if (Ei.current) {
-      const n = Ei.current();
+  }, [L, i.original.id]), Vi = Di(() => {
+    if (yi.current) {
+      const n = yi.current();
       if (!n.isValid) return;
       t && n.value !== void 0 && N && N(String(i.original.id), t, {
         value: n.value,
@@ -104,76 +103,75 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
         meta: n.meta || void 0
       });
     } else if (t) {
-      const n = i.cells?.find((s) => s.column?.key === t);
+      const n = i.cells?.find((r) => r.column?.key === t);
       if (n) {
-        const s = A?.[i.original.id]?.[t]?.value, v = s !== void 0 ? s : n.value, d = qi(v, n.column);
+        const r = V?.[i.original.id]?.[t]?.value, h = r !== void 0 ? r : n.value, d = Ki(h, n.column);
         if (!d.isValid) {
-          Vi.current?.showNotification?.("error", d.error || "Validation failed");
+          Li.current?.showNotification?.("error", d.error || "Validation failed");
           return;
         }
       }
     }
-    K && K(String(i.original.id));
-  }, [K, i.original, i.cells, t, N, A]), Fi = (n, s) => {
-    const v = { ...i.original }, d = n !== void 0 ? n : ui;
-    t && d !== void 0 && (v[t] = d, $ && $(v, M, t, d, s), P && P(String(i.original.id), t)), Zi();
-  }, Mi = bi(null), Hi = (n, s, v, d) => {
-    if (!ki && (n?.stopPropagation(), t !== d)) {
-      if ($) {
-        if (Ri?.includes(d))
-          ci(d), u(String(i.original[d]));
+    A && A(String(i.original.id));
+  }, [A, i.original, i.cells, t, N, V]), zi = (n, r) => {
+    const h = { ...i.original }, d = n !== void 0 ? n : si;
+    t && d !== void 0 && (h[t] = d, W && W(h, F, t, d, r), oi && oi(String(i.original.id), t)), Qi();
+  }, Ti = pi(null), Fi = (n, r, h, d) => {
+    if (!li && (n?.stopPropagation(), t !== d)) {
+      if (W) {
+        if (Ei?.includes(d))
+          ri(d), s(String(i.original[d]));
         else {
-          const _ = O?.getSystemMessage?.("notAllowedInlineEdit") || "Inline Edit is not allowed for this column";
-          O?.showNotification?.("error", _);
+          const m = P?.getSystemMessage?.("notAllowedInlineEdit") || "Inline Edit is not allowed for this column";
+          P?.showNotification?.("error", m);
         }
         return;
       }
-      if (E)
-        E(s, v, i.original, ei?.map((_) => _.original) || []);
-      else if (!E && a) {
-        const _ = i.original.id, ne = { target: { checked: !a.checkedIds.includes(_) } };
-        a.onItemCheck(ne, _);
+      if (S)
+        S(r, h, i.original, X?.map((m) => m.original) || []);
+      else if (!S && a) {
+        const m = i.original.id, ie = { target: { checked: !a.checkedIds.includes(m) } };
+        a.onItemCheck(ie, m);
       }
     }
-  }, Wi = async () => {
-    R(!0), ai && await ai(i?.original?.id, i?.original, !(g?.[i?.original?.id]?.isOpen ?? !1), i?.original?.__level || 0), R(!1);
-  }, wi = Ci(() => i.cells.filter((n) => n.column?.visible).map((n) => n.column?.width ?? 0).reduce((n, s) => n + s, 0), [i.cells]), J = Ci(() => p?.draggingOver && p?.draggingOver === i?.original?.id, [p, i?.original?.id]), xi = Ci(() => J ? p?.dropPosition || "inside" : null, [J, p?.dropPosition]), Q = !!(J && xi === "inside"), S = i?.original?.__rowMetadata || i?.original?._meta, X = b !== i?.original?.id, Di = !i?.original?.__isLoading, $i = !!(S?.__is_new || S?.__is_added || i?.original?.is_added || y?.is_added || S?.is_added || S?.is_new), ie = !!(i?.original?.is_deleted || S?.__is_deleted || y?.is_deleted || S?.is_deleted), ee = !!(i?.original?.is_modified || i?.original?.is_row_modified || S?.__is_modified || S?.__is_edited || y?.is_row_modified || S?.is_modified) && !$i, Ni = r != null && String(r) === String(i?.original?.id), ji = vi({
-    "bg-neutral-100 dark:bg-black-600": b === i?.original?.id && !c,
-    "bg-primary-100 dark:bg-primary-950": Ni && X && !c,
-    "bg-primary-50 dark:bg-black-700": !i?.original?.is_read && j && !i?.original?.__isLoading && X && !c,
+  }, Mi = async () => {
+    R(!0), ei && await ei(i?.original?.id, i?.original, !(g?.[i?.original?.id]?.isOpen ?? !1), i?.original?.__level || 0), R(!1);
+  }, Xi = bi(() => i.cells.filter((n) => n.column?.visible).map((n) => n.column?.width ?? 0).reduce((n, r) => n + r, 0), [i.cells]), Y = bi(() => p?.draggingOver && p?.draggingOver === i?.original?.id, [p, i?.original?.id]), Si = bi(() => Y ? p?.dropPosition || "inside" : null, [Y, p?.dropPosition]), q = !!(Y && Si === "inside"), y = i?.original?.__rowMetadata || i?.original?._meta, fi = b !== i?.original?.id, xi = !i?.original?.__isLoading, Hi = !!(y?.__is_new || y?.__is_added || i?.original?.is_added || E?.is_added || y?.is_added || y?.is_new), Zi = !!(i?.original?.is_deleted || y?.__is_deleted || E?.is_deleted || y?.is_deleted), wi = !!(i?.original?.is_modified || i?.original?.is_row_modified || y?.__is_modified || y?.__is_edited || E?.is_row_modified || y?.is_modified) && !Hi, Wi = vi({
+    "bg-neutral-100 dark:bg-black-600": b === i?.original?.id && !_,
+    "bg-primary-50 dark:bg-black-700": !i?.original?.is_read && $ && !i?.original?.__isLoading && fi && !_,
     // 'bg-white dark:bg-black-700': cell.column.sticky && rowHovering !== id,
-    "bg-warning-50 dark:bg-warning-975": ee && Di && X && !c,
-    "bg-error-50 dark:bg-error-975": ie && Di && X && !c,
-    "bg-success-50 dark:bg-success-975": $i && Di && X && !c,
-    "bg-primary-50 dark:bg-primary-900": c,
-    [hi[i?.original?.__rowBgStatus]]: i?.original?.__rowBgStatus && !c
+    "bg-warning-50 dark:bg-warning-975": wi && xi && fi && !_,
+    "bg-error-50 dark:bg-error-975": Zi && xi && fi && !_,
+    "bg-success-50 dark:bg-success-975": Hi && xi && fi && !_,
+    "bg-primary-50 dark:bg-primary-900": _,
+    [Ci[i?.original?.__rowBgStatus]]: i?.original?.__rowBgStatus && !_
   });
-  return /* @__PURE__ */ le(
+  return /* @__PURE__ */ ee(
     "tr",
     {
       ...i.getRowProps(),
-      ref: x || m ? pi : null,
+      ref: x || c ? _i : null,
       key: i.original.id,
       "data-row-id": i.original.id,
       className: vi(
         `text-neutral-900 dark:text-white cursor-pointer min-w-full relative ${a?.selectionDisabledRowIds?.includes(i?.original?.id) ? "opacity-50" : ""} border-t`,
-        z ? "z-40" : "",
-        Xi() ? "shadow-dnd-drop" : "",
+        K ? "z-40" : "",
+        Ji() ? "shadow-dnd-drop" : "",
         x && I && I?.data?.current?.type === "table-file-dropzone" && I?.data?.current?.folderId === i?.original?.id && i?.original?.type === "folder" ? "bg-primary-50" : "",
         i?.original?.isDefinedActionRow ? "bg-primary-50" : "",
-        Q ? "z-50" : "",
-        ji || "bg-white dark:bg-black-800"
+        q ? "z-50" : "",
+        Wi || "bg-white dark:bg-black-800"
       ),
-      style: { ...yi, ...m ? Qi : {}, width: "max-content" },
-      ...x || m ? Si : {},
-      ...x || m ? _i : {}
+      style: { ...hi, ...c ? Gi : {}, width: "max-content" },
+      ...x || c ? mi : {},
+      ...x || c ? ci : {}
     },
-    Q && p?.dragOperation ? /* @__PURE__ */ l("div", { className: "absolute right-2 h-row flex items-center z-20 pointer-events-none", children: /* @__PURE__ */ l("div", { className: "bg-primary-200 px-2 py-1 rounded", children: p?.dragOperation === "COPY" ? /* @__PURE__ */ l(se, { sx: { fontSize: 12 }, className: "text-primary-700" }) : /* @__PURE__ */ l(Yi, { sx: { fontSize: 12 }, className: "text-primary-700" }) }) }) : null,
-    Q && !p?.dragOperation ? /* @__PURE__ */ l("div", { className: "absolute right-2 h-row flex items-center z-20 pointer-events-none", children: /* @__PURE__ */ l(Yi, { sx: { fontSize: 16 }, className: "text-primary-500" }) }) : null,
-    J && xi === "before" && !i?.original?.isDefinedActionRow ? /* @__PURE__ */ l("div", { className: "absolute -top-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none", children: /* @__PURE__ */ l("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500" }) }) : null,
-    J && xi === "after" && !i?.original?.isDefinedActionRow ? /* @__PURE__ */ l("div", { className: "absolute -bottom-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none", children: /* @__PURE__ */ l("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500" }) }) : null,
+    q && p?.dragOperation ? /* @__PURE__ */ l("div", { className: "absolute right-2 h-10 flex items-center z-20 pointer-events-none", children: /* @__PURE__ */ l("div", { className: "bg-primary-200 px-2 py-1 rounded", children: p?.dragOperation === "COPY" ? /* @__PURE__ */ l(de, { sx: { fontSize: 12 }, className: "text-primary-700" }) : /* @__PURE__ */ l(Ui, { sx: { fontSize: 12 }, className: "text-primary-700" }) }) }) : null,
+    q && !p?.dragOperation ? /* @__PURE__ */ l("div", { className: "absolute right-2 h-10 flex items-center z-20 pointer-events-none", children: /* @__PURE__ */ l(Ui, { sx: { fontSize: 16 }, className: "text-primary-500" }) }) : null,
+    Y && Si === "before" && !i?.original?.isDefinedActionRow ? /* @__PURE__ */ l("div", { className: "absolute -top-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none", children: /* @__PURE__ */ l("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500" }) }) : null,
+    Y && Si === "after" && !i?.original?.isDefinedActionRow ? /* @__PURE__ */ l("div", { className: "absolute -bottom-[1px] left-0 right-0 h-[2px] bg-primary-500 z-20 pointer-events-none", children: /* @__PURE__ */ l("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-2 h-2 rounded-full bg-primary-500" }) }) : null,
     i?.original?.isDefinedActionRow ? /* @__PURE__ */ l(
-      ce,
+      se,
       {
         cells: i.cells,
         id: i?.original?.id,
@@ -183,209 +181,206 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
         onClick: i?.original?.onClick,
         rowHovering: b || "",
         isRoot: i?.original?.isRoot,
-        totalWidth: wi,
+        totalWidth: Xi,
         row: i.original,
         uploadCell: i?.original?.uploadCell,
         disabled: i?.original?.disabled,
         disabledTooltip: i?.original?.disabledTooltip
       }
-    ) : U ? /* @__PURE__ */ l(U, { data: i.original, setIsDraggingFile: G, children: /* @__PURE__ */ l(
-      Gi,
+    ) : u ? /* @__PURE__ */ l(u, { data: i.original, setIsDraggingFile: Ri, children: /* @__PURE__ */ l(
+      Yi,
       {
-        isDraggingOver: Q,
+        isDraggingOver: q,
         level: e,
         withDraggable: x,
-        setDroppableNodeRef: Bi,
-        isLastRow: Z,
-        lastRow: w,
-        isCheckbox: si,
+        setDroppableNodeRef: Pi,
+        isLastRow: G,
+        lastRow: J,
+        isCheckbox: ai,
         checkboxConfig: a,
         row: i,
         rowHovering: b,
-        tableActions: li,
-        disableOptionsForRowIndex: W,
-        index: M,
-        showNewItem: j,
-        currentData: y,
-        lastNonStickyColumnIndex: H,
-        getSumOfNextVisibleColumnWidth: ni,
-        toggleRowExpand: Wi,
+        tableActions: w,
+        disableOptionsForRowIndex: H,
+        index: F,
+        showNewItem: $,
+        currentData: E,
+        lastNonStickyColumnIndex: M,
+        getSumOfNextVisibleColumnWidth: Z,
+        toggleRowExpand: Mi,
         loadingExpand: C,
-        cellRef: Mi,
-        handleCellClick: Hi,
-        getFullRowDataOnClick: oi,
-        handleCellValueChange: Li,
-        handleUpdateCellData: Fi,
-        handleRowCancelEdit: zi,
-        handleRowConfirmEdit: Ti,
-        registerValidation: Ai,
+        cellRef: Ti,
+        handleCellClick: Fi,
+        getFullRowDataOnClick: ni,
+        handleCellValueChange: Oi,
+        handleUpdateCellData: zi,
+        handleRowCancelEdit: Ai,
+        handleRowConfirmEdit: Vi,
+        registerValidation: Bi,
         inlineEditing: t,
-        isInlineEditing: c,
-        setRowHovering: Y,
-        highlightSubstring: ii,
+        isInlineEditing: _,
+        setRowHovering: j,
+        highlightSubstring: Q,
         rowOptions: f,
         isDraggingFile: k,
-        rowAdditionalActions: D,
-        hoverConfig: di,
-        isSelected: Ni
+        rowAdditionalActions: ti,
+        hoverConfig: D
       }
     ) }) : /* @__PURE__ */ l(
-      Gi,
+      Yi,
       {
         level: e,
         withDraggable: x,
-        setDroppableNodeRef: Bi,
-        isLastRow: Z,
-        lastRow: w,
-        isCheckbox: si,
+        setDroppableNodeRef: Pi,
+        isLastRow: G,
+        lastRow: J,
+        isCheckbox: ai,
         checkboxConfig: a,
         row: i,
         rowHovering: b,
-        tableActions: li,
-        disableOptionsForRowIndex: W,
-        index: M,
-        showNewItem: j,
-        currentData: y,
-        lastNonStickyColumnIndex: H,
-        getSumOfNextVisibleColumnWidth: ni,
-        toggleRowExpand: Wi,
+        tableActions: w,
+        disableOptionsForRowIndex: H,
+        index: F,
+        showNewItem: $,
+        currentData: E,
+        lastNonStickyColumnIndex: M,
+        getSumOfNextVisibleColumnWidth: Z,
+        toggleRowExpand: Mi,
         loadingExpand: C,
-        cellRef: Mi,
-        handleCellClick: Hi,
-        getFullRowDataOnClick: oi,
-        handleCellValueChange: Li,
-        handleUpdateCellData: Fi,
-        handleRowCancelEdit: zi,
-        handleRowConfirmEdit: Ti,
-        registerValidation: Ai,
+        cellRef: Ti,
+        handleCellClick: Fi,
+        getFullRowDataOnClick: ni,
+        handleCellValueChange: Oi,
+        handleUpdateCellData: zi,
+        handleRowCancelEdit: Ai,
+        handleRowConfirmEdit: Vi,
+        registerValidation: Bi,
         inlineEditing: t,
-        isInlineEditing: c,
-        setRowHovering: Y,
-        highlightSubstring: ii,
+        isInlineEditing: _,
+        setRowHovering: j,
+        highlightSubstring: Q,
         rowOptions: f,
         isDraggingFile: k,
-        isDraggingOver: Q,
-        rowAdditionalActions: D,
-        hoverConfig: di,
-        isSelected: Ni
+        isDraggingOver: q,
+        rowAdditionalActions: ti,
+        hoverConfig: D
       }
     )
   );
-}, Gi = ({
+}, Yi = ({
   withDraggable: i,
-  setDroppableNodeRef: Z,
-  isLastRow: w,
-  lastRow: ii,
-  isCheckbox: M,
-  checkboxConfig: yi,
+  setDroppableNodeRef: G,
+  isLastRow: J,
+  lastRow: Q,
+  isCheckbox: F,
+  checkboxConfig: hi,
   row: e,
   rowHovering: g,
-  tableActions: ei,
-  disableOptionsForRowIndex: H,
+  tableActions: X,
+  disableOptionsForRowIndex: M,
   index: a,
-  showNewItem: E,
+  showNewItem: S,
   currentData: f,
-  lastNonStickyColumnIndex: W,
-  getSumOfNextVisibleColumnWidth: ni,
-  toggleRowExpand: $,
-  loadingExpand: Ri,
-  cellRef: li,
-  handleCellClick: ti,
-  getFullRowDataOnClick: m,
+  lastNonStickyColumnIndex: H,
+  getSumOfNextVisibleColumnWidth: Z,
+  toggleRowExpand: W,
+  loadingExpand: Ei,
+  cellRef: w,
+  handleCellClick: ii,
+  getFullRowDataOnClick: c,
   handleCellValueChange: x,
-  handleUpdateCellData: ai,
-  handleRowCancelEdit: j,
-  handleRowConfirmEdit: B,
+  handleUpdateCellData: ei,
+  handleRowCancelEdit: $,
+  handleRowConfirmEdit: O,
   registerValidation: p,
-  inlineEditing: oi,
-  isInlineEditing: r,
-  setRowHovering: U,
-  highlightSubstring: ki,
+  inlineEditing: ni,
+  isInlineEditing: u,
+  setRowHovering: li,
+  highlightSubstring: ti,
   rowOptions: D,
-  level: di,
-  isDraggingFile: N,
-  isDraggingOver: P,
-  rowAdditionalActions: ri,
-  hoverConfig: L,
-  isSelected: K
+  level: N,
+  isDraggingFile: oi,
+  isDraggingOver: B,
+  rowAdditionalActions: L,
+  hoverConfig: A
 }) => {
-  const [A, O] = F(!1), {
-    getPendingEdit: si,
-    hasPendingEdit: gi,
-    pendingEdits: V,
+  const [V, P] = T(!1), {
+    getPendingEdit: ai,
+    hasPendingEdit: di,
+    pendingEdits: z,
     tableHeaders: t,
-    pendingEditsCount: c,
-    scrollToCell: ci
-  } = Pi(Oi), b = V?.[e.original.id] && Object.keys(V[e.original.id]).length > 0, Y = (c ?? 0) > 0, ui = Ci(() => {
+    pendingEditsCount: _,
+    scrollToCell: ri
+  } = Ni(Ii), b = z?.[e.original.id] && Object.keys(z[e.original.id]).length > 0, j = (_ ?? 0) > 0, si = bi(() => {
     if (Array.isArray(D)) return D;
     if (typeof D == "function") {
       const o = D({ ...e.original, rowIndex: a });
       return Array.isArray(o) ? o : [];
     }
     return [];
-  }, [D, e.original, a]), u = e?.original?.__rowMetadata || e?.original?._meta, y = g !== e?.original?.id, q = !e?.original?.__isLoading, C = !!(u?.__is_new || u?.__is_added || e?.original?.is_added || f?.is_added || u?.is_added || u?.is_new), R = !!(e?.original?.is_deleted || u?.__is_deleted || f?.is_deleted || u?.is_deleted), k = !!(e?.original?.is_modified || e?.original?.is_row_modified || u?.__is_modified || u?.__is_edited || f?.is_row_modified || u?.is_deleted) && !C, G = K && !r && g !== e?.original?.id ? "bg-primary-100 dark:bg-primary-950" : void 0, mi = vi({
-    "border-l-[3px] border-l-success-400 dark:border-l-success-500": C && q && y && !r,
-    "border-l-[3px] border-l-error-400 dark:border-l-error-500": R && q && y && !r,
-    "border-l-[3px] border-l-warning-400 dark:border-l-warning-500": k && q && y && !r
+  }, [D, e.original, a]), s = e?.original?.__rowMetadata || e?.original?._meta, E = g !== e?.original?.id, U = !e?.original?.__isLoading, C = !!(s?.__is_new || s?.__is_added || e?.original?.is_added || f?.is_added || s?.is_added || s?.is_new), R = !!(e?.original?.is_deleted || s?.__is_deleted || f?.is_deleted || s?.is_deleted), k = !!(e?.original?.is_modified || e?.original?.is_row_modified || s?.__is_modified || s?.__is_edited || f?.is_row_modified || s?.is_deleted) && !C, Ri = vi({
+    "border-l-[3px] border-l-success-400 dark:border-l-success-500": C && U && E && !u,
+    "border-l-[3px] border-l-error-400 dark:border-l-error-500": R && U && E && !u,
+    "border-l-[3px] border-l-warning-400 dark:border-l-warning-500": k && U && E && !u
   });
   return /* @__PURE__ */ l(
     "div",
     {
-      ref: i ? Z : null,
-      className: P ? "border-2 border-primary-400 dark:border-primary-500 rounded-sm" : "",
-      children: /* @__PURE__ */ Ui("div", { className: vi("flex", mi), ref: w ? ii : null, children: [
-        Y && /* @__PURE__ */ l(
-          fe,
+      ref: i ? G : null,
+      className: B ? "border-2 border-primary-400 dark:border-primary-500 rounded-sm" : "",
+      children: /* @__PURE__ */ $i("div", { className: vi("flex", Ri), ref: J ? Q : null, children: [
+        j && /* @__PURE__ */ l(
+          _e,
           {
             rowId: String(e.original.id),
             rowIndex: a,
-            pendingEdits: V,
+            pendingEdits: z,
             tableHeaders: t,
             rowHasPendingEdits: !!b,
             rowHovering: g != null ? String(g) : void 0,
-            isInlineEditing: r,
+            isInlineEditing: u,
             is_read: !!e.original.is_read,
             is_modified: k,
             is_row_modified: !!e.original.is_row_modified,
             is_deleted: R,
             is_added: C,
             is_incomplete: e?.original?.status === "Incomplete",
-            showNewItem: E,
-            onScrollToCell: ci
+            showNewItem: S,
+            onScrollToCell: ri
           }
         ),
-        M && /* @__PURE__ */ l(
-          ue,
+        F && /* @__PURE__ */ l(
+          ge,
           {
-            checkboxConfig: yi,
+            checkboxConfig: hi,
             id: String(e.original.id),
             rowHovering: g != null ? String(g) : void 0,
             isDisabled: !!e?.original?.__isLoading,
-            isDraggingOver: P,
+            isDraggingOver: B,
             is_added: C,
             is_deleted: R,
             is_incomplete: e?.original?.status === "Incomplete",
             is_modified: k,
             is_read: !!e.original.is_read,
             is_row_modified: !!e.original.is_row_modified,
-            showNewItem: E,
+            showNewItem: S,
             currentData: f ?? {},
-            bgColor: e?.original?.__rowBgStatus ? hi[e?.original?.__rowBgStatus] : G,
-            isInlineEditing: r,
-            hasPendingEditsColumn: Y,
+            bgColor: e?.original?.__rowBgStatus ? Ci[e?.original?.__rowBgStatus] : void 0,
+            isInlineEditing: u,
+            hasPendingEditsColumn: j,
             rowHasPendingEdits: b
           }
         ),
-        ei ? /* @__PURE__ */ l(
-          pe,
+        X ? /* @__PURE__ */ l(
+          me,
           {
-            tableActions: ei,
-            disableOptionsForRowIndex: H ?? null,
+            tableActions: X,
+            disableOptionsForRowIndex: M ?? null,
             id: String(e.original.id),
             index: a,
             is_read: !!e?.original?.is_read,
             is_incomplete: e?.original?.status === "Incomplete",
-            showNewItem: !!E,
+            showNewItem: !!S,
             is_modified: k,
             is_row_modified: !!e?.original?.is_row_modified,
             is_deleted: R,
@@ -394,95 +389,95 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
             rowData: e.original,
             rowHovering: g,
             isDisabled: !!e?.original?.__isLoading,
-            bgColor: N ? "bg-primary-50" : e?.original?.__rowBgStatus ? hi[e?.original?.__rowBgStatus] : G,
-            isInlineEditing: r,
+            bgColor: oi ? "bg-primary-50" : e?.original?.__rowBgStatus ? Ci[e?.original?.__rowBgStatus] : void 0,
+            isInlineEditing: u,
             rowHasPendingEdits: b
           }
         ) : null,
-        /* @__PURE__ */ Ui(
+        /* @__PURE__ */ $i(
           "div",
           {
             className: "relative flex-1",
             id: `row-${e.original.id}`,
-            onMouseEnter: () => O(!0),
-            onMouseLeave: () => O(!1),
+            onMouseEnter: () => P(!0),
+            onMouseLeave: () => P(!1),
             children: [
-              e.cells.filter((o) => o?.column?.visible !== !1).map((o, h) => {
-                const _i = h === W?.(), fi = h === (W?.() ?? -1) + 1, pi = o?.column?.sticky ? ni?.(h) ?? 0 : 0;
+              e.cells.filter((o) => o?.column?.visible !== !1).map((o, v) => {
+                const gi = v === H?.(), ci = v === (H?.() ?? -1) + 1, ui = o?.column?.sticky ? Z?.(v) ?? 0 : 0;
                 if (e.original?.__isLoading)
-                  return /* @__PURE__ */ l(_e, { cell: o, id: h, nextWidthSum: pi, isLastCell: _i, rowHovering: g, index: h, isFirstStickyCell: fi }, h);
-                const z = si?.(String(e.original.id), o?.column?.key || ""), Si = gi?.(String(e.original.id), o?.column?.key || "");
+                  return /* @__PURE__ */ l(ue, { cell: o, id: v, nextWidthSum: ui, isLastCell: gi, rowHovering: g, index: v, isFirstStickyCell: ci }, v);
+                const _i = ai?.(String(e.original.id), o?.column?.key || ""), K = di?.(String(e.original.id), o?.column?.key || "");
                 return /* @__PURE__ */ l(
-                  me,
+                  ce,
                   {
                     cell: o,
                     rowHovering: g,
-                    isFirstStickyCell: fi,
-                    level: di ?? 0,
-                    toggleRowExpand: $,
-                    loadingExpand: Ri,
-                    index: h,
-                    cellRef: li,
+                    isFirstStickyCell: ci,
+                    level: N ?? 0,
+                    toggleRowExpand: W,
+                    loadingExpand: Ei,
+                    index: v,
+                    cellRef: w,
                     currentData: f,
-                    handleCellClick: (T) => {
-                      T && ti(T, m ? e.original : String(e.original.id), h, o?.column?.key || "");
+                    handleCellClick: (mi) => {
+                      mi && ii(mi, c ? e.original : String(e.original.id), v, o?.column?.key || "");
                     },
                     handleCellValueChange: x,
-                    handleUpdateCellData: ai,
+                    handleUpdateCellData: ei,
                     registerValidation: p,
                     id: e.original.id,
-                    inlineEditing: oi,
-                    isInlineEditing: r,
-                    isLastCell: _i,
+                    inlineEditing: ni,
+                    isInlineEditing: u,
+                    isLastCell: gi,
                     is_incomplete: e?.original?.status === "Incomplete",
                     is_added: C,
                     is_deleted: R,
                     is_modified: k,
                     is_read: !!e.original.is_read,
                     is_row_modified: !!e.original.is_row_modified,
-                    nextWidthSum: pi,
-                    setRowHovering: U,
-                    highlightSubstring: ki,
-                    isDraggingOver: P,
+                    nextWidthSum: ui,
+                    setRowHovering: li,
+                    highlightSubstring: ti,
+                    isDraggingOver: B,
                     isLoading: !!e?.original?.__isLoading,
-                    pendingEdit: z,
-                    hasPendingEdit: Si,
-                    pendingValidationError: z?.validationError
+                    pendingEdit: _i,
+                    hasPendingEdit: K,
+                    pendingValidationError: _i?.validationError
                   },
                   o?.column?.key
                 );
               }),
-              L?.onHover && A && ge(
-                /* @__PURE__ */ l("div", { className: "absolute top-full left-10 z-50 bg-white dark:bg-black-800 rounded-xl", children: L.onHover(e.original) }),
+              A?.onHover && V && re(
+                /* @__PURE__ */ l("div", { className: "absolute top-full left-10 z-50 bg-white dark:bg-black-800 rounded-xl", children: A.onHover(e.original) }),
                 document.getElementById(`row-${e.original.id}`)
               )
             ]
           }
         ),
-        (ui.length > 0 || !!ri) && /* @__PURE__ */ l(
-          be,
+        (si.length > 0 || !!L) && /* @__PURE__ */ l(
+          fe,
           {
             rowId: e.original.id,
-            rowOptions: ui,
-            disableOption: H !== null || !!e?.original?.__isLoading,
+            rowOptions: si,
+            disableOption: M !== null || !!e?.original?.__isLoading,
             rowHovering: g,
-            setRowHovering: U,
+            setRowHovering: li,
             is_read: !!e.original.is_read,
-            showNewItem: !!E,
+            showNewItem: !!S,
             is_modified: k,
             is_row_modified: !!e.original.is_row_modified,
             is_incomplete: e?.original?.status === "Incomplete",
             currentData: f ?? {},
             is_deleted: R,
             is_added: C,
-            isDraggingOver: !!P,
-            rowAdditionalActions: ri,
+            isDraggingOver: !!B,
+            rowAdditionalActions: L,
             rowData: e.original,
             index: a,
-            bgColor: e?.original?.__rowBgStatus ? hi[e?.original?.__rowBgStatus] : G,
-            isInlineEditing: r,
-            onConfirmEdit: B,
-            onCancelEdit: j,
+            bgColor: e?.original?.__rowBgStatus ? Ci[e?.original?.__rowBgStatus] : void 0,
+            isInlineEditing: u,
+            onConfirmEdit: O,
+            onCancelEdit: $,
             rowHasPendingEdits: b
           }
         )
@@ -491,6 +486,6 @@ const Fe = ({ row: i, isLastRow: Z, lastRow: w, highlightSubstring: ii, index: M
   );
 };
 export {
-  Fe as Row
+  ze as Row
 };
 //# sourceMappingURL=row.es.js.map