@ynput/ayon-frontend-shared 0.2.7 → 0.2.10

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/Feed/hooks/useTransformActivities.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTransformActivities.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useTransformActivities.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { compareAsc, isValid } from 'date-fns'\nimport { useMemo } from 'react'\nimport groupActivityVersions from '../helpers/groupActivityVersions'\nimport groupMinorActivities, { ActivityUser } from '../helpers/groupMinorActivities'\nimport mergeSimilarActivities from '../helpers/mergeSimilarActivities'\n\n// Define the types of activities that are considered minor\nconst minorActivityTypes = ['status.change', 'assignee.add', 'assignee.remove']\n\nconst getStatusActivityIcon = (activities = [], projectInfo = {}) => {\n  return activities.map((activity) => {\n    const newActivity = { ...activity, origin: { ...activity.origin } }\n\n    // find status icon and data for status change activities\n    if (newActivity.activityType === 'status.change') {\n      if (!projectInfo) return newActivity\n      const oldStatusName = newActivity.activityData?.oldValue\n      const newStatusName = newActivity.activityData?.newValue\n\n      const oldStatus = projectInfo.statuses?.find((status) => status.name === oldStatusName)\n      const newStatus = projectInfo.statuses?.find((status) => status.name === newStatusName)\n\n      newActivity.oldStatus = { ...oldStatus, name: oldStatusName }\n      newActivity.newStatus = { ...newStatus, name: newStatusName }\n    }\n\n    return newActivity\n  })\n}\n\nconst filterOutRelations = (activities = [], entityTypes = [], entityType) => {\n  return !entityTypes.includes(entityType)\n    ? activities\n    : activities.filter((activity) => activity.referenceType !== 'relation')\n}\n\nconst useTransformActivities = (\n  activities = [],\n  users: ActivityUser[] = [],\n  projectInfo = {},\n  entityType,\n  userName,\n) => {\n  // 1. add status icons and data for status change activities\n  const activitiesWithIcons = useMemo(\n    () => getStatusActivityIcon(activities, projectInfo),\n    [activities],\n  )\n\n  // add any extra meta data to the activities\n  const activitiesWithMeta = useMemo(() => {\n    return activitiesWithIcons.map((activity) => {\n      const newActivity = { ...activity, isOwner: userName === activity.authorName }\n      return newActivity\n    })\n  }, [activitiesWithIcons, userName])\n\n  // 2. versions should not have relations shown (comments posted on parent task)\n  const activitiesWithoutRelations = useMemo(\n    () => filterOutRelations(activitiesWithMeta, ['version'], entityType),\n    [activitiesWithMeta, projectInfo],\n  )\n\n  // 3. sort createdAt oldest first (because we are using flex: column-reverse)\n  const reversedActivitiesData = useMemo(() => {\n    const sortedActivities = [...activitiesWithoutRelations].sort((a, b) => {\n      const dateA = new Date(a.createdAt)\n      const dateB = new Date(b.createdAt)\n      const validA = isValid(dateA)\n      const validB = isValid(dateB)\n\n      if (!validA && !validB) {\n        return 0 // Both dates are invalid, keep original order\n      } else if (!validA) {\n        return 1 // Only dateA is invalid, it comes first\n      } else if (!validB) {\n        return -1 // Only dateB is invalid, dateA comes first\n      }\n\n      // If both dates are valid, compare them normally\n      return compareAsc(dateB, dateA)\n    })\n\n    return sortedActivities\n  }, [activitiesWithoutRelations])\n\n  // 4. for status change activities that are together, merge them into one activity\n  const mergedActivitiesData = useMemo(\n    () => mergeSimilarActivities(reversedActivitiesData, 'status.change', 'oldStatus'),\n    [reversedActivitiesData],\n  )\n\n  // 5. group minor activities together\n  const groupedActivitiesData = useMemo(\n    () => groupMinorActivities(mergedActivitiesData, users),\n    [mergedActivitiesData, users],\n  )\n\n  // 6. group version activities together\n  const groupedVersionsData = useMemo(\n    () => groupActivityVersions(groupedActivitiesData),\n    [groupedActivitiesData],\n  )\n\n  // 7. ensure there are no duplicate activities\n  const uniqueActivitiesData = useMemo(() => {\n    // Filter out invalid activities and create a Map to ensure uniqueness\n    const activityMap = new Map(\n      groupedVersionsData\n        .filter((activity) => activity && activity.activityId)\n        .map((activity) => [activity.activityId, activity]),\n    )\n\n    // Convert the Map values to an array\n    return [...activityMap.values()]\n  }, [groupedVersionsData])\n\n  return uniqueActivitiesData\n}\n\nexport { minorActivityTypes }\nexport default useTransformActivities\n"],"names":["useMemo","isValid","compareAsc"],"mappings":"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"}
+{"version":3,"file":"useTransformActivities.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useTransformActivities.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { compareAsc, isValid } from 'date-fns'\nimport { useMemo } from 'react'\nimport groupActivityVersions from '../helpers/groupActivityVersions'\nimport groupMinorActivities, { ActivityUser } from '../helpers/groupMinorActivities'\nimport mergeSimilarActivities from '../helpers/mergeSimilarActivities'\n\n// Define the types of activities that are considered minor\nconst minorActivityTypes = ['status.change', 'assignee.add', 'assignee.remove']\n\nconst getStatusActivityIcon = (activities = [], projectInfo = {}) => {\n  return activities.map((activity) => {\n    const newActivity = { ...activity, origin: { ...activity.origin } }\n\n    // find status icon and data for status change activities\n    if (newActivity.activityType === 'status.change') {\n      if (!projectInfo) return newActivity\n      const oldStatusName = newActivity.activityData?.oldValue\n      const newStatusName = newActivity.activityData?.newValue\n\n      const oldStatus = projectInfo.statuses?.find((status) => status.name === oldStatusName)\n      const newStatus = projectInfo.statuses?.find((status) => status.name === newStatusName)\n\n      newActivity.oldStatus = { ...oldStatus, name: oldStatusName }\n      newActivity.newStatus = { ...newStatus, name: newStatusName }\n    }\n\n    return newActivity\n  })\n}\n\nconst filterOutRelations = (activities = [], entityTypes = [], entityType) => {\n  return !entityTypes.includes(entityType)\n    ? activities\n    : activities.filter((activity) => activity.referenceType !== 'relation')\n}\n\nconst useTransformActivities = (\n  activities = [],\n  users: ActivityUser[] = [],\n  projectInfo = {},\n  entityType,\n  userName,\n) => {\n  // 1. add status icons and data for status change activities\n  const activitiesWithIcons = useMemo(\n    () => getStatusActivityIcon(activities, projectInfo),\n    [activities],\n  )\n\n  // 1,5. add any extra meta data to the activities\n  const activitiesWithMeta = useMemo(() => {\n    return activitiesWithIcons.map((activity) => {\n      const newActivity = { ...activity, isOwner: userName === activity.authorName }\n      return newActivity\n    })\n  }, [activitiesWithIcons, userName])\n\n  // 2. versions should not have relations shown (comments posted on parent task)\n  const activitiesWithoutRelations = useMemo(\n    () => filterOutRelations(activitiesWithMeta, ['version'], entityType),\n    [activitiesWithMeta, projectInfo],\n  )\n\n  // 3. sort createdAt oldest first (because we are using flex: column-reverse)\n  const reversedActivitiesData = useMemo(() => {\n    const sortedActivities = [...activitiesWithoutRelations].sort((a, b) => {\n      const dateA = new Date(a.createdAt)\n      const dateB = new Date(b.createdAt)\n      const validA = isValid(dateA)\n      const validB = isValid(dateB)\n\n      if (!validA && !validB) {\n        return 0 // Both dates are invalid, keep original order\n      } else if (!validA) {\n        return 1 // Only dateA is invalid, it comes first\n      } else if (!validB) {\n        return -1 // Only dateB is invalid, dateA comes first\n      }\n\n      // If both dates are valid, compare them normally\n      return compareAsc(dateB, dateA)\n    })\n\n    return sortedActivities\n  }, [activitiesWithoutRelations])\n\n  // 4. for status change activities that are together, merge them into one activity\n  const mergedActivitiesData = useMemo(\n    () => mergeSimilarActivities(reversedActivitiesData, 'status.change', 'oldStatus'),\n    [reversedActivitiesData],\n  )\n\n  // 5. group minor activities together\n  const groupedActivitiesData = useMemo(\n    () => groupMinorActivities(mergedActivitiesData, users),\n    [mergedActivitiesData, users],\n  )\n\n  // 6. group version activities together\n  const groupedVersionsData = useMemo(\n    () => groupActivityVersions(groupedActivitiesData),\n    [groupedActivitiesData],\n  )\n\n  // 7. ensure there are no duplicate activities\n  const uniqueActivitiesData = useMemo(() => {\n    // Filter out invalid activities and create a Map to ensure uniqueness\n    const activityMap = new Map(\n      groupedVersionsData\n        .filter((activity) => activity && activity.activityId)\n        .map((activity) => [activity.activityId, activity]),\n    )\n\n    // Convert the Map values to an array\n    return [...activityMap.values()]\n  }, [groupedVersionsData])\n\n  return uniqueActivitiesData\n}\n\nexport { minorActivityTypes }\nexport default useTransformActivities\n"],"names":["useMemo","isValid","compareAsc"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTransformActivities.es.js","sources":["../../../../../../src/containers/Feed/hooks/useTransformActivities.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { compareAsc, isValid } from 'date-fns'\nimport { useMemo } from 'react'\nimport groupActivityVersions from '../helpers/groupActivityVersions'\nimport groupMinorActivities, { ActivityUser } from '../helpers/groupMinorActivities'\nimport mergeSimilarActivities from '../helpers/mergeSimilarActivities'\n\n// Define the types of activities that are considered minor\nconst minorActivityTypes = ['status.change', 'assignee.add', 'assignee.remove']\n\nconst getStatusActivityIcon = (activities = [], projectInfo = {}) => {\n  return activities.map((activity) => {\n    const newActivity = { ...activity, origin: { ...activity.origin } }\n\n    // find status icon and data for status change activities\n    if (newActivity.activityType === 'status.change') {\n      if (!projectInfo) return newActivity\n      const oldStatusName = newActivity.activityData?.oldValue\n      const newStatusName = newActivity.activityData?.newValue\n\n      const oldStatus = projectInfo.statuses?.find((status) => status.name === oldStatusName)\n      const newStatus = projectInfo.statuses?.find((status) => status.name === newStatusName)\n\n      newActivity.oldStatus = { ...oldStatus, name: oldStatusName }\n      newActivity.newStatus = { ...newStatus, name: newStatusName }\n    }\n\n    return newActivity\n  })\n}\n\nconst filterOutRelations = (activities = [], entityTypes = [], entityType) => {\n  return !entityTypes.includes(entityType)\n    ? activities\n    : activities.filter((activity) => activity.referenceType !== 'relation')\n}\n\nconst useTransformActivities = (\n  activities = [],\n  users: ActivityUser[] = [],\n  projectInfo = {},\n  entityType,\n  userName,\n) => {\n  // 1. add status icons and data for status change activities\n  const activitiesWithIcons = useMemo(\n    () => getStatusActivityIcon(activities, projectInfo),\n    [activities],\n  )\n\n  // add any extra meta data to the activities\n  const activitiesWithMeta = useMemo(() => {\n    return activitiesWithIcons.map((activity) => {\n      const newActivity = { ...activity, isOwner: userName === activity.authorName }\n      return newActivity\n    })\n  }, [activitiesWithIcons, userName])\n\n  // 2. versions should not have relations shown (comments posted on parent task)\n  const activitiesWithoutRelations = useMemo(\n    () => filterOutRelations(activitiesWithMeta, ['version'], entityType),\n    [activitiesWithMeta, projectInfo],\n  )\n\n  // 3. sort createdAt oldest first (because we are using flex: column-reverse)\n  const reversedActivitiesData = useMemo(() => {\n    const sortedActivities = [...activitiesWithoutRelations].sort((a, b) => {\n      const dateA = new Date(a.createdAt)\n      const dateB = new Date(b.createdAt)\n      const validA = isValid(dateA)\n      const validB = isValid(dateB)\n\n      if (!validA && !validB) {\n        return 0 // Both dates are invalid, keep original order\n      } else if (!validA) {\n        return 1 // Only dateA is invalid, it comes first\n      } else if (!validB) {\n        return -1 // Only dateB is invalid, dateA comes first\n      }\n\n      // If both dates are valid, compare them normally\n      return compareAsc(dateB, dateA)\n    })\n\n    return sortedActivities\n  }, [activitiesWithoutRelations])\n\n  // 4. for status change activities that are together, merge them into one activity\n  const mergedActivitiesData = useMemo(\n    () => mergeSimilarActivities(reversedActivitiesData, 'status.change', 'oldStatus'),\n    [reversedActivitiesData],\n  )\n\n  // 5. group minor activities together\n  const groupedActivitiesData = useMemo(\n    () => groupMinorActivities(mergedActivitiesData, users),\n    [mergedActivitiesData, users],\n  )\n\n  // 6. group version activities together\n  const groupedVersionsData = useMemo(\n    () => groupActivityVersions(groupedActivitiesData),\n    [groupedActivitiesData],\n  )\n\n  // 7. ensure there are no duplicate activities\n  const uniqueActivitiesData = useMemo(() => {\n    // Filter out invalid activities and create a Map to ensure uniqueness\n    const activityMap = new Map(\n      groupedVersionsData\n        .filter((activity) => activity && activity.activityId)\n        .map((activity) => [activity.activityId, activity]),\n    )\n\n    // Convert the Map values to an array\n    return [...activityMap.values()]\n  }, [groupedVersionsData])\n\n  return uniqueActivitiesData\n}\n\nexport { minorActivityTypes }\nexport default useTransformActivities\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTransformActivities.es.js","sources":["../../../../../../src/containers/Feed/hooks/useTransformActivities.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { compareAsc, isValid } from 'date-fns'\nimport { useMemo } from 'react'\nimport groupActivityVersions from '../helpers/groupActivityVersions'\nimport groupMinorActivities, { ActivityUser } from '../helpers/groupMinorActivities'\nimport mergeSimilarActivities from '../helpers/mergeSimilarActivities'\n\n// Define the types of activities that are considered minor\nconst minorActivityTypes = ['status.change', 'assignee.add', 'assignee.remove']\n\nconst getStatusActivityIcon = (activities = [], projectInfo = {}) => {\n  return activities.map((activity) => {\n    const newActivity = { ...activity, origin: { ...activity.origin } }\n\n    // find status icon and data for status change activities\n    if (newActivity.activityType === 'status.change') {\n      if (!projectInfo) return newActivity\n      const oldStatusName = newActivity.activityData?.oldValue\n      const newStatusName = newActivity.activityData?.newValue\n\n      const oldStatus = projectInfo.statuses?.find((status) => status.name === oldStatusName)\n      const newStatus = projectInfo.statuses?.find((status) => status.name === newStatusName)\n\n      newActivity.oldStatus = { ...oldStatus, name: oldStatusName }\n      newActivity.newStatus = { ...newStatus, name: newStatusName }\n    }\n\n    return newActivity\n  })\n}\n\nconst filterOutRelations = (activities = [], entityTypes = [], entityType) => {\n  return !entityTypes.includes(entityType)\n    ? activities\n    : activities.filter((activity) => activity.referenceType !== 'relation')\n}\n\nconst useTransformActivities = (\n  activities = [],\n  users: ActivityUser[] = [],\n  projectInfo = {},\n  entityType,\n  userName,\n) => {\n  // 1. add status icons and data for status change activities\n  const activitiesWithIcons = useMemo(\n    () => getStatusActivityIcon(activities, projectInfo),\n    [activities],\n  )\n\n  // 1,5. add any extra meta data to the activities\n  const activitiesWithMeta = useMemo(() => {\n    return activitiesWithIcons.map((activity) => {\n      const newActivity = { ...activity, isOwner: userName === activity.authorName }\n      return newActivity\n    })\n  }, [activitiesWithIcons, userName])\n\n  // 2. versions should not have relations shown (comments posted on parent task)\n  const activitiesWithoutRelations = useMemo(\n    () => filterOutRelations(activitiesWithMeta, ['version'], entityType),\n    [activitiesWithMeta, projectInfo],\n  )\n\n  // 3. sort createdAt oldest first (because we are using flex: column-reverse)\n  const reversedActivitiesData = useMemo(() => {\n    const sortedActivities = [...activitiesWithoutRelations].sort((a, b) => {\n      const dateA = new Date(a.createdAt)\n      const dateB = new Date(b.createdAt)\n      const validA = isValid(dateA)\n      const validB = isValid(dateB)\n\n      if (!validA && !validB) {\n        return 0 // Both dates are invalid, keep original order\n      } else if (!validA) {\n        return 1 // Only dateA is invalid, it comes first\n      } else if (!validB) {\n        return -1 // Only dateB is invalid, dateA comes first\n      }\n\n      // If both dates are valid, compare them normally\n      return compareAsc(dateB, dateA)\n    })\n\n    return sortedActivities\n  }, [activitiesWithoutRelations])\n\n  // 4. for status change activities that are together, merge them into one activity\n  const mergedActivitiesData = useMemo(\n    () => mergeSimilarActivities(reversedActivitiesData, 'status.change', 'oldStatus'),\n    [reversedActivitiesData],\n  )\n\n  // 5. group minor activities together\n  const groupedActivitiesData = useMemo(\n    () => groupMinorActivities(mergedActivitiesData, users),\n    [mergedActivitiesData, users],\n  )\n\n  // 6. group version activities together\n  const groupedVersionsData = useMemo(\n    () => groupActivityVersions(groupedActivitiesData),\n    [groupedActivitiesData],\n  )\n\n  // 7. ensure there are no duplicate activities\n  const uniqueActivitiesData = useMemo(() => {\n    // Filter out invalid activities and create a Map to ensure uniqueness\n    const activityMap = new Map(\n      groupedVersionsData\n        .filter((activity) => activity && activity.activityId)\n        .map((activity) => [activity.activityId, activity]),\n    )\n\n    // Convert the Map values to an array\n    return [...activityMap.values()]\n  }, [groupedVersionsData])\n\n  return uniqueActivitiesData\n}\n\nexport { minorActivityTypes }\nexport default useTransformActivities\n"],"names":[],"mappings":"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"}

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

@@ -8,6 +8,7 @@ const clsx = require("clsx");
 const buildTreeTableColumns = require("./buildTreeTableColumns.cjs.js");
 const ProjectTreeTable_styled = require("./ProjectTreeTable.styled.cjs.js");
 const HeaderActionButton = require("./components/HeaderActionButton.cjs.js");
+const RowDragHandleCellContent = require("./components/RowDragHandleCellContent.cjs.js");
 const EmptyPlaceholder = require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");
 require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");
 const CellEditingContext = require("./context/CellEditingContext.cjs.js");
@@ -27,16 +28,22 @@ 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 getCommonPinningStyles = (column) => {
+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");
+const getCommonPinningStyles = (column, isSortable) => {
   const isPinned = column.getIsPinned();
+  const offset = column.id !== SelectionCellsContext.ROW_SELECTION_COLUMN_ID && column.id !== DRAG_HANDLE_COLUMN_ID && isSortable ? -30 : 0;
   return {
-    left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
+    left: isPinned === "left" ? `${column.getStart("left") + offset}px` : void 0,
+    // Removed offset
     right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
     position: isPinned ? "sticky" : "relative",
     width: column.getSize(),
     zIndex: isPinned ? 100 : 0
   };
 };
+const DRAG_HANDLE_COLUMN_ID = "drag-handle";
 const ProjectTreeTable = ({
   scope,
   sliceId,
@@ -46,6 +53,11 @@ const ProjectTreeTable = ({
   excludedColumns,
   extraColumns,
   isLoading: isLoadingProp,
+  clientSorting = false,
+  sortableRows = false,
+  onRowReorder,
+  dndActiveId,
+  // Destructure new prop
   pt,
   ...props
 }) => {
@@ -113,16 +125,35 @@ const ProjectTreeTable = ({
     () => isInitialized ? attribFields : loadingAttrib,
     [attribFields, loadingAttrib, isInitialized]
   );
-  const columns = React.useMemo(
-    () => buildTreeTableColumns.default({
+  const columns = React.useMemo(() => {
+    const baseColumns = buildTreeTableColumns.default({
       attribs: columnAttribs,
       showHierarchy,
       options,
       extraColumns,
       excluded: excludedColumns
-    }),
-    [columnAttribs, showHierarchy, options, extraColumns, excludedColumns]
-  );
+    });
+    if (sortableRows) {
+      return [
+        {
+          id: DRAG_HANDLE_COLUMN_ID,
+          header: () => null,
+          cell: () => null,
+          // Content rendered by TableBodyRow
+          size: 24,
+          minSize: 24,
+          maxSize: 24,
+          enableResizing: false,
+          enableSorting: false,
+          enableHiding: false,
+          enablePinning: false
+          // Programmatically pinned
+        },
+        ...baseColumns
+      ];
+    }
+    return baseColumns;
+  }, [columnAttribs, showHierarchy, options, extraColumns, excludedColumns, sortableRows]);
   const table = reactTable.useReactTable({
     data: showLoadingRows ? loadingRows : tableData,
     columns,
@@ -144,7 +175,7 @@ const ProjectTreeTable = ({
     // EXPANDABLE
     onExpandedChange: updateExpanded,
     // SORTING
-    getSortedRowModel: reactTable.getSortedRowModel(),
+    getSortedRowModel: clientSorting ? reactTable.getSortedRowModel() : void 0,
     onSortingChange: updateSorting,
     columnResizeMode: "onChange",
     onColumnPinningChange: columnPinningUpdater,
@@ -156,10 +187,22 @@ const ProjectTreeTable = ({
     state: {
       expanded,
       sorting,
-      columnPinning: {
-        left: [SelectionCellsContext.ROW_SELECTION_COLUMN_ID, ...columnPinning.left || []],
-        right: columnPinning.right
-      },
+      columnPinning: (() => {
+        const leftPins = [];
+        if (sortableRows) {
+          leftPins.push(DRAG_HANDLE_COLUMN_ID);
+        }
+        leftPins.push(SelectionCellsContext.ROW_SELECTION_COLUMN_ID);
+        const contextLeftPins = (columnPinning.left || []).filter(
+          (id) => id !== DRAG_HANDLE_COLUMN_ID && id !== SelectionCellsContext.ROW_SELECTION_COLUMN_ID
+        );
+        leftPins.push(...contextLeftPins);
+        const uniqueLeftPins = [...new Set(leftPins)];
+        return {
+          left: uniqueLeftPins,
+          right: columnPinning.right
+        };
+      })(),
       columnSizing,
       columnVisibility,
       columnOrder
@@ -202,7 +245,12 @@ const ProjectTreeTable = ({
       return acc;
     }, {});
   }, [attribFields]);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  const rowOrderIds = React.useMemo(() => tableData.map((row) => row.id), [tableData]);
+  const draggedRowData = React.useMemo(() => {
+    if (!dndActiveId || !sortableRows) return null;
+    return tableData.find((r) => r.id === dndActiveId);
+  }, [dndActiveId, tableData, sortableRows]);
+  const tableUiContent = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     ClipboardContext.ClipboardProvider,
     {
       entitiesMap,
@@ -236,6 +284,7 @@ const ProjectTreeTable = ({
                     virtualPaddingRight,
                     isLoading,
                     readOnlyColumns,
+                    sortableRows,
                     ...pt == null ? void 0 : pt.head
                   }
                 ),
@@ -249,7 +298,9 @@ const ProjectTreeTable = ({
                     virtualPaddingRight,
                     showHierarchy,
                     attribs: attribFields,
-                    onOpenNew
+                    onOpenNew,
+                    rowOrderIds,
+                    sortableRows
                   }
                 )
               ]
@@ -259,6 +310,73 @@ const ProjectTreeTable = ({
       ) })
     }
   );
+  const dragOverlayPortal = sortableRows && dndActiveId && ReactDOM.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(core.DragOverlay, { dropAnimation: null, children: draggedRowData ? (() => {
+      const overlayRowInstance = table.getRowModel().rows.find((r) => r.id === dndActiveId);
+      if (!overlayRowInstance) return null;
+      const tableWidth = table.getTotalSize();
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        "table",
+        {
+          style: {
+            width: tableWidth,
+            borderCollapse: "collapse",
+            backgroundColor: "var(--md-sys-color-surface-container-high)",
+            boxShadow: "0 0 10px rgba(0,0,0,0.2)",
+            ...columnSizeVars
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ProjectTreeTable_styled.TR, { style: { display: "flex", userSelect: "none" }, children: [
+            virtualPaddingLeft ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("td", { style: { display: "flex", width: virtualPaddingLeft } }) : null,
+            columnVirtualizer.getVirtualItems().map((vc) => {
+              const cell = overlayRowInstance.getVisibleCells()[vc.index];
+              if (!cell) return null;
+              const cellStyleBase = {
+                ...getCommonPinningStyles(cell.column, true),
+                width: `calc(var(--col-${cell.column.id}-size) * 1px)`,
+                display: "flex",
+                alignItems: "center",
+                height: 40
+              };
+              if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {
+                return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+                  ProjectTreeTable_styled.TableCell,
+                  {
+                    style: { ...cellStyleBase, justifyContent: "center" },
+                    className: clsx(cell.column.id),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "drag_handle" }),
+                      " "
+                    ]
+                  },
+                  `overlay-drag-${cell.id}`
+                );
+              }
+              return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                TableCellMemo,
+                {
+                  cell,
+                  cellId: `overlay-${cellUtils.getCellId(overlayRowInstance.id, cell.column.id)}`,
+                  rowId: overlayRowInstance.id,
+                  showHierarchy
+                },
+                `overlay-cell-${cell.id}`
+              );
+            }),
+            virtualPaddingRight ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("td", { style: { display: "flex", width: virtualPaddingRight } }) : null
+          ] }) })
+        }
+      );
+    })() : null }),
+    document.body
+  );
+  if (sortableRows) {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+      tableUiContent,
+      dragOverlayPortal
+    ] });
+  } else {
+    return tableUiContent;
+  }
 };
 const TableHead = ({
   columnVirtualizer,
@@ -267,6 +385,7 @@ const TableHead = ({
   virtualPaddingRight,
   isLoading,
   readOnlyColumns,
+  sortableRows,
   ...props
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ProjectTreeTable_styled.TableHeader, { ...props, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
@@ -277,7 +396,8 @@ const TableHead = ({
       virtualPaddingLeft,
       virtualPaddingRight,
       isLoading,
-      readOnlyColumns
+      readOnlyColumns,
+      sortableRows
     },
     headerGroup.id
   )) });
@@ -288,7 +408,8 @@ const TableHeadRow = ({
   virtualPaddingLeft,
   virtualPaddingRight,
   isLoading,
-  readOnlyColumns
+  readOnlyColumns,
+  sortableRows
 }) => {
   const virtualColumns = columnVirtualizer.getVirtualItems();
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ProjectTreeTable_styled.ColumnHeader, { style: { display: "flex" }, children: [
@@ -308,7 +429,8 @@ const TableHeadRow = ({
           canFilter: header.column.getCanFilter(),
           canHide: header.column.getCanHide(),
           canPin: header.column.getCanPin(),
-          canResize: header.column.getCanResize()
+          canResize: header.column.getCanResize(),
+          sortableRows
         },
         header.id
       );
@@ -327,7 +449,8 @@ const TableHeadCell = ({
   canSort,
   canPin,
   canResize,
-  isReadOnly
+  isReadOnly,
+  sortableRows
 }) => {
   const { column } = header;
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
@@ -338,7 +461,7 @@ const TableHeadCell = ({
         "last-pinned-left": column.getIsPinned() === "left" && column.getIsLastColumn("left")
       }),
       style: {
-        ...getCommonPinningStyles(column),
+        ...getCommonPinningStyles(column, sortableRows),
         width: `calc(var(--header-${header == null ? void 0 : header.id}-size) * 1px)`
       },
       children: header.isPlaceholder ? null : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ProjectTreeTable_styled.TableCellContent, { className: clsx("bold"), children: [
@@ -405,14 +528,16 @@ const TableBody = ({
   virtualPaddingLeft,
   virtualPaddingRight,
   attribs,
-  onOpenNew
+  onOpenNew,
+  rowOrderIds,
+  sortableRows
 }) => {
   const { handleTableBodyContextMenu } = useCellContextMenu({ attribs, onOpenNew });
   const { handlePreFetchTasks } = usePrefetchFolderTasks.usePrefetchFolderTasks();
   const { rows } = table.getRowModel();
   const rowVirtualizer = reactVirtual.useVirtualizer({
     count: rows.length,
-    estimateSize: () => showHierarchy ? 36 : 40,
+    estimateSize: () => 40,
     //estimate row height for accurate scrollbar dragging
     getScrollElement: () => tableContainerRef.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
@@ -420,8 +545,16 @@ const TableBody = ({
     overscan: 5
   });
   const virtualRows = rowVirtualizer.getVirtualItems();
+  const measureRowElement = React.useCallback(
+    (node) => {
+      if (node) {
+        rowVirtualizer.measureElement(node);
+      }
+    },
+    [rowVirtualizer]
+  );
   useKeyboardNavigation();
-  return virtualRows.length ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  const tbodyContent = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     "tbody",
     {
       style: {
@@ -435,72 +568,160 @@ const TableBody = ({
       },
       children: virtualRows.map((virtualRow) => {
         const row = rows[virtualRow.index];
+        if (!row) {
+          console.warn("Virtualized row data not found for index:", virtualRow.index);
+          return null;
+        }
         return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           TableBodyRow,
           {
-            columnVirtualizer,
             row,
-            rowVirtualizer,
-            virtualPaddingLeft,
-            virtualPaddingRight,
-            virtualRow,
-            showHierarchy
+            showHierarchy,
+            visibleCells: row.getVisibleCells(),
+            virtualColumns: columnVirtualizer.getVirtualItems(),
+            paddingLeft: virtualPaddingLeft,
+            paddingRight: virtualPaddingRight,
+            rowRef: measureRowElement,
+            dataIndex: virtualRow.index,
+            offsetTop: virtualRow.start,
+            sortableRows
           },
           row.id
         );
       })
     }
-  ) : tableContainerRef.current && ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(EmptyPlaceholder.EmptyPlaceholder, { message: "No items found" }), tableContainerRef.current);
+  );
+  if (!virtualRows.length) {
+    return tableContainerRef.current && ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(EmptyPlaceholder.EmptyPlaceholder, { message: "No items found" }), tableContainerRef.current);
+  }
+  if (sortableRows) {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(sortable.SortableContext, { items: rowOrderIds, strategy: sortable.verticalListSortingStrategy, children: tbodyContent });
+  } else {
+    return tbodyContent;
+  }
 };
 const TableBodyRow = ({
-  columnVirtualizer,
   row,
-  rowVirtualizer,
-  virtualPaddingLeft,
-  virtualPaddingRight,
-  virtualRow,
-  showHierarchy
+  showHierarchy,
+  visibleCells,
+  virtualColumns,
+  paddingLeft,
+  paddingRight,
+  rowRef,
+  dataIndex,
+  offsetTop,
+  sortableRows
 }) => {
-  const visibleCells = row.getVisibleCells();
-  const virtualColumns = columnVirtualizer.getVirtualItems();
+  const sortable$1 = sortableRows ? sortable.useSortable({ id: row.id }) : null;
+  const combinedRef = React.useCallback(
+    (node) => {
+      if (sortable$1) {
+        sortable$1.setNodeRef(node);
+      }
+      if (!(sortable$1 && sortable$1.isDragging)) {
+        rowRef(node);
+      }
+    },
+    [sortable$1, rowRef]
+  );
+  const style = {
+    position: "absolute",
+    // Use absolute positioning for virtualized items
+    top: offsetTop,
+    // Position based on virtualizer's calculation (virtualRow.start)
+    left: 0,
+    // Span full width of the relative parent (tbody)
+    right: 0,
+    // Span full width
+    height: 40,
+    // Explicit height can be beneficial for absolute positioning
+    zIndex: sortable$1 && sortable$1.isDragging ? 0 : 1,
+    // Ensure dragged item is above others
+    display: "flex",
+    // Styled.TR is display:flex
+    transform: sortable$1 && sortable$1.transform ? utilities_esm.CSS.Transform.toString(sortable$1.transform) : void 0,
+    // Apply dnd-kit's transform for drag effect
+    transition: sortable$1 && sortable$1.transition ? sortable$1.transition : void 0,
+    visibility: sortable$1 && sortable$1.isDragging ? "hidden" : "visible"
+    // Hide the row being dragged
+  };
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
     ProjectTreeTable_styled.TR,
     {
-      "data-index": virtualRow.index,
-      ref: (node) => rowVirtualizer.measureElement(node),
-      style: {
-        transform: `translateY(${virtualRow.start}px)`
-        //this should always be a `style` as it changes on scroll
-      },
+      ref: combinedRef,
+      "data-index": dataIndex,
+      style,
       children: [
-        virtualPaddingLeft ? (
+        paddingLeft ? (
           //fake empty column to the left for virtualization scroll padding
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("td", { style: { display: "flex", width: virtualPaddingLeft } })
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("td", { style: { display: "flex", width: paddingLeft } })
         ) : null,
         virtualColumns.map((vc) => {
           const cell = visibleCells[vc.index];
+          if (!cell) return null;
           const cellId = cellUtils.getCellId(row.id, cell.column.id);
+          if (cell.column.id === DRAG_HANDLE_COLUMN_ID) {
+            return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              ProjectTreeTable_styled.TableCell,
+              {
+                style: {
+                  ...getCommonPinningStyles(cell.column, sortableRows),
+                  width: `calc(var(--col-${cell.column.id}-size) * 1px)`,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  height: 40
+                },
+                className: clsx(cell.column.id, {
+                  "last-pinned-left": cell.column.getIsPinned() === "left" && cell.column.getIsLastColumn("left")
+                }),
+                onMouseDown: (e) => e.stopPropagation(),
+                onMouseOver: (e) => e.stopPropagation(),
+                onDoubleClick: (e) => e.stopPropagation(),
+                onContextMenu: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                  RowDragHandleCellContent,
+                  {
+                    attributes: sortable$1 == null ? void 0 : sortable$1.attributes,
+                    listeners: sortable$1 == null ? void 0 : sortable$1.listeners
+                  }
+                )
+              },
+              cell.id
+            );
+          }
           return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
             TableCellMemo,
             {
               cell,
               cellId,
               rowId: row.id,
-              showHierarchy
+              showHierarchy,
+              sortableRows
             },
             cell.id
           );
         }),
-        virtualPaddingRight ? (
+        paddingRight ? (
           //fake empty column to the right for virtualization scroll padding
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("td", { style: { display: "flex", width: virtualPaddingRight } })
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("td", { style: { display: "flex", width: paddingRight } })
         ) : null
       ]
-    },
-    row.id
+    }
   );
 };
-const TableCell = ({ cell, rowId, cellId, className, showHierarchy, ...props }) => {
+const TableCell = ({
+  cell,
+  rowId,
+  cellId,
+  className,
+  showHierarchy,
+  sortableRows,
+  ...props
+}) => {
   const {
     isCellSelected,
     isCellFocused,
@@ -537,9 +758,9 @@ const TableCell = ({ cell, rowId, cellId, className, showHierarchy, ...props })
         ...borderClasses
       ),
       style: {
-        ...getCommonPinningStyles(cell.column),
+        ...getCommonPinningStyles(cell.column, sortableRows),
         width: `calc(var(--col-${cell.column.id}-size) * 1px)`,
-        height: showHierarchy ? 36 : 40
+        height: 40
       },
       onMouseDown: (e) => {
         if (e.button !== 0) return;
@@ -579,5 +800,6 @@ const TableCell = ({ cell, rowId, cellId, className, showHierarchy, ...props })
   );
 };
 const TableCellMemo = React.memo(TableCell);
+exports.DRAG_HANDLE_COLUMN_ID = DRAG_HANDLE_COLUMN_ID;
 exports.ProjectTreeTable = ProjectTreeTable;
 //# sourceMappingURL=ProjectTreeTable.cjs.js.map