@ynput/ayon-frontend-shared 0.3.8 → 0.3.10

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

@@ -1,35 +1,21 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as O, useRef as Vt, useCallback as rt, useEffect as ht } from "react";
-import { useVirtualizer as Te } from "@tanstack/react-virtual";
-import { useReactTable as Me, filterFns as Ie, getSortedRowModel as ze, getExpandedRowModel as ve, getFilteredRowModel as Pe, getCoreRowModel as De, flexRender as qt } from "@tanstack/react-table";
-import L from "clsx";
-import Ee, { isEntityExpandable as Oe } from "./buildTreeTableColumns.es.js";
-import { TableWrapper as Le, TableContainer as He, TR as Ut, TD as xt, TableHeader as Ne, AnimatedEmptyPlaceholder as Bt, ColumnHeader as ke, HeaderCell as Ae, TableCellContent as Fe, HeaderButtons as Ve, ResizedHandler as Be } from "./ProjectTreeTable.styled.es.js";
-import $e from "./components/HeaderActionButton.es.js";
-import _e from "./components/RowDragHandleCellContent.es.js";
+import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
+import { useMemo as H, useRef as _t, useCallback as nt, useEffect as yt } from "react";
+import { useVirtualizer as Ne } from "@tanstack/react-virtual";
+import { useReactTable as ke, filterFns as Ae, getSortedRowModel as Fe, getExpandedRowModel as Ve, getFilteredRowModel as Be, getCoreRowModel as _e, flexRender as bt } from "@tanstack/react-table";
+import F from "clsx";
+import $e, { isEntityExpandable as Ke } from "./buildTreeTableColumns.es.js";
+import { TableWrapper as We, TableContainer as qe, TR as Yt, TD as wt, TableHeader as Ue, AnimatedEmptyPlaceholder as $t, HeaderCell as Jt, TableCellContent as Qt, ColumnHeader as Ge, HeaderButtons as Xe, ResizedHandler as Ye } from "./ProjectTreeTable.styled.es.js";
+import Kt from "./components/HeaderActionButton.es.js";
+import Je from "./components/RowDragHandleCellContent.es.js";
 import "./components/RowSelectionHeader.es.js";
 import "./components/SelectionCell.es.js";
-import { ColumnHeaderMenu as Ke } from "./components/ColumnHeaderMenu.es.js";
-import { EmptyPlaceholder as $t } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { useCellEditing as Gt } from "./context/CellEditingContext.es.js";
-import { useSelectionCellsContext as yt, ROW_SELECTION_COLUMN_ID as A } from "./context/SelectionCellsContext.es.js";
-import { ClipboardProvider as We } from "./context/ClipboardContext.es.js";
-import { useSelectedRowsContext as qe } from "./context/SelectedRowsContext.es.js";
-import { useColumnSettingsContext as Ue } from "./context/ColumnSettingsContext.es.js";
-import { useMenuContext as Ge } from "../../context/MenuContext.es.js";
-import Xe from "./hooks/useCustomColumnWidthVars.es.js";
-import { usePrefetchFolderTasks as Ye } from "./hooks/usePrefetchFolderTasks.es.js";
-import Je from "./hooks/useCellContextMenu.es.js";
-import Qe from "./hooks/useColumnVirtualization.es.js";
-import Ze from "./hooks/useKeyboardNavigation.es.js";
-import to from "./hooks/useDynamicRowHeight.es.js";
-import { EntityPickerDialog as eo } from "../EntityPickerDialog/EntityPickerDialog.es.js";
-import { useMoveEntities as oo } from "./hooks/useMoveEntities.es.js";
+import { ColumnHeaderMenu as Qe } from "./components/ColumnHeaderMenu.es.js";
+import { DragOverlay as Zt, useDndContext as te } from "@dnd-kit/core";
+import { SortableContext as ee, verticalListSortingStrategy as Ze, horizontalListSortingStrategy as to, useSortable as oe } from "@dnd-kit/sortable";
 import "../ContextMenu/ContextMenuContext.es.js";
-import { Icon as Xt, Button as _t } from "@ynput/ayon-react-components";
+import { Icon as ie, Button as Wt } from "@ynput/ayon-react-components";
 /* empty css                                 */
-import { createPortal as Ct } from "react-dom";
+import { createPortal as rt } 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";
@@ -44,9 +30,10 @@ import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
+import { useMenuContext as eo } from "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
-import { useProjectContext as io } from "../../context/ProjectContext.es.js";
+import { useProjectContext as oo } from "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
 import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
@@ -62,23 +49,21 @@ import "../Feed/components/FilesGrid/FilesGrid.styled.es.js";
 import "../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
 import "../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import { upperFirst as ro } from "lodash";
+import { upperFirst as io } from "lodash";
 import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
 import "../../components/AccessUser/AccessUser.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
-import { DragOverlay as no } from "@dnd-kit/core";
-import { SortableContext as so, verticalListSortingStrategy as lo, useSortable as mo } from "@dnd-kit/sortable";
-import { CSS as ao } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
+import { CSS as Ct } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
 import "../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../components/Badge/Badge.es.js";
 import "../../components/Chips/Chips.es.js";
 import "date-fns";
 import "../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import "../../components/LinksManager/CellEditingDialog.es.js";
-import { toast as po } from "react-toastify";
+import { toast as no } from "react-toastify";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -104,6 +89,7 @@ import "../../api/generated/operations.es.js";
 import "../../api/generated/products.es.js";
 import "../../api/generated/projectDashboard.es.js";
 import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
 import "../../api/generated/reviewables.es.js";
 import "../../api/generated/services.es.js";
 import "../../api/generated/system.es.js";
@@ -151,6 +137,7 @@ import "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
 import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
@@ -171,6 +158,8 @@ import "../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../components/DetailsPanelDetails/FieldLabel.es.js";
 import "../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../components/EarlyPreview/EarlyPreview.es.js";
+import { EmptyPlaceholder as qt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
@@ -185,6 +174,7 @@ import "../../components/Feedback/SupportBubble.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../components/LegacyBadge/LegacyBadge.es.js";
 import "../../components/LinksManager/LinksManager.styled.es.js";
+import { EntityPickerDialog as ro } from "../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../components/Powerpack/PowerpackButton.es.js";
 import "../../components/Powerpack/PricingLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
@@ -231,14 +221,26 @@ import "../Feed/Feed.styled.es.js";
 import "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
 import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import { parseCellId as uo, getCellId as bt } from "./utils/cellUtils.es.js";
-import { generateDummyAttributes as co, generateLoadingRows as go } from "./utils/loadingUtils.es.js";
-import { isTargetReadOnly as fo, isEntityRestricted as Kt } from "./utils/restrictedEntity.es.js";
-import { useProjectTableContext as Yt } from "./context/ProjectTableContext.es.js";
-import { getTableFieldOptions as ho } from "./utils/getTableFieldOptions.es.js";
-import { getReadOnlyLists as yo } from "./utils/getReadOnlyLists.es.js";
-import { getEntityViewierIds as Co } from "./utils/getEntityViewerIds.es.js";
-import { EDIT_TRIGGER_CLASS as Wt } from "./widgets/CellWidget.es.js";
+import { useCellEditing as ne } from "./context/CellEditingContext.es.js";
+import { useSelectionCellsContext as xt, ROW_SELECTION_COLUMN_ID as L } from "./context/SelectionCellsContext.es.js";
+import { ClipboardProvider as so } from "./context/ClipboardContext.es.js";
+import { useSelectedRowsContext as lo } from "./context/SelectedRowsContext.es.js";
+import { useColumnSettingsContext as re } from "./context/ColumnSettingsContext.es.js";
+import mo from "./hooks/useCustomColumnWidthVars.es.js";
+import { usePrefetchFolderTasks as ao } from "./hooks/usePrefetchFolderTasks.es.js";
+import po from "./hooks/useCellContextMenu.es.js";
+import co from "./hooks/useColumnVirtualization.es.js";
+import uo from "./hooks/useKeyboardNavigation.es.js";
+import go from "./hooks/useDynamicRowHeight.es.js";
+import { useMoveEntities as fo } from "./hooks/useMoveEntities.es.js";
+import { parseCellId as ho, getCellId as St } from "./utils/cellUtils.es.js";
+import { generateDummyAttributes as yo, generateLoadingRows as Co } from "./utils/loadingUtils.es.js";
+import { isTargetReadOnly as xo, isEntityRestricted as Ut } from "./utils/restrictedEntity.es.js";
+import { useProjectTableContext as se } from "./context/ProjectTableContext.es.js";
+import { getTableFieldOptions as bo } from "./utils/getTableFieldOptions.es.js";
+import { getReadOnlyLists as wo } from "./utils/getReadOnlyLists.es.js";
+import { getEntityViewierIds as So } from "./utils/getEntityViewerIds.es.js";
+import { EDIT_TRIGGER_CLASS as Gt } from "./widgets/CellWidget.es.js";
 import "./context/ProjectTableQueriesContext.es.js";
 import "./context/DetailsPanelEntityContext.es.js";
 import "../../../../_virtual/runtime.es.js";
@@ -246,7 +248,7 @@ import "../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "./components/GroupSettingsFallback.es.js";
-import { useProjectDataContext as xo } from "./context/ProjectDataContext.es.js";
+import { useProjectDataContext as Ro } from "./context/ProjectDataContext.es.js";
 import "./widgets/CollapsedWidget.es.js";
 import "./widgets/DateWidget.es.js";
 import "./widgets/EnumWidget.es.js";
@@ -271,150 +273,150 @@ import "../Views/context/ViewsContext.es.js";
 import "../Views/Views.styled.es.js";
 import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../Views/ViewsMenu/ViewsMenu.es.js";
-const nt = (t) => {
-  const m = t.getIsPinned(), i = t.id !== A && t.id !== U ? -30 : 0;
+const st = (e) => {
+  const l = e.getIsPinned(), n = e.id !== L && e.id !== $ ? -30 : 0;
   return {
-    left: m === "left" ? `${t.getStart("left") + i}px` : void 0,
+    left: l === "left" ? `${e.getStart("left") + n}px` : void 0,
     // Removed offset
-    right: m === "right" ? `${t.getAfter("right")}px` : void 0,
-    position: m ? "sticky" : "relative",
-    width: t.getSize(),
-    zIndex: m ? 100 : 0
+    right: l === "right" ? `${e.getAfter("right")}px` : void 0,
+    position: l ? "sticky" : "relative",
+    width: e.getSize(),
+    zIndex: l ? 100 : 0
   };
-}, st = (t, m) => `calc(var(--col-${m}-size) * 1px)`, U = "drag-handle", vl = ({
-  scope: t,
-  sliceId: m,
-  onScroll: i,
-  onScrollBottom: f,
+}, lt = (e, l) => `calc(var(--col-${l}-size) * 1px)`, $ = "drag-handle", Ll = ({
+  scope: e,
+  sliceId: l,
+  onScroll: n,
+  onScrollBottom: d,
   // when the user scrolls to the bottom of the table, this callback is called
-  onOpenNew: y,
-  readOnly: C,
-  excludedColumns: x,
-  excludedSorting: b,
-  extraColumns: w,
-  includeLinks: r,
-  isLoading: R,
+  onOpenNew: h,
+  readOnly: b,
+  excludedColumns: w,
+  excludedSorting: R,
+  extraColumns: P,
+  includeLinks: u,
+  isLoading: S,
   isExpandable: j,
-  clientSorting: s = !1,
-  sortableRows: u = !1,
-  onRowReorder: $,
-  dndActiveId: p,
+  clientSorting: i = !1,
+  sortableRows: r = !1,
+  onRowReorder: D,
+  dndActiveId: a,
   // Destructure new prop
-  columnsConfig: H,
-  onScrollBottomGroupBy: c,
+  columnsConfig: z,
+  onScrollBottomGroupBy: g,
   // Destructure new prop for group-by load more
-  contextMenuItems: _,
+  contextMenuItems: N,
   // Additional context menu items from props
-  pt: h,
-  ...G
+  pt: C,
+  ...K
 }) => {
   const {
-    columnVisibility: N,
-    columnPinning: S,
-    columnOrder: D,
-    columnSizing: F,
-    setAllColumns: K,
-    sorting: g,
-    sortingOnChange: z,
-    columnPinningOnChange: T,
+    columnVisibility: k,
+    columnPinning: x,
+    columnOrder: T,
+    columnSizing: A,
+    setAllColumns: B,
+    sorting: f,
+    sortingOnChange: v,
+    columnPinningOnChange: m,
     columnSizingOnChange: X,
-    columnVisibilityOnChange: l,
-    columnOrderOnChange: V,
-    groupBy: E
-  } = Ue(), v = !!E, { productTypes: P, projectName: Q, ...Qt } = io(), {
-    tableData: W,
-    attribFields: B,
-    entitiesMap: Zt,
-    users: wt,
-    isLoading: te,
-    error: ee,
-    isInitialized: lt,
-    expanded: oe,
-    updateExpanded: Rt,
-    toggleExpandAll: ie,
-    showHierarchy: k,
-    fetchNextPage: re,
-    scopes: q,
+    columnVisibilityOnChange: p,
+    columnOrderOnChange: W,
+    groupBy: V
+  } = re(), E = !!V, { productTypes: O, projectName: Q, ...me } = oo(), {
+    tableData: U,
+    attribFields: q,
+    entitiesMap: ae,
+    users: Rt,
+    isLoading: de,
+    error: pe,
+    isInitialized: mt,
+    expanded: ce,
+    updateExpanded: jt,
+    toggleExpandAll: ue,
+    showHierarchy: _,
+    fetchNextPage: ge,
+    scopes: G,
     // or entityTypes
-    getEntityById: St,
-    onResetView: ne
-  } = Yt(), { writableFields: jt } = xo(), Y = R || te, {
-    statuses: Tt = [],
-    folderTypes: Mt = [],
-    taskTypes: It = [],
-    tags: zt = [],
-    linkTypes: vt = []
-  } = Qt || {}, Z = O(
-    () => ho({
-      users: wt,
-      statuses: Tt,
-      folderTypes: Mt,
-      taskTypes: It,
-      productTypes: P,
-      tags: zt,
-      scopes: q
+    getEntityById: Tt,
+    onResetView: fe
+  } = se(), { writableFields: It } = Ro(), Y = S || de, {
+    statuses: Pt = [],
+    folderTypes: vt = [],
+    taskTypes: Mt = [],
+    tags: Dt = [],
+    linkTypes: zt = []
+  } = me || {}, Z = H(
+    () => bo({
+      users: Rt,
+      statuses: Pt,
+      folderTypes: vt,
+      taskTypes: Mt,
+      productTypes: O,
+      tags: Dt,
+      scopes: G
     }),
-    [wt, Tt, Mt, It, q, zt]
-  ), tt = Vt(null), Pt = Vt(0), { registerGrid: Dt } = yt(), { loadingAttrib: Et, loadingRows: se } = O(() => {
-    const o = tt.current?.querySelectorAll("tbody tr").length || 0, a = co(), d = go(
-      k && W.length > 0 ? Math.min(o, 50) : E ? Math.max(Pt.current, 50) : 50
+    [Rt, Pt, vt, Mt, G, Dt]
+  ), tt = _t(null), Et = _t(0), { registerGrid: Ot } = xt(), { loadingAttrib: Ht, loadingRows: he } = H(() => {
+    const o = tt.current?.querySelectorAll("tbody tr").length || 0, c = yo(), y = Co(
+      _ && U.length > 0 ? Math.min(o, 50) : V ? Math.max(Et.current, 50) : 50
     );
-    return { loadingAttrib: a, loadingRows: d };
-  }, []), le = !lt || Y, { readOnlyColumns: Ot, readOnlyAttribs: me } = O(
-    () => yo(B, jt, C),
-    [B, jt, C]
-  ), { selectedCells: mt } = yt(), { updateEntities: Lt } = Gt(), ae = rt(
-    async (o, a) => {
-      const { selection: d = [] } = a || {}, n = [];
-      if (!d?.length)
-        n.push({ ...o, id: o.rowId });
+    return { loadingAttrib: c, loadingRows: y };
+  }, []), ye = !mt || Y, { readOnlyColumns: Lt, readOnlyAttribs: Ce } = H(
+    () => wo(q, It, b),
+    [q, It, b]
+  ), { selectedCells: at } = xt(), { updateEntities: Nt } = ne(), xe = nt(
+    async (o, c) => {
+      const { selection: y = [] } = c || {}, s = [];
+      if (!y?.length)
+        s.push({ ...o, id: o.rowId });
       else {
-        const { field: I, value: ut, isAttrib: ct } = o;
-        for (const je of mt) {
-          const { colId: gt, rowId: it } = uo(je) || {};
-          if (gt === A) continue;
-          const ft = St(it || "");
-          if (!ft) {
+        const { field: M, value: ut, isAttrib: gt } = o;
+        for (const Le of at) {
+          const { colId: ft, rowId: it } = ho(Le) || {};
+          if (ft === L) continue;
+          const ht = Tt(it || "");
+          if (!ht) {
             console.warn(`Entity with ID ${it} not found for cell update.`);
             continue;
           }
-          (!gt?.includes("attrib_") || gt?.replace("attrib_", "") === I) && it && n.push({
-            field: I,
+          (!ft?.includes("attrib_") || ft?.replace("attrib_", "") === M) && it && s.push({
+            field: M,
             rowId: it,
-            id: ft.entityId,
+            id: ht.entityId,
             value: ut,
-            isAttrib: ct,
-            type: ft.entityType
+            isAttrib: gt,
+            type: ht.entityType
           });
         }
       }
-      if (!n.length) {
-        console.warn("No entities to update, skipping updateEntities call."), po.warn("No entities to update.");
+      if (!s.length) {
+        console.warn("No entities to update, skipping updateEntities call."), no.warn("No entities to update.");
         return;
       }
-      await Lt(n, !0);
+      await Nt(s, !0);
     },
-    [Lt, St, mt]
-  ), Ht = O(
-    () => lt ? B : Et,
-    [B, Et, lt]
-  ), pe = () => q.includes("version") ? "Product / Version" : q.map((o) => ro(o)).join(" / "), at = O(() => {
-    const o = Ee({
-      scopes: q,
-      attribs: Ht,
-      links: vt,
-      includeLinks: r,
-      showHierarchy: k,
+    [Nt, Tt, at]
+  ), kt = H(
+    () => mt ? q : Ht,
+    [q, Ht, mt]
+  ), be = () => G.includes("version") ? "Product / Version" : G.map((o) => io(o)).join(" / "), dt = H(() => {
+    const o = $e({
+      scopes: G,
+      attribs: kt,
+      links: zt,
+      includeLinks: u,
+      showHierarchy: _,
       options: Z,
-      extraColumns: w,
-      excluded: x,
-      excludedSorting: b,
-      groupBy: E,
-      nameLabel: pe()
+      extraColumns: P,
+      excluded: w,
+      excludedSorting: R,
+      groupBy: V,
+      nameLabel: be()
     });
-    return u ? [
+    return r ? [
       {
-        id: U,
+        id: $,
         header: () => null,
         cell: () => null,
         // Content rendered by TableBodyRow
@@ -430,25 +432,25 @@ const nt = (t) => {
       ...o
     ] : o;
   }, [
-    q,
-    Ht,
-    k,
+    G,
+    kt,
+    _,
     j,
     Z,
-    vt,
-    r,
+    zt,
+    u,
+    P,
     w,
-    x,
-    b,
-    u
+    R,
+    r
   ]);
-  ht(() => {
-    const o = at.map((a) => a.id).filter(Boolean);
-    K(o);
-  }, [at, K]);
-  const M = Me({
-    data: le ? se : W,
-    columns: at,
+  yt(() => {
+    const o = dt.map((c) => c.id).filter(Boolean);
+    B(o);
+  }, [dt, B]);
+  const I = ke({
+    data: ye ? he : U,
+    columns: dt,
     defaultColumn: {
       minSize: 50,
       size: 150
@@ -459,171 +461,175 @@ const nt = (t) => {
     enableSubRowSelection: !1,
     //disable sub row selection
     getSubRows: (o) => o.subRows,
-    getRowCanExpand: () => !!j || k || v,
-    getCoreRowModel: De(),
-    getFilteredRowModel: Pe(),
-    getExpandedRowModel: ve(),
+    getRowCanExpand: () => !!j || _ || E,
+    getCoreRowModel: _e(),
+    getFilteredRowModel: Be(),
+    getExpandedRowModel: Ve(),
     filterFromLeafRows: !0,
     // EXPANDABLE
-    onExpandedChange: Rt,
+    onExpandedChange: jt,
     // SORTING
     enableSorting: !0,
-    getSortedRowModel: ze(),
+    getSortedRowModel: Fe(),
     sortDescFirst: !1,
-    manualSorting: !s,
-    onSortingChange: z,
+    manualSorting: !i,
+    onSortingChange: v,
     columnResizeMode: "onChange",
-    onColumnPinningChange: T,
+    onColumnPinningChange: m,
     onColumnSizingChange: X,
-    onColumnVisibilityChange: l,
-    onColumnOrderChange: V,
+    onColumnVisibilityChange: p,
+    onColumnOrderChange: W,
     // @ts-ignore
-    filterFns: Ie,
+    filterFns: Ae,
     state: {
-      expanded: oe,
-      sorting: g,
+      expanded: ce,
+      sorting: f,
       columnPinning: (() => {
         const o = [];
-        u && o.push(U), o.push(A);
-        const a = (S.left || []).filter(
-          (n) => n !== U && n !== A
+        r && o.push($), o.push(L);
+        const c = (x.left || []).filter(
+          (s) => s !== $ && s !== L
         );
-        return o.push(...a), {
+        return o.push(...c), {
           left: [...new Set(o)],
-          right: S.right
+          right: x.right
         };
       })(),
-      columnSizing: F,
-      columnVisibility: N,
-      columnOrder: D
+      columnSizing: A,
+      columnVisibility: k,
+      columnOrder: T
     },
     meta: {
       projectName: Q,
       options: Z,
-      readOnly: Ot,
-      updateEntities: ae,
-      toggleExpandAll: ie,
-      loadMoreRows: re,
-      selection: Array.from(mt),
-      columnsConfig: H
+      readOnly: Lt,
+      updateEntities: xe,
+      toggleExpandAll: ue,
+      loadMoreRows: ge,
+      selection: Array.from(at),
+      columnsConfig: z
     }
-  }), { rows: J } = M.getRowModel();
-  ht(() => {
-    Pt.current = J.length;
-  }, [J.length]), ht(() => {
+  }), { rows: J } = I.getRowModel();
+  yt(() => {
+    Et.current = J.length;
+  }, [J.length]), yt(() => {
     if (!J.length) return;
-    const o = J.map((n) => n.id), d = [...M.getAllLeafColumns().map((n) => n.id)].sort((n, I) => {
-      if (A === I) return 1;
-      const ut = S.left?.includes(n) ? 0 : 1, ct = S.left?.includes(I) ? 0 : 1;
-      return ut - ct;
+    const o = J.map((s) => s.id), y = [...I.getAllLeafColumns().map((s) => s.id)].sort((s, M) => {
+      if (L === M) return 1;
+      const ut = x.left?.includes(s) ? 0 : 1, gt = x.left?.includes(M) ? 0 : 1;
+      return ut - gt;
     });
-    Dt(o, d);
-  }, [J, M.getAllLeafColumns(), S, A, Dt]);
-  const Nt = M.getVisibleLeafColumns(), { columnVirtualizer: pt, virtualPaddingLeft: et, virtualPaddingRight: ot } = Qe({
-    visibleColumns: Nt,
+    Ot(o, y);
+  }, [J, I.getAllLeafColumns(), x, L, Ot]);
+  const At = I.getVisibleLeafColumns(), { columnVirtualizer: pt, virtualPaddingLeft: et, virtualPaddingRight: ot } = co({
+    visibleColumns: At,
     tableContainerRef: tt,
-    columnPinning: S,
-    columnSizing: F,
-    columnOrder: D
-  }), kt = Xe(M, F), { getRowHeight: de, defaultRowHeight: At } = to(), ue = O(() => B.reduce((o, a) => (a.data?.enum?.length && (o[a.name] = a.data?.enum), o), {}), [B]), ce = O(() => W.map((o) => o.id), [W]), ge = O(() => !p || !u ? null : W.find((o) => o.id === p), [p, W, u]), fe = rt(
+    columnPinning: x,
+    columnSizing: A,
+    columnOrder: T
+  }), Ft = mo(I, A), { getRowHeight: we, defaultRowHeight: Vt } = go(), Se = H(() => q.reduce((o, c) => (c.data?.enum?.length && (o[c.name] = c.data?.enum), o), {}), [q]), Re = H(() => U.map((o) => o.id), [U]), je = H(() => T.filter(
+    (o) => o !== $ && o !== L
+  ), [T]), Te = H(() => !a || !r ? null : U.find((o) => o.id === a), [a, U, r]), Ie = nt(
     (o) => {
-      if (i?.(o), f) {
-        const a = o.currentTarget;
-        if (a && !k && !E) {
-          const { scrollHeight: d, scrollTop: n, clientHeight: I } = a;
-          d - n - I < 500 && !Y && f(o);
+      if (n?.(o), d) {
+        const c = o.currentTarget;
+        if (c && !_ && !V) {
+          const { scrollHeight: y, scrollTop: s, clientHeight: M } = c;
+          y - s - M < 500 && !Y && d(o);
         }
       }
-      if (c && E) {
-        const I = o.currentTarget?.querySelector(".load-more")?.getAttribute("id")?.split("-")[2];
-        I && c(I);
+      if (g && V) {
+        const M = o.currentTarget?.querySelector(".load-more")?.getAttribute("id")?.split("-")[2];
+        M && g(M);
       }
     },
-    [i, f, c, k, E, Y]
+    [n, d, g, _, V, Y]
   ), {
-    isEntityPickerOpen: he,
-    handleMoveSubmit: ye,
-    closeMoveDialog: Ce,
-    movingEntities: dt,
-    handleMoveToRoot: xe,
-    getDisabledFolderIds: be,
-    getDisabledMessage: we
-  } = oo({
+    isEntityPickerOpen: Pe,
+    handleMoveSubmit: ve,
+    closeMoveDialog: Me,
+    movingEntities: ct,
+    handleMoveToRoot: De,
+    getDisabledFolderIds: ze,
+    getDisabledMessage: Ee
+  } = fo({
     projectName: Q
-  }), Re = (o) => {
-    ye(o);
-    const a = o[0];
-    Rt((d) => typeof d == "boolean" ? d || { [a]: !0 } : d[a] ? d : {
-      ...d,
-      [a]: !0
+  }), Oe = (o) => {
+    ve(o);
+    const c = o[0];
+    jt((y) => typeof y == "boolean" ? y || { [c]: !0 } : y[c] ? y : {
+      ...y,
+      [c]: !0
     });
-  }, Ft = /* @__PURE__ */ e.jsxs(
-    We,
+  }, Bt = /* @__PURE__ */ t.jsxs(
+    so,
     {
-      entitiesMap: Zt,
-      columnEnums: { ...Z, ...ue },
-      columnReadOnly: me,
-      visibleColumns: Nt,
+      entitiesMap: ae,
+      columnEnums: { ...Z, ...Se },
+      columnReadOnly: Ce,
+      visibleColumns: At,
       children: [
-        /* @__PURE__ */ e.jsx(Le, { ...G, children: /* @__PURE__ */ e.jsx(
-          He,
+        /* @__PURE__ */ t.jsx(We, { ...K, children: /* @__PURE__ */ t.jsx(
+          qe,
           {
             ref: tt,
             style: { height: "100%", padding: 0 },
-            onScroll: fe,
-            ...h?.container,
-            className: L(
+            onScroll: Ie,
+            ...C?.container,
+            "data-column-dnd-container": !0,
+            className: F(
               "table-container",
               {
-                resizing: M.getState().columnSizingInfo.isResizingColumn
+                resizing: I.getState().columnSizingInfo.isResizingColumn
               },
-              h?.container?.className
+              C?.container?.className
             ),
-            children: /* @__PURE__ */ e.jsxs(
+            children: /* @__PURE__ */ t.jsxs(
               "table",
               {
                 style: {
                   display: "grid",
                   borderCollapse: "collapse",
                   userSelect: "none",
-                  ...kt,
-                  width: M.getTotalSize(),
-                  cursor: M.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0
+                  ...Ft,
+                  width: I.getTotalSize(),
+                  cursor: I.getState().columnSizingInfo.isResizingColumn ? "col-resize" : void 0
                 },
                 children: [
-                  /* @__PURE__ */ e.jsx(
-                    bo,
+                  /* @__PURE__ */ t.jsx(
+                    jo,
                     {
                       columnVirtualizer: pt,
-                      table: M,
+                      table: I,
                       virtualPaddingLeft: et,
                       virtualPaddingRight: ot,
                       isLoading: Y,
-                      readOnlyColumns: Ot,
-                      sortableRows: u,
-                      ...h?.head
+                      readOnlyColumns: Lt,
+                      sortableRows: r,
+                      columnOrderIds: je,
+                      ...C?.head
                     }
                   ),
-                  /* @__PURE__ */ e.jsx(
-                    So,
+                  /* @__PURE__ */ t.jsx(
+                    Po,
                     {
                       columnVirtualizer: pt,
-                      table: M,
+                      table: I,
                       tableContainerRef: tt,
                       virtualPaddingLeft: et,
                       virtualPaddingRight: ot,
-                      showHierarchy: k,
-                      attribs: B,
-                      onOpenNew: y,
-                      rowOrderIds: ce,
-                      sortableRows: u,
-                      error: ee,
+                      showHierarchy: _,
+                      attribs: q,
+                      onOpenNew: h,
+                      rowOrderIds: Re,
+                      sortableRows: r,
+                      error: pe,
                       isLoading: Y,
-                      isGrouping: v,
-                      getRowHeight: de,
-                      defaultRowHeight: At,
-                      onResetView: ne,
-                      contextMenuItems: _
+                      isGrouping: E,
+                      getRowHeight: we,
+                      defaultRowHeight: Vt,
+                      onResetView: fe,
+                      contextMenuItems: N
                     }
                   )
                 ]
@@ -631,336 +637,402 @@ const nt = (t) => {
             )
           }
         ) }),
-        he && Q && dt?.entities && dt.entities.length > 0 && /* @__PURE__ */ e.jsx(
-          eo,
+        Pe && Q && ct?.entities && ct.entities.length > 0 && /* @__PURE__ */ t.jsx(
+          ro,
           {
             projectName: Q,
             entityType: "folder",
-            onSubmit: Re,
-            onClose: Ce,
-            showMoveToRoot: dt.entities.every(
+            onSubmit: Oe,
+            onClose: Me,
+            showMoveToRoot: ct.entities.every(
               (o) => o.entityType === "folder"
             ),
-            onMoveToRoot: xe,
-            disabledIds: be(),
-            getDisabledMessage: we
+            onMoveToRoot: De,
+            disabledIds: ze(),
+            getDisabledMessage: Ee
           }
         )
       ]
     }
-  ), Se = u && p && Ct(
-    /* @__PURE__ */ e.jsx(no, { dropAnimation: null, children: ge ? (() => {
-      const o = M.getRowModel().rows.find((d) => d.id === p);
+  ), He = r && a && rt(
+    /* @__PURE__ */ t.jsx(Zt, { dropAnimation: null, children: Te ? (() => {
+      const o = I.getRowModel().rows.find((y) => y.id === a);
       if (!o) return null;
-      const a = M.getTotalSize();
-      return /* @__PURE__ */ e.jsx(
+      const c = I.getTotalSize();
+      return /* @__PURE__ */ t.jsx(
         "table",
         {
           style: {
-            width: a,
+            width: c,
             borderCollapse: "collapse",
             backgroundColor: "var(--md-sys-color-surface-container-high)",
             boxShadow: "0 0 10px rgba(0,0,0,0.2)",
-            ...kt
+            ...Ft
           },
-          children: /* @__PURE__ */ e.jsx("tbody", { children: /* @__PURE__ */ e.jsxs(Ut, { style: { display: "flex", userSelect: "none" }, children: [
-            et ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: et } }) : null,
-            pt.getVirtualItems().map((d) => {
-              const n = o.getVisibleCells()[d.index];
-              if (!n) return null;
-              const I = {
-                ...nt(n.column),
-                width: st(o.id, n.column.id),
+          children: /* @__PURE__ */ t.jsx("tbody", { children: /* @__PURE__ */ t.jsxs(Yt, { style: { display: "flex", userSelect: "none" }, children: [
+            et ? /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: et } }) : null,
+            pt.getVirtualItems().map((y) => {
+              const s = o.getVisibleCells()[y.index];
+              if (!s) return null;
+              const M = {
+                ...st(s.column),
+                width: lt(o.id, s.column.id),
                 display: "flex",
                 alignItems: "center",
-                height: At
+                height: Vt
               };
-              return n.column.id === U ? /* @__PURE__ */ e.jsxs(
-                xt,
+              return s.column.id === $ ? /* @__PURE__ */ t.jsxs(
+                wt,
                 {
-                  style: { ...I, justifyContent: "center" },
-                  className: L(n.column.id),
+                  style: { ...M, justifyContent: "center" },
+                  className: F(s.column.id),
                   children: [
-                    /* @__PURE__ */ e.jsx(Xt, { icon: "drag_handle" }),
+                    /* @__PURE__ */ t.jsx(ie, { icon: "drag_handle" }),
                     " "
                   ]
                 },
-                `overlay-drag-${n.id}`
-              ) : /* @__PURE__ */ e.jsx(
-                Jt,
+                `overlay-drag-${s.id}`
+              ) : /* @__PURE__ */ t.jsx(
+                le,
                 {
-                  cell: n,
-                  cellId: `overlay-${bt(o.id, n.column.id)}`,
+                  cell: s,
+                  cellId: `overlay-${St(o.id, s.column.id)}`,
                   rowId: o.id,
-                  showHierarchy: k
+                  showHierarchy: _
                 },
-                `overlay-cell-${n.id}`
+                `overlay-cell-${s.id}`
               );
             }),
-            ot ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: ot } }) : null
+            ot ? /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: ot } }) : null
           ] }) })
         }
       );
     })() : null }),
     document.body
   );
-  return u ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    Ft,
-    Se
-  ] }) : Ft;
-}, bo = ({
-  columnVirtualizer: t,
-  table: m,
-  virtualPaddingLeft: i,
-  virtualPaddingRight: f,
-  isLoading: y,
-  readOnlyColumns: C,
-  sortableRows: x,
-  ...b
-}) => /* @__PURE__ */ e.jsx(Ne, { ...b, children: m.getHeaderGroups().map((w) => /* @__PURE__ */ e.jsx(
-  wo,
+  return r ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    Bt,
+    He,
+    /* @__PURE__ */ t.jsx(Xt, { table: I })
+  ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    Bt,
+    /* @__PURE__ */ t.jsx(Xt, { table: I })
+  ] });
+}, Xt = ({ table: e }) => {
+  const { active: l } = te(), d = l?.data?.current?.type === "column" ? l?.id : null, h = H(() => d && e.getHeaderGroups()[0]?.headers.find((b) => b.id === d) || null, [d, e]);
+  return !d || !h ? null : rt(
+    /* @__PURE__ */ t.jsx(Zt, { dropAnimation: null, children: /* @__PURE__ */ t.jsx(
+      Jt,
+      {
+        style: {
+          width: h.column.getSize(),
+          backgroundColor: "var(--md-sys-color-surface-container-high)",
+          boxShadow: "0 0 10px rgba(0,0,0,0.2)",
+          display: "flex",
+          alignItems: "center",
+          minHeight: 34
+        },
+        children: /* @__PURE__ */ t.jsx(Qt, { className: "bold header", children: bt(
+          h.column.columnDef.header,
+          h.getContext()
+        ) })
+      }
+    ) }),
+    document.body
+  );
+}, jo = ({
+  columnVirtualizer: e,
+  table: l,
+  virtualPaddingLeft: n,
+  virtualPaddingRight: d,
+  isLoading: h,
+  readOnlyColumns: b,
+  sortableRows: w,
+  columnOrderIds: R,
+  ...P
+}) => /* @__PURE__ */ t.jsx(Ue, { ...P, children: l.getHeaderGroups().map((u) => /* @__PURE__ */ t.jsx(
+  To,
   {
-    columnVirtualizer: t,
-    headerGroup: w,
-    virtualPaddingLeft: i,
-    virtualPaddingRight: f,
-    isLoading: y,
-    readOnlyColumns: C,
-    sortableRows: x
+    columnVirtualizer: e,
+    headerGroup: u,
+    virtualPaddingLeft: n,
+    virtualPaddingRight: d,
+    isLoading: h,
+    readOnlyColumns: b,
+    sortableRows: w,
+    columnOrderIds: R
   },
-  w.id
-)) }), wo = ({
-  columnVirtualizer: t,
-  headerGroup: m,
-  virtualPaddingLeft: i,
-  virtualPaddingRight: f,
-  isLoading: y,
-  readOnlyColumns: C,
-  sortableRows: x
+  u.id
+)) }), To = ({
+  columnVirtualizer: e,
+  headerGroup: l,
+  virtualPaddingLeft: n,
+  virtualPaddingRight: d,
+  isLoading: h,
+  readOnlyColumns: b,
+  sortableRows: w,
+  columnOrderIds: R
 }) => {
-  const b = t.getVirtualItems();
-  return /* @__PURE__ */ e.jsxs(ke, { style: { display: "flex" }, children: [
-    i ? (
+  const P = e.getVirtualItems(), { active: u } = te(), S = u?.data?.current?.type === "column", j = S && (u?.data?.current?.isPinned ?? !1);
+  return /* @__PURE__ */ t.jsxs(Ge, { style: { display: "flex" }, children: [
+    n ? (
       //fake empty column to the left for virtualization scroll padding
-      /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: i } })
+      /* @__PURE__ */ t.jsx("th", { style: { display: "flex", width: n } })
     ) : null,
-    b.map((w) => {
-      const r = m.headers[w.index];
-      return /* @__PURE__ */ e.jsx(
-        Ro,
+    /* @__PURE__ */ t.jsx(ee, { items: R, strategy: to, children: P.map((i) => {
+      const r = l.headers[i.index], D = r.id !== $ && r.id !== L;
+      return /* @__PURE__ */ t.jsx(
+        Io,
         {
           header: r,
-          isLoading: y,
-          isReadOnly: C?.includes(r.id),
+          isLoading: h,
+          isReadOnly: b?.includes(r.id),
           canSort: r.column.getCanSort(),
           canFilter: r.column.getCanFilter(),
           canHide: r.column.getCanHide(),
           canPin: r.column.getCanPin(),
           canResize: r.column.getCanResize(),
-          sortableRows: x
+          sortableRows: w,
+          isDraggable: D,
+          isColumnDrag: S,
+          isDraggedColumnPinned: j
         },
         r.id
       );
-    }),
-    f ? (
+    }) }),
+    d ? (
       //fake empty column to the right for virtualization scroll padding
-      /* @__PURE__ */ e.jsx("th", { style: { display: "flex", width: f } })
+      /* @__PURE__ */ t.jsx("th", { style: { display: "flex", width: d } })
     ) : null
-  ] }, m.id);
-}, Ro = ({
-  header: t,
-  isLoading: m,
-  canFilter: i,
-  canHide: f,
-  canSort: y,
-  canPin: C,
-  canResize: x,
-  isReadOnly: b,
-  sortableRows: w
+  ] }, l.id);
+}, Io = ({
+  header: e,
+  isLoading: l,
+  canFilter: n,
+  canHide: d,
+  canSort: h,
+  canPin: b,
+  canResize: w,
+  isReadOnly: R,
+  sortableRows: P,
+  isDraggable: u = !0,
+  isColumnDrag: S,
+  isDraggedColumnPinned: j
 }) => {
-  const { column: r } = t, R = r.getIsSorted(), j = `column-header-menu-${r.id}`, { menuOpen: s } = Ge(), u = s === j;
-  return /* @__PURE__ */ e.jsx(
-    Ae,
+  const { column: i } = e, r = i.getIsSorted(), D = `column-header-menu-${i.id}`, { menuOpen: a } = eo(), z = a === D, { columnPinning: g } = re(), N = g.left?.includes(i.id) || !1, { attributes: C, listeners: K, setNodeRef: k, transform: x, transition: T, isDragging: A } = oe({
+    id: i.id,
+    data: { type: "column", isPinned: N },
+    disabled: !u
+  }), B = S && j === N, f = () => {
+    if (A)
+      return { transform: Ct.Translate.toString(x), transition: T, visibility: "hidden", zIndex: 200 };
+    if (B && x) {
+      const m = N ? { position: "relative", left: "auto" } : {};
+      return { transform: Ct.Translate.toString(x), transition: T, ...m };
+    }
+    return {};
+  }, v = {
+    onPointerDown: (m) => m.stopPropagation(),
+    onMouseDown: (m) => m.stopPropagation()
+  };
+  return /* @__PURE__ */ t.jsx(
+    Jt,
     {
-      className: L(t.id, "shimmer-dark", {
-        loading: m,
-        "last-pinned-left": r.getIsPinned() === "left" && r.getIsLastColumn("left"),
-        resizing: r.getIsResizing()
+      ref: k,
+      className: F(e.id, "shimmer-dark", {
+        loading: l,
+        "last-pinned-left": i.getIsPinned() === "left" && i.getIsLastColumn("left"),
+        resizing: i.getIsResizing(),
+        dragging: A,
+        draggable: u
       }),
       style: {
-        ...nt(r),
-        width: st("", r.id)
+        ...st(i),
+        width: lt("", i.id),
+        ...f()
       },
-      children: t.isPlaceholder ? null : /* @__PURE__ */ e.jsxs(Fe, { className: L("bold", "header"), children: [
-        qt(r.columnDef.header, t.getContext()),
-        b && /* @__PURE__ */ e.jsx(Xt, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
-        /* @__PURE__ */ e.jsxs(Ve, { className: "actions", $isOpen: u, children: [
-          (f || C || y) && /* @__PURE__ */ e.jsx(
-            Ke,
+      children: e.isPlaceholder ? null : /* @__PURE__ */ t.jsxs(Qt, { className: F("bold", "header"), ...u ? { ...C, ...K } : {}, children: [
+        bt(i.columnDef.header, e.getContext()),
+        R && /* @__PURE__ */ t.jsx(ie, { icon: "lock", "data-tooltip": "You only have permission to read this column." }),
+        /* @__PURE__ */ t.jsxs(Xe, { className: "actions", $isOpen: z, ...v, children: [
+          (d || b || h) && /* @__PURE__ */ t.jsx(
+            Qe,
             {
               className: "header-menu",
-              header: t,
-              canHide: f,
-              canPin: C,
-              canSort: y,
-              isResizing: r.getIsResizing(),
-              menuId: j,
-              isOpen: u
+              header: e,
+              canHide: d,
+              canPin: b,
+              canSort: h,
+              isResizing: i.getIsResizing(),
+              menuId: D,
+              isOpen: z
             }
           ),
-          y && /* @__PURE__ */ e.jsx(
-            $e,
+          h && /* @__PURE__ */ t.jsx(
+            Kt,
             {
               icon: "sort",
-              className: L("sort-button", { visible: R }),
+              className: F("sort-button", { visible: r }),
               style: {
-                transform: R === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
+                transform: r === "asc" ? "rotate(180deg) scaleX(-1)" : "none"
               },
-              onClick: r.getToggleSortingHandler(),
-              selected: !!r.getIsSorted()
+              onClick: i.getToggleSortingHandler(),
+              selected: !!i.getIsSorted()
+            }
+          ),
+          i.getIsPinned() && i.id !== L && /* @__PURE__ */ t.jsx(
+            Kt,
+            {
+              icon: "push_pin",
+              className: F("pin-button", "visible"),
+              onClick: () => i.pin(!1),
+              selected: !0
             }
           )
         ] }),
-        x && /* @__PURE__ */ e.jsx(
-          Be,
+        w && /* @__PURE__ */ t.jsx(
+          Ye,
           {
-            onDoubleClick: () => r.resetSize(),
-            onMouseDown: t.getResizeHandler(),
-            onTouchStart: t.getResizeHandler(),
-            className: L("resize-handle", {
-              resizing: r.getIsResizing()
+            onDoubleClick: () => i.resetSize(),
+            onMouseDown: (m) => {
+              m.stopPropagation(), e.getResizeHandler()(m);
+            },
+            onTouchStart: e.getResizeHandler(),
+            onPointerDown: (m) => m.stopPropagation(),
+            className: F("resize-handle", {
+              resizing: i.getIsResizing()
             })
           }
         )
       ] })
     },
-    t.id
+    e.id
   );
-}, So = ({
-  columnVirtualizer: t,
-  table: m,
-  tableContainerRef: i,
-  showHierarchy: f,
-  virtualPaddingLeft: y,
-  virtualPaddingRight: C,
-  attribs: x,
-  onOpenNew: b,
-  rowOrderIds: w,
-  sortableRows: r,
-  error: R,
+}, Po = ({
+  columnVirtualizer: e,
+  table: l,
+  tableContainerRef: n,
+  showHierarchy: d,
+  virtualPaddingLeft: h,
+  virtualPaddingRight: b,
+  attribs: w,
+  onOpenNew: R,
+  rowOrderIds: P,
+  sortableRows: u,
+  error: S,
   isLoading: j,
-  isGrouping: s,
-  getRowHeight: u,
-  defaultRowHeight: $,
-  onResetView: p,
-  contextMenuItems: H
+  isGrouping: i,
+  getRowHeight: r,
+  defaultRowHeight: D,
+  onResetView: a,
+  contextMenuItems: z
 }) => {
-  const c = O(() => m.getAllColumns().map((T) => {
-    const X = T.id, l = T.columnDef.header;
-    return typeof l == "string" || typeof l == "number" ? { label: l, id: X } : null;
-  }).filter(Boolean), [m.getAllColumns()]), h = Je({
-    attribs: x,
-    onOpenNew: b,
-    headerLabels: c,
-    contextMenuItems: H
-  }).handleTableBodyContextMenu, { handlePreFetchTasks: G } = Ye(), { rows: N } = m.getRowModel(), S = Te({
-    count: N.length,
-    estimateSize: (g) => {
-      const z = N[g];
-      return z ? u(z.original) : $;
+  const g = H(() => l.getAllColumns().map((m) => {
+    const X = m.id, p = m.columnDef.header;
+    return typeof p == "string" || typeof p == "number" ? { label: p, id: X } : null;
+  }).filter(Boolean), [l.getAllColumns()]), C = po({
+    attribs: w,
+    onOpenNew: R,
+    headerLabels: g,
+    contextMenuItems: z
+  }).handleTableBodyContextMenu, { handlePreFetchTasks: K } = ao(), { rows: k } = l.getRowModel(), x = Ne({
+    count: k.length,
+    estimateSize: (f) => {
+      const v = k[f];
+      return v ? r(v.original) : D;
     },
-    getScrollElement: () => i.current,
+    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 ? (g) => g?.getBoundingClientRect().height : void 0,
+    measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (f) => f?.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), D = S.getVirtualItems(), F = rt(
-    (g) => {
-      g && S.measureElement(g);
+  }), T = x.getVirtualItems(), A = nt(
+    (f) => {
+      f && x.measureElement(f);
     },
-    [S]
+    [x]
   );
-  Ze();
-  const K = /* @__PURE__ */ e.jsx(
+  uo();
+  const B = /* @__PURE__ */ t.jsx(
     "tbody",
     {
       style: {
-        height: `${S.getTotalSize()}px`,
+        height: `${x.getTotalSize()}px`,
         position: "relative",
         display: "grid"
       },
-      onContextMenu: h,
-      onMouseOver: (g) => {
-        G(g);
+      onContextMenu: C,
+      onMouseOver: (f) => {
+        K(f);
       },
-      children: D.map((g, z) => {
-        const T = N[g.index];
-        return T ? /* @__PURE__ */ e.jsx(
-          jo,
+      children: T.map((f, v) => {
+        const m = k[f.index];
+        return m ? /* @__PURE__ */ t.jsx(
+          vo,
           {
-            row: T,
-            showHierarchy: f,
-            visibleCells: T.getVisibleCells(),
-            virtualColumns: t.getVirtualItems(),
-            paddingLeft: y,
-            paddingRight: C,
-            rowRef: F,
-            dataIndex: g.index,
-            offsetTop: g.start,
-            sortableRows: r,
-            isGrouping: s,
-            rowHeight: u(T.original)
+            row: m,
+            showHierarchy: d,
+            visibleCells: m.getVisibleCells(),
+            virtualColumns: e.getVirtualItems(),
+            paddingLeft: h,
+            paddingRight: b,
+            rowRef: A,
+            dataIndex: f.index,
+            offsetTop: f.start,
+            sortableRows: u,
+            isGrouping: i,
+            rowHeight: r(m.original)
           },
-          T.id + z.toString()
-        ) : (console.warn("Virtualized row data not found for index:", g.index), null);
+          m.id + v.toString()
+        ) : (console.warn("Virtualized row data not found for index:", f.index), null);
       })
     }
   );
-  return R ? i.current && Ct(
-    /* @__PURE__ */ e.jsx(Bt, { children: /* @__PURE__ */ e.jsx($t, { message: "No items found", error: R, children: p && /* @__PURE__ */ e.jsx(
-      _t,
+  return S ? n.current && rt(
+    /* @__PURE__ */ t.jsx($t, { children: /* @__PURE__ */ t.jsx(qt, { message: "No items found", error: S, children: a && /* @__PURE__ */ t.jsx(
+      Wt,
       {
         variant: "filled",
         label: "Reset working view",
         icon: "restart_alt",
-        onClick: p
+        onClick: a
       }
     ) }) }),
-    i.current
-  ) : !N.length && !j ? i.current && Ct(
-    /* @__PURE__ */ e.jsx(Bt, { children: /* @__PURE__ */ e.jsx($t, { message: "No items found", children: p && /* @__PURE__ */ e.jsx(
-      _t,
+    n.current
+  ) : !k.length && !j ? n.current && rt(
+    /* @__PURE__ */ t.jsx($t, { children: /* @__PURE__ */ t.jsx(qt, { message: "No items found", children: a && /* @__PURE__ */ t.jsx(
+      Wt,
       {
         variant: "filled",
         label: "Reset working view",
         icon: "restart_alt",
-        onClick: p
+        onClick: a
       }
     ) }) }),
-    i.current
-  ) : r ? /* @__PURE__ */ e.jsx(so, { items: w, strategy: lo, children: K }) : K;
-}, jo = ({
-  row: t,
-  showHierarchy: m,
-  visibleCells: i,
-  virtualColumns: f,
-  paddingLeft: y,
-  paddingRight: C,
-  rowRef: x,
-  dataIndex: b,
-  offsetTop: w,
-  sortableRows: r,
-  isGrouping: R = !1,
+    n.current
+  ) : u ? /* @__PURE__ */ t.jsx(ee, { items: P, strategy: Ze, children: B }) : B;
+}, vo = ({
+  row: e,
+  showHierarchy: l,
+  visibleCells: n,
+  virtualColumns: d,
+  paddingLeft: h,
+  paddingRight: b,
+  rowRef: w,
+  dataIndex: R,
+  offsetTop: P,
+  sortableRows: u,
+  isGrouping: S = !1,
   rowHeight: j
 }) => {
-  const s = r ? mo({ id: t.id }) : null, u = rt(
-    (p) => {
-      s && s.setNodeRef(p), s && s.isDragging || x(p);
+  const i = u ? oe({ id: e.id }) : null, r = nt(
+    (a) => {
+      i && i.setNodeRef(a), i && i.isDragging || w(a);
     },
-    [s, x]
-  ), $ = {
+    [i, w]
+  ), D = {
     position: "absolute",
     // Use absolute positioning for virtualized items
-    top: w,
+    top: P,
     // Position based on virtualizer's calculation (virtualRow.start)
     left: 0,
     // Span full width of the relative parent (tbody)
@@ -968,38 +1040,38 @@ const nt = (t) => {
     // Span full width
     height: j,
     // Use dynamic row height
-    zIndex: s && s.isDragging ? 0 : 1,
+    zIndex: i && i.isDragging ? 0 : 1,
     // Ensure dragged item is above others
     display: "flex",
     // Styled.TR is display:flex
-    transform: s && s.transform ? ao.Transform.toString(s.transform) : void 0,
+    transform: i && i.transform ? Ct.Transform.toString(i.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"
+    transition: i && i.transition ? i.transition : void 0,
+    visibility: i && i.isDragging ? "hidden" : "visible"
     // Hide the row being dragged
   };
-  return /* @__PURE__ */ e.jsxs(
-    Ut,
+  return /* @__PURE__ */ t.jsxs(
+    Yt,
     {
-      ref: u,
-      "data-index": b,
-      style: $,
-      className: L({ "group-row": t.original.group }),
+      ref: r,
+      "data-index": R,
+      style: D,
+      className: F({ "group-row": e.original.group }),
       children: [
-        y ? (
+        h ? (
           //fake empty column to the left for virtualization scroll padding
-          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: y } })
+          /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: h } })
         ) : null,
-        f.map((p, H) => {
-          const c = i[p.index];
-          if (!c) return null;
-          const _ = bt(t.id, c.column.id);
-          return c.column.id === U ? /* @__PURE__ */ e.jsx(
-            xt,
+        d.map((a, z) => {
+          const g = n[a.index];
+          if (!g) return null;
+          const N = St(e.id, g.column.id);
+          return g.column.id === $ ? /* @__PURE__ */ t.jsx(
+            wt,
             {
               style: {
-                ...nt(c.column),
-                width: st(t.id, c.column.id),
+                ...st(g.column),
+                width: lt(e.id, g.column.id),
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
@@ -1007,156 +1079,154 @@ const nt = (t) => {
                 pointerEvents: "all",
                 cursor: "grab"
               },
-              className: L(c.column.id, {
-                "last-pinned-left": c.column.getIsPinned() === "left" && c.column.getIsLastColumn("left")
+              className: F(g.column.id, {
+                "last-pinned-left": g.column.getIsPinned() === "left" && g.column.getIsLastColumn("left")
               }),
-              onMouseDown: (h) => h.stopPropagation(),
-              onMouseOver: (h) => h.stopPropagation(),
-              onDoubleClick: (h) => h.stopPropagation(),
-              onContextMenu: (h) => {
-                h.preventDefault(), h.stopPropagation();
+              onMouseDown: (C) => C.stopPropagation(),
+              onMouseOver: (C) => C.stopPropagation(),
+              onDoubleClick: (C) => C.stopPropagation(),
+              onContextMenu: (C) => {
+                C.preventDefault(), C.stopPropagation();
               },
-              children: /* @__PURE__ */ e.jsx(
-                _e,
+              children: /* @__PURE__ */ t.jsx(
+                Je,
                 {
-                  attributes: s?.attributes,
-                  listeners: s?.listeners
+                  attributes: i?.attributes,
+                  listeners: i?.listeners
                 }
               )
             },
-            c.id + H.toString()
-          ) : /* @__PURE__ */ e.jsx(
-            Jt,
+            g.id + z.toString()
+          ) : /* @__PURE__ */ t.jsx(
+            le,
             {
-              cell: c,
-              cellId: _,
-              rowId: t.id,
-              showHierarchy: m,
-              sortableRows: r,
+              cell: g,
+              cellId: N,
+              rowId: e.id,
+              showHierarchy: l,
+              sortableRows: u,
               rowHeight: j
             },
-            c.id + H.toString()
+            g.id + z.toString()
           );
         }),
-        C ? (
+        b ? (
           //fake empty column to the right for virtualization scroll padding
-          /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: C } })
+          /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: b } })
         ) : null
       ]
     }
   );
-}, Jt = ({
-  cell: t,
-  rowId: m,
-  cellId: i,
-  className: f,
-  showHierarchy: y,
-  sortableRows: C,
-  rowHeight: x,
-  ...b
+}, le = ({
+  cell: e,
+  rowId: l,
+  cellId: n,
+  className: d,
+  showHierarchy: h,
+  sortableRows: b,
+  rowHeight: w,
+  ...R
 }) => {
-  const { getEntityById: w, onOpenPlayer: r } = Yt(), {
-    isCellSelected: R,
+  const { getEntityById: P, onOpenPlayer: u } = se(), {
+    isCellSelected: S,
     isCellFocused: j,
-    startSelection: s,
-    extendSelection: u,
-    endSelection: $,
-    selectCell: p,
-    focusCell: H,
-    getCellBorderClasses: c,
-    clearSelection: _,
-    selectedCells: h
-  } = yt(), { isRowSelected: G } = qe(), { isEditing: N, setEditingCellId: S, editingCellId: D } = Gt(), F = c(i), g = t.column.getIsPinned() === "left" && t.column.getIsLastColumn("left"), z = t.column.id === A, T = t.row.original.entityType === "group", X = h.size > 1;
-  return /* @__PURE__ */ e.jsx(
-    xt,
+    startSelection: i,
+    extendSelection: r,
+    endSelection: D,
+    selectCell: a,
+    focusCell: z,
+    getCellBorderClasses: g,
+    clearSelection: N,
+    selectedCells: C
+  } = xt(), { isRowSelected: K } = lo(), { isEditing: k, setEditingCellId: x, editingCellId: T } = ne(), A = g(n), f = e.column.getIsPinned() === "left" && e.column.getIsLastColumn("left"), v = e.column.id === L, m = e.row.original.entityType === "group", X = C.size > 1;
+  return /* @__PURE__ */ t.jsx(
+    wt,
     {
-      ...b,
+      ...R,
       tabIndex: 0,
-      $isLastPinned: g,
-      className: L(
-        t.column.id,
+      $isLastPinned: f,
+      className: F(
+        e.column.id,
         {
-          selected: R(i),
-          focused: j(i),
-          editing: N(i),
-          "last-pinned-left": g,
-          "selected-row": G(m),
-          expandable: !!t.row.originalSubRows && Oe(t.row.original.entityType),
+          selected: S(n),
+          focused: j(n),
+          editing: k(n),
+          "last-pinned-left": f,
+          "selected-row": K(l),
+          expandable: !!e.row.originalSubRows && Ke(e.row.original.entityType),
           "multiple-selected": X
         },
-        f,
-        ...F
+        d,
+        ...A
       ),
       style: {
-        ...nt(t.column),
-        width: st(t.row.id, t.column.id),
-        height: x
+        ...st(e.column),
+        width: lt(e.row.id, e.column.id),
+        height: w
       },
-      onMouseDown: (l) => {
-        if (l.button !== 0) return;
-        const V = l.target;
-        if (V.closest(".expander") || V.closest(".options")) return;
-        if (T && t.column.id !== "name") return _();
-        const E = Kt(t.row.original.entityType);
-        if (V.closest("." + Wt) && !E) {
-          R(i) || (p(i, !1, !1), H(i)), S(i);
+      onMouseDown: (p) => {
+        if (p.button !== 0) return;
+        const W = p.target;
+        if (W.closest(".expander") || W.closest(".options")) return;
+        if (m && e.column.id !== "name") return N();
+        const V = Ut(e.row.original.entityType);
+        if (W.closest("." + Gt) && !V) {
+          S(n) || (a(n, !1, !1), z(n)), x(n);
           return;
         }
-        if (R(i) && !(l.metaKey || l.ctrlKey) && !z)
-          return;
-        if (D && D !== i) {
-          const P = document.querySelector(
-            `#${D} input, #${D} [role="textbox"]`
+        if (T && T !== n) {
+          const O = document.querySelector(
+            `#${T} input, #${T} [role="textbox"]`
           );
-          if (P) {
-            P.blur(), setTimeout(() => {
-              v();
+          if (O) {
+            O.blur(), setTimeout(() => {
+              E();
             }, 0);
             return;
           }
         }
-        v();
-        function v() {
-          const P = l.metaKey || l.ctrlKey || z;
-          l.shiftKey ? p(i, P, !0) : s(i, P), l.preventDefault();
+        E();
+        function E() {
+          const O = p.metaKey || p.ctrlKey || v;
+          p.shiftKey ? a(n, O, !0) : i(n, O), p.preventDefault();
         }
       },
-      onMouseOver: (l) => {
-        if (l.buttons === 1) {
-          if (l.target.closest("." + Wt)) return;
-          u(i, z);
+      onMouseOver: (p) => {
+        if (p.buttons === 1) {
+          if (p.target.closest("." + Gt)) return;
+          r(n, v);
         }
       },
       onMouseUp: () => {
-        $(i);
+        D(n);
       },
-      onDoubleClick: (l) => {
-        if (!(fo(l) || Kt(t.row.original.entityType)) && !T)
-          if (t.column.id === "name" && !l.target.closest(".expander")) {
-            const v = bt(t.row.id, A), P = l.metaKey || l.ctrlKey;
-            R(v) || p(v, P, !1), p(i, !0, !1);
-          } else if (t.column.id === "thumbnail") {
-            if (r) {
-              const v = w(t.row.original.entityId || t.row.id);
-              if (v) {
-                const P = Co(v);
-                r(P, { quickView: !0 });
+      onDoubleClick: (p) => {
+        if (!(xo(p) || Ut(e.row.original.entityType)) && !m)
+          if (e.column.id === "name" && !p.target.closest(".expander")) {
+            const E = St(e.row.id, L), O = p.metaKey || p.ctrlKey;
+            S(E) || a(E, O, !1), a(n, !0, !1);
+          } else if (e.column.id === "thumbnail") {
+            if (u) {
+              const E = P(e.row.original.entityId || e.row.id);
+              if (E) {
+                const O = So(E);
+                u(O, { quickView: !0 });
               }
             }
           } else
-            S(i);
+            x(n);
       },
-      onContextMenu: (l) => {
-        l.preventDefault(), R(i) || p(i, !1, !1);
+      onContextMenu: (p) => {
+        p.preventDefault(), S(n) || a(n, !1, !1);
       },
       onKeyDown: () => {
       },
-      children: qt(t.column.columnDef.cell, t.getContext())
+      children: bt(e.column.columnDef.cell, e.getContext())
     }
   );
 };
 export {
-  U as DRAG_HANDLE_COLUMN_ID,
-  vl as ProjectTreeTable
+  $ as DRAG_HANDLE_COLUMN_ID,
+  Ll as ProjectTreeTable
 };
 //# sourceMappingURL=ProjectTreeTable.es.js.map