@ynput/ayon-frontend-shared 0.4.2 → 0.4.3

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

@@ -3,64 +3,63 @@ import { useMemo as D, useRef as ge, useCallback as be, useEffect as me } from "
 import { useVirtualizer as fn } from "@tanstack/react-virtual";
 import { useReactTable as pn, filterFns as hn, getSortedRowModel as Cn, getExpandedRowModel as yn, getFilteredRowModel as xn, getCoreRowModel as bn, flexRender as He } from "@tanstack/react-table";
 import V from "clsx";
-import wn, { isEntityExpandable as Sn } from "./buildTreeTableColumns.es.js";
-import { TableWrapper as jn, TableContainer as Rn, SoftErrorBanner as vn, TR as ft, TD as Ae, TableHeader as In, ColumnDividers as En, AnimatedEmptyPlaceholder as dt, HeaderCell as pt, TableCellContent as ht, ColumnHeader as Tn, HeaderButtons as Dn, ResizedHandler as Mn } from "./ProjectTreeTable.styled.es.js";
+import wn, { getNameColumnLabel as Sn, isEntityExpandable as jn } from "./buildTreeTableColumns.es.js";
+import { TableWrapper as Rn, TableContainer as vn, SoftErrorBanner as In, TR as ft, TD as Ae, TableHeader as En, ColumnDividers as Tn, AnimatedEmptyPlaceholder as dt, HeaderCell as pt, TableCellContent as ht, ColumnHeader as Dn, HeaderButtons as Mn, ResizedHandler as zn } from "./ProjectTreeTable.styled.es.js";
 import ct from "./components/HeaderActionButton.es.js";
 import Pn from "./components/RowDragHandleCellContent.es.js";
 import "./components/RowSelectionHeader.es.js";
 import "./components/SelectionCell.es.js";
-import { ColumnHeaderMenu as zn } from "./components/ColumnHeaderMenu.es.js";
+import { ColumnHeaderMenu as Ln } from "./components/ColumnHeaderMenu.es.js";
 import { DragOverlay as Ct, useDndContext as yt } from "@dnd-kit/core";
-import { SortableContext as xt, verticalListSortingStrategy as Ln, horizontalListSortingStrategy as Fn, useSortable as bt } from "@dnd-kit/sortable";
+import { SortableContext as xt, verticalListSortingStrategy as Fn, horizontalListSortingStrategy as On, useSortable as bt } from "@dnd-kit/sortable";
 import { useColumnSettingsContext as wt } from "./context/ColumnSettingsContext.es.js";
-import { ROW_SELECTION_COLUMN_ID as F, DRAG_HANDLE_COLUMN_ID as X } from "./constants.es.js";
-import { TableFooterRow as On } from "./components/TableFooterRow.es.js";
+import { ROW_SELECTION_COLUMN_ID as F, DRAG_HANDLE_COLUMN_ID as Q } from "./constants.es.js";
+import { TableFooterRow as Hn } from "./components/TableFooterRow.es.js";
 import { getColumnWidth as Se, getCommonPinningStyles as je } from "./utils/pinningUtils.es.js";
-import { EmptyPlaceholder as Pe } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { EmptyPlaceholder as ze } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { InfoMessage as Hn } from "../../components/InfoMessage/InfoMessage.es.js";
-import { FilterErrorActions as An } from "../../components/FilterErrorActions/FilterErrorActions.es.js";
+import { InfoMessage as An } from "../../components/InfoMessage/InfoMessage.es.js";
+import { FilterErrorActions as Nn } from "../../components/FilterErrorActions/FilterErrorActions.es.js";
 import { useCellEditing as St } from "./context/CellEditingContext.es.js";
 import { useSelectionCellsContext as Le } from "./context/SelectionCellsContext.es.js";
-import { ClipboardProvider as Nn } from "./context/ClipboardContext.es.js";
-import { useSelectedRowsContext as kn } from "./context/SelectedRowsContext.es.js";
-import { useMenuContext as Vn } from "../../context/MenuContext.es.js";
-import Bn from "./hooks/useCustomColumnWidthVars.es.js";
-import $n from "./hooks/useCellContextMenu.es.js";
-import _n from "./hooks/useColumnVirtualization.es.js";
-import qn from "./hooks/useKeyboardNavigation.es.js";
-import Gn from "./hooks/useDynamicRowHeight.es.js";
-import { useProjectDataContext as Kn } from "./context/ProjectDataContext.es.js";
-import { isGroupId as Un } from "./hooks/useBuildGroupByTableData.es.js";
+import { ClipboardProvider as kn } from "./context/ClipboardContext.es.js";
+import { useSelectedRowsContext as Vn } from "./context/SelectedRowsContext.es.js";
+import { useMenuContext as Bn } from "../../context/MenuContext.es.js";
+import $n from "./hooks/useCustomColumnWidthVars.es.js";
+import _n from "./hooks/useCellContextMenu.es.js";
+import qn from "./hooks/useColumnVirtualization.es.js";
+import Gn from "./hooks/useKeyboardNavigation.es.js";
+import Kn from "./hooks/useDynamicRowHeight.es.js";
+import { useProjectDataContext as Un } from "./context/ProjectDataContext.es.js";
+import { isGroupId as Wn } from "./hooks/useBuildGroupByTableData.es.js";
 import { parseCellId as Fe, getCellId as Ne } from "./utils/cellUtils.es.js";
-import { generateDummyAttributes as Wn, generateLoadingRows as Jn } from "./utils/loadingUtils.es.js";
-import { isTargetReadOnly as Qn, isEntityRestricted as ut } from "./utils/restrictedEntity.es.js";
+import { generateDummyAttributes as Jn, generateLoadingRows as Qn } from "./utils/loadingUtils.es.js";
+import { isTargetReadOnly as Xn, isEntityRestricted as ut } from "./utils/restrictedEntity.es.js";
 import { createPortal as we } from "react-dom";
-import { Icon as jt, Button as ze } from "@ynput/ayon-react-components";
-import { useProjectTableContext as Rt, parseRowId as Xn } from "./context/ProjectTableContext.es.js";
+import { Icon as jt, Button as Pe } from "@ynput/ayon-react-components";
+import { useProjectTableContext as Rt, parseRowId as Yn } from "./context/ProjectTableContext.es.js";
 import "../../components/SearchFilter/filterDates.es.js";
 import "date-fns";
-import { getTableFieldOptions as Yn } from "./utils/getTableFieldOptions.es.js";
-import { getReadOnlyLists as Zn } from "./utils/getReadOnlyLists.es.js";
+import { getTableFieldOptions as Zn } from "./utils/getTableFieldOptions.es.js";
+import { getReadOnlyLists as eo } from "./utils/getReadOnlyLists.es.js";
 import "./utils/columnIds.es.js";
-import { isFilterError as eo, getFilterErrorMessage as to, getEntitiesLabelFromScopes as no, extractQueryErrorMessage as oo } from "./utils/filterError.es.js";
-import { getEntityViewierIds as io } from "./utils/getEntityViewerIds.es.js";
-import { checkColumnVisibility as so, ensureAtLeastOneVisibleColumn as ro } from "./utils/checkColumnVisibility.es.js";
+import { isFilterError as to, getFilterErrorMessage as no, getEntitiesLabelFromScopes as oo, extractQueryErrorMessage as io } from "./utils/filterError.es.js";
+import { getEntityViewierIds as so } from "./utils/getEntityViewerIds.es.js";
+import { checkColumnVisibility as ro, ensureAtLeastOneVisibleColumn as lo } from "./utils/checkColumnVisibility.es.js";
 import { CSS as Oe } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
-import { useProjectContext as lo } from "../../context/ProjectContext.es.js";
-import { usePowerpack as ao } from "../../context/PowerpackContext.es.js";
-import { setDetailsPanelTabForScope as co } from "../../context/DetailsPanelContext.es.js";
-import { useLoadModule as uo } from "../../hooks/useLoadModule.es.js";
+import { useProjectContext as ao } from "../../context/ProjectContext.es.js";
+import { usePowerpack as co } from "../../context/PowerpackContext.es.js";
+import { setDetailsPanelTabForScope as uo } from "../../context/DetailsPanelContext.es.js";
+import { useLoadModule as mo } from "../../hooks/useLoadModule.es.js";
 import { EDIT_TRIGGER_CLASS as mt } from "./widgets/CellWidget.es.js";
-import { toast as mo } from "react-toastify";
-import { upperFirst as go } from "lodash";
+import { toast as go } from "react-toastify";
 const fo = () => null, po = (o, f) => f.some((i) => {
   if (i.includes("*")) {
     const g = "^" + i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/\\\*/g, ".*") + "$";
     return new RegExp(g).test(o);
   }
   return o === i;
-}), ji = ({
+}), Si = ({
   scope: o,
   sliceId: f,
   onScroll: i,
@@ -83,11 +82,11 @@ const fo = () => null, po = (o, f) => f.some((i) => {
   columnsConfig: c,
   showColumnSummaries: A = !1,
   fieldStats: w,
-  groupFieldStats: Y,
+  groupFieldStats: X,
   fieldStatsLoading: _,
-  fieldStatsError: Z,
-  mainCountLabels: P,
-  onScrollBottomGroupBy: z,
+  fieldStatsError: Y,
+  mainCountLabels: z,
+  onScrollBottomGroupBy: P,
   // Destructure new prop for group-by load more
   contextMenuItems: L,
   // Additional context menu items from props
@@ -116,8 +115,8 @@ const fo = () => null, po = (o, f) => f.some((i) => {
     columnSummaryScopes: Tt,
     updateColumnSummaryScope: Dt,
     columnSummaryFormats: Mt,
-    updateColumnSummaryFormat: Pt
-  } = wt(), { productTypes: zt, projectName: Lt, ...Ft } = lo(), {
+    updateColumnSummaryFormat: zt
+  } = wt(), { productTypes: Pt, projectName: Lt, ...Ft } = ao(), {
     tableData: ee,
     attribFields: J,
     entitiesMap: Ot,
@@ -133,37 +132,37 @@ const fo = () => null, po = (o, f) => f.some((i) => {
     showHierarchy: $,
     isFlatFolderView: pe,
     fetchNextPage: Bt,
-    scopes: Q,
+    scopes: Z,
     // or entityTypes
     getEntityById: he,
     onResetView: $t,
     overrideGroupBy: Be,
     loadingLinksEntityIds: _t,
     queryFilters: qt
-  } = Rt(), $e = !!W || !!Be, Gt = eo(ve, qt), Kt = to(no(Q)), Ee = Be?.id ?? W?.id, Ut = Array.isArray(Ee) ? Ee[0] : Ee, Wt = $ || ["hierarchy", "folder", "product"].includes(Ut ?? "") || Q.includes("product"), { writableFields: _e } = Kn(), re = v || Ht, {
+  } = Rt(), $e = !!W || !!Be, Gt = to(ve, qt), Kt = no(oo(Z)), Ee = Be?.id ?? W?.id, Ut = Array.isArray(Ee) ? Ee[0] : Ee, Wt = $ || ["hierarchy", "folder", "product"].includes(Ut ?? "") || Z.includes("product"), { writableFields: _e } = Un(), re = v || Ht, {
     statuses: qe = [],
     folderTypes: Ge = [],
     taskTypes: Ke = [],
     tags: Ue = [],
     linkTypes: We = []
   } = Ft || {}, le = D(
-    () => Yn({
+    () => Zn({
       users: ke,
       statuses: qe,
       folderTypes: Ge,
       taskTypes: Ke,
-      productTypes: zt,
+      productTypes: Pt,
       tags: Ue,
-      scopes: Q
+      scopes: Z
     }),
-    [ke, qe, Ge, Ke, Q, Ue]
+    [ke, qe, Ge, Ke, Z, Ue]
   ), Ce = ge(null), Je = ge(0), { registerGrid: Qe } = Le(), { loadingAttrib: Xe, loadingRows: Jt } = D(() => {
-    const t = Ce.current?.querySelectorAll("tbody tr").length || 0, r = Wn(), C = Jn(
+    const t = Ce.current?.querySelectorAll("tbody tr").length || 0, r = Jn(), C = Qn(
       $ && ee.length > 0 ? Math.min(t, 50) : W ? Math.max(Je.current, 50) : 50
     );
     return { loadingAttrib: r, loadingRows: C };
   }, []), Qt = !Ie || re, { readOnlyColumns: Ye, readOnlyAttribs: Xt } = D(
-    () => Zn(J, _e, x),
+    () => eo(J, _e, x),
     [J, _e, x]
   ), { selectedCells: ae } = Le(), { updateEntities: Ze } = St(), Yt = be(
     async (t, r) => {
@@ -191,7 +190,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
         }
       }
       if (!a.length) {
-        console.warn("No entities to update, skipping updateEntities call."), mo.warn("No entities to update.");
+        console.warn("No entities to update, skipping updateEntities call."), go.warn("No entities to update.");
         return;
       }
       await Ze(a, !0);
@@ -200,9 +199,9 @@ const fo = () => null, po = (o, f) => f.some((i) => {
   ), et = D(
     () => Ie ? J : Xe,
     [J, Xe, Ie]
-  ), Zt = () => Q.includes("version") ? "Product / Version" : Q.map((t) => go(t)).join(" / "), te = D(() => {
+  ), Zt = () => Sn(Z), te = D(() => {
     const t = wn({
-      scopes: Q,
+      scopes: Z,
       attribs: et,
       links: We,
       includeLinks: p,
@@ -217,7 +216,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
     });
     return y && n ? [
       {
-        id: X,
+        id: Q,
         header: () => null,
         cell: () => null,
         // Content rendered by TableBodyRow
@@ -233,7 +232,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
       ...t
     ] : t;
   }, [
-    Q,
+    Z,
     JSON.stringify(et),
     // columnAttribs is unstable between renders
     $,
@@ -257,8 +256,8 @@ const fo = () => null, po = (o, f) => f.some((i) => {
     const t = { ...s };
     return te.forEach((r) => {
       const C = r.visible;
-      r.id && t[r.id] === void 0 && (C !== void 0 ? t[r.id] = C : t[r.id] = so({}, r.id, ie));
-    }), ro(t, te.map((r) => r.id).filter(Boolean));
+      r.id && t[r.id] === void 0 && (C !== void 0 ? t[r.id] = C : t[r.id] = ro({}, r.id, ie));
+    }), lo(t, te.map((r) => r.id).filter(Boolean));
   }, [s, ie, te]), j = pn({
     data: Qt ? Jt : ee,
     columns: te,
@@ -297,9 +296,9 @@ const fo = () => null, po = (o, f) => f.some((i) => {
       sorting: fe,
       columnPinning: (() => {
         const t = [];
-        y && t.push(X), t.push(F);
+        y && t.push(Q), t.push(F);
         const r = (d.left || []).filter(
-          (a) => a !== X && a !== F
+          (a) => a !== Q && a !== F
         );
         return t.push(...r), {
           left: [...new Set(t)],
@@ -333,7 +332,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
     });
     Qe(t, C);
   }, [ne, j.getAllLeafColumns(), d, F, Qe]);
-  const ye = j.getVisibleLeafColumns(), { columnVirtualizer: de, virtualPaddingLeft: ce, virtualPaddingRight: ue } = _n({
+  const ye = j.getVisibleLeafColumns(), { columnVirtualizer: de, virtualPaddingLeft: ce, virtualPaddingRight: ue } = qn({
     visibleColumns: ye,
     tableContainerRef: Ce,
     columnPinning: d,
@@ -349,7 +348,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
       tt.current[m.id] !== H && (r[m.id] = H, C = !0, tt.current[m.id] = H);
     }), C && T(r);
   }, [nt, T, N, ye, j]);
-  const ot = Bn(j, S), { powerLicense: it } = ao(), [tn, { isLoaded: st, isLoading: rt }] = uo({
+  const ot = $n(j, S), { powerLicense: it } = co(), [tn, { isLoaded: st, isLoading: rt }] = mo({
     addon: "powerpack",
     remote: "views",
     module: "SummaryCellContent",
@@ -359,13 +358,13 @@ const fo = () => null, po = (o, f) => f.some((i) => {
     const t = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
     for (const C of ae) {
       const { rowId: a, colId: m } = Fe(C) || {};
-      if (!a || Un(a)) continue;
+      if (!a || Wn(a)) continue;
       const H = he(a)?.entityId;
       H && (m === F ? r.add(H) : t.add(H));
     }
     return t.size || r.size;
-  }, [ae, he]), { getRowHeight: rn, defaultRowHeight: lt } = Gn(), ln = D(() => J.reduce((t, r) => (r.data?.enum?.length && (t[r.name] = r.data?.enum), t), {}), [J]), an = D(() => ee.map((t) => t.id), [ee]), dn = D(() => l.filter(
-    (t) => t !== X && t !== F
+  }, [ae, he]), { getRowHeight: rn, defaultRowHeight: lt } = Kn(), ln = D(() => J.reduce((t, r) => (r.data?.enum?.length && (t[r.name] = r.data?.enum), t), {}), [J]), an = D(() => ee.map((t) => t.id), [ee]), dn = D(() => l.filter(
+    (t) => t !== Q && t !== F
   ), [l]), cn = D(() => !b || !y ? null : ee.find((t) => t.id === b), [b, ee, y]), un = be(
     (t) => {
       if (i?.(t), u) {
@@ -375,22 +374,22 @@ const fo = () => null, po = (o, f) => f.some((i) => {
           C - a - m < 500 && !re && u(t);
         }
       }
-      if (z && W) {
+      if (P && W) {
         const m = t.currentTarget?.querySelector(".load-more")?.getAttribute("id")?.split("-")[2];
-        m && z(m);
+        m && P(m);
       }
     },
-    [i, u, z, $, W, re]
+    [i, u, P, $, W, re]
   ), at = /* @__PURE__ */ e.jsx(
-    Nn,
+    kn,
     {
       entitiesMap: Ot,
       columnEnums: { ...le, ...ln },
       columnReadOnly: Xt,
       visibleColumns: ye,
-      children: /* @__PURE__ */ e.jsxs(jn, { ...B, children: [
+      children: /* @__PURE__ */ e.jsxs(Rn, { ...B, children: [
         /* @__PURE__ */ e.jsx(
-          Rn,
+          vn,
           {
             ref: Ce,
             style: { height: "100%", padding: 0 },
@@ -460,7 +459,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
                     }
                   ),
                   nn && !ve && /* @__PURE__ */ e.jsx(
-                    On,
+                    Hn,
                     {
                       columnVirtualizer: de,
                       table: j,
@@ -468,21 +467,21 @@ const fo = () => null, po = (o, f) => f.some((i) => {
                       virtualPaddingRight: ue,
                       isLoading: on,
                       statsLoading: !!_,
-                      error: Z,
+                      error: Y,
                       renderCellContent: (t) => /* @__PURE__ */ e.jsx(
                         tn,
                         {
                           columnId: t,
                           attribs: J,
                           fieldStats: w,
-                          groupFieldStats: Y,
+                          groupFieldStats: X,
                           calc: It[t],
                           onCalcChange: (r) => Et(t, r),
                           format: Mt[t],
-                          onFormatChange: (r) => Pt(t, r),
+                          onFormatChange: (r) => zt(t, r),
                           scope: Tt[t],
                           onScopeChange: (r) => Dt(t, r),
-                          mainCountLabels: P,
+                          mainCountLabels: z,
                           fieldOptions: le,
                           parentScopeApplicable: Wt,
                           selectedCount: sn
@@ -495,7 +494,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
             )
           }
         ),
-        Ve && /* @__PURE__ */ e.jsx(vn, { children: /* @__PURE__ */ e.jsx(Hn, { variant: "warning", message: Ve, action: At }) })
+        Ve && /* @__PURE__ */ e.jsx(In, { children: /* @__PURE__ */ e.jsx(An, { variant: "warning", message: Ve, action: At }) })
       ] })
     }
   ), mn = y && b && we(
@@ -525,7 +524,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
                 alignItems: "center",
                 height: lt
               };
-              return a.column.id === X ? /* @__PURE__ */ e.jsxs(
+              return a.column.id === Q ? /* @__PURE__ */ e.jsxs(
                 Ae,
                 {
                   style: { ...m, justifyContent: "center" },
@@ -594,7 +593,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
   sortableRows: R,
   columnOrderIds: I,
   ...M
-}) => /* @__PURE__ */ e.jsx(In, { ...M, children: f.getHeaderGroups().map((p) => /* @__PURE__ */ e.jsx(
+}) => /* @__PURE__ */ e.jsx(En, { ...M, children: f.getHeaderGroups().map((p) => /* @__PURE__ */ e.jsx(
   Co,
   {
     columnVirtualizer: o,
@@ -618,13 +617,13 @@ const fo = () => null, po = (o, f) => f.some((i) => {
   columnOrderIds: I
 }) => {
   const M = o.getVirtualItems(), { active: p } = yt(), v = p?.data?.current?.type === "column", E = v && (p?.data?.current?.isPinned ?? !1);
-  return /* @__PURE__ */ e.jsxs(Tn, { style: { display: "flex" }, children: [
+  return /* @__PURE__ */ e.jsxs(Dn, { style: { display: "flex" }, children: [
     i ? (
       //fake empty column to the left for virtualization scroll padding
       /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: i } })
     ) : null,
-    /* @__PURE__ */ e.jsx(xt, { items: I, strategy: Fn, children: M.map((n) => {
-      const h = f.headers[n.index], y = h.id !== X && h.id !== F;
+    /* @__PURE__ */ e.jsx(xt, { items: I, strategy: On, children: M.map((n) => {
+      const h = f.headers[n.index], y = h.id !== Q && h.id !== F;
       return /* @__PURE__ */ e.jsx(
         yo,
         {
@@ -663,10 +662,10 @@ const fo = () => null, po = (o, f) => f.some((i) => {
   isColumnDrag: v,
   isDraggedColumnPinned: E
 }) => {
-  const { column: n } = o, h = n.getIsSorted(), y = `column-header-menu-${n.id}`, { menuOpen: O } = Vn(), b = O === y, { columnPinning: c, sorting: A, updateSorting: w } = wt(), Y = () => {
+  const { column: n } = o, h = n.getIsSorted(), y = `column-header-menu-${n.id}`, { menuOpen: O } = Bn(), b = O === y, { columnPinning: c, sorting: A, updateSorting: w } = wt(), X = () => {
     const s = A?.find((l) => l.id === n.id), d = s ? s.desc ? [] : [{ id: n.id, desc: !0 }] : [{ id: n.id, desc: !1 }];
     w(d);
-  }, _ = c.left?.includes(n.id) || !1, { attributes: Z, listeners: P, setNodeRef: z, transform: L, transition: T, isDragging: N } = bt({
+  }, _ = c.left?.includes(n.id) || !1, { attributes: Y, listeners: z, setNodeRef: P, transform: L, transition: T, isDragging: N } = bt({
     id: n.id,
     data: { type: "column", isPinned: _ },
     disabled: !p
@@ -690,7 +689,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
   return /* @__PURE__ */ e.jsx(
     pt,
     {
-      ref: z,
+      ref: P,
       className: V(o.id, "shimmer-dark", {
         loading: f,
         "last-pinned-left": n.getIsPinned() === "left" && n.getIsLastColumn("left"),
@@ -707,13 +706,13 @@ const fo = () => null, po = (o, f) => f.some((i) => {
         ht,
         {
           className: V("bold", "header"),
-          ...p ? { ...Z, ...P } : {},
+          ...p ? { ...Y, ...z } : {},
           children: [
             He(n.columnDef.header, o.getContext()),
             I && /* @__PURE__ */ e.jsx(jt, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
-            /* @__PURE__ */ e.jsxs(Dn, { className: "actions", $isOpen: b, ...B, children: [
+            /* @__PURE__ */ e.jsxs(Mn, { className: "actions", $isOpen: b, ...B, children: [
               (u || x || g) && /* @__PURE__ */ e.jsx(
-                zn,
+                Ln,
                 {
                   className: "header-menu",
                   header: o,
@@ -733,11 +732,11 @@ const fo = () => null, po = (o, f) => f.some((i) => {
                   style: {
                     transform: h === "desc" ? "rotate(180deg) scaleX(-1)" : "none"
                   },
-                  onClick: Y,
+                  onClick: X,
                   selected: !!n.getIsSorted()
                 }
               ),
-              n.getIsPinned() && n.id !== F && n.id !== X && /* @__PURE__ */ e.jsx(
+              n.getIsPinned() && n.id !== F && n.id !== Q && /* @__PURE__ */ e.jsx(
                 ct,
                 {
                   icon: "push_pin",
@@ -748,7 +747,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
               )
             ] }),
             R && /* @__PURE__ */ e.jsx(
-              Mn,
+              zn,
               {
                 onDoubleClick: () => n.resetSize(),
                 onMouseDown: (s) => {
@@ -789,37 +788,37 @@ const fo = () => null, po = (o, f) => f.some((i) => {
   contextMenuItems: A,
   onVisibleRowsChange: w
 }) => {
-  const Y = D(() => f.getAllColumns().map((l) => {
+  const X = D(() => f.getAllColumns().map((l) => {
     const S = l.id, G = l.columnDef.header;
     return typeof G == "string" || typeof G == "number" ? { label: G, id: S } : null;
-  }).filter(Boolean), [f.getAllColumns()]), Z = $n({
+  }).filter(Boolean), [f.getAllColumns()]), Y = _n({
     attribs: R,
     onOpenNew: I,
-    headerLabels: Y,
+    headerLabels: X,
     contextMenuItems: A
-  }).handleTableBodyContextMenu, { rows: P } = f.getRowModel(), z = fn({
-    count: P.length,
+  }).handleTableBodyContextMenu, { rows: z } = f.getRowModel(), P = fn({
+    count: z.length,
     estimateSize: (s) => {
-      const d = P[s];
+      const d = z[s];
       return d ? O(d.original) : b;
     },
     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 ? (s) => s?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), L = z.getVirtualItems(), T = ge("");
+  }), L = P.getVirtualItems(), T = ge("");
   me(() => {
     if (!w) return;
-    const s = L.map((S) => P[S.index] && Xn(P[S.index].id)).filter(Boolean), d = Array.from(new Set(s)), l = d.join(",");
+    const s = L.map((S) => z[S.index] && Yn(z[S.index].id)).filter(Boolean), d = Array.from(new Set(s)), l = d.join(",");
     l !== T.current && (T.current = l, w(d));
-  }, [L, P, w]);
+  }, [L, z, w]);
   const N = be(
     (s) => {
-      s && z.measureElement(s);
+      s && P.measureElement(s);
     },
-    [z]
+    [P]
   );
-  qn();
+  Gn();
   const q = f.getVisibleLeafColumns(), k = D(() => {
     const s = [], d = [];
     for (let l = 0; l < q.length - 1; l++) {
@@ -831,15 +830,15 @@ const fo = () => null, po = (o, f) => f.some((i) => {
     "tbody",
     {
       style: {
-        minHeight: `${z.getTotalSize()}px`,
+        minHeight: `${P.getTotalSize()}px`,
         position: "relative",
         display: "grid"
       },
-      onContextMenu: Z,
+      onContextMenu: Y,
       children: [
-        /* @__PURE__ */ e.jsx(En, { "aria-hidden": !0, children: k.map((s, d) => /* @__PURE__ */ e.jsx("div", { style: { left: s } }, d)) }),
+        /* @__PURE__ */ e.jsx(Tn, { "aria-hidden": !0, children: k.map((s, d) => /* @__PURE__ */ e.jsx("div", { style: { left: s } }, d)) }),
         L.map((s) => {
-          const d = P[s.index];
+          const d = z[s.index];
           return d ? /* @__PURE__ */ e.jsx(
             bo,
             {
@@ -863,9 +862,9 @@ const fo = () => null, po = (o, f) => f.some((i) => {
     }
   );
   return v ? i.current && we(
-    /* @__PURE__ */ e.jsx(dt, { children: E ? /* @__PURE__ */ e.jsxs(Pe, { message: n, icon: "filter_alt_off", children: [
+    /* @__PURE__ */ e.jsx(dt, { children: E ? /* @__PURE__ */ e.jsxs(ze, { message: n, icon: "filter_alt_off", children: [
       c && /* @__PURE__ */ e.jsx(
-        ze,
+        Pe,
         {
           variant: "filled",
           label: "Reset filters",
@@ -873,9 +872,9 @@ const fo = () => null, po = (o, f) => f.some((i) => {
           onClick: c
         }
       ),
-      /* @__PURE__ */ e.jsx(An, { errorMessage: oo(v) })
-    ] }) : /* @__PURE__ */ e.jsx(Pe, { message: "No items found", error: v, children: c && /* @__PURE__ */ e.jsx(
-      ze,
+      /* @__PURE__ */ e.jsx(Nn, { errorMessage: io(v) })
+    ] }) : /* @__PURE__ */ e.jsx(ze, { message: "No items found", error: v, children: c && /* @__PURE__ */ e.jsx(
+      Pe,
       {
         variant: "filled",
         label: "Reset filters",
@@ -884,10 +883,10 @@ const fo = () => null, po = (o, f) => f.some((i) => {
       }
     ) }) }),
     i.current
-  ) : !P.length && !h ? i.current && we(
-    /* @__PURE__ */ e.jsx(dt, { children: /* @__PURE__ */ e.jsx(Pe, { message: "No items found", children: c && /* @__PURE__ */ e.jsx(ze, { variant: "filled", label: "Reset filters", icon: "replay", onClick: c }) }) }),
+  ) : !z.length && !h ? i.current && we(
+    /* @__PURE__ */ e.jsx(dt, { children: /* @__PURE__ */ e.jsx(ze, { message: "No items found", children: c && /* @__PURE__ */ e.jsx(Pe, { variant: "filled", label: "Reset filters", icon: "replay", onClick: c }) }) }),
     i.current
-  ) : p ? /* @__PURE__ */ e.jsx(xt, { items: M, strategy: Ln, children: B }) : B;
+  ) : p ? /* @__PURE__ */ e.jsx(xt, { items: M, strategy: Fn, children: B }) : B;
 }, bo = ({
   row: o,
   showHierarchy: f,
@@ -944,7 +943,7 @@ const fo = () => null, po = (o, f) => f.some((i) => {
           const c = i[b.index];
           if (!c) return null;
           const A = Ne(o.id, c.column.id);
-          return c.column.id === X ? /* @__PURE__ */ e.jsx(
+          return c.column.id === Q ? /* @__PURE__ */ e.jsx(
             Ae,
             {
               style: {
@@ -1016,10 +1015,10 @@ const fo = () => null, po = (o, f) => f.some((i) => {
     getCellBorderClasses: c,
     clearSelection: A,
     selectedCells: w,
-    setSelectedCells: Y,
+    setSelectedCells: X,
     setAnchorCell: _,
-    setFocusedCellId: Z
-  } = Le(), { isRowSelected: P } = kn(), { isEditing: z, setEditingCellId: L, editingCellId: T } = St(), N = c(i), k = o.column.getIsPinned() === "left" && o.column.getIsLastColumn("left"), B = o.column.id === F, s = o.row.original.entityType === "group", d = w.size > 1;
+    setFocusedCellId: Y
+  } = Le(), { isRowSelected: z } = Vn(), { isEditing: P, setEditingCellId: L, editingCellId: T } = St(), N = c(i), k = o.column.getIsPinned() === "left" && o.column.getIsLastColumn("left"), B = o.column.id === F, s = o.row.original.entityType === "group", d = w.size > 1;
   return /* @__PURE__ */ e.jsx(
     Ae,
     {
@@ -1031,10 +1030,10 @@ const fo = () => null, po = (o, f) => f.some((i) => {
         {
           selected: v(i),
           focused: E(i),
-          editing: z(i),
+          editing: P(i),
           "last-pinned-left": k,
-          "selected-row": P(f),
-          expandable: !!o.row.originalSubRows && Sn(o.row.original.entityType),
+          "selected-row": z(f),
+          expandable: !!o.row.originalSubRows && jn(o.row.original.entityType),
           "multiple-selected": d
         },
         u,
@@ -1050,22 +1049,22 @@ const fo = () => null, po = (o, f) => f.some((i) => {
         const S = l.target;
         if (S.closest(".expander") || S.closest(".options")) return;
         if (l.currentTarget.focus(), l.detail === 2) {
-          if (Qn(l) && o.column.id !== "comments" || ut(o.row.original.entityType) || s) {
+          if (Xn(l) && o.column.id !== "comments" || ut(o.row.original.entityType) || s) {
             l.preventDefault();
             return;
           }
           if (["name", "comments"].includes(o.column.id) && !S.closest(".expander")) {
-            o.column.id === "comments" && co("overview", "feed");
+            o.column.id === "comments" && uo("overview", "feed");
             const U = Ne(o.row.id, F), oe = l.metaKey || l.ctrlKey, ie = Fe(U);
-            Y((Re) => {
+            X((Re) => {
               const se = oe ? new Set(Re) : /* @__PURE__ */ new Set();
               return se.add(U), se.add(i), se;
-            }), ie && (_(ie), Z(U));
+            }), ie && (_(ie), Y(U));
           } else if (o.column.id === "thumbnail") {
             if (p) {
               const U = M(o.row.original.entityId || o.row.id);
               if (U) {
-                const oe = io(U);
+                const oe = so(U);
                 p(oe, { quickView: !0 });
               }
             }
@@ -1119,6 +1118,6 @@ const fo = () => null, po = (o, f) => f.some((i) => {
   );
 };
 export {
-  ji as ProjectTreeTable
+  Si as ProjectTreeTable
 };
 //# sourceMappingURL=ProjectTreeTable.es.js.map