@ynput/ayon-frontend-shared 0.2.18 → 0.2.20

package/dist/shared/src/containers/Feed/hooks/useGetFeedActivitiesData.es.js

@@ -34,6 +34,7 @@ import "../../../api/generated/versions.es.js";
 import "../../../api/generated/workfiles.es.js";
 import "../../../api/generated/ynputCloud.es.js";
 import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import { useGetActivitiesInfiniteInfiniteQuery } from "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateActivities.es.js";
@@ -67,6 +68,9 @@ import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
 import { union, isEqual } from "lodash";
 import { useMemo } from "react";
 const useGetFeedActivitiesData = ({

package/dist/shared/src/containers/Feed/hooks/useGetFeedActivitiesData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetFeedActivitiesData.es.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkB;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,sCAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiB,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwB,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAe,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmB;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAAC,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useGetFeedActivitiesData.es.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkB;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,sCAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiB,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwB,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAe,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmB;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAAC,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;"}

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

@@ -28,6 +28,7 @@ const ayonReactComponents = require("@ynput/ayon-react-components");
 const ProjectTableContext = require("./context/ProjectTableContext.cjs.js");
 const getTableFieldOptions = require("./utils/getTableFieldOptions.cjs.js");
 const getReadOnlyLists = require("./utils/getReadOnlyLists.cjs.js");
+const getEntityViewerIds = require("./utils/getEntityViewerIds.cjs.js");
 const core = require("@dnd-kit/core");
 const sortable = require("@dnd-kit/sortable");
 const utilities_esm = require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js");
@@ -94,7 +95,8 @@ const ProjectTreeTable = ({
     updateSorting,
     showHierarchy,
     fetchNextPage,
-    scopes
+    scopes,
+    getEntityById
   } = ProjectTableContext.useProjectTableContext();
   const isLoading = isLoadingProp || isLoadingData;
   const { statuses = [], folderTypes = [], taskTypes = [], tags = [] } = projectInfo || {};
@@ -107,7 +109,7 @@ const ProjectTreeTable = ({
       tags,
       scopes
     }),
-    [users, statuses, folderTypes, taskTypes]
+    [users, statuses, folderTypes, taskTypes, scopes, tags]
   );
   const tableContainerRef = React.useRef(null);
   const tableRowsCountRef = React.useRef(0);
@@ -127,7 +129,36 @@ const ProjectTreeTable = ({
     () => getReadOnlyLists.getReadOnlyLists(attribFields, readOnly),
     [attribFields, readOnly]
   );
+  const { selectedCells } = SelectionCellsContext.useSelectionCellsContext();
   const { updateEntities } = CellEditingContext.useCellEditing();
+  const handleCellUpdate = React.useCallback(
+    async (entity, config) => {
+      const { selection = [] } = config || {};
+      const entitiesToUpdate = [];
+      if (!(selection == null ? void 0 : selection.length)) {
+        entitiesToUpdate.push({ ...entity, id: entity.rowId });
+      } else {
+        const { field, value, isAttrib, type } = entity;
+        for (const cellId of selectedCells) {
+          const { colId, rowId } = cellUtils.parseCellId(cellId) || {};
+          const entity2 = getEntityById(rowId || "");
+          if (!entity2) continue;
+          if ((colId == null ? void 0 : colId.replace("attrib_", "")) === field && rowId) {
+            entitiesToUpdate.push({
+              field,
+              rowId,
+              id: entity2.entityId,
+              value,
+              isAttrib,
+              type: entity2.entityType
+            });
+          }
+        }
+      }
+      await updateEntities(entitiesToUpdate, true);
+    },
+    [updateEntities, getEntityById, selectedCells]
+  );
   const columnAttribs = React.useMemo(
     () => isInitialized ? attribFields : loadingAttrib,
     [attribFields, loadingAttrib, isInitialized]
@@ -220,9 +251,10 @@ const ProjectTreeTable = ({
       projectName,
       options,
       readOnly: readOnlyColumns,
-      updateEntities,
+      updateEntities: handleCellUpdate,
       toggleExpandAll,
-      loadMoreTasks: fetchNextPage
+      loadMoreTasks: fetchNextPage,
+      selection: Array.from(selectedCells)
     }
   });
   const { rows } = table.getRowModel();
@@ -757,6 +789,7 @@ const TableCell = ({
   sortableRows,
   ...props
 }) => {
+  const { getEntityById, onOpenPlayer } = ProjectTableContext.useProjectTableContext();
   const {
     isCellSelected,
     isCellFocused,
@@ -764,6 +797,7 @@ const TableCell = ({
     extendSelection,
     endSelection,
     selectCell,
+    focusCell,
     getCellBorderClasses,
     clearSelection
   } = SelectionCellsContext.useSelectionCellsContext();
@@ -800,7 +834,16 @@ const TableCell = ({
       },
       onMouseDown: (e) => {
         if (e.button !== 0) return;
-        if (e.target.closest(".expander")) return;
+        const target = e.target;
+        if (target.closest(".expander")) return;
+        if (target.closest(".options")) return;
+        if (target.closest(".expand")) {
+          if (!isCellSelected(cellId)) {
+            selectCell(cellId, false, false);
+            focusCell(cellId);
+          }
+          return;
+        }
         if (isGroup && cell.column.id !== "name") return clearSelection();
         const additive = e.metaKey || e.ctrlKey || isRowSelectionColumn;
         if (e.shiftKey) {
@@ -825,6 +868,15 @@ const TableCell = ({
             selectCell(rowSelectionCellId, additive, false);
           }
         }
+        if (cell.column.id === "thumbnail") {
+          if (onOpenPlayer) {
+            const entity = getEntityById(cell.row.original.entityId || cell.row.id);
+            if (entity) {
+              const targetIds = getEntityViewerIds.getEntityViewierIds(entity);
+              onOpenPlayer(targetIds, { quickView: true });
+            }
+          }
+        }
       },
       onContextMenu: (e) => {
         e.preventDefault();

package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectTreeTable.cjs.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.tsx"],"sourcesContent":["import { useMemo, useRef, useEffect, memo, CSSProperties, useCallback } from 'react' // Added useCallback\nimport { useVirtualizer, VirtualItem, Virtualizer } from '@tanstack/react-virtual'\n// TanStack Table imports\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  filterFns,\n  flexRender,\n  Row,\n  getSortedRowModel,\n  Cell,\n  Column,\n  Table,\n  Header,\n  HeaderGroup,\n  RowData,\n} from '@tanstack/react-table'\n\n// Utility imports\nimport clsx from 'clsx'\n\n// Type imports\nimport type { TableRow } from './types/table'\n\n// Component imports\nimport buildTreeTableColumns, {\n  DefaultColumns,\n  TreeTableExtraColumn,\n} from './buildTreeTableColumns'\nimport * as Styled from './ProjectTreeTable.styled'\nimport HeaderActionButton from './components/HeaderActionButton'\nimport RowDragHandleCellContent from './components/RowDragHandleCellContent' // Added import\nimport EmptyPlaceholder from '../../components/EmptyPlaceholder'\n\n// Context imports\nimport { useCellEditing } from './context/CellEditingContext'\nimport { ROW_SELECTION_COLUMN_ID, useSelectionCellsContext } from './context/SelectionCellsContext'\nimport { ClipboardProvider } from './context/ClipboardContext'\nimport { useSelectedRowsContext } from './context/SelectedRowsContext'\nimport { useColumnSettingsContext } from './context/ColumnSettingsContext'\n\n// Hook imports\nimport useCustomColumnWidthVars from './hooks/useCustomColumnWidthVars'\nimport usePrefetchFolderTasks from './hooks/usePrefetchFolderTasks'\nimport useCellContextMenu, { HeaderLabel } from './hooks/useCellContextMenu'\nimport useColumnVirtualization from './hooks/useColumnVirtualization'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\n\n// Utility function imports\nimport { getCellId } from './utils/cellUtils'\nimport { generateLoadingRows, generateDummyAttributes } from './utils/loadingUtils'\nimport { createPortal } from 'react-dom'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { AttributeEnumItem, ProjectTableAttribute, BuiltInFieldOptions } from './types'\nimport { ToggleExpandAll, useProjectTableContext } from './context/ProjectTableContext'\nimport { getReadOnlyLists, getTableFieldOptions } from './utils'\nimport { UpdateTableEntities } from './hooks/useUpdateTableData'\n\n// dnd-kit imports\nimport {\n  DragOverlay,\n  type UniqueIdentifier,\n  // Removed: DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, DragEndEvent, DragStartEvent, Active, Over, useSensor, useSensors\n} from '@dnd-kit/core'\n// import { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { isGroupId } from './hooks'\n\ndeclare module '@tanstack/react-table' {\n  interface TableMeta<TData extends RowData> {\n    options?: BuiltInFieldOptions\n    readOnly?: ProjectTreeTableProps['readOnly']\n    projectName?: string\n    updateEntities?: UpdateTableEntities\n    toggleExpandAll?: ToggleExpandAll\n  }\n}\n\n//These are the important styles to make sticky column pinning work!\n//Apply styles like this using your CSS strategy of choice with this kind of logic to head cells, data cells, footer cells, etc.\n//View the index.css file for more needed styles such as border-collapse: separate\nconst getCommonPinningStyles = (column: Column<TableRow, unknown>): CSSProperties => {\n  const isPinned = column.getIsPinned()\n  const offset =\n    column.id !== ROW_SELECTION_COLUMN_ID && column.id !== DRAG_HANDLE_COLUMN_ID ? -30 : 0\n\n  return {\n    left: isPinned === 'left' ? `${column.getStart('left') + offset}px` : undefined, // Removed offset\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    position: isPinned ? 'sticky' : 'relative',\n    width: column.getSize(),\n    zIndex: isPinned ? 100 : 0,\n  }\n}\n\nconst getColumnWidth = (rowId: string, columnId: string) => {\n  return `calc(var(--col-${columnId}-size) * 1px)`\n}\n// test\n\nexport const DRAG_HANDLE_COLUMN_ID = 'drag-handle'\n\nexport interface ProjectTreeTableProps extends React.HTMLAttributes<HTMLDivElement> {\n  scope: string\n  sliceId: string\n  fetchMoreOnBottomReached: (element: HTMLDivElement | null) => void\n  onOpenNew?: (type: 'folder' | 'task') => void\n  readOnly?: (DefaultColumns | string)[]\n  excludedColumns?: (DefaultColumns | string)[]\n  extraColumns?: TreeTableExtraColumn[]\n  isLoading?: boolean\n  clientSorting?: boolean\n  sortableRows?: boolean\n  onRowReorder?: (active: UniqueIdentifier, over: UniqueIdentifier | null) => void // Adjusted type for active/over if needed, or keep as Active, Over\n  dndActiveId?: UniqueIdentifier | null // Added prop\n  pt?: {\n    container?: React.HTMLAttributes<HTMLDivElement>\n    head?: Partial<TableHeadProps>\n  }\n}\n\nexport const ProjectTreeTable = ({\n  scope,\n  sliceId,\n  fetchMoreOnBottomReached,\n  onOpenNew,\n  readOnly,\n  excludedColumns,\n  extraColumns,\n  isLoading: isLoadingProp,\n  clientSorting = false,\n  sortableRows = false,\n  onRowReorder,\n  dndActiveId, // Destructure new prop\n  pt,\n  ...props\n}: ProjectTreeTableProps) => {\n  const {\n    columnVisibility,\n    columnVisibilityUpdater,\n    columnPinning,\n    columnPinningUpdater,\n    columnOrder,\n    columnOrderUpdater,\n    columnSizing,\n    columnSizingUpdater,\n    groupBy,\n  } = useColumnSettingsContext()\n  const isGrouping = !!groupBy\n\n  const {\n    projectInfo,\n    tableData,\n    attribFields,\n    entitiesMap,\n    users,\n    isLoading: isLoadingData,\n    error,\n    isInitialized,\n    expanded,\n    projectName,\n    updateExpanded,\n    toggleExpandAll,\n    sorting,\n    updateSorting,\n    showHierarchy,\n    fetchNextPage,\n    scopes,\n  } = useProjectTableContext()\n\n  const isLoading = isLoadingProp || isLoadingData\n\n  const { statuses = [], folderTypes = [], taskTypes = [], tags = [] } = projectInfo || {}\n  const options: BuiltInFieldOptions = useMemo(\n    () =>\n      getTableFieldOptions({\n        users,\n        statuses,\n        folderTypes,\n        taskTypes,\n        tags,\n        scopes,\n      }),\n    [users, statuses, folderTypes, taskTypes],\n  )\n\n  //The virtualizer needs to know the scrollable container element\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n  // reference of how many rows are currently rendered in the table\n  const tableRowsCountRef = useRef(0)\n\n  // Selection context\n  const { registerGrid } = useSelectionCellsContext()\n\n  // generate loading attrib and rows\n  const { loadingAttrib, loadingRows } = useMemo(() => {\n    // count the number of children in tbody\n    const tableRowsCount = tableContainerRef.current?.querySelectorAll('tbody tr').length || 0\n    const loadingAttrib = generateDummyAttributes()\n    const loadingRows = generateLoadingRows(\n      attribFields,\n      showHierarchy && tableData.length > 0\n        ? Math.min(tableRowsCount, 50)\n        : groupBy\n        ? Math.max(tableRowsCountRef.current, 50)\n        : 50,\n    )\n\n    return { loadingAttrib, loadingRows }\n  }, [])\n\n  const showLoadingRows = !isInitialized || isLoading\n\n  // Format readonly columns and attributes\n  const { readOnlyColumns, readOnlyAttribs } = useMemo(\n    () => getReadOnlyLists(attribFields, readOnly),\n    [attribFields, readOnly],\n  )\n\n  const { updateEntities } = useCellEditing()\n\n  const columnAttribs = useMemo(\n    () => (isInitialized ? attribFields : loadingAttrib),\n    [attribFields, loadingAttrib, isInitialized],\n  )\n  const columns = useMemo(() => {\n    const baseColumns = buildTreeTableColumns({\n      attribs: columnAttribs,\n      showHierarchy,\n      options,\n      extraColumns,\n      excluded: excludedColumns,\n      groupBy,\n    })\n\n    if (sortableRows) {\n      return [\n        {\n          id: DRAG_HANDLE_COLUMN_ID,\n          header: () => null,\n          cell: () => null, // Content rendered by TableBodyRow\n          size: 24,\n          minSize: 24,\n          maxSize: 24,\n          enableResizing: false,\n          enableSorting: false,\n          enableHiding: false,\n          enablePinning: false, // Programmatically pinned\n        },\n        ...baseColumns,\n      ]\n    }\n    return baseColumns\n  }, [columnAttribs, showHierarchy, options, extraColumns, excludedColumns, sortableRows])\n\n  const table = useReactTable({\n    data: showLoadingRows ? loadingRows : tableData,\n    columns,\n    defaultColumn: {\n      minSize: 50,\n      size: 150,\n    },\n    enableRowSelection: true, //enable row selection for all rows\n    getRowId: (row) => row.id,\n    enableSubRowSelection: false, //disable sub row selection\n    getSubRows: (row) => row.subRows,\n    getRowCanExpand: () => true,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    filterFromLeafRows: true,\n    // EXPANDABLE\n    onExpandedChange: updateExpanded,\n    // SORTING\n    getSortedRowModel: clientSorting ? getSortedRowModel() : undefined,\n    onSortingChange: updateSorting,\n    columnResizeMode: 'onChange',\n    onColumnPinningChange: columnPinningUpdater,\n    onColumnSizingChange: columnSizingUpdater,\n    onColumnVisibilityChange: columnVisibilityUpdater,\n    onColumnOrderChange: columnOrderUpdater,\n    // @ts-ignore\n    filterFns,\n    state: {\n      expanded,\n      sorting,\n      columnPinning: (() => {\n        const leftPins: string[] = []\n        if (sortableRows) {\n          leftPins.push(DRAG_HANDLE_COLUMN_ID)\n        }\n        leftPins.push(ROW_SELECTION_COLUMN_ID)\n\n        // Add other unique pins from context, ensuring they are not the programmatic ones\n        const contextLeftPins = (columnPinning.left || []).filter(\n          (id) => id !== DRAG_HANDLE_COLUMN_ID && id !== ROW_SELECTION_COLUMN_ID,\n        )\n        leftPins.push(...contextLeftPins)\n        // Remove duplicates just in case, though filter should handle it\n        const uniqueLeftPins = [...new Set(leftPins)]\n\n        return {\n          left: uniqueLeftPins,\n          right: columnPinning.right,\n        }\n      })(),\n      columnSizing,\n      columnVisibility,\n      columnOrder,\n    },\n    enableSorting: true,\n    meta: {\n      projectName,\n      options,\n      readOnly: readOnlyColumns,\n      updateEntities,\n      toggleExpandAll,\n      loadMoreTasks: fetchNextPage,\n    },\n  })\n\n  // TODO: when there is data (like in error) then we have infinite rendering\n\n  const { rows } = table.getRowModel()\n\n  // update the tableRowsCountRef with the current number of rows\n  useEffect(() => {\n    tableRowsCountRef.current = rows.length\n  }, [rows.length])\n\n  // Register grid structure with selection context when rows or columns change\n  useEffect(() => {\n    if (!rows.length) return\n    const rowIds = rows.map((row) => row.id)\n    const colIds = table.getAllLeafColumns().map((col) => col.id)\n    const colIdsSortedByPinning = [...colIds].sort((a, b) => {\n      if (ROW_SELECTION_COLUMN_ID === b) return 1\n      const colA = columnPinning.left?.includes(a) ? 0 : 1\n      const colB = columnPinning.left?.includes(b) ? 0 : 1\n      return colA - colB\n    })\n\n    registerGrid(rowIds, colIdsSortedByPinning)\n  }, [rows, table.getAllLeafColumns(), columnPinning, ROW_SELECTION_COLUMN_ID, registerGrid])\n\n  const visibleColumns = table.getVisibleLeafColumns()\n\n  // Use the column virtualization hook\n  const { columnVirtualizer, virtualPaddingLeft, virtualPaddingRight } = useColumnVirtualization({\n    visibleColumns,\n    tableContainerRef,\n    columnPinning,\n  })\n\n  const columnSizeVars = useCustomColumnWidthVars(table, columnSizing)\n\n  const attribByField = useMemo(() => {\n    return attribFields.reduce((acc: Record<string, AttributeEnumItem[]>, attrib) => {\n      if (attrib.data?.enum?.length) {\n        acc[attrib.name] = attrib.data?.enum\n      }\n      return acc\n    }, {})\n  }, [attribFields])\n\n  const rowOrderIds = useMemo(() => tableData.map((row) => row.id), [tableData])\n  const draggedRowData = useMemo(() => {\n    if (!dndActiveId || !sortableRows) return null // Use dndActiveId\n    return tableData.find((r) => r.id === dndActiveId) // Use dndActiveId\n  }, [dndActiveId, tableData, sortableRows])\n\n  const tableUiContent = (\n    <ClipboardProvider\n      entitiesMap={entitiesMap}\n      columnEnums={{ ...options, ...attribByField }}\n      columnReadOnly={readOnlyAttribs}\n    >\n      <Styled.TableWrapper {...props}>\n        <Styled.TableContainer\n          ref={tableContainerRef}\n          style={{ height: '100%', padding: 0 }}\n          onScroll={(e) => fetchMoreOnBottomReached(e.currentTarget)}\n          {...pt?.container}\n          className={clsx('table-container', pt?.container?.className)}\n        >\n          <table\n            style={{\n              display: 'grid',\n              borderCollapse: 'collapse',\n              userSelect: 'none',\n              ...columnSizeVars,\n              width: table.getTotalSize(),\n            }}\n          >\n            <TableHead\n              columnVirtualizer={columnVirtualizer}\n              table={table}\n              virtualPaddingLeft={virtualPaddingLeft}\n              virtualPaddingRight={virtualPaddingRight}\n              isLoading={isLoading}\n              readOnlyColumns={readOnlyColumns}\n              sortableRows={sortableRows}\n              {...pt?.head}\n            />\n            <TableBody\n              columnVirtualizer={columnVirtualizer}\n              table={table}\n              tableContainerRef={tableContainerRef}\n              virtualPaddingLeft={virtualPaddingLeft}\n              virtualPaddingRight={virtualPaddingRight}\n              showHierarchy={showHierarchy}\n              attribs={attribFields}\n              onOpenNew={onOpenNew}\n              rowOrderIds={rowOrderIds}\n              sortableRows={sortableRows}\n              error={error}\n              isGrouping={isGrouping}\n            />\n          </table>\n        </Styled.TableContainer>\n      </Styled.TableWrapper>\n    </ClipboardProvider>\n  )\n\n  // Render DragOverlay if sortableRows and dndActiveId is present\n  const dragOverlayPortal =\n    sortableRows &&\n    dndActiveId &&\n    createPortal(\n      <DragOverlay dropAnimation={null}>\n        {draggedRowData\n          ? (() => {\n              const overlayRowInstance = table.getRowModel().rows.find((r) => r.id === dndActiveId)\n              if (!overlayRowInstance) return null\n\n              const tableWidth = table.getTotalSize()\n\n              return (\n                <table\n                  style={{\n                    width: tableWidth,\n                    borderCollapse: 'collapse',\n                    backgroundColor: 'var(--md-sys-color-surface-container-high)',\n                    boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n                    ...columnSizeVars,\n                  }}\n                >\n                  <tbody>\n                    <Styled.TR style={{ display: 'flex', userSelect: 'none' }}>\n                      {virtualPaddingLeft ? (\n                        <td style={{ display: 'flex', width: virtualPaddingLeft }} />\n                      ) : null}\n                      {columnVirtualizer.getVirtualItems().map((vc) => {\n                        const cell = overlayRowInstance.getVisibleCells()[vc.index]\n                        if (!cell) return null\n\n                        const cellStyleBase: CSSProperties = {\n                          ...getCommonPinningStyles(cell.column),\n                          width: getColumnWidth(overlayRowInstance.id, cell.column.id),\n                          display: 'flex',\n                          alignItems: 'center',\n                          height: 40,\n                        }\n\n                        if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n                          return (\n                            <Styled.TableCell\n                              key={`overlay-drag-${cell.id}`}\n                              style={{ ...cellStyleBase, justifyContent: 'center' }}\n                              className={clsx(cell.column.id)}\n                            >\n                              <Icon icon=\"drag_handle\" /> {/* Static icon */}\n                            </Styled.TableCell>\n                          )\n                        }\n                        return (\n                          <TableCellMemo\n                            cell={cell}\n                            cellId={`overlay-${getCellId(overlayRowInstance.id, cell.column.id)}`}\n                            rowId={overlayRowInstance.id}\n                            key={`overlay-cell-${cell.id}`}\n                            showHierarchy={showHierarchy}\n                          />\n                        )\n                      })}\n                      {virtualPaddingRight ? (\n                        <td style={{ display: 'flex', width: virtualPaddingRight }} />\n                      ) : null}\n                    </Styled.TR>\n                  </tbody>\n                </table>\n              )\n            })()\n          : null}\n      </DragOverlay>,\n      document.body,\n    )\n\n  if (sortableRows) {\n    return (\n      <>\n        {tableUiContent}\n        {dragOverlayPortal}\n      </>\n    )\n  } else {\n    return tableUiContent\n  }\n}\n\ninterface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  isLoading: boolean\n  readOnlyColumns?: string[]\n  sortableRows?: boolean\n}\n\nconst TableHead = ({\n  columnVirtualizer,\n  table,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  isLoading,\n  readOnlyColumns,\n  sortableRows,\n  ...props\n}: TableHeadProps) => {\n  return (\n    <Styled.TableHeader {...props}>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TableHeadRow\n          key={headerGroup.id}\n          columnVirtualizer={columnVirtualizer}\n          headerGroup={headerGroup}\n          virtualPaddingLeft={virtualPaddingLeft}\n          virtualPaddingRight={virtualPaddingRight}\n          isLoading={isLoading}\n          readOnlyColumns={readOnlyColumns}\n          sortableRows={sortableRows}\n        />\n      ))}\n    </Styled.TableHeader>\n  )\n}\n\ninterface TableHeadRowProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  headerGroup: HeaderGroup<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  isLoading: boolean\n  readOnlyColumns?: string[]\n  sortableRows?: boolean\n}\n\nconst TableHeadRow = ({\n  columnVirtualizer,\n  headerGroup,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  isLoading,\n  readOnlyColumns,\n  sortableRows,\n}: TableHeadRowProps) => {\n  const virtualColumns = columnVirtualizer.getVirtualItems()\n  return (\n    <Styled.ColumnHeader key={headerGroup.id} style={{ display: 'flex' }}>\n      {virtualPaddingLeft ? (\n        //fake empty column to the left for virtualization scroll padding\n        <th style={{ display: 'flex', width: virtualPaddingLeft }} />\n      ) : null}\n      {virtualColumns.map((virtualColumn) => {\n        const header = headerGroup.headers[virtualColumn.index]\n\n        return (\n          <TableHeadCell\n            key={header.id}\n            header={header}\n            isLoading={isLoading}\n            isReadOnly={readOnlyColumns?.includes(header.id)}\n            canSort={header.column.getCanSort()}\n            canFilter={header.column.getCanFilter()}\n            canHide={header.column.getCanHide()}\n            canPin={header.column.getCanPin()}\n            canResize={header.column.getCanResize()}\n            sortableRows={sortableRows}\n          />\n        )\n      })}\n      {virtualPaddingRight ? (\n        //fake empty column to the right for virtualization scroll padding\n        <th style={{ display: 'flex', width: virtualPaddingRight }} />\n      ) : null}\n    </Styled.ColumnHeader>\n  )\n}\n\ninterface TableHeadCellProps {\n  header: Header<TableRow, unknown>\n  isLoading: boolean\n  canSort?: boolean\n  canFilter?: boolean\n  canHide?: boolean\n  canPin?: boolean\n  canResize?: boolean\n  isReadOnly?: boolean\n  sortableRows?: boolean\n}\n\nconst TableHeadCell = ({\n  header,\n  isLoading,\n  canFilter,\n  canHide,\n  canSort,\n  canPin,\n  canResize,\n  isReadOnly,\n  sortableRows,\n}: TableHeadCellProps) => {\n  const { column } = header\n\n  return (\n    <Styled.HeaderCell\n      className={clsx(header.id, 'shimmer-dark', {\n        loading: isLoading,\n        'last-pinned-left': column.getIsPinned() === 'left' && column.getIsLastColumn('left'),\n      })}\n      key={header.id}\n      style={{\n        ...getCommonPinningStyles(column),\n        width: getColumnWidth('', column.id),\n      }}\n    >\n      {header.isPlaceholder ? null : (\n        <Styled.TableCellContent className={clsx('bold', 'header')}>\n          {flexRender(column.columnDef.header, header.getContext())}\n          {isReadOnly && (\n            <Icon icon=\"lock\" data-tooltip={'You only have permission to read this column.'} />\n          )}\n\n          <Styled.HeaderButtons className=\"actions\">\n            {/* COLUMN HIDING */}\n            {canHide && (\n              <HeaderActionButton\n                icon=\"visibility_off\"\n                selected={!column.getIsVisible()}\n                onClick={column.getToggleVisibilityHandler()}\n              />\n            )}\n            {/* COLUMN PINNING */}\n            {canPin && (\n              <HeaderActionButton\n                icon=\"push_pin\"\n                selected={header.column.getIsPinned() === 'left'}\n                onClick={() => {\n                  if (header.column.getIsPinned() === 'left') {\n                    header.column.pin(false)\n                  } else {\n                    header.column.pin('left')\n                  }\n                }}\n              />\n            )}\n\n            {/* COLUMN SORTING */}\n            {canSort && (\n              <HeaderActionButton\n                icon={'sort'}\n                style={{\n                  transform: (column.getIsSorted() as string) === 'asc' ? 'scaleY(-1)' : undefined,\n                }}\n                onClick={column.getToggleSortingHandler()}\n                selected={!!column.getIsSorted()}\n              />\n            )}\n          </Styled.HeaderButtons>\n          {canResize && (\n            <Styled.ResizedHandler\n              {...{\n                onDoubleClick: () => column.resetSize(),\n                onMouseDown: header.getResizeHandler(),\n                onTouchStart: header.getResizeHandler(),\n                className: clsx('resize-handle', {\n                  resizing: column.getIsResizing(),\n                }),\n              }}\n            />\n          )}\n        </Styled.TableCellContent>\n      )}\n    </Styled.HeaderCell>\n  )\n}\n\ninterface TableBodyProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  tableContainerRef: React.RefObject<HTMLDivElement>\n  showHierarchy: boolean\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  attribs: ProjectTableAttribute[]\n  onOpenNew?: (type: 'folder' | 'task') => void\n  rowOrderIds: UniqueIdentifier[]\n  sortableRows: boolean\n  error?: string\n  isGrouping: boolean\n}\n\nconst TableBody = ({\n  columnVirtualizer,\n  table,\n  tableContainerRef,\n  showHierarchy,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  attribs,\n  onOpenNew,\n  rowOrderIds,\n  sortableRows,\n  error,\n  isGrouping,\n}: TableBodyProps) => {\n  const headerLabels = useMemo(() => {\n    const allColumns = table.getAllColumns()\n    const headers = allColumns\n      .map((col) => {\n        const headerId = col.id\n        const header = col.columnDef.header\n        if (typeof header === 'string' || typeof header === 'number') {\n          return { label: header, id: headerId }\n        }\n        return null\n      })\n      .filter(Boolean)\n\n    return headers as HeaderLabel[]\n  }, [table.getAllColumns()])\n\n  const { handleTableBodyContextMenu } = useCellContextMenu({ attribs, onOpenNew, headerLabels })\n\n  const { handlePreFetchTasks } = usePrefetchFolderTasks()\n\n  const { rows } = table.getRowModel()\n\n  const rowVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableRowElement>({\n    count: rows.length,\n    estimateSize: () => 40, //estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    //measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n        ? (element) => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  })\n\n  const virtualRows = rowVirtualizer.getVirtualItems()\n\n  // Memoize the measureElement callback\n  const measureRowElement = useCallback(\n    (node: HTMLTableRowElement | null) => {\n      if (node) {\n        rowVirtualizer.measureElement(node)\n      }\n    },\n    [rowVirtualizer],\n  )\n\n  useKeyboardNavigation()\n\n  const tbodyContent = (\n    <tbody\n      style={{\n        height: `${rowVirtualizer.getTotalSize()}px`,\n        position: 'relative',\n        display: 'grid',\n      }}\n      onContextMenu={handleTableBodyContextMenu}\n      onMouseOver={(e) => {\n        handlePreFetchTasks(e)\n      }}\n    >\n      {virtualRows.map((virtualRow, i) => {\n        const row = rows[virtualRow.index] as Row<TableRow>\n        // Add a check for row existence to prevent potential errors if data is out of sync\n        if (!row) {\n          console.warn('Virtualized row data not found for index:', virtualRow.index)\n          return null\n        }\n        return (\n          <TableBodyRow\n            key={row.id + i.toString()} // dnd-kit needs this key to be stable and match the id in useSortable\n            row={row}\n            showHierarchy={showHierarchy}\n            visibleCells={row.getVisibleCells()}\n            virtualColumns={columnVirtualizer.getVirtualItems()}\n            paddingLeft={virtualPaddingLeft}\n            paddingRight={virtualPaddingRight}\n            rowRef={measureRowElement}\n            dataIndex={virtualRow.index}\n            offsetTop={virtualRow.start}\n            sortableRows={sortableRows}\n            isGrouping={isGrouping}\n          />\n        )\n      })}\n    </tbody>\n  )\n\n  if (error) {\n    return (\n      tableContainerRef.current &&\n      createPortal(\n        <EmptyPlaceholder message=\"No items found\" error={error} />,\n        tableContainerRef.current,\n      )\n    )\n  }\n\n  if (sortableRows) {\n    return (\n      <SortableContext items={rowOrderIds} strategy={verticalListSortingStrategy}>\n        {tbodyContent}\n      </SortableContext>\n    )\n  } else {\n    return tbodyContent\n  }\n}\n\ninterface TableBodyRowProps {\n  row: Row<TableRow>\n  showHierarchy: boolean\n  visibleCells: Cell<TableRow, unknown>[]\n  virtualColumns: VirtualItem[]\n  paddingLeft: number | undefined\n  paddingRight: number | undefined\n  rowRef: (node: HTMLTableRowElement | null) => void\n  dataIndex: number\n  offsetTop: number\n  sortableRows: boolean\n  isGrouping: boolean\n}\n\nconst TableBodyRow = ({\n  row,\n  showHierarchy,\n  visibleCells,\n  virtualColumns,\n  paddingLeft,\n  paddingRight,\n  rowRef,\n  dataIndex,\n  offsetTop,\n  sortableRows,\n  isGrouping = false,\n}: TableBodyRowProps) => {\n  const sortable = sortableRows ? useSortable({ id: row.id }) : null\n\n  const combinedRef = useCallback(\n    (node: HTMLTableRowElement | null) => {\n      if (sortable) {\n        sortable.setNodeRef(node)\n      }\n      // rowRef for virtualizer measurement\n      // only measure if not actively being transformed by dnd-kit\n      if (!(sortable && sortable.isDragging)) {\n        rowRef(node)\n      }\n    },\n    [sortable, rowRef],\n  )\n\n  // Attempt to combine dnd-kit transform with virtualizer's offsetTop\n  const style: CSSProperties = {\n    position: 'absolute', // Use absolute positioning for virtualized items\n    top: offsetTop, // Position based on virtualizer's calculation (virtualRow.start)\n    left: 0, // Span full width of the relative parent (tbody)\n    right: 0, // Span full width\n    height: 40, // Explicit height can be beneficial for absolute positioning\n    zIndex: sortable && sortable.isDragging ? 0 : 1, // Ensure dragged item is above others\n    display: 'flex', // Styled.TR is display:flex\n    transform:\n      sortable && sortable.transform ? CSS.Transform.toString(sortable.transform) : undefined, // Apply dnd-kit's transform for drag effect\n    transition: sortable && sortable.transition ? sortable.transition : undefined,\n    visibility: sortable && sortable.isDragging ? 'hidden' : 'visible', // Hide the row being dragged\n  }\n\n  return (\n    <Styled.TR\n      ref={combinedRef}\n      data-index={dataIndex} //needed for dynamic row height measurement\n      style={style}\n      className={clsx({ 'group-row': row.original.group })}\n    >\n      {paddingLeft ? (\n        //fake empty column to the left for virtualization scroll padding\n        <td style={{ display: 'flex', width: paddingLeft }} />\n      ) : null}\n      {virtualColumns.map((vc, i) => {\n        const cell = visibleCells[vc.index]\n        if (!cell) return null // Should not happen in normal circumstances\n\n        const cellId = getCellId(row.id, cell.column.id)\n\n        if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n          return (\n            <Styled.TableCell\n              key={cell.id + i.toString()}\n              style={{\n                ...getCommonPinningStyles(cell.column),\n                width: getColumnWidth(row.id, cell.column.id),\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                height: 40,\n              }}\n              className={clsx(cell.column.id, {\n                'last-pinned-left':\n                  cell.column.getIsPinned() === 'left' && cell.column.getIsLastColumn('left'),\n              })}\n              onMouseDown={(e) => e.stopPropagation()} // Prevent selection interference\n              onMouseOver={(e) => e.stopPropagation()}\n              // Removed onMouseUp stopPropagation to allow dnd-kit to handle it\n              onDoubleClick={(e) => e.stopPropagation()}\n              onContextMenu={(e) => {\n                e.preventDefault()\n                e.stopPropagation()\n              }}\n            >\n              <RowDragHandleCellContent\n                attributes={sortable?.attributes}\n                listeners={sortable?.listeners}\n              />\n            </Styled.TableCell>\n          )\n        }\n        return (\n          <TableCellMemo\n            cell={cell}\n            cellId={cellId}\n            rowId={row.id}\n            key={cell.id + i.toString()}\n            showHierarchy={showHierarchy}\n            sortableRows={sortableRows}\n          />\n        )\n      })}\n\n      {paddingRight ? (\n        //fake empty column to the right for virtualization scroll padding\n        <td style={{ display: 'flex', width: paddingRight }} />\n      ) : null}\n    </Styled.TR>\n  )\n}\n\ninterface TableCellProps {\n  cell: Cell<TableRow, unknown>\n  cellId: string\n  rowId: string\n  className?: string\n  showHierarchy: boolean\n  sortableRows?: boolean\n}\n\nconst TableCell = ({\n  cell,\n  rowId,\n  cellId,\n  className,\n  showHierarchy,\n  sortableRows,\n  ...props\n}: TableCellProps) => {\n  const {\n    isCellSelected,\n    isCellFocused,\n    startSelection,\n    extendSelection,\n    endSelection,\n    selectCell,\n    getCellBorderClasses,\n    clearSelection,\n  } = useSelectionCellsContext()\n\n  const { isRowSelected } = useSelectedRowsContext()\n\n  const { isEditing } = useCellEditing()\n\n  const borderClasses = getCellBorderClasses(cellId)\n\n  const isPinned = cell.column.getIsPinned()\n  const isLastLeftPinnedColumn = isPinned === 'left' && cell.column.getIsLastColumn('left')\n  const isRowSelectionColumn = cell.column.id === ROW_SELECTION_COLUMN_ID\n  const isGroup = cell.row.original.entityType === 'group'\n\n  return (\n    <Styled.TableCell\n      {...props}\n      tabIndex={0}\n      $isLastPinned={isLastLeftPinnedColumn} // is this column the last pinned column? Custom styling for borders.\n      className={clsx(\n        cell.column.id,\n        {\n          selected: isCellSelected(cellId),\n          focused: isCellFocused(cellId),\n          editing: isEditing(cellId),\n          'last-pinned-left': isLastLeftPinnedColumn,\n          'selected-row': isRowSelected(rowId),\n          task: cell.row.original.entityType === 'task',\n        },\n        className,\n        ...borderClasses,\n      )}\n      style={{\n        ...getCommonPinningStyles(cell.column),\n        width: getColumnWidth(cell.row.id, cell.column.id),\n        height: 40,\n      }}\n      onMouseDown={(e) => {\n        // Only process left clicks (button 0), ignore right clicks\n        if (e.button !== 0) return\n\n        // check we are not clicking on expander\n        if ((e.target as HTMLElement).closest('.expander')) return\n\n        // only name column can be selected for group rows\n        if (isGroup && cell.column.id !== 'name') return clearSelection()\n\n        const additive = e.metaKey || e.ctrlKey || isRowSelectionColumn\n        if (e.shiftKey) {\n          // Shift+click extends selection from anchor cell\n          selectCell(cellId, additive, true) // true for range selection\n        } else {\n          // Normal click starts a new selection\n          startSelection(cellId, additive)\n        }\n      }}\n      onMouseOver={(e) => {\n        if (e.buttons === 1) {\n          // Left button is pressed during mouse move - drag selection\n          extendSelection(cellId, isRowSelectionColumn)\n        }\n      }}\n      onMouseUp={() => {\n        endSelection(cellId)\n      }}\n      onDoubleClick={(e) => {\n        if (\n          cell.column.id === 'name' &&\n          !(e.target as HTMLElement).closest('.expander') &&\n          !isGroup\n        ) {\n          // select the row by selecting the row-selection cell\n          const rowSelectionCellId = getCellId(cell.row.id, ROW_SELECTION_COLUMN_ID)\n          if (!isCellSelected(rowSelectionCellId)) {\n            const additive = e.metaKey || e.ctrlKey\n            selectCell(rowSelectionCellId, additive, false)\n          }\n        }\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault()\n        // if the cell is not selected, select it and deselect all others\n        if (!isCellSelected(cellId)) {\n          selectCell(cellId, false, false)\n        }\n      }}\n    >\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Styled.TableCell>\n  )\n}\n\nconst TableCellMemo = memo(TableCell)\n"],"names":["ROW_SELECTION_COLUMN_ID","useColumnSettingsContext","useProjectTableContext","useMemo","getTableFieldOptions","useRef","useSelectionCellsContext","_a","loadingAttrib","generateDummyAttributes","loadingRows","generateLoadingRows","getReadOnlyLists","useCellEditing","buildTreeTableColumns","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","getSortedRowModel","filterFns","useEffect","jsx","ClipboardProvider","Styled.TableWrapper","Styled.TableContainer","jsxs","createPortal","DragOverlay","Styled.TR","Styled.TableCell","Icon","getCellId","Fragment","Styled.TableHeader","Styled.ColumnHeader","Styled.HeaderCell","Styled.TableCellContent","flexRender","Styled.HeaderButtons","Styled.ResizedHandler","usePrefetchFolderTasks","useVirtualizer","useCallback","EmptyPlaceholder","SortableContext","verticalListSortingStrategy","sortable","useSortable","CSS","useSelectedRowsContext","memo"],"mappings":"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"}
+{"version":3,"file":"ProjectTreeTable.cjs.js","sources":["../../../../../src/containers/ProjectTreeTable/ProjectTreeTable.tsx"],"sourcesContent":["import { useMemo, useRef, useEffect, memo, CSSProperties, useCallback } from 'react' // Added useCallback\nimport { useVirtualizer, VirtualItem, Virtualizer } from '@tanstack/react-virtual'\n// TanStack Table imports\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  filterFns,\n  flexRender,\n  Row,\n  getSortedRowModel,\n  Cell,\n  Column,\n  Table,\n  Header,\n  HeaderGroup,\n  RowData,\n} from '@tanstack/react-table'\n\n// Utility imports\nimport clsx from 'clsx'\n\n// Type imports\nimport type { TableRow } from './types/table'\n\n// Component imports\nimport buildTreeTableColumns, {\n  DefaultColumns,\n  TreeTableExtraColumn,\n} from './buildTreeTableColumns'\nimport * as Styled from './ProjectTreeTable.styled'\nimport HeaderActionButton from './components/HeaderActionButton'\nimport RowDragHandleCellContent from './components/RowDragHandleCellContent' // Added import\nimport EmptyPlaceholder from '../../components/EmptyPlaceholder'\n\n// Context imports\nimport { useCellEditing } from './context/CellEditingContext'\nimport { ROW_SELECTION_COLUMN_ID, useSelectionCellsContext } from './context/SelectionCellsContext'\nimport { ClipboardProvider } from './context/ClipboardContext'\nimport { useSelectedRowsContext } from './context/SelectedRowsContext'\nimport { useColumnSettingsContext } from './context/ColumnSettingsContext'\n\n// Hook imports\nimport useCustomColumnWidthVars from './hooks/useCustomColumnWidthVars'\nimport usePrefetchFolderTasks from './hooks/usePrefetchFolderTasks'\nimport useCellContextMenu, { HeaderLabel } from './hooks/useCellContextMenu'\nimport useColumnVirtualization from './hooks/useColumnVirtualization'\nimport useKeyboardNavigation from './hooks/useKeyboardNavigation'\n\n// Utility function imports\nimport { getCellId, parseCellId } from './utils/cellUtils'\nimport { generateLoadingRows, generateDummyAttributes } from './utils/loadingUtils'\nimport { createPortal } from 'react-dom'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { AttributeEnumItem, ProjectTableAttribute, BuiltInFieldOptions } from './types'\nimport { ToggleExpandAll, useProjectTableContext } from './context/ProjectTableContext'\nimport { getEntityViewierIds, getReadOnlyLists, getTableFieldOptions } from './utils'\nimport { EntityUpdate } from './hooks/useUpdateTableData'\n\n// dnd-kit imports\nimport {\n  DragOverlay,\n  type UniqueIdentifier,\n  // Removed: DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, DragEndEvent, DragStartEvent, Active, Over, useSensor, useSensors\n} from '@dnd-kit/core'\n// import { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\n\ntype CellUpdate = (\n  entity: Omit<EntityUpdate, 'id'>,\n  config?: { selection?: string[] },\n) => Promise<void>\n\ndeclare module '@tanstack/react-table' {\n  interface TableMeta<TData extends RowData> {\n    options?: BuiltInFieldOptions\n    readOnly?: ProjectTreeTableProps['readOnly']\n    projectName?: string\n    updateEntities?: CellUpdate\n    toggleExpandAll?: ToggleExpandAll\n    selection?: string[]\n  }\n}\n\n//These are the important styles to make sticky column pinning work!\n//Apply styles like this using your CSS strategy of choice with this kind of logic to head cells, data cells, footer cells, etc.\n//View the index.css file for more needed styles such as border-collapse: separate\nconst getCommonPinningStyles = (column: Column<TableRow, unknown>): CSSProperties => {\n  const isPinned = column.getIsPinned()\n  const offset =\n    column.id !== ROW_SELECTION_COLUMN_ID && column.id !== DRAG_HANDLE_COLUMN_ID ? -30 : 0\n\n  return {\n    left: isPinned === 'left' ? `${column.getStart('left') + offset}px` : undefined, // Removed offset\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    position: isPinned ? 'sticky' : 'relative',\n    width: column.getSize(),\n    zIndex: isPinned ? 100 : 0,\n  }\n}\n\nconst getColumnWidth = (rowId: string, columnId: string) => {\n  return `calc(var(--col-${columnId}-size) * 1px)`\n}\n// test\n\nexport const DRAG_HANDLE_COLUMN_ID = 'drag-handle'\n\nexport interface ProjectTreeTableProps extends React.HTMLAttributes<HTMLDivElement> {\n  scope: string\n  sliceId: string\n  fetchMoreOnBottomReached: (element: HTMLDivElement | null) => void\n  onOpenNew?: (type: 'folder' | 'task') => void\n  readOnly?: (DefaultColumns | string)[]\n  excludedColumns?: (DefaultColumns | string)[]\n  extraColumns?: TreeTableExtraColumn[]\n  isLoading?: boolean\n  clientSorting?: boolean\n  sortableRows?: boolean\n  onRowReorder?: (active: UniqueIdentifier, over: UniqueIdentifier | null) => void // Adjusted type for active/over if needed, or keep as Active, Over\n  dndActiveId?: UniqueIdentifier | null // Added prop\n  pt?: {\n    container?: React.HTMLAttributes<HTMLDivElement>\n    head?: Partial<TableHeadProps>\n  }\n}\n\nexport const ProjectTreeTable = ({\n  scope,\n  sliceId,\n  fetchMoreOnBottomReached,\n  onOpenNew,\n  readOnly,\n  excludedColumns,\n  extraColumns,\n  isLoading: isLoadingProp,\n  clientSorting = false,\n  sortableRows = false,\n  onRowReorder,\n  dndActiveId, // Destructure new prop\n  pt,\n  ...props\n}: ProjectTreeTableProps) => {\n  const {\n    columnVisibility,\n    columnVisibilityUpdater,\n    columnPinning,\n    columnPinningUpdater,\n    columnOrder,\n    columnOrderUpdater,\n    columnSizing,\n    columnSizingUpdater,\n    groupBy,\n  } = useColumnSettingsContext()\n  const isGrouping = !!groupBy\n\n  const {\n    projectInfo,\n    tableData,\n    attribFields,\n    entitiesMap,\n    users,\n    isLoading: isLoadingData,\n    error,\n    isInitialized,\n    expanded,\n    projectName,\n    updateExpanded,\n    toggleExpandAll,\n    sorting,\n    updateSorting,\n    showHierarchy,\n    fetchNextPage,\n    scopes,\n    getEntityById,\n  } = useProjectTableContext()\n\n  const isLoading = isLoadingProp || isLoadingData\n\n  const { statuses = [], folderTypes = [], taskTypes = [], tags = [] } = projectInfo || {}\n  const options: BuiltInFieldOptions = useMemo(\n    () =>\n      getTableFieldOptions({\n        users,\n        statuses,\n        folderTypes,\n        taskTypes,\n        tags,\n        scopes,\n      }),\n    [users, statuses, folderTypes, taskTypes, scopes, tags],\n  )\n\n  //The virtualizer needs to know the scrollable container element\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n  // reference of how many rows are currently rendered in the table\n  const tableRowsCountRef = useRef(0)\n\n  // Selection context\n  const { registerGrid } = useSelectionCellsContext()\n\n  // generate loading attrib and rows\n  const { loadingAttrib, loadingRows } = useMemo(() => {\n    // count the number of children in tbody\n    const tableRowsCount = tableContainerRef.current?.querySelectorAll('tbody tr').length || 0\n    const loadingAttrib = generateDummyAttributes()\n    const loadingRows = generateLoadingRows(\n      attribFields,\n      showHierarchy && tableData.length > 0\n        ? Math.min(tableRowsCount, 50)\n        : groupBy\n        ? Math.max(tableRowsCountRef.current, 50)\n        : 50,\n    )\n\n    return { loadingAttrib, loadingRows }\n  }, [])\n\n  const showLoadingRows = !isInitialized || isLoading\n\n  // Format readonly columns and attributes\n  const { readOnlyColumns, readOnlyAttribs } = useMemo(\n    () => getReadOnlyLists(attribFields, readOnly),\n    [attribFields, readOnly],\n  )\n\n  const { selectedCells } = useSelectionCellsContext()\n  const { updateEntities } = useCellEditing()\n\n  const handleCellUpdate: CellUpdate = useCallback(\n    async (entity, config) => {\n      const { selection = [] } = config || {}\n      const entitiesToUpdate: EntityUpdate[] = []\n      if (!selection?.length) {\n        entitiesToUpdate.push({ ...entity, id: entity.rowId })\n      } else {\n        // if includeSelection is true, update all the selected cells with the same columnId\n        const { field, value, isAttrib, type } = entity\n        for (const cellId of selectedCells) {\n          const { colId, rowId } = parseCellId(cellId) || {}\n\n          const entity = getEntityById(rowId || '')\n          if (!entity) continue\n\n          if (colId?.replace('attrib_', '') === field && rowId) {\n            entitiesToUpdate.push({\n              field: field,\n              rowId: rowId,\n              id: entity.entityId,\n              value: value,\n              isAttrib: isAttrib,\n              type: entity.entityType,\n            })\n          }\n        }\n      }\n      await updateEntities(entitiesToUpdate, true)\n    },\n    [updateEntities, getEntityById, selectedCells],\n  )\n\n  const columnAttribs = useMemo(\n    () => (isInitialized ? attribFields : loadingAttrib),\n    [attribFields, loadingAttrib, isInitialized],\n  )\n  const columns = useMemo(() => {\n    const baseColumns = buildTreeTableColumns({\n      attribs: columnAttribs,\n      showHierarchy,\n      options,\n      extraColumns,\n      excluded: excludedColumns,\n      groupBy,\n    })\n\n    if (sortableRows) {\n      return [\n        {\n          id: DRAG_HANDLE_COLUMN_ID,\n          header: () => null,\n          cell: () => null, // Content rendered by TableBodyRow\n          size: 24,\n          minSize: 24,\n          maxSize: 24,\n          enableResizing: false,\n          enableSorting: false,\n          enableHiding: false,\n          enablePinning: false, // Programmatically pinned\n        },\n        ...baseColumns,\n      ]\n    }\n    return baseColumns\n  }, [columnAttribs, showHierarchy, options, extraColumns, excludedColumns, sortableRows])\n\n  const table = useReactTable({\n    data: showLoadingRows ? loadingRows : tableData,\n    columns,\n    defaultColumn: {\n      minSize: 50,\n      size: 150,\n    },\n    enableRowSelection: true, //enable row selection for all rows\n    getRowId: (row) => row.id,\n    enableSubRowSelection: false, //disable sub row selection\n    getSubRows: (row) => row.subRows,\n    getRowCanExpand: () => true,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    filterFromLeafRows: true,\n    // EXPANDABLE\n    onExpandedChange: updateExpanded,\n    // SORTING\n    getSortedRowModel: clientSorting ? getSortedRowModel() : undefined,\n    onSortingChange: updateSorting,\n    columnResizeMode: 'onChange',\n    onColumnPinningChange: columnPinningUpdater,\n    onColumnSizingChange: columnSizingUpdater,\n    onColumnVisibilityChange: columnVisibilityUpdater,\n    onColumnOrderChange: columnOrderUpdater,\n    // @ts-ignore\n    filterFns,\n    state: {\n      expanded,\n      sorting,\n      columnPinning: (() => {\n        const leftPins: string[] = []\n        if (sortableRows) {\n          leftPins.push(DRAG_HANDLE_COLUMN_ID)\n        }\n        leftPins.push(ROW_SELECTION_COLUMN_ID)\n\n        // Add other unique pins from context, ensuring they are not the programmatic ones\n        const contextLeftPins = (columnPinning.left || []).filter(\n          (id) => id !== DRAG_HANDLE_COLUMN_ID && id !== ROW_SELECTION_COLUMN_ID,\n        )\n        leftPins.push(...contextLeftPins)\n        // Remove duplicates just in case, though filter should handle it\n        const uniqueLeftPins = [...new Set(leftPins)]\n\n        return {\n          left: uniqueLeftPins,\n          right: columnPinning.right,\n        }\n      })(),\n      columnSizing,\n      columnVisibility,\n      columnOrder,\n    },\n    enableSorting: true,\n    meta: {\n      projectName,\n      options,\n      readOnly: readOnlyColumns,\n      updateEntities: handleCellUpdate,\n      toggleExpandAll,\n      loadMoreTasks: fetchNextPage,\n      selection: Array.from(selectedCells),\n    },\n  })\n\n  // TODO: when there is data (like in error) then we have infinite rendering\n\n  const { rows } = table.getRowModel()\n\n  // update the tableRowsCountRef with the current number of rows\n  useEffect(() => {\n    tableRowsCountRef.current = rows.length\n  }, [rows.length])\n\n  // Register grid structure with selection context when rows or columns change\n  useEffect(() => {\n    if (!rows.length) return\n    const rowIds = rows.map((row) => row.id)\n    const colIds = table.getAllLeafColumns().map((col) => col.id)\n    const colIdsSortedByPinning = [...colIds].sort((a, b) => {\n      if (ROW_SELECTION_COLUMN_ID === b) return 1\n      const colA = columnPinning.left?.includes(a) ? 0 : 1\n      const colB = columnPinning.left?.includes(b) ? 0 : 1\n      return colA - colB\n    })\n\n    registerGrid(rowIds, colIdsSortedByPinning)\n  }, [rows, table.getAllLeafColumns(), columnPinning, ROW_SELECTION_COLUMN_ID, registerGrid])\n\n  const visibleColumns = table.getVisibleLeafColumns()\n\n  // Use the column virtualization hook\n  const { columnVirtualizer, virtualPaddingLeft, virtualPaddingRight } = useColumnVirtualization({\n    visibleColumns,\n    tableContainerRef,\n    columnPinning,\n  })\n\n  const columnSizeVars = useCustomColumnWidthVars(table, columnSizing)\n\n  const attribByField = useMemo(() => {\n    return attribFields.reduce((acc: Record<string, AttributeEnumItem[]>, attrib) => {\n      if (attrib.data?.enum?.length) {\n        acc[attrib.name] = attrib.data?.enum\n      }\n      return acc\n    }, {})\n  }, [attribFields])\n\n  const rowOrderIds = useMemo(() => tableData.map((row) => row.id), [tableData])\n  const draggedRowData = useMemo(() => {\n    if (!dndActiveId || !sortableRows) return null // Use dndActiveId\n    return tableData.find((r) => r.id === dndActiveId) // Use dndActiveId\n  }, [dndActiveId, tableData, sortableRows])\n\n  const tableUiContent = (\n    <ClipboardProvider\n      entitiesMap={entitiesMap}\n      columnEnums={{ ...options, ...attribByField }}\n      columnReadOnly={readOnlyAttribs}\n    >\n      <Styled.TableWrapper {...props}>\n        <Styled.TableContainer\n          ref={tableContainerRef}\n          style={{ height: '100%', padding: 0 }}\n          onScroll={(e) => fetchMoreOnBottomReached(e.currentTarget)}\n          {...pt?.container}\n          className={clsx('table-container', pt?.container?.className)}\n        >\n          <table\n            style={{\n              display: 'grid',\n              borderCollapse: 'collapse',\n              userSelect: 'none',\n              ...columnSizeVars,\n              width: table.getTotalSize(),\n            }}\n          >\n            <TableHead\n              columnVirtualizer={columnVirtualizer}\n              table={table}\n              virtualPaddingLeft={virtualPaddingLeft}\n              virtualPaddingRight={virtualPaddingRight}\n              isLoading={isLoading}\n              readOnlyColumns={readOnlyColumns}\n              sortableRows={sortableRows}\n              {...pt?.head}\n            />\n            <TableBody\n              columnVirtualizer={columnVirtualizer}\n              table={table}\n              tableContainerRef={tableContainerRef}\n              virtualPaddingLeft={virtualPaddingLeft}\n              virtualPaddingRight={virtualPaddingRight}\n              showHierarchy={showHierarchy}\n              attribs={attribFields}\n              onOpenNew={onOpenNew}\n              rowOrderIds={rowOrderIds}\n              sortableRows={sortableRows}\n              error={error}\n              isGrouping={isGrouping}\n            />\n          </table>\n        </Styled.TableContainer>\n      </Styled.TableWrapper>\n    </ClipboardProvider>\n  )\n\n  // Render DragOverlay if sortableRows and dndActiveId is present\n  const dragOverlayPortal =\n    sortableRows &&\n    dndActiveId &&\n    createPortal(\n      <DragOverlay dropAnimation={null}>\n        {draggedRowData\n          ? (() => {\n              const overlayRowInstance = table.getRowModel().rows.find((r) => r.id === dndActiveId)\n              if (!overlayRowInstance) return null\n\n              const tableWidth = table.getTotalSize()\n\n              return (\n                <table\n                  style={{\n                    width: tableWidth,\n                    borderCollapse: 'collapse',\n                    backgroundColor: 'var(--md-sys-color-surface-container-high)',\n                    boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n                    ...columnSizeVars,\n                  }}\n                >\n                  <tbody>\n                    <Styled.TR style={{ display: 'flex', userSelect: 'none' }}>\n                      {virtualPaddingLeft ? (\n                        <td style={{ display: 'flex', width: virtualPaddingLeft }} />\n                      ) : null}\n                      {columnVirtualizer.getVirtualItems().map((vc) => {\n                        const cell = overlayRowInstance.getVisibleCells()[vc.index]\n                        if (!cell) return null\n\n                        const cellStyleBase: CSSProperties = {\n                          ...getCommonPinningStyles(cell.column),\n                          width: getColumnWidth(overlayRowInstance.id, cell.column.id),\n                          display: 'flex',\n                          alignItems: 'center',\n                          height: 40,\n                        }\n\n                        if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n                          return (\n                            <Styled.TableCell\n                              key={`overlay-drag-${cell.id}`}\n                              style={{ ...cellStyleBase, justifyContent: 'center' }}\n                              className={clsx(cell.column.id)}\n                            >\n                              <Icon icon=\"drag_handle\" /> {/* Static icon */}\n                            </Styled.TableCell>\n                          )\n                        }\n                        return (\n                          <TableCellMemo\n                            cell={cell}\n                            cellId={`overlay-${getCellId(overlayRowInstance.id, cell.column.id)}`}\n                            rowId={overlayRowInstance.id}\n                            key={`overlay-cell-${cell.id}`}\n                            showHierarchy={showHierarchy}\n                          />\n                        )\n                      })}\n                      {virtualPaddingRight ? (\n                        <td style={{ display: 'flex', width: virtualPaddingRight }} />\n                      ) : null}\n                    </Styled.TR>\n                  </tbody>\n                </table>\n              )\n            })()\n          : null}\n      </DragOverlay>,\n      document.body,\n    )\n\n  if (sortableRows) {\n    return (\n      <>\n        {tableUiContent}\n        {dragOverlayPortal}\n      </>\n    )\n  } else {\n    return tableUiContent\n  }\n}\n\ninterface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  isLoading: boolean\n  readOnlyColumns?: string[]\n  sortableRows?: boolean\n}\n\nconst TableHead = ({\n  columnVirtualizer,\n  table,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  isLoading,\n  readOnlyColumns,\n  sortableRows,\n  ...props\n}: TableHeadProps) => {\n  return (\n    <Styled.TableHeader {...props}>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TableHeadRow\n          key={headerGroup.id}\n          columnVirtualizer={columnVirtualizer}\n          headerGroup={headerGroup}\n          virtualPaddingLeft={virtualPaddingLeft}\n          virtualPaddingRight={virtualPaddingRight}\n          isLoading={isLoading}\n          readOnlyColumns={readOnlyColumns}\n          sortableRows={sortableRows}\n        />\n      ))}\n    </Styled.TableHeader>\n  )\n}\n\ninterface TableHeadRowProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  headerGroup: HeaderGroup<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  isLoading: boolean\n  readOnlyColumns?: string[]\n  sortableRows?: boolean\n}\n\nconst TableHeadRow = ({\n  columnVirtualizer,\n  headerGroup,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  isLoading,\n  readOnlyColumns,\n  sortableRows,\n}: TableHeadRowProps) => {\n  const virtualColumns = columnVirtualizer.getVirtualItems()\n  return (\n    <Styled.ColumnHeader key={headerGroup.id} style={{ display: 'flex' }}>\n      {virtualPaddingLeft ? (\n        //fake empty column to the left for virtualization scroll padding\n        <th style={{ display: 'flex', width: virtualPaddingLeft }} />\n      ) : null}\n      {virtualColumns.map((virtualColumn) => {\n        const header = headerGroup.headers[virtualColumn.index]\n\n        return (\n          <TableHeadCell\n            key={header.id}\n            header={header}\n            isLoading={isLoading}\n            isReadOnly={readOnlyColumns?.includes(header.id)}\n            canSort={header.column.getCanSort()}\n            canFilter={header.column.getCanFilter()}\n            canHide={header.column.getCanHide()}\n            canPin={header.column.getCanPin()}\n            canResize={header.column.getCanResize()}\n            sortableRows={sortableRows}\n          />\n        )\n      })}\n      {virtualPaddingRight ? (\n        //fake empty column to the right for virtualization scroll padding\n        <th style={{ display: 'flex', width: virtualPaddingRight }} />\n      ) : null}\n    </Styled.ColumnHeader>\n  )\n}\n\ninterface TableHeadCellProps {\n  header: Header<TableRow, unknown>\n  isLoading: boolean\n  canSort?: boolean\n  canFilter?: boolean\n  canHide?: boolean\n  canPin?: boolean\n  canResize?: boolean\n  isReadOnly?: boolean\n  sortableRows?: boolean\n}\n\nconst TableHeadCell = ({\n  header,\n  isLoading,\n  canFilter,\n  canHide,\n  canSort,\n  canPin,\n  canResize,\n  isReadOnly,\n  sortableRows,\n}: TableHeadCellProps) => {\n  const { column } = header\n\n  return (\n    <Styled.HeaderCell\n      className={clsx(header.id, 'shimmer-dark', {\n        loading: isLoading,\n        'last-pinned-left': column.getIsPinned() === 'left' && column.getIsLastColumn('left'),\n      })}\n      key={header.id}\n      style={{\n        ...getCommonPinningStyles(column),\n        width: getColumnWidth('', column.id),\n      }}\n    >\n      {header.isPlaceholder ? null : (\n        <Styled.TableCellContent className={clsx('bold', 'header')}>\n          {flexRender(column.columnDef.header, header.getContext())}\n          {isReadOnly && (\n            <Icon icon=\"lock\" data-tooltip={'You only have permission to read this column.'} />\n          )}\n\n          <Styled.HeaderButtons className=\"actions\">\n            {/* COLUMN HIDING */}\n            {canHide && (\n              <HeaderActionButton\n                icon=\"visibility_off\"\n                selected={!column.getIsVisible()}\n                onClick={column.getToggleVisibilityHandler()}\n              />\n            )}\n            {/* COLUMN PINNING */}\n            {canPin && (\n              <HeaderActionButton\n                icon=\"push_pin\"\n                selected={header.column.getIsPinned() === 'left'}\n                onClick={() => {\n                  if (header.column.getIsPinned() === 'left') {\n                    header.column.pin(false)\n                  } else {\n                    header.column.pin('left')\n                  }\n                }}\n              />\n            )}\n\n            {/* COLUMN SORTING */}\n            {canSort && (\n              <HeaderActionButton\n                icon={'sort'}\n                style={{\n                  transform: (column.getIsSorted() as string) === 'asc' ? 'scaleY(-1)' : undefined,\n                }}\n                onClick={column.getToggleSortingHandler()}\n                selected={!!column.getIsSorted()}\n              />\n            )}\n          </Styled.HeaderButtons>\n          {canResize && (\n            <Styled.ResizedHandler\n              {...{\n                onDoubleClick: () => column.resetSize(),\n                onMouseDown: header.getResizeHandler(),\n                onTouchStart: header.getResizeHandler(),\n                className: clsx('resize-handle', {\n                  resizing: column.getIsResizing(),\n                }),\n              }}\n            />\n          )}\n        </Styled.TableCellContent>\n      )}\n    </Styled.HeaderCell>\n  )\n}\n\ninterface TableBodyProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  tableContainerRef: React.RefObject<HTMLDivElement>\n  showHierarchy: boolean\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  attribs: ProjectTableAttribute[]\n  onOpenNew?: (type: 'folder' | 'task') => void\n  rowOrderIds: UniqueIdentifier[]\n  sortableRows: boolean\n  error?: string\n  isGrouping: boolean\n}\n\nconst TableBody = ({\n  columnVirtualizer,\n  table,\n  tableContainerRef,\n  showHierarchy,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  attribs,\n  onOpenNew,\n  rowOrderIds,\n  sortableRows,\n  error,\n  isGrouping,\n}: TableBodyProps) => {\n  const headerLabels = useMemo(() => {\n    const allColumns = table.getAllColumns()\n    const headers = allColumns\n      .map((col) => {\n        const headerId = col.id\n        const header = col.columnDef.header\n        if (typeof header === 'string' || typeof header === 'number') {\n          return { label: header, id: headerId }\n        }\n        return null\n      })\n      .filter(Boolean)\n\n    return headers as HeaderLabel[]\n  }, [table.getAllColumns()])\n\n  const { handleTableBodyContextMenu } = useCellContextMenu({ attribs, onOpenNew, headerLabels })\n\n  const { handlePreFetchTasks } = usePrefetchFolderTasks()\n\n  const { rows } = table.getRowModel()\n\n  const rowVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableRowElement>({\n    count: rows.length,\n    estimateSize: () => 40, //estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    //measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n        ? (element) => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  })\n\n  const virtualRows = rowVirtualizer.getVirtualItems()\n\n  // Memoize the measureElement callback\n  const measureRowElement = useCallback(\n    (node: HTMLTableRowElement | null) => {\n      if (node) {\n        rowVirtualizer.measureElement(node)\n      }\n    },\n    [rowVirtualizer],\n  )\n\n  useKeyboardNavigation()\n\n  const tbodyContent = (\n    <tbody\n      style={{\n        height: `${rowVirtualizer.getTotalSize()}px`,\n        position: 'relative',\n        display: 'grid',\n      }}\n      onContextMenu={handleTableBodyContextMenu}\n      onMouseOver={(e) => {\n        handlePreFetchTasks(e)\n      }}\n    >\n      {virtualRows.map((virtualRow, i) => {\n        const row = rows[virtualRow.index] as Row<TableRow>\n        // Add a check for row existence to prevent potential errors if data is out of sync\n        if (!row) {\n          console.warn('Virtualized row data not found for index:', virtualRow.index)\n          return null\n        }\n        return (\n          <TableBodyRow\n            key={row.id + i.toString()} // dnd-kit needs this key to be stable and match the id in useSortable\n            row={row}\n            showHierarchy={showHierarchy}\n            visibleCells={row.getVisibleCells()}\n            virtualColumns={columnVirtualizer.getVirtualItems()}\n            paddingLeft={virtualPaddingLeft}\n            paddingRight={virtualPaddingRight}\n            rowRef={measureRowElement}\n            dataIndex={virtualRow.index}\n            offsetTop={virtualRow.start}\n            sortableRows={sortableRows}\n            isGrouping={isGrouping}\n          />\n        )\n      })}\n    </tbody>\n  )\n\n  if (error) {\n    return (\n      tableContainerRef.current &&\n      createPortal(\n        <EmptyPlaceholder message=\"No items found\" error={error} />,\n        tableContainerRef.current,\n      )\n    )\n  }\n\n  if (sortableRows) {\n    return (\n      <SortableContext items={rowOrderIds} strategy={verticalListSortingStrategy}>\n        {tbodyContent}\n      </SortableContext>\n    )\n  } else {\n    return tbodyContent\n  }\n}\n\ninterface TableBodyRowProps {\n  row: Row<TableRow>\n  showHierarchy: boolean\n  visibleCells: Cell<TableRow, unknown>[]\n  virtualColumns: VirtualItem[]\n  paddingLeft: number | undefined\n  paddingRight: number | undefined\n  rowRef: (node: HTMLTableRowElement | null) => void\n  dataIndex: number\n  offsetTop: number\n  sortableRows: boolean\n  isGrouping: boolean\n}\n\nconst TableBodyRow = ({\n  row,\n  showHierarchy,\n  visibleCells,\n  virtualColumns,\n  paddingLeft,\n  paddingRight,\n  rowRef,\n  dataIndex,\n  offsetTop,\n  sortableRows,\n  isGrouping = false,\n}: TableBodyRowProps) => {\n  const sortable = sortableRows ? useSortable({ id: row.id }) : null\n\n  const combinedRef = useCallback(\n    (node: HTMLTableRowElement | null) => {\n      if (sortable) {\n        sortable.setNodeRef(node)\n      }\n      // rowRef for virtualizer measurement\n      // only measure if not actively being transformed by dnd-kit\n      if (!(sortable && sortable.isDragging)) {\n        rowRef(node)\n      }\n    },\n    [sortable, rowRef],\n  )\n\n  // Attempt to combine dnd-kit transform with virtualizer's offsetTop\n  const style: CSSProperties = {\n    position: 'absolute', // Use absolute positioning for virtualized items\n    top: offsetTop, // Position based on virtualizer's calculation (virtualRow.start)\n    left: 0, // Span full width of the relative parent (tbody)\n    right: 0, // Span full width\n    height: 40, // Explicit height can be beneficial for absolute positioning\n    zIndex: sortable && sortable.isDragging ? 0 : 1, // Ensure dragged item is above others\n    display: 'flex', // Styled.TR is display:flex\n    transform:\n      sortable && sortable.transform ? CSS.Transform.toString(sortable.transform) : undefined, // Apply dnd-kit's transform for drag effect\n    transition: sortable && sortable.transition ? sortable.transition : undefined,\n    visibility: sortable && sortable.isDragging ? 'hidden' : 'visible', // Hide the row being dragged\n  }\n\n  return (\n    <Styled.TR\n      ref={combinedRef}\n      data-index={dataIndex} //needed for dynamic row height measurement\n      style={style}\n      className={clsx({ 'group-row': row.original.group })}\n    >\n      {paddingLeft ? (\n        //fake empty column to the left for virtualization scroll padding\n        <td style={{ display: 'flex', width: paddingLeft }} />\n      ) : null}\n      {virtualColumns.map((vc, i) => {\n        const cell = visibleCells[vc.index]\n        if (!cell) return null // Should not happen in normal circumstances\n\n        const cellId = getCellId(row.id, cell.column.id)\n\n        if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {\n          return (\n            <Styled.TableCell\n              key={cell.id + i.toString()}\n              style={{\n                ...getCommonPinningStyles(cell.column),\n                width: getColumnWidth(row.id, cell.column.id),\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                height: 40,\n              }}\n              className={clsx(cell.column.id, {\n                'last-pinned-left':\n                  cell.column.getIsPinned() === 'left' && cell.column.getIsLastColumn('left'),\n              })}\n              onMouseDown={(e) => e.stopPropagation()} // Prevent selection interference\n              onMouseOver={(e) => e.stopPropagation()}\n              // Removed onMouseUp stopPropagation to allow dnd-kit to handle it\n              onDoubleClick={(e) => e.stopPropagation()}\n              onContextMenu={(e) => {\n                e.preventDefault()\n                e.stopPropagation()\n              }}\n            >\n              <RowDragHandleCellContent\n                attributes={sortable?.attributes}\n                listeners={sortable?.listeners}\n              />\n            </Styled.TableCell>\n          )\n        }\n        return (\n          <TableCellMemo\n            cell={cell}\n            cellId={cellId}\n            rowId={row.id}\n            key={cell.id + i.toString()}\n            showHierarchy={showHierarchy}\n            sortableRows={sortableRows}\n          />\n        )\n      })}\n\n      {paddingRight ? (\n        //fake empty column to the right for virtualization scroll padding\n        <td style={{ display: 'flex', width: paddingRight }} />\n      ) : null}\n    </Styled.TR>\n  )\n}\n\ninterface TableCellProps {\n  cell: Cell<TableRow, unknown>\n  cellId: string\n  rowId: string\n  className?: string\n  showHierarchy: boolean\n  sortableRows?: boolean\n}\n\nconst TableCell = ({\n  cell,\n  rowId,\n  cellId,\n  className,\n  showHierarchy,\n  sortableRows,\n  ...props\n}: TableCellProps) => {\n  const { getEntityById, onOpenPlayer } = useProjectTableContext()\n\n  const {\n    isCellSelected,\n    isCellFocused,\n    startSelection,\n    extendSelection,\n    endSelection,\n    selectCell,\n    focusCell,\n    getCellBorderClasses,\n    clearSelection,\n  } = useSelectionCellsContext()\n\n  const { isRowSelected } = useSelectedRowsContext()\n\n  const { isEditing } = useCellEditing()\n\n  const borderClasses = getCellBorderClasses(cellId)\n\n  const isPinned = cell.column.getIsPinned()\n  const isLastLeftPinnedColumn = isPinned === 'left' && cell.column.getIsLastColumn('left')\n  const isRowSelectionColumn = cell.column.id === ROW_SELECTION_COLUMN_ID\n  const isGroup = cell.row.original.entityType === 'group'\n\n  return (\n    <Styled.TableCell\n      {...props}\n      tabIndex={0}\n      $isLastPinned={isLastLeftPinnedColumn} // is this column the last pinned column? Custom styling for borders.\n      className={clsx(\n        cell.column.id,\n        {\n          selected: isCellSelected(cellId),\n          focused: isCellFocused(cellId),\n          editing: isEditing(cellId),\n          'last-pinned-left': isLastLeftPinnedColumn,\n          'selected-row': isRowSelected(rowId),\n          task: cell.row.original.entityType === 'task',\n        },\n        className,\n        ...borderClasses,\n      )}\n      style={{\n        ...getCommonPinningStyles(cell.column),\n        width: getColumnWidth(cell.row.id, cell.column.id),\n        height: 40,\n      }}\n      onMouseDown={(e) => {\n        // Only process left clicks (button 0), ignore right clicks\n        if (e.button !== 0) return\n\n        const target = e.target as HTMLElement\n\n        // check we are not clicking on expander\n        if (target.closest('.expander')) return\n\n        // if selection options from a dropdown skip\n        if (target.closest('.options')) return\n\n        // if selecting dropdown expand icon, make sure it is selected ()\n        if (target.closest('.expand')) {\n          if (!isCellSelected(cellId)) {\n            // select\n            selectCell(cellId, false, false)\n            // focus\n            focusCell(cellId)\n          }\n          return\n        }\n\n        // only name column can be selected for group rows\n        if (isGroup && cell.column.id !== 'name') return clearSelection()\n\n        const additive = e.metaKey || e.ctrlKey || isRowSelectionColumn\n        if (e.shiftKey) {\n          // Shift+click extends selection from anchor cell\n          selectCell(cellId, additive, true) // true for range selection\n        } else {\n          // Normal click starts a new selection\n          startSelection(cellId, additive)\n        }\n      }}\n      onMouseOver={(e) => {\n        if (e.buttons === 1) {\n          // Left button is pressed during mouse move - drag selection\n          extendSelection(cellId, isRowSelectionColumn)\n        }\n      }}\n      onMouseUp={() => {\n        endSelection(cellId)\n      }}\n      onDoubleClick={(e) => {\n        // row selection on name column double click\n        if (\n          cell.column.id === 'name' &&\n          !(e.target as HTMLElement).closest('.expander') &&\n          !isGroup\n        ) {\n          // select the row by selecting the row-selection cell\n          const rowSelectionCellId = getCellId(cell.row.id, ROW_SELECTION_COLUMN_ID)\n          if (!isCellSelected(rowSelectionCellId)) {\n            const additive = e.metaKey || e.ctrlKey\n            selectCell(rowSelectionCellId, additive, false)\n          }\n        }\n        // open the viewer on thumbnail double click\n        if (cell.column.id === 'thumbnail') {\n          if (onOpenPlayer) {\n            const entity = getEntityById(cell.row.original.entityId || cell.row.id)\n            if (entity) {\n              const targetIds = getEntityViewierIds(entity)\n              onOpenPlayer(targetIds, { quickView: true })\n            }\n          }\n        }\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault()\n        // if the cell is not selected, select it and deselect all others\n        if (!isCellSelected(cellId)) {\n          selectCell(cellId, false, false)\n        }\n      }}\n    >\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Styled.TableCell>\n  )\n}\n\nconst TableCellMemo = memo(TableCell)\n"],"names":["ROW_SELECTION_COLUMN_ID","useColumnSettingsContext","useProjectTableContext","useMemo","getTableFieldOptions","useRef","useSelectionCellsContext","_a","loadingAttrib","generateDummyAttributes","loadingRows","generateLoadingRows","getReadOnlyLists","useCellEditing","useCallback","parseCellId","entity","buildTreeTableColumns","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","getSortedRowModel","filterFns","useEffect","jsx","ClipboardProvider","Styled.TableWrapper","Styled.TableContainer","jsxs","createPortal","DragOverlay","Styled.TR","Styled.TableCell","Icon","getCellId","Fragment","Styled.TableHeader","Styled.ColumnHeader","Styled.HeaderCell","Styled.TableCellContent","flexRender","Styled.HeaderButtons","Styled.ResizedHandler","usePrefetchFolderTasks","useVirtualizer","EmptyPlaceholder","SortableContext","verticalListSortingStrategy","sortable","useSortable","CSS","useSelectedRowsContext","getEntityViewierIds","memo"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
-import { memo, useMemo, useRef, useEffect, useCallback } from "react";
+import { memo, useMemo, useRef, useCallback, useEffect } from "react";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { flexRender, useReactTable, filterFns, getSortedRowModel, getExpandedRowModel, getFilteredRowModel, getCoreRowModel } from "@tanstack/react-table";
 import clsx from "clsx";
@@ -19,13 +19,14 @@ import { usePrefetchFolderTasks } from "./hooks/usePrefetchFolderTasks.es.js";
 import useCellContextMenu from "./hooks/useCellContextMenu.es.js";
 import useColumnVirtualization from "./hooks/useColumnVirtualization.es.js";
 import useKeyboardNavigation from "./hooks/useKeyboardNavigation.es.js";
-import { getCellId } from "./utils/cellUtils.es.js";
+import { getCellId, parseCellId } from "./utils/cellUtils.es.js";
 import { generateDummyAttributes, generateLoadingRows } from "./utils/loadingUtils.es.js";
 import { createPortal } from "react-dom";
 import { Icon } from "@ynput/ayon-react-components";
 import { useProjectTableContext } from "./context/ProjectTableContext.es.js";
 import { getTableFieldOptions } from "./utils/getTableFieldOptions.es.js";
 import { getReadOnlyLists } from "./utils/getReadOnlyLists.es.js";
+import { getEntityViewierIds } from "./utils/getEntityViewerIds.es.js";
 import { DragOverlay } from "@dnd-kit/core";
 import { SortableContext, verticalListSortingStrategy, useSortable } from "@dnd-kit/sortable";
 import { CSS } from "../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
@@ -92,7 +93,8 @@ const ProjectTreeTable = ({
     updateSorting,
     showHierarchy,
     fetchNextPage,
-    scopes
+    scopes,
+    getEntityById
   } = useProjectTableContext();
   const isLoading = isLoadingProp || isLoadingData;
   const { statuses = [], folderTypes = [], taskTypes = [], tags = [] } = projectInfo || {};
@@ -105,7 +107,7 @@ const ProjectTreeTable = ({
       tags,
       scopes
     }),
-    [users, statuses, folderTypes, taskTypes]
+    [users, statuses, folderTypes, taskTypes, scopes, tags]
   );
   const tableContainerRef = useRef(null);
   const tableRowsCountRef = useRef(0);
@@ -125,7 +127,36 @@ const ProjectTreeTable = ({
     () => getReadOnlyLists(attribFields, readOnly),
     [attribFields, readOnly]
   );
+  const { selectedCells } = useSelectionCellsContext();
   const { updateEntities } = useCellEditing();
+  const handleCellUpdate = useCallback(
+    async (entity, config) => {
+      const { selection = [] } = config || {};
+      const entitiesToUpdate = [];
+      if (!(selection == null ? void 0 : selection.length)) {
+        entitiesToUpdate.push({ ...entity, id: entity.rowId });
+      } else {
+        const { field, value, isAttrib, type } = entity;
+        for (const cellId of selectedCells) {
+          const { colId, rowId } = parseCellId(cellId) || {};
+          const entity2 = getEntityById(rowId || "");
+          if (!entity2) continue;
+          if ((colId == null ? void 0 : colId.replace("attrib_", "")) === field && rowId) {
+            entitiesToUpdate.push({
+              field,
+              rowId,
+              id: entity2.entityId,
+              value,
+              isAttrib,
+              type: entity2.entityType
+            });
+          }
+        }
+      }
+      await updateEntities(entitiesToUpdate, true);
+    },
+    [updateEntities, getEntityById, selectedCells]
+  );
   const columnAttribs = useMemo(
     () => isInitialized ? attribFields : loadingAttrib,
     [attribFields, loadingAttrib, isInitialized]
@@ -218,9 +249,10 @@ const ProjectTreeTable = ({
       projectName,
       options,
       readOnly: readOnlyColumns,
-      updateEntities,
+      updateEntities: handleCellUpdate,
       toggleExpandAll,
-      loadMoreTasks: fetchNextPage
+      loadMoreTasks: fetchNextPage,
+      selection: Array.from(selectedCells)
     }
   });
   const { rows } = table.getRowModel();
@@ -755,6 +787,7 @@ const TableCell = ({
   sortableRows,
   ...props
 }) => {
+  const { getEntityById, onOpenPlayer } = useProjectTableContext();
   const {
     isCellSelected,
     isCellFocused,
@@ -762,6 +795,7 @@ const TableCell = ({
     extendSelection,
     endSelection,
     selectCell,
+    focusCell,
     getCellBorderClasses,
     clearSelection
   } = useSelectionCellsContext();
@@ -798,7 +832,16 @@ const TableCell = ({
       },
       onMouseDown: (e) => {
         if (e.button !== 0) return;
-        if (e.target.closest(".expander")) return;
+        const target = e.target;
+        if (target.closest(".expander")) return;
+        if (target.closest(".options")) return;
+        if (target.closest(".expand")) {
+          if (!isCellSelected(cellId)) {
+            selectCell(cellId, false, false);
+            focusCell(cellId);
+          }
+          return;
+        }
         if (isGroup && cell.column.id !== "name") return clearSelection();
         const additive = e.metaKey || e.ctrlKey || isRowSelectionColumn;
         if (e.shiftKey) {
@@ -823,6 +866,15 @@ const TableCell = ({
             selectCell(rowSelectionCellId, additive, false);
           }
         }
+        if (cell.column.id === "thumbnail") {
+          if (onOpenPlayer) {
+            const entity = getEntityById(cell.row.original.entityId || cell.row.id);
+            if (entity) {
+              const targetIds = getEntityViewierIds(entity);
+              onOpenPlayer(targetIds, { quickView: true });
+            }
+          }
+        }
       },
       onContextMenu: (e) => {
         e.preventDefault();