@ynput/ayon-frontend-shared 0.3.41 → 0.3.42

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

@@ -1,8 +1,8 @@
 import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as P, useRef as Mt, useCallback as Ct, useEffect as ht } from "react";
+import { useMemo as L, useRef as Mt, useCallback as Ct, useEffect as ht } from "react";
 import { useVirtualizer as go } from "@tanstack/react-virtual";
 import { useReactTable as fo, filterFns as ho, getSortedRowModel as Co, getExpandedRowModel as yo, getFilteredRowModel as xo, getCoreRowModel as bo, flexRender as Lt } from "@tanstack/react-table";
-import B from "clsx";
+import N from "clsx";
 import wo, { isEntityExpandable as So } from "./buildTreeTableColumns.es.js";
 import { TableWrapper as Ro, TableContainer as jo, TR as ue, TD as Et, TableHeader as vo, ColumnDividers as To, AnimatedEmptyPlaceholder as se, HeaderCell as ge, TableCellContent as fe, ColumnHeader as Do, HeaderButtons as Io, ResizedHandler as Mo } from "./ProjectTreeTable.styled.es.js";
 import le from "./components/HeaderActionButton.es.js";
@@ -121,13 +121,13 @@ import { setDetailsPanelTabForScope as Oo } from "../../context/DetailsPanelCont
 import { useLoadModule as Fo } from "../../hooks/useLoadModule.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
-import { upperFirst as Ho } from "lodash";
-import { toast as ko } from "react-toastify";
+import { upperFirst as ko } from "lodash";
+import { toast as Ho } from "react-toastify";
 import "react-redux";
 import "custom-protocol-check";
 import "./components/GroupSettingsFallback.es.js";
 import "uuid";
-import { ROW_SELECTION_COLUMN_ID as H, DRAG_HANDLE_COLUMN_ID as J } from "./constants.es.js";
+import { ROW_SELECTION_COLUMN_ID as k, DRAG_HANDLE_COLUMN_ID as J } from "./constants.es.js";
 import "../../util/pubsub.es.js";
 import { usePowerpack as Ao } from "../../context/PowerpackContext.es.js";
 import "../../context/SubtasksModulesContextInstance.es.js";
@@ -212,7 +212,12 @@ import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../components/SizeSlider/SizeSlider.es.js";
 import "react-router-dom";
 import "../Slicer/components/Slicer.es.js";
-import "../Slicer/context/SlicerContext.es.js";
+import "../Views/ViewsMenu/ViewsMenu.es.js";
+import "../Views/context/ViewsContextInstance.es.js";
+import "../Views/Views.styled.es.js";
+import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../Slicer/context/SlicerContextInstance.es.js";
+import "../Slicer/components/SlicerDropdownFallback.es.js";
 import "../Slicer/hooks/useTableDataBySlice.es.js";
 import "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
@@ -301,67 +306,63 @@ import "../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.sty
 import "../Actions/Actions.styled.es.js";
 import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../Actions/ActionIcon.es.js";
-import "../Views/ViewsMenu/ViewsMenu.es.js";
-import "../Views/context/ViewsContextInstance.es.js";
-import "../Views/Views.styled.es.js";
-import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../ListTable/ListTableRow.es.js";
 import "../ListTable/ListTable.styled.es.js";
-const li = () => null, mi = (o, g) => g.some((n) => {
+const li = () => null, mi = (o, h) => h.some((n) => {
   if (n.includes("*")) {
-    const p = "^" + n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/\\\*/g, ".*") + "$";
-    return new RegExp(p).test(o);
+    const u = "^" + n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/\\\*/g, ".*") + "$";
+    return new RegExp(u).test(o);
   }
   return o === n;
-}), ta = ({
+}), ea = ({
   scope: o,
-  sliceId: g,
+  sliceId: h,
   onScroll: n,
-  onScrollBottom: a,
+  onScrollBottom: c,
   // when the user scrolls to the bottom of the table, this callback is called
-  onOpenNew: p,
-  readOnly: x,
-  excludedColumns: j,
+  onOpenNew: u,
+  readOnly: b,
+  excludedColumns: v,
   excludedSorting: T,
-  extraColumns: M,
-  includeLinks: f,
+  extraColumns: P,
+  includeLinks: C,
   isLoading: D,
   isExpandable: I,
   enableSorting: i = !0,
-  clientSorting: d = !1,
-  sortableRows: C = !1,
-  onRowReorder: w,
-  dndActiveId: v,
+  clientSorting: g = !1,
+  sortableRows: x = !1,
+  onRowReorder: R,
+  dndActiveId: a,
   // Destructure new prop
-  columnsConfig: y,
-  showColumnSummaries: F = !1,
-  fieldStats: S,
-  groupFieldStats: U,
-  fieldStatsLoading: k,
-  mainCountLabels: z,
-  onScrollBottomGroupBy: A,
+  columnsConfig: V,
+  showColumnSummaries: j = !1,
+  fieldStats: q,
+  groupFieldStats: G,
+  fieldStatsLoading: E,
+  mainCountLabels: H,
+  onScrollBottomGroupBy: B,
   // Destructure new prop for group-by load more
-  contextMenuItems: W,
+  contextMenuItems: U,
   // Additional context menu items from props
-  onColumnVisibleChange: L,
-  onColumnVisibleChangeSubscribed: E,
-  pt: N,
-  ...s
+  onColumnVisibleChange: M,
+  onColumnVisibleChangeSubscribed: z,
+  pt: O,
+  ...p
 }) => {
   const {
-    columnVisibility: R,
-    columnPinning: c,
-    columnOrder: O,
-    columnSizing: $,
-    setAllColumns: u,
+    columnVisibility: f,
+    columnPinning: w,
+    columnOrder: l,
+    columnSizing: F,
+    setAllColumns: d,
     sorting: X,
     sortingOnChange: wt,
     columnPinningOnChange: at,
-    columnSizingOnChange: q,
-    defaultColumnVisibility: _,
+    columnSizingOnChange: K,
+    defaultColumnVisibility: $,
     columnVisibilityOnChange: ot,
     columnOrderOnChange: pt,
-    groupBy: V,
+    groupBy: A,
     columnSummaries: it,
     updateColumnSummary: Te,
     columnSummaryScopes: De,
@@ -370,31 +371,31 @@ const li = () => null, mi = (o, g) => g.some((n) => {
     updateColumnSummaryFormat: Pe
   } = Se(), { productTypes: ze, projectName: dt, ...Le } = Vo(), {
     tableData: Q,
-    attribFields: G,
+    attribFields: W,
     entitiesMap: Ee,
     users: Ft,
     isLoading: Oe,
     error: Fe,
     isInitialized: St,
-    expanded: He,
-    updateExpanded: Ht,
-    toggleExpandAll: ke,
-    showHierarchy: K,
+    expanded: ke,
+    updateExpanded: kt,
+    toggleExpandAll: He,
+    showHierarchy: _,
     isFlatFolderView: ct,
     fetchNextPage: Ae,
     scopes: Z,
     // or entityTypes
-    getEntityById: kt,
+    getEntityById: Ht,
     onResetView: Ne,
     overrideGroupBy: At,
     loadingLinksEntityIds: Ve
-  } = je(), Nt = !!V || !!At, Rt = At?.id ?? V?.id, Be = Array.isArray(Rt) ? Rt[0] : Rt, $e = K || ["hierarchy", "folder", "product"].includes(Be ?? ""), { writableFields: Vt } = si(), rt = D || Oe, {
+  } = je(), Nt = !!A || !!At, Rt = At?.id ?? A?.id, Be = Array.isArray(Rt) ? Rt[0] : Rt, $e = _ || ["hierarchy", "folder", "product"].includes(Be ?? ""), { writableFields: Vt } = si(), rt = D || Oe, {
     statuses: Bt = [],
     folderTypes: $t = [],
     taskTypes: _t = [],
     tags: Kt = [],
     linkTypes: Wt = []
-  } = Le || {}, nt = P(
+  } = Le || {}, nt = L(
     () => ei({
       users: Ft,
       statuses: Bt,
@@ -405,31 +406,31 @@ const li = () => null, mi = (o, g) => g.some((n) => {
       scopes: Z
     }),
     [Ft, Bt, $t, _t, Z, Kt]
-  ), ut = Mt(null), qt = Mt(0), { registerGrid: Gt } = zt(), { loadingAttrib: Ut, loadingRows: _e } = P(() => {
+  ), ut = Mt(null), qt = Mt(0), { registerGrid: Gt } = zt(), { loadingAttrib: Ut, loadingRows: _e } = L(() => {
     const t = ut.current?.querySelectorAll("tbody tr").length || 0, r = Qo(), m = Zo(
-      K && Q.length > 0 ? Math.min(t, 50) : V ? Math.max(qt.current, 50) : 50
+      _ && Q.length > 0 ? Math.min(t, 50) : A ? Math.max(qt.current, 50) : 50
     );
     return { loadingAttrib: r, loadingRows: m };
-  }, []), Ke = !St || rt, { readOnlyColumns: Xt, readOnlyAttribs: We } = P(
-    () => oi(G, Vt, x),
-    [G, Vt, x]
+  }, []), Ke = !St || rt, { readOnlyColumns: Xt, readOnlyAttribs: We } = L(
+    () => oi(W, Vt, b),
+    [W, Vt, b]
   ), { selectedCells: jt } = zt(), { updateEntities: Yt } = we(), qe = Ct(
     async (t, r) => {
-      const { selection: m = [] } = r || {}, l = [];
+      const { selection: m = [] } = r || {}, s = [];
       if (!m?.length)
-        l.push({ ...t, id: t.rowId });
+        s.push({ ...t, id: t.rowId });
       else {
-        const { field: h, value: Y, isAttrib: Tt } = t;
+        const { field: y, value: Y, isAttrib: Tt } = t;
         for (const uo of jt) {
           const { colId: Dt, rowId: ft } = Re(uo) || {};
-          if (Dt === H) continue;
-          const It = kt(ft || "");
+          if (Dt === k) continue;
+          const It = Ht(ft || "");
           if (!It) {
             console.warn(`Entity with ID ${ft} not found for cell update.`);
             continue;
           }
-          (!Dt?.includes("attrib_") || Dt?.replace("attrib_", "") === h) && ft && l.push({
-            field: h,
+          (!Dt?.includes("attrib_") || Dt?.replace("attrib_", "") === y) && ft && s.push({
+            field: y,
             rowId: ft,
             id: It.entityId,
             value: Y,
@@ -438,32 +439,32 @@ const li = () => null, mi = (o, g) => g.some((n) => {
           });
         }
       }
-      if (!l.length) {
-        console.warn("No entities to update, skipping updateEntities call."), ko.warn("No entities to update.");
+      if (!s.length) {
+        console.warn("No entities to update, skipping updateEntities call."), Ho.warn("No entities to update.");
         return;
       }
-      await Yt(l, !0);
+      await Yt(s, !0);
     },
-    [Yt, kt, jt]
-  ), Jt = P(
-    () => St ? G : Ut,
-    [G, Ut, St]
-  ), Ge = () => Z.includes("version") ? "Product / Version" : Z.map((t) => Ho(t)).join(" / "), tt = P(() => {
+    [Yt, Ht, jt]
+  ), Jt = L(
+    () => St ? W : Ut,
+    [W, Ut, St]
+  ), Ge = () => Z.includes("version") ? "Product / Version" : Z.map((t) => ko(t)).join(" / "), tt = L(() => {
     const t = wo({
       scopes: Z,
       attribs: Jt,
       links: Wt,
-      includeLinks: f,
-      showHierarchy: K,
+      includeLinks: C,
+      showHierarchy: _,
       isFlatFolderView: ct,
       options: nt,
-      extraColumns: M,
-      excluded: j,
+      extraColumns: P,
+      excluded: v,
       excludedSorting: T,
-      groupBy: V,
+      groupBy: A,
       nameLabel: Ge()
     });
-    return C && i ? [
+    return x && i ? [
       {
         id: J,
         header: () => null,
@@ -483,30 +484,30 @@ const li = () => null, mi = (o, g) => g.some((n) => {
   }, [
     Z,
     Jt,
-    K,
+    _,
     ct,
     I,
     nt,
     Wt,
-    f,
-    M,
-    j,
-    T,
     C,
+    P,
+    v,
+    T,
+    x,
     i,
-    V
+    A
   ]);
   ht(() => {
     const t = tt.map((r) => r.id).filter(Boolean);
-    u(t);
-  }, [tt, u]);
-  const Ue = P(() => {
-    const t = { ...R };
+    d(t);
+  }, [tt, d]);
+  const Ue = L(() => {
+    const t = { ...f };
     return tt.forEach((r) => {
       const m = r.visible;
-      r.id && t[r.id] === void 0 && (m !== void 0 ? t[r.id] = m : t[r.id] = ri({}, r.id, _));
+      r.id && t[r.id] === void 0 && (m !== void 0 ? t[r.id] = m : t[r.id] = ri({}, r.id, $));
     }), ni(t, tt.map((r) => r.id).filter(Boolean));
-  }, [R, _, tt]), b = fo({
+  }, [f, $, tt]), S = fo({
     data: Ke ? _e : Q,
     columns: tt,
     defaultColumn: {
@@ -519,106 +520,106 @@ const li = () => null, mi = (o, g) => g.some((n) => {
     enableSubRowSelection: !1,
     //disable sub row selection
     getSubRows: (t) => t.subRows,
-    getRowCanExpand: () => !!I || K || ct || Nt,
+    getRowCanExpand: () => !!I || _ || ct || Nt,
     getCoreRowModel: bo(),
     getFilteredRowModel: xo(),
     getExpandedRowModel: yo(),
     filterFromLeafRows: !0,
     // EXPANDABLE
-    onExpandedChange: Ht,
+    onExpandedChange: kt,
     // SORTING
     enableSorting: i,
     getSortedRowModel: Co(),
     sortDescFirst: !1,
-    manualSorting: !d,
+    manualSorting: !g,
     onSortingChange: wt,
     columnResizeMode: "onChange",
     onColumnPinningChange: at,
-    onColumnSizingChange: q,
+    onColumnSizingChange: K,
     onColumnVisibilityChange: ot,
     onColumnOrderChange: pt,
     // @ts-ignore
     filterFns: ho,
     state: {
-      expanded: He,
+      expanded: ke,
       sorting: X,
       columnPinning: (() => {
         const t = [];
-        C && t.push(J), t.push(H);
-        const r = (c.left || []).filter(
-          (l) => l !== J && l !== H
+        x && t.push(J), t.push(k);
+        const r = (w.left || []).filter(
+          (s) => s !== J && s !== k
         );
         return t.push(...r), {
           left: [...new Set(t)],
-          right: c.right
+          right: w.right
         };
       })(),
-      columnSizing: $,
+      columnSizing: F,
       columnVisibility: Ue,
-      columnOrder: O
+      columnOrder: l
     },
     meta: {
       projectName: dt,
       options: nt,
       readOnly: Xt,
       updateEntities: qe,
-      toggleExpandAll: ke,
+      toggleExpandAll: He,
       loadMoreRows: Ae,
       selection: Array.from(jt),
-      columnsConfig: y,
+      columnsConfig: V,
       loadingLinksEntityIds: Ve
     }
-  }), { rows: et } = b.getRowModel();
+  }), { rows: et } = S.getRowModel();
   ht(() => {
     qt.current = et.length;
   }, [et.length]), ht(() => {
     if (!et.length) return;
-    const t = et.map((l) => l.id), m = [...b.getAllLeafColumns().map((l) => l.id)].sort((l, h) => {
-      if (H === h) return 1;
-      const Y = c.left?.includes(l) ? 0 : 1, Tt = c.left?.includes(h) ? 0 : 1;
+    const t = et.map((s) => s.id), m = [...S.getAllLeafColumns().map((s) => s.id)].sort((s, y) => {
+      if (k === y) return 1;
+      const Y = w.left?.includes(s) ? 0 : 1, Tt = w.left?.includes(y) ? 0 : 1;
       return Y - Tt;
     });
     Gt(t, m);
-  }, [et, b.getAllLeafColumns(), c, H, Gt]);
-  const gt = b.getVisibleLeafColumns(), { columnVirtualizer: st, virtualPaddingLeft: lt, virtualPaddingRight: mt } = Uo({
+  }, [et, S.getAllLeafColumns(), w, k, Gt]);
+  const gt = S.getVisibleLeafColumns(), { columnVirtualizer: st, virtualPaddingLeft: lt, virtualPaddingRight: mt } = Uo({
     visibleColumns: gt,
     tableContainerRef: ut,
-    columnPinning: c,
-    columnSizing: $,
-    columnOrder: O
+    columnPinning: w,
+    columnSizing: F,
+    columnOrder: l
   }), Qt = Mt({}), Zt = st.getVirtualItems();
   ht(() => {
-    if (!L || !E?.length) return;
-    const t = new Set(Zt.map((h) => gt[h.index]?.id)), r = {};
+    if (!M || !z?.length) return;
+    const t = new Set(Zt.map((y) => gt[y.index]?.id)), r = {};
     let m = !1;
-    b.getAllLeafColumns().filter((h) => mi(h.id, E)).forEach((h) => {
-      const Y = t.has(h.id);
-      Qt.current[h.id] !== Y && (r[h.id] = Y, m = !0, Qt.current[h.id] = Y);
-    }), m && L(r);
-  }, [Zt, L, E, gt, b]);
-  const te = Wo(b, $), { powerLicense: ee } = Ao(), [Xe, { isLoaded: oe, isLoading: ie }] = Fo({
+    S.getAllLeafColumns().filter((y) => mi(y.id, z)).forEach((y) => {
+      const Y = t.has(y.id);
+      Qt.current[y.id] !== Y && (r[y.id] = Y, m = !0, Qt.current[y.id] = Y);
+    }), m && M(r);
+  }, [Zt, M, z, gt, S]);
+  const te = Wo(S, F), { powerLicense: ee } = Ao(), [Xe, { isLoaded: oe, isLoading: ie }] = Fo({
     addon: "powerpack",
     remote: "views",
     module: "SummaryCellContent",
     fallback: li,
-    skip: !F || !ee
-  }), Ye = F && ee && (oe || ie) && !!et.length, Je = ie || !oe || !!k, { getRowHeight: Qe, defaultRowHeight: re } = Yo(), Ze = P(() => G.reduce((t, r) => (r.data?.enum?.length && (t[r.name] = r.data?.enum), t), {}), [G]), to = P(() => Q.map((t) => t.id), [Q]), eo = P(() => O.filter(
-    (t) => t !== J && t !== H
-  ), [O]), oo = P(() => !v || !C ? null : Q.find((t) => t.id === v), [v, Q, C]), io = Ct(
+    skip: !j || !ee
+  }), Ye = j && ee && (oe || ie) && !!et.length, Je = ie || !oe || !!E, { getRowHeight: Qe, defaultRowHeight: re } = Yo(), Ze = L(() => W.reduce((t, r) => (r.data?.enum?.length && (t[r.name] = r.data?.enum), t), {}), [W]), to = L(() => Q.map((t) => t.id), [Q]), eo = L(() => l.filter(
+    (t) => t !== J && t !== k
+  ), [l]), oo = L(() => !a || !x ? null : Q.find((t) => t.id === a), [a, Q, x]), io = Ct(
     (t) => {
-      if (n?.(t), a) {
+      if (n?.(t), c) {
         const r = t.currentTarget;
-        if (r && !K && !ct && !V) {
-          const { scrollHeight: m, scrollTop: l, clientHeight: h } = r;
-          m - l - h < 500 && !rt && a(t);
+        if (r && !_ && !ct && !A) {
+          const { scrollHeight: m, scrollTop: s, clientHeight: y } = r;
+          m - s - y < 500 && !rt && c(t);
         }
       }
-      if (A && V) {
-        const h = t.currentTarget?.querySelector(".load-more")?.getAttribute("id")?.split("-")[2];
-        h && A(h);
+      if (B && A) {
+        const y = t.currentTarget?.querySelector(".load-more")?.getAttribute("id")?.split("-")[2];
+        y && B(y);
       }
     },
-    [n, a, A, K, V, rt]
+    [n, c, B, _, A, rt]
   ), {
     isEntityPickerOpen: ro,
     handleMoveSubmit: no,
@@ -632,7 +633,7 @@ const li = () => null, mi = (o, g) => g.some((n) => {
   }), po = (t) => {
     no(t);
     const r = t[0];
-    Ht((m) => typeof m == "boolean" ? m || { [r]: !0 } : m[r] ? m : {
+    kt((m) => typeof m == "boolean" ? m || { [r]: !0 } : m[r] ? m : {
       ...m,
       [r]: !0
     });
@@ -644,20 +645,20 @@ const li = () => null, mi = (o, g) => g.some((n) => {
       columnReadOnly: We,
       visibleColumns: gt,
       children: [
-        /* @__PURE__ */ e.jsx(Ro, { ...s, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx(Ro, { ...p, children: /* @__PURE__ */ e.jsx(
           jo,
           {
             ref: ut,
             style: { height: "100%", padding: 0 },
             onScroll: io,
-            ...N?.container,
+            ...O?.container,
             "data-column-dnd-container": !0,
-            className: B(
+            className: N(
               "table-container",
               {
-                resizing: b.getState().columnSizingInfo.isResizingColumn
+                resizing: S.getState().columnSizingInfo.isResizingColumn
               },
-              N?.container?.className
+              O?.container?.className
             ),
             children: /* @__PURE__ */ e.jsxs(
               "table",
@@ -667,8 +668,8 @@ const li = () => null, mi = (o, g) => g.some((n) => {
                   borderCollapse: "collapse",
                   userSelect: "none",
                   ...te,
-                  width: b.getTotalSize(),
-                  cursor: b.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0,
+                  width: S.getTotalSize(),
+                  cursor: S.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0,
                   // stretch tbody to the container so the column dividers fill the empty
                   // space below the rows; also pins the summary footer to the bottom
                   minHeight: "100%",
@@ -679,43 +680,43 @@ const li = () => null, mi = (o, g) => g.some((n) => {
                     ai,
                     {
                       columnVirtualizer: st,
-                      table: b,
+                      table: S,
                       virtualPaddingLeft: lt,
                       virtualPaddingRight: mt,
                       isLoading: rt,
                       readOnlyColumns: Xt,
-                      sortableRows: C,
+                      sortableRows: x,
                       columnOrderIds: eo,
-                      ...N?.head
+                      ...O?.head
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
                     ci,
                     {
                       columnVirtualizer: st,
-                      table: b,
+                      table: S,
                       tableContainerRef: ut,
                       virtualPaddingLeft: lt,
                       virtualPaddingRight: mt,
-                      showHierarchy: K,
-                      attribs: G,
-                      onOpenNew: p,
+                      showHierarchy: _,
+                      attribs: W,
+                      onOpenNew: u,
                       rowOrderIds: to,
-                      sortableRows: C,
+                      sortableRows: x,
                       error: Fe,
                       isLoading: rt,
                       isGrouping: Nt,
                       getRowHeight: Qe,
                       defaultRowHeight: re,
                       onResetView: Ne,
-                      contextMenuItems: W
+                      contextMenuItems: U
                     }
                   ),
                   Ye && /* @__PURE__ */ e.jsx(
                     $o,
                     {
                       columnVirtualizer: st,
-                      table: b,
+                      table: S,
                       virtualPaddingLeft: lt,
                       virtualPaddingRight: mt,
                       isLoading: Je,
@@ -723,16 +724,16 @@ const li = () => null, mi = (o, g) => g.some((n) => {
                         Xe,
                         {
                           columnId: t,
-                          attribs: G,
-                          fieldStats: S,
-                          groupFieldStats: U,
+                          attribs: W,
+                          fieldStats: q,
+                          groupFieldStats: G,
                           calc: it[t],
                           onCalcChange: (r) => Te(t, r),
                           format: Me[t],
                           onFormatChange: (r) => Pe(t, r),
                           scope: De[t],
                           onScopeChange: (r) => Ie(t, r),
-                          mainCountLabels: z,
+                          mainCountLabels: H,
                           fieldOptions: nt,
                           parentScopeApplicable: $e
                         }
@@ -761,11 +762,11 @@ const li = () => null, mi = (o, g) => g.some((n) => {
         )
       ]
     }
-  ), co = C && v && yt(
+  ), co = x && a && yt(
     /* @__PURE__ */ e.jsx(he, { dropAnimation: null, children: oo ? (() => {
-      const t = b.getRowModel().rows.find((m) => m.id === v);
+      const t = S.getRowModel().rows.find((m) => m.id === a);
       if (!t) return null;
-      const r = b.getTotalSize();
+      const r = S.getTotalSize();
       return /* @__PURE__ */ e.jsx(
         "table",
         {
@@ -779,35 +780,35 @@ const li = () => null, mi = (o, g) => g.some((n) => {
           children: /* @__PURE__ */ e.jsx("tbody", { children: /* @__PURE__ */ e.jsxs(ue, { style: { display: "flex", userSelect: "none" }, children: [
             lt ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: lt } }) : null,
             st.getVirtualItems().map((m) => {
-              const l = t.getVisibleCells()[m.index];
-              if (!l) return null;
-              const h = {
-                ...bt(l.column),
-                width: xt(l.column.id),
+              const s = t.getVisibleCells()[m.index];
+              if (!s) return null;
+              const y = {
+                ...bt(s.column),
+                width: xt(s.column.id),
                 display: "flex",
                 alignItems: "center",
                 height: re
               };
-              return l.column.id === J ? /* @__PURE__ */ e.jsxs(
+              return s.column.id === J ? /* @__PURE__ */ e.jsxs(
                 Et,
                 {
-                  style: { ...h, justifyContent: "center" },
-                  className: B(l.column.id),
+                  style: { ...y, justifyContent: "center" },
+                  className: N(s.column.id),
                   children: [
                     /* @__PURE__ */ e.jsx(be, { icon: "drag_handle" }),
                     " "
                   ]
                 },
-                `overlay-drag-${l.id}`
+                `overlay-drag-${s.id}`
               ) : /* @__PURE__ */ e.jsx(
                 ve,
                 {
-                  cell: l,
-                  cellId: `overlay-${Ot(t.id, l.column.id)}`,
+                  cell: s,
+                  cellId: `overlay-${Ot(t.id, s.column.id)}`,
                   rowId: t.id,
-                  showHierarchy: K
+                  showHierarchy: _
                 },
-                `overlay-cell-${l.id}`
+                `overlay-cell-${s.id}`
               );
             }),
             mt ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: mt } }) : null
@@ -817,22 +818,22 @@ const li = () => null, mi = (o, g) => g.some((n) => {
     })() : null }),
     document.body
   );
-  return C ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  return x ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     ne,
     co,
-    /* @__PURE__ */ e.jsx(ce, { table: b })
+    /* @__PURE__ */ e.jsx(ce, { table: S })
   ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     ne,
-    /* @__PURE__ */ e.jsx(ce, { table: b })
+    /* @__PURE__ */ e.jsx(ce, { table: S })
   ] });
 }, ce = ({ table: o }) => {
-  const { active: g } = Ce(), a = g?.data?.current?.type === "column" ? g?.id : null, p = P(() => a && o.getHeaderGroups()[0]?.headers.find((x) => x.id === a) || null, [a, o]);
-  return !a || !p ? null : yt(
+  const { active: h } = Ce(), c = h?.data?.current?.type === "column" ? h?.id : null, u = L(() => c && o.getHeaderGroups()[0]?.headers.find((b) => b.id === c) || null, [c, o]);
+  return !c || !u ? null : yt(
     /* @__PURE__ */ e.jsx(he, { dropAnimation: null, children: /* @__PURE__ */ e.jsx(
       ge,
       {
         style: {
-          width: p.column.getSize(),
+          width: u.column.getSize(),
           backgroundColor: "var(--md-sys-color-surface-container-high)",
           boxShadow: "0 0 10px rgba(0,0,0,0.2)",
           display: "flex",
@@ -840,8 +841,8 @@ const li = () => null, mi = (o, g) => g.some((n) => {
           minHeight: 34
         },
         children: /* @__PURE__ */ e.jsx(fe, { className: "bold header", children: Lt(
-          p.column.columnDef.header,
-          p.getContext()
+          u.column.columnDef.header,
+          u.getContext()
         ) })
       }
     ) }),
@@ -849,174 +850,177 @@ const li = () => null, mi = (o, g) => g.some((n) => {
   );
 }, ai = ({
   columnVirtualizer: o,
-  table: g,
+  table: h,
   virtualPaddingLeft: n,
-  virtualPaddingRight: a,
-  isLoading: p,
-  readOnlyColumns: x,
-  sortableRows: j,
+  virtualPaddingRight: c,
+  isLoading: u,
+  readOnlyColumns: b,
+  sortableRows: v,
   columnOrderIds: T,
-  ...M
-}) => /* @__PURE__ */ e.jsx(vo, { ...M, children: g.getHeaderGroups().map((f) => /* @__PURE__ */ e.jsx(
+  ...P
+}) => /* @__PURE__ */ e.jsx(vo, { ...P, children: h.getHeaderGroups().map((C) => /* @__PURE__ */ e.jsx(
   pi,
   {
     columnVirtualizer: o,
-    headerGroup: f,
+    headerGroup: C,
     virtualPaddingLeft: n,
-    virtualPaddingRight: a,
-    isLoading: p,
-    readOnlyColumns: x,
-    sortableRows: j,
+    virtualPaddingRight: c,
+    isLoading: u,
+    readOnlyColumns: b,
+    sortableRows: v,
     columnOrderIds: T
   },
-  f.id
+  C.id
 )) }), pi = ({
   columnVirtualizer: o,
-  headerGroup: g,
+  headerGroup: h,
   virtualPaddingLeft: n,
-  virtualPaddingRight: a,
-  isLoading: p,
-  readOnlyColumns: x,
-  sortableRows: j,
+  virtualPaddingRight: c,
+  isLoading: u,
+  readOnlyColumns: b,
+  sortableRows: v,
   columnOrderIds: T
 }) => {
-  const M = o.getVirtualItems(), { active: f } = Ce(), D = f?.data?.current?.type === "column", I = D && (f?.data?.current?.isPinned ?? !1);
+  const P = o.getVirtualItems(), { active: C } = Ce(), D = C?.data?.current?.type === "column", I = D && (C?.data?.current?.isPinned ?? !1);
   return /* @__PURE__ */ e.jsxs(Do, { style: { display: "flex" }, children: [
     n ? (
       //fake empty column to the left for virtualization scroll padding
       /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: n } })
     ) : null,
-    /* @__PURE__ */ e.jsx(ye, { items: T, strategy: Eo, children: M.map((i) => {
-      const d = g.headers[i.index], C = d.id !== J && d.id !== H;
+    /* @__PURE__ */ e.jsx(ye, { items: T, strategy: Eo, children: P.map((i) => {
+      const g = h.headers[i.index], x = g.id !== J && g.id !== k;
       return /* @__PURE__ */ e.jsx(
         di,
         {
-          header: d,
-          isLoading: p,
-          isReadOnly: x?.includes(d.id),
-          canSort: d.column.getCanSort(),
-          canFilter: d.column.getCanFilter(),
-          canHide: d.column.getCanHide(),
-          canPin: d.column.getCanPin(),
-          canResize: d.column.getCanResize(),
-          sortableRows: j,
-          isDraggable: C,
+          header: g,
+          isLoading: u,
+          isReadOnly: b?.includes(g.id),
+          canSort: g.column.getCanSort(),
+          canFilter: g.column.getCanFilter(),
+          canHide: g.column.getCanHide(),
+          canPin: g.column.getCanPin(),
+          canResize: g.column.getCanResize(),
+          sortableRows: v,
+          isDraggable: x,
           isColumnDrag: D,
           isDraggedColumnPinned: I
         },
-        d.id
+        g.id
       );
     }) }),
-    a ? (
+    c ? (
       //fake empty column to the right for virtualization scroll padding
-      /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: a } })
+      /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: c } })
     ) : null
-  ] }, g.id);
+  ] }, h.id);
 }, di = ({
   header: o,
-  isLoading: g,
+  isLoading: h,
   canFilter: n,
-  canHide: a,
-  canSort: p,
-  canPin: x,
-  canResize: j,
+  canHide: c,
+  canSort: u,
+  canPin: b,
+  canResize: v,
   isReadOnly: T,
-  sortableRows: M,
-  isDraggable: f = !0,
+  sortableRows: P,
+  isDraggable: C = !0,
   isColumnDrag: D,
   isDraggedColumnPinned: I
 }) => {
-  const { column: i } = o, d = i.getIsSorted(), C = `column-header-menu-${i.id}`, { menuOpen: w } = No(), v = w === C, { columnPinning: y } = Se(), F = y.left?.includes(i.id) || !1, { attributes: S, listeners: U, setNodeRef: k, transform: z, transition: A, isDragging: W } = xe({
+  const { column: i } = o, g = i.getIsSorted(), x = `column-header-menu-${i.id}`, { menuOpen: R } = No(), a = R === x, { columnPinning: V, sorting: j, updateSorting: q } = Se(), G = () => {
+    const l = j?.find((d) => d.id === i.id), F = l ? l.desc ? [] : [{ id: i.id, desc: !0 }] : [{ id: i.id, desc: !1 }];
+    q(F);
+  }, E = V.left?.includes(i.id) || !1, { attributes: H, listeners: B, setNodeRef: U, transform: M, transition: z, isDragging: O } = xe({
     id: i.id,
-    data: { type: "column", isPinned: F },
-    disabled: !f
-  }), L = D && I === F, E = () => {
-    if (W)
+    data: { type: "column", isPinned: E },
+    disabled: !C
+  }), p = D && I === E, f = () => {
+    if (O)
       return {
-        transform: Pt.Translate.toString(z),
-        transition: A,
+        transform: Pt.Translate.toString(M),
+        transition: z,
         visibility: "hidden",
         zIndex: 200
       };
-    if (L && z) {
-      const s = F ? { position: "relative", left: "auto" } : {};
-      return { transform: Pt.Translate.toString(z), transition: A, ...s };
+    if (p && M) {
+      const l = E ? { position: "relative", left: "auto" } : {};
+      return { transform: Pt.Translate.toString(M), transition: z, ...l };
     }
     return {};
-  }, N = {
-    onPointerDown: (s) => s.stopPropagation(),
-    onMouseDown: (s) => s.stopPropagation()
+  }, w = {
+    onPointerDown: (l) => l.stopPropagation(),
+    onMouseDown: (l) => l.stopPropagation()
   };
   return /* @__PURE__ */ e.jsx(
     ge,
     {
-      ref: k,
-      className: B(o.id, "shimmer-dark", {
-        loading: g,
+      ref: U,
+      className: N(o.id, "shimmer-dark", {
+        loading: h,
         "last-pinned-left": i.getIsPinned() === "left" && i.getIsLastColumn("left"),
         resizing: i.getIsResizing(),
-        dragging: W,
-        draggable: f
+        dragging: O,
+        draggable: C
       }),
       style: {
         ...bt(i),
         width: xt(i.id),
-        ...E()
+        ...f()
       },
       children: o.isPlaceholder ? null : /* @__PURE__ */ e.jsxs(
         fe,
         {
-          className: B("bold", "header"),
-          ...f ? { ...S, ...U } : {},
+          className: N("bold", "header"),
+          ...C ? { ...H, ...B } : {},
           children: [
             Lt(i.columnDef.header, o.getContext()),
             T && /* @__PURE__ */ e.jsx(be, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
-            /* @__PURE__ */ e.jsxs(Io, { className: "actions", $isOpen: v, ...N, children: [
-              (a || x || p) && /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsxs(Io, { className: "actions", $isOpen: a, ...w, children: [
+              (c || b || u) && /* @__PURE__ */ e.jsx(
                 zo,
                 {
                   className: "header-menu",
                   header: o,
-                  canHide: a,
-                  canPin: x,
-                  canSort: p,
+                  canHide: c,
+                  canPin: b,
+                  canSort: u,
                   isResizing: i.getIsResizing(),
-                  menuId: C,
-                  isOpen: v
+                  menuId: x,
+                  isOpen: a
                 }
               ),
-              p && /* @__PURE__ */ e.jsx(
+              u && /* @__PURE__ */ e.jsx(
                 le,
                 {
                   icon: "sort",
-                  className: B("sort-button", { visible: d }),
+                  className: N("sort-button", { visible: g }),
                   style: {
-                    transform: d === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
+                    transform: g === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
                   },
-                  onClick: i.getToggleSortingHandler(),
+                  onClick: G,
                   selected: !!i.getIsSorted()
                 }
               ),
-              i.getIsPinned() && i.id !== H && /* @__PURE__ */ e.jsx(
+              i.getIsPinned() && i.id !== k && /* @__PURE__ */ e.jsx(
                 le,
                 {
                   icon: "push_pin",
-                  className: B("pin-button", "visible"),
+                  className: N("pin-button", "visible"),
                   onClick: () => i.pin(!1),
                   selected: !0
                 }
               )
             ] }),
-            j && /* @__PURE__ */ e.jsx(
+            v && /* @__PURE__ */ e.jsx(
               Mo,
               {
                 onDoubleClick: () => i.resetSize(),
-                onMouseDown: (s) => {
-                  s.stopPropagation(), o.getResizeHandler()(s);
+                onMouseDown: (l) => {
+                  l.stopPropagation(), o.getResizeHandler()(l);
                 },
                 onTouchStart: o.getResizeHandler(),
-                onPointerDown: (s) => s.stopPropagation(),
-                className: B("resize-handle", {
+                onPointerDown: (l) => l.stopPropagation(),
+                className: N("resize-handle", {
                   resizing: i.getIsResizing()
                 })
               }
@@ -1029,139 +1033,139 @@ const li = () => null, mi = (o, g) => g.some((n) => {
   );
 }, ci = ({
   columnVirtualizer: o,
-  table: g,
+  table: h,
   tableContainerRef: n,
-  showHierarchy: a,
-  virtualPaddingLeft: p,
-  virtualPaddingRight: x,
-  attribs: j,
+  showHierarchy: c,
+  virtualPaddingLeft: u,
+  virtualPaddingRight: b,
+  attribs: v,
   onOpenNew: T,
-  rowOrderIds: M,
-  sortableRows: f,
+  rowOrderIds: P,
+  sortableRows: C,
   error: D,
   isLoading: I,
   isGrouping: i,
-  getRowHeight: d,
-  defaultRowHeight: C,
-  onResetView: w,
-  contextMenuItems: v
+  getRowHeight: g,
+  defaultRowHeight: x,
+  onResetView: R,
+  contextMenuItems: a
 }) => {
-  const y = P(() => g.getAllColumns().map((c) => {
-    const O = c.id, $ = c.columnDef.header;
-    return typeof $ == "string" || typeof $ == "number" ? { label: $, id: O } : null;
-  }).filter(Boolean), [g.getAllColumns()]), S = Go({
-    attribs: j,
+  const V = L(() => h.getAllColumns().map((w) => {
+    const l = w.id, F = w.columnDef.header;
+    return typeof F == "string" || typeof F == "number" ? { label: F, id: l } : null;
+  }).filter(Boolean), [h.getAllColumns()]), q = Go({
+    attribs: v,
     onOpenNew: T,
-    headerLabels: y,
-    contextMenuItems: v
-  }).handleTableBodyContextMenu, { handlePreFetchTasks: U } = qo(), { rows: k } = g.getRowModel(), z = go({
-    count: k.length,
-    estimateSize: (s) => {
-      const R = k[s];
-      return R ? d(R.original) : C;
+    headerLabels: V,
+    contextMenuItems: a
+  }).handleTableBodyContextMenu, { handlePreFetchTasks: G } = qo(), { rows: E } = h.getRowModel(), H = go({
+    count: E.length,
+    estimateSize: (p) => {
+      const f = E[p];
+      return f ? g(f.original) : x;
     },
     getScrollElement: () => n.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,
+    measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (p) => p?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), A = z.getVirtualItems(), W = Ct(
-    (s) => {
-      s && z.measureElement(s);
+  }), B = H.getVirtualItems(), U = Ct(
+    (p) => {
+      p && H.measureElement(p);
     },
-    [z]
+    [H]
   );
   Xo();
-  const L = g.getVisibleLeafColumns(), E = P(() => {
-    const s = [], R = [];
-    for (let c = 0; c < L.length - 1; c++) {
-      const O = L[c];
-      R.push(O.id === H ? "20" : `var(--col-${O.id}-size)`), s.push(`calc((${R.join(" + ")}) * 1px)`);
+  const M = h.getVisibleLeafColumns(), z = L(() => {
+    const p = [], f = [];
+    for (let w = 0; w < M.length - 1; w++) {
+      const l = M[w];
+      f.push(l.id === k ? "20" : `var(--col-${l.id}-size)`), p.push(`calc((${f.join(" + ")}) * 1px)`);
     }
-    return s;
-  }, [L]), N = /* @__PURE__ */ e.jsxs(
+    return p;
+  }, [M]), O = /* @__PURE__ */ e.jsxs(
     "tbody",
     {
       style: {
-        minHeight: `${z.getTotalSize()}px`,
+        minHeight: `${H.getTotalSize()}px`,
         position: "relative",
         display: "grid"
       },
-      onContextMenu: S,
-      onMouseOver: (s) => {
-        U(s);
+      onContextMenu: q,
+      onMouseOver: (p) => {
+        G(p);
       },
       children: [
-        /* @__PURE__ */ e.jsx(To, { "aria-hidden": !0, children: E.map((s, R) => /* @__PURE__ */ e.jsx("div", { style: { left: s } }, R)) }),
-        A.map((s, R) => {
-          const c = k[s.index];
-          return c ? /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx(To, { "aria-hidden": !0, children: z.map((p, f) => /* @__PURE__ */ e.jsx("div", { style: { left: p } }, f)) }),
+        B.map((p) => {
+          const f = E[p.index];
+          return f ? /* @__PURE__ */ e.jsx(
             ui,
             {
-              row: c,
-              showHierarchy: a,
-              visibleCells: c.getVisibleCells(),
+              row: f,
+              showHierarchy: c,
+              visibleCells: f.getVisibleCells(),
               virtualColumns: o.getVirtualItems(),
-              paddingLeft: p,
-              paddingRight: x,
-              rowRef: W,
-              dataIndex: s.index,
-              offsetTop: s.start,
-              sortableRows: f,
+              paddingLeft: u,
+              paddingRight: b,
+              rowRef: U,
+              dataIndex: p.index,
+              offsetTop: p.start,
+              sortableRows: C,
               isGrouping: i,
-              rowHeight: d(c.original)
+              rowHeight: g(f.original)
             },
-            c.id + R.toString()
-          ) : (console.warn("Virtualized row data not found for index:", s.index), null);
+            f.id
+          ) : (console.warn("Virtualized row data not found for index:", p.index), null);
         })
       ]
     }
   );
   return D ? n.current && yt(
-    /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx(ae, { message: "No items found", error: D, children: w && /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx(ae, { message: "No items found", error: D, children: R && /* @__PURE__ */ e.jsx(
       me,
       {
         variant: "filled",
         label: "Reset working view",
         icon: "restart_alt",
-        onClick: w
+        onClick: R
       }
     ) }) }),
     n.current
-  ) : !k.length && !I ? n.current && yt(
-    /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx(ae, { message: "No items found", children: w && /* @__PURE__ */ e.jsx(
+  ) : !E.length && !I ? n.current && yt(
+    /* @__PURE__ */ e.jsx(se, { children: /* @__PURE__ */ e.jsx(ae, { message: "No items found", children: R && /* @__PURE__ */ e.jsx(
       me,
       {
         variant: "filled",
         label: "Reset working view",
         icon: "restart_alt",
-        onClick: w
+        onClick: R
       }
     ) }) }),
     n.current
-  ) : f ? /* @__PURE__ */ e.jsx(ye, { items: M, strategy: Lo, children: N }) : N;
+  ) : C ? /* @__PURE__ */ e.jsx(ye, { items: P, strategy: Lo, children: O }) : O;
 }, ui = ({
   row: o,
-  showHierarchy: g,
+  showHierarchy: h,
   visibleCells: n,
-  virtualColumns: a,
-  paddingLeft: p,
-  paddingRight: x,
-  rowRef: j,
+  virtualColumns: c,
+  paddingLeft: u,
+  paddingRight: b,
+  rowRef: v,
   dataIndex: T,
-  offsetTop: M,
-  sortableRows: f,
+  offsetTop: P,
+  sortableRows: C,
   isGrouping: D = !1,
   rowHeight: I
 }) => {
-  const i = f ? xe({ id: o.id }) : null, d = Ct(
-    (w) => {
-      i && i.setNodeRef(w), i && i.isDragging || j(w);
+  const i = C ? xe({ id: o.id }) : null, g = Ct(
+    (R) => {
+      i && i.setNodeRef(R), i && i.isDragging || v(R);
     },
-    [i, j]
-  ), C = {
+    [i, v]
+  ), x = {
     position: "absolute",
     // Use absolute positioning for virtualized items
-    top: M,
+    top: P,
     // Position based on virtualizer's calculation (virtualRow.start)
     left: 0,
     // Span full width of the relative parent (tbody)
@@ -1182,25 +1186,25 @@ const li = () => null, mi = (o, g) => g.some((n) => {
   return /* @__PURE__ */ e.jsxs(
     ue,
     {
-      ref: d,
+      ref: g,
       "data-index": T,
-      style: C,
-      className: B({ "group-row": o.original.group }),
+      style: x,
+      className: N({ "group-row": o.original.group }),
       children: [
-        p ? (
+        u ? (
           //fake empty column to the left for virtualization scroll padding
-          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: p } })
+          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: u } })
         ) : null,
-        a.map((w, v) => {
-          const y = n[w.index];
-          if (!y) return null;
-          const F = Ot(o.id, y.column.id);
-          return y.column.id === J ? /* @__PURE__ */ e.jsx(
+        c.map((R) => {
+          const a = n[R.index];
+          if (!a) return null;
+          const V = Ot(o.id, a.column.id);
+          return a.column.id === J ? /* @__PURE__ */ e.jsx(
             Et,
             {
               style: {
-                ...bt(y.column),
-                width: xt(y.column.id),
+                ...bt(a.column),
+                width: xt(a.column.id),
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
@@ -1208,14 +1212,14 @@ const li = () => null, mi = (o, g) => g.some((n) => {
                 pointerEvents: "all",
                 cursor: "grab"
               },
-              className: B(y.column.id, {
-                "last-pinned-left": y.column.getIsPinned() === "left" && y.column.getIsLastColumn("left")
+              className: N(a.column.id, {
+                "last-pinned-left": a.column.getIsPinned() === "left" && a.column.getIsLastColumn("left")
               }),
-              onMouseDown: (S) => S.stopPropagation(),
-              onMouseOver: (S) => S.stopPropagation(),
-              onDoubleClick: (S) => S.stopPropagation(),
-              onContextMenu: (S) => {
-                S.preventDefault(), S.stopPropagation();
+              onMouseDown: (j) => j.stopPropagation(),
+              onMouseOver: (j) => j.stopPropagation(),
+              onDoubleClick: (j) => j.stopPropagation(),
+              onContextMenu: (j) => {
+                j.preventDefault(), j.stopPropagation();
               },
               children: /* @__PURE__ */ e.jsx(
                 Po,
@@ -1225,118 +1229,118 @@ const li = () => null, mi = (o, g) => g.some((n) => {
                 }
               )
             },
-            y.id + v.toString()
+            a.id
           ) : /* @__PURE__ */ e.jsx(
             ve,
             {
-              cell: y,
-              cellId: F,
+              cell: a,
+              cellId: V,
               rowId: o.id,
-              showHierarchy: g,
-              sortableRows: f,
+              showHierarchy: h,
+              sortableRows: C,
               rowHeight: I
             },
-            y.id + v.toString()
+            a.id
           );
         }),
-        x ? (
+        b ? (
           //fake empty column to the right for virtualization scroll padding
-          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: x } })
+          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: b } })
         ) : null
       ]
     }
   );
 }, ve = ({
   cell: o,
-  rowId: g,
+  rowId: h,
   cellId: n,
-  className: a,
-  showHierarchy: p,
-  sortableRows: x,
-  rowHeight: j,
+  className: c,
+  showHierarchy: u,
+  sortableRows: b,
+  rowHeight: v,
   ...T
 }) => {
-  const { getEntityById: M, onOpenPlayer: f } = je(), {
+  const { getEntityById: P, onOpenPlayer: C } = je(), {
     isCellSelected: D,
     isCellFocused: I,
     startSelection: i,
-    extendSelection: d,
-    endSelection: C,
-    selectCell: w,
-    focusCell: v,
-    getCellBorderClasses: y,
-    clearSelection: F,
-    selectedCells: S,
-    setSelectedCells: U,
-    setAnchorCell: k,
-    setFocusedCellId: z
-  } = zt(), { isRowSelected: A } = Ko(), { isEditing: W, setEditingCellId: L, editingCellId: E } = we(), N = y(n), R = o.column.getIsPinned() === "left" && o.column.getIsLastColumn("left"), c = o.column.id === H, O = o.row.original.entityType === "group", $ = S.size > 1;
+    extendSelection: g,
+    endSelection: x,
+    selectCell: R,
+    focusCell: a,
+    getCellBorderClasses: V,
+    clearSelection: j,
+    selectedCells: q,
+    setSelectedCells: G,
+    setAnchorCell: E,
+    setFocusedCellId: H
+  } = zt(), { isRowSelected: B } = Ko(), { isEditing: U, setEditingCellId: M, editingCellId: z } = we(), O = V(n), f = o.column.getIsPinned() === "left" && o.column.getIsLastColumn("left"), w = o.column.id === k, l = o.row.original.entityType === "group", F = q.size > 1;
   return /* @__PURE__ */ e.jsx(
     Et,
     {
       ...T,
       tabIndex: 0,
-      $isLastPinned: R,
-      className: B(
+      $isLastPinned: f,
+      className: N(
         o.column.id,
         {
           selected: D(n),
           focused: I(n),
-          editing: W(n),
-          "last-pinned-left": R,
-          "selected-row": A(g),
+          editing: U(n),
+          "last-pinned-left": f,
+          "selected-row": B(h),
           expandable: !!o.row.originalSubRows && So(o.row.original.entityType),
-          "multiple-selected": $
+          "multiple-selected": F
         },
-        a,
-        ...N
+        c,
+        ...O
       ),
       style: {
         ...bt(o.column),
         width: xt(o.column.id),
-        height: j
+        height: v
       },
-      onMouseDown: (u) => {
-        if (u.button !== 0) return;
-        const X = u.target;
+      onMouseDown: (d) => {
+        if (d.button !== 0) return;
+        const X = d.target;
         if (X.closest(".expander") || X.closest(".options")) return;
-        if (u.detail === 2) {
-          if (ti(u) && o.column.id !== "comments" || pe(o.row.original.entityType) || O) {
-            u.preventDefault();
+        if (d.detail === 2) {
+          if (ti(d) && o.column.id !== "comments" || pe(o.row.original.entityType) || l) {
+            d.preventDefault();
             return;
           }
           if (["name", "comments"].includes(o.column.id) && !X.closest(".expander")) {
             o.column.id === "comments" && Oo("overview", "feed");
-            const _ = Ot(o.row.id, H), ot = u.metaKey || u.ctrlKey, pt = Re(_);
-            U((V) => {
-              const it = ot ? new Set(V) : /* @__PURE__ */ new Set();
-              return it.add(_), it.add(n), it;
-            }), pt && (k(pt), z(_));
+            const $ = Ot(o.row.id, k), ot = d.metaKey || d.ctrlKey, pt = Re($);
+            G((A) => {
+              const it = ot ? new Set(A) : /* @__PURE__ */ new Set();
+              return it.add($), it.add(n), it;
+            }), pt && (E(pt), H($));
           } else if (o.column.id === "thumbnail") {
-            if (f) {
-              const _ = M(o.row.original.entityId || o.row.id);
-              if (_) {
-                const ot = ii(_);
-                f(ot, { quickView: !0 });
+            if (C) {
+              const $ = P(o.row.original.entityId || o.row.id);
+              if ($) {
+                const ot = ii($);
+                C(ot, { quickView: !0 });
               }
             }
           } else
-            L(n);
-          u.preventDefault();
+            M(n);
+          d.preventDefault();
           return;
         }
-        if (O && o.column.id !== "name") return F();
+        if (l && o.column.id !== "name") return j();
         const wt = pe(o.row.original.entityType);
         if (X.closest("." + de) && !wt) {
-          D(n) || (w(n, !1, !1), v(n)), L(n);
+          D(n) || (R(n, !1, !1), a(n)), M(n);
           return;
         }
-        if (E && E !== n) {
-          const q = document.querySelector(
-            `#${E} input, #${E} [role="textbox"]`
+        if (z && z !== n) {
+          const K = document.querySelector(
+            `#${z} input, #${z} [role="textbox"]`
           );
-          if (q) {
-            q.blur(), setTimeout(() => {
+          if (K) {
+            K.blur(), setTimeout(() => {
               at();
             }, 0);
             return;
@@ -1344,24 +1348,24 @@ const li = () => null, mi = (o, g) => g.some((n) => {
         }
         at();
         function at() {
-          const q = u.metaKey || u.ctrlKey || c;
-          u.shiftKey ? w(n, q, !0) : i(n, q), u.preventDefault();
+          const K = d.metaKey || d.ctrlKey || w;
+          d.shiftKey ? R(n, K, !0) : i(n, K), d.preventDefault();
         }
       },
-      onMouseOver: (u) => {
-        if (u.buttons === 1) {
-          if (u.target.closest("." + de)) return;
-          d(n, c);
+      onMouseOver: (d) => {
+        if (d.buttons === 1) {
+          if (d.target.closest("." + de)) return;
+          g(n, w);
         }
       },
       onMouseUp: () => {
-        C(n);
+        x(n);
       },
-      onDoubleClick: (u) => {
-        u.preventDefault();
+      onDoubleClick: (d) => {
+        d.preventDefault();
       },
-      onContextMenu: (u) => {
-        u.preventDefault(), D(n) || w(n, !1, !1);
+      onContextMenu: (d) => {
+        d.preventDefault(), D(n) || R(n, !1, !1);
       },
       onKeyDown: () => {
       },
@@ -1370,6 +1374,6 @@ const li = () => null, mi = (o, g) => g.some((n) => {
   );
 };
 export {
-  ta as ProjectTreeTable
+  ea as ProjectTreeTable
 };
 //# sourceMappingURL=ProjectTreeTable.es.js.map