@ynput/ayon-frontend-shared 0.2.36 → 0.2.37

package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.es.js

@@ -1,19 +1,19 @@
 import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
-import { memo as Me, useRef as lt, useMemo as L, useCallback as mt, useEffect as xt } from "react";
+import { memo as Me, useRef as lt, useMemo as N, useCallback as mt, useEffect as yt } from "react";
 import { useVirtualizer as ze } from "@tanstack/react-virtual";
 import { flexRender as Gt, useReactTable as Ie, filterFns as Pe, getSortedRowModel as ve, getExpandedRowModel as De, getFilteredRowModel as Ee, getCoreRowModel as Le } from "@tanstack/react-table";
-import N from "clsx";
+import H from "clsx";
 import Ne, { isEntityExpandable as He } from "./buildTreeTableColumns.es.js";
-import { TableCell as Rt, TableWrapper as ke, TableContainer as Oe, TR as Xt, TableHeader as Ae, AnimatedEmptyPlaceholder as Kt, ColumnHeader as Fe, HeaderCell as Ve, TableCellContent as _e, HeaderButtons as $e, ResizedHandler as Be } from "./ProjectTreeTable.styled.es.js";
+import { TableCell as wt, TableWrapper as ke, TableContainer as Oe, TR as Xt, TableHeader as Ae, AnimatedEmptyPlaceholder as Bt, ColumnHeader as Fe, HeaderCell as Ve, TableCellContent as _e, HeaderButtons as $e, ResizedHandler as Be } from "./ProjectTreeTable.styled.es.js";
 import Ke from "./components/HeaderActionButton.es.js";
 import Ue from "./components/RowDragHandleCellContent.es.js";
 import "./components/RowSelectionHeader.es.js";
 import "./components/SelectionCell.es.js";
 import { ColumnHeaderMenu as We } from "./components/ColumnHeaderMenu.es.js";
-import { EmptyPlaceholder as Ut } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { EmptyPlaceholder as Kt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import { useCellEditing as Yt } from "./context/CellEditingContext.es.js";
-import { useSelectionCellsContext as bt, ROW_SELECTION_COLUMN_ID as B } from "./context/SelectionCellsContext.es.js";
+import { useSelectionCellsContext as xt, ROW_SELECTION_COLUMN_ID as $ } from "./context/SelectionCellsContext.es.js";
 import { ClipboardProvider as qe } from "./context/ClipboardContext.es.js";
 import { useSelectedRowsContext as Ge } from "./context/SelectedRowsContext.es.js";
 import { useColumnSettingsContext as Xe } from "./context/ColumnSettingsContext.es.js";
@@ -27,9 +27,9 @@ import oo from "./hooks/useDynamicRowHeight.es.js";
 import { EntityPickerDialog as io } from "../EntityPickerDialog/EntityPickerDialog.es.js";
 import { useMoveEntities as ro } from "./hooks/useMoveEntities.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
-import { Icon as Jt, Button as Wt } from "@ynput/ayon-react-components";
+import { Icon as Jt, Button as Ut } from "@ynput/ayon-react-components";
 /* empty css                                 */
-import { createPortal as wt } from "react-dom";
+import { createPortal as bt } from "react-dom";
 import "../Feed/context/FeedContext.es.js";
 import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
@@ -59,6 +59,7 @@ import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/WebsocketContext.es.js";
+import "../../context/GlobalContext.es.js";
 import "../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -79,9 +80,9 @@ import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import { generateDummyAttributes as lo, generateLoadingRows as mo } from "./utils/loadingUtils.es.js";
 import { getTableFieldOptions as ao } from "./utils/getTableFieldOptions.es.js";
 import { getReadOnlyLists as po } from "./utils/getReadOnlyLists.es.js";
-import { getCellId as St, parseCellId as co } from "./utils/cellUtils.es.js";
+import { getCellId as Rt, parseCellId as co } from "./utils/cellUtils.es.js";
 import { getEntityViewierIds as uo } from "./utils/getEntityViewerIds.es.js";
-import { isEntityRestricted as qt } from "./utils/restrictedEntity.es.js";
+import { isEntityRestricted as Wt } from "./utils/restrictedEntity.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
 import { useProjectTableContext as Qt } from "./context/ProjectTableContext.es.js";
 import "./context/DetailsPanelEntityContext.es.js";
@@ -178,14 +179,14 @@ import "./widgets/DateWidget.es.js";
 import "./widgets/EnumWidget.es.js";
 import "./widgets/TextWidget.es.js";
 import "./widgets/BooleanWidget.es.js";
-import { EDIT_TRIGGER_CLASS as fo } from "./widgets/CellWidget.es.js";
+import { EDIT_TRIGGER_CLASS as qt } from "./widgets/CellWidget.es.js";
 import "./widgets/EntityNameWidget.es.js";
 import "./widgets/GroupHeaderWidget.es.js";
 import "./widgets/ThumbnailWidget.es.js";
 import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import { DragOverlay as ho } from "@dnd-kit/core";
-import { SortableContext as Co, verticalListSortingStrategy as yo, useSortable as xo } from "@dnd-kit/sortable";
-import { CSS as bo } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
+import { DragOverlay as fo } from "@dnd-kit/core";
+import { SortableContext as ho, verticalListSortingStrategy as Co, useSortable as yo } from "@dnd-kit/sortable";
+import { CSS as xo } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "axios";
@@ -250,7 +251,7 @@ import "../Views/Views.styled.es.js";
 import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../Views/ViewsMenu/ViewsMenu.es.js";
 const at = (t) => {
-  const a = t.getIsPinned(), i = t.id !== B && t.id !== G ? -30 : 0;
+  const a = t.getIsPinned(), i = t.id !== $ && t.id !== X ? -30 : 0;
   return {
     left: a === "left" ? `${t.getStart("left") + i}px` : void 0,
     // Removed offset
@@ -259,111 +260,113 @@ const at = (t) => {
     width: t.getSize(),
     zIndex: a ? 100 : 0
   };
-}, pt = (t, a) => `calc(var(--col-${a}-size) * 1px)`, G = "drag-handle", al = ({
+}, pt = (t, a) => `calc(var(--col-${a}-size) * 1px)`, X = "drag-handle", al = ({
   scope: t,
   sliceId: a,
   onScroll: i,
   onScrollBottom: f,
   // when the user scrolls to the bottom of the table, this callback is called
-  onOpenNew: C,
+  onOpenNew: y,
   readOnly: h,
-  excludedColumns: y,
+  excludedColumns: x,
   excludedSorting: w,
   extraColumns: R,
   includeLinks: n,
   isLoading: S,
-  isExpandable: j,
+  isExpandable: T,
   clientSorting: s = !1,
   sortableRows: c = !1,
-  onRowReorder: K,
+  onRowReorder: U,
   dndActiveId: d,
   // Destructure new prop
-  columnsConfig: H,
+  columnsConfig: k,
   onScrollBottomGroupBy: u,
   // Destructure new prop for group-by load more
-  contextMenuItems: U,
+  contextMenuItems: W,
   // Additional context menu items from props
   pt: p,
-  ...X
+  ...Y
 }) => {
-  var Bt;
+  var $t;
   const {
-    columnVisibility: k,
-    columnPinning: T,
-    columnOrder: M,
-    columnSizing: O,
-    setAllColumns: _,
+    columnVisibility: O,
+    columnPinning: M,
+    columnOrder: z,
+    columnSizing: A,
+    setAllColumns: B,
     sorting: g,
     sortingOnChange: v,
-    columnPinningOnChange: z,
-    columnSizingOnChange: W,
-    columnVisibilityOnChange: $,
-    columnOrderOnChange: x,
-    groupBy: I
-  } = Xe(), D = !!I, {
-    projectInfo: A,
-    tableData: F,
+    columnPinningOnChange: I,
+    columnSizingOnChange: q,
+    columnVisibilityOnChange: K,
+    columnOrderOnChange: C,
+    groupBy: j
+  } = Xe(), D = !!j, {
+    projectInfo: F,
+    tableData: V,
     attribFields: E,
     entitiesMap: te,
-    users: jt,
+    users: St,
     isLoading: ee,
     error: oe,
     isInitialized: dt,
     expanded: ie,
     projectName: tt,
-    updateExpanded: Tt,
+    updateExpanded: jt,
     toggleExpandAll: re,
-    showHierarchy: V,
+    showHierarchy: _,
     fetchNextPage: ne,
-    scopes: Y,
+    scopes: G,
     // or entityTypes
-    getEntityById: Mt,
+    getEntityById: Tt,
     onResetView: se
-  } = Qt(), { projectName: le, writableFields: zt } = go(), J = S || ee, {
-    statuses: It = [],
-    folderTypes: Pt = [],
-    taskTypes: vt = [],
-    tags: Dt = [],
-    linkTypes: Et = []
-  } = A || {}, et = L(
+  } = Qt(), { projectName: le, writableFields: Mt } = go(), J = S || ee, {
+    statuses: zt = [],
+    folderTypes: It = [],
+    taskTypes: Pt = [],
+    tags: vt = [],
+    linkTypes: Dt = []
+  } = F || {}, et = N(
     () => ao({
-      users: jt,
-      statuses: It,
-      folderTypes: Pt,
-      taskTypes: vt,
-      tags: Dt,
-      scopes: Y
+      users: St,
+      statuses: zt,
+      folderTypes: It,
+      taskTypes: Pt,
+      tags: vt,
+      scopes: G
     }),
-    [jt, It, Pt, vt, Y, Dt]
-  ), ot = lt(null), Lt = lt(0), { registerGrid: Nt } = bt(), { loadingAttrib: Ht, loadingRows: me } = L(() => {
+    [St, zt, It, Pt, G, vt]
+  ), ot = lt(null), Et = lt(0), { registerGrid: Lt } = xt(), { loadingAttrib: Nt, loadingRows: me } = N(() => {
     var r;
     const o = ((r = ot.current) == null ? void 0 : r.querySelectorAll("tbody tr").length) || 0, m = lo(), l = mo(
-      V && F.length > 0 ? Math.min(o, 50) : I ? Math.max(Lt.current, 50) : 50
+      _ && V.length > 0 ? Math.min(o, 50) : j ? Math.max(Et.current, 50) : 50
     );
     return { loadingAttrib: m, loadingRows: l };
-  }, []), ae = !dt || J, { readOnlyColumns: kt, readOnlyAttribs: pe } = L(
-    () => po(E, zt, h),
-    [E, zt, h]
-  ), { selectedCells: ct } = bt(), { updateEntities: Ot } = Yt(), de = mt(
+  }, []), ae = !dt || J, { readOnlyColumns: Ht, readOnlyAttribs: pe } = N(
+    () => po(E, Mt, h),
+    [E, Mt, h]
+  ), { selectedCells: ct } = xt(), { updateEntities: kt } = Yt(), de = mt(
     async (o, m) => {
       const { selection: l = [] } = m || {}, r = [];
       if (!(l != null && l.length))
         r.push({ ...o, id: o.rowId });
       else {
-        const { field: b, value: ft, isAttrib: ht, type: Ct } = o;
+        const { field: b, value: ft, isAttrib: ht } = o;
         for (const nt of ct) {
-          const { colId: q, rowId: st } = co(nt) || {}, yt = Mt(st || "");
-          if (!yt) {
+          const { colId: L, rowId: st } = co(nt) || {};
+          if (L === $) continue;
+          const Ct = Tt(st || "");
+          if (!Ct) {
             console.warn(`Entity with ID ${st} not found for cell update.`);
             continue;
           }
-          (!(q != null && q.includes("attrib_")) || (q == null ? void 0 : q.replace("attrib_", "")) === b) && st && r.push({
+          (!(L != null && L.includes("attrib_")) || (L == null ? void 0 : L.replace("attrib_", "")) === b) && st && r.push({
             field: b,
             rowId: st,
-            id: yt.entityId,
+            id: Ct.entityId,
             value: ft,
             isAttrib: ht,
-            type: yt.entityType
+            type: Ct.entityType
           });
         }
       }
@@ -371,29 +374,29 @@ const at = (t) => {
         console.warn("No entities to update, skipping updateEntities call."), so.warn("No entities to update.");
         return;
       }
-      await Ot(r, !0);
+      await kt(r, !0);
     },
-    [Ot, Mt, ct]
-  ), At = L(
-    () => dt ? E : Ht,
-    [E, Ht, dt]
-  ), ce = () => Y.map((o) => no(o)).join(" / "), ut = L(() => {
+    [kt, Tt, ct]
+  ), Ot = N(
+    () => dt ? E : Nt,
+    [E, Nt, dt]
+  ), ce = () => G.includes("version") ? "Product / Version" : G.map((o) => no(o)).join(" / "), ut = N(() => {
     const o = Ne({
-      scopes: Y,
-      attribs: At,
-      links: Et,
+      scopes: G,
+      attribs: Ot,
+      links: Dt,
       includeLinks: n,
-      showHierarchy: V,
+      showHierarchy: _,
       options: et,
       extraColumns: R,
-      excluded: y,
+      excluded: x,
       excludedSorting: w,
-      groupBy: I,
+      groupBy: j,
       nameLabel: ce()
     });
     return c ? [
       {
-        id: G,
+        id: X,
         header: () => null,
         cell: () => null,
         // Content rendered by TableBodyRow
@@ -409,24 +412,24 @@ const at = (t) => {
       ...o
     ] : o;
   }, [
-    Y,
-    At,
-    V,
-    j,
+    G,
+    Ot,
+    _,
+    T,
     et,
-    Et,
+    Dt,
     n,
     R,
-    y,
+    x,
     w,
     c
   ]);
-  xt(() => {
+  yt(() => {
     const o = ut.map((m) => m.id).filter(Boolean);
-    _(o);
-  }, [ut, _]);
+    B(o);
+  }, [ut, B]);
   const P = Ie({
-    data: ae ? me : F,
+    data: ae ? me : V,
     columns: ut,
     defaultColumn: {
       minSize: 50,
@@ -438,13 +441,13 @@ const at = (t) => {
     enableSubRowSelection: !1,
     //disable sub row selection
     getSubRows: (o) => o.subRows,
-    getRowCanExpand: () => !!j || V || D,
+    getRowCanExpand: () => !!T || _ || D,
     getCoreRowModel: Le(),
     getFilteredRowModel: Ee(),
     getExpandedRowModel: De(),
     filterFromLeafRows: !0,
     // EXPANDABLE
-    onExpandedChange: Tt,
+    onExpandedChange: jt,
     // SORTING
     enableSorting: !0,
     getSortedRowModel: ve(),
@@ -452,10 +455,10 @@ const at = (t) => {
     manualSorting: !s,
     onSortingChange: v,
     columnResizeMode: "onChange",
-    onColumnPinningChange: z,
-    onColumnSizingChange: W,
-    onColumnVisibilityChange: $,
-    onColumnOrderChange: x,
+    onColumnPinningChange: I,
+    onColumnSizingChange: q,
+    onColumnVisibilityChange: K,
+    onColumnOrderChange: C,
     // @ts-ignore
     filterFns: Pe,
     state: {
@@ -463,66 +466,66 @@ const at = (t) => {
       sorting: g,
       columnPinning: (() => {
         const o = [];
-        c && o.push(G), o.push(B);
-        const m = (T.left || []).filter(
-          (r) => r !== G && r !== B
+        c && o.push(X), o.push($);
+        const m = (M.left || []).filter(
+          (r) => r !== X && r !== $
         );
         return o.push(...m), {
           left: [...new Set(o)],
-          right: T.right
+          right: M.right
         };
       })(),
-      columnSizing: O,
-      columnVisibility: k,
-      columnOrder: M
+      columnSizing: A,
+      columnVisibility: O,
+      columnOrder: z
     },
     meta: {
       projectName: tt,
       options: et,
-      readOnly: kt,
+      readOnly: Ht,
       updateEntities: de,
       toggleExpandAll: re,
       loadMoreRows: ne,
       selection: Array.from(ct),
-      columnsConfig: H
+      columnsConfig: k
     }
   }), { rows: Q } = P.getRowModel();
-  xt(() => {
-    Lt.current = Q.length;
-  }, [Q.length]), xt(() => {
+  yt(() => {
+    Et.current = Q.length;
+  }, [Q.length]), yt(() => {
     if (!Q.length) return;
     const o = Q.map((r) => r.id), l = [...P.getAllLeafColumns().map((r) => r.id)].sort((r, b) => {
-      var Ct, nt;
-      if (B === b) return 1;
-      const ft = (Ct = T.left) != null && Ct.includes(r) ? 0 : 1, ht = (nt = T.left) != null && nt.includes(b) ? 0 : 1;
+      var nt, L;
+      if ($ === b) return 1;
+      const ft = (nt = M.left) != null && nt.includes(r) ? 0 : 1, ht = (L = M.left) != null && L.includes(b) ? 0 : 1;
       return ft - ht;
     });
-    Nt(o, l);
-  }, [Q, P.getAllLeafColumns(), T, B, Nt]);
-  const Ft = P.getVisibleLeafColumns(), { columnVirtualizer: gt, virtualPaddingLeft: it, virtualPaddingRight: rt } = to({
-    visibleColumns: Ft,
+    Lt(o, l);
+  }, [Q, P.getAllLeafColumns(), M, $, Lt]);
+  const At = P.getVisibleLeafColumns(), { columnVirtualizer: gt, virtualPaddingLeft: it, virtualPaddingRight: rt } = to({
+    visibleColumns: At,
     tableContainerRef: ot,
-    columnPinning: T,
-    columnSizing: O,
-    columnOrder: M
-  }), Vt = Je(P, O), { getRowHeight: ue, defaultRowHeight: _t } = oo(), ge = L(() => E.reduce((o, m) => {
+    columnPinning: M,
+    columnSizing: A,
+    columnOrder: z
+  }), Ft = Je(P, A), { getRowHeight: ue, defaultRowHeight: Vt } = oo(), ge = N(() => E.reduce((o, m) => {
     var l, r, b;
     return (r = (l = m.data) == null ? void 0 : l.enum) != null && r.length && (o[m.name] = (b = m.data) == null ? void 0 : b.enum), o;
-  }, {}), [E]), fe = L(() => F.map((o) => o.id), [F]), he = L(() => !d || !c ? null : F.find((o) => o.id === d), [d, F, c]), Ce = mt(
+  }, {}), [E]), fe = N(() => V.map((o) => o.id), [V]), he = N(() => !d || !c ? null : V.find((o) => o.id === d), [d, V, c]), Ce = mt(
     (o) => {
       if (i == null || i(o), f) {
         const m = o.currentTarget;
-        if (m && !V && !I) {
+        if (m && !_ && !j) {
           const { scrollHeight: l, scrollTop: r, clientHeight: b } = m;
           l - r - b < 500 && !J && f(o);
         }
       }
-      if (u && I) {
+      if (u && j) {
         const m = o.currentTarget, l = m == null ? void 0 : m.querySelector(".load-more"), r = l == null ? void 0 : l.getAttribute("id"), b = r == null ? void 0 : r.split("-")[2];
         b && u(b);
       }
     },
-    [i, f, u, V, I, J]
+    [i, f, u, _, j, J]
   ), {
     isEntityPickerOpen: ye,
     handleMoveSubmit: xe,
@@ -536,31 +539,31 @@ const at = (t) => {
   }), je = (o) => {
     xe(o);
     const m = o[0];
-    Tt((l) => typeof l == "boolean" ? l || { [m]: !0 } : l[m] ? l : {
+    jt((l) => typeof l == "boolean" ? l || { [m]: !0 } : l[m] ? l : {
       ...l,
       [m]: !0
     });
-  }, $t = /* @__PURE__ */ e.jsxs(
+  }, _t = /* @__PURE__ */ e.jsxs(
     qe,
     {
       entitiesMap: te,
       columnEnums: { ...et, ...ge },
       columnReadOnly: pe,
-      visibleColumns: Ft,
+      visibleColumns: At,
       children: [
-        /* @__PURE__ */ e.jsx(ke, { ...X, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx(ke, { ...Y, children: /* @__PURE__ */ e.jsx(
           Oe,
           {
             ref: ot,
             style: { height: "100%", padding: 0 },
             onScroll: Ce,
             ...p == null ? void 0 : p.container,
-            className: N(
+            className: H(
               "table-container",
               {
                 resizing: P.getState().columnSizingInfo.isResizingColumn
               },
-              (Bt = p == null ? void 0 : p.container) == null ? void 0 : Bt.className
+              ($t = p == null ? void 0 : p.container) == null ? void 0 : $t.className
             ),
             children: /* @__PURE__ */ e.jsxs(
               "table",
@@ -569,44 +572,44 @@ const at = (t) => {
                   display: "grid",
                   borderCollapse: "collapse",
                   userSelect: "none",
-                  ...Vt,
+                  ...Ft,
                   width: P.getTotalSize(),
                   cursor: P.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(
-                    wo,
+                    bo,
                     {
                       columnVirtualizer: gt,
                       table: P,
                       virtualPaddingLeft: it,
                       virtualPaddingRight: rt,
                       isLoading: J,
-                      readOnlyColumns: kt,
+                      readOnlyColumns: Ht,
                       sortableRows: c,
                       ...p == null ? void 0 : p.head
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    jo,
+                    So,
                     {
                       columnVirtualizer: gt,
                       table: P,
                       tableContainerRef: ot,
                       virtualPaddingLeft: it,
                       virtualPaddingRight: rt,
-                      showHierarchy: V,
+                      showHierarchy: _,
                       attribs: E,
-                      onOpenNew: C,
+                      onOpenNew: y,
                       rowOrderIds: fe,
                       sortableRows: c,
                       error: oe,
                       isLoading: J,
                       isGrouping: D,
                       getRowHeight: ue,
-                      defaultRowHeight: _t,
+                      defaultRowHeight: Vt,
                       onResetView: se,
-                      contextMenuItems: U
+                      contextMenuItems: W
                     }
                   )
                 ]
@@ -631,8 +634,8 @@ const at = (t) => {
         )
       ]
     }
-  ), Te = c && d && wt(
-    /* @__PURE__ */ e.jsx(ho, { dropAnimation: null, children: he ? (() => {
+  ), Te = c && d && bt(
+    /* @__PURE__ */ e.jsx(fo, { dropAnimation: null, children: he ? (() => {
       const o = P.getRowModel().rows.find((l) => l.id === d);
       if (!o) return null;
       const m = P.getTotalSize();
@@ -644,7 +647,7 @@ const at = (t) => {
             borderCollapse: "collapse",
             backgroundColor: "var(--md-sys-color-surface-container-high)",
             boxShadow: "0 0 10px rgba(0,0,0,0.2)",
-            ...Vt
+            ...Ft
           },
           children: /* @__PURE__ */ e.jsx("tbody", { children: /* @__PURE__ */ e.jsxs(Xt, { style: { display: "flex", userSelect: "none" }, children: [
             it ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: it } }) : null,
@@ -656,13 +659,13 @@ const at = (t) => {
                 width: pt(o.id, r.column.id),
                 display: "flex",
                 alignItems: "center",
-                height: _t
+                height: Vt
               };
-              return r.column.id === G ? /* @__PURE__ */ e.jsxs(
-                Rt,
+              return r.column.id === X ? /* @__PURE__ */ e.jsxs(
+                wt,
                 {
                   style: { ...b, justifyContent: "center" },
-                  className: N(r.column.id),
+                  className: H(r.column.id),
                   children: [
                     /* @__PURE__ */ e.jsx(Jt, { icon: "drag_handle" }),
                     " "
@@ -673,9 +676,9 @@ const at = (t) => {
                 Zt,
                 {
                   cell: r,
-                  cellId: `overlay-${St(o.id, r.column.id)}`,
+                  cellId: `overlay-${Rt(o.id, r.column.id)}`,
                   rowId: o.id,
-                  showHierarchy: V
+                  showHierarchy: _
                 },
                 `overlay-cell-${r.id}`
               );
@@ -688,38 +691,38 @@ const at = (t) => {
     document.body
   );
   return c ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    $t,
+    _t,
     Te
-  ] }) : $t;
-}, wo = ({
+  ] }) : _t;
+}, bo = ({
   columnVirtualizer: t,
   table: a,
   virtualPaddingLeft: i,
   virtualPaddingRight: f,
-  isLoading: C,
+  isLoading: y,
   readOnlyColumns: h,
-  sortableRows: y,
+  sortableRows: x,
   ...w
 }) => /* @__PURE__ */ e.jsx(Ae, { ...w, children: a.getHeaderGroups().map((R) => /* @__PURE__ */ e.jsx(
-  Ro,
+  wo,
   {
     columnVirtualizer: t,
     headerGroup: R,
     virtualPaddingLeft: i,
     virtualPaddingRight: f,
-    isLoading: C,
+    isLoading: y,
     readOnlyColumns: h,
-    sortableRows: y
+    sortableRows: x
   },
   R.id
-)) }), Ro = ({
+)) }), wo = ({
   columnVirtualizer: t,
   headerGroup: a,
   virtualPaddingLeft: i,
   virtualPaddingRight: f,
-  isLoading: C,
+  isLoading: y,
   readOnlyColumns: h,
-  sortableRows: y
+  sortableRows: x
 }) => {
   const w = t.getVirtualItems();
   return /* @__PURE__ */ e.jsxs(Fe, { style: { display: "flex" }, children: [
@@ -730,17 +733,17 @@ const at = (t) => {
     w.map((R) => {
       const n = a.headers[R.index];
       return /* @__PURE__ */ e.jsx(
-        So,
+        Ro,
         {
           header: n,
-          isLoading: C,
+          isLoading: y,
           isReadOnly: h == null ? void 0 : h.includes(n.id),
           canSort: n.column.getCanSort(),
           canFilter: n.column.getCanFilter(),
           canHide: n.column.getCanHide(),
           canPin: n.column.getCanPin(),
           canResize: n.column.getCanResize(),
-          sortableRows: y
+          sortableRows: x
         },
         n.id
       );
@@ -750,22 +753,22 @@ const at = (t) => {
       /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: f } })
     ) : null
   ] }, a.id);
-}, So = ({
+}, Ro = ({
   header: t,
   isLoading: a,
   canFilter: i,
   canHide: f,
-  canSort: C,
+  canSort: y,
   canPin: h,
-  canResize: y,
+  canResize: x,
   isReadOnly: w,
   sortableRows: R
 }) => {
-  const { column: n } = t, S = n.getIsSorted(), j = `column-header-menu-${n.id}`, { menuOpen: s } = Ye(), c = s === j;
+  const { column: n } = t, S = n.getIsSorted(), T = `column-header-menu-${n.id}`, { menuOpen: s } = Ye(), c = s === T;
   return /* @__PURE__ */ e.jsx(
     Ve,
     {
-      className: N(t.id, "shimmer-dark", {
+      className: H(t.id, "shimmer-dark", {
         loading: a,
         "last-pinned-left": n.getIsPinned() === "left" && n.getIsLastColumn("left"),
         resizing: n.getIsResizing()
@@ -774,28 +777,28 @@ const at = (t) => {
         ...at(n),
         width: pt("", n.id)
       },
-      children: t.isPlaceholder ? null : /* @__PURE__ */ e.jsxs(_e, { className: N("bold", "header"), children: [
+      children: t.isPlaceholder ? null : /* @__PURE__ */ e.jsxs(_e, { className: H("bold", "header"), children: [
         Gt(n.columnDef.header, t.getContext()),
         w && /* @__PURE__ */ e.jsx(Jt, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
         /* @__PURE__ */ e.jsxs($e, { className: "actions", $isOpen: c, children: [
-          (f || h || C) && /* @__PURE__ */ e.jsx(
+          (f || h || y) && /* @__PURE__ */ e.jsx(
             We,
             {
               className: "header-menu",
               header: t,
               canHide: f,
               canPin: h,
-              canSort: C,
+              canSort: y,
               isResizing: n.getIsResizing(),
-              menuId: j,
+              menuId: T,
               isOpen: c
             }
           ),
-          C && /* @__PURE__ */ e.jsx(
+          y && /* @__PURE__ */ e.jsx(
             Ke,
             {
               icon: "sort",
-              className: N("sort-button", { visible: S }),
+              className: H("sort-button", { visible: S }),
               style: {
                 transform: S === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
               },
@@ -804,13 +807,13 @@ const at = (t) => {
             }
           )
         ] }),
-        y && /* @__PURE__ */ e.jsx(
+        x && /* @__PURE__ */ e.jsx(
           Be,
           {
             onDoubleClick: () => n.resetSize(),
             onMouseDown: t.getResizeHandler(),
             onTouchStart: t.getResizeHandler(),
-            className: N("resize-handle", {
+            className: H("resize-handle", {
               resizing: n.getIsResizing()
             })
           }
@@ -819,88 +822,88 @@ const at = (t) => {
     },
     t.id
   );
-}, jo = ({
+}, So = ({
   columnVirtualizer: t,
   table: a,
   tableContainerRef: i,
   showHierarchy: f,
-  virtualPaddingLeft: C,
+  virtualPaddingLeft: y,
   virtualPaddingRight: h,
-  attribs: y,
+  attribs: x,
   onOpenNew: w,
   rowOrderIds: R,
   sortableRows: n,
   error: S,
-  isLoading: j,
+  isLoading: T,
   isGrouping: s,
   getRowHeight: c,
-  defaultRowHeight: K,
+  defaultRowHeight: U,
   onResetView: d,
-  contextMenuItems: H
+  contextMenuItems: k
 }) => {
-  const u = L(() => a.getAllColumns().map((z) => {
-    const W = z.id, $ = z.columnDef.header;
-    return typeof $ == "string" || typeof $ == "number" ? { label: $, id: W } : null;
+  const u = N(() => a.getAllColumns().map((I) => {
+    const q = I.id, K = I.columnDef.header;
+    return typeof K == "string" || typeof K == "number" ? { label: K, id: q } : null;
   }).filter(Boolean), [a.getAllColumns()]), p = Ze({
-    attribs: y,
+    attribs: x,
     onOpenNew: w,
     headerLabels: u,
-    contextMenuItems: H
-  }).handleTableBodyContextMenu, { handlePreFetchTasks: X } = Qe(), { rows: k } = a.getRowModel(), T = ze({
-    count: k.length,
+    contextMenuItems: k
+  }).handleTableBodyContextMenu, { handlePreFetchTasks: Y } = Qe(), { rows: O } = a.getRowModel(), M = ze({
+    count: O.length,
     estimateSize: (g) => {
-      const v = k[g];
-      return v ? c(v.original) : K;
+      const v = O[g];
+      return v ? c(v.original) : U;
     },
     getScrollElement: () => i.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
     measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (g) => g == null ? void 0 : g.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), M = T.getVirtualItems(), O = mt(
+  }), z = M.getVirtualItems(), A = mt(
     (g) => {
-      g && T.measureElement(g);
+      g && M.measureElement(g);
     },
-    [T]
+    [M]
   );
   eo();
-  const _ = /* @__PURE__ */ e.jsx(
+  const B = /* @__PURE__ */ e.jsx(
     "tbody",
     {
       style: {
-        height: `${T.getTotalSize()}px`,
+        height: `${M.getTotalSize()}px`,
         position: "relative",
         display: "grid"
       },
       onContextMenu: p,
       onMouseOver: (g) => {
-        X(g);
+        Y(g);
       },
-      children: M.map((g, v) => {
-        const z = k[g.index];
-        return z ? /* @__PURE__ */ e.jsx(
-          To,
+      children: z.map((g, v) => {
+        const I = O[g.index];
+        return I ? /* @__PURE__ */ e.jsx(
+          jo,
           {
-            row: z,
+            row: I,
             showHierarchy: f,
-            visibleCells: z.getVisibleCells(),
+            visibleCells: I.getVisibleCells(),
             virtualColumns: t.getVirtualItems(),
-            paddingLeft: C,
+            paddingLeft: y,
             paddingRight: h,
-            rowRef: O,
+            rowRef: A,
             dataIndex: g.index,
             offsetTop: g.start,
             sortableRows: n,
             isGrouping: s,
-            rowHeight: c(z.original)
+            rowHeight: c(I.original)
           },
-          z.id + v.toString()
+          I.id + v.toString()
         ) : (console.warn("Virtualized row data not found for index:", g.index), null);
       })
     }
   );
-  return S ? i.current && wt(
-    /* @__PURE__ */ e.jsx(Kt, { children: /* @__PURE__ */ e.jsx(Ut, { message: "No items found", error: S, children: d && /* @__PURE__ */ e.jsx(
-      Wt,
+  return S ? i.current && bt(
+    /* @__PURE__ */ e.jsx(Bt, { children: /* @__PURE__ */ e.jsx(Kt, { message: "No items found", error: S, children: d && /* @__PURE__ */ e.jsx(
+      Ut,
       {
         variant: "filled",
         label: "Reset working view",
@@ -909,9 +912,9 @@ const at = (t) => {
       }
     ) }) }),
     i.current
-  ) : !k.length && !j ? i.current && wt(
-    /* @__PURE__ */ e.jsx(Kt, { children: /* @__PURE__ */ e.jsx(Ut, { message: "No items found", children: d && /* @__PURE__ */ e.jsx(
-      Wt,
+  ) : !O.length && !T ? i.current && bt(
+    /* @__PURE__ */ e.jsx(Bt, { children: /* @__PURE__ */ e.jsx(Kt, { message: "No items found", children: d && /* @__PURE__ */ e.jsx(
+      Ut,
       {
         variant: "filled",
         label: "Reset working view",
@@ -920,27 +923,27 @@ const at = (t) => {
       }
     ) }) }),
     i.current
-  ) : n ? /* @__PURE__ */ e.jsx(Co, { items: R, strategy: yo, children: _ }) : _;
-}, To = ({
+  ) : n ? /* @__PURE__ */ e.jsx(ho, { items: R, strategy: Co, children: B }) : B;
+}, jo = ({
   row: t,
   showHierarchy: a,
   visibleCells: i,
   virtualColumns: f,
-  paddingLeft: C,
+  paddingLeft: y,
   paddingRight: h,
-  rowRef: y,
+  rowRef: x,
   dataIndex: w,
   offsetTop: R,
   sortableRows: n,
   isGrouping: S = !1,
-  rowHeight: j
+  rowHeight: T
 }) => {
-  const s = n ? xo({ id: t.id }) : null, c = mt(
+  const s = n ? yo({ id: t.id }) : null, c = mt(
     (d) => {
-      s && s.setNodeRef(d), s && s.isDragging || y(d);
+      s && s.setNodeRef(d), s && s.isDragging || x(d);
     },
-    [s, y]
-  ), K = {
+    [s, x]
+  ), U = {
     position: "absolute",
     // Use absolute positioning for virtualized items
     top: R,
@@ -949,13 +952,13 @@ const at = (t) => {
     // Span full width of the relative parent (tbody)
     right: 0,
     // Span full width
-    height: j,
+    height: T,
     // Use dynamic row height
     zIndex: s && s.isDragging ? 0 : 1,
     // Ensure dragged item is above others
     display: "flex",
     // Styled.TR is display:flex
-    transform: s && s.transform ? bo.Transform.toString(s.transform) : void 0,
+    transform: s && s.transform ? xo.Transform.toString(s.transform) : void 0,
     // Apply dnd-kit's transform for drag effect
     transition: s && s.transition ? s.transition : void 0,
     visibility: s && s.isDragging ? "hidden" : "visible"
@@ -966,19 +969,19 @@ const at = (t) => {
     {
       ref: c,
       "data-index": w,
-      style: K,
-      className: N({ "group-row": t.original.group }),
+      style: U,
+      className: H({ "group-row": t.original.group }),
       children: [
-        C ? (
+        y ? (
           //fake empty column to the left for virtualization scroll padding
-          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: C } })
+          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: y } })
         ) : null,
-        f.map((d, H) => {
+        f.map((d, k) => {
           const u = i[d.index];
           if (!u) return null;
-          const U = St(t.id, u.column.id);
-          return u.column.id === G ? /* @__PURE__ */ e.jsx(
-            Rt,
+          const W = Rt(t.id, u.column.id);
+          return u.column.id === X ? /* @__PURE__ */ e.jsx(
+            wt,
             {
               style: {
                 ...at(u.column),
@@ -986,11 +989,11 @@ const at = (t) => {
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                height: j,
+                height: T,
                 pointerEvents: "all",
                 cursor: "grab"
               },
-              className: N(u.column.id, {
+              className: H(u.column.id, {
                 "last-pinned-left": u.column.getIsPinned() === "left" && u.column.getIsLastColumn("left")
               }),
               onMouseDown: (p) => p.stopPropagation(),
@@ -1007,18 +1010,18 @@ const at = (t) => {
                 }
               )
             },
-            u.id + H.toString()
+            u.id + k.toString()
           ) : /* @__PURE__ */ e.jsx(
             Zt,
             {
               cell: u,
-              cellId: U,
+              cellId: W,
               rowId: t.id,
               showHierarchy: a,
               sortableRows: n,
-              rowHeight: j
+              rowHeight: T
             },
-            u.id + H.toString()
+            u.id + k.toString()
           );
         }),
         h ? (
@@ -1028,104 +1031,107 @@ const at = (t) => {
       ]
     }
   );
-}, Mo = ({
+}, To = ({
   cell: t,
   rowId: a,
   cellId: i,
   className: f,
-  showHierarchy: C,
+  showHierarchy: y,
   sortableRows: h,
-  rowHeight: y,
+  rowHeight: x,
   ...w
 }) => {
   const { getEntityById: R, onOpenPlayer: n } = Qt(), {
     isCellSelected: S,
-    isCellFocused: j,
+    isCellFocused: T,
     startSelection: s,
     extendSelection: c,
-    endSelection: K,
+    endSelection: U,
     selectCell: d,
-    focusCell: H,
+    focusCell: k,
     getCellBorderClasses: u,
-    clearSelection: U,
+    clearSelection: W,
     selectedCells: p
-  } = bt(), { isRowSelected: X } = Ge(), { isEditing: k, setEditingCellId: T } = Yt(), M = lt(null), O = lt(0), _ = u(i), v = t.column.getIsPinned() === "left" && t.column.getIsLastColumn("left"), z = t.column.id === B, W = t.row.original.entityType === "group", $ = p.size > 1;
+  } = xt(), { isRowSelected: Y } = Ge(), { isEditing: O, setEditingCellId: M } = Yt(), z = lt(null), A = lt(0), B = u(i), v = t.column.getIsPinned() === "left" && t.column.getIsLastColumn("left"), I = t.column.id === $, q = t.row.original.entityType === "group", K = p.size > 1;
   return /* @__PURE__ */ e.jsx(
-    Rt,
+    wt,
     {
       ...w,
       tabIndex: 0,
       $isLastPinned: v,
-      className: N(
+      className: H(
         t.column.id,
         {
           selected: S(i),
-          focused: j(i),
-          editing: k(i),
+          focused: T(i),
+          editing: O(i),
           "last-pinned-left": v,
-          "selected-row": X(a),
+          "selected-row": Y(a),
           expandable: !!t.row.originalSubRows && He(t.row.original.entityType),
-          "multiple-selected": $
+          "multiple-selected": K
         },
         f,
-        ..._
+        ...B
       ),
       style: {
         ...at(t.column),
         width: pt(t.row.id, t.column.id),
-        height: y
+        height: x
       },
-      onMouseDown: (x) => {
-        if (x.button !== 0) return;
-        const I = x.target;
-        if (I.closest(".expander")) return;
-        const D = qt(t.row.original.entityType);
-        if (I.closest("." + fo)) {
-          if (S(i) || (d(i, !1, !1), H(i)), D) return;
-          T(i);
+      onMouseDown: (C) => {
+        if (C.button !== 0) return;
+        const j = C.target;
+        if (j.closest(".expander")) return;
+        const D = Wt(t.row.original.entityType);
+        if (j.closest("." + qt)) {
+          if (S(i) || (d(i, !1, !1), k(i)), D) return;
+          M(i);
           return;
         }
-        if (I.closest(".options")) return;
-        if (W && t.column.id !== "name") return U();
-        M.current && (clearTimeout(M.current), M.current = null);
-        const A = Date.now(), F = A - O.current;
-        if (O.current = A, F < 300)
+        if (j.closest(".options")) return;
+        if (q && t.column.id !== "name") return W();
+        z.current && (clearTimeout(z.current), z.current = null);
+        const F = Date.now(), V = F - A.current;
+        if (A.current = F, V < 300)
           return;
-        const E = x.metaKey || x.ctrlKey || z;
-        x.shiftKey ? d(i, E, !0) : M.current = setTimeout(() => {
-          s(i, E), M.current = null;
+        const E = C.metaKey || C.ctrlKey || I;
+        C.shiftKey ? d(i, E, !0) : z.current = setTimeout(() => {
+          s(i, E), z.current = null;
         }, 200);
       },
-      onMouseOver: (x) => {
-        x.buttons === 1 && c(i, z);
+      onMouseOver: (C) => {
+        if (C.buttons === 1) {
+          if (C.target.closest("." + qt)) return;
+          c(i, I);
+        }
       },
       onMouseUp: () => {
-        K(i);
+        U(i);
       },
-      onDoubleClick: (x) => {
-        M.current && (clearTimeout(M.current), M.current = null);
-        const I = qt(t.row.original.entityType);
-        if (t.column.id === "name" && !x.target.closest(".expander") && !W && !I) {
-          const D = St(t.row.id, B), A = x.metaKey || x.ctrlKey;
-          S(D) || d(D, A, !1), S(i) || d(i, !0, !1);
+      onDoubleClick: (C) => {
+        z.current && (clearTimeout(z.current), z.current = null);
+        const j = Wt(t.row.original.entityType);
+        if (t.column.id === "name" && !C.target.closest(".expander") && !q && !j) {
+          const D = Rt(t.row.id, $), F = C.metaKey || C.ctrlKey;
+          S(D) || d(D, F, !1), S(i) || d(i, !0, !1);
         }
-        if (t.column.id === "thumbnail" && !I && n) {
+        if (t.column.id === "thumbnail" && !j && n) {
           const D = R(t.row.original.entityId || t.row.id);
           if (D) {
-            const A = uo(D);
-            n(A, { quickView: !0 });
+            const F = uo(D);
+            n(F, { quickView: !0 });
           }
         }
       },
-      onContextMenu: (x) => {
-        x.preventDefault(), S(i) || d(i, !1, !1);
+      onContextMenu: (C) => {
+        C.preventDefault(), S(i) || d(i, !1, !1);
       },
       children: Gt(t.column.columnDef.cell, t.getContext())
     }
   );
-}, Zt = Me(Mo);
+}, Zt = Me(To);
 export {
-  G as DRAG_HANDLE_COLUMN_ID,
+  X as DRAG_HANDLE_COLUMN_ID,
   al as ProjectTreeTable
 };
 //# sourceMappingURL=ProjectTreeTable.es.js.map