@ynput/ayon-frontend-shared 0.2.23 → 0.2.24

package/dist/shared/src/containers/ProjectTreeTable/hooks/useCellContextMenu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCellContextMenu.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useCellContextMenu.ts"],"sourcesContent":["import { ContextMenuItemType, useCreateContextMenu } from '../../ContextMenu/useCreateContextMenu'\nimport useDeleteEntities from './useDeleteEntities'\nimport { getPlatformShortcutKey, KeyMode } from '../../../util/platform'\nimport { getCellId, parseCellId } from '../utils/cellUtils'\nimport { useClipboard } from '../context/ClipboardContext'\nimport { ROW_SELECTION_COLUMN_ID, useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\nimport { useCellEditing } from '../context/CellEditingContext'\nimport { InheritFromParentEntity } from './useUpdateTableData'\nimport { ProjectTableAttribute, TableRow } from '../types'\nimport { UseHistoryReturn } from './useHistory'\nimport { GROUP_BY_ID } from './useBuildGroupByTableData'\nimport { ColumnDef } from '@tanstack/react-table'\nimport { getEntityViewierIds } from '../utils'\n\ntype ContextEvent = React.MouseEvent<HTMLTableSectionElement, MouseEvent>\n\nexport type HeaderLabel = { id: string; label: string }\n\nexport type TableCellContextData = {\n  cellId: string\n  columnId: string\n  entityId: string\n  entityType: 'folder' | 'task' | 'product' | 'version' | undefined\n  parentId?: string\n  attribField: ProjectTableAttribute | undefined // the attribute field if any (fps, custom attribs, etc.)\n  column: {\n    id: string\n    label: string\n  }\n  isGroup: boolean // if the cell is a group header\n}\ntype DefaultMenuItem =\n  | 'copy-paste'\n  | 'show-details'\n  | 'expand-collapse'\n  | 'inherit'\n  | 'delete'\n  | 'export'\n  | 'create-folder'\n  | 'create-task'\n  | 'open-viewer'\nexport type ContextMenuItemConstructor = (\n  e: ContextEvent,\n  cell: TableCellContextData,\n  selectedCells: TableCellContextData[],\n  meta: {\n    selectedCells: string[] // minus row selection cells\n    selectedRows: string[]\n    selectedColumns: string[]\n    selectedFullRows: string[] // if the full row is selected\n    selectedGroups: string[] // groups if any\n  },\n  context: {\n    history: UseHistoryReturn\n  },\n) => ContextMenuItemType | ContextMenuItemType[] | undefined\nexport type ContextMenuItemConstructors = (DefaultMenuItem | ContextMenuItemConstructor)[]\n\ntype CellContextMenuProps = {\n  attribs: ProjectTableAttribute[]\n  columns?: ColumnDef<TableRow>[]\n  headerLabels: HeaderLabel[]\n  onOpenNew?: (type: 'folder' | 'task') => void\n}\n\nconst useCellContextMenu = ({ attribs, headerLabels = [], onOpenNew }: CellContextMenuProps) => {\n  // context hooks\n  const {\n    projectName,\n    showHierarchy,\n    getEntityById,\n    toggleExpandAll,\n    toggleExpands,\n    expanded,\n    contextMenuItems = [],\n    powerpack,\n    onOpenPlayer,\n  } = useProjectTableContext()\n  const { copyToClipboard, exportCSV, pasteFromClipboard } = useClipboard()\n  const { selectedCells, clearSelection, selectCell, focusCell } = useSelectionCellsContext()\n  const { inheritFromParent, history } = useCellEditing()\n\n  // update entity context\n\n  // data mutations\n  const deleteEntities = useDeleteEntities({})\n\n  const [cellContextMenuShow] = useCreateContextMenu([], powerpack)\n\n  // Helper function to identify attributes that can be inherited\n  const getEntitiesToInherit = (selected: string[]): InheritFromParentEntity[] => {\n    return selected.reduce((acc, cellId) => {\n      const { rowId, colId } = parseCellId(cellId) || {}\n      if (!rowId || !colId || !colId.startsWith('attrib_')) return acc\n\n      const entity = getEntityById(rowId)\n      if (!entity) return acc\n      const entityId = entity.entityId || entity.id\n\n      const attribName = colId.replace('attrib_', '')\n      //   get attrib model\n      const attribModel = attribs.find((attrib) => attrib.name === attribName)\n      // is the attrib inheritable?\n      const isInheritable = attribModel?.data.inherit\n\n      // Check if this attribute is owned by the entity (not inherited)\n      if (entity.ownAttrib?.includes(attribName) && isInheritable) {\n        // Find existing entry or create new one\n        const existingIndex = acc.findIndex((item) => item.entityId === entityId)\n\n        if (existingIndex >= 0) {\n          // Add to existing entity's attribs if not already there\n          if (!acc[existingIndex].attribs.includes(attribName)) {\n            acc[existingIndex].attribs.push(attribName)\n          }\n        } else {\n          // Create new entity entry\n          acc.push({\n            rowId: entityId,\n            entityId: entityId,\n            entityType: 'folderId' in entity ? 'task' : 'folder',\n            attribs: [attribName],\n            ownAttrib: entity.ownAttrib || [],\n            // @ts-ignore\n            folderId: entity.parentId ?? entity.folderId,\n          })\n        }\n      }\n\n      return acc\n    }, [] as InheritFromParentEntity[])\n  }\n\n  const copyAndPasteItems: ContextMenuItemConstructor = (e, cell, selected, meta) => {\n    return [\n      {\n        label: 'Copy',\n        icon: 'content_copy',\n        shortcut: getPlatformShortcutKey('c', [KeyMode.Ctrl]),\n        command: () => copyToClipboard(meta.selectedCells),\n        hidden: cell.isGroup || cell.columnId === 'thumbnail',\n      },\n      {\n        label: `Copy row${meta.selectedFullRows.length > 1 ? 's' : ''}`,\n        icon: 'content_copy',\n        command: () => copyToClipboard(meta.selectedFullRows, true),\n        hidden:\n          cell.columnId !== 'name' ||\n          !meta.selectedFullRows.some(\n            (cellId) => parseCellId(cellId)?.rowId === parseCellId(cell.cellId)?.rowId,\n          ),\n      },\n      {\n        label: 'Paste',\n        icon: 'content_paste',\n        shortcut: getPlatformShortcutKey('v', [KeyMode.Ctrl]),\n        command: () => pasteFromClipboard(meta.selectedCells),\n        hidden: cell.columnId === 'name' || cell.columnId === 'thumbnail' || cell.isGroup,\n        disabled: cell.attribField?.readOnly,\n      },\n    ]\n  }\n\n  const showDetailsItem: ContextMenuItemConstructor = (e, cell, selected, meta) => ({\n    label: 'Show details',\n    icon: 'dock_to_left',\n    shortcut: 'Double click',\n    command: () => {\n      const rowSelectionCellId = getCellId(cell.entityId, ROW_SELECTION_COLUMN_ID)\n      // select the row to open the details\n      selectCell(rowSelectionCellId, false, false)\n    },\n    hidden: cell.columnId !== 'name' || meta.selectedRows.length > 1 || cell.isGroup,\n  })\n\n  const openViewerItem: ContextMenuItemConstructor = (e, cell, selected, meta) => ({\n    label: 'Open in viewer',\n    icon: 'play_circle',\n    shortcut: 'Spacebar',\n    command: () => {\n      if (onOpenPlayer) {\n        const entity = getEntityById(cell.entityId)\n        if (entity) {\n          const targetIds = getEntityViewierIds(entity)\n          onOpenPlayer(targetIds, { quickView: true })\n        }\n      }\n    },\n    hidden: (cell.columnId !== 'thumbnail' && cell.columnId !== 'name') || cell.isGroup,\n  })\n\n  const expandCollapseChildrenItems: ContextMenuItemConstructor = (e, cell, selected, meta) => [\n    {\n      label: 'Expand children',\n      icon: 'expand_all',\n      shortcut: 'Alt + click',\n      command: () => toggleExpandAll(meta.selectedRows, true),\n      hidden: cell.columnId !== 'name' || cell.entityType !== 'folder',\n    },\n    {\n      label: 'Collapse children',\n      icon: 'collapse_all',\n      shortcut: 'Alt + click',\n      command: () => toggleExpandAll(meta.selectedRows, false),\n      hidden: cell.columnId !== 'name' || cell.entityType !== 'folder',\n    },\n    {\n      label: 'Expand',\n      icon: 'expand_all',\n      command: () => toggleExpands(meta.selectedRows, true),\n      hidden:\n        cell.columnId !== 'name' ||\n        !cell.isGroup ||\n        expanded[cell.entityId as keyof typeof expanded],\n    },\n    {\n      label: 'Collapse',\n      icon: 'collapse_all',\n      command: () => toggleExpands(meta.selectedRows, false),\n      hidden:\n        cell.columnId !== 'name' ||\n        !cell.isGroup ||\n        !expanded[cell.entityId as keyof typeof expanded],\n    },\n  ]\n\n  const deleteItem: ContextMenuItemConstructor = (e, cell, selected, meta) => ({\n    label: 'Delete',\n    icon: 'delete',\n    danger: true,\n    command: () => deleteEntities(meta.selectedRows),\n    hidden: cell.columnId !== 'name' || cell.isGroup,\n  })\n\n  const inheritItem: ContextMenuItemConstructor = (e, cell, selected, meta) => {\n    const entitiesToInherit = getEntitiesToInherit(meta.selectedCells)\n    const canInheritFromParent =\n      entitiesToInherit.length > 0 &&\n      showHierarchy &&\n      !(meta.selectedRows.length > 1 && meta.selectedColumns.length > 1)\n\n    return {\n      label: 'Inherit from parent',\n      icon: 'disabled_by_default',\n      command: () => inheritFromParent(entitiesToInherit),\n      hidden: !canInheritFromParent,\n    }\n  }\n\n  const exportItem: ContextMenuItemConstructor = (e, cell) => ({\n    label: 'Export selection',\n    icon: 'download',\n    command: () => exportCSV(Array.from(selectedCells), projectName),\n    hidden: cell.isGroup,\n  })\n\n  const createFolderItems: ContextMenuItemConstructor = (e, cell) => [\n    {\n      label: 'Create folder',\n      icon: 'create_new_folder',\n      command: () => onOpenNew?.('folder'),\n      hidden: cell.columnId !== 'name' || !showHierarchy || !onOpenNew,\n    },\n    {\n      label: 'Create root folder',\n      icon: 'create_new_folder',\n      command: () => {\n        clearSelection()\n        onOpenNew?.('folder')\n      },\n      hidden: cell.columnId !== 'name' || !showHierarchy || !onOpenNew,\n    },\n  ]\n\n  const createTaskItem: ContextMenuItemConstructor = (e, cell) => ({\n    label: 'Create task',\n    icon: 'add_task',\n    command: () => onOpenNew?.('task'),\n    hidden: cell.columnId !== 'name' || !showHierarchy || !onOpenNew,\n  })\n\n  const builtInMenuItems: Record<DefaultMenuItem, ContextMenuItemConstructor> = {\n    ['copy-paste']: copyAndPasteItems,\n    ['show-details']: showDetailsItem,\n    ['expand-collapse']: expandCollapseChildrenItems,\n    ['delete']: deleteItem,\n    ['inherit']: inheritItem,\n    ['export']: exportItem,\n    ['create-folder']: createFolderItems,\n    ['create-task']: createTaskItem,\n    ['open-viewer']: openViewerItem,\n  }\n\n  const getCellData = (cellId: string): TableCellContextData | undefined => {\n    const { rowId, colId } = parseCellId(cellId) || {}\n    if (!rowId || !colId) return undefined\n    const cellEntityData = getEntityById(rowId)\n    const attribField = attribs.find((attrib) => attrib.name === colId?.replace('attrib_', ''))\n    const column = headerLabels.find((header) => header.id === colId)\n    const parentId = cellEntityData\n      ? 'parentId' in cellEntityData\n        ? cellEntityData.parentId\n        : 'folderId' in cellEntityData\n        ? cellEntityData.folderId\n        : undefined\n      : undefined\n    return {\n      cellId: cellId,\n      columnId: colId,\n      entityId: cellEntityData?.entityId || cellEntityData?.id || rowId,\n      entityType: cellEntityData?.entityType,\n      parentId: parentId,\n      attribField: attribField,\n      isGroup: rowId.startsWith(GROUP_BY_ID),\n      column: {\n        id: colId,\n        label: column?.label || '',\n      },\n    }\n  }\n\n  const handleTableBodyContextMenu = (e: ContextEvent) => {\n    const target = e.target as HTMLElement\n    const tdEl = target.closest('td')\n    // get id of first child of td\n    const cellId = tdEl?.firstElementChild?.id\n\n    if (!cellId) return\n\n    const cellData = getCellData(cellId)\n\n    if (!cellData) return\n\n    let currentSelectedCells = Array.from(selectedCells)\n    // if selecting a cell outside of the current selection\n    if (!currentSelectedCells.includes(cellId) || !currentSelectedCells.length) {\n      currentSelectedCells = [cellId]\n      // update selection\n      selectCell(cellId, false, false)\n      focusCell(cellId)\n    }\n    // selected cells without row selection cells\n    const selectedRealCells = currentSelectedCells.filter(\n      (id) => parseCellId(id)?.colId !== ROW_SELECTION_COLUMN_ID,\n    )\n\n    const selectedCellsData = currentSelectedCells.flatMap((cellId) => getCellData(cellId) || [])\n    const selectedCellRows: string[] = []\n    const selectedCellColumns: string[] = []\n    const selectedCellFullRows: string[] = []\n    const selectedCellsGroups: string[] = [] // find cells that are group headers\n    for (const { entityId, columnId } of selectedCellsData) {\n      if (entityId && !selectedCellRows.includes(entityId)) selectedCellRows.push(entityId)\n      if (columnId && !selectedCellColumns.includes(columnId)) selectedCellColumns.push(columnId)\n      if (columnId === ROW_SELECTION_COLUMN_ID && !selectedCellFullRows.includes(entityId))\n        selectedCellFullRows.push(entityId)\n      if (entityId.startsWith(GROUP_BY_ID)) selectedCellsGroups.push(entityId)\n    }\n\n    const constructedMenuItems = contextMenuItems.flatMap((constructor) =>\n      typeof constructor === 'function'\n        ? constructor(\n            e,\n            cellData,\n            selectedCellsData,\n            {\n              selectedCells: selectedRealCells, // selected cells without row selection\n              selectedRows: selectedCellRows,\n              selectedColumns: selectedCellColumns,\n              selectedFullRows: selectedCellFullRows,\n              selectedGroups: selectedCellsGroups, // groups if any\n            },\n            {\n              history,\n            },\n          )\n        : builtInMenuItems[constructor]?.(\n            e,\n            cellData,\n            selectedCellsData,\n            {\n              selectedCells: selectedRealCells, // selected cells without row selection\n              selectedRows: selectedCellRows,\n              selectedColumns: selectedCellColumns,\n              selectedFullRows: selectedCellFullRows,\n              selectedGroups: selectedCellsGroups, // groups if any\n            },\n            { history },\n          ),\n    )\n\n    cellContextMenuShow(e, constructedMenuItems)\n  }\n\n  return { handleTableBodyContextMenu }\n}\n\nexport default useCellContextMenu\n"],"names":["_a","cellId"],"mappings":"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"}
+{"version":3,"file":"useCellContextMenu.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useCellContextMenu.ts"],"sourcesContent":["import { ContextMenuItemType, useCreateContextMenu } from '../../ContextMenu/useCreateContextMenu'\nimport useDeleteEntities from './useDeleteEntities'\nimport { getPlatformShortcutKey, KeyMode } from '../../../util/platform'\nimport { getCellId, parseCellId } from '../utils/cellUtils'\nimport { useClipboard } from '../context/ClipboardContext'\nimport { ROW_SELECTION_COLUMN_ID, useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\nimport { useCellEditing } from '../context/CellEditingContext'\nimport { InheritFromParentEntity } from './useUpdateTableData'\nimport { ProjectTableAttribute, TableRow } from '../types'\nimport { UseHistoryReturn } from './useHistory'\nimport { GROUP_BY_ID } from './useBuildGroupByTableData'\nimport { ColumnDef } from '@tanstack/react-table'\nimport { getEntityViewierIds } from '../utils'\n\ntype ContextEvent = React.MouseEvent<HTMLTableSectionElement, MouseEvent>\n\nexport type HeaderLabel = { id: string; label: string }\n\nexport type TableCellContextData = {\n  cellId: string\n  columnId: string\n  entityId: string\n  entityType: 'folder' | 'task' | 'product' | 'version' | undefined\n  parentId?: string\n  attribField: ProjectTableAttribute | undefined // the attribute field if any (fps, custom attribs, etc.)\n  column: {\n    id: string\n    label: string\n  }\n  isGroup: boolean // if the cell is a group header\n}\ntype DefaultMenuItem =\n  | 'copy-paste'\n  | 'show-details'\n  | 'expand-collapse'\n  | 'inherit'\n  | 'delete'\n  | 'export'\n  | 'create-folder'\n  | 'create-task'\n  | 'open-viewer'\nexport type ContextMenuItemConstructor = (\n  e: ContextEvent,\n  cell: TableCellContextData,\n  selectedCells: TableCellContextData[],\n  meta: {\n    selectedCells: string[] // minus row selection cells\n    selectedRows: string[]\n    selectedColumns: string[]\n    selectedFullRows: string[] // if the full row is selected\n    selectedGroups: string[] // groups if any\n  },\n  context: {\n    history: UseHistoryReturn\n  },\n) => ContextMenuItemType | ContextMenuItemType[] | undefined\nexport type ContextMenuItemConstructors = (DefaultMenuItem | ContextMenuItemConstructor)[]\n\ntype CellContextMenuProps = {\n  attribs: ProjectTableAttribute[]\n  columns?: ColumnDef<TableRow>[]\n  headerLabels: HeaderLabel[]\n  onOpenNew?: (type: 'folder' | 'task') => void\n}\n\nconst useCellContextMenu = ({ attribs, headerLabels = [], onOpenNew }: CellContextMenuProps) => {\n  // context hooks\n  const {\n    projectName,\n    showHierarchy,\n    getEntityById,\n    toggleExpandAll,\n    toggleExpands,\n    expanded,\n    contextMenuItems = [],\n    powerpack,\n    onOpenPlayer,\n  } = useProjectTableContext()\n  const { copyToClipboard, exportCSV, pasteFromClipboard } = useClipboard()\n  const { selectedCells, clearSelection, selectCell, focusCell } = useSelectionCellsContext()\n  const { inheritFromParent, history } = useCellEditing()\n\n  // update entity context\n\n  // data mutations\n  const deleteEntities = useDeleteEntities({})\n\n  const [cellContextMenuShow] = useCreateContextMenu([], powerpack)\n\n  // Helper function to identify attributes that can be inherited\n  const getEntitiesToInherit = (selected: string[]): InheritFromParentEntity[] => {\n    return selected.reduce((acc, cellId) => {\n      const { rowId, colId } = parseCellId(cellId) || {}\n      if (!rowId || !colId || !colId.startsWith('attrib_')) return acc\n\n      const entity = getEntityById(rowId)\n      if (!entity) return acc\n      const entityId = entity.entityId || entity.id\n\n      const attribName = colId.replace('attrib_', '')\n      //   get attrib model\n      const attribModel = attribs.find((attrib) => attrib.name === attribName)\n      // is the attrib inheritable?\n      const isInheritable = attribModel?.data.inherit\n\n      // Check if this attribute is owned by the entity (not inherited)\n      if (entity.ownAttrib?.includes(attribName) && isInheritable) {\n        // Find existing entry or create new one\n        const existingIndex = acc.findIndex((item) => item.entityId === entityId)\n\n        if (existingIndex >= 0) {\n          // Add to existing entity's attribs if not already there\n          if (!acc[existingIndex].attribs.includes(attribName)) {\n            acc[existingIndex].attribs.push(attribName)\n          }\n        } else {\n          // Create new entity entry\n          acc.push({\n            rowId: entityId,\n            entityId: entityId,\n            entityType: 'folderId' in entity ? 'task' : 'folder',\n            attribs: [attribName],\n            ownAttrib: entity.ownAttrib || [],\n            // @ts-ignore\n            folderId: entity.parentId ?? entity.folderId,\n          })\n        }\n      }\n\n      return acc\n    }, [] as InheritFromParentEntity[])\n  }\n\n  const copyAndPasteItems: ContextMenuItemConstructor = (e, cell, selected, meta) => {\n    return [\n      {\n        label: 'Copy',\n        icon: 'content_copy',\n        shortcut: getPlatformShortcutKey('c', [KeyMode.Ctrl]),\n        command: () => copyToClipboard(meta.selectedCells),\n        hidden: cell.isGroup || cell.columnId === 'thumbnail',\n      },\n      {\n        label: `Copy row${meta.selectedFullRows.length > 1 ? 's' : ''}`,\n        icon: 'content_copy',\n        command: () => copyToClipboard(meta.selectedFullRows, true),\n        hidden:\n          cell.columnId !== 'name' ||\n          !meta.selectedFullRows.some(\n            (cellId) => parseCellId(cellId)?.rowId === parseCellId(cell.cellId)?.rowId,\n          ),\n      },\n      {\n        label: 'Paste',\n        icon: 'content_paste',\n        shortcut: getPlatformShortcutKey('v', [KeyMode.Ctrl]),\n        command: () => pasteFromClipboard(meta.selectedCells),\n        hidden: cell.columnId === 'name' || cell.columnId === 'thumbnail' || cell.isGroup,\n        disabled: cell.attribField?.readOnly,\n      },\n    ]\n  }\n\n  const showDetailsItem: ContextMenuItemConstructor = (e, cell, selected, meta) => ({\n    label: 'Show details',\n    icon: 'dock_to_left',\n    shortcut: 'Double click',\n    command: () => {\n      const rowSelectionCellId = getCellId(cell.entityId, ROW_SELECTION_COLUMN_ID)\n      // select the row to open the details\n      selectCell(rowSelectionCellId, false, false)\n    },\n    hidden: cell.columnId !== 'name' || meta.selectedRows.length > 1 || cell.isGroup,\n  })\n\n  const openViewerItem: ContextMenuItemConstructor = (e, cell, selected, meta) => ({\n    label: 'Open in viewer',\n    icon: 'play_circle',\n    shortcut: 'Spacebar',\n    command: () => {\n      if (onOpenPlayer) {\n        const entity = getEntityById(cell.entityId)\n        if (entity) {\n          const targetIds = getEntityViewierIds(entity)\n          onOpenPlayer(targetIds, { quickView: true })\n        }\n      }\n    },\n    hidden: (cell.columnId !== 'thumbnail' && cell.columnId !== 'name') || cell.isGroup,\n  })\n\n  const expandCollapseChildrenItems: ContextMenuItemConstructor = (e, cell, selected, meta) => [\n    {\n      label: 'Expand children',\n      icon: 'expand_all',\n      shortcut: 'Alt + click',\n      command: () => toggleExpandAll(meta.selectedRows, true),\n      hidden: cell.columnId !== 'name' || cell.entityType !== 'folder',\n    },\n    {\n      label: 'Collapse children',\n      icon: 'collapse_all',\n      shortcut: 'Alt + click',\n      command: () => toggleExpandAll(meta.selectedRows, false),\n      hidden: cell.columnId !== 'name' || cell.entityType !== 'folder',\n    },\n    {\n      label: 'Expand',\n      icon: 'expand_all',\n      command: () => toggleExpands(meta.selectedRows, true),\n      hidden:\n        cell.columnId !== 'name' ||\n        !cell.isGroup ||\n        expanded[cell.entityId as keyof typeof expanded],\n    },\n    {\n      label: 'Collapse',\n      icon: 'collapse_all',\n      command: () => toggleExpands(meta.selectedRows, false),\n      hidden:\n        cell.columnId !== 'name' ||\n        !cell.isGroup ||\n        !expanded[cell.entityId as keyof typeof expanded],\n    },\n  ]\n\n  const deleteItem: ContextMenuItemConstructor = (e, cell, selected, meta) => ({\n    label: 'Delete',\n    icon: 'delete',\n    danger: true,\n    command: () => deleteEntities(meta.selectedRows),\n    hidden: cell.columnId !== 'name' || cell.isGroup,\n  })\n\n  const inheritItem: ContextMenuItemConstructor = (e, cell, selected, meta) => {\n    const entitiesToInherit = getEntitiesToInherit(meta.selectedCells)\n    const canInheritFromParent =\n      entitiesToInherit.length > 0 &&\n      showHierarchy &&\n      !(meta.selectedRows.length > 1 && meta.selectedColumns.length > 1)\n\n    return {\n      label: 'Inherit from parent',\n      icon: 'disabled_by_default',\n      command: () => inheritFromParent(entitiesToInherit),\n      hidden: !canInheritFromParent,\n    }\n  }\n\n  const exportItem: ContextMenuItemConstructor = (e, cell) => ({\n    label: 'Export selection',\n    icon: 'download',\n    command: () => exportCSV(Array.from(selectedCells), projectName),\n    hidden: cell.isGroup,\n  })\n\n  const createFolderItems: ContextMenuItemConstructor = (e, cell) => [\n    {\n      label: 'Create folder',\n      icon: 'create_new_folder',\n      command: () => onOpenNew?.('folder'),\n      hidden: cell.columnId !== 'name' || !showHierarchy || !onOpenNew,\n    },\n    {\n      label: 'Create root folder',\n      icon: 'create_new_folder',\n      command: () => {\n        clearSelection()\n        onOpenNew?.('folder')\n      },\n      hidden: cell.columnId !== 'name' || !showHierarchy || !onOpenNew,\n    },\n  ]\n\n  const createTaskItem: ContextMenuItemConstructor = (e, cell) => ({\n    label: 'Create task',\n    icon: 'add_task',\n    command: () => onOpenNew?.('task'),\n    hidden: cell.columnId !== 'name' || !showHierarchy || !onOpenNew,\n  })\n\n  const builtInMenuItems: Record<DefaultMenuItem, ContextMenuItemConstructor> = {\n    ['copy-paste']: copyAndPasteItems,\n    ['show-details']: showDetailsItem,\n    ['expand-collapse']: expandCollapseChildrenItems,\n    ['delete']: deleteItem,\n    ['inherit']: inheritItem,\n    ['export']: exportItem,\n    ['create-folder']: createFolderItems,\n    ['create-task']: createTaskItem,\n    ['open-viewer']: openViewerItem,\n  }\n\n  const getCellData = (cellId: string): TableCellContextData | undefined => {\n    const { rowId, colId } = parseCellId(cellId) || {}\n    if (!rowId || !colId) return undefined\n    const cellEntityData = getEntityById(rowId)\n    const attribField = attribs.find((attrib) => attrib.name === colId?.replace('attrib_', ''))\n    const column = headerLabels.find((header) => header.id === colId)\n    const parentId = cellEntityData\n      ? 'parentId' in cellEntityData\n        ? cellEntityData.parentId\n        : 'folderId' in cellEntityData\n        ? cellEntityData.folderId\n        : undefined\n      : undefined\n    return {\n      cellId: cellId,\n      columnId: colId,\n      entityId: cellEntityData?.entityId || cellEntityData?.id || rowId,\n      entityType: cellEntityData?.entityType,\n      parentId: parentId,\n      attribField: attribField,\n      isGroup: rowId.startsWith(GROUP_BY_ID),\n      column: {\n        id: colId,\n        label: column?.label || '',\n      },\n    }\n  }\n\n  const handleTableBodyContextMenu = (e: ContextEvent) => {\n    const target = e.target as HTMLElement\n    const tdEl = target.closest('td')\n    // get id of first child of td\n    const cellId = tdEl?.firstElementChild?.id\n\n    if (!cellId) return\n\n    const cellData = getCellData(cellId)\n\n    if (!cellData) return\n\n    let currentSelectedCells = Array.from(selectedCells)\n    // if selecting a cell outside of the current selection\n    if (!currentSelectedCells.includes(cellId) || !currentSelectedCells.length) {\n      currentSelectedCells = [cellId]\n      // update selection\n      selectCell(cellId, false, false)\n      focusCell(cellId)\n    }\n    // selected cells without row selection cells\n    const selectedRealCells = currentSelectedCells.filter(\n      (id) => parseCellId(id)?.colId !== ROW_SELECTION_COLUMN_ID,\n    )\n\n    const selectedCellsData = currentSelectedCells.flatMap((cellId) => getCellData(cellId) || [])\n    const selectedCellRows: string[] = []\n    const selectedCellColumns: string[] = []\n    const selectedCellFullRows: string[] = []\n    const selectedCellsGroups: string[] = [] // find cells that are group headers\n    for (const { entityId, columnId } of selectedCellsData) {\n      if (entityId && !selectedCellRows.includes(entityId)) selectedCellRows.push(entityId)\n      if (columnId && !selectedCellColumns.includes(columnId)) selectedCellColumns.push(columnId)\n      if (columnId === ROW_SELECTION_COLUMN_ID && !selectedCellFullRows.includes(entityId))\n        selectedCellFullRows.push(entityId)\n      if (entityId.startsWith(GROUP_BY_ID)) selectedCellsGroups.push(entityId)\n    }\n\n    const constructedMenuItems = contextMenuItems.flatMap((constructor) =>\n      typeof constructor === 'function'\n        ? constructor(\n            e,\n            cellData,\n            selectedCellsData,\n            {\n              selectedCells: selectedRealCells, // selected cells without row selection\n              selectedRows: selectedCellRows,\n              selectedColumns: selectedCellColumns,\n              selectedFullRows: selectedCellFullRows,\n              selectedGroups: selectedCellsGroups, // groups if any\n            },\n            {\n              history,\n            },\n          )\n        : builtInMenuItems[constructor]?.(\n            e,\n            cellData,\n            selectedCellsData,\n            {\n              selectedCells: selectedRealCells, // selected cells without row selection\n              selectedRows: selectedCellRows,\n              selectedColumns: selectedCellColumns,\n              selectedFullRows: selectedCellFullRows,\n              selectedGroups: selectedCellsGroups, // groups if any\n            },\n            { history },\n          ),\n    )\n\n    cellContextMenuShow(e, constructedMenuItems)\n  }\n\n  return { handleTableBodyContextMenu }\n}\n\nexport default useCellContextMenu\n"],"names":["_a","cellId"],"mappings":"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"}

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

@@ -4,23 +4,27 @@ const React = require("react");
 require("@ynput/ayon-react-components");
 require("lodash");
 require("react-toastify");
+require("uuid");
 require("../../../util/pubsub.cjs.js");
 const cellUtils = require("../utils/cellUtils.cjs.js");
-require("../context/CellEditingContext.cjs.js");
-require("../context/ClipboardContext.cjs.js");
 require("../../../../../_virtual/jsx-runtime.cjs.js");
 require("@tanstack/react-table");
-require("../context/SelectionCellsContext.cjs.js");
-require("../ProjectTreeTable.cjs.js");
-require("../context/ColumnSettingsContext.cjs.js");
-const ProjectTableContext = require("../context/ProjectTableContext.cjs.js");
-require("../context/ProjectTableQueriesContext.cjs.js");
-require("../context/SelectedRowsContext.cjs.js");
-;/* empty css                                      */
+require("../widgets/CollapsedWidget.cjs.js");
+require("../widgets/DateWidget.cjs.js");
+require("../widgets/EnumWidget.cjs.js");
+require("../widgets/TextWidget.cjs.js");
+require("../widgets/BooleanWidget.cjs.js");
+require("../widgets/CellWidget.cjs.js");
+require("../widgets/EntityNameWidget.cjs.js");
+require("../widgets/GroupHeaderWidget.cjs.js");
+require("../widgets/ThumbnailWidget.cjs.js");
 require("clsx");
-require("../../ContextMenu/ContextMenuContext.cjs.js");
+require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");
+require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");
+require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");
 require("../../../api/base/client.cjs.js");
 require("../../../api/generated/graphql.cjs.js");
+require("../../../api/generated/graphqlLinks.cjs.js");
 require("../../../api/generated/access.cjs.js");
 require("../../../api/generated/actions.cjs.js");
 require("../../../api/generated/activityFeed.cjs.js");
@@ -76,6 +80,9 @@ require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../../api/queries/folders/getFolders.cjs.js");
 require("../../../api/queries/grouping/getGrouping.cjs.js");
+require("../../../api/queries/links/updateLinks.cjs.js");
+require("../../../api/queries/links/getLinks.cjs.js");
+require("../../../api/queries/links/getEntityLinks.cjs.js");
 require("../../../api/queries/overview/getOverview.cjs.js");
 require("../../../api/queries/overview/updateOverview.cjs.js");
 require("../../../api/queries/permissions/getPermissions.cjs.js");
@@ -93,9 +100,14 @@ require("../../../api/queries/versions/updateVersions.cjs.js");
 require("../../../api/queries/views/getViews.cjs.js");
 require("../../../api/queries/views/updateViews.cjs.js");
 require("../../../api/queries/watchers/getWatchers.cjs.js");
+require("@dnd-kit/core");
+require("@dnd-kit/sortable");
+require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");
+require("../../ContextMenu/ContextMenuContext.cjs.js");
+;/* empty css                                      */
+require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");
+require("axios");
 require("../../../context/RemoteModulesContext.cjs.js");
-require("../../../../../_virtual/runtime.cjs.js");
-require("../../../../../_virtual/semver.cjs.js");
 require("../../../context/DetailsPanelContext.cjs.js");
 require("../../../context/ThumbnailUploaderContext.cjs.js");
 require("../../../context/SettingsPanelContext.cjs.js");
@@ -105,10 +117,97 @@ require("../../../context/pip/PiPWrapper.cjs.js");
 require("../../../context/AddonProjectContext.cjs.js");
 require("../../../context/AddonContext.cjs.js");
 require("../../../context/PowerpackContext.cjs.js");
+require("../../../components/ReviewableCard/ReviewableCard.cjs.js");
+require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
+require("../../../components/FileThumbnail/FileThumbnail.cjs.js");
+require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");
+require("../../../components/Thumbnail/StackedThumbnails.cjs.js");
+require("../../Feed/context/FeedContext.cjs.js");
+require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");
+require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");
+require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");
+require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");
+require("react-markdown");
+require("remark-emoji");
+require("remark-gfm");
+require("remark-directive");
+require("remark-directive-rehype");
+require("../../Feed/components/CommentInput/CommentInput.cjs.js");
+require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");
+require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");
+require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");
+require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");
+require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");
+require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");
+require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");
+require("react-router-dom");
+require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");
+require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");
+require("../../Feed/components/ActivityDate.cjs.js");
+require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");
+require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");
+require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");
+require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
+require("../../Feed/Feed.styled.cjs.js");
+require("date-fns");
+require("../ProjectTreeTable.cjs.js");
+require("../context/CellEditingContext.cjs.js");
+require("../context/SelectionCellsContext.cjs.js");
+require("../context/ProjectTableQueriesContext.cjs.js");
+const ProjectTableContext = require("../context/ProjectTableContext.cjs.js");
+require("../context/ClipboardContext.cjs.js");
+require("../context/ColumnSettingsContext.cjs.js");
+require("../context/SelectedRowsContext.cjs.js");
+require("../context/DetailsPanelEntityContext.cjs.js");
+require("../../../../../_virtual/runtime.cjs.js");
+require("../../../../../_virtual/semver.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
 require("../components/GroupSettingsFallback.cjs.js");
 require("../context/ProjectDataContext.cjs.js");
+require("../../DetailsPanel/DetailsPanel.styled.cjs.js");
+require("../../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
+require("../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
+require("../../../components/PlayableIcon/PlayableIcon.cjs.js");
+require("../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");
+require("../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");
+require("../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");
+require("../../Actions/Actions.styled.cjs.js");
+require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");
+require("../../Actions/ActionIcon.cjs.js");
+require("../../Views/context/ViewsContext.cjs.js");
+require("../../Views/Views.styled.cjs.js");
+require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+require("../../Views/ViewsMenu/ViewsMenu.cjs.js");
+require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");
+require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");
+require("../../../components/EntityPath/EntityPath.styled.cjs.js");
+require("../../../components/EntityPath/SegmentProvider.cjs.js");
+require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");
+require("../../../components/Watchers/Watchers.cjs.js");
+require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");
+require("../../../components/Powerpack/PowerpackButton.cjs.js");
+require("../../../components/Powerpack/PricingLink.cjs.js");
+require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");
+require("../../../components/Powerpack/CTAButton.cjs.js");
+require("../../../components/SettingsPanel/SettingsPanel.cjs.js");
+require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");
+require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");
+require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");
+require("../../../components/SearchFilter/filterDates.cjs.js");
+require("../../../components/Badge/Badge.cjs.js");
+require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");
+require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");
+require("../../../components/Feedback/FeedbackContext.cjs.js");
+require("../../../components/Feedback/SupportBubble.cjs.js");
+require("../../../components/Chips/Chips.cjs.js");
+require("../../../components/LinksManager/LinksManager.styled.cjs.js");
+require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");
+require("../../../components/LinksManager/LinksManagerDialog.cjs.js");
+require("../ProjectTreeTable.styled.cjs.js");
+require("../components/SelectionCell.cjs.js");
+require("../components/RowSelectionHeader.cjs.js");
+require("../widgets/LoadMoreWidget.cjs.js");
 const useCheckSelectedCellsVisible = ({
   selectedCells,
   setSelectedCells,

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

@@ -1 +1 @@
-{"version":3,"file":"useCheckSelectedCellsVisible.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useCheckSelectedCellsVisible.ts"],"sourcesContent":["// This hooks checks the current selection of cells is actually visible in the current viewport of the table\n// If they are not visible, they will be removed from the selection\n// This can happen when the user changes the slicer selection or filters (combined filters changes)\n\nimport { useEffect } from 'react'\nimport { CellId, parseCellId } from '../utils'\nimport { useProjectTableContext } from '../context'\n\ntype CheckSelectedCellsVisibleProps = {\n  selectedCells: Set<CellId>\n  setSelectedCells: (cells: Set<CellId>) => void\n  focusedCellId: CellId | null\n  setFocusedCellId: (cellId: CellId | null) => void\n}\n\nexport const useCheckSelectedCellsVisible = ({\n  selectedCells,\n  setSelectedCells,\n  focusedCellId,\n  setFocusedCellId,\n}: CheckSelectedCellsVisibleProps): void => {\n  const { getEntityById } = useProjectTableContext()\n\n  // checks that all of the selected cells are in the tableData\n  // if they are not, they will be removed from the selection\n  useEffect(() => {\n    const missingCells = new Set<CellId>()\n    for (const cellId of selectedCells) {\n      // check if the cell rowId is in\n      if (!getEntityById(parseCellId(cellId || '')?.rowId || '')) {\n        missingCells.add(cellId)\n      }\n    }\n\n    if (missingCells.size > 0) {\n      // remove the missing cells from the selection\n      const newSelection = new Set<CellId>(selectedCells)\n      for (const cellId of missingCells) {\n        newSelection.delete(cellId)\n      }\n\n      setSelectedCells(newSelection)\n\n      // if the focused cell is one of the missing cells, clear it\n      if (missingCells.has(focusedCellId || '')) {\n        setFocusedCellId(null)\n      }\n    }\n  }, [getEntityById, selectedCells, focusedCellId, setSelectedCells, setFocusedCellId])\n}\n"],"names":["useProjectTableContext","useEffect","parseCellId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AACpC,QAAA,EAAE,cAAc,IAAIA,2CAAuB;AAIjDC,QAAAA,UAAU,MAAM;;AACR,UAAA,mCAAmB,IAAY;AACrC,eAAW,UAAU,eAAe;AAE9B,UAAA,CAAC,gBAAcC,2BAAY,UAAU,EAAE,MAAxBA,mBAA2B,UAAS,EAAE,GAAG;AAC1D,qBAAa,IAAI,MAAM;AAAA,MAAA;AAAA,IACzB;AAGE,QAAA,aAAa,OAAO,GAAG;AAEnB,YAAA,eAAe,IAAI,IAAY,aAAa;AAClD,iBAAW,UAAU,cAAc;AACjC,qBAAa,OAAO,MAAM;AAAA,MAAA;AAG5B,uBAAiB,YAAY;AAG7B,UAAI,aAAa,IAAI,iBAAiB,EAAE,GAAG;AACzC,yBAAiB,IAAI;AAAA,MAAA;AAAA,IACvB;AAAA,EACF,GACC,CAAC,eAAe,eAAe,eAAe,kBAAkB,gBAAgB,CAAC;AACtF;;"}
+{"version":3,"file":"useCheckSelectedCellsVisible.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useCheckSelectedCellsVisible.ts"],"sourcesContent":["// This hooks checks the current selection of cells is actually visible in the current viewport of the table\n// If they are not visible, they will be removed from the selection\n// This can happen when the user changes the slicer selection or filters (combined filters changes)\n\nimport { useEffect } from 'react'\nimport { CellId, parseCellId } from '../utils'\nimport { useProjectTableContext } from '../context'\n\ntype CheckSelectedCellsVisibleProps = {\n  selectedCells: Set<CellId>\n  setSelectedCells: (cells: Set<CellId>) => void\n  focusedCellId: CellId | null\n  setFocusedCellId: (cellId: CellId | null) => void\n}\n\nexport const useCheckSelectedCellsVisible = ({\n  selectedCells,\n  setSelectedCells,\n  focusedCellId,\n  setFocusedCellId,\n}: CheckSelectedCellsVisibleProps): void => {\n  const { getEntityById } = useProjectTableContext()\n\n  // checks that all of the selected cells are in the tableData\n  // if they are not, they will be removed from the selection\n  useEffect(() => {\n    const missingCells = new Set<CellId>()\n    for (const cellId of selectedCells) {\n      // check if the cell rowId is in\n      if (!getEntityById(parseCellId(cellId || '')?.rowId || '')) {\n        missingCells.add(cellId)\n      }\n    }\n\n    if (missingCells.size > 0) {\n      // remove the missing cells from the selection\n      const newSelection = new Set<CellId>(selectedCells)\n      for (const cellId of missingCells) {\n        newSelection.delete(cellId)\n      }\n\n      setSelectedCells(newSelection)\n\n      // if the focused cell is one of the missing cells, clear it\n      if (missingCells.has(focusedCellId || '')) {\n        setFocusedCellId(null)\n      }\n    }\n  }, [getEntityById, selectedCells, focusedCellId, setSelectedCells, setFocusedCellId])\n}\n"],"names":["useProjectTableContext","useEffect","parseCellId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AACpC,QAAA,EAAE,cAAc,IAAIA,2CAAuB;AAIjDC,QAAAA,UAAU,MAAM;;AACR,UAAA,mCAAmB,IAAY;AACrC,eAAW,UAAU,eAAe;AAE9B,UAAA,CAAC,gBAAcC,2BAAY,UAAU,EAAE,MAAxBA,mBAA2B,UAAS,EAAE,GAAG;AAC1D,qBAAa,IAAI,MAAM;AAAA,MAAA;AAAA,IACzB;AAGE,QAAA,aAAa,OAAO,GAAG;AAEnB,YAAA,eAAe,IAAI,IAAY,aAAa;AAClD,iBAAW,UAAU,cAAc;AACjC,qBAAa,OAAO,MAAM;AAAA,MAAA;AAG5B,uBAAiB,YAAY;AAG7B,UAAI,aAAa,IAAI,iBAAiB,EAAE,GAAG;AACzC,yBAAiB,IAAI;AAAA,MAAA;AAAA,IACvB;AAAA,EACF,GACC,CAAC,eAAe,eAAe,eAAe,kBAAkB,gBAAgB,CAAC;AACtF;;"}

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

@@ -2,23 +2,27 @@ import { useEffect } from "react";
 import "@ynput/ayon-react-components";
 import "lodash";
 import "react-toastify";
+import "uuid";
 import "../../../util/pubsub.es.js";
 import { parseCellId } from "../utils/cellUtils.es.js";
-import "../context/CellEditingContext.es.js";
-import "../context/ClipboardContext.es.js";
 import "../../../../../_virtual/jsx-runtime.es.js";
 import "@tanstack/react-table";
-import "../context/SelectionCellsContext.es.js";
-import "../ProjectTreeTable.es.js";
-import "../context/ColumnSettingsContext.es.js";
-import { useProjectTableContext } from "../context/ProjectTableContext.es.js";
-import "../context/ProjectTableQueriesContext.es.js";
-import "../context/SelectedRowsContext.es.js";
-/* empty css                                    */
+import "../widgets/CollapsedWidget.es.js";
+import "../widgets/DateWidget.es.js";
+import "../widgets/EnumWidget.es.js";
+import "../widgets/TextWidget.es.js";
+import "../widgets/BooleanWidget.es.js";
+import "../widgets/CellWidget.es.js";
+import "../widgets/EntityNameWidget.es.js";
+import "../widgets/GroupHeaderWidget.es.js";
+import "../widgets/ThumbnailWidget.es.js";
 import "clsx";
-import "../../ContextMenu/ContextMenuContext.es.js";
+import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
 import "../../../api/generated/access.es.js";
 import "../../../api/generated/actions.es.js";
 import "../../../api/generated/activityFeed.es.js";
@@ -74,6 +78,9 @@ import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+import "../../../api/queries/links/getLinks.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
@@ -91,9 +98,14 @@ import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                    */
+import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
 import "../../../context/RemoteModulesContext.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
 import "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
@@ -103,10 +115,97 @@ import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
+import "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../Feed/context/FeedContext.es.js";
+import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../Feed/components/CommentInput/CommentInput.es.js";
+import "../../Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../Feed/components/ActivityDate.es.js";
+import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../Feed/Feed.styled.es.js";
+import "date-fns";
+import "../ProjectTreeTable.es.js";
+import "../context/CellEditingContext.es.js";
+import "../context/SelectionCellsContext.es.js";
+import "../context/ProjectTableQueriesContext.es.js";
+import { useProjectTableContext } from "../context/ProjectTableContext.es.js";
+import "../context/ClipboardContext.es.js";
+import "../context/ColumnSettingsContext.es.js";
+import "../context/SelectedRowsContext.es.js";
+import "../context/DetailsPanelEntityContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../components/GroupSettingsFallback.es.js";
 import "../context/ProjectDataContext.es.js";
+import "../../DetailsPanel/DetailsPanel.styled.es.js";
+import "../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../components/PlayableIcon/PlayableIcon.es.js";
+import "../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../Actions/Actions.styled.es.js";
+import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../Actions/ActionIcon.es.js";
+import "../../Views/context/ViewsContext.es.js";
+import "../../Views/Views.styled.es.js";
+import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../../components/EntityPath/EntityPath.styled.es.js";
+import "../../../components/EntityPath/SegmentProvider.es.js";
+import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../components/Watchers/Watchers.es.js";
+import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/Powerpack/PowerpackButton.es.js";
+import "../../../components/Powerpack/PricingLink.es.js";
+import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../../components/Powerpack/CTAButton.es.js";
+import "../../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../../components/AttributeEditor/components/MinMaxField.es.js";
+import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "../../../components/Badge/Badge.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../components/Feedback/FeedbackContext.es.js";
+import "../../../components/Feedback/SupportBubble.es.js";
+import "../../../components/Chips/Chips.es.js";
+import "../../../components/LinksManager/LinksManager.styled.es.js";
+import "../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../../components/LinksManager/LinksManagerDialog.es.js";
+import "../ProjectTreeTable.styled.es.js";
+import "../components/SelectionCell.es.js";
+import "../components/RowSelectionHeader.es.js";
+import "../widgets/LoadMoreWidget.es.js";
 const useCheckSelectedCellsVisible = ({
   selectedCells,
   setSelectedCells,

package/dist/shared/src/containers/ProjectTreeTable/hooks/useCheckSelectedCellsVisible.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckSelectedCellsVisible.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useCheckSelectedCellsVisible.ts"],"sourcesContent":["// This hooks checks the current selection of cells is actually visible in the current viewport of the table\n// If they are not visible, they will be removed from the selection\n// This can happen when the user changes the slicer selection or filters (combined filters changes)\n\nimport { useEffect } from 'react'\nimport { CellId, parseCellId } from '../utils'\nimport { useProjectTableContext } from '../context'\n\ntype CheckSelectedCellsVisibleProps = {\n  selectedCells: Set<CellId>\n  setSelectedCells: (cells: Set<CellId>) => void\n  focusedCellId: CellId | null\n  setFocusedCellId: (cellId: CellId | null) => void\n}\n\nexport const useCheckSelectedCellsVisible = ({\n  selectedCells,\n  setSelectedCells,\n  focusedCellId,\n  setFocusedCellId,\n}: CheckSelectedCellsVisibleProps): void => {\n  const { getEntityById } = useProjectTableContext()\n\n  // checks that all of the selected cells are in the tableData\n  // if they are not, they will be removed from the selection\n  useEffect(() => {\n    const missingCells = new Set<CellId>()\n    for (const cellId of selectedCells) {\n      // check if the cell rowId is in\n      if (!getEntityById(parseCellId(cellId || '')?.rowId || '')) {\n        missingCells.add(cellId)\n      }\n    }\n\n    if (missingCells.size > 0) {\n      // remove the missing cells from the selection\n      const newSelection = new Set<CellId>(selectedCells)\n      for (const cellId of missingCells) {\n        newSelection.delete(cellId)\n      }\n\n      setSelectedCells(newSelection)\n\n      // if the focused cell is one of the missing cells, clear it\n      if (missingCells.has(focusedCellId || '')) {\n        setFocusedCellId(null)\n      }\n    }\n  }, [getEntityById, selectedCells, focusedCellId, setSelectedCells, setFocusedCellId])\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AACpC,QAAA,EAAE,cAAc,IAAI,uBAAuB;AAIjD,YAAU,MAAM;;AACR,UAAA,mCAAmB,IAAY;AACrC,eAAW,UAAU,eAAe;AAE9B,UAAA,CAAC,gBAAc,iBAAY,UAAU,EAAE,MAAxB,mBAA2B,UAAS,EAAE,GAAG;AAC1D,qBAAa,IAAI,MAAM;AAAA,MAAA;AAAA,IACzB;AAGE,QAAA,aAAa,OAAO,GAAG;AAEnB,YAAA,eAAe,IAAI,IAAY,aAAa;AAClD,iBAAW,UAAU,cAAc;AACjC,qBAAa,OAAO,MAAM;AAAA,MAAA;AAG5B,uBAAiB,YAAY;AAG7B,UAAI,aAAa,IAAI,iBAAiB,EAAE,GAAG;AACzC,yBAAiB,IAAI;AAAA,MAAA;AAAA,IACvB;AAAA,EACF,GACC,CAAC,eAAe,eAAe,eAAe,kBAAkB,gBAAgB,CAAC;AACtF;"}
+{"version":3,"file":"useCheckSelectedCellsVisible.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useCheckSelectedCellsVisible.ts"],"sourcesContent":["// This hooks checks the current selection of cells is actually visible in the current viewport of the table\n// If they are not visible, they will be removed from the selection\n// This can happen when the user changes the slicer selection or filters (combined filters changes)\n\nimport { useEffect } from 'react'\nimport { CellId, parseCellId } from '../utils'\nimport { useProjectTableContext } from '../context'\n\ntype CheckSelectedCellsVisibleProps = {\n  selectedCells: Set<CellId>\n  setSelectedCells: (cells: Set<CellId>) => void\n  focusedCellId: CellId | null\n  setFocusedCellId: (cellId: CellId | null) => void\n}\n\nexport const useCheckSelectedCellsVisible = ({\n  selectedCells,\n  setSelectedCells,\n  focusedCellId,\n  setFocusedCellId,\n}: CheckSelectedCellsVisibleProps): void => {\n  const { getEntityById } = useProjectTableContext()\n\n  // checks that all of the selected cells are in the tableData\n  // if they are not, they will be removed from the selection\n  useEffect(() => {\n    const missingCells = new Set<CellId>()\n    for (const cellId of selectedCells) {\n      // check if the cell rowId is in\n      if (!getEntityById(parseCellId(cellId || '')?.rowId || '')) {\n        missingCells.add(cellId)\n      }\n    }\n\n    if (missingCells.size > 0) {\n      // remove the missing cells from the selection\n      const newSelection = new Set<CellId>(selectedCells)\n      for (const cellId of missingCells) {\n        newSelection.delete(cellId)\n      }\n\n      setSelectedCells(newSelection)\n\n      // if the focused cell is one of the missing cells, clear it\n      if (missingCells.has(focusedCellId || '')) {\n        setFocusedCellId(null)\n      }\n    }\n  }, [getEntityById, selectedCells, focusedCellId, setSelectedCells, setFocusedCellId])\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AACpC,QAAA,EAAE,cAAc,IAAI,uBAAuB;AAIjD,YAAU,MAAM;;AACR,UAAA,mCAAmB,IAAY;AACrC,eAAW,UAAU,eAAe;AAE9B,UAAA,CAAC,gBAAc,iBAAY,UAAU,EAAE,MAAxB,mBAA2B,UAAS,EAAE,GAAG;AAC1D,qBAAa,IAAI,MAAM;AAAA,MAAA;AAAA,IACzB;AAGE,QAAA,aAAa,OAAO,GAAG;AAEnB,YAAA,eAAe,IAAI,IAAY,aAAa;AAClD,iBAAW,UAAU,cAAc;AACjC,qBAAa,OAAO,MAAM;AAAA,MAAA;AAG5B,uBAAiB,YAAY;AAG7B,UAAI,aAAa,IAAI,iBAAiB,EAAE,GAAG;AACzC,yBAAiB,IAAI;AAAA,MAAA;AAAA,IACvB;AAAA,EACF,GACC,CAAC,eAAe,eAAe,eAAe,kBAAkB,gBAAgB,CAAC;AACtF;"}

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

@@ -23,7 +23,7 @@ const useColumnVirtualization = ({
     //estimate width of each column for accurate scrollbar dragging
     getScrollElement: () => tableContainerRef.current,
     horizontal: true,
-    overscan: 0,
+    overscan: 1,
     //how many columns to render on each side off screen each way (adjust this for performance)
     rangeExtractor: (range) => {
       const start = range.startIndex;

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

@@ -1 +1 @@
-{"version":3,"file":"useColumnVirtualization.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useColumnVirtualization.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { Column } from '@tanstack/react-table'\nimport { TableRow } from '../types/table'\n\ninterface UseColumnVirtualizationProps {\n  visibleColumns: Column<TableRow, unknown>[]\n  tableContainerRef: React.RefObject<HTMLDivElement>\n  columnPinning: {\n    left?: string[]\n  }\n}\n\ninterface UseColumnVirtualizationResult {\n  columnVirtualizer: ReturnType<typeof useVirtualizer<HTMLDivElement, HTMLTableCellElement>>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n}\n\nconst useColumnVirtualization = ({\n  visibleColumns,\n  tableContainerRef,\n  columnPinning,\n}: UseColumnVirtualizationProps): UseColumnVirtualizationResult => {\n  // Extract pinned column indexes for virtualization\n  const leftPinnedIndexes = useMemo(() => {\n    return visibleColumns.filter((col) => col.getIsPinned() === 'left').map((col) => col.getIndex())\n  }, [visibleColumns, columnPinning])\n\n  // Find highest pinned index and include all columns between 0 and that index\n  const pinnedColumnIndexes: number[] = []\n  if (leftPinnedIndexes.length > 0) {\n    const maxPinnedIndex = Math.max(...leftPinnedIndexes)\n    // Include all indexes from 0 to maxPinnedIndex to maintain continuity\n    for (let i = 0; i <= maxPinnedIndex; i++) {\n      pinnedColumnIndexes.push(i)\n    }\n  }\n\n  const columnVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableCellElement>({\n    count: visibleColumns.length,\n    estimateSize: (index) => visibleColumns[index].getSize(), //estimate width of each column for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    horizontal: true,\n    overscan: 0, //how many columns to render on each side off screen each way (adjust this for performance)\n    rangeExtractor: (range) => {\n      const start = range.startIndex\n      const end = range.endIndex\n      const overscan = range.overscan\n\n      // Calculate the base visible range with overscan\n      const baseIndexes = []\n      for (let i = start - overscan; i <= end + overscan; i++) {\n        if (i >= 0 && i < visibleColumns.length) {\n          baseIndexes.push(i)\n        }\n      }\n\n      // Create a Set of all unique indexes we need to render\n      const allIndexes = new Set([\n        ...pinnedColumnIndexes, // All columns up to the highest pinned column\n        ...baseIndexes, // Visible columns in the current range\n      ])\n\n      // Sort indexes to maintain column order\n      return Array.from(allIndexes).sort((a, b) => a - b)\n    },\n  })\n\n  const virtualColumnsResult = columnVirtualizer.getVirtualItems()\n\n  // Calculate virtual padding differently for pinned columns\n  let virtualPaddingLeft: number | undefined\n  let virtualPaddingRight: number | undefined\n\n  if (columnVirtualizer && virtualColumnsResult.length) {\n    const totalSize = columnVirtualizer.getTotalSize()\n\n    // Find the first non-pinned visible column\n    const firstNonPinnedIndex = virtualColumnsResult.findIndex(\n      (vc) => !pinnedColumnIndexes.includes(vc.index),\n    )\n\n    if (firstNonPinnedIndex !== -1) {\n      // Calculate left padding by finding the start of the first non-pinned column\n      // minus the total width of all pinned columns that come before it\n      const firstNonPinnedStart = virtualColumnsResult[firstNonPinnedIndex].start\n      const totalPinnedWidth = pinnedColumnIndexes.reduce((width, index) => {\n        const col = visibleColumns[index]\n        return width + col.getSize()\n      }, 0)\n\n      // Adjust left padding to account for pinned columns\n      virtualPaddingLeft = Math.max(0, firstNonPinnedStart - totalPinnedWidth)\n    } else {\n      virtualPaddingLeft = 0\n    }\n\n    // Last column's end position\n    const lastVisibleColumnEnd = virtualColumnsResult[virtualColumnsResult.length - 1]?.end ?? 0\n\n    // Calculate right padding\n    virtualPaddingRight = Math.max(0, totalSize - lastVisibleColumnEnd)\n  }\n\n  return {\n    columnVirtualizer,\n    virtualPaddingLeft,\n    virtualPaddingRight,\n  }\n}\n\nexport default useColumnVirtualization\n"],"names":["useMemo","useVirtualizer"],"mappings":";;;AAmBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAAmE;;AAE3D,QAAA,oBAAoBA,MAAAA,QAAQ,MAAM;AACtC,WAAO,eAAe,OAAO,CAAC,QAAQ,IAAI,YAAY,MAAM,MAAM,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU;AAAA,EAAA,GAC9F,CAAC,gBAAgB,aAAa,CAAC;AAGlC,QAAM,sBAAgC,CAAC;AACnC,MAAA,kBAAkB,SAAS,GAAG;AAChC,UAAM,iBAAiB,KAAK,IAAI,GAAG,iBAAiB;AAEpD,aAAS,IAAI,GAAG,KAAK,gBAAgB,KAAK;AACxC,0BAAoB,KAAK,CAAC;AAAA,IAAA;AAAA,EAC5B;AAGF,QAAM,oBAAoBC,aAAAA,eAAqD;AAAA,IAC7E,OAAO,eAAe;AAAA,IACtB,cAAc,CAAC,UAAU,eAAe,KAAK,EAAE,QAAQ;AAAA;AAAA,IACvD,kBAAkB,MAAM,kBAAkB;AAAA,IAC1C,YAAY;AAAA,IACZ,UAAU;AAAA;AAAA,IACV,gBAAgB,CAAC,UAAU;AACzB,YAAM,QAAQ,MAAM;AACpB,YAAM,MAAM,MAAM;AAClB,YAAM,WAAW,MAAM;AAGvB,YAAM,cAAc,CAAC;AACrB,eAAS,IAAI,QAAQ,UAAU,KAAK,MAAM,UAAU,KAAK;AACvD,YAAI,KAAK,KAAK,IAAI,eAAe,QAAQ;AACvC,sBAAY,KAAK,CAAC;AAAA,QAAA;AAAA,MACpB;AAII,YAAA,iCAAiB,IAAI;AAAA,QACzB,GAAG;AAAA;AAAA,QACH,GAAG;AAAA;AAAA,MAAA,CACJ;AAGM,aAAA,MAAM,KAAK,UAAU,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAAA,IAAA;AAAA,EACpD,CACD;AAEK,QAAA,uBAAuB,kBAAkB,gBAAgB;AAG3D,MAAA;AACA,MAAA;AAEA,MAAA,qBAAqB,qBAAqB,QAAQ;AAC9C,UAAA,YAAY,kBAAkB,aAAa;AAGjD,UAAM,sBAAsB,qBAAqB;AAAA,MAC/C,CAAC,OAAO,CAAC,oBAAoB,SAAS,GAAG,KAAK;AAAA,IAChD;AAEA,QAAI,wBAAwB,IAAI;AAGxB,YAAA,sBAAsB,qBAAqB,mBAAmB,EAAE;AACtE,YAAM,mBAAmB,oBAAoB,OAAO,CAAC,OAAO,UAAU;AAC9D,cAAA,MAAM,eAAe,KAAK;AACzB,eAAA,QAAQ,IAAI,QAAQ;AAAA,SAC1B,CAAC;AAGJ,2BAAqB,KAAK,IAAI,GAAG,sBAAsB,gBAAgB;AAAA,IAAA,OAClE;AACgB,2BAAA;AAAA,IAAA;AAIvB,UAAM,yBAAuB,0BAAqB,qBAAqB,SAAS,CAAC,MAApD,mBAAuD,QAAO;AAG3F,0BAAsB,KAAK,IAAI,GAAG,YAAY,oBAAoB;AAAA,EAAA;AAG7D,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useColumnVirtualization.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useColumnVirtualization.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { Column } from '@tanstack/react-table'\nimport { TableRow } from '../types/table'\n\ninterface UseColumnVirtualizationProps {\n  visibleColumns: Column<TableRow, unknown>[]\n  tableContainerRef: React.RefObject<HTMLDivElement>\n  columnPinning: {\n    left?: string[]\n  }\n}\n\ninterface UseColumnVirtualizationResult {\n  columnVirtualizer: ReturnType<typeof useVirtualizer<HTMLDivElement, HTMLTableCellElement>>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n}\n\nconst useColumnVirtualization = ({\n  visibleColumns,\n  tableContainerRef,\n  columnPinning,\n}: UseColumnVirtualizationProps): UseColumnVirtualizationResult => {\n  // Extract pinned column indexes for virtualization\n  const leftPinnedIndexes = useMemo(() => {\n    return visibleColumns.filter((col) => col.getIsPinned() === 'left').map((col) => col.getIndex())\n  }, [visibleColumns, columnPinning])\n\n  // Find highest pinned index and include all columns between 0 and that index\n  const pinnedColumnIndexes: number[] = []\n  if (leftPinnedIndexes.length > 0) {\n    const maxPinnedIndex = Math.max(...leftPinnedIndexes)\n    // Include all indexes from 0 to maxPinnedIndex to maintain continuity\n    for (let i = 0; i <= maxPinnedIndex; i++) {\n      pinnedColumnIndexes.push(i)\n    }\n  }\n\n  const columnVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableCellElement>({\n    count: visibleColumns.length,\n    estimateSize: (index) => visibleColumns[index].getSize(), //estimate width of each column for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    horizontal: true,\n    overscan: 1, //how many columns to render on each side off screen each way (adjust this for performance)\n    rangeExtractor: (range) => {\n      const start = range.startIndex\n      const end = range.endIndex\n      const overscan = range.overscan\n\n      // Calculate the base visible range with overscan\n      const baseIndexes = []\n      for (let i = start - overscan; i <= end + overscan; i++) {\n        if (i >= 0 && i < visibleColumns.length) {\n          baseIndexes.push(i)\n        }\n      }\n\n      // Create a Set of all unique indexes we need to render\n      const allIndexes = new Set([\n        ...pinnedColumnIndexes, // All columns up to the highest pinned column\n        ...baseIndexes, // Visible columns in the current range\n      ])\n\n      // Sort indexes to maintain column order\n      return Array.from(allIndexes).sort((a, b) => a - b)\n    },\n  })\n\n  const virtualColumnsResult = columnVirtualizer.getVirtualItems()\n\n  // Calculate virtual padding differently for pinned columns\n  let virtualPaddingLeft: number | undefined\n  let virtualPaddingRight: number | undefined\n\n  if (columnVirtualizer && virtualColumnsResult.length) {\n    const totalSize = columnVirtualizer.getTotalSize()\n\n    // Find the first non-pinned visible column\n    const firstNonPinnedIndex = virtualColumnsResult.findIndex(\n      (vc) => !pinnedColumnIndexes.includes(vc.index),\n    )\n\n    if (firstNonPinnedIndex !== -1) {\n      // Calculate left padding by finding the start of the first non-pinned column\n      // minus the total width of all pinned columns that come before it\n      const firstNonPinnedStart = virtualColumnsResult[firstNonPinnedIndex].start\n      const totalPinnedWidth = pinnedColumnIndexes.reduce((width, index) => {\n        const col = visibleColumns[index]\n        return width + col.getSize()\n      }, 0)\n\n      // Adjust left padding to account for pinned columns\n      virtualPaddingLeft = Math.max(0, firstNonPinnedStart - totalPinnedWidth)\n    } else {\n      virtualPaddingLeft = 0\n    }\n\n    // Last column's end position\n    const lastVisibleColumnEnd = virtualColumnsResult[virtualColumnsResult.length - 1]?.end ?? 0\n\n    // Calculate right padding\n    virtualPaddingRight = Math.max(0, totalSize - lastVisibleColumnEnd)\n  }\n\n  return {\n    columnVirtualizer,\n    virtualPaddingLeft,\n    virtualPaddingRight,\n  }\n}\n\nexport default useColumnVirtualization\n"],"names":["useMemo","useVirtualizer"],"mappings":";;;AAmBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAAmE;;AAE3D,QAAA,oBAAoBA,MAAAA,QAAQ,MAAM;AACtC,WAAO,eAAe,OAAO,CAAC,QAAQ,IAAI,YAAY,MAAM,MAAM,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU;AAAA,EAAA,GAC9F,CAAC,gBAAgB,aAAa,CAAC;AAGlC,QAAM,sBAAgC,CAAC;AACnC,MAAA,kBAAkB,SAAS,GAAG;AAChC,UAAM,iBAAiB,KAAK,IAAI,GAAG,iBAAiB;AAEpD,aAAS,IAAI,GAAG,KAAK,gBAAgB,KAAK;AACxC,0BAAoB,KAAK,CAAC;AAAA,IAAA;AAAA,EAC5B;AAGF,QAAM,oBAAoBC,aAAAA,eAAqD;AAAA,IAC7E,OAAO,eAAe;AAAA,IACtB,cAAc,CAAC,UAAU,eAAe,KAAK,EAAE,QAAQ;AAAA;AAAA,IACvD,kBAAkB,MAAM,kBAAkB;AAAA,IAC1C,YAAY;AAAA,IACZ,UAAU;AAAA;AAAA,IACV,gBAAgB,CAAC,UAAU;AACzB,YAAM,QAAQ,MAAM;AACpB,YAAM,MAAM,MAAM;AAClB,YAAM,WAAW,MAAM;AAGvB,YAAM,cAAc,CAAC;AACrB,eAAS,IAAI,QAAQ,UAAU,KAAK,MAAM,UAAU,KAAK;AACvD,YAAI,KAAK,KAAK,IAAI,eAAe,QAAQ;AACvC,sBAAY,KAAK,CAAC;AAAA,QAAA;AAAA,MACpB;AAII,YAAA,iCAAiB,IAAI;AAAA,QACzB,GAAG;AAAA;AAAA,QACH,GAAG;AAAA;AAAA,MAAA,CACJ;AAGM,aAAA,MAAM,KAAK,UAAU,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAAA,IAAA;AAAA,EACpD,CACD;AAEK,QAAA,uBAAuB,kBAAkB,gBAAgB;AAG3D,MAAA;AACA,MAAA;AAEA,MAAA,qBAAqB,qBAAqB,QAAQ;AAC9C,UAAA,YAAY,kBAAkB,aAAa;AAGjD,UAAM,sBAAsB,qBAAqB;AAAA,MAC/C,CAAC,OAAO,CAAC,oBAAoB,SAAS,GAAG,KAAK;AAAA,IAChD;AAEA,QAAI,wBAAwB,IAAI;AAGxB,YAAA,sBAAsB,qBAAqB,mBAAmB,EAAE;AACtE,YAAM,mBAAmB,oBAAoB,OAAO,CAAC,OAAO,UAAU;AAC9D,cAAA,MAAM,eAAe,KAAK;AACzB,eAAA,QAAQ,IAAI,QAAQ;AAAA,SAC1B,CAAC;AAGJ,2BAAqB,KAAK,IAAI,GAAG,sBAAsB,gBAAgB;AAAA,IAAA,OAClE;AACgB,2BAAA;AAAA,IAAA;AAIvB,UAAM,yBAAuB,0BAAqB,qBAAqB,SAAS,CAAC,MAApD,mBAAuD,QAAO;AAG3F,0BAAsB,KAAK,IAAI,GAAG,YAAY,oBAAoB;AAAA,EAAA;AAG7D,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}

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

@@ -22,7 +22,7 @@ const useColumnVirtualization = ({
     //estimate width of each column for accurate scrollbar dragging
     getScrollElement: () => tableContainerRef.current,
     horizontal: true,
-    overscan: 0,
+    overscan: 1,
     //how many columns to render on each side off screen each way (adjust this for performance)
     rangeExtractor: (range) => {
       const start = range.startIndex;

package/dist/shared/src/containers/ProjectTreeTable/hooks/useColumnVirtualization.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnVirtualization.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useColumnVirtualization.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { Column } from '@tanstack/react-table'\nimport { TableRow } from '../types/table'\n\ninterface UseColumnVirtualizationProps {\n  visibleColumns: Column<TableRow, unknown>[]\n  tableContainerRef: React.RefObject<HTMLDivElement>\n  columnPinning: {\n    left?: string[]\n  }\n}\n\ninterface UseColumnVirtualizationResult {\n  columnVirtualizer: ReturnType<typeof useVirtualizer<HTMLDivElement, HTMLTableCellElement>>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n}\n\nconst useColumnVirtualization = ({\n  visibleColumns,\n  tableContainerRef,\n  columnPinning,\n}: UseColumnVirtualizationProps): UseColumnVirtualizationResult => {\n  // Extract pinned column indexes for virtualization\n  const leftPinnedIndexes = useMemo(() => {\n    return visibleColumns.filter((col) => col.getIsPinned() === 'left').map((col) => col.getIndex())\n  }, [visibleColumns, columnPinning])\n\n  // Find highest pinned index and include all columns between 0 and that index\n  const pinnedColumnIndexes: number[] = []\n  if (leftPinnedIndexes.length > 0) {\n    const maxPinnedIndex = Math.max(...leftPinnedIndexes)\n    // Include all indexes from 0 to maxPinnedIndex to maintain continuity\n    for (let i = 0; i <= maxPinnedIndex; i++) {\n      pinnedColumnIndexes.push(i)\n    }\n  }\n\n  const columnVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableCellElement>({\n    count: visibleColumns.length,\n    estimateSize: (index) => visibleColumns[index].getSize(), //estimate width of each column for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    horizontal: true,\n    overscan: 0, //how many columns to render on each side off screen each way (adjust this for performance)\n    rangeExtractor: (range) => {\n      const start = range.startIndex\n      const end = range.endIndex\n      const overscan = range.overscan\n\n      // Calculate the base visible range with overscan\n      const baseIndexes = []\n      for (let i = start - overscan; i <= end + overscan; i++) {\n        if (i >= 0 && i < visibleColumns.length) {\n          baseIndexes.push(i)\n        }\n      }\n\n      // Create a Set of all unique indexes we need to render\n      const allIndexes = new Set([\n        ...pinnedColumnIndexes, // All columns up to the highest pinned column\n        ...baseIndexes, // Visible columns in the current range\n      ])\n\n      // Sort indexes to maintain column order\n      return Array.from(allIndexes).sort((a, b) => a - b)\n    },\n  })\n\n  const virtualColumnsResult = columnVirtualizer.getVirtualItems()\n\n  // Calculate virtual padding differently for pinned columns\n  let virtualPaddingLeft: number | undefined\n  let virtualPaddingRight: number | undefined\n\n  if (columnVirtualizer && virtualColumnsResult.length) {\n    const totalSize = columnVirtualizer.getTotalSize()\n\n    // Find the first non-pinned visible column\n    const firstNonPinnedIndex = virtualColumnsResult.findIndex(\n      (vc) => !pinnedColumnIndexes.includes(vc.index),\n    )\n\n    if (firstNonPinnedIndex !== -1) {\n      // Calculate left padding by finding the start of the first non-pinned column\n      // minus the total width of all pinned columns that come before it\n      const firstNonPinnedStart = virtualColumnsResult[firstNonPinnedIndex].start\n      const totalPinnedWidth = pinnedColumnIndexes.reduce((width, index) => {\n        const col = visibleColumns[index]\n        return width + col.getSize()\n      }, 0)\n\n      // Adjust left padding to account for pinned columns\n      virtualPaddingLeft = Math.max(0, firstNonPinnedStart - totalPinnedWidth)\n    } else {\n      virtualPaddingLeft = 0\n    }\n\n    // Last column's end position\n    const lastVisibleColumnEnd = virtualColumnsResult[virtualColumnsResult.length - 1]?.end ?? 0\n\n    // Calculate right padding\n    virtualPaddingRight = Math.max(0, totalSize - lastVisibleColumnEnd)\n  }\n\n  return {\n    columnVirtualizer,\n    virtualPaddingLeft,\n    virtualPaddingRight,\n  }\n}\n\nexport default useColumnVirtualization\n"],"names":[],"mappings":";;AAmBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAAmE;;AAE3D,QAAA,oBAAoB,QAAQ,MAAM;AACtC,WAAO,eAAe,OAAO,CAAC,QAAQ,IAAI,YAAY,MAAM,MAAM,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU;AAAA,EAAA,GAC9F,CAAC,gBAAgB,aAAa,CAAC;AAGlC,QAAM,sBAAgC,CAAC;AACnC,MAAA,kBAAkB,SAAS,GAAG;AAChC,UAAM,iBAAiB,KAAK,IAAI,GAAG,iBAAiB;AAEpD,aAAS,IAAI,GAAG,KAAK,gBAAgB,KAAK;AACxC,0BAAoB,KAAK,CAAC;AAAA,IAAA;AAAA,EAC5B;AAGF,QAAM,oBAAoB,eAAqD;AAAA,IAC7E,OAAO,eAAe;AAAA,IACtB,cAAc,CAAC,UAAU,eAAe,KAAK,EAAE,QAAQ;AAAA;AAAA,IACvD,kBAAkB,MAAM,kBAAkB;AAAA,IAC1C,YAAY;AAAA,IACZ,UAAU;AAAA;AAAA,IACV,gBAAgB,CAAC,UAAU;AACzB,YAAM,QAAQ,MAAM;AACpB,YAAM,MAAM,MAAM;AAClB,YAAM,WAAW,MAAM;AAGvB,YAAM,cAAc,CAAC;AACrB,eAAS,IAAI,QAAQ,UAAU,KAAK,MAAM,UAAU,KAAK;AACvD,YAAI,KAAK,KAAK,IAAI,eAAe,QAAQ;AACvC,sBAAY,KAAK,CAAC;AAAA,QAAA;AAAA,MACpB;AAII,YAAA,iCAAiB,IAAI;AAAA,QACzB,GAAG;AAAA;AAAA,QACH,GAAG;AAAA;AAAA,MAAA,CACJ;AAGM,aAAA,MAAM,KAAK,UAAU,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAAA,IAAA;AAAA,EACpD,CACD;AAEK,QAAA,uBAAuB,kBAAkB,gBAAgB;AAG3D,MAAA;AACA,MAAA;AAEA,MAAA,qBAAqB,qBAAqB,QAAQ;AAC9C,UAAA,YAAY,kBAAkB,aAAa;AAGjD,UAAM,sBAAsB,qBAAqB;AAAA,MAC/C,CAAC,OAAO,CAAC,oBAAoB,SAAS,GAAG,KAAK;AAAA,IAChD;AAEA,QAAI,wBAAwB,IAAI;AAGxB,YAAA,sBAAsB,qBAAqB,mBAAmB,EAAE;AACtE,YAAM,mBAAmB,oBAAoB,OAAO,CAAC,OAAO,UAAU;AAC9D,cAAA,MAAM,eAAe,KAAK;AACzB,eAAA,QAAQ,IAAI,QAAQ;AAAA,SAC1B,CAAC;AAGJ,2BAAqB,KAAK,IAAI,GAAG,sBAAsB,gBAAgB;AAAA,IAAA,OAClE;AACgB,2BAAA;AAAA,IAAA;AAIvB,UAAM,yBAAuB,0BAAqB,qBAAqB,SAAS,CAAC,MAApD,mBAAuD,QAAO;AAG3F,0BAAsB,KAAK,IAAI,GAAG,YAAY,oBAAoB;AAAA,EAAA;AAG7D,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useColumnVirtualization.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useColumnVirtualization.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { Column } from '@tanstack/react-table'\nimport { TableRow } from '../types/table'\n\ninterface UseColumnVirtualizationProps {\n  visibleColumns: Column<TableRow, unknown>[]\n  tableContainerRef: React.RefObject<HTMLDivElement>\n  columnPinning: {\n    left?: string[]\n  }\n}\n\ninterface UseColumnVirtualizationResult {\n  columnVirtualizer: ReturnType<typeof useVirtualizer<HTMLDivElement, HTMLTableCellElement>>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n}\n\nconst useColumnVirtualization = ({\n  visibleColumns,\n  tableContainerRef,\n  columnPinning,\n}: UseColumnVirtualizationProps): UseColumnVirtualizationResult => {\n  // Extract pinned column indexes for virtualization\n  const leftPinnedIndexes = useMemo(() => {\n    return visibleColumns.filter((col) => col.getIsPinned() === 'left').map((col) => col.getIndex())\n  }, [visibleColumns, columnPinning])\n\n  // Find highest pinned index and include all columns between 0 and that index\n  const pinnedColumnIndexes: number[] = []\n  if (leftPinnedIndexes.length > 0) {\n    const maxPinnedIndex = Math.max(...leftPinnedIndexes)\n    // Include all indexes from 0 to maxPinnedIndex to maintain continuity\n    for (let i = 0; i <= maxPinnedIndex; i++) {\n      pinnedColumnIndexes.push(i)\n    }\n  }\n\n  const columnVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableCellElement>({\n    count: visibleColumns.length,\n    estimateSize: (index) => visibleColumns[index].getSize(), //estimate width of each column for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    horizontal: true,\n    overscan: 1, //how many columns to render on each side off screen each way (adjust this for performance)\n    rangeExtractor: (range) => {\n      const start = range.startIndex\n      const end = range.endIndex\n      const overscan = range.overscan\n\n      // Calculate the base visible range with overscan\n      const baseIndexes = []\n      for (let i = start - overscan; i <= end + overscan; i++) {\n        if (i >= 0 && i < visibleColumns.length) {\n          baseIndexes.push(i)\n        }\n      }\n\n      // Create a Set of all unique indexes we need to render\n      const allIndexes = new Set([\n        ...pinnedColumnIndexes, // All columns up to the highest pinned column\n        ...baseIndexes, // Visible columns in the current range\n      ])\n\n      // Sort indexes to maintain column order\n      return Array.from(allIndexes).sort((a, b) => a - b)\n    },\n  })\n\n  const virtualColumnsResult = columnVirtualizer.getVirtualItems()\n\n  // Calculate virtual padding differently for pinned columns\n  let virtualPaddingLeft: number | undefined\n  let virtualPaddingRight: number | undefined\n\n  if (columnVirtualizer && virtualColumnsResult.length) {\n    const totalSize = columnVirtualizer.getTotalSize()\n\n    // Find the first non-pinned visible column\n    const firstNonPinnedIndex = virtualColumnsResult.findIndex(\n      (vc) => !pinnedColumnIndexes.includes(vc.index),\n    )\n\n    if (firstNonPinnedIndex !== -1) {\n      // Calculate left padding by finding the start of the first non-pinned column\n      // minus the total width of all pinned columns that come before it\n      const firstNonPinnedStart = virtualColumnsResult[firstNonPinnedIndex].start\n      const totalPinnedWidth = pinnedColumnIndexes.reduce((width, index) => {\n        const col = visibleColumns[index]\n        return width + col.getSize()\n      }, 0)\n\n      // Adjust left padding to account for pinned columns\n      virtualPaddingLeft = Math.max(0, firstNonPinnedStart - totalPinnedWidth)\n    } else {\n      virtualPaddingLeft = 0\n    }\n\n    // Last column's end position\n    const lastVisibleColumnEnd = virtualColumnsResult[virtualColumnsResult.length - 1]?.end ?? 0\n\n    // Calculate right padding\n    virtualPaddingRight = Math.max(0, totalSize - lastVisibleColumnEnd)\n  }\n\n  return {\n    columnVirtualizer,\n    virtualPaddingLeft,\n    virtualPaddingRight,\n  }\n}\n\nexport default useColumnVirtualization\n"],"names":[],"mappings":";;AAmBA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAAmE;;AAE3D,QAAA,oBAAoB,QAAQ,MAAM;AACtC,WAAO,eAAe,OAAO,CAAC,QAAQ,IAAI,YAAY,MAAM,MAAM,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU;AAAA,EAAA,GAC9F,CAAC,gBAAgB,aAAa,CAAC;AAGlC,QAAM,sBAAgC,CAAC;AACnC,MAAA,kBAAkB,SAAS,GAAG;AAChC,UAAM,iBAAiB,KAAK,IAAI,GAAG,iBAAiB;AAEpD,aAAS,IAAI,GAAG,KAAK,gBAAgB,KAAK;AACxC,0BAAoB,KAAK,CAAC;AAAA,IAAA;AAAA,EAC5B;AAGF,QAAM,oBAAoB,eAAqD;AAAA,IAC7E,OAAO,eAAe;AAAA,IACtB,cAAc,CAAC,UAAU,eAAe,KAAK,EAAE,QAAQ;AAAA;AAAA,IACvD,kBAAkB,MAAM,kBAAkB;AAAA,IAC1C,YAAY;AAAA,IACZ,UAAU;AAAA;AAAA,IACV,gBAAgB,CAAC,UAAU;AACzB,YAAM,QAAQ,MAAM;AACpB,YAAM,MAAM,MAAM;AAClB,YAAM,WAAW,MAAM;AAGvB,YAAM,cAAc,CAAC;AACrB,eAAS,IAAI,QAAQ,UAAU,KAAK,MAAM,UAAU,KAAK;AACvD,YAAI,KAAK,KAAK,IAAI,eAAe,QAAQ;AACvC,sBAAY,KAAK,CAAC;AAAA,QAAA;AAAA,MACpB;AAII,YAAA,iCAAiB,IAAI;AAAA,QACzB,GAAG;AAAA;AAAA,QACH,GAAG;AAAA;AAAA,MAAA,CACJ;AAGM,aAAA,MAAM,KAAK,UAAU,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AAAA,IAAA;AAAA,EACpD,CACD;AAEK,QAAA,uBAAuB,kBAAkB,gBAAgB;AAG3D,MAAA;AACA,MAAA;AAEA,MAAA,qBAAqB,qBAAqB,QAAQ;AAC9C,UAAA,YAAY,kBAAkB,aAAa;AAGjD,UAAM,sBAAsB,qBAAqB;AAAA,MAC/C,CAAC,OAAO,CAAC,oBAAoB,SAAS,GAAG,KAAK;AAAA,IAChD;AAEA,QAAI,wBAAwB,IAAI;AAGxB,YAAA,sBAAsB,qBAAqB,mBAAmB,EAAE;AACtE,YAAM,mBAAmB,oBAAoB,OAAO,CAAC,OAAO,UAAU;AAC9D,cAAA,MAAM,eAAe,KAAK;AACzB,eAAA,QAAQ,IAAI,QAAQ;AAAA,SAC1B,CAAC;AAGJ,2BAAqB,KAAK,IAAI,GAAG,sBAAsB,gBAAgB;AAAA,IAAA,OAClE;AACgB,2BAAA;AAAA,IAAA;AAIvB,UAAM,yBAAuB,0BAAqB,qBAAqB,SAAS,CAAC,MAApD,mBAAuD,QAAO;AAG3F,0BAAsB,KAAK,IAAI,GAAG,YAAY,oBAAoB;AAAA,EAAA;AAG7D,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

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

@@ -3,6 +3,8 @@ const React = require("react");
 const ProjectTableQueriesContext = require("../context/ProjectTableQueriesContext.cjs.js");
 const confirmDelete = require("../../../util/confirmDelete.cjs.js");
 const reactToastify = require("react-toastify");
+require("uuid");
+require("lodash");
 require("../../../util/pubsub.cjs.js");
 const ProjectTableContext = require("../context/ProjectTableContext.cjs.js");
 const useDeleteEntities = ({ onSuccess }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"useDeleteEntities.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useDeleteEntities.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { useProjectTableQueriesContext } from '../context/ProjectTableQueriesContext'\n// TODO: confirmDelete uses prime react, so we should find a different solution\nimport { confirmDelete } from '../../../util'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\nimport { toast } from 'react-toastify'\nimport { EntityMap } from '../types'\nimport { OperationWithRowId } from './useUpdateTableData'\n\ntype UseDeleteEntitiesProps = {\n  onSuccess?: () => void\n}\n\nconst useDeleteEntities = ({ onSuccess }: UseDeleteEntitiesProps) => {\n  const { updateEntities } = useProjectTableQueriesContext()\n\n  const { getEntityById } = useProjectTableContext()\n\n  const getValidEntity = (entityId: string): (EntityMap & { rowId: string }) | null => {\n    const entity = getEntityById(entityId) as EntityMap & { rowId: string }\n    return entity || null\n  }\n\n  const handleDeleteEntities = useCallback(\n    async (entityIds: string[]) => {\n      if (!entityIds || entityIds.length === 0) {\n        toast.error('No entities selected')\n        return\n      }\n\n      const fullEntities: (EntityMap & { rowId: string })[] = []\n      const addedEntityIds = new Set<string>()\n\n      for (const id of entityIds) {\n        const entity = getValidEntity(id)\n        if (entity && !addedEntityIds.has(entity.id)) {\n          fullEntities.push(entity)\n          addedEntityIds.add(entity.id)\n        }\n      }\n\n      if (fullEntities.length === 0) {\n        toast.error('No entities found')\n        return\n      }\n\n      const deleteEntities = async (force = false) => {\n        const operations: OperationWithRowId[] = []\n        for (const e of fullEntities) {\n          if (!e) continue\n          operations.push({\n            entityType: 'folderId' in e ? 'task' : 'folder',\n            type: 'delete',\n            entityId: e.id,\n            rowId: e.rowId,\n            force,\n          })\n        }\n        try {\n          await updateEntities?.({ operations })\n          if (onSuccess) {\n            onSuccess()\n          }\n        } catch (error: any) {\n          const message = error?.error || 'Failed to delete entities'\n          console.error(`Failed to delete entities:`, error)\n          throw { message, ...error }\n        }\n      }\n\n      const entityLabel =\n        fullEntities.length === 1\n          ? `\"${fullEntities[0].label || fullEntities[0].name}\"`\n          : `${fullEntities.length} entities`\n\n      confirmDelete({\n        label: 'folders and tasks',\n        message: `Are you sure you want to delete ${entityLabel}? This action cannot be undone.`,\n        accept: deleteEntities,\n        onError: (error: any) => {\n          const FOLDER_WITH_CHILDREN_CODE = 'delete-folder-with-children'\n          // check if the error is because of child tasks, products\n          if (error?.errorCodes?.includes(FOLDER_WITH_CHILDREN_CODE)) {\n            const confirmForce = window.confirm(\n              `Are you really sure you want to delete ${entityLabel} and all of its dependencies? This cannot be undone. (NOT RECOMMENDED)`,\n            )\n            if (confirmForce) {\n              deleteEntities(true)\n            } else {\n              console.log('User cancelled forced delete')\n            }\n          }\n        },\n        deleteLabel: 'Delete forever',\n      })\n    },\n    [getEntityById, updateEntities, onSuccess],\n  )\n\n  return handleDeleteEntities\n}\n\nexport default useDeleteEntities\n"],"names":["useProjectTableQueriesContext","useProjectTableContext","useCallback","toast","confirmDelete"],"mappings":";;;;;;;AAaA,MAAM,oBAAoB,CAAC,EAAE,gBAAwC;AAC7D,QAAA,EAAE,eAAe,IAAIA,yDAA8B;AAEnD,QAAA,EAAE,cAAc,IAAIC,2CAAuB;AAE3C,QAAA,iBAAiB,CAAC,aAA6D;AAC7E,UAAA,SAAS,cAAc,QAAQ;AACrC,WAAO,UAAU;AAAA,EACnB;AAEA,QAAM,uBAAuBC,MAAA;AAAA,IAC3B,OAAO,cAAwB;AAC7B,UAAI,CAAC,aAAa,UAAU,WAAW,GAAG;AACxCC,sBAAA,MAAM,MAAM,sBAAsB;AAClC;AAAA,MAAA;AAGF,YAAM,eAAkD,CAAC;AACnD,YAAA,qCAAqB,IAAY;AAEvC,iBAAW,MAAM,WAAW;AACpB,cAAA,SAAS,eAAe,EAAE;AAChC,YAAI,UAAU,CAAC,eAAe,IAAI,OAAO,EAAE,GAAG;AAC5C,uBAAa,KAAK,MAAM;AACT,yBAAA,IAAI,OAAO,EAAE;AAAA,QAAA;AAAA,MAC9B;AAGE,UAAA,aAAa,WAAW,GAAG;AAC7BA,sBAAA,MAAM,MAAM,mBAAmB;AAC/B;AAAA,MAAA;AAGI,YAAA,iBAAiB,OAAO,QAAQ,UAAU;AAC9C,cAAM,aAAmC,CAAC;AAC1C,mBAAW,KAAK,cAAc;AAC5B,cAAI,CAAC,EAAG;AACR,qBAAW,KAAK;AAAA,YACd,YAAY,cAAc,IAAI,SAAS;AAAA,YACvC,MAAM;AAAA,YACN,UAAU,EAAE;AAAA,YACZ,OAAO,EAAE;AAAA,YACT;AAAA,UAAA,CACD;AAAA,QAAA;AAEC,YAAA;AACI,iBAAA,iDAAiB,EAAE;AACzB,cAAI,WAAW;AACH,sBAAA;AAAA,UAAA;AAAA,iBAEL,OAAY;AACb,gBAAA,WAAU,+BAAO,UAAS;AACxB,kBAAA,MAAM,8BAA8B,KAAK;AAC3C,gBAAA,EAAE,SAAS,GAAG,MAAM;AAAA,QAAA;AAAA,MAE9B;AAEA,YAAM,cACJ,aAAa,WAAW,IACpB,IAAI,aAAa,CAAC,EAAE,SAAS,aAAa,CAAC,EAAE,IAAI,MACjD,GAAG,aAAa,MAAM;AAEdC,kCAAA;AAAA,QACZ,OAAO;AAAA,QACP,SAAS,mCAAmC,WAAW;AAAA,QACvD,QAAQ;AAAA,QACR,SAAS,CAAC,UAAe;;AACvB,gBAAM,4BAA4B;AAElC,eAAI,oCAAO,eAAP,mBAAmB,SAAS,4BAA4B;AAC1D,kBAAM,eAAe,OAAO;AAAA,cAC1B,0CAA0C,WAAW;AAAA,YACvD;AACA,gBAAI,cAAc;AAChB,6BAAe,IAAI;AAAA,YAAA,OACd;AACL,sBAAQ,IAAI,8BAA8B;AAAA,YAAA;AAAA,UAC5C;AAAA,QAEJ;AAAA,QACA,aAAa;AAAA,MAAA,CACd;AAAA,IACH;AAAA,IACA,CAAC,eAAe,gBAAgB,SAAS;AAAA,EAC3C;AAEO,SAAA;AACT;;"}
+{"version":3,"file":"useDeleteEntities.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/hooks/useDeleteEntities.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { useProjectTableQueriesContext } from '../context/ProjectTableQueriesContext'\n// TODO: confirmDelete uses prime react, so we should find a different solution\nimport { confirmDelete } from '../../../util'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\nimport { toast } from 'react-toastify'\nimport { EntityMap } from '../types'\nimport { OperationWithRowId } from './useUpdateTableData'\n\ntype UseDeleteEntitiesProps = {\n  onSuccess?: () => void\n}\n\nconst useDeleteEntities = ({ onSuccess }: UseDeleteEntitiesProps) => {\n  const { updateEntities } = useProjectTableQueriesContext()\n\n  const { getEntityById } = useProjectTableContext()\n\n  const getValidEntity = (entityId: string): (EntityMap & { rowId: string }) | null => {\n    const entity = getEntityById(entityId) as EntityMap & { rowId: string }\n    return entity || null\n  }\n\n  const handleDeleteEntities = useCallback(\n    async (entityIds: string[]) => {\n      if (!entityIds || entityIds.length === 0) {\n        toast.error('No entities selected')\n        return\n      }\n\n      const fullEntities: (EntityMap & { rowId: string })[] = []\n      const addedEntityIds = new Set<string>()\n\n      for (const id of entityIds) {\n        const entity = getValidEntity(id)\n        if (entity && !addedEntityIds.has(entity.id)) {\n          fullEntities.push(entity)\n          addedEntityIds.add(entity.id)\n        }\n      }\n\n      if (fullEntities.length === 0) {\n        toast.error('No entities found')\n        return\n      }\n\n      const deleteEntities = async (force = false) => {\n        const operations: OperationWithRowId[] = []\n        for (const e of fullEntities) {\n          if (!e) continue\n          operations.push({\n            entityType: 'folderId' in e ? 'task' : 'folder',\n            type: 'delete',\n            entityId: e.id,\n            rowId: e.rowId,\n            force,\n          })\n        }\n        try {\n          await updateEntities?.({ operations })\n          if (onSuccess) {\n            onSuccess()\n          }\n        } catch (error: any) {\n          const message = error?.error || 'Failed to delete entities'\n          console.error(`Failed to delete entities:`, error)\n          throw { message, ...error }\n        }\n      }\n\n      const entityLabel =\n        fullEntities.length === 1\n          ? `\"${fullEntities[0].label || fullEntities[0].name}\"`\n          : `${fullEntities.length} entities`\n\n      confirmDelete({\n        label: 'folders and tasks',\n        message: `Are you sure you want to delete ${entityLabel}? This action cannot be undone.`,\n        accept: deleteEntities,\n        onError: (error: any) => {\n          const FOLDER_WITH_CHILDREN_CODE = 'delete-folder-with-children'\n          // check if the error is because of child tasks, products\n          if (error?.errorCodes?.includes(FOLDER_WITH_CHILDREN_CODE)) {\n            const confirmForce = window.confirm(\n              `Are you really sure you want to delete ${entityLabel} and all of its dependencies? This cannot be undone. (NOT RECOMMENDED)`,\n            )\n            if (confirmForce) {\n              deleteEntities(true)\n            } else {\n              console.log('User cancelled forced delete')\n            }\n          }\n        },\n        deleteLabel: 'Delete forever',\n      })\n    },\n    [getEntityById, updateEntities, onSuccess],\n  )\n\n  return handleDeleteEntities\n}\n\nexport default useDeleteEntities\n"],"names":["useProjectTableQueriesContext","useProjectTableContext","useCallback","toast","confirmDelete"],"mappings":";;;;;;;;;AAaA,MAAM,oBAAoB,CAAC,EAAE,gBAAwC;AAC7D,QAAA,EAAE,eAAe,IAAIA,yDAA8B;AAEnD,QAAA,EAAE,cAAc,IAAIC,2CAAuB;AAE3C,QAAA,iBAAiB,CAAC,aAA6D;AAC7E,UAAA,SAAS,cAAc,QAAQ;AACrC,WAAO,UAAU;AAAA,EACnB;AAEA,QAAM,uBAAuBC,MAAA;AAAA,IAC3B,OAAO,cAAwB;AAC7B,UAAI,CAAC,aAAa,UAAU,WAAW,GAAG;AACxCC,sBAAA,MAAM,MAAM,sBAAsB;AAClC;AAAA,MAAA;AAGF,YAAM,eAAkD,CAAC;AACnD,YAAA,qCAAqB,IAAY;AAEvC,iBAAW,MAAM,WAAW;AACpB,cAAA,SAAS,eAAe,EAAE;AAChC,YAAI,UAAU,CAAC,eAAe,IAAI,OAAO,EAAE,GAAG;AAC5C,uBAAa,KAAK,MAAM;AACT,yBAAA,IAAI,OAAO,EAAE;AAAA,QAAA;AAAA,MAC9B;AAGE,UAAA,aAAa,WAAW,GAAG;AAC7BA,sBAAA,MAAM,MAAM,mBAAmB;AAC/B;AAAA,MAAA;AAGI,YAAA,iBAAiB,OAAO,QAAQ,UAAU;AAC9C,cAAM,aAAmC,CAAC;AAC1C,mBAAW,KAAK,cAAc;AAC5B,cAAI,CAAC,EAAG;AACR,qBAAW,KAAK;AAAA,YACd,YAAY,cAAc,IAAI,SAAS;AAAA,YACvC,MAAM;AAAA,YACN,UAAU,EAAE;AAAA,YACZ,OAAO,EAAE;AAAA,YACT;AAAA,UAAA,CACD;AAAA,QAAA;AAEC,YAAA;AACI,iBAAA,iDAAiB,EAAE;AACzB,cAAI,WAAW;AACH,sBAAA;AAAA,UAAA;AAAA,iBAEL,OAAY;AACb,gBAAA,WAAU,+BAAO,UAAS;AACxB,kBAAA,MAAM,8BAA8B,KAAK;AAC3C,gBAAA,EAAE,SAAS,GAAG,MAAM;AAAA,QAAA;AAAA,MAE9B;AAEA,YAAM,cACJ,aAAa,WAAW,IACpB,IAAI,aAAa,CAAC,EAAE,SAAS,aAAa,CAAC,EAAE,IAAI,MACjD,GAAG,aAAa,MAAM;AAEdC,kCAAA;AAAA,QACZ,OAAO;AAAA,QACP,SAAS,mCAAmC,WAAW;AAAA,QACvD,QAAQ;AAAA,QACR,SAAS,CAAC,UAAe;;AACvB,gBAAM,4BAA4B;AAElC,eAAI,oCAAO,eAAP,mBAAmB,SAAS,4BAA4B;AAC1D,kBAAM,eAAe,OAAO;AAAA,cAC1B,0CAA0C,WAAW;AAAA,YACvD;AACA,gBAAI,cAAc;AAChB,6BAAe,IAAI;AAAA,YAAA,OACd;AACL,sBAAQ,IAAI,8BAA8B;AAAA,YAAA;AAAA,UAC5C;AAAA,QAEJ;AAAA,QACA,aAAa;AAAA,MAAA,CACd;AAAA,IACH;AAAA,IACA,CAAC,eAAe,gBAAgB,SAAS;AAAA,EAC3C;AAEO,SAAA;AACT;;"}

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

@@ -2,6 +2,8 @@ import { useCallback } from "react";
 import { useProjectTableQueriesContext } from "../context/ProjectTableQueriesContext.es.js";
 import { confirmDelete } from "../../../util/confirmDelete.es.js";
 import { toast } from "react-toastify";
+import "uuid";
+import "lodash";
 import "../../../util/pubsub.es.js";
 import { useProjectTableContext } from "../context/ProjectTableContext.es.js";
 const useDeleteEntities = ({ onSuccess }) => {